@charset "UTF-8";
/* copied from portal site */
.u-flex {
  display: flex;
  flex-wrap: wrap;
}

.u-flex.u-jc-flex-start {
  justify-content: flex-start;
}

.u-flex.u-jc-flex-end {
  justify-content: flex-end;
}

.u-flex.u-jc-center {
  justify-content: center;
}

.u-flex.u-jc-space-between {
  justify-content: space-between;
}

.u-flex.u-jc-space-around {
  justify-content: space-around;
}

.u-flex.u-ai-flex-start {
  align-items: flex-start;
}

.u-flex.u-ai-flex-end {
  align-items: flex-end;
}

.u-flex.u-ai-center {
  align-items: center;
}

.u-flex.u-ai-stretch {
  align-items: stretch;
}

.u-flex.u-ai-baseline {
  align-items: baseline;
}

.u-flex.u-ac-flex-start {
  align-content: flex-start;
}

.u-flex.u-ac-flex-end {
  align-content: flex-end;
}

.u-flex.u-ac-center {
  align-content: center;
}

.u-flex.u-ac-stretch {
  align-content: stretch;
}

.u-flex.u-ac-space-between {
  align-content: space-between;
}

.u-flex.u-ac-space-around {
  align-content: space-around;
}

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

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

@font-face {
  font-family: "icomoon";
  src: url("/assets/icomoon-d8e22ef7582597a6532baa9da15f8fee70f01c467a0d5918b3a0bd62ff9c7c0a.eot");
  src: url("/assets/icomoon-d8e22ef7582597a6532baa9da15f8fee70f01c467a0d5918b3a0bd62ff9c7c0a.eot") format("embedded-opentype"), url("/assets/icomoon-3dcf412e4c9ef84bd14a78fbf5a9b04d9a99741220b64915e406e0e39eb8054b.woff2") format("woff2"), url("/assets/icomoon-118636cdebf1922323ff3190d96c0b1b6ebc16883dba2da6520032c25c8e1a6c.ttf") format("truetype"), url("/assets/icomoon-95dcb2fe6de061330c1716b9967826cc4d62bd01039cb7ee55488fcdf49e843d.woff") format("woff"), url("/assets/icomoon-36b949bd9808fecc25a8976dd1cccc8516a724364afc0b6f9f0570586857a1ce.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon.maximize:before {
  content: "\e91f";
}

.icon.minimize:before {
  content: "\e920";
}

.icon.download:before {
  content: "\e91d";
}

.icon.eye:before {
  content: "\e91e";
}

.icon.checkmark:before {
  content: "\e918";
}

.icon.search:before {
  content: "\e916";
}

.icon.duplicate:before {
  content: "\e917";
}

.icon.remove:before {
  content: "\e909";
}

.icon.plus:before {
  content: "\e90a";
}

.icon.arrow-up:before {
  content: "\e90b";
}

.icon.arrow-left:before {
  content: "\e90c";
}

.icon.arrow-down:before {
  content: "\e910";
}

.icon.arrow-right:before {
  content: "\e911";
}

.icon.caret-left:before {
  content: "\e900";
}

.icon.caret-up:before {
  content: "\e901";
}

.icon.caret-down:before {
  content: "\e902";
}

.icon.caret-right:before {
  content: "\e903";
}

.icon.trash-outline:before {
  content: "\e904";
}

.icon.trash:before {
  content: "\e905";
}

.icon.wrench:before {
  content: "\e912";
}

.icon.wrenches:before {
  content: "\e913";
}

.icon.cog-thick:before {
  content: "\e906";
}

.icon.cog:before {
  content: "\e907";
}

.icon.cubo:before {
  content: "\e908";
}

.icon.flag:before {
  content: "\e90d";
}

.icon.graphline:before {
  content: "\e90e";
}

.icon.access-key:before {
  content: "\e921";
}

.icon.crown:before {
  content: "\e90f";
}

.icon.server:before {
  content: "\e914";
}

.icon.cpu:before {
  content: "\e915";
}

.icon.cubo-node:before {
  content: "\e919";
}

.icon.cubo-uniform:before {
  content: "\e91a";
}

.icon.user-outline:before {
  content: "\e91c";
}

.icon.clock:before {
  content: "\e91b";
}

.icon.alert-triangle:before {
  content: "\f02d";
}

.icon.comment:before {
  content: "\f02b";
}

.icon.comment-discussion:before {
  content: "\f04f";
}

.icon.heart:before {
  content: "♥";
}

.icon.link:before {
  content: "\f05c";
}

.icon.location:before {
  content: "\f060";
}

.icon.pencil:before {
  content: "\f058";
}

.icon.star:before {
  content: "\f02a";
}

.icon.stop:before {
  content: "\f08f";
}

.icon.sync:before {
  content: "\f087";
}

.icon.zap:before {
  content: "⚡";
}

.icon.google:before {
  content: "\ea88";
}

.icon.google3:before {
  content: "\ea8a";
}

.icon.google-plus:before {
  content: "\ea8b";
}

.icon.facebook:before {
  content: "\ea90";
}

.icon.facebook2:before {
  content: "\ea91";
}

.icon.twitter:before {
  content: "\ea96";
}

.icon.github:before {
  content: "\eab0";
}

.icon.trello:before {
  content: "\eab3";
}

.icon.linkedin:before {
  content: "\eac9";
}

.icon.linkedin2:before {
  content: "\eaca";
}

.icon.stackoverflow:before {
  content: "\ead0";
}

body {
  padding-bottom: 30px;
  font-family: "Proxima-Nova", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  color: #676978;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.fixed-nav-offset {
  padding-top: 60px;
}

a:link,
a:visited {
  font-weight: 700;
  color: #22adf6;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:link.link-danger,
a:visited.link-danger {
  color: #f95f53;
}

a:link.link-success,
a:visited.link-success {
  color: #4ed8a0;
}

a:link.link-warning,
a:visited.link-warning {
  color: #7a65f2;
}

a:hover,
a:active {
  color: #00c9ff;
  text-decoration: none;
}

a:hover.link-danger,
a:active.link-danger {
  color: #ff8564;
}

a:hover.link-success,
a:active.link-success {
  color: #7ce490;
}

a:hover.link-warning,
a:active.link-warning {
  color: #9394ff;
}

::-moz-selection {
  color: #fff;
  background-color: #757888;
}

::selection {
  color: #fff;
  background-color: #757888;
}

::-moz-selection {
  color: #fff;
  background-color: #757888;
}

.btn {
  padding: 8px 17px;
  font-weight: 700;
  text-decoration: none !important;
  border-style: solid;
  border-width: 2px;
  outline: none !important;
  box-shadow: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
}

.btn:hover,
.btn:focus {
  cursor: pointer;
}

.btn-group-xs > .btn,
.btn.btn-xs,
.btn-group-xs > .btn {
  padding: 2px 9px;
}

.btn-group-sm > .btn,
.btn.btn-sm,
.btn-group-sm > .btn {
  padding: 4px 13px;
}

.btn-group-lg > .btn,
.btn.btn-lg,
.btn-group-lg > .btn {
  padding: 13px 24px;
}

.btn-default {
  color: #fff !important;
  background-color: #a4a8b6;
  border-color: #a4a8b6;
}

.btn-default:hover,
.btn-default:hover:focus {
  color: #fff !important;
  background-color: #bec2cc;
  border-color: #bec2cc;
}

.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default.active {
  color: #fff !important;
  background-color: #c6cad3;
  border-color: #bec2cc;
  box-shadow: none;
}

.btn-default:focus {
  background-color: #a4a8b6;
  border-color: #a4a8b6;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
  color: #fafafc !important;
  background-color: #e7e8eb;
  border-color: #e7e8eb;
  opacity: 1;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active,
.btn-default.disabled:active:focus,
.btn-default[disabled]:active:focus,
fieldset[disabled] .btn-default:active:focus {
  color: #fafafc !important;
  cursor: not-allowed;
  background-color: #e7e8eb;
  border-color: #e7e8eb;
}

.open .btn-default.dropdown-toggle {
  color: #fff !important;
  background-color: #c6cad3 !important;
  border-color: #bec2cc !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #22adf6;
  border-color: #22adf6;
}

.btn-primary:hover,
.btn-primary:hover:focus {
  color: #fff !important;
  background-color: #00c9ff;
  border-color: #00c9ff;
}

.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary.active {
  color: #fff !important;
  background-color: #6bdfff;
  border-color: #00c9ff;
  box-shadow: none;
}

.btn-primary:focus {
  background-color: #22adf6;
  border-color: #22adf6;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary {
  color: #fafafc !important;
  background-color: #c9e0ed;
  border-color: #c9e0ed;
  opacity: 1;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.btn-primary.disabled:active:focus,
.btn-primary[disabled]:active:focus,
fieldset[disabled] .btn-primary:active:focus {
  color: #fafafc !important;
  cursor: not-allowed;
  background-color: #c9e0ed;
  border-color: #c9e0ed;
}

.open .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #6bdfff !important;
  border-color: #00c9ff !important;
}

.btn-success {
  color: #fff !important;
  background-color: #4ed8a0;
  border-color: #4ed8a0;
}

.btn-success:hover,
.btn-success:hover:focus {
  color: #fff !important;
  background-color: #7ce490;
  border-color: #7ce490;
}

.btn-success:active,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success.active {
  color: #fff !important;
  background-color: #a5f3b4;
  border-color: #7ce490;
  box-shadow: none;
}

.btn-success:focus {
  background-color: #4ed8a0;
  border-color: #4ed8a0;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success {
  color: #fafafc !important;
  background-color: #cfe6e1;
  border-color: #cfe6e1;
  opacity: 1;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active,
.btn-success.disabled:active:focus,
.btn-success[disabled]:active:focus,
fieldset[disabled] .btn-success:active:focus {
  color: #fafafc !important;
  cursor: not-allowed;
  background-color: #cfe6e1;
  border-color: #cfe6e1;
}

.open .btn-success.dropdown-toggle {
  color: #fff !important;
  background-color: #a5f3b4 !important;
  border-color: #7ce490 !important;
}

.btn-info {
  color: #bec2cc !important;
  background-color: #383846;
  border-color: #383846;
}

.btn-info:hover,
.btn-info:hover:focus {
  color: #fff !important;
  background-color: #434453;
  border-color: #434453;
}

.btn-info:active,
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info.active {
  color: #fff !important;
  background-color: #545667;
  border-color: #434453;
  box-shadow: none;
}

.btn-info:focus {
  background-color: #383846;
  border-color: #383846;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info {
  color: #fafafc !important;
  background-color: #d4d7dd;
  border-color: #d4d7dd;
  opacity: 1;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active,
.btn-info.disabled:active:focus,
.btn-info[disabled]:active:focus,
fieldset[disabled] .btn-info:active:focus {
  color: #fafafc !important;
  cursor: not-allowed;
  background-color: #d4d7dd;
  border-color: #d4d7dd;
}

.open .btn-info.dropdown-toggle {
  color: #fff !important;
  background-color: #545667 !important;
  border-color: #434453 !important;
}

.btn-warning {
  color: #fff !important;
  background-color: #7a65f2;
  border-color: #7a65f2;
}

.btn-warning:hover,
.btn-warning:hover:focus {
  color: #fff !important;
  background-color: #9394ff;
  border-color: #9394ff;
}

.btn-warning:active,
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning.active {
  color: #fff !important;
  background-color: #b1b6ff;
  border-color: #9394ff;
  box-shadow: none;
}

.btn-warning:focus {
  background-color: #7a65f2;
  border-color: #7a65f2;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning {
  color: #fafafc !important;
  background-color: #d6d5ed;
  border-color: #d6d5ed;
  opacity: 1;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active,
.btn-warning.disabled:active:focus,
.btn-warning[disabled]:active:focus,
fieldset[disabled] .btn-warning:active:focus {
  color: #fafafc !important;
  cursor: not-allowed;
  background-color: #d6d5ed;
  border-color: #d6d5ed;
}

.open .btn-warning.dropdown-toggle {
  color: #fff !important;
  background-color: #b1b6ff !important;
  border-color: #9394ff !important;
}

.btn-danger {
  color: #fff !important;
  background-color: #f95f53;
  border-color: #f95f53;
}

.btn-danger:hover,
.btn-danger:hover:focus {
  color: #fff !important;
  background-color: #ff8564;
  border-color: #ff8564;
}

.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger.active {
  color: #fff !important;
  background-color: #ffb6a0;
  border-color: #ff8564;
  box-shadow: none;
}

.btn-danger:focus {
  background-color: #f95f53;
  border-color: #f95f53;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger {
  color: #fafafc !important;
  background-color: #eadad8;
  border-color: #eadad8;
  opacity: 1;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active,
.btn-danger.disabled:active:focus,
.btn-danger[disabled]:active:focus,
fieldset[disabled] .btn-danger:active:focus {
  color: #fafafc !important;
  cursor: not-allowed;
  background-color: #eadad8;
  border-color: #eadad8;
}

.open .btn-danger.dropdown-toggle {
  color: #fff !important;
  background-color: #ffb6a0 !important;
  border-color: #ff8564 !important;
}

.btn-link {
  color: #22adf6 !important;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:hover,
.btn-link:hover:focus {
  color: #00c9ff !important;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:active,
.btn-link:active:hover,
.btn-link:active:focus,
.btn-link.active {
  color: #00c9ff !important;
  background-color: transparent;
  border-color: #f6f6f8;
  box-shadow: none;
}

.btn-link:focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-link.disabled,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  color: #999dab !important;
  background-color: transparent;
  border-color: transparent;
  opacity: 1;
}

.btn-link.disabled:hover,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link.disabled:active,
.btn-link[disabled]:active,
fieldset[disabled] .btn-link:active,
.btn-link.disabled:focus,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus,
.btn-link.disabled.active,
.btn-link[disabled].active,
fieldset[disabled] .btn-link.active,
.btn-link.disabled:active:focus,
.btn-link[disabled]:active:focus,
fieldset[disabled] .btn-link:active:focus {
  color: #999dab !important;
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}

.open .btn-link.dropdown-toggle {
  color: #00c9ff !important;
  background-color: transparent !important;
  border-color: #f6f6f8 !important;
}

.btn-link-danger {
  color: #f95f53 !important;
  background-color: transparent;
  border-color: transparent;
}

.btn-link-danger:hover,
.btn-link-danger:hover:focus {
  color: #ff8564 !important;
  background-color: transparent;
  border-color: transparent;
}

.btn-link-danger:active,
.btn-link-danger:active:hover,
.btn-link-danger:active:focus,
.btn-link-danger.active {
  color: #ff8564 !important;
  background-color: transparent;
  border-color: #f6f6f8;
  box-shadow: none;
}

.btn-link-danger:focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-link-danger.disabled,
.btn-link-danger[disabled],
fieldset[disabled] .btn-link-danger {
  color: #999dab !important;
  background-color: transparent;
  border-color: transparent;
  opacity: 1;
}

.btn-link-danger.disabled:hover,
.btn-link-danger[disabled]:hover,
fieldset[disabled] .btn-link-danger:hover,
.btn-link-danger.disabled:active,
.btn-link-danger[disabled]:active,
fieldset[disabled] .btn-link-danger:active,
.btn-link-danger.disabled:focus,
.btn-link-danger[disabled]:focus,
fieldset[disabled] .btn-link-danger:focus,
.btn-link-danger.disabled.active,
.btn-link-danger[disabled].active,
fieldset[disabled] .btn-link-danger.active,
.btn-link-danger.disabled:active:focus,
.btn-link-danger[disabled]:active:focus,
fieldset[disabled] .btn-link-danger:active:focus {
  color: #999dab !important;
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}

.open .btn-link-danger.dropdown-toggle {
  color: #ff8564 !important;
  background-color: transparent !important;
  border-color: #f6f6f8 !important;
}

.btn-link-success {
  color: #4ed8a0 !important;
  background-color: transparent;
  border-color: transparent;
}

.btn-link-success:hover,
.btn-link-success:hover:focus {
  color: #7ce490 !important;
  background-color: transparent;
  border-color: transparent;
}

.btn-link-success:active,
.btn-link-success:active:hover,
.btn-link-success:active:focus,
.btn-link-success.active {
  color: #7ce490 !important;
  background-color: transparent;
  border-color: #f6f6f8;
  box-shadow: none;
}

.btn-link-success:focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-link-success.disabled,
.btn-link-success[disabled],
fieldset[disabled] .btn-link-success {
  color: #999dab !important;
  background-color: transparent;
  border-color: transparent;
  opacity: 1;
}

.btn-link-success.disabled:hover,
.btn-link-success[disabled]:hover,
fieldset[disabled] .btn-link-success:hover,
.btn-link-success.disabled:active,
.btn-link-success[disabled]:active,
fieldset[disabled] .btn-link-success:active,
.btn-link-success.disabled:focus,
.btn-link-success[disabled]:focus,
fieldset[disabled] .btn-link-success:focus,
.btn-link-success.disabled.active,
.btn-link-success[disabled].active,
fieldset[disabled] .btn-link-success.active,
.btn-link-success.disabled:active:focus,
.btn-link-success[disabled]:active:focus,
fieldset[disabled] .btn-link-success:active:focus {
  color: #999dab !important;
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
}

.open .btn-link-success.dropdown-toggle {
  color: #ff8564 !important;
  background-color: transparent !important;
  border-color: #f6f6f8 !important;
}

.panel {
  background-color: #fff;
  border: none;
  border-bottom: 2px solid #eef0f2;
  border-radius: 4px;
  box-shadow: none;
}

.panel-heading {
  padding: 25px 30px;
  margin-top: 0;
  margin-bottom: 0;
  color: #676978;
  background-color: #fff;
  border: none;
  border-radius: 4px 4px 0 0;
}

.panel-body {
  padding: 15px 30px;
  background-color: #fff;
}

.panel-footer {
  padding: 18px 30px;
  color: #999dab;
  background: #fafafc;
  background: linear-gradient(to bottom, #fafafc 0%, #fff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0);*/
  border-color: #f6f6f8;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-radius: 0 0 5px 5px;
}

.panel-title {
  margin: 5px 0;
  font-size: 18px;
  font-weight: 500 !important;
  color: inherit;
  letter-spacing: 0.015em;
}

.panel-title .caret {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  vertical-align: middle;
  border: none;
  transition: transform 0.25s ease;
}

.panel-title .caret:after {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "icomoon" !important;
  font-size: 16px;
  content: "\e911";
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.panel-title .collapsed .caret {
  transform: rotate(-90deg);
}

.panel-default .panel-heading {
  color: #676978;
  background-color: #fff;
}

.panel-primary .panel-heading {
  color: #22adf6;
  background: #f0fcff;
  background: linear-gradient(to right, #f0fcff 0%, #fff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-success .panel-heading {
  color: #32b08c;
  background: #f2fff4;
  background: linear-gradient(to right, #f2fff4 0%, #fff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-info .panel-heading {
  color: #676978;
  background-color: #fff;
  border-bottom: 2px solid #fafafc;
}

.panel-warning .panel-heading {
  color: #7a65f2;
  background: #f2f4ff;
  background: linear-gradient(to right, #f2f4ff 0%, #fff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-danger .panel-heading {
  color: #f95f53;
  background: #fff7f4;
  background: linear-gradient(to right, #fff7f4 0%, #fff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-telegraf .panel-heading {
  color: #fff;
  background: #f95f53;
  background: linear-gradient(to right, #f95f53 0%, #ff8564 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-influxdb .panel-heading {
  color: #fff;
  background: #4591ed;
  background: linear-gradient(to right, #4591ed 0%, #22adf6 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-chronograf .panel-heading {
  color: #fff;
  background: #7a65f2;
  background: linear-gradient(to right, #7a65f2 0%, #9394ff 100%);
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-kapacitor .panel-heading {
  color: #fff;
  background: #4ed8a0;
  background: linear-gradient(to right, #4ed8a0 0%, #7ce490 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-summer .panel-heading {
  color: #fff;
  background: #22adf6;
  background: linear-gradient(to right, #22adf6 0%, #9394ff 100%);
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-spring .panel-heading {
  color: #fff;
  background: #4ed8a0;
  background: linear-gradient(to right, #4ed8a0 0%, #00c9ff 100%);
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-winter .panel-heading {
  color: #fff;
  background: #326bba;
  background: linear-gradient(to right, #326bba 0%, #7a65f2 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-fall .panel-heading {
  color: #fff;
  background: #ff8564;
  background: linear-gradient(to right, #ff8564 0%, #9394ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.panel-minimal {
  background-color: transparent !important;
}

.panel-minimal .panel-heading {
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}

.panel-minimal .panel-title {
  font-size: 24px;
  font-weight: 300 !important;
  color: #676978 !important;
}

.panel-minimal .panel-body {
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.panel-minimal .panel-body:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.panel-collapse .panel-heading {
  padding-top: 12px;
  padding-bottom: 12px;
}

.panel-collapse .panel-body {
  border-top: 2px solid #fafafc;
}

.panel-collapse.panel-collapse-grey .panel-title a {
  color: #676978 !important;
}

.panel-collapse.panel-collapse-grey .panel-title a:hover {
  color: #8e91a1 !important;
}

.panel-collapse.panel-collapse-mint {
  border-color: #c6ffd0;
}

.panel-collapse.panel-collapse-mint .panel-heading {
  background-color: #f2fff4;
}

.panel-collapse.panel-collapse-mint .panel-body {
  background: #c6ffd0;
  background: linear-gradient(to bottom, #c6ffd0 0%, #f2fff4 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0);*/
  border-color: #c6ffd0;
}

.panel-collapse.panel-collapse-mint .panel-title a {
  color: #676978 !important;
}

.panel-collapse.panel-collapse-mint .panel-title a:hover {
  color: #8e91a1 !important;
}

.panel-collapse.panel-collapse-mint code,
.panel-collapse.panel-collapse-mint pre {
  font-weight: 600;
  color: #c6ffd0;
  background-color: #32b08c;
  border-color: #32b08c;
}

.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-button {
  background-color: #32b08c;
}

.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-track {
  background-color: #32b08c;
}

.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-track-piece {
  background: #32b08c;
}

.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-thumb {
  background-color: #c6ffd0;
  border: 4px solid #32b08c;
  border-radius: 7px;
}

.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-corner {
  background-color: #32b08c;
}

.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-resizer {
  background-color: #c6ffd0;
}

.panel-collapse.panel-collapse-frost {
  border-color: #bef0ff;
}

.panel-collapse.panel-collapse-frost .panel-heading {
  background-color: #f0fcff;
}

.panel-collapse.panel-collapse-frost .panel-body {
  background: #bef0ff;
  background: linear-gradient(to bottom, #bef0ff 0%, #f0fcff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0);*/
  border-color: #bef0ff;
}

.panel-collapse.panel-collapse-frost .panel-title a {
  color: #676978 !important;
}

.panel-collapse.panel-collapse-frost .panel-title a:hover {
  color: #8e91a1 !important;
}

.panel-collapse.panel-collapse-frost code,
.panel-collapse.panel-collapse-frost pre {
  font-weight: 600;
  color: #fff;
  background-color: #4591ed;
  border-color: #4591ed;
}

.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-button {
  background-color: #4591ed;
}

.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-track {
  background-color: #4591ed;
}

.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-track-piece {
  background: #4591ed;
}

.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-thumb {
  background-color: #fff;
  border: 4px solid #4591ed;
  border-radius: 7px;
}

.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-corner {
  background-color: #4591ed;
}

.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-resizer {
  background-color: #fff;
}

.panel-anim {
  transition: all 0.25s ease;
}

.panel-checkmark {
  position: absolute;
  top: -20px;
  right: 10px;
  width: 38px;
  height: 38px;
  font-weight: 900;
  line-height: 38px;
  color: #22adf6;
  text-align: center;
  background-color: #7ce490;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.panel-disabled,
.panel-available,
.panel-selected {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
  outline: none;
}

.panel-disabled .panel-heading,
.panel-available .panel-heading,
.panel-selected .panel-heading,
.panel-disabled .panel-body,
.panel-available .panel-body,
.panel-selected .panel-body {
  background-color: transparent;
}

.panel-disabled .panel-footer,
.panel-available .panel-footer,
.panel-selected .panel-footer {
  border-color: transparent !important;
}

.panel-disabled .panel-title,
.panel-available .panel-title,
.panel-selected .panel-title {
  font-size: 36px;
  font-weight: 200 !important;
}

.panel-disabled {
  color: #a4a8b6;
  background-color: #f6f6f8;
  border-color: #d4d7dd;
}

.panel-available {
  background-color: #fff;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.panel-available:hover {
  cursor: pointer;
  background-color: #f0fcff;
  border-color: #bef0ff;
}

.panel-selected {
  color: #fff;
  background-color: #4591ed;
  border-color: #326bba;
}

.panel-selected .panel-checkmark {
  top: 10px;
  opacity: 1;
}

.panel-selected:focus {
  box-shadow: 0 0 10px #4591ed;
}

.panel > .table {
  border-top: 2px solid #eef0f2;
}

.panel > .table * {
  border-color: #fafafc;
}

.panel-heading + .table {
  border: none;
}

.panel > .table td:first-child,
.panel > .table th:first-child {
  padding-left: 30px;
}

.panel > .table td:last-child,
.panel > .table th:last-child {
  padding-right: 30px;
}

.label {
  display: inline-block;
  font-size: 0.75em;
  vertical-align: middle;
}

.label.label-default {
  color: inherit;
  background-color: #e7e8eb;
}

.label.label-primary {
  color: #4591ed;
  background-color: #f0fcff;
}

.label.label-success {
  color: #32b08c;
  background-color: #f2fff4;
}

.label.label-info {
  color: #8e91a1;
  background-color: #fff;
}

.label.label-warning {
  color: #7a65f2;
  background-color: #f2f4ff;
}

.label.label-danger {
  color: #f95f53;
  background-color: #fff7f4;
}

h1 .label,
h2 .label {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

h1 .label,
h2 .label,
h3 .label,
h4 .label {
  transform: translateY(-10%);
}

h4 .label,
h5 .label,
h6 .label,
p .label {
  letter-spacing: 0.04em;
}

h1.deluxe .label,
h2.deluxe .label,
h3.deluxe .label {
  font-weight: 400;
}

h4.deluxe .label,
h5.deluxe .label,
h6.deluxe .label {
  letter-spacing: 0.15em;
}

.dropdown-menu {
  padding: 4px;
  background-color: #292933;
  border: 0;
  box-shadow: none;
}

.dropdown-menu .divider {
  height: 2px;
  margin: 5px 0;
  background-color: #434453;
}

.dropdown-menu .dropdown-header {
  font-weight: 600;
  color: #676978;
  text-transform: uppercase;
}

.dropdown-menu > li > a {
  padding: 4px 11px;
  font-weight: 400;
  color: #c6cad3;
  border-radius: 3px;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.dropdown-menu > li > a .badge {
  color: #9394ff;
  background-color: #202028;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #545667;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  font-weight: 600;
  background: #22adf6;
  background: linear-gradient(to right, #22adf6 0%, #9394ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.dropdown-menu > .active > a .badge,
.dropdown-menu > .active > a:hover .badge,
.dropdown-menu > .active > a:focus .badge {
  color: #9394ff;
  background-color: #fff;
}

.influx-logo {
  display: inline-block;
  height: 30px;
}

.navbar {
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
}

.navbar-nav > li > a {
  padding-right: 18px;
  padding-left: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.navbar-brand {
  padding-right: 22px;
  padding-left: 18px;
}

.navbar-logo {
  transition: opacity 0.25s ease;
}

.navbar-logo:hover,
.navbar-logo:focus,
.navbar-logo:active:focus {
  opacity: 0.7;
}

.navbar-default {
  background-color: #fff;
  border-color: #fff;
}

.navbar-default .navbar-nav {
  background: #22adf6;
  background: linear-gradient(to right, #22adf6 0%, #9394ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@color1", endColorstr="@color2", GradientType=1);
}

.navbar-default .navbar-nav > li > a {
  color: #757888;
  background-color: #fff;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:focus:active {
  color: #545667;
  background-color: rgba(255, 255, 255, 0.7);
  outline: none;
}

.navbar-default .navbar-nav > .open > a {
  color: #545667;
  background-color: rgba(255, 255, 255, 0.7);
}

.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:focus:active {
  color: #545667;
  background-color: rgba(255, 255, 255, 0.7);
  outline: none;
}

.navbar-default .navbar-nav > .open.active > a,
.navbar-default .navbar-nav > .active > a {
  font-weight: 700;
  color: #fff;
  background-color: transparent;
}

.navbar-default .navbar-nav > .open.active > a:hover,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open.active > a:focus,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open.active > a:focus:active,
.navbar-default .navbar-nav > .active > a:focus:active {
  color: #fff;
  background-color: transparent;
  outline: none;
}

.navbar-inverse {
  background-color: #383846;
  border: none;
}

.navbar-inverse .navbar-nav {
  background: #22adf6;
  background: linear-gradient(to right, #22adf6 0%, #9394ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@color1", endColorstr="@color2", GradientType=1);
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  background-color: #383846;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:focus:active {
  color: #fff;
  background-color: rgba(56, 56, 70, 0.7);
}

.navbar-inverse .navbar-nav > .open > a {
  color: #fff;
  background-color: rgba(56, 56, 70, 0.7);
}

.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:focus:active {
  color: #fff;
  background-color: rgba(56, 56, 70, 0.7);
}

.navbar-inverse .navbar-nav > .open.active > a,
.navbar-inverse .navbar-nav > .active > a {
  font-weight: 700;
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .open.active > a:hover,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .open.active > a:focus,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open.active > a:focus:active,
.navbar-inverse .navbar-nav > .active > a:focus:active {
  color: #fff;
  background-color: transparent;
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}

.navbar-static-top,
.navbar-fixed-top {
  border-width: 0 0 2px 0;
}

.navbar-fixed-bottom {
  border-width: 2px 0 0 0;
}

@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: linear-gradient(to bottom, #22adf6 0%, #0aa4f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff22adf6", endColorstr="#ff0aa4f5", GradientType=0);
    background-repeat: repeat-x;
  }
}
.alert {
  position: relative;
  border-style: solid;
  border-width: 2px 2px 2px 40px;
  border-radius: 4px;
}

.alert button.close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  font-size: 14px;
}

.alert span.icon:not(.remove) {
  position: absolute;
  top: 50%;
  left: -20px;
  z-index: 4;
  font-size: 18px;
  transform: translate(-50%, -50%);
}

.alert-success {
  color: #32b08c;
  background-color: #f2fff4;
  border-color: #c6ffd0;
}

.alert-success a:link,
.alert-success a:visited {
  font-weight: 700;
  color: #32b08c;
  text-decoration: underline;
  transition: color 0.25s ease;
}

.alert-success a:hover {
  color: #4ed8a0;
  border-color: #4ed8a0;
}

.alert-success button.close {
  color: #32b08c;
}

.alert-success span.icon {
  color: #32b08c;
}

.alert-primary {
  color: #4591ed;
  background-color: #f0fcff;
  border-color: #bef0ff;
}

.alert-primary a:link,
.alert-primary a:visited {
  font-weight: 700;
  color: #4591ed;
  text-decoration: underline;
  transition: color 0.25s ease;
}

.alert-primary a:hover {
  color: #22adf6;
  border-color: #22adf6;
}

.alert-primary button.close {
  color: #00c9ff;
}

.alert-primary span.icon {
  color: #4591ed;
}

.alert-warning {
  color: #7a65f2;
  background-color: #f2f4ff;
  border-color: #c9d0ff;
}

.alert-warning a:link,
.alert-warning a:visited {
  font-weight: 700;
  color: #7a65f2;
  text-decoration: underline;
  transition: color 0.25s ease;
}

.alert-warning a:hover {
  color: #9394ff;
  border-color: #9394ff;
}

.alert-warning button.close {
  color: #9394ff;
}

.alert-warning span.icon {
  color: #7a65f2;
}

.alert-danger {
  color: #f95f53;
  background-color: #fff7f4;
  border-color: #ffdccf;
}

.alert-danger a:link,
.alert-danger a:visited {
  font-weight: 700;
  color: #f95f53;
  text-decoration: underline;
  transition: color 0.25s ease;
}

.alert-danger a:hover {
  color: #ff8564;
  border-color: #ff8564;
}

.alert-danger button.close {
  color: #ff8564;
}

.alert-danger span.icon {
  color: #f95f53;
}

.alert-info {
  color: #676978;
  background-color: #f6f6f8;
  border-color: #e7e8eb;
}

.alert-info a:link,
.alert-info a:visited {
  font-weight: 700;
  color: #22adf6;
  text-decoration: underline;
  transition: color 0.25s ease;
}

.alert-info a:hover {
  color: #00c9ff;
  border-color: #00c9ff;
}

.alert-info button.close {
  color: #999dab;
}

.alert-info span.icon {
  color: #676978;
}

.progress,
.progress-bar {
  box-shadow: none !important;
}

.progress {
  background-color: #eeeff2;
  border-radius: 6px;
}

.progress-bar {
  background: #22adf6;
  background: linear-gradient(to right, #22adf6 0%, #00c9ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.progress-bar-success {
  background: #4ed8a0;
  background: linear-gradient(to right, #4ed8a0 0%, #7ce490 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.progress-bar-info {
  background: #434453;
  background: linear-gradient(to right, #434453 0%, #676978 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.progress-bar-warning {
  background: #7a65f2;
  background: linear-gradient(to right, #7a65f2 0%, #9394ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.progress-bar-danger {
  background: #f95f53;
  background: linear-gradient(to right, #f95f53 0%, #ff8564 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.progress-heatmap {
  background: #00c9ff;
  background: linear-gradient(to right, #00c9ff 0%, #9394ff 63%, #ff8564 99%, #eeeff2 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@c-laser', endColorstr='@c-dreamsicle', GradientType=1)*/
}

.progress-heatmap .progress-bar {
  position: relative;
  background: transparent;
}

.progress-heatmap .progress-bar:after {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 10000%;
  height: 100%;
  content: "";
  background-color: #eeeff2;
}

.list-group {
  padding: 2px;
  text-shadow: none;
  background-color: #fff;
  border-bottom: 2px solid #eeeff2;
  border-radius: 4px;
}

.list-group-item {
  background-color: #fafafc;
  border: 2px solid #fff;
  border-radius: 5px !important;
}

a.list-group-item {
  font-weight: 600;
  color: #545667;
  transition: background-color 0.25s ease, color 0.25s ease;
}

a.list-group-item:hover {
  color: #545667;
  background-color: #eeeff2;
}

a.list-group-item p {
  font-weight: 400;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background: #22adf6;
  background: linear-gradient(to right, #22adf6 0%, #9394ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1);*/
  border-color: #fff;
}

.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}

.well {
  background-color: #f6f6f8;
  border-color: #eeeff2;
  border-style: solid;
  border-width: 2px 0 0 0;
  box-shadow: none !important;
}

.well.well-light {
  background-color: #fafafc;
  border-color: #f6f6f8;
}

.well.well-white {
  background-color: #fff;
  border-color: #f6f6f8;
}

.well.well-outline {
  background-color: transparent;
  border: 2px solid #eeeff2;
}

.page-header {
  margin: 50px 0 30px 0;
  border-bottom-width: 2px;
}

.page-header h1 {
  font-weight: 300;
}

.jumbotron {
  color: #757888;
  background-color: #fff;
  border-bottom: 2px solid #eeeff2;
}

.jumbotron h1 {
  margin-bottom: 30px;
  font-weight: 200;
}

.jumbotron p,
.jumbotron ul,
.jumbotron li {
  font-weight: 400;
}

.table th {
  font-weight: 500;
  color: #676978;
}

.table td {
  color: #676978;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #fafafc;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #eaeaf2;
}

.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
  background-color: #f0fcff;
}

.table-hover > tbody > tr > td.primary:hover,
.table-hover > tbody > tr > th.primary:hover,
.table-hover > tbody > tr.primary:hover > td,
.table-hover > tbody > tr:hover > .primary,
.table-hover > tbody > tr.primary:hover > th {
  background-color: #d7f7ff;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #f2fff4;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d9ffde;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #676978;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #5b5d6a;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #f2f4ff;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #d9deff;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #fff7f4;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ffe4db;
}

.table td.info,
.table th.info,
.table tr.info > td,
.table tr.info > th {
  color: #fff;
}

.table td.danger,
.table th.danger,
.table tr.danger > td,
.table tr.danger > th {
  color: #f95f53;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 2px solid #f6f6f8;
}

.table.v-center td {
  vertical-align: middle;
}

.table.v-center td > * {
  display: inline-block;
  vertical-align: middle;
}

.table.v-center td > *:only-child,
.table.v-center td > *:last-child {
  margin-bottom: 0;
}

.table-bordered {
  border: 2px solid #f6f6f8;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 2px solid #f6f6f8;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    border: 2px solid #f6f6f8;
  }
}
h1.deluxe,
h2.deluxe,
h3.deluxe {
  font-weight: 300;
}

h4.deluxe,
h5.deluxe,
h6.deluxe {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.19em;
}

.panel form {
  display: inline-block;
  width: calc(100% + 18px);
  margin-right: -9px;
  margin-left: -9px;
}

.panel form .alert {
  margin-bottom: 0;
}

.panel form.form-inline {
  width: 100%;
  padding-top: 0;
  margin-right: 0;
  margin-left: 0;
}

.panel form.form-horizontal {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.panel-body:first-child > form {
  padding-top: 15px;
}

.input-group-addon {
  color: #8e91a1;
  background-color: #fafafc;
  border: 2px solid #eeeff2;
}

.has-error .input-group-addon {
  color: #dc4e58;
  background-color: #fff7f4;
  border-color: #ffb6a0;
}

.has-success .input-group-addon {
  color: #32b08c;
  background-color: #f2fff4;
  border-color: #7ce490;
}

.has-warning .input-group-addon {
  color: #7a65f2;
  background-color: #f2f4ff;
  border-color: #c9d0ff;
}

.form-control {
  font-weight: 500;
  color: #757888;
  background-color: #fff;
  border: 2px solid #eeeff2;
  border-radius: 4px;
  outline: none;
  box-shadow: none;
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.form-control:focus {
  background-color: #fff;
  border-color: #00c9ff;
  box-shadow: 0 0 8px rgba(107, 223, 255, 0.5);
}

.panel-body > form .form-control,
.panel-body > form .form-control:focus {
  background-color: #fff;
}

.form-control::-webkit-input-placeholder {
  font-weight: 400;
  color: #bec2cc;
}

.form-control::-moz-placeholder {
  font-weight: 400;
  color: #bec2cc;
}

.form-control:-ms-input-placeholder {
  font-weight: 400;
  color: #bec2cc;
}

.form-control:-moz-placeholder {
  font-weight: 400;
  color: #bec2cc;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.form-control.disabled {
  color: #757888 !important;
  background-color: #eeeff2 !important;
}

.has-error .form-control,
.has-success .form-control,
.has-warning .form-control {
  box-shadow: none;
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus {
  background-color: #fff;
}

.has-success .form-control {
  border-color: #7ce490;
}

.has-success .form-control:focus {
  border-color: #4ed8a0;
  box-shadow: 0 0 8px rgba(124, 228, 144, 0.5);
}

.has-error .form-control {
  background-color: #fff7f4;
  border-color: #ffb6a0;
}

.has-error .form-control:focus {
  background-color: #fff;
  border-color: #ff8564;
  box-shadow: 0 0 8px rgba(255, 133, 100, 0.5);
}

.has-warning .form-control {
  border-color: #c9d0ff;
}

.has-warning .form-control:focus {
  border-color: #9394ff;
  box-shadow: 0 0 8px rgba(147, 148, 255, 0.5);
}

.form-group label {
  font-weight: 400;
  color: #999dab;
}

code {
  font-family: Consolas, "Lucida Console", Monaco, monospace;
  font-size: 11px;
  font-weight: 600;
  color: #7a65f2;
  text-shadow: none;
  letter-spacing: 0.02em;
  background-color: #f2f4ff;
  border: 1px solid #f2f4ff;
  -webkit-font-smoothing: initial;
  font-smoothing: initial;
}

pre {
  font-size: 11px;
  line-height: 16px;
  color: #7a65f2;
  white-space: pre;
  background-color: #f2f4ff;
  border: 2px solid #f2f4ff;
  border-bottom-width: 3px;
}

pre code {
  white-space: pre;
  background-color: none;
  border: none;
}

pre::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

pre::-webkit-scrollbar-button {
  background-color: #f2f4ff;
}

pre::-webkit-scrollbar-track {
  background-color: #f2f4ff;
}

pre::-webkit-scrollbar-track-piece {
  background: #f2f4ff;
}

pre::-webkit-scrollbar-thumb {
  background-color: #b1b6ff;
  border: 4px solid #f2f4ff;
  border-radius: 7px;
}

pre::-webkit-scrollbar-corner {
  background-color: #f2f4ff;
}

pre::-webkit-scrollbar-resizer {
  background-color: #b1b6ff;
}

.badge {
  color: #fff;
  background-color: #a4a8b6;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #22adf6;
  background-color: #fff;
}

a.badge {
  color: #22adf6;
}

a.badge:hover,
a.badge:focus {
  color: #00c9ff;
  text-decoration: none;
  cursor: pointer;
}

.sparkline {
  display: inline-block;
  width: 110px;
  height: 32px;
  vertical-align: middle;
  background-color: #fafafc;
  border-radius: 4px 0 0 4px;
}

.sparkline-label {
  display: inline-block;
  height: 32px;
  padding: 0 9px;
  line-height: 32px;
  vertical-align: middle;
  background-color: #fafafc;
  border-radius: 0 4px 4px 0;
}

.cluster-status {
  display: inline-block;
  width: 21px;
  height: 21px;
  padding: 0;
  margin: 0;
  font-size: 0;
  list-style: none;
}

.cluster-status .node {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 1px;
  background-color: #f6f6f8;
}

.cluster-status .node.node-ok {
  background-color: #4ed8a0;
}

.cluster-status .node.node-down {
  background-color: #f95f53;
}

.cluster-spinner {
  display: inline-block;
  width: 21px;
  height: 21px;
}

.cluster-spinner .spinner-node {
  float: left;
  width: 5px;
  height: 5px;
  margin: 1px;
  background-color: #fff;
  animation: clusterLoading 1.9s infinite linear;
}

.cluster-spinner .spinner-node1 {
  animation-delay: 0.2s;
}

.cluster-spinner .spinner-node2 {
  animation-delay: 0.3s;
}

.cluster-spinner .spinner-node3 {
  animation-delay: 0.4s;
}

.cluster-spinner .spinner-node4 {
  animation-delay: 0.1s;
}

.cluster-spinner .spinner-node5 {
  animation-delay: 0.2s;
}

.cluster-spinner .spinner-node6 {
  animation-delay: 0.3s;
}

.cluster-spinner .spinner-node7 {
  animation-delay: 0s;
}

.cluster-spinner .spinner-node8 {
  animation-delay: 0.1s;
}

.cluster-spinner .spinner-node9 {
  animation-delay: 0.2s;
}
@keyframes clusterLoading {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
.btn-group > * {
  margin-right: 2px;
  margin-left: 0;
}

.btn-group > *:last-child {
  margin-right: 0;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none !important;
}

.ui-slider-handle {
  width: 30px;
  height: 30px;
  cursor: grab;
  border-radius: 50%;
}

.ui-slider-range {
  transition: all 0.25s ease;
}

.ui-slider-range:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #fff;
  border-radius: 1px;
  box-shadow: 0 0 10px #00c9ff;
  transform: translateY(-50%);
}

.ui-slider-horizontal {
  width: 100%;
  height: -webkit-calc(60px * .666666);
  height: 39.99996px;
  border-radius: 1px;
}

.slider-label,
.slider-cell {
  display: inline-block;
  height: 60px;
  vertical-align: middle;
}

.slider-label {
  width: 100px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  line-height: 60px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.slider-container {
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  margin: 20px 0;
  font-size: 0;
}

.slider-container .slider-label:nth-child(1) {
  padding-left: 30px;
  text-align: left;
  border-radius: -webkit-calc(60px / 2) 0 0 -webkit-calc(60px / 2);
  border-radius: 30px 0 0 30px;
}

.slider-container .slider-label:nth-child(3) {
  padding-right: 30px;
  text-align: right;
  border-radius: 0 -webkit-calc(60px / 2) -webkit-calc(60px / 2) 0;
  border-radius: 0 30px 30px 0;
}

.slider-cell {
  position: relative;
  width: calc(100% - 100px - 100px);
}

.slider-cell .ui-slider-horizontal {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100%;
  transform: translateY(-50%);
}

.slider-cell .ui-slider-handle {
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
}

.slider-default .slider-label,
.slider-default .slider-cell {
  background-color: #fafafc;
}

.slider-default .slider-label {
  color: #757888 !important;
}

.slider-default .ui-slider-horizontal:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #e7e8eb;
  border-radius: 1px;
  transform: translateY(-50%);
}

.slider-default .ui-slider-handle {
  background-color: #8e91a1;
  transition: left 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, height 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.slider-default .ui-slider-handle:hover,
.slider-default .ui-slider-handle.ui-state-hover {
  cursor: grab !important;
  background-color: #999dab;
}

.slider-default .ui-slider-handle.ui-state-focus {
  background-color: #999dab;
  outline: none;
  box-shadow: 0 0 10px #d4d7dd;
}

.slider-default .ui-slider-handle.ui-state-focus.ui-state-active {
  width: 30px;
  height: 30px;
  cursor: grabbing !important;
  background-color: #999dab;
  box-shadow: 0 0 18px #d4d7dd;
}

.slider-primary .slider-label,
.slider-primary .slider-cell {
  background-color: #22adf6;
}

.slider-primary .slider-label {
  color: #bef0ff !important;
}

.slider-primary .ui-slider-horizontal:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #00c9ff;
  border-radius: 1px;
  transform: translateY(-50%);
}

.slider-primary .ui-slider-handle {
  background-color: #f6f6f8;
  transition: left 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, height 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.slider-primary .ui-slider-handle:hover,
.slider-primary .ui-slider-handle.ui-state-hover {
  cursor: grab !important;
  background-color: #fff;
}

.slider-primary .ui-slider-handle.ui-state-focus {
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 10px #bef0ff;
}

.slider-primary .ui-slider-handle.ui-state-focus.ui-state-active {
  width: 30px;
  height: 30px;
  cursor: grabbing !important;
  background-color: #fff;
  box-shadow: 0 0 18px #bef0ff;
}

.slider-success .slider-label,
.slider-success .slider-cell {
  background-color: #4ed8a0;
}

.slider-success .slider-label {
  color: #c6ffd0 !important;
}

.slider-success .ui-slider-horizontal:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #7ce490;
  border-radius: 1px;
  transform: translateY(-50%);
}

.slider-success .ui-slider-handle {
  background-color: #f6f6f8;
  transition: left 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, height 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.slider-success .ui-slider-handle:hover,
.slider-success .ui-slider-handle.ui-state-hover {
  cursor: grab !important;
  background-color: #fff;
}

.slider-success .ui-slider-handle.ui-state-focus {
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 10px #c6ffd0;
}

.slider-success .ui-slider-handle.ui-state-focus.ui-state-active {
  width: 30px;
  height: 30px;
  cursor: grabbing !important;
  background-color: #fff;
  box-shadow: 0 0 18px #c6ffd0;
}

.slider-info .slider-label,
.slider-info .slider-cell {
  background-color: #434453;
}

.slider-info .slider-label {
  color: #a4a8b6 !important;
}

.slider-info .ui-slider-horizontal:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #676978;
  border-radius: 1px;
  transform: translateY(-50%);
}

.slider-info .ui-slider-handle {
  background-color: #f6f6f8;
  transition: left 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, height 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.slider-info .ui-slider-handle:hover,
.slider-info .ui-slider-handle.ui-state-hover {
  cursor: grab !important;
  background-color: #fff;
}

.slider-info .ui-slider-handle.ui-state-focus {
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 10px #a4a8b6;
}

.slider-info .ui-slider-handle.ui-state-focus.ui-state-active {
  width: 30px;
  height: 30px;
  cursor: grabbing !important;
  background-color: #fff;
  box-shadow: 0 0 18px #a4a8b6;
}

.slider-warning .slider-label,
.slider-warning .slider-cell {
  background-color: #7a65f2;
}

.slider-warning .slider-label {
  color: #c9d0ff !important;
}

.slider-warning .ui-slider-horizontal:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #9394ff;
  border-radius: 1px;
  transform: translateY(-50%);
}

.slider-warning .ui-slider-handle {
  background-color: #f6f6f8;
  transition: left 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, height 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.slider-warning .ui-slider-handle:hover,
.slider-warning .ui-slider-handle.ui-state-hover {
  cursor: grab !important;
  background-color: #fff;
}

.slider-warning .ui-slider-handle.ui-state-focus {
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 10px #c9d0ff;
}

.slider-warning .ui-slider-handle.ui-state-focus.ui-state-active {
  width: 30px;
  height: 30px;
  cursor: grabbing !important;
  background-color: #fff;
  box-shadow: 0 0 18px #c9d0ff;
}

.slider-danger .slider-label,
.slider-danger .slider-cell {
  background-color: #f95f53;
}

.slider-danger .slider-label {
  color: #fff7f4 !important;
}

.slider-danger .ui-slider-horizontal:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #ff8564;
  border-radius: 1px;
  transform: translateY(-50%);
}

.slider-danger .ui-slider-handle {
  background-color: #f6f6f8;
  transition: left 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, height 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.slider-danger .ui-slider-handle:hover,
.slider-danger .ui-slider-handle.ui-state-hover {
  cursor: grab !important;
  background-color: #fff;
}

.slider-danger .ui-slider-handle.ui-state-focus {
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 10px #fff7f4;
}

.slider-danger .ui-slider-handle.ui-state-focus.ui-state-active {
  width: 30px;
  height: 30px;
  cursor: grabbing !important;
  background-color: #fff;
  box-shadow: 0 0 18px #fff7f4;
}

.slider-plan-picker-example {
  background-color: #fff;
}
@keyframes sliderHandlePulse {
  0% {
    transform: scale(1.5, 1);
  }
  60% {
    opacity: 0;
    transform: scale(4.875, 3.25);
  }
  100% {
    opacity: 0;
    transform: scale(4.875, 3.25);
  }
}
.slider-plan-picker {
  padding: 0 16px;
  border-radius: 4px;
}

.slider-plan-picker:hover {
  cursor: pointer;
}

.slider-plan-picker .slider-label,
.slider-plan-picker .slider-cell {
  background-color: transparent;
  border-radius: 0;
}

.slider-plan-picker .slider-label {
  display: none;
}

.slider-plan-picker .slider-cell {
  width: 100%;
}

.slider-plan-picker .ui-slider-horizontal {
  left: 0;
}

.slider-plan-picker .ui-slider-horizontal:after {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: block;
  width: 100%;
  height: 8px;
  content: "";
  background: #ff8564;
  background: linear-gradient(to right, #ff8564 0%, #9394ff 33%, #22adf6 66%, #4ed8a0 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@c-dreamsicle', endColorstr='@c-rainforest', GradientType=1);*/
  border-radius: 4px;
  transform: translateY(-50%);
}

.slider-plan-picker .ui-slider-handle {
  z-index: 10;
  display: flex;
  width: 20px;
  height: 20px;
  box-shadow: none;
  transition: left 0.25s ease;
  align-items: center;
  justify-content: center;
}

.slider-plan-picker .ui-slider-handle .slider-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  transition: border-color 0.4s ease;
  transform: translate(-50%, -50%);
}

.slider-plan-picker .ui-slider-handle .slider-handle:after {
  position: relative;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  transition: background-color 0.25s ease, transform 0.25s ease;
  transform: translate(-50%, -50%) scale(1);
}

.slider-plan-picker .ui-slider-handle .slider-pulse {
  position: relative;
  z-index: 0;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  transform: scale(1.5, 1);
  animation-name: sliderHandlePulse;
  animation-duration: 3.5s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-iteration-count: infinite;
  backface-visibility: hidden;
}

.slider-plan-picker .ui-slider-handle.slider-pos-1 .slider-pulse {
  background-color: #ff8564;
}

.slider-plan-picker .ui-slider-handle.slider-pos-1 .slider-handle {
  border-color: #ff8564;
}

.slider-plan-picker .ui-slider-handle.slider-pos-1 .slider-handle:after {
  background-color: #ff8564;
}

.slider-plan-picker .ui-slider-handle.slider-pos-2 .slider-pulse {
  background-color: #c98db2;
}

.slider-plan-picker .ui-slider-handle.slider-pos-2 .slider-handle {
  border-color: #c98db2;
}

.slider-plan-picker .ui-slider-handle.slider-pos-2 .slider-handle:after {
  background-color: #c98db2;
}

.slider-plan-picker .ui-slider-handle.slider-pos-3 .slider-pulse {
  background-color: #9394ff;
}

.slider-plan-picker .ui-slider-handle.slider-pos-3 .slider-handle {
  border-color: #9394ff;
}

.slider-plan-picker .ui-slider-handle.slider-pos-3 .slider-handle:after {
  background-color: #9394ff;
}

.slider-plan-picker .ui-slider-handle.slider-pos-4 .slider-pulse {
  background-color: #22adf6;
}

.slider-plan-picker .ui-slider-handle.slider-pos-4 .slider-handle {
  border-color: #22adf6;
}

.slider-plan-picker .ui-slider-handle.slider-pos-4 .slider-handle:after {
  background-color: #22adf6;
}

.slider-plan-picker .ui-slider-handle.slider-pos-5 .slider-pulse {
  background-color: #38c2cb;
}

.slider-plan-picker .ui-slider-handle.slider-pos-5 .slider-handle {
  border-color: #38c2cb;
}

.slider-plan-picker .ui-slider-handle.slider-pos-5 .slider-handle:after {
  background-color: #38c2cb;
}

.slider-plan-picker .ui-slider-handle.slider-pos-6 .slider-pulse {
  background-color: #4ed8a0;
}

.slider-plan-picker .ui-slider-handle.slider-pos-6 .slider-handle {
  border-color: #4ed8a0;
}

.slider-plan-picker .ui-slider-handle.slider-pos-6 .slider-handle:after {
  background-color: #4ed8a0;
}

.slider-plan-picker .ui-slider-handle:hover,
.slider-plan-picker .ui-slider-handle.ui-state-hover {
  cursor: grab !important;
  background-color: #545667;
}

.slider-plan-picker .ui-slider-handle:hover .slider-handle:after,
.slider-plan-picker .ui-slider-handle.ui-state-hover .slider-handle:after {
  transform: translate(-50%, -50%) scale(0.6);
}

.slider-plan-picker .ui-slider-handle.ui-state-focus {
  outline: none;
}

.slider-plan-picker .ui-slider-handle.ui-state-active {
  cursor: grabbing !important;
  background-color: #757888;
}

.slider-plan-picker .ui-slider-handle.ui-state-active .slider-handle:after {
  transform: translate(-50%, -50%) scale(1.5);
}

.slider-plan-picker .slider-increment {
  position: absolute;
  top: 50%;
  z-index: 4;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  transition: transform 0.25s ease;
  transform: translate(-50%, -50%) scale(1, 1);
}

.slider-plan-picker .slider-increment:hover {
  transform: translate(-50%, -50%) scale(1.35);
}

.slider-plan-picker .slider-increment:nth-of-type(1) {
  border-color: #ff8564;
}

.slider-plan-picker .slider-increment:nth-of-type(2) {
  border-color: #c98db2;
}

.slider-plan-picker .slider-increment:nth-of-type(3) {
  border-color: #9394ff;
}

.slider-plan-picker .slider-increment:nth-of-type(4) {
  border-color: #22adf6;
}

.slider-plan-picker .slider-increment:nth-of-type(5) {
  border-color: #38c2cb;
}

.slider-plan-picker .slider-increment:nth-of-type(6) {
  border-color: #4ed8a0;
}

.slider-plan-picker .slider-overlay {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 50px;
  height: 50px;
  white-space: nowrap;
  border-radius: -webkit-calc(50px / 2);
  border-radius: 25px;
  transform: translate(-50%, -50%);
}

.slider-plan-picker .slider-overlay:after {
  position: absolute;
  top: -22px;
  left: 50%;
  font-size: 22px;
  color: #676978;
  text-align: center;
  text-transform: capitalize;
  content: attr(data-name);
  transform: translate(-50%, -50%);
}

.slider-plan-picker .slider-overlay.uno {
  background-color: #ffdccf;
}

.slider-plan-picker .slider-overlay.kilowatt {
  width: calc(20% + 50px);
  background: #f2f4ff;
  background: linear-gradient(to right, #f2f4ff 0%, #bef0ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.slider-plan-picker .slider-overlay.megawatt {
  width: calc(40% + 50px);
  background: #bef0ff;
  background: linear-gradient(to right, #bef0ff 0%, #c6ffd0 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.most-popular-plan {
  position: absolute;
  top: calc(50% + 30px);
  left: 40%;
  z-index: 8;
  width: auto;
  height: 24px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 900;
  line-height: 24px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #9394ff;
  border-radius: 11px;
  transform: translateX(-50%);
}

.most-popular-plan:after {
  position: absolute;
  top: -17px;
  left: 50%;
  display: block;
  content: "";
  border-color: transparent transparent #9394ff transparent;
  border-style: solid;
  border-width: 10px;
  transform: translateX(-50%);
}

.modal-backdrop {
  background: #00c9ff;
  background: linear-gradient(to right, #00c9ff 0%, #9394ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.modal-backdrop.in {
  opacity: 0.8;
}

.modal-content {
  background-color: #f6f6f8;
  border: 0;
  box-shadow: none;
}

.modal-content form {
  display: inline-block;
  width: 100%;
}

.modal-header,
.modal-footer {
  background-color: #fff;
  border-color: #383846;
}

.modal-header {
  position: relative;
  text-align: center;
  border: none;
  border-radius: 4px 4px 0 0;
}

.modal-header .close {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 30px;
  height: 30px;
  padding: 2px 0 0 0;
  font-size: 30px;
  font-weight: 400;
  color: #bec2cc;
  text-align: center;
  text-shadow: none;
  opacity: 1;
  transition: color 0.25s ease;
  transform: translateY(-50%);
}

.modal-header .close:hover {
  color: #676978;
}

.modal-header .modal-title {
  margin: 9px 0;
  color: #676978;
}

.modal-footer {
  text-align: center;
  border: none;
  border-radius: 0 0 4px 4px;
}

.modal-body {
  color: #676978;
}

form .col-xs-1,
form .col-xs-2,
form .col-xs-3,
form .col-xs-4,
form .col-xs-5,
form .col-xs-6,
form .col-xs-7,
form .col-xs-8,
form .col-xs-9,
form .col-xs-10,
form .col-xs-11,
form .col-xs-12,
form .col-sm-1,
form .col-sm-2,
form .col-sm-3,
form .col-sm-4,
form .col-sm-5,
form .col-sm-6,
form .col-sm-7,
form .col-sm-8,
form .col-sm-9,
form .col-sm-10,
form .col-sm-11,
form .col-sm-12,
form .col-md-1,
form .col-md-2,
form .col-md-3,
form .col-md-4,
form .col-md-5,
form .col-md-6,
form .col-md-7,
form .col-md-8,
form .col-md-9,
form .col-md-10,
form .col-md-11,
form .col-md-12,
form .col-lg-1,
form .col-lg-2,
form .col-lg-3,
form .col-lg-4,
form .col-lg-5,
form .col-lg-6,
form .col-lg-7,
form .col-lg-8,
form .col-lg-9,
form .col-lg-10,
form .col-lg-11,
form .col-lg-12 {
  padding-right: 6px;
  padding-left: 6px;
}

.hero {
  width: 100%;
  padding: 16px 0;
  margin-bottom: 30px;
  overflow: hidden;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.hero-light {
  color: #fff;
}

@media (min-width: 480px) {
  .hero {
    padding: 32px 0;
  }
}
@media (min-width: 768px) {
  .hero {
    padding: 64px 0;
  }
}
@media (min-width: 992px) {
  .hero {
    padding: 96px 0;
  }
}
@media (min-width: 1200px) {
  .hero {
    padding: 128px 0;
  }
  .hero h1 {
    font-size: 64px;
    font-weight: 200;
  }
  .hero .btn-lg,
  .hero .btn-group-lg > .btn {
    font-size: 22px;
  }
}
hr {
  height: 2px;
  background-color: #fafafc;
  border: 0;
  border-radius: 1px;
}

hr.dark {
  background-color: #eeeff2;
}

body.modal-open nav.navbar {
  padding-right: 15px;
}

.caret {
  position: relative;
  width: 11px;
  height: 16px;
  border: none;
}

.caret:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline;
  font-family: "icomoon" !important;
  font-size: 11px;
  color: inherit;
  content: "\e902";
  transform: translate(-50%, -55%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

table.table.icon-font-matrix tr > td {
  width: 20%;
  padding: 15px;
  text-align: center;
  border: none;
}

table.table.icon-font-matrix tr > td > * {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

table.table.icon-font-matrix tr > td span.icon {
  margin-bottom: 15px;
  font-size: 38px;
}

table.table.icon-font-matrix tr > td strong {
  margin-bottom: 8px;
  opacity: 0.5;
}

.page-header--anchor {
  position: relative;
  top: -120px;
  display: block;
  visibility: hidden;
}

.page-header a:link,
.page-header a:active,
.page-header a:visited,
.page-header a:hover {
  color: inherit;
}

.docs-color-grid {
  display: flex;
  overflow: hidden;
  border: 2px solid #f6f6f8;
  border-radius: 7px;
  flex-wrap: wrap;
}

.docs-color-field {
  display: inline-block;
  width: 80px;
  font-family: Consolas, "Lucida Console", Monaco, monospace;
  font-size: 14px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  background-color: transparent;
  border: 0;
}

.docs-color-swatch {
  display: flex;
  padding: 60px 22px 45px 22px;
  margin: 0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

.docs-color-swatch:hover {
  cursor: pointer;
}

.docs-color-swatch.light-bg {
  color: #676978;
}

.docs-color-swatch.light-bg .docs-color-field {
  color: #676978;
}

.docs-color-swatch h4 {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 900;
}

.tooltip-inner {
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background-color: #434453;
  border-radius: 4px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #434453;
}

.tooltip.top-left .tooltip-arrow {
  border-top-color: #434453;
}

.tooltip.top-right .tooltip-arrow {
  border-top-color: #434453;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #434453;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #434453;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #434453;
}

.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #434453;
}

.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #434453;
}

.tooltip-warning + .tooltip .tooltip-inner {
  color: #f2f4ff;
  background-color: #7a65f2;
}

.tooltip-warning + .tooltip.top .tooltip-arrow {
  border-top-color: #7a65f2;
}

.tooltip-warning + .tooltip.top-left .tooltip-arrow {
  border-top-color: #7a65f2;
}

.tooltip-warning + .tooltip.top-right .tooltip-arrow {
  border-top-color: #7a65f2;
}

.tooltip-warning + .tooltip.right .tooltip-arrow {
  border-right-color: #7a65f2;
}

.tooltip-warning + .tooltip.left .tooltip-arrow {
  border-left-color: #7a65f2;
}

.tooltip-warning + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #7a65f2;
}

.tooltip-warning + .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #7a65f2;
}

.tooltip-warning + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #7a65f2;
}

.tooltip-danger + .tooltip .tooltip-inner {
  color: #ff8564;
  background-color: #1c1c21;
}

.tooltip-danger + .tooltip.top .tooltip-arrow {
  border-top-color: #1c1c21;
}

.tooltip-danger + .tooltip.top-left .tooltip-arrow {
  border-top-color: #1c1c21;
}

.tooltip-danger + .tooltip.top-right .tooltip-arrow {
  border-top-color: #1c1c21;
}

.tooltip-danger + .tooltip.right .tooltip-arrow {
  border-right-color: #1c1c21;
}

.tooltip-danger + .tooltip.left .tooltip-arrow {
  border-left-color: #1c1c21;
}

.tooltip-danger + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #1c1c21;
}

.tooltip-danger + .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #1c1c21;
}

.tooltip-danger + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #1c1c21;
}

.tooltip-success + .tooltip .tooltip-inner {
  color: #f2fff4;
  background-color: #4ed8a0;
}

.tooltip-success + .tooltip.top .tooltip-arrow {
  border-top-color: #4ed8a0;
}

.tooltip-success + .tooltip.top-left .tooltip-arrow {
  border-top-color: #4ed8a0;
}

.tooltip-success + .tooltip.top-right .tooltip-arrow {
  border-top-color: #4ed8a0;
}

.tooltip-success + .tooltip.right .tooltip-arrow {
  border-right-color: #4ed8a0;
}

.tooltip-success + .tooltip.left .tooltip-arrow {
  border-left-color: #4ed8a0;
}

.tooltip-success + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #4ed8a0;
}

.tooltip-success + .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #4ed8a0;
}

.tooltip-success + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #4ed8a0;
}

.tooltip-info + .tooltip .tooltip-inner {
  color: #676978;
  background-color: #fafafc;
}

.tooltip-info + .tooltip.top .tooltip-arrow {
  border-top-color: #fafafc;
}

.tooltip-info + .tooltip.top-left .tooltip-arrow {
  border-top-color: #fafafc;
}

.tooltip-info + .tooltip.top-right .tooltip-arrow {
  border-top-color: #fafafc;
}

.tooltip-info + .tooltip.right .tooltip-arrow {
  border-right-color: #fafafc;
}

.tooltip-info + .tooltip.left .tooltip-arrow {
  border-left-color: #fafafc;
}

.tooltip-info + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #fafafc;
}

.tooltip-info + .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #fafafc;
}

.tooltip-info + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #fafafc;
}

.tooltip-primary + .tooltip .tooltip-inner {
  color: #f0fcff;
  background-color: #22adf6;
}

.tooltip-primary + .tooltip.top .tooltip-arrow {
  border-top-color: #22adf6;
}

.tooltip-primary + .tooltip.top-left .tooltip-arrow {
  border-top-color: #22adf6;
}

.tooltip-primary + .tooltip.top-right .tooltip-arrow {
  border-top-color: #22adf6;
}

.tooltip-primary + .tooltip.right .tooltip-arrow {
  border-right-color: #22adf6;
}

.tooltip-primary + .tooltip.left .tooltip-arrow {
  border-left-color: #22adf6;
}

.tooltip-primary + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #22adf6;
}

.tooltip-primary + .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #22adf6;
}

.tooltip-primary + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #22adf6;
}

span.text-color-success {
  color: #4ed8a0;
}

span.text-color-warning {
  color: #7a65f2;
}

span.text-color-danger {
  color: #f95f53;
}

html {
  height: 100%;
  font-size: 100%;
}

.slider-plan-picker .slider-increment {
  background-color: rgba(255, 255, 255, 0.7);
}

.slider-plan-picker .slider-increment:nth-child(1) {
  left: 0%;
}

.slider-plan-picker .slider-increment:nth-child(2) {
  left: 20%;
}

.slider-plan-picker .slider-increment:nth-child(3) {
  left: 40%;
}

.slider-plan-picker .slider-increment:nth-child(4) {
  left: 60%;
}

.slider-plan-picker .slider-increment:nth-child(5) {
  left: 80%;
}

.slider-plan-picker .slider-increment:nth-child(6) {
  left: 100%;
}

.slider-plan-picker .ui-slider-horizontal:after {
  background-color: rgba(255, 255, 255, 0.4);
}

.slider-container.old-slider-plan-picker {
  padding: 0px;
}

#planSelectorSlider {
  z-index: 10;
}

.old-slider-plan-picker {
  background: #22adf6;
  background: linear-gradient(to right, #22adf6 0%, #9394ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1);*/
  border-radius: -webkit-calc(60px / 2);
  border-radius: 30px;
}

.old-slider-plan-picker .slider-label,
.old-slider-plan-picker .slider-cell {
  background-color: transparent;
  border-radius: 0;
}

.old-slider-plan-picker .slider-label {
  color: rgba(255, 255, 255, 0.7) !important;
}

.old-slider-plan-picker .ui-slider-horizontal:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1px;
  transform: translateY(-50%);
}

.old-slider-plan-picker .ui-slider-handle {
  width: 22px;
  height: 22px;
  background-color: #fff;
  transition: left 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, height 0.25s ease, width 0.25s ease;
}

.old-slider-plan-picker .ui-slider-handle:hover,
.old-slider-plan-picker .ui-slider-handle.ui-state-hover {
  cursor: grab !important;
  background-color: #fff;
}

.old-slider-plan-picker .ui-slider-handle.ui-state-focus {
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}

.old-slider-plan-picker .ui-slider-handle.ui-state-focus.ui-state-active {
  cursor: grabbing !important;
  background-color: #fff;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.8);
}

.old-slider-plan-picker .slider-increment {
  position: absolute;
  top: 50%;
  width: 7px;
  height: 7px;
  background-color: rgba(38, 43, 53, 0.7);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.7);
}

.old-slider-plan-picker .slider-increment:nth-child(1) {
  left: 0%;
}

.old-slider-plan-picker .slider-increment:nth-child(2) {
  left: 20%;
}

.old-slider-plan-picker .slider-increment:nth-child(3) {
  left: 40%;
}

.old-slider-plan-picker .slider-increment:nth-child(4) {
  left: 60%;
}

.old-slider-plan-picker .slider-increment:nth-child(5) {
  left: 80%;
}

.old-slider-plan-picker .slider-increment:nth-child(6) {
  left: 100%;
}

.old-slider-plan-picker .slider-increment:after {
  background-color: rgba(255, 255, 255, 0.4);
}

.ajax-icon.fa-check {
  color: #4ed8a0;
}

.ajax-icon.fa-times {
  color: red;
}

.ajax-icon.account {
  position: relative;
  top: 5px;
  right: 15px;
}

#display-dollars {
  margin: 0;
}

#display-dollars small {
  color: #fff;
}

.progress {
  margin-bottom: 0px;
  margin-top: 5px;
}

.terms-check {
  display: inline;
  width: auto;
  height: auto;
}

.enhanced-support {
  display: flex;
}

.enhanced-support-description {
  margin-right: 1em;
  align-self: flex-end;
  font-size: 1.4em;
}

#planSelectorSlider {
  background: none;
  border: none;
}

.cloud-hero {
  position: relative;
  padding: 64px 0;
}

.cloud-hero .col-sm-12:first-of-type {
  margin-bottom: 64px;
}

.cloud-hero:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #4591ed;
  background: linear-gradient(to bottom, #4591ed 0%, #22adf6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4591ed", endColorstr="#22adf6", GradientType=0);
  z-index: -2;
}

.cloud-hero:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("/assets/vector-hero-a91c3db7ded4dc4d639ad2e3114384185a24ff8fbb074406088c7ebe9fbdac2f.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
  background-attachment: fixed;
}

.needs-copy,
.needs-copy * {
  color: #f00 !important;
}

.btn-cta {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  margin-bottom: 0px;
  font-size: 22px;
}

.undo-hero-light-text {
  color: #79818c;
}

table.features-table tbody tr td {
  color: #fff;
  border: 0;
}

table.features-table h4 {
  font-weight: 900;
}

table.features-table tbody tr td img {
  margin-top: 18px;
}

table.features-table tbody tr td:first-child {
  vertical-align: top;
}

table.features-table p {
  font-weight: 500;
}

.slider-wrapper {
  padding: 30px 30px 18px 30px;
  margin: 0;
}

.slider-container {
  padding: 0 28px;
  position: relative;
}

.node-hardware {
  color: #22ADF6;
  margin: 10px 0;
}

.node-hardware small {
  color: #757888;
  font-size: 14px;
  font-weight: 500;
}

.slider-columns {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 11px;
}

.slider-hardware,
.slider-stats {
  flex: 1;
  text-align: left;
}

.slider-hardware {
  padding: 0 30px 0 0;
}

.slider-stats {
  border-left: 2px solid #fafafc;
  padding: 0 0 0 30px;
}

.region-selector {
  width: 50%;
}

.enterprise-features {
  padding: 0;
  margin: 10.5px 0 0 0;
}

.enterprise-features li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: 500;
  padding-left: 26px;
  position: relative;
  transition: color 0.25s ease;
}

.enterprise-features li strong {
  color: #22ADF6;
  transition: color 0.25s ease;
}

.enterprise-features li:after {
  content: "\e918";
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transition: opacity 0.25s ease;
  color: #22ADF6;
}

.enterprise-features li.not-included,
.enterprise-features li.not-included strong {
  color: #D4D7DD;
}

.enterprise-features li.not-included:after {
  opacity: 0;
}

.support-checkbox {
  position: relative;
  text-align: left;
  width: 100%;
}

.support-checkbox input {
  position: absolute;
  left: -9999px;
}

.support-checkbox label {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  padding-left: 37px;
  position: relative;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  background-color: #fff;
  border-radius: 4px;
  padding: 9px 8px 9px 56px;
  border: 2px solid #E7E8EB;
  margin-bottom: 8px;
}

.support-checkbox label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 2px solid #E7E8EB;
  background-color: #EEEFF2;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.support-checkbox label:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(1, 1);
  -webkit-transform: translate(-50%, -50%) scale(1, 1);
  -moz-transform: translate(-50%, -50%) scale(1, 1);
  left: 27px;
  width: 30px;
  height: 30px;
  background-color: #22ADF6;
  border-radius: 50%;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.support-checkbox input[type=checkbox]:checked + label:before {
  transform: translate(-50%, -50%) scale(0.4, 0.4);
  -webkit-transform: translate(-50%, -50%) scale(0.4, 0.4);
  -moz-transform: translate(-50%, -50%) scale(0.4, 0.4);
  opacity: 1;
}

.yearly-callout {
  width: 100%;
  background-color: #C6FFD0;
  border-radius: 3px;
  padding: 8px;
  color: #32B08C;
  font-weight: 700;
  position: relative;
  margin-bottom: 14px;
}

.yearly-callout:after {
  position: absolute;
  content: "";
  display: inline-block;
  top: 100%;
  left: 75%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: #C6FFD0 transparent transparent transparent;
}

.monthly-yearly-toggle {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.monthly-yearly-item {
  flex: 1;
  font-weight: 500;
  color: #A4A8B6;
  border: 2px solid #E7E8EB;
  background-color: #EEEFF2;
  height: 40px;
  outline: none;
  transition: color 0.25s ease, background-color 0.25s ease;
}

.monthly-yearly-item:hover {
  color: #8E91A1;
  cursor: pointer;
  background-color: #F6F6F8;
}

.monthly-yearly-item:first-child {
  border-right: 0px;
  border-radius: 4px 0 0 4px;
}

.monthly-yearly-item:last-child {
  border-radius: 0 4px 4px 0;
}

.monthly-yearly-item.active {
  background-color: #fff;
  color: #545667;
}

.yearly-full-price {
  font-size: 36px;
  transition: opacity 0.66s ease, transform 0.66s ease;
  transform: translateY(64%);
}

.yearly-full-price.crossed-out {
  transform: translateY(0%);
  opacity: 0.3;
}

.yearly-full-price.crossed-out small {
  color: inherit;
}

.yearly-discount-price {
  font-size: 36px;
  transition: opacity 0.66s ease, transform 0.66s ease;
  transform: translateY(-60%);
  -webkit-transform: translateY(-60%);
  -moz-transform: translateY(-60%);
  opacity: 0;
}

.yearly-discount-price.show-price {
  opacity: 1;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
}

.buy-new-hero {
  padding: 40px 0;
}

.buy-new-hero table.features-table tbody tr td {
  color: inherit;
}

.buy-new-hero .slider-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 15px 0 30px 0;
  padding: 40px 0px 28px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.buy-new-hero .slider-container {
  width: 66%;
}

.buy-new-hero .node-hardware {
  color: #22ADF6;
}

.buy-new-hero .node-hardware small {
  color: #757888;
}

.buy-new-hero .slider-theme-kapacitor .node-hardware {
  color: #4ED8A0;
}

.buy-new-hero .slider-hardware {
  width: 34%;
  padding-left: 30px;
}

.plan-selector {
  display: flex;
  align-items: stretch;
}

.plan-section {
  display: flex;
  padding: 70px 0 20px 0;
  justify-content: center;
  color: #fff;
  text-align: center;
  position: relative;
}

.plan-section:after {
  content: attr(data-plan-section);
  font-size: 22px;
  font-weight: 400;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.plan-icon {
  display: inline-block;
  width: 70%;
  height: 0;
  padding-bottom: 70%;
  position: relative;
}

.plan-icon--circle {
  border: 3px solid rgba(255, 255, 255, 0.05);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: border-color 0.25s ease, background-color 0.25s ease;
}

.plan-icon span.icon {
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 38px;
  transition: color 0.25s ease;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.plan-icon:hover {
  cursor: pointer;
}

.plan-icon:hover .plan-icon--circle {
  background-color: rgba(255, 255, 255, 0.15);
}

.plan-icon:hover span.icon {
  color: rgba(255, 255, 255, 0.85);
}

.plan-option.active .plan-icon--circle {
  border-color: white;
  background-color: rgba(255, 255, 255, 0.05);
}

.plan-option.active span.icon {
  color: white;
}

.plan-section--uno {
  flex-grow: 1;
  background: #FF8564;
  background: linear-gradient(to right, #FF8564 0%, #c98db2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF8564", endColorstr="#c98db2", GradientType=1);
}

.plan-section--kilowatt {
  flex-grow: 2;
  background: #0000ff;
  background: linear-gradient(to right, #9394FF 0%, #22ADF6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9394FF", endColorstr="#22ADF6", GradientType=1);
}

.plan-section--megawatt {
  flex-grow: 3;
  background: #0000ff;
  background: linear-gradient(to right, #00C9FF 0%, #4ED8A0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00C9FF", endColorstr="#4ED8A0", GradientType=1);
}

.plan-option {
  flex-grow: 1;
}

.panel-collapse.panel-collapse-compact {
  margin-bottom: 8px;
}

.panel-collapse-compact .panel-heading {
  padding: 8px 12px;
}

.panel-collapse-compact .panel-title {
  font-size: 14px;
}

.panel-collapse-compact .panel-title .caret {
  margin-right: 2px;
}

.panel-collapse-compact .panel-title .caret:after {
  font-size: 14px;
}

@keyframes addonSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.addon-loading {
  width: 100%;
  height: 43px;
  margin-bottom: 21px;
  border-radius: 4px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 12px;
}

.addon-loading-spinner {
  height: 20px;
  width: 17px;
  margin-right: 6px;
  position: relative;
  animation: addonSpinner 2s linear infinite;
}

.addon-loading-spinner .icon {
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.addon-loading-label {
  height: 20px;
  font-size: 14px;
  font-weight: 600;
}

.addon-loading.mint {
  background-color: #F2FFF4;
  border-color: #C6FFD0;
  color: #4ED8A0;
}

.addon-loading.frost {
  background-color: #F0FCFF;
  border-color: #BEF0FF;
  color: #22ADF6;
}

.cluster-panel-loading {
  width: 100%;
  height: 57px;
  line-height: 55px;
  position: relative;
  margin-bottom: 21px;
  border-radius: 4px;
  color: #fff;
  background: #6bdfff;
  background: linear-gradient(to right, #6bdfff 0%, #b1b6ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6bdfff", endColorstr="#b1b6ff", GradientType=1);
}

.cluster-panel-loading:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 0 0 4px 4px;
  background: #00C9FF;
  background: linear-gradient(to right, #00C9FF 0%, #9394FF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00C9FF", endColorstr="#9394FF", GradientType=1);
}

.cluster-panel-loading-spinner,
.cluster-panel-loading-name {
  display: inline-block;
  vertical-align: middle;
}

.cluster-panel-loading-spinner {
  width: 20px;
  height: 20px;
  margin-left: 27px;
  animation: addonSpinner 2s linear infinite;
}

.cluster-panel-loading-spinner .icon {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cluster-panel-loading-name {
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
  letter-spacing: 0.015em;
}

.cluster-panel-loading-status {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  line-height: 19px;
  border-radius: 4px;
  background-color: #9394FF;
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
  padding: 0 0.6em;
}

.landing-slider .ui-slider-handle {
  width: 30px;
  height: 30px;
  cursor: grab;
  border-radius: 50%;
}

.landing-slider .ui-slider-range {
  transition: all 0.25s ease;
}

.landing-slider .ui-slider-range:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #fff;
  border-radius: 1px;
  box-shadow: 0 0 10px #00c9ff;
  transform: translateY(-50%);
}

.landing-slider .ui-slider-horizontal {
  width: 100%;
  height: -webkit-calc(60px * .666666);
  height: 39.99996px;
  border-radius: 1px;
}

.landing-slider .slider-cell,
.landing-slider .slider-label {
  display: inline-block;
  height: 60px;
  vertical-align: middle;
}

.landing-slider .slider-label {
  width: 100px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  line-height: 60px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.landing-slider .slider-container {
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  margin: 20px 0;
  font-size: 0;
}

.landing-slider .slider-container .slider-label:nth-child(1) {
  padding-left: 30px;
  text-align: left;
  border-radius: -webkit-calc(60px / 2) 0 0 -webkit-calc(60px / 2);
  border-radius: 30px 0 0 30px;
}

.landing-slider .slider-container .slider-label:nth-child(3) {
  padding-right: 30px;
  text-align: right;
  border-radius: 0 -webkit-calc(60px / 2) -webkit-calc(60px / 2) 0;
  border-radius: 0 30px 30px 0;
}

.landing-slider .slider-cell {
  position: relative;
  width: calc(100% - 100px - 100px);
}

.landing-slider .slider-cell .ui-slider-horizontal {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100%;
  transform: translateY(-50%);
}

.landing-slider .slider-cell .ui-slider-handle {
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
}

.landing-slider .slider-default .slider-cell,
.landing-slider .slider-default .slider-label {
  background-color: #fafafc;
}

.landing-slider .slider-default .slider-label {
  color: #757888 !important;
}

.landing-slider .slider-default .ui-slider-horizontal:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #e7e8eb;
  border-radius: 1px;
  transform: translateY(-50%);
}

.landing-slider .slider-default .ui-slider-handle {
  background-color: #8e91a1;
  transition: left 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, height 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.landing-slider .slider-default .ui-slider-handle.ui-state-hover,
.landing-slider .slider-default .ui-slider-handle:hover {
  cursor: grab !important;
  background-color: #999dab;
}

.landing-slider .slider-default .ui-slider-handle.ui-state-focus {
  background-color: #999dab;
  outline: 0;
  box-shadow: 0 0 10px #d4d7dd;
}

.landing-slider .slider-default .ui-slider-handle.ui-state-focus.ui-state-active {
  width: 30px;
  height: 30px;
  cursor: grabbing !important;
  background-color: #999dab;
  box-shadow: 0 0 18px #d4d7dd;
}

.landing-slider .slider-plan-picker {
  padding: 0 16px;
  border-radius: 4px;
}

.landing-slider .slider-plan-picker .slider-cell,
.landing-slider .slider-plan-picker .slider-label {
  background-color: transparent;
  border-radius: 0;
}

.landing-slider .slider-plan-picker .slider-label {
  display: none;
}

.landing-slider .slider-plan-picker .slider-cell {
  width: 100%;
}

.landing-slider .slider-plan-picker .ui-slider-horizontal {
  left: 0;
}

.landing-slider .slider-plan-picker .ui-slider-horizontal:after {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: block;
  width: 100%;
  height: 3px;
  content: "";
  background-color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  transform: translateY(-50%);
}

.landing-slider .slider-plan-picker .ui-slider-handle {
  z-index: 10;
  width: 16px;
  height: 16px;
  background-color: #383846;
  border: 3px solid #fff;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
  transition: left 0.25s ease, background-color 0.4s ease, box-shadow 0.25s ease, height 0.25s ease, width 0.25s ease;
}

.landing-slider .slider-plan-picker .ui-slider-handle.ui-state-hover,
.landing-slider .slider-plan-picker .ui-slider-handle:hover {
  cursor: grab !important;
  background-color: #545667;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.8);
}

.landing-slider .slider-plan-picker .ui-slider-handle.ui-state-focus {
  outline: 0;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.8);
}

.landing-slider .slider-plan-picker .ui-slider-handle.ui-state-active {
  cursor: grabbing !important;
  background-color: #fff;
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.8);
}

.landing-slider .slider-plan-picker .slider-increment {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 3px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1.5px;
  transform: translate(-50%, -50%);
  border: none;
}

.landing-slider .slider-plan-picker .slider-overlay {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 50px;
  height: 50px;
  white-space: nowrap;
  border-radius: -webkit-calc(50px / 2);
  border-radius: 25px;
  transform: translate(-50%, -50%);
}

.landing-slider .slider-plan-picker .slider-overlay:after {
  position: absolute;
  top: -22px;
  left: 50%;
  font-size: 22px;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  content: attr(data-name);
  transform: translate(-50%, -50%);
}

.landing-slider .slider-plan-picker .slider-overlay.uno {
  background-color: rgba(255, 255, 255, 0.2);
}

.landing-slider .slider-plan-picker .slider-overlay.kilowatt {
  width: calc(20% + 50px);
  background: #4ed8a0;
  background: linear-gradient(to right, #4ed8a0 0, #00c9ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.landing-slider .slider-plan-picker .slider-overlay.megawatt {
  width: calc(40% + 50px);
  background: #00c9ff;
  background: linear-gradient(to right, #00c9ff 0, #9394ff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1)*/
}

.landing-slider .most-popular-plan {
  position: absolute;
  top: -webkit-calc(60px/1.8);
  top: 33.3333333333px;
  left: 50%;
  width: auto;
  height: 24px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 900;
  line-height: 24px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #f95f53;
  border-radius: 11px;
  transform: translateX(-50%);
}

.landing-slider .most-popular-plan:after {
  position: absolute;
  top: -17px;
  left: 50%;
  display: block;
  content: "";
  border-color: transparent transparent #f95f53 transparent;
  border-style: solid;
  border-width: 10px;
  transform: translateX(-50%);
}

.grafana-image {
  height: 70px;
  margin-right: 20px;
  width: 70px;
}

.grafana-image:after {
  background-image: url("/assets/uno-grafana-695a60106f4fb00d8442c42d0e965825dcab6f2ff378310437c6be053ae7a8cc.svg");
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

.grafana-hardware {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.grafana-hardware h3.node-hardware {
  color: #F95F53;
}

.grafana-plan-name {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 30px 0;
}

.grafana-plan-name h1 {
  font-size: 60px;
  font-weight: 200;
  color: #F95F53;
}

.btn-hero {
  margin: 30px 0 20px 0;
  padding: 14px 27px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #ffffff !important;
}

.btn-hero:hover {
  background-color: rgba(255, 255, 255, 0.25);
  border: 2px solid white;
}

.btn-hero:focus,
.btn-hero:focus:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid white;
}

.btn-hero:active,
.btn-hero:active:focus,
.btn-hero:active:hover,
.btn-hero:active:focus:hover {
  background-color: rgba(255, 255, 255, 0.35);
  border: 2px solid white;
}

.hidden-anchor {
  position: relative;
  top: -160px;
  font-size: 0;
  visibility: hidden;
}

body#public_index {
  overflow: auto;
  padding-top: 62px;
}

body#public_index .influx-logo {
  height: 25px;
}

body#public_index .cloud-store-block {
  padding-top: 60px;
  padding-bottom: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

body#public_index .cloud-store-block .panel-heading {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

body#public_index .cloud-store-block .panel-body {
  padding-top: 0;
}

body#public_index .cloud-store-block .panel-body p.margin-bottom-zero {
  min-height: 3em;
}

body#public_index .cloud-store-block .panel-right {
  padding-top: 26px;
}

body#public_index .cloud-store-block .panel-right .panel-body {
  padding-bottom: 8px;
}

body#public_index .cloud-store-block .trialbtns {
  margin-top: 81px;
}

body#public_index p strong {
  color: #A5F3B4;
}

body#public_index h1.deluxe {
  font-size: 26px;
  margin: 0px 0 24px 0;
  font-weight: 500;
}

body#public_index .block-influxcloud {
  background-image: url("/img/hero-waves-grid-c.jpg");
  padding-top: 80px;
  padding-bottom: 80px;
}

body#public_index .block-influxenterprise {
  background-image: url("/img/hero-b.png");
  background-position: bottom left;
  font-size: 15px;
}

body#public_index .block-influxenterprise h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0 0;
  min-height: 51px;
}

body#public_index .block-services {
  background-image: url("/img/hero-a.png");
}

body#public_index .block-services h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 22px 0;
  min-height: 51px;
}

body#public_index .block-downloads {
  background-image: url("/img/downloads-hero.jpg");
}

body#public_index .cloud-store-footer {
  padding: 45px 0;
}

body#public_index .panel-body {
  border-radius: 4px;
  padding: 30px;
}

body#public_index .full-width-store-row .cloud-store-block {
  padding: 73px 30px 80px;
}

body#public_index .full-width-store-row .panel {
  color: #676978;
}

body#public_index .full-width-store-row .cloud-store-block p strong {
  color: #4ED8A0;
}

body#public_index .full-width-store-row .panel-body .btn {
  margin-left: 0;
}

body#public_index .btn.pl0 {
  padding-left: 0;
  padding-top: 0;
}

body#public_index .panel {
  min-height: 279px;
}

@media (max-width: 1026px) {
  body#public_index .block-services h5 {
    min-height: 67px;
  }
}
@media (min-width: 767px) {
  body#public_index .full-width-store-row {
    display: flex;
    align-items: stretch;
  }
}
@media (max-width: 767px) {
  body#public_index .additional-content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  body#public_index .block-services h5 {
    min-height: 86px;
  }
}
@media (max-width: 912px) {
  body#public_index .block-services h5 {
    min-height: 114px;
  }
}
@media (max-width: 856px) {
  body#public_index .block-services h5 {
    min-height: 130px;
  }
}
@media (max-width: 766px) {
  body#public_index .block-services h5 {
    min-height: auto;
  }
  .panel {
    min-height: auto;
  }
}
.cloud-footer {
  border-top: 2px solid #F6F6F8;
  padding-top: 24px;
}

.margin-zero {
  margin: 0;
}

.container {
  height: 100%;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 10 !important;
  cursor: default;
  touch-action: none;
}

.btn-wrapper {
  margin-top: 30px;
}

.btn.btn-link.btn-link__white {
  background: white;
}

.panel-failure {
  overflow: auto;
  position: relative;
  letter-spacing: 0.015em;
  font-weight: 500;
}

.panel-failure span:first-of-type {
  font-size: 23px;
  margin: 0px;
}

.panel-failure span:last-of-type {
  font-size: 13px;
  margin-left: 8px;
  position: relative;
  top: -3px;
  cursor: pointer;
  color: #f95f53;
}

.panel-failure a {
  font-size: 13px;
  margin-left: 8px;
  position: relative;
  top: -2px;
}

.panel-failure:before {
  content: "mcfry-cd9964c9.influxcloud.net";
  position: absolute;
  font-size: 18px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  background-size: cover;
  padding: 15px 12px;
  width: 100%;
  height: 100%;
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.confirm-box {
  line-height: 200%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.confirm-box h4 {
  font-size: 20px;
}

.confirm-box p {
  margin: 0px;
}

.confirm-box p:last-of-type {
  margin-top: 30px;
}

.promo-code-item {
  margin-right: 10px;
}

.influxdays-announcement {
  padding: 45px 0 !important;
  background: center/cover no-repeat url(https://influxdays.com/wp-content/uploads/header.jpg) !important;
  position: relative;
}

@media (min-width: 767px) {
  .influxdays-announcement {
    padding: 30px 0 45px !important;
    background: center/cover no-repeat url(https://influxdays.com/wp-content/uploads/header.jpg) !important;
    position: relative;
  }
  .influxdays-announcement br {
    display: none;
  }
}
#downloads .hero.influxdays-announcement h5 {
  font-size: 1.19em !important;
}

/* EDITS after copy */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.graypipe {
  display: inline-block;
  padding: 0 10px;
  color: #ccc;
}

.container.promo-banner {
  color: #fff;
  background-color: #020A47;
  border-radius: 30px;
  font-size: 24px;
  padding: 20px;
}

.container.promo-banner img {
  margin-left: 15px;
  margin-top: 40px;
}

.container.promo-banner h3 {
  font-size: 40px;
}

.container.promo-banner .col-md-6 {
  padding-top: 0px;
  padding-bottom: 20px;
}

body#downloads nav .container .navbar-header .navbar-brand .influx-logo {
  height: 40px;
}

body#downloads .container.promo-banner a.button {
  padding: 15px 30px;
  margin-top: 30px;
  display: inline-block;
  background: linear-gradient(269.44deg, #D30971 0.38%, #9B2AFF 99.51%);
  border-radius: 10px;
  color: #FFF;
  font-size: 22px;
}

body#downloads .download-header h1 {
  margin-top: 4px;
  margin-left: 18px;
  font-size: 24px;
  color: #D30973;
  letter-spacing: 0.14em;
}

body#downloads.fixed-nav-offset {
  padding-top: 0;
}

body#downloads {
  font-family: "Proxima-Nova", proxima-nova, sans-serif;
  background: #fff;
  padding-bottom: 0;
  color: #020A47;
  /* @media (min-width: $screen-xs) {
     .hero { padding: 0;}
   }
   @media (min-width: $screen-sm) {
     .hero {
       padding: 0;
       font-size: 1.6em;
     }
   }
   @media (min-width: $screen-md) {
     .hero {
       padding: 0;
       font-size: 1.8em;
     }
   }
  @media (min-width: $screen-lg) {

     .hero {
       padding: 0;
       font-size: 1.9em;

       h1, h2 {
       }
       h3,h4 {
       }
       h5,h6 {
       }
     }
   }*/
}
body#downloads .container a {
  color: #9B2AFF;
}
body#downloads pre, body#downloads code {
  color: #9B2AFF;
  background-color: D3DAFE;
}
body#downloads .modal-backdrop.in {
  opacity: 0.85;
}
body#downloads .modal-content {
  color: #020A47;
  background-color: #fff;
  box-shadow: none;
  border: 0px;
}
body#downloads .modal-content .dl-note {
  color: #020A47;
}
body#downloads .modal-header {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  text-align: center;
}
body#downloads .modal-header .modal-title {
  color: #020A47;
  font-size: 26px;
  font-weight: 400;
  margin: 0;
}
body#downloads .modal-header p {
  font-size: 16px;
}
body#downloads .modal-header button {
  top: 30px;
  right: 20px;
  color: #333;
  font-size: 40px;
  /*color: $g8-storm;*/
}
body#downloads .modal-footer {
  border-top-width: 2px;
  text-align: center;
  padding-bottom: 30px;
}
body#downloads .modal-header,
body#downloads .modal-footer,
body#downloads .modal-body {
  padding-left: 45px;
  padding-right: 45px;
}
body#downloads .modal-header,
body#downloads .modal-footer {
  border: 0;
}
body#downloads .modal-body {
  color: #020A47;
}
body#downloads .modal-body p {
  font-size: 16px;
}
body#downloads .modal-body .form-control {
  background-color: #fff;
  border-radius: 6px;
}
body#downloads .modal-body .form-control.disabled, body#downloads .modal-body .form-control[disabled=true] {
  background-color: #fff;
}
body#downloads .modal-footer .modal-close {
  /*color: $c-laser;*/
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
body#downloads .modal-footer .modal-close button {
  background: none;
  border: none;
}
body#downloads nav .container {
  margin-bottom: 30px;
}
body#downloads nav .container .navbar-header .navbar-brand {
  padding-top: 30px;
}
body#downloads nav .container .navbar-header .navbar-brand .influx-logo {
  height: 40px;
}
body#downloads nav.navbar-fixed-top {
  border: none;
  position: relative;
}
body#downloads .download-header {
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-top: 30px;
}
body#downloads .download-header .container {
  margin-bottom: 0;
}
body#downloads .download-header h1 {
  margin-top: 4px;
  margin-left: 18px;
  font-size: 24px;
  color: #D30973;
  letter-spacing: 0.14em;
}
body#downloads .pretty-checklist {
  margin-bottom: 5px;
}
body#downloads .pretty-checklist label {
  position: relative;
  display: block;
  line-height: 1.25em;
  width: 100%;
  color: #020A47;
  background-color: #fff;
  padding: 11px 16px 11px 55px;
  margin: 0;
  border: 2px solid #fff;
  border-bottom-width: 0;
  transition: color 0.25s ease, background-color 0.25s ease;
}
body#downloads .pretty-checklist label:last-of-type {
  border-bottom-width: 2px;
}
body#downloads .pretty-checklist label:hover {
  background-color: #fff;
  color: #020A47;
  cursor: pointer;
}
body#downloads .pretty-checklist label:before, body#downloads .pretty-checklist label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 26px;
}
body#downloads .pretty-checklist label:before {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #fff;
  z-index: 1;
  transform: translate(-50%, -50%);
}
body#downloads .pretty-checklist label:after {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  /*background-color: $c-pool;*/
  z-index: 2;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translate(-50%, -50%) scale(0, 0);
  opacity: 0;
}
body#downloads .pretty-checklist input {
  position: relative;
  left: -9999px;
  height: 0;
  width: 0;
  display: block;
  margin: 0;
  line-height: 0;
  font-size: 0;
}
body#downloads .pretty-checklist input:checked + label {
  background-color: #fff;
  color: #020A47;
}
body#downloads .pretty-checklist input:checked + label:after {
  transform: translate(-50%, -50%) scale(1, 1);
  opacity: 1;
}
body#downloads .hero {
  padding: 0;
  width: 100%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  font-size: 1.4em;
  text-align: left;
}
body#downloads .hero h1 {
  margin: 0.4em 0;
  font-size: 2.3740611732em;
  font-weight: 300;
  letter-spacing: -1.8px;
}
body#downloads .hero h2 {
  margin: 0.4em 0;
  font-size: 2.0554642192em;
  font-weight: 300;
  letter-spacing: -1px;
}
body#downloads .hero h3 {
  margin: 0;
  padding: 16px 20px;
  font-style: normal;
  font-weight: bold;
  font-size: 70px;
  line-height: 80px;
}
body#downloads .hero h4 {
  margin: 0.5em 0;
  font-size: 1.540798875em;
  color: #fff;
}
body#downloads .hero h5 {
  margin: 0.5em 0;
  font-size: 1.334025em;
  line-height: 1.25em;
}
body#downloads .hero h6 {
  margin: 0.5em 0;
  font-size: 0.924em;
  line-height: 1.25em;
  letter-spacing: 0.3px;
}
body#downloads .hero p {
  padding-left: 23px;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 45px;
}
body#downloads .hero hr {
  background-color: #fff;
  opacity: 0.18;
}
body#downloads .hero form {
  font-size: 1.4em;
}
body#downloads .hero-light {
  color: #fff;
}
body#downloads .hero-container {
  margin-top: 125px;
  margin-bottom: 125px;
}
body#downloads .well {
  background-color: #fff;
  border-style: solid;
  border-color: #eeeff2;
  border-width: 2px;
  box-shadow: none !important;
  min-height: 335px;
}
body#downloads .well h3 {
  font-size: 1.5em;
  position: relative;
  top: -41px;
  left: -20px;
  width: auto;
  padding: 40px 20px 20px 20px;
  overflow: visible;
  display: block;
  background-image: linear-gradient(to top, #7d1c9e, #b82ede);
  color: #fff;
  margin-right: -40px;
  margin-bottom: -20px;
  min-height: 120px;
  border-radius: 4px 4px 0 0;
}
body#downloads .well hr {
  background-color: #eeeff2;
}
body#downloads .well.well-grey-light {
  background-color: #f6f6f8;
  border-color: #eeeff2;
  color: #8e91a1;
  font-weight: 500;
}
body#downloads .well.well-grey-dark {
  background-color: #292933;
  border-color: #434453;
  color: #bec2cc;
  font-weight: 500;
}
body#downloads .well.well-grey-dark hr {
  background-color: #fff;
}
body#downloads .well.well-spring,
body#downloads .well.well-tidepool,
body#downloads .well.well-arctic,
body#downloads .well.well-burning-sky {
  color: #ffffff;
  font-weight: 500;
  border: 0;
}
body#downloads .well.well-spring hr,
body#downloads .well.well-tidepool hr,
body#downloads .well.well-arctic hr,
body#downloads .well.well-burning-sky hr {
  opacity: 0.2;
  background-color: #ffffff;
}
body#downloads .well.well-spring {
  background: #4ED8A0;
  background: linear-gradient(to right, #4ED8A0 0%, #020A47 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1);*/
}
body#downloads .well.well-tidepool {
  background: #020A47;
  background: linear-gradient(to right, #020A47 0%, #00C9FF 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1);*/
}
body#downloads .well.well-arctic {
  background: #020A47;
  background: linear-gradient(to right, #020A47 0%, #7A65F2 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1);*/
}
body#downloads .well.well-burning-sky {
  background: #7A65F2;
  background: linear-gradient(to right, #7A65F2 0%, #F95F53 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1);*/
}
body#downloads .well.well-g17 {
  background-color: transparent;
  border-color: #eeeff2;
}
body#downloads .well.well-g17 hr {
  background-color: #eeeff2;
}
body#downloads .well.well-g18 {
  background-color: transparent;
  border-color: #f6f6f8;
}
body#downloads .well.well-g18 hr {
  background-color: #f6f6f8;
}
body#downloads .well.well-g19 {
  background-color: transparent;
  border-color: #fafafc;
}
body#downloads .well.well-g19 hr {
  background-color: #fafafc;
}
body#downloads .well.well-g20 {
  background-color: transparent;
  border-color: #ffffff;
}
body#downloads .well.well-g20 hr {
  background-color: #ffffff;
}
body#downloads .well.well-g2 {
  background-color: transparent;
  border-color: #202028;
}
body#downloads .well.well-g2 hr {
  background-color: #202028;
}
body#downloads .well.well-g3 {
  background-color: transparent;
  border-color: #292933;
}
body#downloads .well.well-g3 hr {
  background-color: #292933;
}
body#downloads .well.well-g4 {
  background-color: transparent;
  border-color: #2C2C38;
}
body#downloads .well.well-g4 hr {
  background-color: #2C2C38;
}
body#downloads .well.well-g5 {
  background-color: transparent;
  border-color: #fff;
}
body#downloads .well.well-g5 hr {
  background-color: #fff;
}
body#downloads .well.well-g6 {
  background-color: transparent;
  border-color: #434453;
}
body#downloads .well.well-g6 hr {
  background-color: #434453;
}
body#downloads .well.well-g7 {
  background-color: transparent;
  border-color: #545667;
}
body#downloads .well.well-g7 hr {
  background-color: #545667;
}
body#downloads .row.offsite .well {
  background: transparent;
  border: 1px solid #BEC2CC;
  min-height: auto;
  padding-bottom: 35px;
  margin-top: 20px;
}
body#downloads .btn {
  border-radius: 1px;
}
body#downloads .btn-caps {
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
body#downloads .btn-outline {
  /* Default Style */
  background-color: transparent;
  border: 2px solid #020A47;
  color: #020A47 !important;
  /* Disabled Styles */
}
body#downloads .btn-outline:hover, body#downloads .btn-outline:hover:focus {
  /* Hover + Focus + Active all the same */
  /*background-color: $c-pool19;*/
  color: #fff !important;
}
body#downloads .btn-outline:active, body#downloads .btn-outline:active:hover, body#downloads .btn-outline:active:focus, body#downloads .btn-outline.active {
  box-shadow: none;
  color: #fff !important;
  /*background-color: $c-pool19;*/
}
body#downloads .btn-outline.disabled, body#downloads .btn-outline[disabled], fieldset[disabled] body#downloads .btn-outline {
  opacity: 0.5;
  color: #fff !important;
  background-color: transparent;
  border-color: #fff;
}
body#downloads .btn-outline.disabled:hover, body#downloads .btn-outline.disabled:active, body#downloads .btn-outline.disabled:focus, body#downloads .btn-outline.disabled.active, body#downloads .btn-outline.disabled:active:focus, body#downloads .btn-outline[disabled]:hover, body#downloads .btn-outline[disabled]:active, body#downloads .btn-outline[disabled]:focus, body#downloads .btn-outline[disabled].active, body#downloads .btn-outline[disabled]:active:focus, fieldset[disabled] body#downloads .btn-outline:hover, fieldset[disabled] body#downloads .btn-outline:active, fieldset[disabled] body#downloads .btn-outline:focus, fieldset[disabled] body#downloads .btn-outline.active, fieldset[disabled] body#downloads .btn-outline:active:focus {
  color: #fff !important;
  background-color: transparent;
  border-color: #fff;
  cursor: not-allowed;
}
body#downloads .submit {
  margin-top: 15px;
}
body#downloads .download-checklist input {
  position: absolute;
  top: 0;
  left: -9999px;
  display: block;
  width: 0;
  height: 0;
  margin: 0;
  font-size: 0;
}
body#downloads select {
  border-color: #cbcfd7;
  border-radius: 3px;
  padding: 6px;
  background: transparent;
}
body#downloads .download-checklist label {
  /*background-color: $g4-onyx;*/
  margin: 0 0 2px 0;
  width: 100%;
  display: block;
  position: relative;
  padding: 11px 16px 11px 40px;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  /*color: $g13-mist;*/
  border-radius: 0;
  transition: color 0.25s ease, background-color 0.25s ease;
}
body#downloads .download-checklist label:first-of-type {
  border-radius: 4px 4px 0 0;
}
body#downloads .download-checklist label:last-of-type {
  border-radius: 0 0 4px 4px;
}
body#downloads .download-checklist label:hover {
  background-color: #fff;
  color: #020A47;
  cursor: pointer;
}
body#downloads .download-checklist label:before, body#downloads .download-checklist label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 22px;
  border-radius: 50%;
}
body#downloads .download-checklist label:before {
  width: 16px;
  height: 16px;
  /*background-color: $g2-kevlar;*/
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: 0.5;
}
body#downloads .download-checklist label:after {
  z-index: 2;
  width: 10px;
  height: 10px;
  opacity: 0;
  background-color: #020A47;
  transform: translate(-50%, -50%) scale(0, 0);
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.25s ease;
}
body#downloads .download-checklist input {
  position: absolute;
  top: 0;
  left: -9999px;
  width: 0;
  height: 0;
  margin: 0;
  font-size: 0;
  display: block;
}
body#downloads .download-checklist input:checked + label {
  color: #fff;
  /*background-color: $g5-pepper;*/
}
body#downloads .download-checklist input:checked + label:after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1, 1);
}
body#downloads .container {
  margin-bottom: 34px;
}
body#downloads .app-row {
  border-radius: 9px;
  box-shadow: 0px 0px 12px #ddd;
  padding: 28px 24px;
}
body#downloads .app-row .second-app {
  border-top: 1px solid #ccc;
  padding-top: 46px;
  margin-top: 36px;
}
body#downloads .continue {
  float: right;
  margin-top: 10px;
}
body#downloads .back {
  float: left;
  margin-top: 10px;
}
body#downloads .downloads__modal-checkbox {
  padding-left: 15px;
}
body#downloads .app-highlighted {
  margin-left: 13%;
  margin-bottom: 50px;
}
body#downloads .platform_disp {
  margin-top: 20px;
}
body#downloads h3.deluxe {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0;
}
body#downloads h3.deluxe .norm {
  font-weight: normal;
}

/* end body#downloads_index *//* */