@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url("https://www.herokucdn.com/purple3/4.11.0/purple3.min.css");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, .actions-button a.btn-default:focus,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small, .panel-section .panel-details {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: benton-sans, "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #3F3F44;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #79589F;
  text-decoration: none;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #EEF1F6;
}

.sr-only, .two-factor-required label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .actions-button .sr-only-focusable.btn-default:focus, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, .dyno-tier-picker-item-product-tier__name, .panel-section .panel-title, h5, h6, .pipeline-dropdown > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link {
  font-family: inherit;
  font-weight: 200;
  line-height: 1.1;
  color: #79589F;
}
h1 small, h1 .panel-section .panel-details, .panel-section h1 .panel-details,
h1 .small, h2 small, h2 .panel-section .panel-details, .panel-section h2 .panel-details,
h2 .small, h3 small, h3 .panel-section .panel-details, .panel-section h3 .panel-details,
h3 .small, h4 small, .dyno-tier-picker-item-product-tier__name small, h4 .panel-section .panel-details, .dyno-tier-picker-item-product-tier__name .panel-section .panel-details, .panel-section h4 .panel-details, .panel-section .dyno-tier-picker-item-product-tier__name .panel-details, .panel-section .panel-title small, .panel-section .panel-title .panel-details,
h4 .small,
.dyno-tier-picker-item-product-tier__name .small,
.panel-section .panel-title .small, h5 small, h5 .panel-section .panel-details, .panel-section h5 .panel-details,
h5 .small, h6 small, .pipeline-dropdown > li .btn-link small, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link small, h6 .panel-section .panel-details, .pipeline-dropdown > li .btn-link .panel-section .panel-details, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .panel-section .panel-details, .panel-section h6 .panel-details, .panel-section .pipeline-dropdown > li .btn-link .panel-details, .pipeline-dropdown > li .panel-section .btn-link .panel-details, .panel-section .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .panel-details, .pipeline-dropdown .dropdown-menu-scroll > li .panel-section .btn-link .panel-details,
h6 .small,
.pipeline-dropdown > li .btn-link .small,
.pipeline-dropdown .dropdown-menu-scroll > li .btn-link .small {
  font-weight: normal;
  line-height: 1;
  color: #96A3B6;
}

h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small, h1 .panel-section .panel-details, .panel-section h1 .panel-details,
h1 .small, h2 small, h2 .panel-section .panel-details, .panel-section h2 .panel-details,
h2 .small, h3 small, h3 .panel-section .panel-details, .panel-section h3 .panel-details,
h3 .small {
  font-size: 65%;
}

h4, .dyno-tier-picker-item-product-tier__name, .panel-section .panel-title, h5, h6, .pipeline-dropdown > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small, .dyno-tier-picker-item-product-tier__name small, h4 .panel-section .panel-details, .dyno-tier-picker-item-product-tier__name .panel-section .panel-details, .panel-section h4 .panel-details, .panel-section .dyno-tier-picker-item-product-tier__name .panel-details, .panel-section .panel-title small, .panel-section .panel-title .panel-details,
h4 .small,
.dyno-tier-picker-item-product-tier__name .small,
.panel-section .panel-title .small, h5 small, h5 .panel-section .panel-details, .panel-section h5 .panel-details,
h5 .small, h6 small, .pipeline-dropdown > li .btn-link small, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link small, h6 .panel-section .panel-details, .pipeline-dropdown > li .btn-link .panel-section .panel-details, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .panel-section .panel-details, .panel-section h6 .panel-details, .panel-section .pipeline-dropdown > li .btn-link .panel-details, .pipeline-dropdown > li .panel-section .btn-link .panel-details, .panel-section .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .panel-details, .pipeline-dropdown .dropdown-menu-scroll > li .panel-section .btn-link .panel-details,
h6 .small,
.pipeline-dropdown > li .btn-link .small,
.pipeline-dropdown .dropdown-menu-scroll > li .btn-link .small {
  font-size: 75%;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4, .dyno-tier-picker-item-product-tier__name, .panel-section .panel-title {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6, .pipeline-dropdown > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link {
  font-size: 12px;
}

p, .panel-section .panel-details {
  margin: 0 0 10px;
}

.lead, .error-text p:first-of-type, .error-text .panel-section .panel-details:first-of-type, .panel-section .error-text .panel-details:first-of-type {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead, .error-text p:first-of-type, .error-text .panel-section .panel-details:first-of-type, .panel-section .error-text .panel-details:first-of-type {
    font-size: 21px;
  }
}

small, .panel-section .panel-details,
.small {
  font-size: 85%;
}

mark,
.mark {
  background-color: rgb(254.75, 250.2, 245.8);
  padding: 0.2em;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #CFD7E6;
}

.text-primary {
  color: #79589F;
}

a.text-primary:hover,
a.text-primary:focus {
  color: rgb(96.016194332, 69.8299595142, 126.1700404858);
}

.text-success {
  color: #74C080;
}

a.text-success:hover,
a.text-success:focus {
  color: rgb(80.9059405941, 176.0940594059, 95.9356435644);
}

.text-info {
  color: #408FEC;
}

a.text-info:hover,
a.text-info:focus {
  color: rgb(22.5285714286, 116.2, 226.4714285714);
}

.text-warning {
  color: #FA9F47;
}

a.text-warning:hover,
a.text-warning:focus {
  color: rgb(248.6507936508, 133.0952380952, 21.3492063492);
}

.text-danger {
  color: #D64242;
}

a.text-danger:hover,
a.text-danger:focus {
  color: rgb(188.1782608696, 40.8217391304, 40.8217391304);
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #79589F;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: rgb(96.016194332, 69.8299595142, 126.1700404858);
}

.bg-success {
  background-color: rgb(248.05, 251.85, 248.65);
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: rgb(212.9559405941, 235.9440594059, 216.5856435644);
}

.bg-info {
  background-color: rgb(245.45, 249.4, 254.05);
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: rgb(199.0642857143, 222.2, 249.4357142857);
}

.bg-warning {
  background-color: rgb(254.75, 250.2, 245.8);
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: rgb(253.4007936508, 224.2952380952, 196.1492063492);
}

.bg-danger {
  background-color: rgb(252.95, 245.55, 245.55);
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: rgb(243.8586956522, 203.6413043478, 203.6413043478);
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #EEF1F6;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled, .flash-messages .flash-message .content {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted rgb(214.8, 204.9, 226.2);
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #EEF1F6;
}
blockquote p:last-child, blockquote .panel-section .panel-details:last-child, .panel-section blockquote .panel-details:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .panel-section .panel-details,
.panel-section blockquote .panel-details,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #96A3B6;
}
blockquote footer:before,
blockquote small:before,
blockquote .panel-section .panel-details:before,
.panel-section blockquote .panel-details:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #EEF1F6;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .panel-section .panel-details:before,
.panel-section .blockquote-reverse .panel-details:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .panel-section .panel-details:before,
.panel-section blockquote.pull-right .panel-details:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .panel-section .panel-details:after,
.panel-section .blockquote-reverse .panel-details:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .panel-section .panel-details:after,
.panel-section blockquote.pull-right .panel-details:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #596981;
  background-color: rgb(244.8, 246.6, 249.6);
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #EEF1F6;
  background-color: #596981;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #596981;
  background-color: rgb(244.8, 246.6, 249.6);
  border: 1px solid #EEF1F6;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row, .panel-section {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .panel-section:before, .row:after, .panel-section:after {
  content: " ";
  display: table;
}
.row:after, .panel-section:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .panel-section .section-description, .panel-section .panel-description, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .panel-section .panel-content, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .panel-section .section-description, .panel-section .panel-description, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .panel-section .panel-content, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4, .panel-section .section-description, .panel-section .panel-description {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8, .panel-section .panel-content {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .panel-section .section-description, .panel-section .panel-description, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .panel-section .panel-content, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3, .panel-section .section-description, .panel-section .panel-description {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8, .panel-section .panel-content {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1, .panel-section .panel-content {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #CFD7E6;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid rgb(231, 235, 242.5);
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid rgb(231, 235, 242.5);
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid rgb(231, 235, 242.5);
}
.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid rgb(231, 235, 242.5);
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid rgb(231, 235, 242.5);
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgb(249.9, 250.8, 252.3);
}

.table-hover > tbody > tr:hover {
  background-color: rgb(249.9, 250.8, 252.3);
}

table col[class*=col-] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*=col-],
table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: rgb(249.9, 250.8, 252.3);
}

.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: rgb(233.2269230769, 237.0692307692, 243.4730769231);
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: rgb(248.05, 251.85, 248.65);
}

.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: rgb(230.502970297, 243.897029703, 232.6178217822);
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: rgb(245.45, 249.4, 254.05);
}

.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: rgb(222.2571428571, 235.8, 251.7428571429);
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: rgb(254.75, 250.2, 245.8);
}

.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: rgb(254.0753968254, 237.2476190476, 220.9746031746);
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: rgb(252.95, 245.55, 245.55);
}

.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: rgb(248.4043478261, 224.5956521739, 224.5956521739);
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid rgb(231, 235, 242.5);
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #596981;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

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

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

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

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

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

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

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #3F3F44;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #3F3F44;
  background-color: #fff;
  background-image: none;
  border: 1px solid #CFD7E6;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #79589F;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(121, 88, 159, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(121, 88, 159, 0.6);
}
.form-control::-moz-placeholder {
  color: #CFD7E6;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #CFD7E6;
}
.form-control::-webkit-input-placeholder {
  color: #CFD7E6;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: rgb(249.9, 250.8, 252.3);
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 34px;
  }
  input[type=date].input-sm,
  .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
  input[type=time].input-sm,
  .input-group-sm > .input-group-btn > input[type=time].btn,
  .input-group-sm input[type=time],
  input[type=datetime-local].input-sm,
  .input-group-sm > .input-group-btn > input[type=datetime-local].btn,
  .input-group-sm input[type=datetime-local],
  input[type=month].input-sm,
  .input-group-sm > .input-group-btn > input[type=month].btn,
  .input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg,
  .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
  input[type=time].input-lg,
  .input-group-lg > .input-group-btn > input[type=time].btn,
  .input-group-lg input[type=time],
  input[type=datetime-local].input-lg,
  .input-group-lg > .input-group-btn > input[type=datetime-local].btn,
  .input-group-lg input[type=datetime-local],
  input[type=month].input-lg,
  .input-group-lg > .input-group-btn > input[type=month].btn,
  .input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

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

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

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

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

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

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

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

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

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #74C080;
}
.has-success .form-control {
  border-color: #74C080;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: rgb(80.9059405941, 176.0940594059, 95.9356435644);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(186.1881188119, 223.8118811881, 192.1287128713);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(186.1881188119, 223.8118811881, 192.1287128713);
}
.has-success .input-group-addon {
  color: #74C080;
  border-color: #74C080;
  background-color: rgb(248.05, 251.85, 248.65);
}
.has-success .form-control-feedback {
  color: #74C080;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #FA9F47;
}
.has-warning .form-control {
  border-color: #FA9F47;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: rgb(248.6507936508, 133.0952380952, 21.3492063492);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(252.6984126984, 210.8095238095, 170.3015873016);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(252.6984126984, 210.8095238095, 170.3015873016);
}
.has-warning .input-group-addon {
  color: #FA9F47;
  border-color: #FA9F47;
  background-color: rgb(254.75, 250.2, 245.8);
}
.has-warning .form-control-feedback {
  color: #FA9F47;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #D64242;
}
.has-error .form-control {
  border-color: #D64242;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: rgb(188.1782608696, 40.8217391304, 40.8217391304);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(232.1826086957, 149.8173913043, 149.8173913043);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(232.1826086957, 149.8173913043, 149.8173913043);
}
.has-error .input-group-addon {
  color: #D64242;
  border-color: #D64242;
  background-color: rgb(252.95, 245.55, 245.55);
}
.has-error .form-control-feedback {
  color: #D64242;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback, .has-feedback .two-factor-required label ~ .form-control-feedback, .two-factor-required .has-feedback label ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: rgb(124.4503816794, 124.4503816794, 134.0496183206);
}

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

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .actions-button .btn.btn-default:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #79589F;
  text-decoration: none;
}
.btn:active, .actions-button .btn.btn-default:focus, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default, .actions-button .btn-default:focus {
  color: #79589F;
  background-color: #fff;
  border-color: #79589F;
}
.btn-default:focus, .actions-button .btn-default:focus, .btn-default.focus {
  color: #79589F;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(58.54048583, 42.5748987854, 76.9251012146);
}
.btn-default:hover, .actions-button .btn-default:hover:focus {
  color: #79589F;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(91.0194331984, 66.195951417, 119.604048583);
}
.btn-default:active, .actions-button .btn-default:focus, .btn-default.active, .open > .btn-default.dropdown-toggle, .open > .btn-default.drop-down__toggle {
  color: #79589F;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(91.0194331984, 66.195951417, 119.604048583);
}
.btn-default:active:hover, .btn-default:active:focus, .actions-button .btn-default:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.drop-down__toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.drop-down__toggle:focus, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.focus.drop-down__toggle {
  color: #79589F;
  background-color: rgb(211.65, 211.65, 211.65);
  border-color: rgb(58.54048583, 42.5748987854, 76.9251012146);
}
.btn-default:active, .actions-button .btn-default:focus, .btn-default.active, .open > .btn-default.dropdown-toggle, .open > .btn-default.drop-down__toggle {
  background-image: none;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #79589F;
}
.btn-default .badge, .actions-button .btn-default:focus .badge {
  color: #fff;
  background-color: #79589F;
}

.btn-primary {
  color: #fff;
  background-color: #79589F;
  border-color: #79589F;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(96.016194332, 69.8299595142, 126.1700404858);
  border-color: rgb(58.54048583, 42.5748987854, 76.9251012146);
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(96.016194332, 69.8299595142, 126.1700404858);
  border-color: rgb(91.0194331984, 66.195951417, 119.604048583);
}
.btn-primary:active, .actions-button .btn-primary.btn-default:focus, .btn-primary.active, .open > .btn-primary.dropdown-toggle, .open > .btn-primary.drop-down__toggle {
  color: #fff;
  background-color: rgb(96.016194332, 69.8299595142, 126.1700404858);
  border-color: rgb(91.0194331984, 66.195951417, 119.604048583);
}
.btn-primary:active:hover, .btn-primary:active:focus, .actions-button .btn-primary.btn-default:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.drop-down__toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.drop-down__toggle:focus, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.focus.drop-down__toggle {
  color: #fff;
  background-color: rgb(78.5275303644, 57.1109311741, 103.1890688259);
  border-color: rgb(58.54048583, 42.5748987854, 76.9251012146);
}
.btn-primary:active, .actions-button .btn-primary.btn-default:focus, .btn-primary.active, .open > .btn-primary.dropdown-toggle, .open > .btn-primary.drop-down__toggle {
  background-image: none;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #79589F;
  border-color: #79589F;
}
.btn-primary .badge {
  color: #79589F;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #74C080;
  border-color: #74C080;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(80.9059405941, 176.0940594059, 95.9356435644);
  border-color: rgb(56.2945544554, 124.2054455446, 67.0173267327);
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(80.9059405941, 176.0940594059, 95.9356435644);
  border-color: rgb(76.9722772277, 169.8277227723, 91.6336633663);
}
.btn-success:active, .actions-button .btn-success.btn-default:focus, .btn-success.active, .open > .btn-success.dropdown-toggle, .open > .btn-success.drop-down__toggle {
  color: #fff;
  background-color: rgb(80.9059405941, 176.0940594059, 95.9356435644);
  border-color: rgb(76.9722772277, 169.8277227723, 91.6336633663);
}
.btn-success:active:hover, .btn-success:active:focus, .actions-button .btn-success.btn-default:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.drop-down__toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.drop-down__toggle:focus, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.focus.drop-down__toggle {
  color: #fff;
  background-color: rgb(69.0193069307, 152.2806930693, 82.1658415842);
  border-color: rgb(56.2945544554, 124.2054455446, 67.0173267327);
}
.btn-success:active, .actions-button .btn-success.btn-default:focus, .btn-success.active, .open > .btn-success.dropdown-toggle, .open > .btn-success.drop-down__toggle {
  background-image: none;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #74C080;
  border-color: #74C080;
}
.btn-success .badge {
  color: #74C080;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #408FEC;
  border-color: #408FEC;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(22.5285714286, 116.2, 226.4714285714);
  border-color: rgb(15.6071428571, 80.5, 156.8928571429);
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(22.5285714286, 116.2, 226.4714285714);
  border-color: rgb(21.6057142857, 111.44, 217.1942857143);
}
.btn-info:active, .actions-button .btn-info.btn-default:focus, .btn-info.active, .open > .btn-info.dropdown-toggle, .open > .btn-info.drop-down__toggle {
  color: #fff;
  background-color: rgb(22.5285714286, 116.2, 226.4714285714);
  border-color: rgb(21.6057142857, 111.44, 217.1942857143);
}
.btn-info:active:hover, .btn-info:active:focus, .actions-button .btn-info.btn-default:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.drop-down__toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.drop-down__toggle:focus, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.focus.drop-down__toggle {
  color: #fff;
  background-color: rgb(19.2985714286, 99.54, 194.0014285714);
  border-color: rgb(15.6071428571, 80.5, 156.8928571429);
}
.btn-info:active, .actions-button .btn-info.btn-default:focus, .btn-info.active, .open > .btn-info.dropdown-toggle, .open > .btn-info.drop-down__toggle {
  background-image: none;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #408FEC;
  border-color: #408FEC;
}
.btn-info .badge {
  color: #408FEC;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #FA9F47;
  border-color: #FA9F47;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: rgb(248.6507936508, 133.0952380952, 21.3492063492);
  border-color: rgb(188.380952381, 95.2142857143, 5.119047619);
}
.btn-warning:hover {
  color: #fff;
  background-color: rgb(248.6507936508, 133.0952380952, 21.3492063492);
  border-color: rgb(248.380952381, 127.9142857143, 11.419047619);
}
.btn-warning:active, .actions-button .btn-warning.btn-default:focus, .btn-warning.active, .open > .btn-warning.dropdown-toggle, .open > .btn-warning.drop-down__toggle {
  color: #fff;
  background-color: rgb(248.6507936508, 133.0952380952, 21.3492063492);
  border-color: rgb(248.380952381, 127.9142857143, 11.419047619);
}
.btn-warning:active:hover, .btn-warning:active:focus, .actions-button .btn-warning.btn-default:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.drop-down__toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.drop-down__toggle:focus, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.focus.drop-down__toggle {
  color: #fff;
  background-color: rgb(228.1015873016, 115.2904761905, 6.1984126984);
  border-color: rgb(188.380952381, 95.2142857143, 5.119047619);
}
.btn-warning:active, .actions-button .btn-warning.btn-default:focus, .btn-warning.active, .open > .btn-warning.dropdown-toggle, .open > .btn-warning.drop-down__toggle {
  background-image: none;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #FA9F47;
  border-color: #FA9F47;
}
.btn-warning .badge {
  color: #FA9F47;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #D64242;
  border-color: #D64242;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(188.1782608696, 40.8217391304, 40.8217391304);
  border-color: rgb(125.3152173913, 27.1847826087, 27.1847826087);
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(188.1782608696, 40.8217391304, 40.8217391304);
  border-color: rgb(179.7965217391, 39.0034782609, 39.0034782609);
}
.btn-danger:active, .actions-button .btn-danger.btn-default:focus, .btn-danger.active, .open > .btn-danger.dropdown-toggle, .open > .btn-danger.drop-down__toggle {
  color: #fff;
  background-color: rgb(188.1782608696, 40.8217391304, 40.8217391304);
  border-color: rgb(179.7965217391, 39.0034782609, 39.0034782609);
}
.btn-danger:active:hover, .btn-danger:active:focus, .actions-button .btn-danger.btn-default:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.drop-down__toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.drop-down__toggle:focus, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.focus.drop-down__toggle {
  color: #fff;
  background-color: rgb(158.842173913, 34.457826087, 34.457826087);
  border-color: rgb(125.3152173913, 27.1847826087, 27.1847826087);
}
.btn-danger:active, .actions-button .btn-danger.btn-default:focus, .btn-danger.active, .open > .btn-danger.dropdown-toggle, .open > .btn-danger.drop-down__toggle {
  background-image: none;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #D64242;
  border-color: #D64242;
}
.btn-danger .badge {
  color: #D64242;
  background-color: #fff;
}

.btn-link {
  color: #79589F;
  font-weight: normal;
  border-radius: 0;
}
.btn-link, .btn-link:active, .actions-button .btn-link.btn-default:focus, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .actions-button .btn-link.btn-default:focus {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: rgb(96.8, 70.4, 127.2);
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #EEF1F6;
  text-decoration: none;
}

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

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

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

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus, .drop-down__toggle:focus {
  outline: 0;
}

.dropdown-menu, .drop-down__menu, .context-switcher__list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgb(231, 235, 242.5);
  border: 1px solid rgb(231, 235, 242.5);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right, .pull-right.drop-down__menu, .pull-right.context-switcher__list {
  right: 0;
  left: auto;
}
.dropdown-menu .divider, .drop-down__menu .divider, .context-switcher__list .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: rgb(231, 235, 242.5);
}
.dropdown-menu > li > a, .drop-down__menu > li > a, .context-switcher__list > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #596981;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .drop-down__menu > li > a:hover, .context-switcher__list > li > a:hover, .dropdown-menu > li > a:focus, .drop-down__menu > li > a:focus, .context-switcher__list > li > a:focus {
  text-decoration: none;
  color: #3F3F44;
  background-color: rgb(246.5, 248, 250.5);
}

.dropdown-menu > .active > a, .drop-down__menu > .active > a, .context-switcher__list > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #79589F;
}

.dropdown-menu > .disabled > a, .drop-down__menu > .disabled > a, .context-switcher__list > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #CFD7E6;
}
.dropdown-menu > .disabled > a:hover, .drop-down__menu > .disabled > a:hover, .context-switcher__list > .disabled > a:hover, .dropdown-menu > .disabled > a:focus, .drop-down__menu > .disabled > a:focus, .context-switcher__list > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu, .open > .drop-down__menu, .open > .context-switcher__list {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #CFD7E6;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu, .pull-right > .drop-down__menu, .pull-right > .context-switcher__list {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
  content: "";
}
.dropup .dropdown-menu, .dropup .drop-down__menu, .dropup .context-switcher__list,
.navbar-fixed-bottom .dropdown .dropdown-menu,
.navbar-fixed-bottom .dropdown .drop-down__menu,
.navbar-fixed-bottom .dropdown .context-switcher__list {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu, .navbar-right .drop-down__menu, .navbar-right .context-switcher__list {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle):not(.drop-down__toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle):not(.drop-down__toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child),
.btn-group > .drop-down__toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle,
.btn-group > .btn-group:first-child:not(:last-child) > .drop-down__toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active, .btn-group .drop-down__toggle:active, .btn-group .actions-button .dropdown-toggle.btn-default:focus, .btn-group .actions-button .btn-default.drop-down__toggle:focus, .actions-button .btn-group .dropdown-toggle.btn-default:focus, .actions-button .btn-group .btn-default.drop-down__toggle:focus,
.btn-group.open .dropdown-toggle,
.btn-group.open .drop-down__toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle, .btn-group > .btn + .drop-down__toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group > .btn-lg + .drop-down__toggle, .btn-group.btn-group-lg > .btn + .dropdown-toggle, .btn-group.btn-group-lg > .btn + .drop-down__toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle, .btn-group.open .drop-down__toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link, .btn-group.open .btn-link.drop-down__toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .drop-down__toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu, .btn-group-justified > .btn-group .drop-down__menu, .btn-group-justified > .btn-group .context-switcher__list {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #3F3F44;
  text-align: center;
  background-color: #EEF1F6;
  border: 1px solid #CFD7E6;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:first-child > .drop-down__toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle):not(.drop-down__toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:last-child > .drop-down__toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before, .nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #EEF1F6;
}
.nav > li.disabled > a {
  color: #CFD7E6;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #CFD7E6;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #EEF1F6;
  border-color: #79589F;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #EEF1F6 #EEF1F6 #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #96A3B6;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #79589F;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu, .nav-justified > .dropdown .drop-down__menu, .nav-justified > .dropdown .context-switcher__list {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu, .nav-tabs .drop-down__menu, .nav-tabs .context-switcher__list {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #CFD7E6;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  color: #79589F;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: rgb(96.8, 70.4, 127.2);
  background-color: #EEF1F6;
  border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #79589F;
  border-color: #79589F;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #CFD7E6;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager:before, .pager:after {
  content: " ";
  display: table;
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #EEF1F6;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #CFD7E6;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #CFD7E6;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: rgb(173.4657534247, 187.0547945205, 212.5342465753);
}

.label-primary {
  background-color: #79589F;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: rgb(96.016194332, 69.8299595142, 126.1700404858);
}

.label-success {
  background-color: #74C080;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: rgb(80.9059405941, 176.0940594059, 95.9356435644);
}

.label-info {
  background-color: #408FEC;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: rgb(22.5285714286, 116.2, 226.4714285714);
}

.label-warning {
  background-color: #FA9F47;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: rgb(248.6507936508, 133.0952380952, 21.3492063492);
}

.label-danger {
  background-color: #D64242;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: rgb(188.1782608696, 40.8217391304, 40.8217391304);
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #CFD7E6;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #79589F;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

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

.alert {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4, .alert .dyno-tier-picker-item-product-tier__name, .alert .panel-section .panel-title, .panel-section .alert .panel-title {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: normal;
}
.alert > p, .panel-section .alert > .panel-details,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p, .panel-section .alert > .panel-details + p, .panel-section .alert > p + .panel-details, .panel-section .alert > .panel-details + .panel-details {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 30px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: rgb(248.05, 251.85, 248.65);
  border-color: rgb(199.4, 229.8, 204.2);
  color: #74C080;
}
.alert-success hr {
  border-top-color: rgb(181.852970297, 221.847029703, 188.1678217822);
}
.alert-success .alert-link {
  color: rgb(80.9059405941, 176.0940594059, 95.9356435644);
}

.alert-info {
  background-color: rgb(245.45, 249.4, 254.05);
  border-color: rgb(178.6, 210.2, 247.4);
  color: #408FEC;
}
.alert-info hr {
  border-top-color: rgb(155.4071428571, 196.6, 245.0928571429);
}
.alert-info .alert-link {
  color: rgb(22.5285714286, 116.2, 226.4714285714);
}

.alert-warning {
  background-color: rgb(254.75, 250.2, 245.8);
  border-color: rgb(253, 216.6, 181.4);
  color: #FA9F47;
}
.alert-warning hr {
  border-top-color: rgb(252.3253968254, 203.6476190476, 156.5746031746);
}
.alert-warning .alert-link {
  color: rgb(248.6507936508, 133.0952380952, 21.3492063492);
}

.alert-danger {
  background-color: rgb(252.95, 245.55, 245.55);
  border-color: rgb(238.6, 179.4, 179.4);
  color: #D64242;
}
.alert-danger hr {
  border-top-color: rgb(234.0543478261, 158.4456521739, 158.4456521739);
}
.alert-danger .alert-link {
  color: rgb(188.1782608696, 40.8217391304, 40.8217391304);
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

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

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

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgb(231, 235, 242.5);
}
.list-group-item:first-child {
  border-top-right-radius: none;
  border-top-left-radius: none;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: none;
  border-bottom-left-radius: none;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #3F3F44;
}
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: rgb(246.5, 248, 250.5);
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #EEF1F6;
  color: #CFD7E6;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #CFD7E6;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #408FEC;
  background-color: white;
  border-color: rgb(231, 235, 242.5);
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .panel-section .list-group-item-heading > .panel-details,
.panel-section .list-group-item.active .list-group-item-heading > .panel-details,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #408FEC;
}

.list-group-item-success {
  color: #74C080;
  background-color: rgb(248.05, 251.85, 248.65);
}

a.list-group-item-success,
button.list-group-item-success {
  color: #74C080;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #74C080;
  background-color: rgb(230.502970297, 243.897029703, 232.6178217822);
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #74C080;
  border-color: #74C080;
}

.list-group-item-info {
  color: #408FEC;
  background-color: rgb(245.45, 249.4, 254.05);
}

a.list-group-item-info,
button.list-group-item-info {
  color: #408FEC;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #408FEC;
  background-color: rgb(222.2571428571, 235.8, 251.7428571429);
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #408FEC;
  border-color: #408FEC;
}

.list-group-item-warning {
  color: #FA9F47;
  background-color: rgb(254.75, 250.2, 245.8);
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #FA9F47;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #FA9F47;
  background-color: rgb(254.0753968254, 237.2476190476, 220.9746031746);
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #FA9F47;
  border-color: #FA9F47;
}

.list-group-item-danger {
  color: #D64242;
  background-color: rgb(252.95, 245.55, 245.55);
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #D64242;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #D64242;
  background-color: rgb(248.4043478261, 224.5956521739, 224.5956521739);
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #D64242;
  border-color: #D64242;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  content: " ";
  display: table;
}
.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle, .panel-heading > .dropdown .drop-down__toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-section .panel-title > .panel-details,
.panel-title > .small,
.panel-title > small > a,
.panel-section .panel-title > .panel-details > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid rgb(231, 235, 242.5);
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #596981;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #596981;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #79589F;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #79589F;
  border-color: #79589F;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #79589F;
}
.panel-primary > .panel-heading .badge {
  color: #79589F;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #79589F;
}

.panel-success {
  border-color: rgb(199.4, 229.8, 204.2);
}
.panel-success > .panel-heading {
  color: #74C080;
  background-color: rgb(248.05, 251.85, 248.65);
  border-color: rgb(199.4, 229.8, 204.2);
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(199.4, 229.8, 204.2);
}
.panel-success > .panel-heading .badge {
  color: rgb(248.05, 251.85, 248.65);
  background-color: #74C080;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(199.4, 229.8, 204.2);
}

.panel-info {
  border-color: rgb(178.6, 210.2, 247.4);
}
.panel-info > .panel-heading {
  color: #408FEC;
  background-color: rgb(245.45, 249.4, 254.05);
  border-color: rgb(178.6, 210.2, 247.4);
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(178.6, 210.2, 247.4);
}
.panel-info > .panel-heading .badge {
  color: rgb(245.45, 249.4, 254.05);
  background-color: #408FEC;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(178.6, 210.2, 247.4);
}

.panel-warning {
  border-color: rgb(253, 216.6, 181.4);
}
.panel-warning > .panel-heading {
  color: #FA9F47;
  background-color: rgb(254.75, 250.2, 245.8);
  border-color: rgb(253, 216.6, 181.4);
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(253, 216.6, 181.4);
}
.panel-warning > .panel-heading .badge {
  color: rgb(254.75, 250.2, 245.8);
  background-color: #FA9F47;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(253, 216.6, 181.4);
}

.panel-danger {
  border-color: rgb(238.6, 179.4, 179.4);
}
.panel-danger > .panel-heading {
  color: #D64242;
  background-color: rgb(252.95, 245.55, 245.55);
  border-color: rgb(238.6, 179.4, 179.4);
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(238.6, 179.4, 179.4);
}
.panel-danger > .panel-heading .badge {
  color: rgb(252.95, 245.55, 245.55);
  background-color: #D64242;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(238.6, 179.4, 179.4);
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #596981;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: benton-sans, "Helvetica Neue", helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: benton-sans, "Helvetica Neue", helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.clearfix:before, .deploy-steps > li > i:before, .deploy-steps > li > img:before, .deploy-steps > li > .loading-spinner:before, .deploy-steps > li > .icon:before, .deploy-steps > li:before, .clearfix:after, .deploy-steps > li > i:after, .deploy-steps > li > img:after, .deploy-steps > li > .loading-spinner:after, .deploy-steps > li > .icon:after, .deploy-steps > li:after {
  content: " ";
  display: table;
}
.clearfix:after, .deploy-steps > li > i:after, .deploy-steps > li > img:after, .deploy-steps > li > .loading-spinner:after, .deploy-steps > li > .icon:after, .deploy-steps > li:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
a.btn,
a.list-group-item,
.list-group-item-link a,
.dropdown a, .dropdown-menu a, .drop-down__menu a, .context-switcher__list a,
.nav a,
.navbar a {
  text-decoration: none;
}

@font-face {
  font-family: "benton-sans";
  font-style: normal;
  font-weight: 200;
  src: url("https://www.herokucdn.com/fonts/bentonsans-book.eot?#iefix") format("embedded-opentype"), url("https://www.herokucdn.com/fonts/bentonsans-book.woff") format("woff"), url("https://www.herokucdn.com/fonts/bentonsans-book.ttf") format("truetype");
}
@font-face {
  font-family: "benton-sans";
  font-style: normal;
  font-weight: normal;
  src: url("https://www.herokucdn.com/fonts/bentonsans-regular.eot?#iefix") format("embedded-opentype"), url("https://www.herokucdn.com/fonts/bentonsans-regular.woff") format("woff"), url("https://www.herokucdn.com/fonts/bentonsans-regular.ttf") format("truetype");
}
@font-face {
  font-family: "benton-sans";
  font-style: normal;
  font-weight: bold;
  src: url("https://www.herokucdn.com/fonts/bentonsans-medium.eot?#iefix") format("embedded-opentype"), url("https://www.herokucdn.com/fonts/bentonsans-medium.woff") format("woff"), url("https://www.herokucdn.com/fonts/bentonsans-medium.ttf") format("truetype");
}
h4, .dyno-tier-picker-item-product-tier__name, .panel-section .panel-title {
  font-size: 16px;
  font-weight: 200;
}

h5, h6, .pipeline-dropdown > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link {
  color: #596981;
  font-weight: normal;
}

h6, .pipeline-dropdown > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link {
  text-transform: uppercase;
}

.lead, .error-text p:first-of-type, .error-text .panel-section .panel-details:first-of-type, .panel-section .error-text .panel-details:first-of-type {
  color: #596981;
}

dl dt {
  font-size: 13px;
  font-weight: normal;
  color: #596981;
}
dl dd {
  margin-bottom: 12px;
}
dl dd:last-of-type {
  margin-bottom: 0;
}
dl.dl-horizontal dt {
  text-align: left;
}

abbr {
  color: #596981;
}

blockquote {
  border-width: 3px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  html, body, input, button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  h5, h6, .pipeline-dropdown > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link,
  .h5, .h6 {
    font-weight: bold;
  }
}
code,
kbd {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

label code {
  box-shadow: none;
  background: none;
  border: none;
  color: #96A3B6;
  box-shadow: none;
  padding-left: 12px;
  padding-right: 12px;
}

pre code {
  box-shadow: none;
}

.table th {
  color: #596981;
  font-weight: bold;
  font-size: 90%;
  position: relative;
  z-index: 2;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  border-bottom: 1px solid #CFD7E6;
}
.table > thead > tr:first-of-type > td,
.table > tbody > tr:first-of-type > td,
.table > tfoot > tr:first-of-type > td {
  border-top: none;
}

.table-striped > tbody > tr:nth-child(odd) {
  background-color: transparent;
}
.table-striped > tbody > tr:nth-child(even) {
  background-color: rgb(249.9, 250.8, 252.3);
}

.table-bordered {
  border: none;
  border-collapse: separate;
}
.table-bordered td {
  border-top: none !important;
}
.table-bordered th:not(:last-of-type),
.table-bordered td:not(:last-of-type) {
  border-right: none !important;
}
.table-bordered > thead:first-child > tr:first-child > th {
  border-top: 1px solid rgb(231, 235, 242.5);
}
.table-bordered > thead:first-child > tr:first-child > th:first-of-type {
  border-top-left-radius: 4px;
}
.table-bordered > thead:first-child > tr:first-child > th:last-of-type {
  border-top-right-radius: 4px;
}
.table-bordered > tbody > tr:last-child > td:first-of-type,
.table-bordered > tfoot > tr:last-child > td:first-of-type {
  border-bottom-left-radius: 4px;
}
.table-bordered > tbody > tr:last-child > td:last-of-type,
.table-bordered > tfoot > tr:last-child > td:last-of-type {
  border-bottom-right-radius: 4px;
}

.table-responsive,
.editable-table-component.table-responsive {
  border: none;
}

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

.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.active:hover > th {
  background-color: rgb(248.625, 248.625, 248.625);
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: rgb(248.05, 251.85, 248.65);
  color: rgb(98.6, 163.2, 108.8);
}

.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.success:hover > th {
  background-color: rgb(239.2764851485, 247.8735148515, 240.6339108911);
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: rgb(245.45, 249.4, 254.05);
  color: rgb(54.4, 121.55, 200.6);
}

.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.info:hover > th {
  background-color: rgb(233.8535714286, 242.6, 252.8964285714);
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: rgb(254.75, 250.2, 245.8);
  color: rgb(212.5, 135.15, 60.35);
}

.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.warning:hover > th {
  background-color: rgb(254.4126984127, 243.7238095238, 233.3873015873);
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: rgb(252.95, 245.55, 245.55);
  color: rgb(181.9, 56.1, 56.1);
}

.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.danger:hover > th {
  background-color: rgb(250.677173913, 235.072826087, 235.072826087);
}

.form-control {
  box-shadow: inset 0 1px 2px rgba(207, 215, 230, 0.4);
  padding-left: 8px;
  padding-right: 8px;
}
.form-control:focus {
  box-shadow: inset 0 1px 2px rgba(207, 215, 230, 0.2), 0 0 4px rgba(121, 88, 159, 0.3);
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: default;
  background: rgba(238, 241, 246, 0.3);
  border: 1px solid #CFD7E6;
  color: #CFD7E6;
}
.form-control[readonly] {
  color: #3F3F44;
}
.form-control[readonly]:focus {
  border: 1px solid #96A3B6;
  box-shadow: inset 0 1px 2px rgba(207, 215, 230, 0.2), 0 0 4px rgba(150, 163, 182, 0.3);
}

select.form-control:not([multiple]) {
  -webkit-appearance: none;
  border: 1px solid #CFD7E6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAABGdBTUEAALGPC/xhBQAAANJJREFUGBm1Tj1OAmEUnPl2O23lBraGU4gk9gTZ0MmuYmIpHoGEhoTAAu2HPyfYxdYLGO+gDS12++34fYYrOMV78+bN5D3igNXmrenklhGjdNA7/wiyCWVht5eV3Lug09DDHHTObTkk6qnA5+MTk+13dU6oK5j72JORZCY3SeuRpDz6Pvnl6Sik/wFc2OKbgE17Fw+Hm1xuyrGAhLktM6GeQXw5apj0Z+dW/okOYe58CJjbbZtyryIqCrEYdW6TVvG3DIb1U3FW1chjg+z6qv0ZtF9O4FrvsJTYKQAAAABJRU5ErkJggg==") no-repeat right 8px center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  select.form-control:not([multiple]) {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAABGdBTUEAALGPC/xhBQAAAh9JREFUOBHtUz1MU1EUPucW+gNEBmhigmFxkcSBxE5uRGMLtgMDL+ojMSyUqgsODi5sDAzKog9YINAXzYuJA/1FDYPrM2EwkYVBExIDOmhMC6XvXc957W1LZXTkJu/dc77zfffm3PtdhDOGZUnfj0rhOZf6/bFZTUOnnYbtgGVt9/yslF9JCXGuIUKmzx+6q2kjf1q5p4SG9WFAVo4zIGG4lQQIO+gPxFPajX2FN4Qr5taw41YzEmCAiwi4x7MEebmWw75PdMSn9Vs7nAv+GelivCqdj00R2NAtrvNHK9vM4RpzmMs5Ghv5JKB8QT35GCCo0B8ITqieaj0fvZFSRr0qggMSH/KOi00RrA9dCiaUiIkciyvhBIXrnNe5ix3UQ4GO7ibt9OzBZGyOi+0jGYmcEHbfMHNfpcRZit+1c87z/3ECbIAsGcC7jhk99hQRyST/DjIALpmFebrJx2SA9/gynSuRn0JMJX+aYig8Vb+3hnrZtjvd3YM1uvx7HohQFuTFR2SAKgNkBt39cpBlmykVx4w1RVhljfc6DDMfpYJFfrpQWxE/YZcY8xYruTnCr9Xx3/Q+tZQ+WvSEDBqvi1fhxMlSg4Ocn/GsvkGn73bqTvRzrc7/+li1ti8eHZc3SRxRGM+0uh0MhBJT2sh3hTd2VMDypt3l/jpM0ymOeyLEt6I3PJlMREqK4+GtiYpJJJbM/ALnM/roE7oiV9XU/Bf++9SHJrpj1gAAAABJRU5ErkJggg==") no-repeat right 8px center;
    background-size: 7px 11px;
  }
}
select.form-control:not([multiple])[disabled], select.form-control:not([multiple])[readonly], fieldset[disabled] select.form-control:not([multiple]) {
  color: #CFD7E6;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAABGdBTUEAALGPC/xhBQAAANlJREFUGBljZICCmcs2i/z7x2LLxPTncHqU7xuQMCOImLJ0qzzzH0bnf4yM/5j+/2f6y/J/b06090PGWct2aP/9x2DF8O/fXabvYof/cb6yZWBiUmZmYjjG8vfvP4O///9fyo71OsXIyPgfCPZPXbztK8N/RgOQqTQAjDOWbI/5x/D/Tma050monYzTl243Z2JgVAFKbtP6z8BkDXct71tbhn//lRkZ/h0F+3Pmos1yfxlZnUFOBepmZP7/e296nO8jsCTIuVMW7hFmYvpl++8f2+GceJe3IDEA4o9hPCTLQFwAAAAASUVORK5CYII=") no-repeat right 8px center rgb(249.9, 250.8, 252.3);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  select.form-control:not([multiple])[disabled], select.form-control:not([multiple])[readonly], fieldset[disabled] select.form-control:not([multiple]) {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAABGdBTUEAALGPC/xhBQAAAiRJREFUOBHtU81PE1EQn9l9EAWiUUtMLH4cMJEeCAfUGGO0graE9Gpim3DRBIz+Ef0jBLeJiUmFknhtpF0EqzHGqD1xgIMeVOjBtGr8AE3ZfePM1m1YqDePzuHtm9/8ZmbffCC0kHQ6bRzsPXVGTB/fvnrBut5Ow+1Aplxuo5XakAY6IjYD8AP2hRbHBwc3t3IDjtms3bmOFCegA0ESfuokLI6NxdZ9vOmYyeVDrlZxIOgQIxrwTb6kYY98AWHDNJzieDJRa6h83p55eNR0cIgMVAISQa17196C3Ku/vo4gQkjuqMlxFS3eSo2+R2t6LkJgnCUiL7tBsIaR7kf+m7w3L1cvaYQezxmRifo5WtnCNQZNATnjm2oy9jSNGKgiBzWmcvZ5znhceBzcVWiYq+g6PRxoaSI1WoaUmIKCjUAla3b+O9WdfteEtSDjv/ZvKoBT03Mj3MAwj9jSRDL2mktPrULLgFg5+ySPYD+PUEWRxkPMNRgYsO4Xupjw5E/fmv4yANzDC6SpV0DPJ3PPPqFN9xwxu8HEitkXmt86cu5K7TLTw2JHieKazzzy5Kx9GB1nmIepTYx/G3IAvUlKLdy8GlttrtXdB8X99TrwWlGXF3nHWuGP9nYoXr8S/+zZ5fAlk893OF9U3F8jH5c/UPt4FxOJDR9rZvSBUqmklis/L/LyHBOMkN5FwrsfR6NRR3RfdjiKQUp/Z2bhtNxvpIZftmrRb4iZ7Qd3Ct+jAAAAAElFTkSuQmCC") no-repeat right 8px center rgb(249.9, 250.8, 252.3);
    background-size: 7px 11px;
  }
}

input:-webkit-autofill {
  box-shadow: inset 0 1px 2px rgba(207, 215, 230, 0.4), inset 0 0 10px 1000px #FFFEDB;
}
input:-webkit-autofill:focus {
  box-shadow: inset 0 1px 2px rgba(207, 215, 230, 0.2), 0 0 4px rgba(121, 88, 159, 0.3), inset 0 0 10px 1000px #FFFEDB;
}

label {
  font-weight: normal;
}

form label {
  color: #596981;
  font-size: 12px;
  font-weight: bold;
}

.radio label, .checkbox label {
  line-height: 1.9;
}

.radio-inline {
  line-height: 1.8;
}

.bg-success {
  color: #74C080;
}

.bg-info {
  color: #408FEC;
}

.bg-warning {
  color: #FA9F47;
}

.bg-danger {
  color: #D64242;
}

.alert a {
  color: inherit;
}

.alert-default {
  background-color: rgb(248.3, 246.65, 250.2);
  border-color: rgb(201.4, 188.2, 216.6);
  color: #79589F;
}

.alert.flash-danger {
  background: #D64242;
  border: none;
  color: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.btn {
  font-weight: bold;
  border-radius: 4px;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transition: background-color ease 0.2s;
  -o-transition: background-color ease 0.2s;
  transition: background-color ease 0.2s;
}
.btn:active, .actions-button .btn.btn-default:focus, .btn.active {
  box-shadow: none;
  outline: none;
}
.btn:focus {
  outline: none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  color: #CFD7E6;
  background-color: rgba(238, 241, 246, 0.3);
  box-shadow: inset 0 0 0 1px #CFD7E6;
  opacity: 1;
}
.btn .icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 4px;
  margin-left: -2px;
}
.btn .caret {
  position: relative;
  top: -1px;
  width: 7px;
  height: 10px;
  display: inline-block;
  border: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAABGdBTUEAALGPC/xhBQAAAHhJREFUGBmdj8EJgDAMRevZXcQ1Cg5ScBFxDXUVwTkKHj3oVajvlxT0auHl85M2SZ2zk1JqYZOWXFYSHVxwmHal0JO4YYLaVL53hAgDVLotNR/z63+BFjuMavdqK79rRgAtMIMWWsyHPA7j4QR9Reo/e5BoYJWWwgNOyZST/q/QUQAAAABJRU5ErkJggg==") no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn .caret {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAYAAAC9BQwsAAAABGdBTUEAALGPC/xhBQAAASZJREFUOBHdkk1qAkEQRh1/NuJaBK/gwlu48RRuvIF7swlkmRsEkq1ZBInkChG8gJtALhACSkjI+L6xv9jTTi5gwbOqq17pjHStVhF5njfgNtCoUM5byB14AofqzrkZdRD6sPFGlNXrR+qpZDCE90jeUguHZsPTBhWNMXzaIL9CN6DaIWdcLFNM4ccT8jP8vZNqWIFD7lS/tneHfAfN0uMcn6gVZlb3WnwEPcI8XUjPOFfBXaSzizzzskv4gmvI/ntJzYIjd6l/dQeOe4pWuqwePFgi77Q4ge+o+UKdXgD1HHInxZdTjODDE/IafOVUO+SMSk9EYwBvNsjpJddsUFrygUEP4kvNsQj1evYqM0IbFoV+/FDdTuXKvx+xjngT5FmWZb/p4gHik/DofGR3LQAAAABJRU5ErkJggg==") no-repeat;
    background-size: 7px 10px;
  }
}

.btn-default, .actions-button .btn-default:focus {
  box-shadow: inset 0 0 0 1px rgba(121, 88, 159, 0.6);
}
.btn-default:hover, .actions-button .btn-default:hover:focus {
  background: #FAF7FD;
  box-shadow: inset 0 0 0 1px rgba(121, 88, 159, 0.6);
  color: #79589F;
}
.btn-default:active, .actions-button .btn-default:focus, .btn-default.active, .open > .btn-default.dropdown-toggle, .open > .btn-default.drop-down__toggle {
  background: #EEE7F6 !important;
  box-shadow: inset 0 0 0 1px rgba(121, 88, 159, 0.8);
}
.btn-default.disabled, .actions-button .disabled.btn-default:focus, .btn-default[disabled], .actions-button [disabled].btn-default:focus, fieldset[disabled] .btn-default, fieldset[disabled] .actions-button .btn-default:focus, .actions-button fieldset[disabled] .btn-default:focus {
  color: #CFD7E6;
  background-color: rgba(238, 241, 246, 0.3);
  box-shadow: inset 0 0 0 1px #CFD7E6;
}
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover {
  color: #CFD7E6;
  background-color: rgba(238, 241, 246, 0.3);
  box-shadow: inset 0 0 0 1px #CFD7E6;
}
.btn-default .caret, .actions-button .btn-default:focus .caret {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAABGdBTUEAALGPC/xhBQAAANRJREFUGBmdTj1OAmEUnPnYE3gG7QzhBDZWJhZ0sEBAK0ikB3ZpdxMTSgqgYZfoqom9B/ACxjtoR2hN0G/8vg0nYIr3M2/evEccELXWNYhLUP20uP3wtPFh2s6vYfku4Mznsnd8JWpmd1bISbyeBObyRzq1FsnFeX0biBhTmiXFzYR0ldSNw+xL5Ni7HgdGYfYN8CEpuqODLePW5h5Qh3FzPbDgHMSze6i/2/+tBDYMNKQ/GLXzK1n74hx+3UZAYxrpY++tHJaCMK8KWhAcpE+9T8/9A50YUm6gIA0oAAAAAElFTkSuQmCC") no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn-default .caret, .actions-button .btn-default:focus .caret {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAYAAAC9BQwsAAAABGdBTUEAALGPC/xhBQAAAg9JREFUOBHdU79rE1Ecf59Lk6PFCOpSKLSCQ5cKgXZycREKmgwOHm2KSbNYUJd2EBoL3mAzOFQXC7okd2IKR6GDiVR0c40QqIuDQ4SCk0LVliTtff1+7/JiEvoX+OC97/f7+XHv50Gd0jzPi9R3jp4Klbg5vGxZ1smgDIOAfdc70/xxuKUUJUMOFfP8yLy9af3u1fYZH2acMWpThYgSfSKgjiiS6252X+NdYz5dTCgfFVI0JiQUvkrk+lKn3lcGJQvlXF1qQ4a1BSfJpo9dE1CLRY0r0sG5aAKONYGWa6zOO0uK6DlTEREoYNc8N3JL70n23Pr5Z5tIzQa8wglr7hlQ9Eyb+OuuOTmR0iYRSj4Rv5wSLjRSRDxDXOzyfq4BamN9a/FRSPaPSy9n2oxk83NOgydZ5vx9v+L/rPg6ilWQHA42HpczeY502lb5NWEt7RY4rhDoA1bnSod8UsOBGHh9MT6V65xi1//iTi3aONgr8RfTIYgjvkfc534cAEQLjV97Vbl07ZJcMG0SbehhRT7tziryPV7G2cAAfDKHjOuSN4/9t/yypiXnbRwoGFahnHn375Hfdqeo7Vd52eOBaOCRs+0bosaNwqvM55CXsdPsxeJoq4k3PPOMxiTyTLWYSSm7lPuu8eDv0IUQsfiFqyzc0ZjkgvWahOsuVQsl2jYZrS/OE8ljk9kHtg1f8t72F5HJzIBJBfCCAAAAAElFTkSuQmCC") no-repeat;
    background-size: 7px 10px;
  }
}

.btn-primary {
  color: #fff !important;
  background-color: #79589F;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(171, 142, 205, 0)), color-stop(1, #ab8ecd));
  background-image: -o-linear-gradient(left top, rgba(171, 142, 205, 0) 0%, #ab8ecd 100%);
  background-image: -moz-linear-gradient(left top, rgba(171, 142, 205, 0) 0%, #ab8ecd 100%);
  background-image: -webkit-linear-gradient(left top, rgba(171, 142, 205, 0) 0%, #ab8ecd 100%);
  background-image: -ms-linear-gradient(left top, rgba(171, 142, 205, 0) 0%, #ab8ecd 100%);
  background-image: linear-gradient(to left top, rgba(171, 142, 205, 0) 0%, #ab8ecd 100%);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .actions-button .btn-primary.btn-default:focus, .btn-primary.active, .open > .btn-primary.dropdown-toggle, .open > .btn-primary.drop-down__toggle {
  color: #fff;
  background-color: rgb(134.4, 104.7, 168.6) !important;
}
.btn-primary:active, .actions-button .btn-primary.btn-default:focus, .btn-primary.active, .open > .btn-primary.dropdown-toggle, .open > .btn-primary.drop-down__toggle {
  background-color: rgb(119.79, 87.12, 157.41) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background: rgba(238, 241, 246, 0.3) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-primary .badge {
  color: #79589F;
  background-color: #fff;
}

.btn-success {
  color: #fff !important;
  background-color: #74C080;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(173, 226, 143, 0)), color-stop(1, #ade28f));
  background-image: -o-linear-gradient(left top, rgba(173, 226, 143, 0) 0%, #ade28f 100%);
  background-image: -moz-linear-gradient(left top, rgba(173, 226, 143, 0) 0%, #ade28f 100%);
  background-image: -webkit-linear-gradient(left top, rgba(173, 226, 143, 0) 0%, #ade28f 100%);
  background-image: -ms-linear-gradient(left top, rgba(173, 226, 143, 0) 0%, #ade28f 100%);
  background-image: linear-gradient(to left top, rgba(173, 226, 143, 0) 0%, #ade28f 100%);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .actions-button .btn-success.btn-default:focus, .btn-success.active, .open > .btn-success.dropdown-toggle, .open > .btn-success.drop-down__toggle {
  color: #fff;
  background-color: rgb(129.9, 198.3, 140.7) !important;
}
.btn-success:active, .actions-button .btn-success.btn-default:focus, .btn-success.active, .open > .btn-success.dropdown-toggle, .open > .btn-success.drop-down__toggle {
  background-color: rgb(114.84, 190.08, 126.72) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background: rgba(238, 241, 246, 0.3) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-success .badge {
  color: #74C080;
  background-color: #fff;
}
.btn-success.btn-default, .actions-button .btn-success.btn-default:focus {
  color: #74C080 !important;
  background: none !important;
  box-shadow: inset 0 0 0 1px rgba(116, 192, 128, 0.6);
}
.btn-success.btn-default:hover {
  background: rgba(116, 192, 128, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(116, 192, 128, 0.6);
}
.btn-success.btn-default:active, .actions-button .btn-success.btn-default:focus, .btn-success.btn-default.active {
  background: rgba(116, 192, 128, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(116, 192, 128, 0.8) !important;
}
.btn-success.btn-default.disabled, .btn-success.btn-default.disabled:hover, .btn-success.btn-default.disabled:focus, .btn-success.btn-default.disabled:active, .btn-success.btn-default.disabled.active, .btn-success.btn-default[disabled], .btn-success.btn-default[disabled]:hover, .btn-success.btn-default[disabled]:focus, .btn-success.btn-default[disabled]:active, .btn-success.btn-default[disabled].active, fieldset[disabled] .btn-success.btn-default, fieldset[disabled] .btn-success.btn-default:hover, fieldset[disabled] .btn-success.btn-default:focus, fieldset[disabled] .btn-success.btn-default:active, fieldset[disabled] .btn-success.btn-default.active {
  background: rgba(207, 215, 230, 0.1) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-success.btn-default .badge {
  color: #fff;
  background-color: #74C080;
}

.btn-info {
  color: #fff !important;
  background-color: #408FEC;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(161, 202, 249, 0)), color-stop(1, #a1caf9));
  background-image: -o-linear-gradient(left top, rgba(161, 202, 249, 0) 0%, #a1caf9 100%);
  background-image: -moz-linear-gradient(left top, rgba(161, 202, 249, 0) 0%, #a1caf9 100%);
  background-image: -webkit-linear-gradient(left top, rgba(161, 202, 249, 0) 0%, #a1caf9 100%);
  background-image: -ms-linear-gradient(left top, rgba(161, 202, 249, 0) 0%, #a1caf9 100%);
  background-image: linear-gradient(to left top, rgba(161, 202, 249, 0) 0%, #a1caf9 100%);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .actions-button .btn-info.btn-default:focus, .btn-info.active, .open > .btn-info.dropdown-toggle, .open > .btn-info.drop-down__toggle {
  color: #fff;
  background-color: rgb(83.1, 154.2, 237.9) !important;
}
.btn-info:active, .actions-button .btn-info.btn-default:focus, .btn-info.active, .open > .btn-info.dropdown-toggle, .open > .btn-info.drop-down__toggle {
  background-color: rgb(63.36, 141.57, 233.64) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background: rgba(238, 241, 246, 0.3) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-info .badge {
  color: #408FEC;
  background-color: #fff;
}
.btn-info.btn-default, .actions-button .btn-info.btn-default:focus {
  color: #408FEC !important;
  background: none !important;
  box-shadow: inset 0 0 0 1px rgba(64, 143, 236, 0.6);
}
.btn-info.btn-default:hover {
  background: rgba(64, 143, 236, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(64, 143, 236, 0.6);
}
.btn-info.btn-default:active, .actions-button .btn-info.btn-default:focus, .btn-info.btn-default.active {
  background: rgba(64, 143, 236, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(64, 143, 236, 0.8) !important;
}
.btn-info.btn-default.disabled, .btn-info.btn-default.disabled:hover, .btn-info.btn-default.disabled:focus, .btn-info.btn-default.disabled:active, .btn-info.btn-default.disabled.active, .btn-info.btn-default[disabled], .btn-info.btn-default[disabled]:hover, .btn-info.btn-default[disabled]:focus, .btn-info.btn-default[disabled]:active, .btn-info.btn-default[disabled].active, fieldset[disabled] .btn-info.btn-default, fieldset[disabled] .btn-info.btn-default:hover, fieldset[disabled] .btn-info.btn-default:focus, fieldset[disabled] .btn-info.btn-default:active, fieldset[disabled] .btn-info.btn-default.active {
  background: rgba(207, 215, 230, 0.1) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-info.btn-default .badge {
  color: #fff;
  background-color: #408FEC;
}

.btn-warning {
  color: #fff !important;
  background-color: #FA9F47;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 211, 160, 0)), color-stop(1, #ffd3a0));
  background-image: -o-linear-gradient(left top, rgba(255, 211, 160, 0) 0%, #ffd3a0 100%);
  background-image: -moz-linear-gradient(left top, rgba(255, 211, 160, 0) 0%, #ffd3a0 100%);
  background-image: -webkit-linear-gradient(left top, rgba(255, 211, 160, 0) 0%, #ffd3a0 100%);
  background-image: -ms-linear-gradient(left top, rgba(255, 211, 160, 0) 0%, #ffd3a0 100%);
  background-image: linear-gradient(to left top, rgba(255, 211, 160, 0) 0%, #ffd3a0 100%);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .actions-button .btn-warning.btn-default:focus, .btn-warning.active, .open > .btn-warning.dropdown-toggle, .open > .btn-warning.drop-down__toggle {
  color: #fff;
  background-color: rgb(250.5, 168.6, 89.4) !important;
}
.btn-warning:active, .actions-button .btn-warning.btn-default:focus, .btn-warning.active, .open > .btn-warning.dropdown-toggle, .open > .btn-warning.drop-down__toggle {
  background-color: rgb(247.5, 157.41, 70.29) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background: rgba(238, 241, 246, 0.3) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-warning .badge {
  color: #FA9F47;
  background-color: #fff;
}
.btn-warning.btn-default, .actions-button .btn-warning.btn-default:focus {
  color: #FA9F47 !important;
  background: none !important;
  box-shadow: inset 0 0 0 1px rgba(250, 159, 71, 0.6);
}
.btn-warning.btn-default:hover {
  background: rgba(250, 159, 71, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(250, 159, 71, 0.6);
}
.btn-warning.btn-default:active, .actions-button .btn-warning.btn-default:focus, .btn-warning.btn-default.active {
  background: rgba(250, 159, 71, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(250, 159, 71, 0.8) !important;
}
.btn-warning.btn-default.disabled, .btn-warning.btn-default.disabled:hover, .btn-warning.btn-default.disabled:focus, .btn-warning.btn-default.disabled:active, .btn-warning.btn-default.disabled.active, .btn-warning.btn-default[disabled], .btn-warning.btn-default[disabled]:hover, .btn-warning.btn-default[disabled]:focus, .btn-warning.btn-default[disabled]:active, .btn-warning.btn-default[disabled].active, fieldset[disabled] .btn-warning.btn-default, fieldset[disabled] .btn-warning.btn-default:hover, fieldset[disabled] .btn-warning.btn-default:focus, fieldset[disabled] .btn-warning.btn-default:active, fieldset[disabled] .btn-warning.btn-default.active {
  background: rgba(207, 215, 230, 0.1) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-warning.btn-default .badge {
  color: #fff;
  background-color: #FA9F47;
}

.btn-danger {
  color: #fff !important;
  background-color: #D64242;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(243, 122, 101, 0)), color-stop(1, #f37a65));
  background-image: -o-linear-gradient(left top, rgba(243, 122, 101, 0) 0%, #f37a65 100%);
  background-image: -moz-linear-gradient(left top, rgba(243, 122, 101, 0) 0%, #f37a65 100%);
  background-image: -webkit-linear-gradient(left top, rgba(243, 122, 101, 0) 0%, #f37a65 100%);
  background-image: -ms-linear-gradient(left top, rgba(243, 122, 101, 0) 0%, #f37a65 100%);
  background-image: linear-gradient(to left top, rgba(243, 122, 101, 0) 0%, #f37a65 100%);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .actions-button .btn-danger.btn-default:focus, .btn-danger.active, .open > .btn-danger.dropdown-toggle, .open > .btn-danger.drop-down__toggle {
  color: #fff;
  background-color: rgb(218.1, 84.9, 84.9) !important;
}
.btn-danger:active, .actions-button .btn-danger.btn-default:focus, .btn-danger.active, .open > .btn-danger.dropdown-toggle, .open > .btn-danger.drop-down__toggle {
  background-color: rgb(211.86, 65.34, 65.34) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background: rgba(238, 241, 246, 0.3) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-danger .badge {
  color: #D64242;
  background-color: #fff;
}
.btn-danger.btn-default, .actions-button .btn-danger.btn-default:focus {
  color: #D64242 !important;
  background: none !important;
  box-shadow: inset 0 0 0 1px rgba(214, 66, 66, 0.6);
}
.btn-danger.btn-default:hover {
  background: rgba(214, 66, 66, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(214, 66, 66, 0.6);
}
.btn-danger.btn-default:active, .actions-button .btn-danger.btn-default:focus, .btn-danger.btn-default.active {
  background: rgba(214, 66, 66, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(214, 66, 66, 0.8) !important;
}
.btn-danger.btn-default.disabled, .btn-danger.btn-default.disabled:hover, .btn-danger.btn-default.disabled:focus, .btn-danger.btn-default.disabled:active, .btn-danger.btn-default.disabled.active, .btn-danger.btn-default[disabled], .btn-danger.btn-default[disabled]:hover, .btn-danger.btn-default[disabled]:focus, .btn-danger.btn-default[disabled]:active, .btn-danger.btn-default[disabled].active, fieldset[disabled] .btn-danger.btn-default, fieldset[disabled] .btn-danger.btn-default:hover, fieldset[disabled] .btn-danger.btn-default:focus, fieldset[disabled] .btn-danger.btn-default:active, fieldset[disabled] .btn-danger.btn-default.active {
  background: rgba(207, 215, 230, 0.1) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-danger.btn-default .badge {
  color: #fff;
  background-color: #D64242;
}

.btn-dropbox {
  color: #fff !important;
  background-color: #007EE5;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(50, 151, 234, 0)), color-stop(1, #3297ea));
  background-image: -o-linear-gradient(left top, rgba(50, 151, 234, 0) 0%, #3297ea 100%);
  background-image: -moz-linear-gradient(left top, rgba(50, 151, 234, 0) 0%, #3297ea 100%);
  background-image: -webkit-linear-gradient(left top, rgba(50, 151, 234, 0) 0%, #3297ea 100%);
  background-image: -ms-linear-gradient(left top, rgba(50, 151, 234, 0) 0%, #3297ea 100%);
  background-image: linear-gradient(to left top, rgba(50, 151, 234, 0) 0%, #3297ea 100%);
}
.btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .actions-button .btn-dropbox.btn-default:focus, .btn-dropbox.active, .open > .btn-dropbox.dropdown-toggle, .open > .btn-dropbox.drop-down__toggle {
  color: #fff;
  background-color: rgb(25.5, 138.9, 231.6) !important;
}
.btn-dropbox:active, .actions-button .btn-dropbox.btn-default:focus, .btn-dropbox.active, .open > .btn-dropbox.dropdown-toggle, .open > .btn-dropbox.drop-down__toggle {
  background-color: rgb(0, 124.74, 226.71) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
}
.btn-dropbox.disabled, .btn-dropbox.disabled:hover, .btn-dropbox.disabled:focus, .btn-dropbox.disabled:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled], .btn-dropbox[disabled]:hover, .btn-dropbox[disabled]:focus, .btn-dropbox[disabled]:active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox, fieldset[disabled] .btn-dropbox:hover, fieldset[disabled] .btn-dropbox:focus, fieldset[disabled] .btn-dropbox:active, fieldset[disabled] .btn-dropbox.active {
  background: rgba(238, 241, 246, 0.3) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-dropbox .badge {
  color: #007EE5;
  background-color: #fff;
}
.btn-dropbox.btn-default, .actions-button .btn-dropbox.btn-default:focus {
  color: #007EE5 !important;
  background: none !important;
  box-shadow: inset 0 0 0 1px rgba(0, 126, 229, 0.6);
}
.btn-dropbox.btn-default:hover {
  background: rgba(0, 126, 229, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 126, 229, 0.6);
}
.btn-dropbox.btn-default:active, .actions-button .btn-dropbox.btn-default:focus, .btn-dropbox.btn-default.active {
  background: rgba(0, 126, 229, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 126, 229, 0.8) !important;
}
.btn-dropbox.btn-default.disabled, .btn-dropbox.btn-default.disabled:hover, .btn-dropbox.btn-default.disabled:focus, .btn-dropbox.btn-default.disabled:active, .btn-dropbox.btn-default.disabled.active, .btn-dropbox.btn-default[disabled], .btn-dropbox.btn-default[disabled]:hover, .btn-dropbox.btn-default[disabled]:focus, .btn-dropbox.btn-default[disabled]:active, .btn-dropbox.btn-default[disabled].active, fieldset[disabled] .btn-dropbox.btn-default, fieldset[disabled] .btn-dropbox.btn-default:hover, fieldset[disabled] .btn-dropbox.btn-default:focus, fieldset[disabled] .btn-dropbox.btn-default:active, fieldset[disabled] .btn-dropbox.btn-default.active {
  background: rgba(207, 215, 230, 0.1) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-dropbox.btn-default .badge {
  color: #fff;
  background-color: #007EE5;
}

.btn-github {
  color: #fff !important;
  background-color: #3F3F44;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(97, 97, 101, 0)), color-stop(1, #616165));
  background-image: -o-linear-gradient(left top, rgba(97, 97, 101, 0) 0%, #616165 100%);
  background-image: -moz-linear-gradient(left top, rgba(97, 97, 101, 0) 0%, #616165 100%);
  background-image: -webkit-linear-gradient(left top, rgba(97, 97, 101, 0) 0%, #616165 100%);
  background-image: -ms-linear-gradient(left top, rgba(97, 97, 101, 0) 0%, #616165 100%);
  background-image: linear-gradient(to left top, rgba(97, 97, 101, 0) 0%, #616165 100%);
}
.btn-github:hover, .btn-github:focus, .btn-github:active, .actions-button .btn-github.btn-default:focus, .btn-github.active, .open > .btn-github.dropdown-toggle, .open > .btn-github.drop-down__toggle {
  color: #fff;
  background-color: rgb(82.2, 82.2, 86.7) !important;
}
.btn-github:active, .actions-button .btn-github.btn-default:focus, .btn-github.active, .open > .btn-github.dropdown-toggle, .open > .btn-github.drop-down__toggle {
  background-color: rgb(62.37, 62.37, 67.32) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
}
.btn-github.disabled, .btn-github.disabled:hover, .btn-github.disabled:focus, .btn-github.disabled:active, .btn-github.disabled.active, .btn-github[disabled], .btn-github[disabled]:hover, .btn-github[disabled]:focus, .btn-github[disabled]:active, .btn-github[disabled].active, fieldset[disabled] .btn-github, fieldset[disabled] .btn-github:hover, fieldset[disabled] .btn-github:focus, fieldset[disabled] .btn-github:active, fieldset[disabled] .btn-github.active {
  background: rgba(238, 241, 246, 0.3) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-github .badge {
  color: #3F3F44;
  background-color: #fff;
}
.btn-github.btn-default, .actions-button .btn-github.btn-default:focus {
  color: #3F3F44 !important;
  background: none !important;
  box-shadow: inset 0 0 0 1px rgba(63, 63, 68, 0.6);
}
.btn-github.btn-default:hover {
  background: rgba(63, 63, 68, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(63, 63, 68, 0.6);
}
.btn-github.btn-default:active, .actions-button .btn-github.btn-default:focus, .btn-github.btn-default.active {
  background: rgba(63, 63, 68, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(63, 63, 68, 0.8) !important;
}
.btn-github.btn-default.disabled, .btn-github.btn-default.disabled:hover, .btn-github.btn-default.disabled:focus, .btn-github.btn-default.disabled:active, .btn-github.btn-default.disabled.active, .btn-github.btn-default[disabled], .btn-github.btn-default[disabled]:hover, .btn-github.btn-default[disabled]:focus, .btn-github.btn-default[disabled]:active, .btn-github.btn-default[disabled].active, fieldset[disabled] .btn-github.btn-default, fieldset[disabled] .btn-github.btn-default:hover, fieldset[disabled] .btn-github.btn-default:focus, fieldset[disabled] .btn-github.btn-default:active, fieldset[disabled] .btn-github.btn-default.active {
  background: rgba(207, 215, 230, 0.1) !important;
  box-shadow: inset 0 0 0 1px #CFD7E6 !important;
  color: #CFD7E6 !important;
}
.btn-github.btn-default .badge {
  color: #fff;
  background-color: #3F3F44;
}

.btn-link {
  font-weight: normal;
  text-decoration: underline;
}
.btn-link.disabled, .btn-link[disabled], fieldset[disabled] .btn-link {
  color: #CFD7E6;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  text-decoration: inherit;
}
.btn-link.disabled:hover, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover {
  color: #CFD7E6;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  text-decoration: inherit;
}

.btn-lg, .btn-group-lg > .btn {
  font-weight: normal;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
  font-size: 13px;
}
.btn-sm .icon, .btn-group-sm > .btn .icon {
  margin-right: 2px;
}

.btn-xs, .btn-group-xs > .btn {
  height: 24px;
  line-height: 22px;
  padding-left: 12px;
  padding-right: 12px;
}
.btn-xs .icon, .btn-group-xs > .btn .icon {
  margin-right: 0;
}

.input-group-btn .btn {
  line-height: 1.6;
  z-index: 2;
}

.purple-gradient, .gradient-primary {
  background-image: -webkit-linear-gradient(bottom right, #79589F, #AB8ECD);
  background-image: linear-gradient(to top left, #79589F, #AB8ECD);
  background-color: #79589F;
}

.dropdown-menu, .drop-down__menu, .context-switcher__list {
  font-size: 13px;
  margin: 2px 0 0;
  box-shadow: 0 3px 20px rgba(89, 105, 129, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(89, 105, 129, 0.1);
  border: none;
}
.dropdown-menu > li > a, .drop-down__menu > li > a, .context-switcher__list > li > a {
  padding: 4px 12px 3px;
}
.dropdown-menu > li > a .icon, .drop-down__menu > li > a .icon, .context-switcher__list > li > a .icon {
  position: relative;
  margin: -2px 4px 0 2px;
}
.dropdown-menu .dropdown-menu-scroll, .drop-down__menu .dropdown-menu-scroll, .context-switcher__list .dropdown-menu-scroll {
  overflow: auto;
  max-height: 480px;
  margin: -5px 0;
  padding: 5px 0;
}
.dropdown-menu .dropdown-menu-scroll::-webkit-scrollbar, .drop-down__menu .dropdown-menu-scroll::-webkit-scrollbar, .context-switcher__list .dropdown-menu-scroll::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.dropdown-menu .dropdown-menu-scroll::-webkit-scrollbar-thumb, .drop-down__menu .dropdown-menu-scroll::-webkit-scrollbar-thumb, .context-switcher__list .dropdown-menu-scroll::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border: 3px solid rgba(238, 241, 246, 0.5);
  border-radius: 10px;
  background-clip: border-box;
  box-shadow: inset 0 0 0 1px rgba(207, 215, 230, 0.5);
  background: rgba(207, 215, 230, 0.5);
  border: 3px solid #fff;
}
.dropdown-menu .dropdown-menu-scroll::-webkit-scrollbar-button, .drop-down__menu .dropdown-menu-scroll::-webkit-scrollbar-button, .context-switcher__list .dropdown-menu-scroll::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.dropdown-menu .dropdown-menu-scroll > li > a, .drop-down__menu .dropdown-menu-scroll > li > a, .context-switcher__list .dropdown-menu-scroll > li > a {
  display: block;
  padding: 3px 12px;
  clear: both;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.428571429;
  color: #596981;
  white-space: nowrap;
}
.dropdown-menu .dropdown-menu-scroll > li > a:hover, .drop-down__menu .dropdown-menu-scroll > li > a:hover, .context-switcher__list .dropdown-menu-scroll > li > a:hover, .dropdown-menu .dropdown-menu-scroll > li > a:focus, .drop-down__menu .dropdown-menu-scroll > li > a:focus, .context-switcher__list .dropdown-menu-scroll > li > a:focus {
  text-decoration: none;
  color: #3F3F44;
  background-color: rgb(246.5, 248, 250.5);
}
.dropdown-menu .dropdown-menu-scroll > .active > a, .drop-down__menu .dropdown-menu-scroll > .active > a, .context-switcher__list .dropdown-menu-scroll > .active > a, .dropdown-menu .dropdown-menu-scroll > .active > a:hover, .dropdown-menu .dropdown-menu-scroll > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #79589F;
}
.dropdown-menu .dropdown-menu-scroll > .disabled > a, .drop-down__menu .dropdown-menu-scroll > .disabled > a, .context-switcher__list .dropdown-menu-scroll > .disabled > a, .dropdown-menu .dropdown-menu-scroll > .disabled > a:hover, .dropdown-menu .dropdown-menu-scroll > .disabled > a:focus {
  color: #CFD7E6;
}
.dropdown-menu .dropdown-menu-scroll > .disabled > a:hover, .drop-down__menu .dropdown-menu-scroll > .disabled > a:hover, .context-switcher__list .dropdown-menu-scroll > .disabled > a:hover, .dropdown-menu .dropdown-menu-scroll > .disabled > a:focus, .drop-down__menu .dropdown-menu-scroll > .disabled > a:focus, .context-switcher__list .dropdown-menu-scroll > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu.with-point, .with-point.drop-down__menu, .with-point.context-switcher__list {
  margin: 8px 0 0;
}
.dropdown-menu.with-point::after, .with-point.drop-down__menu::after, .with-point.context-switcher__list::after {
  content: "";
  position: absolute;
  top: -13px;
  left: 0;
  width: 30px;
  height: 13px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAAXNSR0IArs4c6QAAAYhJREFUOBGVULtOAlEQFXxD6RdYam1HpDPREENhYYHUVITS2BA6bWjZzvgP2lmjrUZrbdZHAYEF15CsEeese26uI8tjksm8zpwz9ybmprfElNDhNLhJZJPmkzRij4gj1n1dzyr47wBNOK7WszhxW8TOgTe1JrNr5oxYtHPU2gyxDJgzAmtym2hUzh4jlpEnM5mdNRTN5nVbwre4IbVy9hhl9AcXkoEwJJWYFJ+PfEEifDHytONcFHq9/l2//3HfaJwfST9lzYnnPrjg5Ec0xiZBXLIFlwSdrtedgyD46gwjC4Kggx5m4sDwQOySh7zUkdGvsQEAwVo0Vaud7g4GgzeKMkrvvVo925NdvHycOHVCVRa8CsL8LlwPolS5fLLt+/4TxXSU2XOlcpwFNtrBLnnASX7qmb8f9VqIrhaLpa1ut/ugxXTted4jsNgR58v1l8cK80pcvJLLHW60Wu0bLRJXC/Y2ny9sYld81KvHCmNhOZvdX3fdl0sR+ZzFXff1CrvgsMT53aHwDzqEBw7ZOUAbAAAAAElFTkSuQmCC") no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .dropdown-menu.with-point::after, .with-point.drop-down__menu::after, .with-point.context-switcher__list::after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAaCAYAAADrCT9ZAAAAAXNSR0IArs4c6QAABHNJREFUWAm9Vt1rm1UcXj6arNU2KowWP2DNRkqgYywpXWhs61y7mw4KK+IuhoIjV068mbDp1S7cBqIXA/0L9HIwKXi1XWwwLwqdKJbOybqWCl3b2K3E6j6M8/e83S97evKevCdp9cDp+X0+v+c5b/KmoW3/zwo5jnniWNdwmSsR1wFbjadzt+wiNktws/0qqN6z4QtolHC9fa719Qqpt36bKxF9Ai71LjWK53K6iHKp8Wa5kguqC8qrMFudK+GguqB84BO2EYSAWjmXvF6C7QwiXytvzTVK2tZni9tEucZtAuqN13xKNvJ+cb+YiqmV0xo+bSJQ45fzi9lqrYJtJP3irjEW5Wr7iXGN+Yquh6xZa/oY4BfjuOb1VPLmiR5emq8V86tB/Ya4DmYgl5hZY/rA4xjsUHt7e3TXrkxHJNL0HArK5cdrt2/fuLu4uPi3uCDG5NhGOZYZC/KreqIezLM/TFKjZqwRP9zZ2Z1IJtPJ8+dPjyaTO/MAn5mZvX7q1LlvW1qmZ+7c+XlVQv/IVhE6R320IFaP79eDWGUBkHdYfN4R8Xnjwng3ic87Ln6ziG0fG3tnqFj8/foTY0ns+7Gx94ZQg1rZ6GEM2DwDNnOAzRxhswbYvsssgs9A5hAmYRKMSa8ntqNj946DB48cWFhYvGporbiSu3bo0Ftvolb6VDQwTFyeafJhrn5aBG7jMosYADYP4MFMCiQrYtvaXn0pnx/pn52dG6+osxhzc/Pjg4Mj/egRDBZtCufZzMnka+rZqFY8s4ABGJgH2sS2JBKJF3O54fzU1M2vLRqrwtPTt75BD3qFT4tsfEr0EnkWc2BuzNnUI1DPlpnkRtgKyoOYgJLCiaeT2L9/KDcxMflllaqAwMTEja/QC4ynWIzNM5mL8jN5m7oEcn2ZCW5UMJw6hAczIYht7e0d7rl8+drZAG3W9JUrV88BA1iygckzeLbyYY7M3dQlUOuLE9wAW8EUHKcOZSIg9nxPz9C+ixfHT4uaslVRcKJ86dJ3HwMLmLJtopmT8jT5szZPDAK82Pez/WLesGx2oPPEicLA0aNHPg2FQriURleoq2t3fzwe+2V+fvn+wsIcfqOx+DcYPnOBj+UXW89IDkTNAvbV1pMBNeZ9CrLZN147duztvkLh3c/C4TBeOJtacmGRPXvSAw8fPppaXl4T0bOlp4AQrbN5hl+M855dr2AGhY0d7e7u6xgdPdx78uT7n0ej0ReqpjQYkIuLZbN7X19aWvmxWFy7v7Q0/6dAuTxl60RTsClIGzXOJ+xIOt23Y3j4QObMmY++iMfj+G9pS1ckEmnO5TI5+Z3+4d69x6vF4m9/yQBTtDlTeSLOtleHgG7+wnvfS8nh1JcDv6y2d3Xte/n48Q9GSqU/bgW/hzZXUSqt/VoofHg4ldr7ivDZLhsvTOWj/Jgza1F9Vd9hvg219RT8ym2FU6lsaybTm75w4ewnbW2tOyWHm//PdizW1Dw4mE9NTt786cGD8urKyt1HMs980sxV0tXrX5i0cpIDU/r5AAAAAElFTkSuQmCC");
    background-size: 30px 13px;
  }
}
.dropdown-menu.with-point.dropdown-menu-right::after, .with-point.dropdown-menu-right.drop-down__menu::after, .with-point.dropdown-menu-right.context-switcher__list::after {
  left: auto;
  right: 0;
}
.dropdown-menu.dropdown-menu-center, .dropdown-menu-center.drop-down__menu, .dropdown-menu-center.context-switcher__list {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.dropdown-menu.dropdown-menu-center.with-point::after, .dropdown-menu-center.with-point.drop-down__menu::after, .dropdown-menu-center.with-point.context-switcher__list::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.dropup .dropdown-menu, .dropup .drop-down__menu, .dropup .context-switcher__list {
  margin: 0 0 2px;
}
.dropup .dropdown-menu.with-point, .dropup .with-point.drop-down__menu, .dropup .with-point.context-switcher__list {
  margin: 0 0 8px;
}
.dropup .dropdown-menu.with-point::after, .dropup .with-point.drop-down__menu::after, .dropup .with-point.context-switcher__list::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  top: auto;
  bottom: -13px;
}

.list-group-item {
  border-left: none;
  border-right: none;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
}
.list-group-item:first-of-type {
  border-top: none;
}
.list-group-item:last-of-type {
  border-bottom: none;
}

.list-group-item-link {
  color: #555;
}
.list-group-item-link .list-group-item-heading {
  color: #3F3F44;
}
.list-group-item-link:hover, .list-group-item-link:focus {
  text-decoration: none;
  color: #555;
  background-color: rgb(246.5, 248, 250.5);
}

a.list-group-item.active:before,
.list-group-item-link.active:before {
  background: #408FEC;
  content: "";
  display: block;
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  width: 3px;
}

.list-group-lg > .list-group-item {
  padding-bottom: 40px;
  padding-top: 40px;
}

.nav.sub-nav {
  border: none;
  text-align: center;
  padding-top: 9px;
  box-shadow: inset 0 -1px 0 #E7E7EC;
}
.nav.sub-nav a {
  display: inline-block;
  margin-right: 26px;
  padding: 10px 2px 12px;
  color: #96A3B6;
  position: relative;
}
.nav.sub-nav a.active, .nav.sub-nav a.active-override {
  color: #79589F;
}
.nav.sub-nav a:last-child {
  margin-right: 0px;
}
@media (max-width: 768px) {
  .nav.sub-nav a {
    margin-right: 10px;
  }
  .nav.sub-nav a i {
    display: none;
  }
}
@media (max-width: 420px) {
  .nav.sub-nav a i {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
  }
  .nav.sub-nav a span {
    display: none;
  }
}
.nav.sub-nav a:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #CFD7E6;
}
.nav.sub-nav a.active::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #A996C0;
}
.nav.sub-nav a > a {
  display: inline;
  color: gray;
  border: none;
  vertical-align: middle;
  padding: 0;
}
.nav.sub-nav a > a:hover {
  background: none;
}
.nav.sub-nav a i {
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-right: 4px;
  display: inline-block;
}
.nav.sub-nav a.active {
  border: none;
}
.nav.sub-nav a.active > a {
  color: #408FEC;
}
.nav.nav-pills {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgb(231, 235, 242.5);
}
.nav.nav-pills li {
  float: none;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0 6px 2px;
}
.nav.nav-pills li a {
  position: relative;
  color: #79589F;
  display: inline-block;
  opacity: 0.7;
  background: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: opacity ease 0.3s;
  -o-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
.nav.nav-pills li a:hover {
  opacity: 1;
  background: #fff;
}
.nav.nav-pills li a:focus, .nav.nav-pills li a:active, .nav.nav-pills li a.active {
  outline: none;
  opacity: 1;
  color: #596981;
  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  background: #fff;
}
.nav.nav-pills li a small, .nav.nav-pills li a .panel-section .panel-details, .panel-section .nav.nav-pills li a .panel-details {
  color: #96A3B6;
  display: block;
  padding-top: 2px;
}
.nav.nav-pills li a small.connected, .nav.nav-pills li a .panel-section .connected.panel-details, .panel-section .nav.nav-pills li a .connected.panel-details {
  font-weight: bold;
}
.nav.nav-pills li.deploy-tab.tab-heroku-git a {
  color: #79589F;
}
.nav.nav-pills li.deploy-tab.tab-github a {
  color: #3F3F44;
}
.nav.nav-pills li.deploy-tab.tab-dropbox a {
  color: #007EE5;
}
.nav.nav-pills li.deploy-tab a {
  padding: 10px 18px 10px 60px;
}
.nav.nav-pills li.deploy-tab .label {
  position: relative;
  top: -2px;
  margin-left: 4px;
  text-transform: uppercase;
  font-size: 9px;
  padding: 2px 4px 1px 4px;
}
.nav.nav-pills li.deploy-tab .label-github {
  background: #3F3F44;
}
.nav.nav-pills li.deploy-tab .label-dropbox {
  background: #007EE5;
}
.nav.nav-pills li.deploy-tab .icon.tab-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -17px;
}
.nav.nav-pills li.deploy-tab .icon.icon-success-alt {
  position: relative;
  top: -1px;
  margin-left: 4px;
}
@media (max-width: 520px) {
  .nav.nav-pills li.deploy-tab {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  .nav.nav-pills li.deploy-tab .service {
    display: block;
    padding-top: 4px;
  }
  .nav.nav-pills li.deploy-tab small, .nav.nav-pills li.deploy-tab .panel-section .panel-details, .panel-section .nav.nav-pills li.deploy-tab .panel-details {
    display: none;
  }
  .nav.nav-pills li.deploy-tab a {
    padding: 8px 10px;
    font-size: 13px;
  }
  .nav.nav-pills li.deploy-tab .icon.tab-icon {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
  }
  .nav.nav-pills li.deploy-tab .icon.icon-success-alt {
    position: absolute;
    top: 8px;
    right: 10px;
    background-color: #fff;
    border-radius: 50%;
  }
}

.panel-section .panel-description {
  line-height: 24px;
}
@media (max-width: 767px) {
  .panel-section .panel-description {
    padding-bottom: 20px;
  }
}
.panel-section .panel-title {
  margin-top: 0;
}
.panel-section .panel-title .label {
  position: relative;
  top: -2px;
  margin-left: 4px;
  text-transform: uppercase;
  font-size: 9px;
  padding: 2px 4px 1px 4px;
}
.panel-section .panel-title .icon {
  position: relative;
  top: -1px;
  margin-right: 4px;
}
.panel-section .panel-details {
  color: #596981;
  margin-bottom: 0;
}
.panel-section .panel-content > :first-child {
  margin-top: 0;
}
.panel-section .panel-content p, .panel-section .panel-content .panel-details {
  line-height: 24px;
}
.panel-section.danger .panel-title {
  color: #D64242;
}

.purple-box, .content-box, #overview-page .data-unavailable, #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, .buildpack-installations-list .sortable-item.is-dragging, .metrics__monitor-preview-chart__loading, .metrics__chart-sorting .sortable-item.is-dragging, .metrics__not-available {
  position: relative;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px rgba(63, 63, 68, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.purple-box .close-purple-box, .content-box .close-purple-box, #overview-page .data-unavailable .close-purple-box, #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .close-purple-box, .buildpack-installations-list .sortable-item.is-dragging .close-purple-box, .metrics__monitor-preview-chart__loading .close-purple-box, .metrics__chart-sorting .sortable-item.is-dragging .close-purple-box, .metrics__not-available .close-purple-box {
  position: absolute;
  top: 20px;
  right: 20px;
}

.spinner, .loading-spinner {
  display: inline-flex;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  box-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: distribute;
  position: relative;
  vertical-align: middle;
  width: 30px;
  height: 6px;
  text-align: center;
}
.spinner i.spinner__dot, .loading-spinner i.spinner__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #96A3B6;
  -webkit-animation: pulse 0.85s infinite ease-in-out;
  -o-animation: pulse 0.85s infinite ease-in-out;
  animation: pulse 0.85s infinite ease-in-out;
}
.spinner i.spinner__dot.spinner__dot--one, .loading-spinner i.spinner__dot.spinner__dot--one {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.spinner i.spinner__dot.spinner__dot--two, .loading-spinner i.spinner__dot.spinner__dot--two {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.spinner.spinner--inverted i.spinner__dot, .spinner--inverted.loading-spinner i.spinner__dot {
  background: #fff;
}
.btn--saving .spinner, .btn--saving .loading-spinner {
  width: 18px;
  margin-right: 8px;
  opacity: 0.6;
}
.btn--saving .spinner i.spinner__dot, .btn--saving .loading-spinner i.spinner__dot {
  width: 3px;
  height: 3px;
}

@-webkit-keyframes pulse {
  0%, 80%, 100% {
    opacity: 0;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0%, 80%, 100% {
    opacity: 0;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulse {
  0%, 80%, 100% {
    opacity: 0;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
.well {
  background-color: rgba(238, 241, 246, 0.5);
  box-shadow: inset 0 0 0 1px rgba(89, 105, 129, 0.1), inset 0 1px 3px rgba(207, 215, 230, 0.6);
  border: none;
}

.modal-dialog {
  box-shadow: 0 3px 20px rgba(63, 63, 68, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.25);
  border-radius: 4px;
}

.modal-content {
  border-radius: 4px;
  border: none;
  box-shadow: none;
}

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

@media (min-width: 768px) {
  .modal-dialog {
    margin: 40px auto;
  }
}
.u-padding-Axxl {
  padding: 40px;
}

.u-padding-Axl {
  padding: 33px;
}

.u-padding-Al {
  padding: 27px;
}

.u-padding-Axm {
  padding: 22px;
}

.u-padding-Am {
  padding: 20px;
}

.u-padding-As {
  padding: 12px;
}

.u-padding-Axs {
  padding: 9px;
}

.u-padding-Axxs {
  padding: 6px;
}

.u-padding-An {
  padding: 0;
}

.u-margin-Axxl {
  margin: 40px;
}

.u-margin-Axl {
  margin: 33px;
}

.u-margin-Al {
  margin: 27px;
}

.u-margin-Axm {
  margin: 22px;
}

.u-margin-Am {
  margin: 20px;
}

.u-margin-As {
  margin: 12px;
}

.u-margin-Axs {
  margin: 9px;
}

.u-margin-Axxs {
  margin: 6px;
}

.u-margin-An {
  margin: 0;
}

.u-margin-Vxxl {
  margin-top: 40px;
  margin-bottom: 40px;
}

.u-margin-Vxl {
  margin-top: 33px;
  margin-bottom: 33px;
}

.u-margin-Vl {
  margin-top: 27px;
  margin-bottom: 27px;
}

.u-margin-Vxm {
  margin-top: 22px;
  margin-bottom: 22px;
}

.u-margin-Vm {
  margin-top: 20px;
  margin-bottom: 20px;
}

.u-margin-Vs {
  margin-top: 12px;
  margin-bottom: 12px;
}

.u-margin-Vxs {
  margin-top: 9px;
  margin-bottom: 9px;
}

.u-margin-Vxxs {
  margin-top: 6px;
  margin-bottom: 6px;
}

.u-margin-Vn {
  margin-top: 0;
  margin-bottom: 0;
}

.u-padding-Vxxl {
  padding-top: 40px;
  padding-bottom: 40px;
}

.u-padding-Vxl {
  padding-top: 33px;
  padding-bottom: 33px;
}

.u-padding-Vl {
  padding-top: 27px;
  padding-bottom: 27px;
}

.u-padding-Vxm {
  padding-top: 22px;
  padding-bottom: 22px;
}

.u-padding-Vm {
  padding-top: 20px;
  padding-bottom: 20px;
}

.u-padding-Vs {
  padding-top: 12px;
  padding-bottom: 12px;
}

.u-padding-Vxs {
  padding-top: 9px;
  padding-bottom: 9px;
}

.u-padding-Vxxs {
  padding-top: 6px;
  padding-bottom: 6px;
}

.u-padding-Vn {
  padding-top: 0;
  padding-bottom: 0;
}

.u-margin-Hxxl {
  margin-left: 40px;
  margin-right: 40px;
}

.u-margin-Hxl {
  margin-left: 33px;
  margin-right: 33px;
}

.u-margin-Hl {
  margin-left: 27px;
  margin-right: 27px;
}

.u-margin-Hxm {
  margin-left: 22px;
  margin-right: 22px;
}

.u-margin-Hm {
  margin-left: 20px;
  margin-right: 20px;
}

.u-margin-Hs {
  margin-left: 12px;
  margin-right: 12px;
}

.u-margin-Hxs {
  margin-left: 9px;
  margin-right: 9px;
}

.u-margin-Hxxs {
  margin-left: 6px;
  margin-right: 6px;
}

.u-margin-Hn {
  margin-left: 0;
  margin-right: 0;
}

.u-padding-Hxxl {
  padding-left: 40px;
  padding-right: 40px;
}

.u-padding-Hxl {
  padding-left: 33px;
  padding-right: 33px;
}

.u-padding-Hl {
  padding-left: 27px;
  padding-right: 27px;
}

.u-padding-Hxm {
  padding-left: 22px;
  padding-right: 22px;
}

.u-padding-Hm {
  padding-left: 20px;
  padding-right: 20px;
}

.u-padding-Hs {
  padding-left: 12px;
  padding-right: 12px;
}

.u-padding-Hxs {
  padding-left: 9px;
  padding-right: 9px;
}

.u-padding-Hxxs {
  padding-left: 6px;
  padding-right: 6px;
}

.u-padding-Hn {
  padding-left: 0;
  padding-right: 0;
}

.u-margin-Txxl {
  margin-top: 40px;
}

.u-margin-Txl {
  margin-top: 33px;
}

.u-margin-Tl {
  margin-top: 27px;
}

.u-margin-Txm {
  margin-top: 22px;
}

.u-margin-Tm {
  margin-top: 20px;
}

.u-margin-Ts {
  margin-top: 12px;
}

.u-margin-Txs {
  margin-top: 9px;
}

.u-margin-Txxs {
  margin-top: 6px;
}

.u-margin-Tn {
  margin-top: 0;
}

.u-padding-Txxl {
  padding-top: 40px;
}

.u-padding-Txl {
  padding-top: 33px;
}

.u-padding-Tl {
  padding-top: 27px;
}

.u-padding-Txm {
  padding-top: 22px;
}

.u-padding-Tm {
  padding-top: 20px;
}

.u-padding-Ts {
  padding-top: 12px;
}

.u-padding-Txs {
  padding-top: 9px;
}

.u-padding-Txxs {
  padding-top: 6px;
}

.u-padding-Tn {
  padding-top: 0;
}

.u-margin-Bxxl {
  margin-bottom: 40px;
}

.u-margin-Bxl {
  margin-bottom: 33px;
}

.u-margin-Bl {
  margin-bottom: 27px;
}

.u-margin-Bxm {
  margin-bottom: 22px;
}

.u-margin-Bm {
  margin-bottom: 20px;
}

.u-margin-Bs {
  margin-bottom: 12px;
}

.u-margin-Bxs {
  margin-bottom: 9px;
}

.u-margin-Bxxs {
  margin-bottom: 6px;
}

.u-margin-Bn {
  margin-bottom: 0;
}

.u-padding-Bxxl {
  padding-bottom: 40px;
}

.u-padding-Bxl {
  padding-bottom: 33px;
}

.u-padding-Bl {
  padding-bottom: 27px;
}

.u-padding-Bxm {
  padding-bottom: 22px;
}

.u-padding-Bm {
  padding-bottom: 20px;
}

.u-padding-Bs {
  padding-bottom: 12px;
}

.u-padding-Bxs {
  padding-bottom: 9px;
}

.u-padding-Bxxs {
  padding-bottom: 6px;
}

.u-padding-Bn {
  padding-bottom: 0;
}

.u-margin-Rxxl {
  margin-right: 40px;
}

.u-margin-Rxl {
  margin-right: 33px;
}

.u-margin-Rl {
  margin-right: 27px;
}

.u-margin-Rxm {
  margin-right: 22px;
}

.u-margin-Rm {
  margin-right: 20px;
}

.u-margin-Rs {
  margin-right: 12px;
}

.u-margin-Rxs {
  margin-right: 9px;
}

.u-margin-Rxxs {
  margin-right: 6px;
}

.u-margin-Rn {
  margin-right: 0;
}

.u-padding-Rxxl {
  padding-right: 40px;
}

.u-padding-Rxl {
  padding-right: 33px;
}

.u-padding-Rl {
  padding-right: 27px;
}

.u-padding-Rxm {
  padding-right: 22px;
}

.u-padding-Rm {
  padding-right: 20px;
}

.u-padding-Rs {
  padding-right: 12px;
}

.u-padding-Rxs {
  padding-right: 9px;
}

.u-padding-Rxxs {
  padding-right: 6px;
}

.u-padding-Rn {
  padding-right: 0;
}

.u-margin-Lxxl {
  margin-left: 40px;
}

.u-margin-Lxl {
  margin-left: 33px;
}

.u-margin-Ll {
  margin-left: 27px;
}

.u-margin-Lxm {
  margin-left: 22px;
}

.u-margin-Lm {
  margin-left: 20px;
}

.u-margin-Ls {
  margin-left: 12px;
}

.u-margin-Lxs {
  margin-left: 9px;
}

.u-margin-Lxxs {
  margin-left: 6px;
}

.u-margin-Ln {
  margin-left: 0;
}

.u-padding-Lxxl {
  padding-left: 40px;
}

.u-padding-Lxl {
  padding-left: 33px;
}

.u-padding-Ll {
  padding-left: 27px;
}

.u-padding-Lxm {
  padding-left: 22px;
}

.u-padding-Lm {
  padding-left: 20px;
}

.u-padding-Ls {
  padding-left: 12px;
}

.u-padding-Lxs {
  padding-left: 9px;
}

.u-padding-Lxxs {
  padding-left: 6px;
}

.u-padding-Ln {
  padding-left: 0;
}

.u-is-hidden {
  display: none !important;
  visibility: hidden !important;
}

.u-is-visible {
  display: block !important;
  visibility: visible !important;
}

.u-is-hidden-visually {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

.u-is-visible {
  visibility: visible;
}

.u-is-invisible {
  visibility: hidden;
}

.u-is-actionable {
  cursor: pointer;
}

.u-is-draggable {
  cursor: move;
}

.u-is-disabled {
  cursor: default;
}

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

.u-text-start {
  text-align: left;
}

.u-text-end {
  text-align: right;
}

.u-text-extra-small {
  font-size: 12px;
  color: #96A3B6;
}

.u-border-circle {
  border-radius: 50%;
}

.text-primary, .alert-primary {
  color: #79589F;
}

.text-success, .alert-success {
  color: #008700;
}

.text-info, .alert-info {
  color: #006DEB;
}

.text-warning, .alert-warning {
  color: #C74C00;
}

.text-danger, .alert-danger {
  color: #DE0A0A;
}

.label-primary {
  background-color: #79589F;
}

.label-success {
  background-color: #008700;
}

.label-info {
  background-color: #006DEB;
}

.label-warning {
  background-color: #C74C00;
}

.label-danger {
  background-color: #DE0A0A;
}

.label-default {
  background-color: #62738D;
}

code {
  color: #475366;
  background-color: #F7F8FB;
}

.form-control::-webkit-input-placeholder {
  color: #62738D;
}

.form-control:-moz-placeholder {
  color: #62738D;
}

.form-control::-moz-placeholder {
  color: #62738D;
}

.form-control:-ms-input-placeholder {
  color: #62738D;
}

.form-control::-ms-input-placeholder {
  color: #62738D;
}

.active .sub-nav-item-name {
  color: #79589F;
}

.hk-slide-panel-overlay {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0;
  background: transparent;
  transition: 0.4s cubic-bezier(0.3, 0, 0, 1);
}
.hk-slide-panel-overlay.is-visible {
  opacity: 1;
  background: rgba(89, 105, 129, 0.2);
}

.hk-slide-panel-container {
  overflow-y: hidden;
  /* Smartphones (portrait and landscape) ----------- */
  /* iPads/Desktop (portrait and landscape) ----------- */
  min-height: 200px;
  transition-delay: 0.2s;
  transition: transform 0.4s cubic-bezier(0.3, 0, 0, 1);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .hk-slide-panel-container {
    width: calc(100% - 20px);
  }
}
@media only screen and (min-device-width: 768px) {
  .hk-slide-panel-container {
    min-width: 400px;
  }
}
.hk-slide-panel-container.from-left, .hk-slide-panel-container.from-right {
  top: 0;
  height: calc(100% - 20px);
  /* Smartphones (portrait and landscape) ----------- */
  /* iPads/Desktop (portrait and landscape) ----------- */
  /* iPads/Desktop (portrait only) ----------- */
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .hk-slide-panel-container.from-left, .hk-slide-panel-container.from-right {
    width: calc(100% - 20px);
  }
}
@media only screen and (min-device-width: 768px) {
  .hk-slide-panel-container.from-left, .hk-slide-panel-container.from-right {
    width: 400px;
  }
}
@media only screen and (min-device-width: 768px) and (orientation: portrait) {
  .hk-slide-panel-container.from-left, .hk-slide-panel-container.from-right {
    max-height: 1050px;
  }
}
.hk-slide-panel-container.from-left.large, .hk-slide-panel-container.from-right.large {
  /* iPads/Desktop (portrait and landscape) ----------- */
}
@media only screen and (min-device-width: 768px) {
  .hk-slide-panel-container.from-left.large, .hk-slide-panel-container.from-right.large {
    width: 50vw;
  }
}
.hk-slide-panel-container.from-left {
  left: 0;
  transform: translateX(-400px);
}
.hk-slide-panel-container.from-left.large {
  transform: translateX(-50vw);
}
.is-visible .hk-slide-panel-container.from-left {
  transform: translateX(0);
}
.is-visible .hk-slide-panel-container.from-left .large {
  transform: translateX(0);
}
.hk-slide-panel-container.from-right {
  right: 0;
  transform: translateX(400px);
}
.hk-slide-panel-container.from-right.large {
  transform: translateX(50vw);
}
.is-visible .hk-slide-panel-container.from-right {
  transform: translateX(0);
}
.is-visible .hk-slide-panel-container.from-right .large {
  transform: translateX(0);
}
.hk-slide-panel-container.from-bottom, .hk-slide-panel-container.from-top {
  left: 0;
  right: 0;
  /* Smartphones (portrait and landscape) ----------- */
  /* iPads/Desktop (portrait and landscape) ----------- */
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .hk-slide-panel-container.from-bottom, .hk-slide-panel-container.from-top {
    height: 100%;
  }
}
@media only screen and (min-device-width: 768px) {
  .hk-slide-panel-container.from-bottom, .hk-slide-panel-container.from-top {
    height: 400px;
  }
}
.hk-slide-panel-container.from-bottom.large, .hk-slide-panel-container.from-top.large {
  /* iPads/Desktop (portrait and landscape) ----------- */
}
@media only screen and (min-device-width: 768px) {
  .hk-slide-panel-container.from-bottom.large, .hk-slide-panel-container.from-top.large {
    height: 50vh;
    min-height: 400px;
  }
}
.hk-slide-panel-container.from-bottom {
  bottom: 0;
  transform: translateY(400px);
}
.hk-slide-panel-container.from-bottom.large {
  transform: translateY(50vh);
}
.is-visible .hk-slide-panel-container.from-bottom {
  transform: translateY(0);
}
.is-visible .hk-slide-panel-container.from-bottom .large {
  transform: translateY(0);
}
.hk-slide-panel-container.from-top {
  top: 0;
  transform: translateY(-400px);
}
.hk-slide-panel-container.from-top.large {
  transform: translateY(-50vh);
}
.is-visible .hk-slide-panel-container.from-top {
  transform: translateY(0);
}
.is-visible .hk-slide-panel-container.from-top .large {
  transform: translateY(0);
}

.hk-slide-panel-header,
.hk-slide-panel-footer {
  overflow: hidden;
  min-height: 51px;
  flex: 0 0 auto;
}

.hk-slide-panel-content {
  flex: 1;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

.slide-panel-shadow-cover-top {
  flex-basis: 10px;
  flex-shrink: 0;
  flex-grow: 0;
  height: 10px;
  width: 100%;
  background: linear-gradient(#FFFFFF 30%, rgba(255, 255, 255, 0)) 100% 0;
  background-size: 100% 12px;
  background-repeat: no-repeat;
  pointer-events: none;
}

.slide-panel-shadow-cover-bottom {
  flex-basis: 10px;
  flex-shrink: 0;
  flex-grow: 0;
  height: 10px;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF 70%) 0 100%;
  background-size: 100% 12px;
  background-repeat: no-repeat;
  pointer-events: none;
}

body.panel-is-visible {
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}

.hk-slide-panel-container.from-bottom .hk-slide-panel-content,
.hk-slide-panel-container.from-top .hk-slide-panel-content {
  height: calc(100% - 40px);
}
.hk-slide-panel-container.from-bottom .hk-slide-panel-header,
.hk-slide-panel-container.from-bottom .hk-slide-panel-footer,
.hk-slide-panel-container.from-top .hk-slide-panel-header,
.hk-slide-panel-container.from-top .hk-slide-panel-footer {
  min-height: 40px;
}

@keyframes hk-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hk-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes hk-slide-up {
  from {
    transform: translateY(calc(100% + 8px));
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes hk-slide-down {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(calc(100% + 8px));
  }
}
.hk-slide-panel-breakout-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: rgba(89, 105, 129, 0.15);
  animation: 0.3s cubic-bezier(0.3, 0, 0, 1) both hk-fade-in;
}

.hk-slide-panel-breakout-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: white;
  animation: 0.3s cubic-bezier(0.3, 0, 0, 1) 0.1s both hk-slide-up;
}

.hk-slide-panel-breakout[hidden] {
  display: block;
}
.hk-slide-panel-breakout[hidden] .hk-slide-panel-breakout-overlay {
  animation: 0.3s cubic-bezier(0.3, 0, 0, 1) both hk-fade-out;
}
.hk-slide-panel-breakout[hidden] .hk-slide-panel-breakout-content {
  animation: 0.3s cubic-bezier(0.3, 0, 0, 1) both hk-slide-down;
}

table.editable-list, table.static-list {
  table-layout: fixed;
}
@media (max-width: 768px) {
  table.editable-list, table.static-list {
    table-layout: auto;
  }
}
table.editable-list .icon-cell, table.static-list .icon-cell {
  width: 32px;
}
table.editable-list tr > td, table.static-list tr > td {
  vertical-align: middle;
}
table.editable-list td:first-of-type, table.static-list td:first-of-type {
  padding-left: 0;
}
table.editable-list td:last-of-type, table.static-list td:last-of-type {
  padding-right: 0;
}
table.editable-list .action-cell, table.static-list .action-cell {
  width: 24px;
}
table.editable-list .action-cell button.btn-link, table.static-list .action-cell button.btn-link {
  padding: 8px 10px;
  border: none;
}
table.editable-list .action-cell .drop-down__menu button, table.editable-list .action-cell .context-switcher__list button, table.static-list .action-cell .drop-down__menu button, table.static-list .action-cell .context-switcher__list button {
  padding: 4px 12px 3px;
}
table.editable-list .item-removed td {
  color: #CFD7E6 !important;
}
table.editable-list .item-removed td a, table.editable-list .item-removed td span, table.editable-list .item-removed td .form-control {
  color: #CFD7E6 !important;
  text-decoration: line-through;
}
table.editable-list .item-removed td img {
  opacity: 0.4;
}
table.editable-list .item-not-addable {
  display: none;
}
table.editable-list .item-added:not(.item-new) td {
  color: #62738D;
}
table.editable-list .item-added:not(.item-new) td .form-control {
  color: #62738D !important;
}
table.editable-list .item-added:not(.item-new) td img {
  opacity: 0.6;
}
table.editable-list .new-item {
  text-align: right;
}
table.editable-list tbody.app-json-config-row {
  border-top: 1px solid rgb(231, 235, 242.5) !important;
}
table.editable-list tbody.app-json-config-row td {
  border: none !important;
}
table.editable-list tbody.app-json-config-row:first-of-type {
  border: none !important;
}
table.table-auto {
  table-layout: auto;
}

.certRadio {
  transition: all 150ms ease-in-out;
}

.certRadio:hover {
  border: 1px solid rgb(121, 88, 159);
}

.certRadio.checked {
  border: 1px solid rgb(121, 88, 159);
  box-shadow: 0 3px 16px 0 rgba(89, 105, 169, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.checked.hk-message--danger.certRadio {
  border: 1px solid rgb(222, 10, 10);
  box-shadow: 0 3px 16px 0 rgba(89, 105, 169, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.form-group {
  position: relative;
}
.form-group .input-badge {
  position: absolute;
  top: 7px;
  right: 10px;
}
.form-group .app-picker {
  position: relative;
}
.form-group .app-picker .icon {
  position: absolute;
  top: 8px;
  left: 10px;
}
.form-group .app-picker .form-control {
  padding-left: 32px;
}

.edit-first .input-badge {
  left: 100%;
  right: auto;
  margin-left: -26px;
}
.edit-first .team-name {
  height: 131px;
}

textarea.form-control {
  resize: none;
  white-space: nowrap;
  overflow-x: hidden !important;
  padding-right: 1px;
}
textarea.form-control::placeholder {
  white-space: normal;
}
textarea.form-control::-webkit-input-placeholder {
  white-space: normal;
}
textarea.form-control:-moz-placeholder {
  white-space: normal;
}
textarea.form-control::-moz-placeholder {
  white-space: normal;
}
textarea.form-control:-ms-input-placeholder {
  white-space: normal;
}
textarea.form-control::-ms-input-placeholder {
  white-space: normal;
}

input[type=range] {
  display: inline-block;
  width: auto;
}

.form-control:focus ~ .field-error-message-wrapper {
  display: none;
}

.field-error-message {
  font-size: 11px;
  font-weight: bold;
  color: #DE0A0A;
  padding: 2px 0;
}

td .field-error-message {
  position: absolute;
  top: 4px;
  right: 1px;
  padding: 6px 10px;
  background: #fff;
  pointer-events: none;
}
td .field-error-message::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  width: 10px;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

td .form-group {
  position: relative;
  margin: 0;
  padding: 0;
}

.form-control::-webkit-input-placeholder {
  opacity: 1;
}
.form-control:-moz-placeholder {
  opacity: 1;
}
.form-control::-moz-placeholder {
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  opacity: 1;
}

input.placeholder-value::-webkit-input-placeholder {
  color: #3F3F44;
}
input.placeholder-value:-moz-placeholder {
  color: #3F3F44;
}
input.placeholder-value::-moz-placeholder {
  color: #3F3F44;
}
input.placeholder-value:-ms-input-placeholder {
  color: #3F3F44;
}
input.placeholder-value:focus::-webkit-input-placeholder {
  color: white;
}
input.placeholder-value:focus:-moz-placeholder {
  color: white;
}
input.placeholder-value:focus::-moz-placeholder {
  color: white;
}
input.placeholder-value:focus:-ms-input-placeholder {
  color: white;
}

.input-group .input-group-btn .btn {
  line-height: 20px;
  padding-bottom: 7px;
  padding-top: 7px;
}

@media (min-width: 768px) {
  .edit-first input[type=text],
  .edit-first input[type=password],
  .edit-first textarea,
  .edit-first select,
  .edit-first .compacted-item {
    width: 65%;
  }
  .edit-first label {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .edit-first .input-badge {
    left: 65%;
    right: auto;
    margin-left: -26px;
  }
}
.nav.nav-tabs.sub-nav {
  position: relative;
  border: none;
  text-align: left;
  padding: 3px 20px 0;
  margin: 0 -20px 20px;
  background: #fff;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.nav.nav-tabs.sub-nav.pipeline-nav {
  margin: 0;
  box-shadow: inset 0 -1px 0 rgb(231, 235, 242.5);
}
.nav.nav-tabs.sub-nav.pipeline-nav::after {
  display: none;
}
.nav.nav-tabs.sub-nav a {
  padding: 11px 10px;
  height: 47px;
}
.nav.nav-tabs.sub-nav svg {
  display: none;
  margin: 0;
}

.nav.nav-pills .active {
  background: #408FEC;
  color: white;
}

@media (max-width: 767px) {
  .nav.nav-tabs.sub-nav {
    text-align: center;
  }
  .nav.nav-tabs.sub-nav a {
    padding: 11px 2px;
    height: 47px;
  }
  .nav.nav-tabs.sub-nav .sub-nav-item-name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .nav.nav-tabs.sub-nav svg {
    display: inline-block;
    vertical-align: middle;
  }
}
table.collaborator-list tr.collaborator-item {
  min-height: 56px;
}
table.collaborator-list tr.collaborator-item .role {
  color: #62738D;
}
@media screen and (min-width: 768px) {
  table.collaborator-list tr.collaborator-item td.collaborator-info {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  table.collaborator-list tr.collaborator-item .permissions, table.collaborator-list tr.collaborator-item .role, table.collaborator-list tr.collaborator-item .email, table.collaborator-list tr.collaborator-item .form-group {
    display: inline-block;
  }
  table.collaborator-list tr.collaborator-item .role, table.collaborator-list tr.collaborator-item .permissions {
    padding: 6px 8px;
  }
  table.collaborator-list tr.collaborator-item .email {
    padding: 8px;
  }
  table.collaborator-list tr.collaborator-item .email, table.collaborator-list tr.collaborator-item .form-group {
    width: 50%;
  }
  table.collaborator-list tr.collaborator-item .show-role.show-permissions .email {
    width: 35%;
  }
  table.collaborator-list tr.collaborator-item .show-role.show-permissions .role {
    width: 15%;
  }
}
@media (max-width: 768px) {
  table.collaborator-list tr.collaborator-item td.avatar {
    vertical-align: top;
  }
  table.collaborator-list tr.collaborator-item .email, table.collaborator-list tr.collaborator-item .role, table.collaborator-list tr.collaborator-item .permissions {
    padding: 3px 0px;
  }
}

div.collaborator-list h5 {
  float: left;
}
div.collaborator-list div.tooltip-inner a {
  color: white;
}

.addons-quick-add {
  z-index: 1;
}

.addons-quick-add, .addons-quick-add > .twitter-typeahead {
  width: 100%;
}

.addons-quick-add > .twitter-typeahead {
  background-color: #fff;
}

.addons-quick-add .tt-hint {
  width: auto;
}

.addons-quick-add > i {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 3;
}

.addons-quick-add .addon-typeahead-cell.disabled .addon-icon, .addons-quick-add .disabled.app-addon-typeahead-cell .addon-icon, .addons-quick-add .disabled.addons-provisioning-app-typeahead-item .addon-icon {
  opacity: 0.3;
}
.addons-quick-add .addon-typeahead-cell.disabled .addon-typeahead-title, .addons-quick-add .disabled.app-addon-typeahead-cell .addon-typeahead-title, .addons-quick-add .disabled.addons-provisioning-app-typeahead-item .addon-typeahead-title {
  color: #62738D;
}
.addons-quick-add .addon-typeahead-cell.disabled .disabled, .addons-quick-add .disabled.app-addon-typeahead-cell .disabled, .addons-quick-add .disabled.addons-provisioning-app-typeahead-item .disabled {
  font-size: 11px;
  padding: 3px 7px;
  border-radius: 4px;
  text-transform: uppercase;
  background: #CFD7E6;
  font-weight: bold;
}

.addons-table-container.unfocused {
  opacity: 0.3;
}

.dyno-upgrade-modal__upgrade-button {
  display: inline-block;
  height: auto;
}

#modal-overlays .ember-modal-dialog.dyno-upgrade-modal {
  width: 450px;
  padding: 0 25px;
}
#modal-overlays .ember-modal-dialog.dyno-upgrade-modal .modal-body div, #modal-overlays .ember-modal-dialog.dyno-upgrade-modal p, #modal-overlays .ember-modal-dialog.dyno-upgrade-modal .panel-section .panel-details, .panel-section #modal-overlays .ember-modal-dialog.dyno-upgrade-modal .panel-details {
  text-align: center;
  font-weight: lighter;
}
#modal-overlays .ember-modal-dialog.dyno-upgrade-modal .modal-footer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  text-align: center;
}
#modal-overlays .ember-modal-dialog.dyno-upgrade-modal .modal-footer .btn + .btn {
  margin: 0 0 12px 0 !important;
}
#modal-overlays .ember-modal-dialog.dyno-upgrade-modal .dyno-upgrade-pricing {
  font-weight: normal;
}

a.deprecated:hover, a.deprecated:focus {
  color: rgba(222, 10, 10, 0.8);
}

.drop-down__menu > li > a.hk-dropdown-item--danger, .context-switcher__list > li > a.hk-dropdown-item--danger {
  color: #de0a0a;
}
.drop-down__menu > li > a.hk-dropdown-item--danger:hover, .context-switcher__list > li > a.hk-dropdown-item--danger:hover {
  color: #de0a0a;
}

.attachments-dropdown .icon.icon-inline {
  margin-right: 0px !important;
}
.attachments-dropdown .tooltip-component {
  display: inline-block;
}
.attachments-dropdown .malibu-fill-gradient-purple {
  fill: url(#gradient-purple);
}

.malibu-fill-gradient-white {
  fill: white;
}

.add.adding .icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.external-link {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 4px;
}

.monospace {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.eco-dynos-pricing-info {
  padding-bottom: 15px;
  float: right;
  color: #62738D;
  font-weight: 600;
}
.eco-dynos-pricing-info:before, .eco-dynos-pricing-info:after {
  content: " ";
  display: table;
}
.eco-dynos-pricing-info:after {
  clear: both;
}

.app-resource-total-line-item {
  padding-bottom: 15px;
}
.app-resource-total-line-item:before, .app-resource-total-line-item:after {
  content: " ";
  display: table;
}
.app-resource-total-line-item:after {
  clear: both;
}
.app-resource-total-line-item .line-item-label {
  color: #000;
  float: left;
  font-weight: 600;
  font-size: 14px;
}
.app-resource-total-line-item .line-item-values {
  float: right;
  font-size: 14px;
}
.app-resource-total-line-item .line-item-new-value {
  display: inline-block;
  text-align: right;
  font-size: 14px;
  color: #000;
  font-weight: 600;
}
.app-resource-total-line-item .dirty {
  color: #CFD7E6;
  text-decoration: line-through;
}

.heroku-edit {
  border: none;
  width: 100%;
  height: 1000px;
}

.metrics__datastore-chart .metrics__chart-sorting__handle {
  display: none;
}
.metrics__datastore-chart .metrics__chart__wrapper,
.metrics__datastore-chart .metrics__chart__header > div {
  padding-left: 0;
  padding-right: 0;
}

.metrics__datastore-chart-switcher ul.metrics__process-switcher__menu {
  max-width: none;
}
.metrics__datastore-chart-switcher .metrics__process-switcher__item-link.active .metrics__process-switcher__item-header {
  max-width: none;
}
.metrics__datastore-chart-switcher button.metrics__process-switcher__btn {
  max-width: none;
}

.metrics__chart--no-padding .metrics__chart__wrapper {
  padding: 0;
}

.datastore-drop-down.drop-down__menu, .datastore-drop-down.context-switcher__list {
  right: 0;
  left: inherit;
  top: 36px;
}
.datastore-drop-down.drop-down__menu li > div, .datastore-drop-down.context-switcher__list li > div {
  display: block;
  padding: 4px 12px 3px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #596981;
  white-space: nowrap;
}
.datastore-drop-down.drop-down__menu li > div .icon, .datastore-drop-down.context-switcher__list li > div .icon {
  position: relative;
  margin: -2px 4px 0 2px;
}
.datastore-drop-down.drop-down__menu li > button, .datastore-drop-down.context-switcher__list li > button {
  display: block;
  padding: 4px 12px 3px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #596981;
  white-space: nowrap;
}
.datastore-drop-down.drop-down__menu li > button .icon, .datastore-drop-down.context-switcher__list li > button .icon {
  position: relative;
  margin: -2px 4px 0 2px;
}

.overflow-ellipsis {
  text-overflow: ellipsis;
}

.mw-20rem {
  max-width: 20rem;
}

.table.w-auto {
  width: auto;
}

@media (min-width: 1024px) {
  .lg\:flex {
    display: flex;
  }
}
.vis-hidden {
  visibility: hidden;
}

.absolute-center {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}

.formation-filter-drop-down > button,
.formation-filter-drop-down > button:hover,
.formation-filter-drop-down > button:focus,
.formation-filter-drop-down > button:active,
.actions-button .formation-filter-drop-down > button.btn-default:focus {
  padding: 0 !important;
  border: none !important;
  background: 0 0 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  color: #96A3B6 !important;
  font-size: 11px !important;
}
.formation-filter-drop-down .drop-down__menu, .formation-filter-drop-down .context-switcher__list {
  margin-top: -20px;
}

.label.label-hollow {
  background: none;
  border: 1px solid;
}
.label.label-caps {
  font-variant: small-caps;
  padding-top: 0.03em;
  padding-bottom: 0.06em;
}

.label.label-text {
  background: none;
  font-weight: bold;
  font-size: 1em;
}
.label.label-text.label-default {
  color: #62738D;
}
.label.label-text.label-success {
  color: #008700;
}
.label.label-text.label-primary {
  color: #79589F;
}
.label.label-text.label-info {
  color: #006DEB;
}
.label.label-text.label-warning {
  color: #C74C00;
}
.label.label-text.label-danger {
  color: #DE0A0A;
}

label small, label .panel-section .panel-details, .panel-section label .panel-details {
  display: block;
  font-weight: normal;
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 2px;
}

label span.optional {
  color: #62738D;
  font-weight: normal;
}

.new-app-view .config-vars .btn {
  width: 100%;
}
.new-app-view .config-vars label {
  font-family: "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
}
.new-app-view .creating-failed, .new-app-view .building-failed, .new-app-view .scaling-failed {
  color: #DE0A0A;
}
.new-app-view .is-built, .new-app-view .is-created, .new-app-view .is-deployed, .new-app-view .is-configured, .new-app-view .is-scaled {
  color: #008700;
}
.new-app-view .will-build, .new-app-view .will-deploy, .new-app-view .will-configure, .new-app-view .will-scale {
  color: #E3E7EF;
}
.new-app-view .template-env label:not(:first-of-type) {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .new-space-view input[type=text],
  .new-space-view input[type=password],
  .new-space-view textarea,
  .new-space-view .ember-power-select-trigger {
    width: 65%;
  }
}
.app-list, .space-list, .team-list, .first-run {
  margin-left: -20px;
  margin-right: -20px;
}

.app-list .stack-info {
  text-align: right;
  margin-left: auto;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
  top: 1px;
}
.app-list .stack-info li {
  display: inline;
}
.app-list .stack-info li a {
  display: inline-block;
}
.app-list.list-group {
  margin-bottom: 0px;
}
.app-list #favorites-container .metrics__summary-row__item, .app-list .apps-list-favorite-item .metrics__summary-row__item {
  border-right: 1px solid #E3E7EF;
  border-image: linear-gradient(to top, #CFD7E6, rgba(227, 231, 239, 0)) 1 100%;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .app-list #favorites-container .metrics__summary-row__item, .app-list .apps-list-favorite-item .metrics__summary-row__item {
    border-right: 0;
  }
}
.app-list #favorites-container .metrics__summary-row__item:first-child, .app-list .apps-list-favorite-item .metrics__summary-row__item:first-child {
  padding-left: 2px;
  padding-right: 10px;
}
.app-list #favorites-container .metrics__summary-row__value, .app-list .apps-list-favorite-item .metrics__summary-row__value {
  font-size: 14px;
}
.app-list #favorites-container .metrics__summary-row__unit, .app-list .apps-list-favorite-item .metrics__summary-row__unit {
  font-size: 12px;
}
.app-list #favorites-container timeseries-chart::after, .app-list .apps-list-favorite-item timeseries-chart::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 50px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right,#fff, rgba(255, 255, 255, 0));
}
@media (max-width: 767px) {
  .app-list #favorites-container timeseries-chart, .app-list .apps-list-favorite-item timeseries-chart {
    display: none;
  }
}
@media (max-width: 320px) {
  .app-list #favorites-container .favorite-app .favorite-tray, .app-list .apps-list-favorite-item .favorite-app .favorite-tray {
    display: none;
  }
}
.app-list .app-count {
  padding-left: 10px;
  min-width: fit-content;
  width: fit-content;
}
.app-list .app-count .btn {
  font-size: 13px;
  color: #62738D;
  text-decoration: none;
}
.app-list .first-anchor {
  max-width: fit-content;
}
.app-list .second-anchor {
  min-width: fit-content;
  width: fit-content;
  height: 100%;
}

#getting-started + #app-list #favorites-container,
#has-no-apps + #app-list #favorites-container {
  margin-top: 10px;
}

.resource-open-app {
  opacity: 0.8;
}
.resource-open-app:hover {
  opacity: 1;
}

.org-header {
  position: relative;
  text-align: center;
  width: 100%;
}
.org-header h2, .org-header h3 {
  line-height: 1;
  margin: 0;
}
.org-header h2 {
  color: inherit;
  font-size: 16px;
  margin-bottom: 4px;
}
.org-header h3 {
  color: #CFD7E6;
  font-size: 12px;
}
.apps-header .org-header {
  position: absolute;
}

.org-members-list tr td.org-member-details .member-email, .org-collaborators-list tr td.org-member-details .member-email {
  display: inline-block;
  float: left;
  width: 33%;
}
.org-members-list tr td.org-member-details .member-auth, .org-members-list tr td.org-member-details .member-role, .org-members-list tr td.org-member-details .member-access, .org-members-list tr td.org-member-details .member-status, .org-collaborators-list tr td.org-member-details .member-auth, .org-collaborators-list tr td.org-member-details .member-role, .org-collaborators-list tr td.org-member-details .member-access, .org-collaborators-list tr td.org-member-details .member-status {
  float: left;
  width: 22%;
}
.org-members-list tr td.org-member-details .static, .org-collaborators-list tr td.org-member-details .static {
  min-height: 34px;
  padding: 7px 9px 8px 9px;
}
.org-members-list tr td.org-member-details .action-button .icon, .org-collaborators-list tr td.org-member-details .action-button .icon {
  position: relative;
  left: 5px;
  top: -1px;
}
.org-members-list tr td.org-member-details .member-auth, .org-collaborators-list tr td.org-member-details .member-auth {
  position: relative;
}
.org-members-list tr td.org-member-details .member-auth .member-auth-message, .org-collaborators-list tr td.org-member-details .member-auth .member-auth-message {
  position: absolute;
  left: 36px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 111px;
}
.org-members-list tr td.org-member-details .member-access, .org-collaborators-list tr td.org-member-details .member-access {
  text-align: right;
  font-size: 12px;
}
.org-members-list tr td.org-member-details .member-status, .org-collaborators-list tr td.org-member-details .member-status {
  text-align: center;
  color: #62738D;
}
@media (max-width: 768px) {
  .org-members-list tr td.org-member-details .member-email, .org-members-list tr td.org-member-details .member-tfa, .org-collaborators-list tr td.org-member-details .member-email, .org-collaborators-list tr td.org-member-details .member-tfa {
    margin-bottom: 8px;
  }
  .org-members-list tr td.org-member-details .member-email, .org-members-list tr td.org-member-details .member-role, .org-collaborators-list tr td.org-member-details .member-email, .org-collaborators-list tr td.org-member-details .member-role {
    width: 65%;
  }
  .org-members-list tr td.org-member-details .member-tfa, .org-members-list tr td.org-member-details .member-access, .org-collaborators-list tr td.org-member-details .member-tfa, .org-collaborators-list tr td.org-member-details .member-access {
    width: 35%;
  }
  .org-members-list tr td.org-member-details .member-tfa, .org-members-list tr td.org-member-details .member-access, .org-collaborators-list tr td.org-member-details .member-tfa, .org-collaborators-list tr td.org-member-details .member-access {
    padding-left: 9px;
  }
  .org-members-list tr td.org-member-details .member-access .dropdown, .org-collaborators-list tr td.org-member-details .member-access .dropdown {
    float: left;
  }
}
.org-members hr {
  height: 2px;
  background: #EEF1F6;
  border-top: 1px solid rgba(207, 215, 230, 0.5);
  border-bottom: 1px solid rgba(207, 215, 230, 0.5);
  margin: -10px 0 12px;
}

.member-email {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .org-plan dt {
    width: 190px;
  }
}
.org-plan dd small, .org-plan dd .panel-section .panel-details, .panel-section .org-plan dd .panel-details {
  display: block;
  color: #CFD7E6;
}

.enterprise-teams li:last-of-type {
  border: none;
}

.org-identicon-mini {
  position: relative;
  width: 18px;
  height: 18px;
  font-size: 8px;
  font-weight: bold;
  line-height: 19px;
  color: #fff;
  text-align: center;
  display: inline-block;
  box-shadow: inset 0 0 0 1px #62738D, inset 0 0 0 2px rgba(255, 255, 255, 0.7);
  background: #62738D;
  border-radius: 50%;
}
.org-identicon-mini .info-tooltip-component {
  position: absolute;
  top: 1px;
  left: 1px;
  margin-left: 0;
  opacity: 0;
}

progress[value] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}
.progress-actual-legacy progress[value] {
  color: #79589F;
  background: rgba(121, 88, 159, 0.1);
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(121, 88, 159, 0.2);
  height: 6px;
}
.progress-actual-legacy.over-quota progress[value] {
  color: #DE0A0A;
  background: rgba(222, 10, 10, 0.1);
  box-shadow: inset 0 0 0 1px rgba(222, 10, 10, 0.2);
}
.progress-allowance-legacy progress[value] {
  color: #E3E7EF;
  background: #E3E7EF;
  height: 1px;
}

progress::-webkit-progress-bar {
  background: rgba(121, 88, 159, 0.1);
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(121, 88, 159, 0.2);
}
.progress-allowance-legacy progress::-webkit-progress-bar {
  background: #E3E7EF;
  box-shadow: none;
}

progress::-webkit-progress-value {
  background: #79589F;
  border-radius: 2px;
  transition: width 0.8s ease-in-out;
}
.progress-actual-legacy.over-quota progress::-webkit-progress-value {
  background: #DE0A0A;
}
.progress-allowance-legacy progress::-webkit-progress-value {
  background: #CFD7E6;
  height: 3px;
  position: relative;
  top: -1px;
}
.progress-allowance-legacy progress::-webkit-progress-value::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: #CFD7E6;
  top: -2px;
  right: 0;
  border-radius: 50%;
}

progress::-moz-progress-bar {
  background: #79589F;
  border-radius: 2px;
  transition: width 0.8s ease-in-out;
}
.progress-actual-legacy.over-quota progress::-moz-progress-bar {
  background: #DE0A0A;
}
.progress-allowance-legacy progress::-moz-progress-bar {
  height: 3px;
  position: relative;
  margin-top: -1px;
  background: #CFD7E6;
}

.build-view {
  display: flex;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.build-view .build-id {
  color: #62738D;
}
.build-view .page-breadcrumb {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.build-view .build-stream-full {
  display: flex;
  min-height: 272px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.build-view .build-stream-full .build-stream-output {
  height: 240px;
  min-height: 240px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.build-view .build-stream-full .build-stream-footer {
  position: relative;
  left: 0;
  right: 0;
}

p.in-progress, .panel-section .in-progress.panel-details {
  display: inline-block;
  border: 1px solid #E3E7EF;
  border-radius: 4px;
  color: #62738D;
  font-size: 13px;
  padding: 0px 18px;
  padding-top: 1px;
}

.top-nav {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 20px 10px;
  min-height: 63px;
  margin-top: 2px;
  border-bottom: 1px solid rgb(231, 235, 242.5);
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.top-nav .actions {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
}
.top-nav .loading-spinner-wrapper {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -10px;
  left: 0;
  text-align: center;
}
.top-nav .loading-spinner-wrapper .loading-spinner {
  vertical-align: middle;
}
.top-nav a {
  text-decoration: none;
}

.feedback-link-sub-nav {
  padding: unset !important;
  height: unset !important;
  margin-left: 4px !important;
  display: inline-block !important;
  text-decoration: underline !important;
  color: #006deb !important;
}
.feedback-link-sub-nav:hover::after {
  display: none;
}

.tag-toggle-list {
  line-height: 1.8;
}
.tag-toggle-list > div {
  display: inline-block;
  margin-right: 4px;
}
.tag-toggle-list > div:last-of-type {
  margin-right: 0px;
}
.tag-toggle-list > div:first-of-type {
  margin-left: 0px;
}

.tag-toggle {
  padding: 2px 16px;
  border-radius: 4px;
  border: 1px solid gray;
  font-size: 11px;
}
.tag-toggle.unchecked {
  color: #79589F;
  background-color: white;
  border-color: rgb(172.8704453441, 151.3603238866, 197.6396761134);
}
.tag-toggle.checked {
  color: white;
  background-color: #79589F;
  border-color: #79589F;
}
.tag-toggle.show-icon {
  padding-left: 8px;
  padding-right: 8px;
}
.tag-toggle.actionable {
  cursor: pointer;
}
.tag-toggle.actionable.checked {
  background-color: #79589F;
}
.tag-toggle.actionable:hover {
  background-color: rgb(146.8542510121, 118.5303643725, 179.4696356275);
  color: white;
}
.tag-toggle.nonactionable {
  cursor: not-allowed;
}

.loading-spinner .dots {
  width: 100%;
  display: flex;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  box-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: distribute;
}
.loading-spinner.small {
  width: 18px;
}
.loading-spinner.small i.spinner__dot {
  width: 4px;
  height: 4px;
}
.icons .loading-spinner, .in-progress .loading-spinner {
  width: 26px;
  height: 32px;
  padding-top: 14px;
}
.icons .loading-spinner i.spinner__dot, .in-progress .loading-spinner i.spinner__dot {
  width: 6px;
  height: 6px;
}

.ribbon-banner {
  position: relative;
  z-index: 1;
}
.ribbon-banner .ribbon-wrapper {
  padding: 6px 20px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  background: #E5B9FE;
  color: #5A1BA9;
  text-align: center;
}
.ribbon-banner p, .ribbon-banner .panel-section .panel-details, .panel-section .ribbon-banner .panel-details {
  margin: 0px;
}
.ribbon-banner p a, .ribbon-banner .panel-section .panel-details a, .panel-section .ribbon-banner .panel-details a {
  color: #240643;
  text-decoration: underline;
}
.ribbon-banner p a:hover, .ribbon-banner .panel-section .panel-details a:hover, .panel-section .ribbon-banner .panel-details a:hover {
  color: #240643;
}

.lock-status {
  position: relative;
  padding: 0 140px 18px 44px;
  box-shadow: 0 1px 0 rgb(231, 235, 242.5);
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .lock-status {
    padding: 0 0 18px 44px;
  }
}
.lock-status p, .lock-status .panel-section .panel-details, .panel-section .lock-status .panel-details {
  margin-bottom: 2px;
  font-size: 13px;
  color: #62738D;
}
.lock-status p strong, .lock-status .panel-section .panel-details strong, .panel-section .lock-status .panel-details strong {
  font-size: 14px;
  color: #56667D;
}
.lock-status .icon {
  position: absolute;
  left: 0;
  top: 4px;
}
.lock-status button {
  position: absolute;
  right: 0;
  top: 3px;
}
@media (max-width: 480px) {
  .lock-status button {
    position: relative;
    margin-top: 8px;
  }
}

.metrics__color--purple-001--fill {
  fill: rgba(121, 88, 159, 0.1);
}
.metrics__color--purple-001--stroke {
  stroke: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-001--legend {
  background-color: rgba(121, 88, 159, 0.1);
}
.metrics__color--purple-001--legend--border {
  border-color: rgba(121, 88, 159, 0.7);
  border-style: none;
  border-width: 1px;
}
.metrics__color--purple-001--point {
  fill: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-001--background {
  background-color: rgba(121, 88, 159, 0.1);
}
.metrics__color--purple-001--text {
  color: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-002--fill {
  fill: rgba(121, 88, 159, 0.3);
}
.metrics__color--purple-002--stroke {
  stroke: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-002--legend {
  background-color: rgba(121, 88, 159, 0.3);
}
.metrics__color--purple-002--legend--border {
  border-color: rgba(121, 88, 159, 0.7);
  border-style: none;
  border-width: 1px;
}
.metrics__color--purple-002--point {
  fill: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-002--background {
  background-color: rgba(121, 88, 159, 0.3);
}
.metrics__color--purple-002--text {
  color: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-003--fill {
  fill: rgba(121, 88, 159, 0.5);
}
.metrics__color--purple-003--stroke {
  stroke: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-003--legend {
  background-color: rgba(121, 88, 159, 0.5);
}
.metrics__color--purple-003--legend--border {
  border-color: rgba(121, 88, 159, 0.7);
  border-style: none;
  border-width: 1px;
}
.metrics__color--purple-003--point {
  fill: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-003--background {
  background-color: rgba(121, 88, 159, 0.5);
}
.metrics__color--purple-003--text {
  color: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-004--fill {
  fill: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-004--stroke {
  stroke: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-004--legend {
  background-color: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-004--legend--border {
  border-color: rgba(121, 88, 159, 0.7);
  border-style: none;
  border-width: 1px;
}
.metrics__color--purple-004--point {
  fill: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-004--background {
  background-color: rgba(121, 88, 159, 0.7);
}
.metrics__color--purple-004--text {
  color: rgba(121, 88, 159, 0.7);
}
.metrics__color--blue-001--fill {
  fill: rgba(42, 134, 242, 0.1);
}
.metrics__color--blue-001--stroke {
  stroke: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-001--legend {
  background-color: rgba(42, 134, 242, 0.1);
}
.metrics__color--blue-001--legend--border {
  border-color: rgba(42, 134, 242, 0.7);
  border-style: none;
  border-width: 1px;
}
.metrics__color--blue-001--point {
  fill: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-001--background {
  background-color: rgba(42, 134, 242, 0.1);
}
.metrics__color--blue-001--text {
  color: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-002--fill {
  fill: rgba(42, 134, 242, 0.3);
}
.metrics__color--blue-002--stroke {
  stroke: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-002--legend {
  background-color: rgba(42, 134, 242, 0.3);
}
.metrics__color--blue-002--legend--border {
  border-color: rgba(42, 134, 242, 0.7);
  border-style: none;
  border-width: 1px;
}
.metrics__color--blue-002--point {
  fill: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-002--background {
  background-color: rgba(42, 134, 242, 0.3);
}
.metrics__color--blue-002--text {
  color: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-003--fill {
  fill: rgba(42, 134, 242, 0.5);
}
.metrics__color--blue-003--stroke {
  stroke: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-003--legend {
  background-color: rgba(42, 134, 242, 0.5);
}
.metrics__color--blue-003--legend--border {
  border-color: rgba(42, 134, 242, 0.7);
  border-style: none;
  border-width: 1px;
}
.metrics__color--blue-003--point {
  fill: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-003--background {
  background-color: rgba(42, 134, 242, 0.5);
}
.metrics__color--blue-003--text {
  color: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-004--fill {
  fill: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-004--stroke {
  stroke: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-004--legend {
  background-color: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-004--legend--border {
  border-color: rgba(42, 134, 242, 0.7);
  border-style: none;
  border-width: 1px;
}
.metrics__color--blue-004--point {
  fill: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-004--background {
  background-color: rgba(42, 134, 242, 0.7);
}
.metrics__color--blue-004--text {
  color: rgba(42, 134, 242, 0.7);
}
.metrics__color--crit--fill {
  fill: rgba(214, 66, 66, 0.7);
}
.metrics__color--crit--stroke {
  stroke: #D64242;
}
.metrics__color--crit--legend {
  background-color: rgba(214, 66, 66, 0.7);
}
.metrics__color--crit--legend--border {
  border-color: #D64242;
  border-style: none;
  border-width: 1px;
}
.metrics__color--crit--point {
  fill: #D64242;
}
.metrics__color--crit--background {
  background-color: rgba(214, 66, 66, 0.7);
}
.metrics__color--crit--text {
  color: #D64242;
}
.metrics__color--critical--fill {
  fill: rgba(214, 66, 66, 0.7);
}
.metrics__color--critical--stroke {
  stroke: #D64242;
}
.metrics__color--critical--legend {
  background-color: #D64242;
}
.metrics__color--critical--legend--border {
  border-color: #D64242;
  border-style: none;
  border-width: 1px;
}
.metrics__color--critical--point {
  fill: #D64242;
}
.metrics__color--critical--background {
  background-color: rgba(214, 66, 66, 0.7);
}
.metrics__color--critical--text {
  color: #D64242;
}
.metrics__color--info--fill {
  fill: #96A3B6;
}
.metrics__color--info--stroke {
  stroke: #96A3B6;
}
.metrics__color--info--legend {
  background-color: #96A3B6;
}
.metrics__color--info--legend--border {
  border-color: #96A3B6;
  border-style: none;
  border-width: 1px;
}
.metrics__color--info--point {
  fill: #96A3B6;
}
.metrics__color--info--background {
  background-color: #96A3B6;
}
.metrics__color--info--text {
  color: #96A3B6;
}
.metrics__color--info-light--fill {
  fill: rgb(155.2970711297, 167.3179916318, 185.7029288703);
}
.metrics__color--info-light--stroke {
  stroke: rgb(155.2970711297, 167.3179916318, 185.7029288703);
}
.metrics__color--info-light--legend {
  background-color: rgb(155.2970711297, 167.3179916318, 185.7029288703);
}
.metrics__color--info-light--legend--border {
  border-color: rgb(155.2970711297, 167.3179916318, 185.7029288703);
  border-style: none;
  border-width: 1px;
}
.metrics__color--info-light--point {
  fill: rgb(155.2970711297, 167.3179916318, 185.7029288703);
}
.metrics__color--info-light--background {
  background-color: rgb(155.2970711297, 167.3179916318, 185.7029288703);
}
.metrics__color--info-light--text {
  color: rgb(155.2970711297, 167.3179916318, 185.7029288703);
}
.metrics__color--activity--fill {
  fill: #56CDFC;
}
.metrics__color--activity--stroke {
  stroke: #56CDFC;
}
.metrics__color--activity--legend {
  background-color: #56CDFC;
}
.metrics__color--activity--legend--border {
  border-color: #56CDFC;
  border-style: none;
  border-width: 1px;
}
.metrics__color--activity--point {
  fill: #56CDFC;
}
.metrics__color--activity--background {
  background-color: #56CDFC;
}
.metrics__color--activity--text {
  color: #56CDFC;
}
.metrics__color--warning--fill {
  fill: #FA9F46;
}
.metrics__color--warning--stroke {
  stroke: #FA9F46;
}
.metrics__color--warning--legend {
  background-color: #FA9F46;
}
.metrics__color--warning--legend--border {
  border-color: #FA9F46;
  border-style: none;
  border-width: 1px;
}
.metrics__color--warning--point {
  fill: #FA9F46;
}
.metrics__color--warning--background {
  background-color: #FA9F46;
}
.metrics__color--warning--text {
  color: #FA9F46;
}
.metrics__color--healthy--fill {
  fill: #4CB75E;
}
.metrics__color--healthy--stroke {
  stroke: #4CB75E;
}
.metrics__color--healthy--legend {
  background-color: #4CB75E;
}
.metrics__color--healthy--legend--border {
  border-color: #4CB75E;
  border-style: none;
  border-width: 1px;
}
.metrics__color--healthy--point {
  fill: #4CB75E;
}
.metrics__color--healthy--background {
  background-color: #4CB75E;
}
.metrics__color--healthy--text {
  color: #4CB75E;
}
.metrics__color--max--fill {
  fill: rgba(121, 88, 159, 0.7);
}
.metrics__color--max--stroke {
  stroke: rgba(121, 88, 159, 0.7);
}
.metrics__color--max--legend {
  background-color: rgba(89, 105, 129, 0);
}
.metrics__color--max--legend--border {
  border-color: rgba(121, 88, 159, 0.7);
  border-style: solid;
  border-width: 1px;
}
.metrics__color--max--point {
  fill: rgba(121, 88, 159, 0.7);
}
.metrics__color--max--background {
  background-color: rgba(121, 88, 159, 0.7);
}
.metrics__color--max--text {
  color: rgba(121, 88, 159, 0.7);
}
.metrics__color--trend--fill {
  fill: #56CDFC;
}
.metrics__color--trend--stroke {
  stroke: #56CDFC;
}
.metrics__color--trend--legend {
  background-color: rgba(89, 105, 129, 0);
}
.metrics__color--trend--legend--border {
  border-color: #56CDFC;
  border-style: solid;
  border-width: 1px;
}
.metrics__color--trend--point {
  fill: #56CDFC;
}
.metrics__color--trend--background {
  background-color: #56CDFC;
}
.metrics__color--trend--text {
  color: #56CDFC;
}
.metrics__color--threshold--fill {
  fill: rgba(89, 105, 129, 0.4);
}
.metrics__color--threshold--stroke {
  stroke: rgba(89, 105, 129, 0.4);
}
.metrics__color--threshold--legend {
  background-color: rgba(89, 105, 129, 0.01);
}
.metrics__color--threshold--legend--border {
  border-color: rgba(89, 105, 129, 0.5);
  border-style: dashed;
  border-width: 1px;
}
.metrics__color--threshold--point {
  fill: rgba(89, 105, 129, 0.4);
}
.metrics__color--threshold--background {
  background-color: rgba(89, 105, 129, 0.4);
}
.metrics__color--threshold--text {
  color: rgba(89, 105, 129, 0.4);
}
.metrics__color--critical-threshold--fill {
  fill: rgba(214, 66, 66, 0.7);
}
.metrics__color--critical-threshold--stroke {
  stroke: #D64242;
}
.metrics__color--critical-threshold--legend {
  background-color: rgba(89, 105, 129, 0);
}
.metrics__color--critical-threshold--legend--border {
  border-color: #D64242;
  border-style: dashed;
  border-width: 1px;
}
.metrics__color--critical-threshold--point {
  fill: #D64242;
}
.metrics__color--critical-threshold--background {
  background-color: rgba(214, 66, 66, 0.7);
}
.metrics__color--critical-threshold--text {
  color: #D64242;
}
.metrics__color--preview--fill {
  fill: rgba(150, 163, 182, 0.2);
}
.metrics__color--preview--stroke {
  stroke: rgba(150, 163, 182, 0.3);
}
.metrics__color--preview--legend {
  background-color: #96A3B6;
}
.metrics__color--preview--legend--border {
  border-color: #96A3B6;
  border-style: none;
  border-width: 1px;
}
.metrics__color--preview--point {
  fill: rgba(150, 163, 182, 0.3);
}
.metrics__color--preview--background {
  background-color: rgba(150, 163, 182, 0.2);
}
.metrics__color--preview--text {
  color: rgba(150, 163, 182, 0.3);
}
.metrics__color--threshold--stroke {
  stroke-dasharray: 5px;
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
}

.metrics__not-available {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  margin: 40px 0;
}
.metrics__not-available__icon {
  position: absolute;
  margin-top: -26px;
  margin-left: calc(50% - 23px);
}
.metrics__not-available__icon > g > path:nth-child(2) {
  stroke: rgb(193.6834008097, 177.624291498, 212.175708502);
  stroke-width: 2;
}
.metrics__not-available__header {
  padding: 30px 20px 0;
}
.metrics__not-available__description {
  max-width: 640px;
  margin: 10px auto 20px;
  padding: 0 20px;
}

.metrics__legend {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.metrics__legend__item {
  padding: 3px 0 3px 4px;
  border-radius: 4px;
  transition: all 80ms ease;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.metrics__legend__item.has-secondary-value .metrics__legend__value {
  font-size: 11px;
  color: #62738D;
}
.metrics__legend__item.last-ordered {
  border-bottom: none;
}
.metrics__legend__item.series-toggle:hover {
  cursor: pointer;
  background-color: rgba(227, 231, 239, 0.48);
  transform: translateX(4px);
}
.metrics__legend__item.series-toggle.last-toggle:hover {
  cursor: inherit;
  background-color: inherit;
  transform: translateX(0);
}
.metrics__legend__item.series-hidden .metrics__legend__label,
.metrics__legend__item.series-hidden .metrics__legend__value {
  opacity: 1;
}
.metrics__legend__item.series-hidden .metrics__legend__swatch {
  opacity: 0;
}
.metrics__legend__label {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #62738D;
  text-transform: uppercase;
}
.metrics__legend__value {
  font-size: 12px;
  color: #62738D;
}
.metrics__legend__value--present .metrics__legend__unit {
  margin-left: 2px;
  opacity: 1;
  color: #62738D;
}
.metrics__legend__swatch {
  width: 7px;
  margin-right: 5px;
}
@media (max-width: 36rem) {
  .metrics__legend {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
  }
  .metrics__legend__item {
    border-right-style: solid;
    border-right-color: rgba(207, 215, 230, 0.6);
    border-right-width: 1px;
    border-bottom: none;
    padding: 0 6px;
    border-radius: 0;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
  }
  .metrics__legend__item:hover.series-toggle {
    transform: translateX(0);
  }
  .metrics__legend__item.last-ordered {
    border-right-style: none;
  }
  .metrics__legend__swatch {
    width: auto;
    height: 4px;
    margin: 0 0 4px;
  }
}

.metrics__timeseries-chart__zone {
  fill: rgba(214, 66, 66, 0.2);
}
.metrics__timeseries-chart__zone line {
  stroke: rgba(214, 66, 66, 0.5);
}
.metrics__timeseries-chart__zone__icon path {
  fill: #D64242;
}

.metrics__chart {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.metrics__chart__graphs {
  position: relative;
}
@media (max-width: 36rem) {
  .metrics__chart {
    margin-left: 0px;
    margin-right: 0px;
  }
  .metrics__chart__wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
  }
}
.metrics__chart .metrics__chart__image {
  display: block;
  overflow: visible;
  position: relative;
  max-width: 100%;
  min-width: 250px;
  width: 0;
}
.metrics__chart .metrics__chart__image.loading {
  height: 150px;
  padding-left: 120px;
}
.metrics__chart__header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.metrics__chart__header__title {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  padding: 4px 20px;
  whitespace: no-wrap;
  margin-right: auto;
}
.metrics__chart__header__title__text {
  margin-right: 7px;
}
.metrics__chart__devcenter-link {
  position: relative;
  top: -1px;
  opacity: 0.4;
  transition: opacity 120ms ease;
}
.metrics__chart__devcenter-link:hover, .metrics__chart__devcenter-link:focus {
  opacity: 1;
}
.metrics__chart__wrapper {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  padding: 10px 10px 20px;
}
.metrics__chart__border {
  fill: none;
  stroke: #eee;
  stroke-width: 1;
}
.metrics__chart__insufficient-data__title {
  font-size: 18px;
  fill: #56667D;
  text-anchor: middle;
  alignment-baseline: central;
  text-anchor: middle;
  alignment-baseline: central;
}
.metrics__chart__insufficient-data__message {
  font-size: 13px;
  line-height: 1.6em;
  fill: #62738D;
  text-anchor: middle;
  alignment-baseline: central;
}
.metrics__chart--minimal {
  border: none;
  padding: 0;
  margin: 0;
}
.metrics__chart--minimal .metrics__chart__image {
  min-width: 50px;
}
.metrics__chart--minimal.purple-box, .metrics__chart--minimal.content-box, #overview-page .metrics__chart--minimal.data-unavailable, #overview-page .app-overview-metrics .metrics__chart--minimal.metrics__summary-row--favorite__link-wrapper, .buildpack-installations-list .metrics__chart--minimal.sortable-item.is-dragging, .metrics__chart--minimal.metrics__monitor-preview-chart__loading, .metrics__chart-sorting .metrics__chart--minimal.sortable-item.is-dragging, .metrics__chart--minimal.metrics__not-available {
  box-shadow: none;
}
.metrics__chart--minimal .tick {
  display: none;
}
.metrics__chart.expanded {
  width: 100%;
}
.metrics__chart .metrics__summary-row__item {
  padding-top: 8px;
  padding-bottom: 6px;
}
.metrics__chart .metrics__summary-row__label {
  color: #56667D;
}
.metrics__chart .metrics__summary-row__value {
  color: #62738D;
}
.metrics__chart .metrics__summary-row__value--secondary {
  font-size: 12px;
  color: #62738D;
}
.metrics__chart .metrics__summary-row__value--secondary > .metrics__summary-row__unit {
  color: #62738D;
}
.metrics__chart .metrics__summary-row__value--warning {
  color: rgb(168.4, 64.3135678392, 0);
}
.metrics__chart .metrics__summary-row__value--danger {
  color: #DE0A0A;
}
.metrics__chart .metrics__summary-row__unit {
  color: #62738D;
}

.metrics__chart-context {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 130px;
  padding: 10px 12px;
}
@media (max-width: 36rem) {
  .metrics__chart-context {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    width: auto;
    padding: 20px 0px 10px;
  }
}

.metrics__magic-chart-context__group {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  border-bottom: 1px solid #CFD7E6;
}
.metrics__magic-chart-context__group:last-child {
  border-bottom: none;
}

.metrics__magic-chart-context__item {
  padding: 6px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.metrics__magic-chart-context__item__icon {
  width: 20px;
  min-width: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-right: 5px;
}
.metrics__magic-chart-context__item__swatch {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.metrics__magic-chart-context__item__header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
}
.metrics__magic-chart-context__item__content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.metrics__magic-chart-context__item__value {
  padding-left: 0.25em;
}
.metrics__magic-chart-context__item__unit {
  font-size: 0.8em;
  opacity: 0.8;
}
.metrics__magic-chart-context__item__description {
  color: #62738D;
  font-size: 0.9em;
}

.metrics__magic-chart-context {
  max-width: 300px;
  position: absolute;
  top: 2px;
  background: white;
  z-index: 2;
  border: 1px solid #CFD7E6;
  font-size: 0.8em;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 2px #E3E7EF;
  box-shadow: 1px 1px 2px #E3E7EF;
}
.metrics__magic-chart-context.left {
  left: -6px;
}
.metrics__magic-chart-context.right {
  left: 5px;
}
.metrics__magic-chart-context.is-empty {
  visibility: hidden;
}

.metrics__chart-time {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  padding: 0.2em;
  background: rgba(254, 255, 228, 0.75);
  border-left: 1px #D0D0D0 solid;
}
.metrics__chart-time__line {
  stroke-width: 1px;
  stroke: #D0D0D0;
  position: absolute;
  height: calc(100% - 28px);
}
.metrics__chart-time__date {
  font-size: 0.6em;
}
.metrics__chart-time__hour-wrapper {
  font-size: 0.8em;
  font-weight: bold;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.metrics__chart-time__hour {
  min-width: 3em;
  margin-right: 0.15em;
}

.metrics__chart-axes .axis {
  font-family: benton-sans, "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 10px;
  fill: none;
}
.metrics__chart-axes .axis line {
  stroke: #E3E7EF;
  stroke-width: 1;
}
.metrics__chart-axes .axis path {
  display: none;
}
.metrics__chart-axes .axis text {
  opacity: 1;
  fill: #56667D;
}
.metrics__chart-axes .axis.date text {
  fill: #56667D;
  text-transform: uppercase;
}

.metrics__wrapped-chart {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  border-right: 1px solid #E5E8EA;
  border-left: 1px solid #E5E8EA;
  border-bottom: 1px solid #E5E8EA;
}
.metrics__wrapped-chart timeseries-chart {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}

.metrics__graph-point-indicator circle {
  r: 2.5px;
}

.metrics__graph-row-stacked__indicator {
  stroke: white;
  stroke-width: 1px;
}
.metrics__graph-row-stacked__indicator--critical {
  fill: #D64242;
}
.metrics__graph-row-stacked__indicator--info {
  fill: #96A3B6;
}
.metrics__graph-row-stacked__indicator--warning {
  fill: #FA9F47;
}
.metrics__graph-row-stacked__indicator--activity {
  fill: #56CDFC;
}

.metrics__graph-row-stacked__duration--critical {
  stroke: #D64242;
}
.metrics__graph-row-stacked__duration--info {
  stroke: #96A3B6;
}
.metrics__graph-row-stacked__duration--warning {
  stroke: #FA9F47;
}
.metrics__graph-row-stacked__duration--activity {
  stroke: #56CDFC;
}

.metrics__graph-row a:hover + .errorExplanation {
  opacity: 1;
}
.metrics__graph-row__separator {
  stroke: #eee;
  stroke-width: 1;
}
.metrics__graph-row__label {
  opacity: 1;
  fill: #79589F;
  color: #79589F;
  font-size: 10px;
  cursor: pointer;
}
.metrics__graph-row__label:hover {
  fill: rgb(96.8, 70.4, 127.2);
  color: rgb(96.8, 70.4, 127.2);
}
.metrics__graph-row__label:hover ~ .metrics__graph-row__explanation {
  opacity: 1;
}
.metrics__graph-row__label:hover ~ .metrics__graph-row__explanation {
  opacity: 1;
}
.metrics__graph-row__explanation {
  -webkit-transition: 0.25s linear opacity;
  -o-transition: 0.25s linear opacity;
  transition: 0.25s linear opacity;
  opacity: 0.01;
}
.metrics__graph-row__explanation text {
  fill: #3F3F44;
  color: #3F3F44;
  font-size: 10px;
}
.metrics__graph-row__explanation text.knockout {
  fill: white;
  stroke: white;
  stroke-width: 6px;
  opacity: 0.8;
}
.metrics__graph-row__alert-icon {
  fill: #D64242;
}

.metrics__area {
  stroke: none;
  -webkit-transform: translate(-0.5px, 0.5px);
  -moz-transform: translate(-0.5px, 0.5px);
  -ms-transform: translate(-0.5px, 0.5px);
  -o-transform: translate(-0.5px, 0.5px);
  transform: translate(-0.5px, 0.5px);
}

.metrics__line {
  stroke-width: 1;
  fill: none;
  shape-rendering: crispEdges;
}
.metrics__line--dashed {
  stroke-dasharray: 5px;
}

.metrics__app-guidance {
  font-size: 13px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.metrics__app-guidance .metrics__chart {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.metrics__app-guidance__guide-list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.metrics__app-guidance__item {
  margin: 0;
  border-bottom: 1px solid rgb(233.4909090909, 236.5636363636, 242.7090909091);
}
.metrics__app-guidance__item.is-last-visible {
  border-bottom: none;
}
.metrics__app-guidance__help-list, .metrics__app-guidance__action-list {
  padding: 4px 0 0;
  list-style: none;
  display: block;
  margin-bottom: 0;
}

.metrics__charts-container {
  position: relative;
}
.metrics__charts-container .header-box {
  border: 1px solid #E5E8EA;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

metrics-chart-controls {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
metrics-chart-controls > * {
  padding: 0;
  margin: 0 0 0 8px;
}
metrics-chart-controls > :first-child {
  margin-left: 0;
}
metrics-chart-controls > :last-child {
  margin-right: 0;
}
metrics-chart-controls .hk-button-group button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
metrics-chart-controls .metrics__view-controls__toggle-buttons .btn svg {
  width: 22px;
  display: block;
}
metrics-chart-controls .metrics__view-controls__toggle-buttons .btn svg * {
  fill: #79589F;
}
metrics-chart-controls .metrics__view-controls__toggle-buttons .btn[disabled] svg * {
  fill: #CFD7E6;
}
metrics-chart-controls .form-control {
  width: 200px;
}

.metrics__time-picker__menu-item-desc {
  display: flex;
  align-items: center;
}

.metrics__time-picker__btn-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  float: right;
  position: relative;
}
.metrics__time-picker__btn-content > .icon {
  margin: 0 -4px 0 6px;
}
.metrics__time-picker__menu {
  margin: 5px 0 0 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 150px;
  max-height: 365px;
  overflow-y: scroll;
}
.metrics__time-picker__menu-item {
  border-bottom: 1px solid rgba(207, 215, 230, 0.6);
  cursor: pointer;
  padding-top: 6px;
  padding-bottom: 6px;
}
.metrics__time-picker__menu-item-label {
  color: #56667D;
  font-size: 13px;
  font-weight: bold;
}
.metrics__time-picker__menu-item-desc {
  color: rgb(146.6383561644, 164.698630137, 198.5616438356);
}
.metrics__time-picker__menu-item-msg {
  display: inline-block;
  margin-top: 6px;
  line-height: 1.4;
  color: #006DEB;
  white-space: normal;
}
.metrics__time-picker__menu-item-desc, .metrics__time-picker__menu-item-msg {
  font-size: 11px;
}
.metrics__time-picker__menu-item:hover, .metrics__time-picker__menu-item:active, .actions-button .metrics__time-picker__menu-item.btn-default:focus, .metrics__time-picker__menu-item:focus, .metrics__time-picker__menu-item--selected {
  background: rgba(121, 88, 159, 0.1);
  border-color: rgba(207, 215, 230, 0.6);
}
.metrics__time-picker__menu-item:hover .metrics__time-picker__menu-item-label, .metrics__time-picker__menu-item:active .metrics__time-picker__menu-item-label, .metrics__time-picker__menu-item:focus .metrics__time-picker__menu-item-label, .metrics__time-picker__menu-item--selected .metrics__time-picker__menu-item-label {
  color: #79589F;
}
.metrics__time-picker__menu-item:hover .metrics__time-picker__menu-item-desc, .metrics__time-picker__menu-item:active .metrics__time-picker__menu-item-desc, .metrics__time-picker__menu-item:focus .metrics__time-picker__menu-item-desc, .metrics__time-picker__menu-item--selected .metrics__time-picker__menu-item-desc {
  color: rgb(113.104109589, 136.7534246575, 181.095890411);
}
.metrics__time-picker__menu-item:last-child {
  border-bottom: 0;
}
.metrics__time-picker__menu-item > a:hover,
.metrics__time-picker__menu-item > a:focus {
  background: none !important;
}
.metrics__time-picker__menu-item--disabled {
  cursor: not-allowed;
  background: rgba(227, 231, 239, 0.2);
}
.metrics__time-picker__menu-item--disabled .metrics__time-picker__menu-item-label {
  color: #62738D;
  font-weight: normal;
}
.metrics__time-picker__menu-item--disabled .metrics__time-picker__menu-item-desc {
  color: #CFD7E6;
}
.metrics__time-picker__menu-item--disabled:hover, .metrics__time-picker__menu-item--disabled:focus, .metrics__time-picker__menu-item--disabled:active, .actions-button .metrics__time-picker__menu-item--disabled.btn-default:focus {
  background: rgba(227, 231, 239, 0.2);
}
.metrics__time-picker__menu-item--disabled:hover .metrics__time-picker__menu-item-label, .metrics__time-picker__menu-item--disabled:focus .metrics__time-picker__menu-item-label, .metrics__time-picker__menu-item--disabled:active .metrics__time-picker__menu-item-label {
  color: #62738D;
}
.metrics__time-picker__menu-item--disabled:hover .metrics__time-picker__menu-item-desc, .metrics__time-picker__menu-item--disabled:focus .metrics__time-picker__menu-item-desc, .metrics__time-picker__menu-item--disabled:active .metrics__time-picker__menu-item-desc {
  color: rgb(204.9879452055, 213.3232876712, 228.9520547945);
}
.metrics__time-picker__note {
  color: #62738D;
  padding: 8px 10px;
  font-size: 10px;
}
.metrics__time-picker__note > .link {
  display: inline;
  color: #79589F;
  text-decoration: underline;
  background: 0;
  padding: 0;
  margin: 0;
  white-space: normal;
}
.metrics__time-picker__note > .link:hover, .metrics__time-picker__note > .link:active, .metrics__time-picker__note > .link:focus {
  color: rgb(96.016194332, 69.8299595142, 126.1700404858);
  text-decoration: underline;
  background: 0;
  padding: 0;
  margin: 0;
}

.metrics__view-controls__button {
  float: right;
  position: relative;
}
.metrics__view-controls__button .icon {
  margin: 0;
}
.metrics__view-controls__menu {
  position: absolute;
  left: auto;
  right: 0;
  margin-top: 5px;
}

.metrics__chart-sorting .btn {
  padding: 6px 8px;
  height: 31px;
}
.metrics__chart-sorting .btn .icon {
  margin: 0;
}
.metrics__chart-sorting .btn .icon:first-child {
  margin: 0 5px;
}
.metrics__chart-sorting ul {
  right: 0;
  left: auto;
  min-width: 240px;
}
.metrics__chart-sorting .cmn-toggle {
  margin: 0;
}
.metrics__chart-sorting .sortable-item {
  transition: all 0.125s;
}
.metrics__chart-sorting .sortable-item.is-dragging {
  position: relative;
  left: -4px;
  z-index: 100;
  cursor: move;
  opacity: 0.6;
}
.metrics__chart-sorting .handle {
  cursor: move;
  transition: fill 120ms ease;
}
.metrics__chart-sorting .handle:hover {
  fill: #006DEB;
}
.metrics__chart-sorting input.cmn-toggle-round-flat + label {
  height: 20px;
  width: 40px;
}
.metrics__chart-sorting input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 20px;
}
.metrics__chart-sorting input.cmn-toggle-round-flat + label:after {
  width: 20px;
}
.metrics__chart-sorting .toggle-switch {
  align-items: center;
}

.metrics__process-switcher {
  padding-left: 0;
  margin-bottom: 0;
}
.metrics__process-switcher .metrics__process-switcher__btn {
  min-width: 160px;
  max-width: 400px;
  padding: 0;
  font-size: 14px;
}
.metrics__process-switcher .metrics__process-switcher__btn.is-only-process {
  background-color: white;
  box-shadow: inset 0 0 0 1px #cfd7e6;
}
.metrics__process-switcher .metrics__process-switcher__btn.is-only-process:hover, .metrics__process-switcher .metrics__process-switcher__btn.is-only-process:active, .metrics__process-switcher .metrics__process-switcher__btn.is-only-process:focus {
  background-color: white !important;
  box-shadow: inset 0 0 0 1px #cfd7e6 !important;
}
.metrics__process-switcher .metrics__process-switcher__btn .metrics__process-switcher__item-header {
  color: #79589F;
}
.metrics__process-switcher__menu {
  margin-top: 5px;
  padding: 0;
  min-width: 160px;
  max-width: 400px;
}
.metrics__process-switcher__menu.scrollable {
  max-height: 200px;
  overflow-y: scroll;
}
.metrics__process-switcher__item {
  border-bottom: 1px solid #E3E7EF;
  cursor: pointer;
  padding: 0;
}
.metrics__process-switcher__item-link {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  width: 100%;
  padding: 6px 12px;
  cursor: default;
  text-align: left;
}
.metrics__process-switcher__item-link.active .metrics__process-switcher__item-header {
  max-width: 180px;
}
.metrics__process-switcher__item-header {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #56667D;
  font-weight: bold;
  margin: 0 10px 3px 0;
}
.metrics__process-switcher__item-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
}
.metrics__process-switcher__item-content-quantity {
  color: #62738D;
}
.metrics__process-switcher__item.selectable:hover, .metrics__process-switcher__item.selectable:active, .metrics__process-switcher__item.selectable:focus {
  transition: background-color ease 0.2s;
  background: rgba(121, 88, 159, 0.1);
  border-color: rgb(224.9028340081, 217.020242915, 233.979757085);
}
.metrics__process-switcher__item.selectable:hover .metrics__process-switcher__item-header, .metrics__process-switcher__item.selectable:active .metrics__process-switcher__item-header, .metrics__process-switcher__item.selectable:focus .metrics__process-switcher__item-header {
  color: #79589F;
}
.metrics__process-switcher__item.selectable:hover .metrics__process-switcher__item-content-quantity, .metrics__process-switcher__item.selectable:active .metrics__process-switcher__item-content-quantity, .metrics__process-switcher__item.selectable:focus .metrics__process-switcher__item-content-quantity {
  color: #62738D;
}
.metrics__process-switcher__item.selectable > a {
  cursor: pointer;
}
.metrics__process-switcher__item:last-child {
  border-bottom: 0;
}
.metrics__process-switcher__item > a:hover {
  background: none !important;
}
.metrics__process-switcher .dyno-icon {
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.metrics__process-switcher .icon.caret-icon {
  margin: 0;
}

.metrics__chart__event-indicator.is-selected .metrics__chart__event-indicator__gradient {
  stroke: #96A3B6;
}
.metrics__chart__event-indicator.is-selected .metrics__chart__event-indicator__label__text-background {
  fill: #79589F;
  stroke: #79589F;
}
.metrics__chart__event-indicator.is-selected .metrics__chart__event-indicator__label__text {
  fill: white;
}
.metrics__chart__event-indicator__label__text-background {
  -webkit-transition: all ease-out 150ms;
  -o-transition: all ease-out 150ms;
  transition: all ease-out 150ms;
  fill: #F7F8FB;
  stroke: rgba(0, 0, 0, 0.1);
}
.metrics__chart__event-indicator__label__background {
  fill: white;
}
.metrics__chart__event-indicator__label__text {
  font-size: 10px;
  font-weight: 400;
  dominant-baseline: text-before-edge;
  text-anchor: middle;
  fill: #475366;
}
.metrics__chart__event-indicator__gradient {
  stroke: rgba(150, 163, 182, 0.3);
  shape-rendering: crispEdges;
  -webkit-transition: stroke ease-out 150ms;
  -o-transition: stroke ease-out 150ms;
  transition: stroke ease-out 150ms;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
.metrics-auto-refresh-syncing {
  -webkit-animation: rotate 1.6s linear 0s infinite;
  -moz-animation: rotate 1.6s linear 0s infinite;
  -o-animation: rotate 1.6s linear 0s infinite;
  animation: rotate 1.6s linear 0s infinite;
}

.metrics__events-chart {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}

.metrics__alerting-configuration__item {
  display: block;
  margin-bottom: 10px;
  border: 1px solid #E3E7EF;
  border-radius: 6px;
  overflow: hidden;
}
.metrics__alerting-configuration__item__header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  cursor: pointer;
  color: #79589F;
  margin-bottom: 0;
  transition: background-color 0.2s ease;
}
.metrics__alerting-configuration__item__header:disabled {
  color: #62738D;
}
.metrics__alerting-configuration__item__header:hover:not([disabled]) {
  background-color: #FBFBFD;
}
.metrics__alerting-configuration__item__header .icon {
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  transform-origin: center center;
}
.metrics__alerting-configuration__item__header .icon.opened {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.metrics__alerting-configuration__item__title {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.metrics__alerting-configuration__item__state {
  color: #62738D;
}
.metrics__alerting-configuration__item.is-active-persisted .metrics__alerting-configuration__item__state {
  color: #006DEB;
}
.metrics__alerting-configuration__item.is-active .metrics__process-monitor-configuration__toggle__label--on {
  color: #006DEB;
}
.metrics__alerting-configuration__item.is-active .metrics__process-monitor-configuration__toggle__label--off {
  color: #CFD7E6;
}

.metrics__process-monitor-configuration {
  padding: 15px;
  font-size: 13px;
  border-top: 1px solid #E3E7EF;
}
.metrics__process-monitor-configuration .form-control {
  width: 100%;
}
.metrics__process-monitor-configuration__action-area {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 15px 0 0;
  border-top: 1px solid #EEF1F6;
}
.metrics__process-monitor-configuration__action-area label {
  cursor: pointer;
}
.metrics__process-monitor-configuration__action-area button:last-of-type {
  margin-left: 5px;
}
.metrics__process-monitor-configuration__actions {
  margin-left: auto;
}
.metrics__process-monitor-configuration__section {
  padding: 0;
}
.metrics__process-monitor-configuration__toggle {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-top: 4px;
}
.metrics__process-monitor-configuration__toggle__label--on {
  transition: color 200ms ease;
  font-size: 14px;
}
.metrics__process-monitor-configuration__toggle__label--on {
  color: #CFD7E6;
  font-weight: normal;
  margin-left: 8px;
}
.metrics__process-monitor-configuration .metrics__timeseries-chart__line {
  stroke: #C74C00;
}
.metrics__process-monitor-configuration .list-group-item {
  background: none;
}
.metrics__process-monitor-configuration select.form-control:not([multiple]) {
  background-color: white;
}
.metrics__process-monitor-configuration__settings {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.metrics__process-monitor-configuration .metrics__chart__wrapper {
  padding: 10px 10px 10px 0;
}

.metrics__monitor-preview-chart__loading {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  min-height: 172px;
  margin: 4px 0 43px;
}

.metrics__alerting-email-configuration .form-control {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  width: auto;
}

.metrics__alert-summary {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.metrics__alert-summary__label, .metrics__alert-summary__description, .metrics__alert-summary__active-alert {
  font-size: 12px;
}
.metrics__alert-summary__label, .metrics__alert-summary__description,
.metrics__alert-summary button {
  opacity: 0.6;
  transition: opacity 200ms ease;
}
.metrics__alert-summary__label, .metrics__alert-summary__description {
  color: #62738D;
}
.metrics__alert-summary:hover .metrics__alert-summary__label {
  color: #006DEB;
}
.metrics__alert-summary .link:hover {
  cursor: pointer;
}

.metrics__chart__footer:hover .metrics__alert-summary__label, .metrics__chart__footer:hover .metrics__alert-summary__description,
.metrics__chart__footer:hover .metrics__alert-summary button {
  opacity: 1;
}

.metrics__summary-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.metrics__summary-row__item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  overflow: hidden;
  border: 0;
  border-right: 1px solid #E3E7EF;
  border-image: linear-gradient(to bottom, #E3E7EF, rgba(227, 231, 239, 0)) 1 100%;
}
@media (max-width: 767px) {
  .metrics__summary-row__item {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    border: 0;
    min-width: 0;
  }
}
.metrics__summary-row__item:last-child {
  border: 0;
}
.metrics__summary-row__values {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  box-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  -o-align-items: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  color: #62738D;
}
.metrics__summary-row__label {
  font-size: 10px;
  letter-spacing: 0.5px;
  color: #62738D;
  text-transform: uppercase;
  font-weight: bold;
}
.metrics__summary-row__value {
  font-size: 12px;
  color: #62738D;
  margin-right: 10px;
  cursor: default;
}
@media (max-width: 414px) {
  .metrics__summary-row__value {
    display: block;
  }
}
.metrics__summary-row__value--warning {
  color: rgb(168.4, 64.3135678392, 0);
}
.metrics__summary-row__value--danger {
  color: #DE0A0A;
}
.metrics__summary-row__value--large {
  font-size: 16px;
}
.metrics__summary-row__value--small {
  font-size: 12px;
}
.metrics__summary-row__value--primary {
  color: #56667D;
}
.metrics__summary-row__value--primary > .metrics__summary-row__unit {
  color: #62738D;
}
@media (max-width: 767px) {
  .metrics__summary-row__value--secondary {
    display: none;
  }
}
.metrics__summary-row__value:last-child {
  margin-right: 0;
}
.metrics__summary-row__unit {
  letter-spacing: 0.5px;
  color: #62738D;
  margin-left: 2px;
}
.metrics__summary-row timeseries-chart {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
}

.metrics__summary-row--favorite {
  text-decoration: none;
}
.metrics__summary-row--favorite.not-enough-data .metrics__summary-row__item {
  padding-left: 0;
  padding-bottom: 4px;
  color: #56667D;
}
.metrics__summary-row--favorite__link-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.metrics__summary-row--favorite .metrics__summary-row__item.metric-error-count {
  padding-left: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
}
@media (max-width: 414px) {
  .metrics__summary-row--favorite .metrics__summary-row__item.metric-error-count {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
  }
}
.metrics__summary-row--favorite .metrics__chart__wrapper {
  padding: 0;
}

.app-item-favorite-tray {
  min-height: 80px;
}
@media (max-width: 767px) {
  .app-item-favorite-tray {
    min-height: 0;
  }
}

.formation-summary {
  font-size: 13px;
  color: #56667D;
}

.metrics__main__charts {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.metrics__main__charts.is-compact > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.metrics__main__charts.is-compact .sortable-item {
  min-width: 44%;
  max-width: 50%;
}
.metrics__main__charts.is-compact .is-left-chart {
  border-right: 1px solid #E3E7EF;
}
.metrics__main__charts.is-vertical {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
@media (max-width: 1200px) {
  .metrics__main__charts {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
  }
  .metrics__main__charts.is-compact .sortable-item {
    max-width: 100%;
  }
  .metrics__main__charts.is-compact .has-bb-when-stacked {
    border-bottom: 1px solid #E3E7EF;
  }
  .metrics__main__charts.is-compact .is-left-chart {
    border-right: 0;
  }
}

.metrics__not-all-available {
  margin-top: 60px;
  margin-bottom: 40px;
}
.metrics__not-all-available__banner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  border: 1px solid #E5E8EA;
}
.metrics__not-all-available__banner__icon {
  position: absolute;
  margin-top: -26px;
  margin-left: calc(50% - 23px);
}
.metrics__not-all-available__banner__icon > g > path:nth-child(2) {
  stroke: rgb(193.6834008097, 177.624291498, 212.175708502);
  stroke-width: 2;
}
.metrics__not-all-available__banner__header {
  padding: 30px 20px 0;
}
.metrics__not-all-available__banner__description {
  max-width: 640px;
  margin: 10px auto 20px;
  padding: 0 20px;
}
.metrics__not-all-available__chart {
  border-bottom: 1px solid #E5E8EA;
  border-right: 1px solid #E5E8EA;
  border-left: 1px solid #E5E8EA;
}

.notification-list {
  margin: 0 auto;
  width: 100%;
}

.notification-item {
  padding: 20px 15px;
}
.notification-item.read {
  background: #FBFBFD;
}
.notification-item.read .notification-time {
  color: #62738D;
}
.notification-item:before {
  height: 7px;
  width: 7px;
  display: inline-block;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 55px;
  margin-top: -4px;
  left: 6px;
  background: #CFD7E6;
}
.notification-item.unread:before {
  background: #006DEB;
}
.notification-item .notification-title {
  font-size: 15px;
  margin-top: 4px;
  color: #475366;
}
.notification-item .notification-message {
  padding-top: 4px;
}
.notification-item .notification-message .timeago {
  color: #62738D;
}
.notification-item .notification-message p, .notification-item .notification-message .panel-section .panel-details, .panel-section .notification-item .notification-message .panel-details {
  color: #56667D;
  font-size: 14px;
  line-height: 21px;
}
.notification-item .notification-message p:last-of-type, .notification-item .notification-message .panel-section .panel-details:last-of-type, .panel-section .notification-item .notification-message .panel-details:last-of-type {
  margin-bottom: 0;
}
.notification-item .notification-message table {
  margin-bottom: 20px;
}
.notification-item .notification-message table td, .notification-item .notification-message table th {
  padding: 5px 15px 5px 0px;
}
.notification-item .notification-time {
  color: #006DEB;
  font-size: 14px;
  font-weight: bold;
}
.notification-item:after {
  content: "";
  clear: both;
  display: block;
}

.flash-notification {
  margin: 15px;
  background: #DE0A0A;
  color: white;
  text-align: center;
}

#modal-overlays .ember-modal-dialog.production-check .modal-box .check-message {
  padding-top: 4px;
  padding-left: 59px;
  width: 90%;
}
#modal-overlays .ember-modal-dialog.production-check .modal-box .check-message p, #modal-overlays .ember-modal-dialog.production-check .modal-box .check-message .panel-section .panel-details, .panel-section #modal-overlays .ember-modal-dialog.production-check .modal-box .check-message .panel-details {
  margin: 0;
}
#modal-overlays .ember-modal-dialog.production-check .modal-body {
  padding: 0;
}

.production-check-loading {
  height: 180px;
}

.production-check-item {
  font-size: 13px;
  padding: 10px 14px;
  border-bottom: 1px solid rgb(231, 235, 242.5);
}
.production-check-item:last-of-type {
  border-bottom: none;
}
.production-check-item.skipped {
  color: #62738D;
}
.production-check-item a.dev-center {
  float: right;
}
.production-check-item a {
  text-decoration: underline;
}
.production-check-item .label {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 6px;
  width: 50px;
  padding: 2px 0 1px;
  line-height: inherit;
}
.production-check-item .title {
  font-weight: bold;
}
.production-check-item .title-success {
  color: #008700;
}
.production-check-item .title-danger {
  color: #DE0A0A;
}
.production-check-item .title-warning {
  color: #C74C00;
}

.flash-messages {
  position: fixed;
  z-index: 1100;
  top: 62px;
  right: 12px;
  max-width: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  opacity: 0;
  -webkit-transform: translateY(-16px);
  -moz-transform: translateY(-16px);
  -ms-transform: translateY(-16px);
  -o-transform: translateY(-16px);
  transform: translateY(-16px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.3, 0, 0, 2);
  transition-timing-function: cubic-bezier(0.3, 0, 0, 2);
}
.flash-messages.rolled-down {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.flash-messages .flash-message {
  position: relative;
  margin-bottom: 6px;
  font-size: 12px;
  padding: 6px 24px 6px 10px;
  max-width: 400px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 440px) {
  .flash-messages .flash-message {
    max-width: 100%;
  }
}
.flash-messages .flash-message.alert {
  border: none;
  color: #fff;
}
.flash-messages .flash-message.alert-danger {
  background: #DE0A0A;
}
.flash-messages .flash-message.alert-success {
  background: #008700;
}
.text-center .flash-messages .flash-message {
  display: inline-block;
}
.flash-messages .flash-message .title {
  font-weight: bold;
  padding-right: 10px;
}
.flash-messages .flash-message .content li {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
  padding: 4px 0;
}
.flash-messages .flash-message .content li:last-of-type {
  box-shadow: none;
  padding-bottom: 0;
}
.flash-messages .flash-message .flash-message-close {
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.flash-messages .flash-message .flash-message-close:hover {
  opacity: 1;
}

.dropdown-inline {
  display: inline-block;
}

.dropdown-right .dropdown-menu, .dropdown-right .drop-down__menu, .dropdown-right .context-switcher__list,
.dropdown-right.dropdown-menu,
.dropdown-right.drop-down__menu,
.dropdown-right.context-switcher__list {
  left: auto;
  right: 0;
}

.truncated-dropdown {
  max-height: 220px;
  overflow: auto;
}

.dropdown .dropdown-item-content {
  padding: 3px 20px;
}

.dropdown-menu, .drop-down__menu, .context-switcher__list {
  z-index: 48;
}
.dropdown-menu .filter-menu, .drop-down__menu .filter-menu, .context-switcher__list .filter-menu {
  padding: 2px 12px;
}
.dropdown-menu .dropdown-header, .drop-down__menu .dropdown-header, .context-switcher__list .dropdown-header {
  position: relative;
  z-index: 1;
  margin: -5px 0 5px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #FBFBFD;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.dropdown-menu .selected, .drop-down__menu .selected, .context-switcher__list .selected {
  background: #EEF1F6;
}
.dropdown-menu .selected .btn-link, .drop-down__menu .selected .btn-link, .context-switcher__list .selected .btn-link {
  position: relative;
  padding-right: 34px;
}
.dropdown-menu .selected .btn-link .selected-mark, .drop-down__menu .selected .btn-link .selected-mark, .context-switcher__list .selected .btn-link .selected-mark {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 8px;
}

.hk-dropdown a {
  display: flex !important;
  width: 100%;
  line-height: 1.5 !important;
  padding: 4px 14px 4px 10px !important;
}
.hk-dropdown .icon {
  margin: 0 10px 0 0 !important;
}

.rot270 {
  transform: rotate(270deg);
}

@media (max-width: 767px) {
  .panel-section .section-description {
    padding-bottom: 20px;
  }
}
.panel-section .section-description a:not(.no-underline) {
  text-decoration: underline;
}
.panel-section .section-title .label {
  position: relative;
  top: -2px;
  margin-left: 4px;
  text-transform: uppercase;
  font-size: 9px;
  padding: 2px 5px 1px;
}
.panel-section .section-title .icon {
  position: relative;
  top: -1px;
  margin-right: 4px;
}
.panel-section .panel-content .group-header {
  margin-top: -5px;
}
.panel-section .panel-content p, .panel-section .panel-content .panel-details {
  line-height: 22px;
}
.panel-section .panel-content p.actions .btn, .panel-section .panel-content .actions.panel-details .btn {
  margin-right: 10px;
}
.panel-section.danger .section-title {
  color: #DE0A0A;
}

ul.list-group-lg > li:first-of-type {
  padding-top: 20px;
}

.form-intro {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.deploy-section .panel-content h4, .deploy-section .panel-content .dyno-tier-picker-item-product-tier__name, .deploy-section .panel-content .panel-section .panel-title, .panel-section .deploy-section .panel-content .panel-title, .pipeline-config .panel-content h4, .pipeline-config .panel-content .dyno-tier-picker-item-product-tier__name, .pipeline-config .panel-content .panel-section .panel-title, .panel-section .pipeline-config .panel-content .panel-title {
  color: #3F3F44;
  font-size: 14px;
  font-weight: 400;
  margin-top: 20px;
}
.deploy-section .panel-content h4:first-child, .deploy-section .panel-content .dyno-tier-picker-item-product-tier__name:first-child, .deploy-section .panel-content .panel-section .panel-title:first-child, .panel-section .deploy-section .panel-content .panel-title:first-child, .pipeline-config .panel-content h4:first-child, .pipeline-config .panel-content .dyno-tier-picker-item-product-tier__name:first-child, .pipeline-config .panel-content .panel-section .panel-title:first-child, .panel-section .pipeline-config .panel-content .panel-title:first-child {
  margin-top: 0;
}
.deploy-section .panel-content h4 .icon, .deploy-section .panel-content .dyno-tier-picker-item-product-tier__name .icon, .deploy-section .panel-content .panel-section .panel-title .icon, .panel-section .deploy-section .panel-content .panel-title .icon, .pipeline-config .panel-content h4 .icon, .pipeline-config .panel-content .dyno-tier-picker-item-product-tier__name .icon, .pipeline-config .panel-content .panel-section .panel-title .icon, .panel-section .pipeline-config .panel-content .panel-title .icon {
  margin-right: 4px;
}
.deploy-section .panel-content h4 code, .deploy-section .panel-content .dyno-tier-picker-item-product-tier__name code, .deploy-section .panel-content .panel-section .panel-title code, .panel-section .deploy-section .panel-content .panel-title code, .pipeline-config .panel-content h4 code, .pipeline-config .panel-content .dyno-tier-picker-item-product-tier__name code, .pipeline-config .panel-content .panel-section .panel-title code, .panel-section .pipeline-config .panel-content .panel-title code {
  padding: 3px 6px;
  margin: 0 4px;
}
.deploy-section .panel-content h4 code .icon, .deploy-section .panel-content .dyno-tier-picker-item-product-tier__name code .icon, .deploy-section .panel-content .panel-section .panel-title code .icon, .panel-section .deploy-section .panel-content .panel-title code .icon, .pipeline-config .panel-content h4 code .icon, .pipeline-config .panel-content .dyno-tier-picker-item-product-tier__name code .icon, .pipeline-config .panel-content .panel-section .panel-title code .icon, .panel-section .pipeline-config .panel-content .panel-title code .icon {
  margin-right: -2px;
  margin-top: -1px;
}
.deploy-section .panel-content p:not(.help-block), .deploy-section .panel-content .panel-section .panel-details:not(.help-block), .panel-section .deploy-section .panel-content .panel-details:not(.help-block), .pipeline-config .panel-content p:not(.help-block), .pipeline-config .panel-content .panel-section .panel-details:not(.help-block), .panel-section .pipeline-config .panel-content .panel-details:not(.help-block) {
  color: #56667D;
  font-size: 13px;
  line-height: 22px;
}
.deploy-section .panel-content .deploy-nav, .pipeline-config .panel-content .deploy-nav {
  text-align: left;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.deploy-section .panel-content #auto-deploy-prs, .deploy-section .panel-content .enable-option, .pipeline-config .panel-content #auto-deploy-prs, .pipeline-config .panel-content .enable-option {
  padding: 8px 0;
}
.deploy-section .panel-content #auto-deploy-prs label, .deploy-section .panel-content .enable-option label, .pipeline-config .panel-content #auto-deploy-prs label, .pipeline-config .panel-content .enable-option label {
  font-size: 13px;
  font-weight: normal;
  color: #56667D;
  width: auto;
  margin-bottom: 0;
}
.deploy-section .panel-content #auto-deploy-prs label input, .deploy-section .panel-content .enable-option label input, .pipeline-config .panel-content #auto-deploy-prs label input, .pipeline-config .panel-content .enable-option label input {
  margin-right: 4px;
}
.deploy-section .panel-content #auto-deploy-prs .loading-spinner, .deploy-section .panel-content .enable-option .loading-spinner, .pipeline-config .panel-content #auto-deploy-prs .loading-spinner, .pipeline-config .panel-content .enable-option .loading-spinner {
  position: relative;
  margin-left: 20px;
  top: -1px;
  vertical-align: middle;
}
.deploy-section .panel-content #auto-deploy-prs, .deploy-section .panel-content .enable-option, .pipeline-config .panel-content #auto-deploy-prs, .pipeline-config .panel-content .enable-option {
  padding-bottom: 0;
}
.deploy-section .panel-content #auto-deploy-prs .help-block, .deploy-section .panel-content .enable-option .help-block, .pipeline-config .panel-content #auto-deploy-prs .help-block, .pipeline-config .panel-content .enable-option .help-block {
  margin-bottom: 0;
}
.deploy-section .panel-content .input-group .btn, .pipeline-config .panel-content .input-group .btn {
  position: relative;
  z-index: 2;
}
.deploy-section .btn, .pipeline-config .btn {
  position: relative;
}
.deploy-section .pipeline-status, .pipeline-config .pipeline-status {
  position: relative;
}
.deploy-section .pipeline-status::before, .pipeline-config .pipeline-status::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  bottom: 0;
  right: -20px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(#fff, #F9F7FC);
  background-image: linear-gradient(#fff, #F9F7FC);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}
.deploy-section .pipeline-status .list-group-item, .pipeline-config .pipeline-status .list-group-item {
  position: relative;
  background: transparent;
}
.deploy-section .pipeline-status > ul > li.list-group-item, .pipeline-config .pipeline-status > ul > li.list-group-item {
  position: relative;
  margin: 0 -10px 0;
  padding: 20px 10px 40px;
}
.deploy-section .pipeline-status .btn-default:not(:hover), .pipeline-config .pipeline-status .btn-default:not(:hover) {
  background: transparent;
}
.deploy-section .pipeline-status .pipeline-actions, .pipeline-config .pipeline-status .pipeline-actions {
  max-width: 600px;
}
.deploy-section .pipeline-status .pipeline-actions .alert, .pipeline-config .pipeline-status .pipeline-actions .alert {
  margin-bottom: 0;
}
.deploy-section .pipeline-status .pipeline-actions .hk-select, .pipeline-config .pipeline-status .pipeline-actions .hk-select {
  max-width: 400px;
}
.deploy-section .ci-billing-options, .pipeline-config .ci-billing-options {
  margin: 0 0 14px;
}
.deploy-section #ci-billing-target, .pipeline-config #ci-billing-target {
  display: inline-block;
  max-width: 340px;
}

.github-is-connected, .pipeline-is-connected {
  margin-top: -14px !important;
  margin-bottom: 0;
}
.github-is-connected .list-group-item, .pipeline-is-connected .list-group-item {
  display: block;
  padding: 14px 0;
}
.github-is-connected .list-group-item:last-child, .pipeline-is-connected .list-group-item:last-child {
  padding-bottom: 0;
}
.github-is-connected .connection .badge, .pipeline-is-connected .connection .badge {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  background: rgb(243.2272727273, 244.9090909091, 248.2727272727) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
  border-radius: 3px;
  color: #56667D;
  font-size: 13px;
  font-weight: normal;
  position: relative;
  top: -1px;
  margin: 0 2px;
  padding: 3px 5px;
}
.github-is-connected p, .github-is-connected .panel-section .panel-details, .panel-section .github-is-connected .panel-details, .pipeline-is-connected p, .pipeline-is-connected .panel-section .panel-details, .panel-section .pipeline-is-connected .panel-details {
  margin-bottom: 0;
}
.github-is-connected code, .pipeline-is-connected code {
  margin: 0 10px 0 4px;
}
.github-is-connected code .icon, .pipeline-is-connected code .icon {
  position: relative;
  left: 2px;
  top: -1px;
}
.github-is-connected code.pr-ref, .pipeline-is-connected code.pr-ref {
  background: none;
  box-shadow: none;
  margin-left: 0;
}
.github-is-connected code.pr-ref a, .pipeline-is-connected code.pr-ref a {
  font-family: benton-sans, "Helvetica Neue", helvetica, arial, sans-serif;
  color: #62738D;
  text-decoration: none;
}
.github-is-connected code.pr-ref a .pr-id, .pipeline-is-connected code.pr-ref a .pr-id {
  color: #79589F;
  text-decoration: underline;
}

.repo-link {
  margin: 0 4px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 13px;
  white-space: nowrap;
}
.repo-link .icon {
  margin-right: -2px;
}

.app-json-config-row .alert {
  margin: 0;
}

.app-json-addons td.addon-icon {
  width: 36px;
}
.app-json-addons td.addon-plan {
  text-align: left;
}

.deploy-github .deploy-steps, .deploy-pipeline .deploy-steps {
  margin-bottom: 0;
}

.build-output-modal .modal-title {
  color: #62738D;
  font-size: 15px;
}
.build-output-modal .modal-title .icon, .build-output-modal .modal-title .loading-spinner {
  position: relative;
  margin-right: 6px;
  top: -1px;
}
.build-output-modal .modal-title .icon {
  margin-right: 4px;
}
.build-output-modal .modal-body {
  padding: 15px 40px;
}
.build-output-modal .modal-body .deploy-steps {
  margin: 0;
}
.build-output-modal .modal-body .deploy-steps p, .build-output-modal .modal-body .deploy-steps .panel-section .panel-details, .panel-section .build-output-modal .modal-body .deploy-steps .panel-details {
  font-size: 13px;
}
.build-output-modal .modal-body .deploy-steps .build-stream.post-deploy-script .build-stream-output {
  max-height: 160px;
  height: auto;
}

.app-github-disconnect {
  text-align: center;
  margin: 12px 28px;
}

.app-github-disconnect-warnings .alert {
  margin-bottom: 16px;
}
.app-github-disconnect-warnings .alert:first-child {
  margin-top: 22px;
}

#profile .avatar {
  position: absolute;
  left: 15px;
  top: -2px;
}
#profile .profile {
  padding-left: 68px;
}

#privacy label {
  font-size: 14px;
  font-weight: normal;
  color: #56667D;
}
#privacy label input {
  margin-right: 4px;
}

#two-factor .list-group {
  margin-top: -14px;
}
#two-factor .list-group-item {
  display: block;
  overflow: hidden;
  padding: 14px 0;
}
#two-factor .list-group-item span {
  padding: 2px 0;
}
#two-factor .list-group-item .icon {
  position: relative;
  top: -1px;
  margin-right: 4px;
}
#two-factor .list-group-item .actions .btn {
  margin-left: 8px;
}
#two-factor .list-group-item .alert {
  margin-bottom: 14px;
}
#two-factor .list-group-item .alert p, #two-factor .list-group-item .alert .panel-section .panel-details, .panel-section #two-factor .list-group-item .alert .panel-details {
  margin: 0;
}

.account-header {
  text-align: center;
}
.account-header h2 {
  color: inherit;
  font-size: 16px;
  margin-bottom: 4px;
}

.edit-password .current-password-field {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.edit-password .current-password-field::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 65%;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(227, 231, 239, 0) 0%, rgba(227, 231, 239, 0.7) 10%, #e3e7ef 50%, rgba(227, 231, 239, 0.7) 90%, rgba(227, 231, 239, 0) 100%);
  background-image: -moz-linear-gradient(left, rgba(227, 231, 239, 0) 0%, rgba(227, 231, 239, 0.7) 10%, #e3e7ef 50%, rgba(227, 231, 239, 0.7) 90%, rgba(227, 231, 239, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(227, 231, 239, 0) 0%, rgba(227, 231, 239, 0.7) 10%, #e3e7ef 50%, rgba(227, 231, 239, 0.7) 90%, rgba(227, 231, 239, 0) 100%);
  background-image: linear-gradient(to right, rgba(227, 231, 239, 0) 0%, rgba(227, 231, 239, 0.7) 10%, #e3e7ef 50%, rgba(227, 231, 239, 0.7) 90%, rgba(227, 231, 239, 0) 100%);
}
@media (max-width: 768px) {
  .edit-password .current-password-field::after {
    width: 100%;
  }
}

p.status, .panel-section .status.panel-details {
  font-size: 14px;
  color: #3F3F44;
  padding-bottom: 10px;
}
p.status code, .panel-section .status.panel-details code {
  margin-left: 8px;
  font-size: 13px;
}
p.status .icon, .panel-section .status.panel-details .icon {
  position: relative;
  margin-right: 4px;
}

p.api-key, .panel-section .api-key.panel-details {
  max-width: 320px;
}
p.api-key.success input, .panel-section .api-key.success.panel-details input {
  background-color: #74C080;
  color: white;
}

.third-party-auth {
  margin-bottom: 0;
}
.third-party-auth td.party-icon {
  width: 42px;
}
.third-party-auth td a {
  white-space: nowrap;
}
.third-party-auth p, .third-party-auth .panel-section .panel-details, .panel-section .third-party-auth .panel-details {
  display: inline-block;
  color: #56667D;
  font-size: 13px;
  margin-bottom: 0;
  vertical-align: middle;
}
.third-party-auth p b, .third-party-auth .panel-section .panel-details b, .panel-section .third-party-auth .panel-details b {
  font-weight: normal;
  color: #3F3F44;
  font-size: 14px;
  display: block;
}

#app-links-table {
  list-style: none;
  width: 480px;
  max-width: 100%;
  padding-bottom: 12px;
  padding-left: 0;
}
#app-links-table li {
  overflow: hidden;
  border-bottom: 1px solid #E3E7EF;
  padding: 8px 10px;
}
#app-links-table li:last-child {
  border-bottom: none;
}
#app-links-table .app-repo-name {
  float: left;
  font-size: 13px;
}
#app-links-table .app-repo-name .icon {
  margin-right: 6px;
}
#app-links-table .app-syncing-status {
  float: right;
  color: #62738D;
  font-size: 12px;
  padding-top: 1px;
}

#update-credit-card {
  padding-bottom: 20px;
}

table td.invoice-title, table td.title, table td.client, table td.application {
  width: 40%;
}
table td.title, table td.domain, table td.permissions {
  color: #62738D;
}
table td.pending, table td.void, table td.no-charge {
  color: #62738D;
}
table td.paid {
  color: #008700;
}
table td.unpaid, table td.declined {
  font-weight: bold;
  color: #DE0A0A;
}

.invoice-graph {
  margin-bottom: 30px;
}

.current-usage .table > tbody > tr > td:first-of-type, .invoices .table > tbody > tr > td:first-of-type {
  padding-left: 0;
}
.current-usage .table > tbody > tr > td:last-of-type, .invoices .table > tbody > tr > td:last-of-type {
  padding-right: 0;
}
.current-usage .invoice-row .over-quota, .invoices .invoice-row .over-quota {
  color: #DE0A0A;
}
.current-usage .invoice-row small, .current-usage .invoice-row .panel-section .panel-details, .panel-section .current-usage .invoice-row .panel-details, .invoices .invoice-row small, .invoices .invoice-row .panel-section .panel-details, .panel-section .invoices .invoice-row .panel-details {
  color: #62738D;
}

.pay-now table {
  position: relative;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .pay-now table {
    max-width: 100%;
  }
}
.pay-now p b, .pay-now .panel-section .panel-details b, .panel-section .pay-now .panel-details b {
  display: block;
  font-size: 16px;
  padding: 8px 0 14px 0;
}

.steps-2fa {
  padding-left: 0;
  padding-top: 30px;
  padding-bottom: 10px;
}
.steps-2fa li {
  position: relative;
  font-size: 13px;
  line-height: 18px;
  color: #62738D;
  vertical-align: top;
  width: 190px;
  display: inline-block;
  margin-left: 0;
  margin-right: 40px;
}
.steps-2fa li img {
  margin-bottom: 20px;
}
.steps-2fa li.step-2 {
  width: 220px;
}
.steps-2fa li:last-of-type {
  margin-right: 0;
}
@media (max-width: 767px) {
  .steps-2fa li {
    display: block;
    width: 100%;
    max-width: 500px;
    min-height: 58px;
    padding-left: 120px;
    margin-bottom: 20px;
  }
  .steps-2fa li.step-2 {
    width: auto;
  }
  .steps-2fa li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 92px;
    height: 57px;
  }
  .steps-2fa li p, .steps-2fa li .panel-section .panel-details, .panel-section .steps-2fa li .panel-details {
    margin-bottom: 0;
  }
}

.instructions-2fa {
  padding-top: 10px;
}
.instructions-2fa .alert-warning {
  margin: 20px 0 10px;
  display: inline-block;
}
.instructions-2fa .purple-box, .instructions-2fa .content-box, .instructions-2fa #overview-page .data-unavailable, #overview-page .instructions-2fa .data-unavailable, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, #overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging, .instructions-2fa .metrics__not-available, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging, .instructions-2fa .metrics__monitor-preview-chart__loading {
  display: inline-block;
  margin-right: 16px;
  padding: 18px;
  padding-bottom: 8px;
}
@media (max-width: 1199px) {
  .instructions-2fa .purple-box, .instructions-2fa .content-box, .instructions-2fa #overview-page .data-unavailable, #overview-page .instructions-2fa .data-unavailable, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, #overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging, .instructions-2fa .metrics__not-available, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging, .instructions-2fa .metrics__monitor-preview-chart__loading {
    margin-bottom: 16px;
  }
}
.instructions-2fa .purple-box:last-child, .instructions-2fa .content-box:last-child, .instructions-2fa #overview-page .data-unavailable:last-child, #overview-page .instructions-2fa .data-unavailable:last-child, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper:last-child, #overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper:last-child, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging:last-child, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging:last-child, .instructions-2fa .metrics__not-available:last-child, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging:last-child, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging:last-child, .instructions-2fa .metrics__monitor-preview-chart__loading:last-child {
  margin-bottom: 0;
}
.instructions-2fa .purple-box.qr-code, .instructions-2fa .qr-code.content-box, .instructions-2fa #overview-page .qr-code.data-unavailable, #overview-page .instructions-2fa .qr-code.data-unavailable, .instructions-2fa #overview-page .app-overview-metrics .qr-code.metrics__summary-row--favorite__link-wrapper, #overview-page .app-overview-metrics .instructions-2fa .qr-code.metrics__summary-row--favorite__link-wrapper, .instructions-2fa .buildpack-installations-list .qr-code.sortable-item.is-dragging, .buildpack-installations-list .instructions-2fa .qr-code.sortable-item.is-dragging, .instructions-2fa .qr-code.metrics__not-available, .instructions-2fa .metrics__chart-sorting .qr-code.sortable-item.is-dragging, .metrics__chart-sorting .instructions-2fa .qr-code.sortable-item.is-dragging, .instructions-2fa .qr-code.metrics__monitor-preview-chart__loading {
  padding: 8px;
  width: 216px;
}
.instructions-2fa .purple-box.qr-code p, .instructions-2fa .qr-code.content-box p, .instructions-2fa #overview-page .qr-code.data-unavailable p, #overview-page .instructions-2fa .qr-code.data-unavailable p, .instructions-2fa #overview-page .app-overview-metrics .qr-code.metrics__summary-row--favorite__link-wrapper p, #overview-page .app-overview-metrics .instructions-2fa .qr-code.metrics__summary-row--favorite__link-wrapper p, .instructions-2fa .buildpack-installations-list .qr-code.sortable-item.is-dragging p, .buildpack-installations-list .instructions-2fa .qr-code.sortable-item.is-dragging p, .instructions-2fa .qr-code.metrics__not-available p, .instructions-2fa .metrics__chart-sorting .qr-code.sortable-item.is-dragging p, .metrics__chart-sorting .instructions-2fa .qr-code.sortable-item.is-dragging p, .instructions-2fa .qr-code.metrics__monitor-preview-chart__loading p, .instructions-2fa .purple-box.qr-code .panel-section .panel-details, .instructions-2fa .qr-code.content-box .panel-section .panel-details, .instructions-2fa #overview-page .qr-code.data-unavailable .panel-section .panel-details, #overview-page .instructions-2fa .qr-code.data-unavailable .panel-section .panel-details, .instructions-2fa #overview-page .app-overview-metrics .qr-code.metrics__summary-row--favorite__link-wrapper .panel-section .panel-details, #overview-page .app-overview-metrics .instructions-2fa .qr-code.metrics__summary-row--favorite__link-wrapper .panel-section .panel-details, .instructions-2fa .buildpack-installations-list .qr-code.sortable-item.is-dragging .panel-section .panel-details, .buildpack-installations-list .instructions-2fa .qr-code.sortable-item.is-dragging .panel-section .panel-details, .panel-section .instructions-2fa .purple-box.qr-code .panel-details, .panel-section .instructions-2fa .qr-code.content-box .panel-details, .panel-section .instructions-2fa #overview-page .qr-code.data-unavailable .panel-details, #overview-page .panel-section .instructions-2fa .qr-code.data-unavailable .panel-details, .panel-section .instructions-2fa #overview-page .app-overview-metrics .qr-code.metrics__summary-row--favorite__link-wrapper .panel-details, #overview-page .app-overview-metrics .panel-section .instructions-2fa .qr-code.metrics__summary-row--favorite__link-wrapper .panel-details, .panel-section .instructions-2fa .buildpack-installations-list .qr-code.sortable-item.is-dragging .panel-details, .buildpack-installations-list .panel-section .instructions-2fa .qr-code.sortable-item.is-dragging .panel-details, .instructions-2fa .qr-code.metrics__not-available .panel-section .panel-details, .panel-section .instructions-2fa .qr-code.metrics__not-available .panel-details, .instructions-2fa .metrics__chart-sorting .qr-code.sortable-item.is-dragging .panel-section .panel-details, .panel-section .instructions-2fa .metrics__chart-sorting .qr-code.sortable-item.is-dragging .panel-details, .metrics__chart-sorting .instructions-2fa .qr-code.sortable-item.is-dragging .panel-section .panel-details, .panel-section .metrics__chart-sorting .instructions-2fa .qr-code.sortable-item.is-dragging .panel-details, .instructions-2fa .qr-code.metrics__monitor-preview-chart__loading .panel-section .panel-details, .panel-section .instructions-2fa .qr-code.metrics__monitor-preview-chart__loading .panel-details {
  margin-top: 8px;
  margin-bottom: -2px;
  font-size: 12px;
  line-height: 18px;
  padding: 0 4px;
}
.instructions-2fa .purple-box .meta, .instructions-2fa .content-box .meta, .instructions-2fa #overview-page .data-unavailable .meta, #overview-page .instructions-2fa .data-unavailable .meta, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .meta, #overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper .meta, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging .meta, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging .meta, .instructions-2fa .metrics__not-available .meta, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging .meta, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging .meta, .instructions-2fa .metrics__monitor-preview-chart__loading .meta {
  position: relative;
  padding-left: 44px;
  padding-bottom: 16px;
}
.instructions-2fa .purple-box .meta h5, .instructions-2fa .content-box .meta h5, .instructions-2fa #overview-page .data-unavailable .meta h5, #overview-page .instructions-2fa .data-unavailable .meta h5, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .meta h5, #overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper .meta h5, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging .meta h5, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging .meta h5, .instructions-2fa .metrics__not-available .meta h5, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging .meta h5, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging .meta h5, .instructions-2fa .metrics__monitor-preview-chart__loading .meta h5 {
  color: #3F3F44;
  font-size: 13px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 2px;
}
.instructions-2fa .purple-box .meta a, .instructions-2fa .content-box .meta a, .instructions-2fa #overview-page .data-unavailable .meta a, #overview-page .instructions-2fa .data-unavailable .meta a, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .meta a, #overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper .meta a, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging .meta a, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging .meta a, .instructions-2fa .metrics__not-available .meta a, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging .meta a, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging .meta a, .instructions-2fa .metrics__monitor-preview-chart__loading .meta a {
  color: #62738D;
  text-decoration: none;
  font-size: 12px;
}
.instructions-2fa .purple-box .meta a:hover, .instructions-2fa .content-box .meta a:hover, .instructions-2fa #overview-page .data-unavailable .meta a:hover, #overview-page .instructions-2fa .data-unavailable .meta a:hover, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .meta a:hover, #overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper .meta a:hover, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging .meta a:hover, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging .meta a:hover, .instructions-2fa .metrics__not-available .meta a:hover, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging .meta a:hover, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging .meta a:hover, .instructions-2fa .metrics__monitor-preview-chart__loading .meta a:hover {
  color: #3F3F44;
}
.instructions-2fa .purple-box .meta img, .instructions-2fa .content-box .meta img, .instructions-2fa #overview-page .data-unavailable .meta img, #overview-page .instructions-2fa .data-unavailable .meta img, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .meta img, #overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper .meta img, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging .meta img, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging .meta img, .instructions-2fa .metrics__not-available .meta img, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging .meta img, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging .meta img, .instructions-2fa .metrics__monitor-preview-chart__loading .meta img {
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
}
.instructions-2fa .steps {
  counter-reset: purple-numbers;
  list-style: none;
  padding-left: 0;
}
.instructions-2fa .steps h4, .instructions-2fa .steps .dyno-tier-picker-item-product-tier__name, .instructions-2fa .steps .panel-section .panel-title, .panel-section .instructions-2fa .steps .panel-title {
  color: #3F3F44;
  font-size: 14px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 2px;
}
.instructions-2fa .steps p, .instructions-2fa .steps .panel-section .panel-details, .panel-section .instructions-2fa .steps .panel-details {
  font-size: 13px;
  color: #62738D;
  line-height: 24px;
  margin-bottom: 16px;
}
.instructions-2fa .steps > li {
  position: relative;
  padding: 26px 0px 30px 44px;
  border-bottom: 1px solid rgb(231, 235, 242.5);
}
.instructions-2fa .steps > li:last-of-type {
  border-bottom: none;
}
.instructions-2fa .steps > li::before {
  content: counter(purple-numbers);
  counter-increment: purple-numbers;
  position: absolute;
  top: 29px;
  left: 0;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  background: rgba(121, 88, 159, 0.1);
  border: 1px solid rgba(121, 88, 159, 0.4);
  color: #79589F;
  text-align: center;
  font-size: 16px;
  font-weight: 200;
  line-height: 28px;
}
.instructions-2fa .steps > li #qr-code {
  padding-bottom: 12px;
  background: #E3E7EF;
  width: 200px;
  height: 200px;
}
.instructions-2fa .steps > li .download-badge {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 8px;
}
.instructions-2fa .steps > li .download-badge:last-child {
  margin-right: 0;
}
.instructions-2fa .steps > li .download-badge img {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 42px;
}

input#two-factor-code {
  max-width: 160px;
}

.two-factor-confirmation hr {
  margin-bottom: 36px;
}
.two-factor-confirmation hr:last-of-type {
  margin-bottom: 20px;
}

.recovery-method {
  max-width: 540px;
  padding-top: 4px;
  padding-bottom: 16px;
}
.recovery-method h5 {
  color: #3F3F44;
  font-size: 14px;
}
.recovery-method p, .recovery-method .panel-section .panel-details, .panel-section .recovery-method .panel-details {
  font-size: 13px;
  color: #62738D;
  line-height: 24px;
  padding-bottom: 4px;
}

.two-factor-required #two-factor-token {
  width: 240px;
}

table.editable-list.ssh-keys {
  table-layout: auto;
}
table.editable-list.ssh-keys td {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 13px;
  white-space: nowrap;
}
table.editable-list.ssh-keys td.ssh-key-local {
  max-width: 150px;
}
table.editable-list.ssh-keys td .local {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #62738D;
}

.invoice-graph g .quota-limit-marker {
  shape-rendering: crispEdges;
  stroke: #E3E7EF;
}
.invoice-graph g .quota-limit-marker.is-interpolated {
  display: none;
}
.invoice-graph g rect {
  fill: #CFD7E6;
}
.invoice-graph g rect.quota-limit {
  fill: rgb(245.2155172414, 37.7844827586, 37.7844827586);
}
.invoice-graph g:hover rect {
  fill: #006DEB;
}
.invoice-graph g:hover rect.quota-limit {
  fill: #DE0A0A;
}
.invoice-graph g:hover .quota-limit-marker {
  stroke: rgb(31, 134.8978723404, 255);
}

.x-axis text {
  fill: #CFD7E6;
  font-size: 11px;
  text-anchor: start;
}
.x-axis.x-axis-year text {
  fill: #62738D;
}
.x-axis path,
.x-axis line {
  fill: none;
  stroke: none;
  shape-rendering: crispEdges;
}
.x-axis path {
  display: none;
}

.invoice-graph-tip {
  padding: 1px 4px;
  background-color: #62738D;
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
}

.is-delinquent a,
.is-delinquent button {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.is-delinquent .allow-if-delinquent a,
.is-delinquent .allow-if-delinquent button,
.is-delinquent .nav-tabs a.active {
  cursor: inherit;
  opacity: inherit;
  pointer-events: inherit;
}

.delinquency-banner-action:not(:disabled):hover {
  background-color: rgb(252, 231, 231);
}

.two-factor .modal-title .icon, .modal-prompt .modal-title .icon {
  position: relative;
  margin-top: -3px;
  margin-right: 3px;
}
.two-factor .modal-body h5, .modal-prompt .modal-body h5 {
  font-weight: bold;
  color: #475366;
}
.two-factor .modal-body h5 + p, .two-factor .modal-body .panel-section h5 + .panel-details, .panel-section .two-factor .modal-body h5 + .panel-details, .modal-prompt .modal-body h5 + p, .modal-prompt .modal-body .panel-section h5 + .panel-details, .panel-section .modal-prompt .modal-body h5 + .panel-details {
  font-size: 13px;
  margin-bottom: 20px;
  padding: 0 20px;
}
.two-factor .modal-body .form-control, .modal-prompt .modal-body .form-control {
  max-width: 340px;
}
.two-factor .modal-body .form-control.center-block, .modal-prompt .modal-body .form-control.center-block {
  text-align: center;
}
.two-factor .modal-body .form-control#sms-phone-number, .modal-prompt .modal-body .form-control#sms-phone-number {
  max-width: 240px;
}
.two-factor .modal-body .form-control#sms-confirmation-code, .modal-prompt .modal-body .form-control#sms-confirmation-code {
  max-width: 160px;
}
.two-factor .modal-body p.help-block, .two-factor .modal-body .panel-section .help-block.panel-details, .panel-section .two-factor .modal-body .help-block.panel-details, .modal-prompt .modal-body p.help-block, .modal-prompt .modal-body .panel-section .help-block.panel-details, .panel-section .modal-prompt .modal-body .help-block.panel-details {
  position: relative;
  margin: 8px auto;
  max-width: 380px;
  font-size: 13px;
}
.two-factor .modal-body .password-prompt-form, .two-factor .modal-body .ghe-hostname, .modal-prompt .modal-body .password-prompt-form, .modal-prompt .modal-body .ghe-hostname {
  padding-top: 10px;
}
.two-factor .modal-body .alert, .modal-prompt .modal-body .alert {
  margin: 0 30px 10px;
}
.two-factor .modal-body .purple-box, .two-factor .modal-body .content-box, .two-factor .modal-body #overview-page .data-unavailable, #overview-page .two-factor .modal-body .data-unavailable, .two-factor .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, #overview-page .app-overview-metrics .two-factor .modal-body .metrics__summary-row--favorite__link-wrapper, .two-factor .modal-body .buildpack-installations-list .sortable-item.is-dragging, .buildpack-installations-list .two-factor .modal-body .sortable-item.is-dragging, .two-factor .modal-body .metrics__not-available, .two-factor .modal-body .metrics__chart-sorting .sortable-item.is-dragging, .metrics__chart-sorting .two-factor .modal-body .sortable-item.is-dragging, .two-factor .modal-body .metrics__monitor-preview-chart__loading, .modal-prompt .modal-body .purple-box, .modal-prompt .modal-body .content-box, .modal-prompt .modal-body #overview-page .data-unavailable, #overview-page .modal-prompt .modal-body .data-unavailable, .modal-prompt .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, #overview-page .app-overview-metrics .modal-prompt .modal-body .metrics__summary-row--favorite__link-wrapper, .modal-prompt .modal-body .buildpack-installations-list .sortable-item.is-dragging, .buildpack-installations-list .modal-prompt .modal-body .sortable-item.is-dragging, .modal-prompt .modal-body .metrics__not-available, .modal-prompt .modal-body .metrics__chart-sorting .sortable-item.is-dragging, .metrics__chart-sorting .modal-prompt .modal-body .sortable-item.is-dragging, .modal-prompt .modal-body .metrics__monitor-preview-chart__loading {
  position: relative;
  margin: 16px auto 14px;
  text-align: left;
  max-width: 320px;
  padding: 12px;
}
.two-factor .modal-body .purple-box h5, .two-factor .modal-body .content-box h5, .two-factor .modal-body #overview-page .data-unavailable h5, #overview-page .two-factor .modal-body .data-unavailable h5, .two-factor .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper h5, #overview-page .app-overview-metrics .two-factor .modal-body .metrics__summary-row--favorite__link-wrapper h5, .two-factor .modal-body .buildpack-installations-list .sortable-item.is-dragging h5, .buildpack-installations-list .two-factor .modal-body .sortable-item.is-dragging h5, .two-factor .modal-body .metrics__not-available h5, .two-factor .modal-body .metrics__chart-sorting .sortable-item.is-dragging h5, .metrics__chart-sorting .two-factor .modal-body .sortable-item.is-dragging h5, .two-factor .modal-body .metrics__monitor-preview-chart__loading h5, .modal-prompt .modal-body .purple-box h5, .modal-prompt .modal-body .content-box h5, .modal-prompt .modal-body #overview-page .data-unavailable h5, #overview-page .modal-prompt .modal-body .data-unavailable h5, .modal-prompt .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper h5, #overview-page .app-overview-metrics .modal-prompt .modal-body .metrics__summary-row--favorite__link-wrapper h5, .modal-prompt .modal-body .buildpack-installations-list .sortable-item.is-dragging h5, .buildpack-installations-list .modal-prompt .modal-body .sortable-item.is-dragging h5, .modal-prompt .modal-body .metrics__not-available h5, .modal-prompt .modal-body .metrics__chart-sorting .sortable-item.is-dragging h5, .metrics__chart-sorting .modal-prompt .modal-body .sortable-item.is-dragging h5, .modal-prompt .modal-body .metrics__monitor-preview-chart__loading h5 {
  font-size: 13px;
  color: #62738D;
  margin-top: 0;
}
.two-factor .modal-body .purple-box .actions, .two-factor .modal-body .content-box .actions, .two-factor .modal-body #overview-page .data-unavailable .actions, #overview-page .two-factor .modal-body .data-unavailable .actions, .two-factor .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .actions, #overview-page .app-overview-metrics .two-factor .modal-body .metrics__summary-row--favorite__link-wrapper .actions, .two-factor .modal-body .buildpack-installations-list .sortable-item.is-dragging .actions, .buildpack-installations-list .two-factor .modal-body .sortable-item.is-dragging .actions, .two-factor .modal-body .metrics__not-available .actions, .two-factor .modal-body .metrics__chart-sorting .sortable-item.is-dragging .actions, .metrics__chart-sorting .two-factor .modal-body .sortable-item.is-dragging .actions, .two-factor .modal-body .metrics__monitor-preview-chart__loading .actions, .modal-prompt .modal-body .purple-box .actions, .modal-prompt .modal-body .content-box .actions, .modal-prompt .modal-body #overview-page .data-unavailable .actions, #overview-page .modal-prompt .modal-body .data-unavailable .actions, .modal-prompt .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .actions, #overview-page .app-overview-metrics .modal-prompt .modal-body .metrics__summary-row--favorite__link-wrapper .actions, .modal-prompt .modal-body .buildpack-installations-list .sortable-item.is-dragging .actions, .buildpack-installations-list .modal-prompt .modal-body .sortable-item.is-dragging .actions, .modal-prompt .modal-body .metrics__not-available .actions, .modal-prompt .modal-body .metrics__chart-sorting .sortable-item.is-dragging .actions, .metrics__chart-sorting .modal-prompt .modal-body .sortable-item.is-dragging .actions, .modal-prompt .modal-body .metrics__monitor-preview-chart__loading .actions {
  overflow: hidden;
  width: 100%;
}
.two-factor .modal-body pre, .modal-prompt .modal-body pre {
  width: 100%;
  margin: 0;
}
.two-factor .modal-body pre code, .modal-prompt .modal-body pre code {
  float: left;
}
.two-factor .modal-body pre code:first-child, .modal-prompt .modal-body pre code:first-child {
  margin-right: 20px;
}
.two-factor .modal-body .resend-link, .modal-prompt .modal-body .resend-link {
  text-decoration: underline !important;
  border: none;
}
.two-factor .modal-footer .btn-link, .modal-prompt .modal-footer .btn-link {
  margin-right: 14px;
}
.two-factor .modal-footer .btn-default, .modal-prompt .modal-footer .btn-default {
  margin-right: 6px;
}

.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  border: 2px solid #ccc;
  border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  line-height: 30px;
}

.tt-hint {
  color: #CFD7E6;
  margin-left: -1px;
  line-height: 30px;
}

.tt-menu {
  display: none;
  width: 100%;
  margin-top: 4px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 6px rgba(0, 0, 0, 0.2);
  /* scrolling */
  max-height: 400px;
  overflow-y: auto;
  /* scrolling */
  background-clip: padding-box;
}

.tt-menu.visible {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
}

.tt-suggestion {
  padding: 6px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.tt-suggestion:last-child {
  border-bottom: none;
}

.tt-suggestion:hover,
.tt-suggestion.tt-cursor {
  background: #fafafb;
}

.tt-suggestion p, .tt-suggestion .panel-section .panel-details, .panel-section .tt-suggestion .panel-details {
  margin: 0;
}

.tt-suggestion.typeahead-empty-state-suggestion {
  display: block;
  padding: 10px;
  text-align: center;
}

.addon-typeahead-title {
  color: #79589F;
  padding: 0 12px;
  flex: none;
}
.addon-typeahead-title.disabled {
  color: #596981;
}

.addon-typeahead-description {
  color: #62738D;
  flex: 1;
}

.addon-typeahead-cell, .app-addon-typeahead-cell, .addons-provisioning-app-typeahead-item {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}

.addons-provisioning-app-typeahead-item {
  justify-content: space-between;
}
.addons-provisioning-app-typeahead-item .addons-provisioning-app-typeahead-item-title {
  color: #79589F;
}
.addons-provisioning-app-typeahead-item .addons-provisioning-app-typeahead-item-title.disabled {
  color: #596981;
}

.typeahead-component {
  position: relative;
}
.typeahead-component > .icon {
  position: absolute;
  left: 9px;
  top: 9px;
  z-index: 1;
}
.typeahead-component .loading-spinner {
  position: absolute;
  top: 15px;
  left: 8px;
}
.typeahead-component .form-control {
  padding-left: 30px;
}

hr.no-margin {
  margin: 0;
}

.alert .alert-title {
  font-weight: bold;
  display: block;
  font-size: 14px;
}
.alert .alert-title:not(:only-child) {
  padding-bottom: 4px;
}
.alert .alert-body {
  font-size: 13px;
}
.alert a {
  text-decoration: underline;
}

.alert--full-width {
  margin: 0 -20px 40px -20px;
  border-radius: 0px;
  border-width: 1px 0px;
  padding: 24px 45px;
}

.alert--above-footer {
  border-bottom: 0px;
  margin: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}

.actions-button {
  position: relative;
  margin-left: auto;
}
.actions-button.btn-group:not(:first-child):not(:last-child) > .btn {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.actions-button .dropdown-menu, .actions-button .drop-down__menu, .actions-button .context-switcher__list {
  position: absolute;
  left: auto;
  right: 0px;
  font-size: 12px;
}
.actions-button .dropdown-menu li.divider, .actions-button .drop-down__menu li.divider, .actions-button .context-switcher__list li.divider {
  margin: 5px 0;
}
.actions-button .btn-link {
  padding-left: 10px;
  padding-right: 10px;
  margin-right: -10px;
}
.actions-button .btn-link i {
  position: relative;
  margin: 0;
}
.actions-button .btn-link i.icon-add-button {
  margin-right: 2px;
}

[class*=pipelines-pipeline-] .main-content {
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  min-height: 380px;
  padding: 0;
  background: #F7F8FB;
}
[class*=pipelines-pipeline-] .message-banner, [class*=pipelines-pipeline-] .generic-banner {
  margin: 0 0 1px;
  z-index: 2;
}

.pipelines-pipeline-settings .main-content, .pipelines-pipeline-access .main-content {
  background: #fff;
}

.pipeline-config {
  padding: 20px 20px 0;
}
.pipeline-config hr {
  margin: 30px 0;
}
.pipeline-config .alert {
  margin: 20px 0 10px;
}
.pipeline-config .alert hr {
  margin: 10px 0;
}

#pipeline-overview {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  position: relative;
  overflow-x: auto;
  min-height: 320px;
  margin-bottom: 10px;
}
#pipeline-overview.has-overflow {
  cursor: -webkit-grab;
}
#pipeline-overview.has-overflow:active, .actions-button #pipeline-overview.has-overflow.btn-default:focus {
  cursor: -webkit-grabbing;
}
#pipeline-overview::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#pipeline-overview::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(207, 215, 230, 0.2);
  background: rgba(207, 215, 230, 0.2);
}
#pipeline-overview::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(207, 215, 230, 0.5);
  background: rgba(207, 215, 230, 0.5);
}
#pipeline-overview::-webkit-scrollbar-button {
  display: block;
  width: 10px;
  height: 10px;
}
#pipeline-overview .pipeline-stages {
  padding: 0 5px;
}
#pipeline-overview .stage {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: visible;
  min-width: 350px;
  max-width: 410px;
}
#pipeline-overview .stage::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: linear-gradient(rgba(247, 248, 251, 0), #f7f8fb);
}
#pipeline-overview .stage .app-list {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px;
}
#pipeline-overview .stage.review-apps h4, #pipeline-overview .stage.review-apps .dyno-tier-picker-item-product-tier__name, #pipeline-overview .stage.review-apps .panel-section .panel-title, .panel-section #pipeline-overview .stage.review-apps .panel-title {
  margin-right: 8px;
}
#pipeline-overview .stage:first-child {
  margin-left: auto;
}
#pipeline-overview .stage:last-child {
  margin-right: auto;
}
#pipeline-overview .stage:last-child .pipeline-arrow {
  display: none;
}
#pipeline-overview .pipeline-arrow {
  position: relative;
  margin-left: auto;
}
#pipeline-overview .pipeline-arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(to right, #f7f8fb, rgba(247, 248, 251, 0));
}
#pipeline-overview .typeahead-component .tt-hint {
  margin-left: 0;
}
#pipeline-overview .typeahead-component .tt-suggestion.empty {
  padding-left: 36px;
}
#pipeline-overview .twitter-typeahead {
  width: 100%;
}
#pipeline-overview .twitter-typeahead::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  height: 12px;
}
#pipeline-overview input.pipeline-app-search {
  width: 100%;
}
#pipeline-overview .stage-header {
  min-height: 24px;
  padding: 0 5px;
}
#pipeline-overview .stage-header h4, #pipeline-overview .stage-header .dyno-tier-picker-item-product-tier__name, #pipeline-overview .stage-header .panel-section .panel-title, .panel-section #pipeline-overview .stage-header .panel-title, #pipeline-overview .stage-header .review-stage-btn {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #62738D;
}
#pipeline-overview .stage-header .review-stage-btn {
  background: none;
  padding: 0;
  border: none;
}
#pipeline-overview .stage-header .add-app {
  background: transparent !important;
}
#pipeline-overview .stage-header .add-app .icon {
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#pipeline-overview .stage-header .add-app.adding .icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#pipeline-overview .stage-header .gravatar-icon, #pipeline-overview .stage-header .org-identicon-mini {
  cursor: default;
}
#pipeline-overview .stage-header .review-meta-info .loading {
  display: block;
  width: 100%;
  text-align: center;
  margin: 4px 0;
}
#pipeline-overview .stage-header .review-meta-info.drop-down__menu, #pipeline-overview .stage-header .review-meta-info.context-switcher__list {
  font-size: 12px;
  white-space: nowrap;
}
#pipeline-overview .stage-header .review-meta-info.drop-down__menu .divider, #pipeline-overview .stage-header .review-meta-info.context-switcher__list .divider {
  margin: 5px 0;
}
#pipeline-overview .stage-header .review-meta-info.drop-down__menu label, #pipeline-overview .stage-header .review-meta-info.context-switcher__list label {
  display: block;
  padding: 3px 16px 3px 10px;
}
#pipeline-overview .stage-header .review-meta-info.drop-down__menu .toggle-auto-destroy-set-stale, #pipeline-overview .stage-header .review-meta-info.context-switcher__list .toggle-auto-destroy-set-stale {
  padding: 0 16px 3px 36px;
}
#pipeline-overview .stage-header .review-meta-info.drop-down__menu .toggle-auto-destroy-set-stale small, #pipeline-overview .stage-header .review-meta-info.context-switcher__list .toggle-auto-destroy-set-stale small, #pipeline-overview .stage-header .review-meta-info.drop-down__menu .toggle-auto-destroy-set-stale .panel-section .panel-details, #pipeline-overview .stage-header .review-meta-info.context-switcher__list .toggle-auto-destroy-set-stale .panel-section .panel-details, .panel-section #pipeline-overview .stage-header .review-meta-info.drop-down__menu .toggle-auto-destroy-set-stale .panel-details, .panel-section #pipeline-overview .stage-header .review-meta-info.context-switcher__list .toggle-auto-destroy-set-stale .panel-details {
  color: #62738D;
  font-size: 11px;
  padding-top: 5px;
}
#pipeline-overview .stage-header .review-meta-info.drop-down__menu .toggle-auto-destroy-set-stale .hk-select, #pipeline-overview .stage-header .review-meta-info.context-switcher__list .toggle-auto-destroy-set-stale .hk-select {
  height: 28px;
}
#pipeline-overview .stage-header .review-meta-info.drop-down__menu a, #pipeline-overview .stage-header .review-meta-info.context-switcher__list a, #pipeline-overview .stage-header .review-meta-info.drop-down__menu .btn, #pipeline-overview .stage-header .review-meta-info.context-switcher__list .btn {
  font-size: 12px;
  border-radius: 0;
  padding-left: 12px;
  padding-right: 16px;
}
#pipeline-overview .stage-header .review-meta-info.drop-down__menu a:hover code, #pipeline-overview .stage-header .review-meta-info.context-switcher__list a:hover code, #pipeline-overview .stage-header .review-meta-info.drop-down__menu .btn:hover code, #pipeline-overview .stage-header .review-meta-info.context-switcher__list .btn:hover code {
  text-decoration: underline;
}
#pipeline-overview .stage-header .review-meta-info.drop-down__menu .icon, #pipeline-overview .stage-header .review-meta-info.context-switcher__list .icon {
  position: relative;
  margin: -1px 4px 0 2px;
}
#pipeline-overview .stage-header .review-meta-info.drop-down__menu .form-control, #pipeline-overview .stage-header .review-meta-info.context-switcher__list .form-control {
  position: relative;
  display: inline;
  width: 12px;
  height: 12px;
  margin: -1px 5px 0 6px;
}
#pipeline-overview .app-list {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
#pipeline-overview .app-list::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
#pipeline-overview .app-list::-webkit-scrollbar-thumb {
  width: 6px;
  height: 6px;
  border: 3px solid #F7F8FB;
  border-radius: 10px;
  background-clip: border-box;
  box-shadow: inset 0 0 0 1px rgba(207, 215, 230, 0.5);
  background: rgba(207, 215, 230, 0.5);
}
#pipeline-overview .app-list::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
#pipeline-overview .app-list .add-app-coupling {
  margin: 4px 4px 0;
}
#pipeline-overview ul {
  list-style: none;
}
#pipeline-overview ul li.empty {
  margin: 5px 5px 0;
}
#pipeline-overview ul li.empty.initial-state p:last-child, #pipeline-overview ul li.empty.initial-state .panel-section .panel-details:last-child, .panel-section #pipeline-overview ul li.empty.initial-state .panel-details:last-child {
  margin-bottom: 0;
}
#pipeline-overview ul li.empty.initial-state .icon {
  margin: 4px auto 10px;
}
#pipeline-overview ul.links {
  margin: 0;
}
#pipeline-overview ul.links li {
  margin: 0;
}
#pipeline-overview .drop-down__menu .divider, #pipeline-overview .context-switcher__list .divider {
  margin: 5px 0;
}
#pipeline-overview .drop-down__menu .btn, #pipeline-overview .context-switcher__list .btn, #pipeline-overview .drop-down__menu a, #pipeline-overview .context-switcher__list a {
  font-size: 13px;
  border-radius: 0;
}
#pipeline-overview .drop-down__menu .btn.disabled, #pipeline-overview .context-switcher__list .btn.disabled, #pipeline-overview .drop-down__menu a.disabled, #pipeline-overview .context-switcher__list a.disabled {
  box-shadow: none !important;
}
#pipeline-overview .drop-down__menu .btn.disabled .icon, #pipeline-overview .context-switcher__list .btn.disabled .icon, #pipeline-overview .drop-down__menu a.disabled .icon, #pipeline-overview .context-switcher__list a.disabled .icon {
  opacity: 0.3;
}

.modal-body .parent-app-picker {
  padding: 10px 30px 8px;
}
.modal-body .parent-app-picker label {
  line-height: 16px;
}
.modal-body .parent-app-picker label small, .modal-body .parent-app-picker label .panel-section .panel-details, .panel-section .modal-body .parent-app-picker label .panel-details {
  padding: 2px 0 6px;
}
.modal-body .disconnection-warnings .alert {
  margin-bottom: 16px;
}
.modal-body .github-features {
  text-align: left;
  padding: 18px 0 10px;
  border-top: 1px solid #E3E7EF;
  margin: 0 50px;
}
.modal-body .github-features h4, .modal-body .github-features .dyno-tier-picker-item-product-tier__name, .modal-body .github-features .panel-section .panel-title, .panel-section .modal-body .github-features .panel-title {
  font-size: 14px;
  font-weight: normal;
  color: #56667D;
  margin: 0;
  padding-top: 10px;
}
.modal-body .github-features p, .modal-body .github-features .panel-section .panel-details, .panel-section .modal-body .github-features .panel-details {
  font-size: 13px;
  color: #62738D;
}

#review-app-setup {
  padding: 0 50px 0;
}
#review-app-setup form {
  padding-bottom: 8px;
}
#review-app-setup #auto-deploy-prs, #review-app-setup #auto-destroy-prs, #review-app-setup #review-app-space, #review-app-setup .enable-option {
  padding: 0 0 12px;
}
#review-app-setup #auto-deploy-prs .help-block, #review-app-setup #auto-destroy-prs .help-block, #review-app-setup #review-app-space .help-block, #review-app-setup .enable-option .help-block {
  margin-top: 5px;
  margin-bottom: 0;
}
#review-app-setup #auto-deploy-prs label, #review-app-setup #auto-destroy-prs label, #review-app-setup #review-app-space label, #review-app-setup .enable-option label {
  font-size: 13px;
  font-weight: normal;
  color: #56667D;
  width: auto;
  margin-bottom: 0;
}
#review-app-setup #auto-deploy-prs label input, #review-app-setup #auto-destroy-prs label input, #review-app-setup #review-app-space label input, #review-app-setup .enable-option label input {
  margin-right: 4px;
}
#review-app-setup #auto-deploy-prs .help-block small, #review-app-setup #auto-deploy-prs .help-block .panel-section .panel-details, .panel-section #review-app-setup #auto-deploy-prs .help-block .panel-details, #review-app-setup #auto-destroy-prs .help-block small, #review-app-setup #auto-destroy-prs .help-block .panel-section .panel-details, .panel-section #review-app-setup #auto-destroy-prs .help-block .panel-details, #review-app-setup #review-app-space .help-block small, #review-app-setup #review-app-space .help-block .panel-section .panel-details, .panel-section #review-app-setup #review-app-space .help-block .panel-details, #review-app-setup .enable-option .help-block small, #review-app-setup .enable-option .help-block .panel-section .panel-details, .panel-section #review-app-setup .enable-option .help-block .panel-details {
  font-size: 12px;
}
#review-app-setup #review-app-space, #review-app-setup #auto-destroy-prs {
  border-top: 1px solid #E3E7EF;
  padding-top: 12px;
}
#review-app-setup #review-app-space .icon, #review-app-setup #auto-destroy-prs .icon {
  margin-left: 2px;
  margin-right: 2px;
  margin-top: -1px;
}
#review-app-setup .alert .icon {
  margin-left: 2px;
  margin-right: 2px;
  margin-top: -2px;
}

.review-apps .app-list {
  padding-bottom: 0;
}
.review-apps .load-more {
  margin: 10px 5px 0;
}

.pipeline-app {
  position: relative;
  border: none;
  min-width: 290px;
  background: none !important;
  -webkit-transition: opacity ease 0.7s;
  -o-transition: opacity ease 0.7s;
  transition: opacity ease 0.7s;
}
.pipeline-app:not(.app-suggestion):last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.pipeline-app.is-updated, .pipeline-app.is-saving {
  opacity: 0.4;
}
.pipeline-app .mismatched-pipeline-app {
  border-color: #FA9F47;
}
.pipeline-app .mismatched-pipeline-app .mismatched-ownership-warning {
  margin: 10px -10px -10px;
}
.pipeline-app .pipeline-app-header {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.pipeline-app .app-info, .pipeline-app .pr-info {
  padding-right: 6px;
  width: 1px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.pipeline-app .app-name {
  display: block;
  padding: 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pipeline-app .app-name a {
  display: inline;
}
.pipeline-app .app-name a:hover {
  color: #79589F;
}
.pipeline-app .pr-info {
  display: block;
}
.pipeline-app .pr-info .pr-meta {
  font-size: 12px;
}
.pipeline-app .badge {
  color: #fff;
  font-size: 10px;
  padding: 3px 4px 2px;
  margin: 0 2px;
  transition: background ease 0.2s;
}
.pipeline-app .badge.badge-failed {
  background: #DE0A0A;
}
.pipeline-app .badge.badge-success {
  background: #008700;
}
.pipeline-app .build-info, .pipeline-app .release-info, .pipeline-app .promotion-info {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin: 0 -10px -1px;
  padding: 8px 10px 9px 10px;
  box-shadow: inset 0 1px 0 #E3E7EF, inset 0 -1px 0 #E3E7EF;
}
.pipeline-app .build-info:last-child, .pipeline-app .release-info:last-child, .pipeline-app .promotion-info:last-child {
  margin-bottom: -10px;
  padding-bottom: 10px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: inset 0 1px 0 #E3E7EF;
}
.pipeline-app .build-info .loading-spinner, .pipeline-app .release-info .loading-spinner, .pipeline-app .promotion-info .loading-spinner {
  margin-top: 6px;
}
.pipeline-app .build-info .loading-spinner + span, .pipeline-app .release-info .loading-spinner + span, .pipeline-app .promotion-info .loading-spinner + span {
  padding-left: 4px;
}
.pipeline-app .build-info span, .pipeline-app .release-info span, .pipeline-app .promotion-info span {
  font-size: 12px;
  color: #56667D;
}
.pipeline-app .build-info span.build-status, .pipeline-app .build-info span.release-status, .pipeline-app .build-info span.promotion-status, .pipeline-app .release-info span.build-status, .pipeline-app .release-info span.release-status, .pipeline-app .release-info span.promotion-status, .pipeline-app .promotion-info span.build-status, .pipeline-app .promotion-info span.release-status, .pipeline-app .promotion-info span.promotion-status {
  position: relative;
  top: 2px;
  display: inline-block;
}
.pipeline-app .build-info span:first-letter, .pipeline-app .release-info span:first-letter, .pipeline-app .promotion-info span:first-letter {
  text-transform: uppercase;
}
.pipeline-app .build-info span .btn-link, .pipeline-app .release-info span .btn-link, .pipeline-app .promotion-info span .btn-link {
  color: #79589F;
  display: inline;
  font-size: 12px;
  text-decoration: underline;
}
.pipeline-app .build-info span .badge, .pipeline-app .release-info span .badge, .pipeline-app .promotion-info span .badge {
  font-size: 10px;
  color: #fff;
}
.pipeline-app .build-info span .badge:first-letter, .pipeline-app .release-info span .badge:first-letter, .pipeline-app .promotion-info span .badge:first-letter {
  text-transform: lowercase;
}
.pipeline-app .build-info code, .pipeline-app .release-info code, .pipeline-app .promotion-info code {
  padding-bottom: 1px;
}
.pipeline-app .build-info .promotion-failures, .pipeline-app .build-info .release-detail, .pipeline-app .release-info .promotion-failures, .pipeline-app .release-info .release-detail, .pipeline-app .promotion-info .promotion-failures, .pipeline-app .promotion-info .release-detail {
  font-size: 11px;
  display: block;
  position: relative;
}
.pipeline-app .build-info .promotion-failures code, .pipeline-app .build-info .release-detail code, .pipeline-app .release-info .promotion-failures code, .pipeline-app .release-info .release-detail code, .pipeline-app .promotion-info .promotion-failures code, .pipeline-app .promotion-info .release-detail code {
  display: inline-block;
  margin: 3px 2px 2px 0;
}
.pipeline-app .build-info .promotion-failures:first-letter, .pipeline-app .release-info .promotion-failures:first-letter, .pipeline-app .promotion-info .promotion-failures:first-letter {
  text-transform: lowercase;
}
.pipeline-app .build-info .release-detail-button, .pipeline-app .release-info .release-detail-button, .pipeline-app .promotion-info .release-detail-button {
  position: relative;
  margin-top: -1px;
  padding: 0 6px 6px;
  font-size: 13px;
  line-height: 8px;
  margin-left: 4px;
}
.pipeline-app .build-info.build-failed, .pipeline-app .build-info.release-failed, .pipeline-app .build-info.promotion-failed, .pipeline-app .release-info.build-failed, .pipeline-app .release-info.release-failed, .pipeline-app .release-info.promotion-failed, .pipeline-app .promotion-info.build-failed, .pipeline-app .promotion-info.release-failed, .pipeline-app .promotion-info.promotion-failed {
  background: rgb(252.95, 245.55, 245.55);
  box-shadow: inset 0 1px 0 rgba(238.6, 179.4, 179.4, 0.6), inset 0 -1px 0 rgba(238.6, 179.4, 179.4, 0.6);
}
.pipeline-app .build-info.build-failed:last-child, .pipeline-app .build-info.release-failed:last-child, .pipeline-app .build-info.promotion-failed:last-child, .pipeline-app .release-info.build-failed:last-child, .pipeline-app .release-info.release-failed:last-child, .pipeline-app .release-info.promotion-failed:last-child, .pipeline-app .promotion-info.build-failed:last-child, .pipeline-app .promotion-info.release-failed:last-child, .pipeline-app .promotion-info.promotion-failed:last-child {
  box-shadow: inset 0 1px 0 rgba(238.6, 179.4, 179.4, 0.6);
}
.pipeline-app .build-info.build-failed span, .pipeline-app .build-info.build-failed small, .pipeline-app .build-info.build-failed .panel-section .panel-details, .panel-section .pipeline-app .build-info.build-failed .panel-details, .pipeline-app .build-info.release-failed span, .pipeline-app .build-info.release-failed small, .pipeline-app .build-info.release-failed .panel-section .panel-details, .panel-section .pipeline-app .build-info.release-failed .panel-details, .pipeline-app .build-info.promotion-failed span, .pipeline-app .build-info.promotion-failed small, .pipeline-app .build-info.promotion-failed .panel-section .panel-details, .panel-section .pipeline-app .build-info.promotion-failed .panel-details, .pipeline-app .release-info.build-failed span, .pipeline-app .release-info.build-failed small, .pipeline-app .release-info.build-failed .panel-section .panel-details, .panel-section .pipeline-app .release-info.build-failed .panel-details, .pipeline-app .release-info.release-failed span, .pipeline-app .release-info.release-failed small, .pipeline-app .release-info.release-failed .panel-section .panel-details, .panel-section .pipeline-app .release-info.release-failed .panel-details, .pipeline-app .release-info.promotion-failed span, .pipeline-app .release-info.promotion-failed small, .pipeline-app .release-info.promotion-failed .panel-section .panel-details, .panel-section .pipeline-app .release-info.promotion-failed .panel-details, .pipeline-app .promotion-info.build-failed span, .pipeline-app .promotion-info.build-failed small, .pipeline-app .promotion-info.build-failed .panel-section .panel-details, .panel-section .pipeline-app .promotion-info.build-failed .panel-details, .pipeline-app .promotion-info.release-failed span, .pipeline-app .promotion-info.release-failed small, .pipeline-app .promotion-info.release-failed .panel-section .panel-details, .panel-section .pipeline-app .promotion-info.release-failed .panel-details, .pipeline-app .promotion-info.promotion-failed span, .pipeline-app .promotion-info.promotion-failed small, .pipeline-app .promotion-info.promotion-failed .panel-section .panel-details, .panel-section .pipeline-app .promotion-info.promotion-failed .panel-details {
  color: #DE0A0A;
}
.pipeline-app .build-info.build-failed span .btn-link, .pipeline-app .build-info.build-failed small .btn-link, .pipeline-app .build-info.build-failed .panel-section .panel-details .btn-link, .panel-section .pipeline-app .build-info.build-failed .panel-details .btn-link, .pipeline-app .build-info.release-failed span .btn-link, .pipeline-app .build-info.release-failed small .btn-link, .pipeline-app .build-info.release-failed .panel-section .panel-details .btn-link, .panel-section .pipeline-app .build-info.release-failed .panel-details .btn-link, .pipeline-app .build-info.promotion-failed span .btn-link, .pipeline-app .build-info.promotion-failed small .btn-link, .pipeline-app .build-info.promotion-failed .panel-section .panel-details .btn-link, .panel-section .pipeline-app .build-info.promotion-failed .panel-details .btn-link, .pipeline-app .release-info.build-failed span .btn-link, .pipeline-app .release-info.build-failed small .btn-link, .pipeline-app .release-info.build-failed .panel-section .panel-details .btn-link, .panel-section .pipeline-app .release-info.build-failed .panel-details .btn-link, .pipeline-app .release-info.release-failed span .btn-link, .pipeline-app .release-info.release-failed small .btn-link, .pipeline-app .release-info.release-failed .panel-section .panel-details .btn-link, .panel-section .pipeline-app .release-info.release-failed .panel-details .btn-link, .pipeline-app .release-info.promotion-failed span .btn-link, .pipeline-app .release-info.promotion-failed small .btn-link, .pipeline-app .release-info.promotion-failed .panel-section .panel-details .btn-link, .panel-section .pipeline-app .release-info.promotion-failed .panel-details .btn-link, .pipeline-app .promotion-info.build-failed span .btn-link, .pipeline-app .promotion-info.build-failed small .btn-link, .pipeline-app .promotion-info.build-failed .panel-section .panel-details .btn-link, .panel-section .pipeline-app .promotion-info.build-failed .panel-details .btn-link, .pipeline-app .promotion-info.release-failed span .btn-link, .pipeline-app .promotion-info.release-failed small .btn-link, .pipeline-app .promotion-info.release-failed .panel-section .panel-details .btn-link, .panel-section .pipeline-app .promotion-info.release-failed .panel-details .btn-link, .pipeline-app .promotion-info.promotion-failed span .btn-link, .pipeline-app .promotion-info.promotion-failed small .btn-link, .pipeline-app .promotion-info.promotion-failed .panel-section .panel-details .btn-link, .panel-section .pipeline-app .promotion-info.promotion-failed .panel-details .btn-link {
  color: #DE0A0A;
}
.pipeline-app .build-info.build-failed span code, .pipeline-app .build-info.build-failed small code, .pipeline-app .build-info.build-failed .panel-section .panel-details code, .panel-section .pipeline-app .build-info.build-failed .panel-details code, .pipeline-app .build-info.release-failed span code, .pipeline-app .build-info.release-failed small code, .pipeline-app .build-info.release-failed .panel-section .panel-details code, .panel-section .pipeline-app .build-info.release-failed .panel-details code, .pipeline-app .build-info.promotion-failed span code, .pipeline-app .build-info.promotion-failed small code, .pipeline-app .build-info.promotion-failed .panel-section .panel-details code, .panel-section .pipeline-app .build-info.promotion-failed .panel-details code, .pipeline-app .release-info.build-failed span code, .pipeline-app .release-info.build-failed small code, .pipeline-app .release-info.build-failed .panel-section .panel-details code, .panel-section .pipeline-app .release-info.build-failed .panel-details code, .pipeline-app .release-info.release-failed span code, .pipeline-app .release-info.release-failed small code, .pipeline-app .release-info.release-failed .panel-section .panel-details code, .panel-section .pipeline-app .release-info.release-failed .panel-details code, .pipeline-app .release-info.promotion-failed span code, .pipeline-app .release-info.promotion-failed small code, .pipeline-app .release-info.promotion-failed .panel-section .panel-details code, .panel-section .pipeline-app .release-info.promotion-failed .panel-details code, .pipeline-app .promotion-info.build-failed span code, .pipeline-app .promotion-info.build-failed small code, .pipeline-app .promotion-info.build-failed .panel-section .panel-details code, .panel-section .pipeline-app .promotion-info.build-failed .panel-details code, .pipeline-app .promotion-info.release-failed span code, .pipeline-app .promotion-info.release-failed small code, .pipeline-app .promotion-info.release-failed .panel-section .panel-details code, .panel-section .pipeline-app .promotion-info.release-failed .panel-details code, .pipeline-app .promotion-info.promotion-failed span code, .pipeline-app .promotion-info.promotion-failed small code, .pipeline-app .promotion-info.promotion-failed .panel-section .panel-details code, .panel-section .pipeline-app .promotion-info.promotion-failed .panel-details code {
  color: #DE0A0A;
  background: rgba(222, 10, 10, 0.1);
  box-shadow: inset 0 0 0 1px rgba(222, 10, 10, 0.4);
}
.pipeline-app .build-info.build-failed span .badge, .pipeline-app .build-info.build-failed small .badge, .pipeline-app .build-info.build-failed .panel-section .panel-details .badge, .panel-section .pipeline-app .build-info.build-failed .panel-details .badge, .pipeline-app .build-info.release-failed span .badge, .pipeline-app .build-info.release-failed small .badge, .pipeline-app .build-info.release-failed .panel-section .panel-details .badge, .panel-section .pipeline-app .build-info.release-failed .panel-details .badge, .pipeline-app .build-info.promotion-failed span .badge, .pipeline-app .build-info.promotion-failed small .badge, .pipeline-app .build-info.promotion-failed .panel-section .panel-details .badge, .panel-section .pipeline-app .build-info.promotion-failed .panel-details .badge, .pipeline-app .release-info.build-failed span .badge, .pipeline-app .release-info.build-failed small .badge, .pipeline-app .release-info.build-failed .panel-section .panel-details .badge, .panel-section .pipeline-app .release-info.build-failed .panel-details .badge, .pipeline-app .release-info.release-failed span .badge, .pipeline-app .release-info.release-failed small .badge, .pipeline-app .release-info.release-failed .panel-section .panel-details .badge, .panel-section .pipeline-app .release-info.release-failed .panel-details .badge, .pipeline-app .release-info.promotion-failed span .badge, .pipeline-app .release-info.promotion-failed small .badge, .pipeline-app .release-info.promotion-failed .panel-section .panel-details .badge, .panel-section .pipeline-app .release-info.promotion-failed .panel-details .badge, .pipeline-app .promotion-info.build-failed span .badge, .pipeline-app .promotion-info.build-failed small .badge, .pipeline-app .promotion-info.build-failed .panel-section .panel-details .badge, .panel-section .pipeline-app .promotion-info.build-failed .panel-details .badge, .pipeline-app .promotion-info.release-failed span .badge, .pipeline-app .promotion-info.release-failed small .badge, .pipeline-app .promotion-info.release-failed .panel-section .panel-details .badge, .panel-section .pipeline-app .promotion-info.release-failed .panel-details .badge, .pipeline-app .promotion-info.promotion-failed span .badge, .pipeline-app .promotion-info.promotion-failed small .badge, .pipeline-app .promotion-info.promotion-failed .panel-section .panel-details .badge, .panel-section .pipeline-app .promotion-info.promotion-failed .panel-details .badge {
  color: #fff;
}
.pipeline-app .build-info.release-succeeded, .pipeline-app .build-info.promotion-succeeded, .pipeline-app .release-info.release-succeeded, .pipeline-app .release-info.promotion-succeeded, .pipeline-app .promotion-info.release-succeeded, .pipeline-app .promotion-info.promotion-succeeded {
  background: rgb(248.05, 251.85, 248.65);
  box-shadow: inset 0 1px 0 rgba(199.4, 229.8, 204.2, 0.6), inset 0 -1px 0 rgba(199.4, 229.8, 204.2, 0.6);
}
.pipeline-app .build-info.release-succeeded:last-child, .pipeline-app .build-info.promotion-succeeded:last-child, .pipeline-app .release-info.release-succeeded:last-child, .pipeline-app .release-info.promotion-succeeded:last-child, .pipeline-app .promotion-info.release-succeeded:last-child, .pipeline-app .promotion-info.promotion-succeeded:last-child {
  box-shadow: inset 0 1px 0 rgba(199.4, 229.8, 204.2, 0.6);
}
.pipeline-app .build-info.release-succeeded span, .pipeline-app .build-info.release-succeeded small, .pipeline-app .build-info.release-succeeded .panel-section .panel-details, .panel-section .pipeline-app .build-info.release-succeeded .panel-details, .pipeline-app .build-info.promotion-succeeded span, .pipeline-app .build-info.promotion-succeeded small, .pipeline-app .build-info.promotion-succeeded .panel-section .panel-details, .panel-section .pipeline-app .build-info.promotion-succeeded .panel-details, .pipeline-app .release-info.release-succeeded span, .pipeline-app .release-info.release-succeeded small, .pipeline-app .release-info.release-succeeded .panel-section .panel-details, .panel-section .pipeline-app .release-info.release-succeeded .panel-details, .pipeline-app .release-info.promotion-succeeded span, .pipeline-app .release-info.promotion-succeeded small, .pipeline-app .release-info.promotion-succeeded .panel-section .panel-details, .panel-section .pipeline-app .release-info.promotion-succeeded .panel-details, .pipeline-app .promotion-info.release-succeeded span, .pipeline-app .promotion-info.release-succeeded small, .pipeline-app .promotion-info.release-succeeded .panel-section .panel-details, .panel-section .pipeline-app .promotion-info.release-succeeded .panel-details, .pipeline-app .promotion-info.promotion-succeeded span, .pipeline-app .promotion-info.promotion-succeeded small, .pipeline-app .promotion-info.promotion-succeeded .panel-section .panel-details, .panel-section .pipeline-app .promotion-info.promotion-succeeded .panel-details {
  color: #008700;
}
.pipeline-app .build-info.release-succeeded span .btn-link, .pipeline-app .build-info.release-succeeded small .btn-link, .pipeline-app .build-info.release-succeeded .panel-section .panel-details .btn-link, .panel-section .pipeline-app .build-info.release-succeeded .panel-details .btn-link, .pipeline-app .build-info.promotion-succeeded span .btn-link, .pipeline-app .build-info.promotion-succeeded small .btn-link, .pipeline-app .build-info.promotion-succeeded .panel-section .panel-details .btn-link, .panel-section .pipeline-app .build-info.promotion-succeeded .panel-details .btn-link, .pipeline-app .release-info.release-succeeded span .btn-link, .pipeline-app .release-info.release-succeeded small .btn-link, .pipeline-app .release-info.release-succeeded .panel-section .panel-details .btn-link, .panel-section .pipeline-app .release-info.release-succeeded .panel-details .btn-link, .pipeline-app .release-info.promotion-succeeded span .btn-link, .pipeline-app .release-info.promotion-succeeded small .btn-link, .pipeline-app .release-info.promotion-succeeded .panel-section .panel-details .btn-link, .panel-section .pipeline-app .release-info.promotion-succeeded .panel-details .btn-link, .pipeline-app .promotion-info.release-succeeded span .btn-link, .pipeline-app .promotion-info.release-succeeded small .btn-link, .pipeline-app .promotion-info.release-succeeded .panel-section .panel-details .btn-link, .panel-section .pipeline-app .promotion-info.release-succeeded .panel-details .btn-link, .pipeline-app .promotion-info.promotion-succeeded span .btn-link, .pipeline-app .promotion-info.promotion-succeeded small .btn-link, .pipeline-app .promotion-info.promotion-succeeded .panel-section .panel-details .btn-link, .panel-section .pipeline-app .promotion-info.promotion-succeeded .panel-details .btn-link {
  color: #008700;
}
.pipeline-app .build-info.release-succeeded span code, .pipeline-app .build-info.release-succeeded small code, .pipeline-app .build-info.release-succeeded .panel-section .panel-details code, .panel-section .pipeline-app .build-info.release-succeeded .panel-details code, .pipeline-app .build-info.promotion-succeeded span code, .pipeline-app .build-info.promotion-succeeded small code, .pipeline-app .build-info.promotion-succeeded .panel-section .panel-details code, .panel-section .pipeline-app .build-info.promotion-succeeded .panel-details code, .pipeline-app .release-info.release-succeeded span code, .pipeline-app .release-info.release-succeeded small code, .pipeline-app .release-info.release-succeeded .panel-section .panel-details code, .panel-section .pipeline-app .release-info.release-succeeded .panel-details code, .pipeline-app .release-info.promotion-succeeded span code, .pipeline-app .release-info.promotion-succeeded small code, .pipeline-app .release-info.promotion-succeeded .panel-section .panel-details code, .panel-section .pipeline-app .release-info.promotion-succeeded .panel-details code, .pipeline-app .promotion-info.release-succeeded span code, .pipeline-app .promotion-info.release-succeeded small code, .pipeline-app .promotion-info.release-succeeded .panel-section .panel-details code, .panel-section .pipeline-app .promotion-info.release-succeeded .panel-details code, .pipeline-app .promotion-info.promotion-succeeded span code, .pipeline-app .promotion-info.promotion-succeeded small code, .pipeline-app .promotion-info.promotion-succeeded .panel-section .panel-details code, .panel-section .pipeline-app .promotion-info.promotion-succeeded .panel-details code {
  color: #008700;
  background: rgba(0, 135, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(0, 135, 0, 0.4);
}
.pipeline-app .build-info.release-succeeded span .badge, .pipeline-app .build-info.release-succeeded small .badge, .pipeline-app .build-info.release-succeeded .panel-section .panel-details .badge, .panel-section .pipeline-app .build-info.release-succeeded .panel-details .badge, .pipeline-app .build-info.promotion-succeeded span .badge, .pipeline-app .build-info.promotion-succeeded small .badge, .pipeline-app .build-info.promotion-succeeded .panel-section .panel-details .badge, .panel-section .pipeline-app .build-info.promotion-succeeded .panel-details .badge, .pipeline-app .release-info.release-succeeded span .badge, .pipeline-app .release-info.release-succeeded small .badge, .pipeline-app .release-info.release-succeeded .panel-section .panel-details .badge, .panel-section .pipeline-app .release-info.release-succeeded .panel-details .badge, .pipeline-app .release-info.promotion-succeeded span .badge, .pipeline-app .release-info.promotion-succeeded small .badge, .pipeline-app .release-info.promotion-succeeded .panel-section .panel-details .badge, .panel-section .pipeline-app .release-info.promotion-succeeded .panel-details .badge, .pipeline-app .promotion-info.release-succeeded span .badge, .pipeline-app .promotion-info.release-succeeded small .badge, .pipeline-app .promotion-info.release-succeeded .panel-section .panel-details .badge, .panel-section .pipeline-app .promotion-info.release-succeeded .panel-details .badge, .pipeline-app .promotion-info.promotion-succeeded span .badge, .pipeline-app .promotion-info.promotion-succeeded small .badge, .pipeline-app .promotion-info.promotion-succeeded .panel-section .panel-details .badge, .panel-section .pipeline-app .promotion-info.promotion-succeeded .panel-details .badge {
  color: #fff;
}
.pipeline-app .commit-sha, .pipeline-app .auto-deploy {
  height: 18px;
  line-height: 11px;
}
.pipeline-app .commit-sha .ci-status-component, .pipeline-app .auto-deploy .ci-status-component {
  height: 18px;
}
.pipeline-app .commit-sha .ci-status-component .btn-group, .pipeline-app .auto-deploy .ci-status-component .btn-group {
  line-height: 0;
  height: 18px;
  display: block;
}
.pipeline-app .commit-sha .ci-status-component .drop-down__toggle, .pipeline-app .auto-deploy .ci-status-component .drop-down__toggle {
  position: relative;
  padding: 2px 2px 2px 0px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.pipeline-app .commit-sha .ci-status-component .drop-down__toggle:hover, .pipeline-app .auto-deploy .ci-status-component .drop-down__toggle:hover {
  background-color: #E3E7EF;
  border-color: #CFD7E6;
  padding-left: 2px;
}
.pipeline-app .commit-sha {
  max-width: 80px;
}
.pipeline-app .btn-remove {
  border-radius: 50%;
  border: none;
  right: -7px;
  top: -7px;
  width: 22px;
  height: 22px;
  padding: 0;
  box-shadow: 0 0 0 1px #CFD7E6, 0 2px 1px rgba(207, 215, 230, 0.4);
}
.pipeline-app .btn-remove:active, .pipeline-app .actions-button .btn-remove.btn-default:focus, .actions-button .pipeline-app .btn-remove.btn-default:focus {
  background: rgb(240.5342465753, 242.9452054795, 247.4657534247);
}
.pipeline-app.pr-app .app-icon, .pipeline-app.pr-app-pending .app-icon {
  width: 21px;
}
.pipeline-app.pr-app .app-name, .pipeline-app.pr-app-pending .app-name {
  font-size: 13px;
}
.pipeline-app.pr-app .app-pr-meta, .pipeline-app.pr-app-pending .app-pr-meta {
  color: #56667D;
}
.pipeline-app.pr-app .github-avatar, .pipeline-app.pr-app-pending .github-avatar {
  position: absolute;
  top: 1px;
  right: 0;
  opacity: 0.8;
}
.pipeline-app.pr-app-pending .box, .pipeline-app.app-suggestion .box {
  background: rgba(255, 255, 255, 0.4);
  border: 1px dashed rgba(86, 102, 125, 0.2);
  box-shadow: none;
}
.pipeline-app.pr-app-pending .box .build-info, .pipeline-app.app-suggestion .box .build-info {
  margin-top: 20px;
}
.pipeline-app.pr-app-pending .box .btn:not(:hover), .pipeline-app.app-suggestion .box .btn:not(:hover) {
  background: none;
}
.pipeline-app.app-suggestion .box {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  width: 100%;
}
.pipeline-app.app-suggestion .app-info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.manage-pipeline-app {
  position: relative;
  right: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.manage-pipeline-app .btn-group {
  margin-left: 0;
}
.manage-pipeline-app .drop-down__toggle {
  display: flex;
  align-items: center;
  padding: 0 4px;
  height: 20px;
}
.manage-pipeline-app .drop-down__toggle .icon {
  margin: 0 !important;
}

.pipeline-dropdown {
  top: 100%;
  margin-top: 1px;
  max-width: 300px;
  transform: translate3d(0, 0, 0);
}
.pipeline-dropdown .dropdown-menu-scroll {
  max-height: 320px;
}
.pipeline-dropdown > li, .pipeline-dropdown .dropdown-menu-scroll > li {
  font-size: 13px;
}
.pipeline-dropdown > li .icon, .pipeline-dropdown .dropdown-menu-scroll > li .icon {
  position: relative;
  margin-top: -2px;
  margin-left: 0;
  margin-right: 4px;
}
.pipeline-dropdown > li .icon.icon-space-mini, .pipeline-dropdown .dropdown-menu-scroll > li .icon.icon-space-mini {
  margin-top: 1px;
  top: -1px;
}
.pipeline-dropdown > li.dropdown-heading, .pipeline-dropdown .dropdown-menu-scroll > li.dropdown-heading {
  color: #62738D;
  padding: 8px 16px 0;
  margin: 6px 0 2px;
  border-top: 1px solid #E3E7EF;
}
.pipeline-dropdown > li.dropdown-heading:first-of-type, .pipeline-dropdown .dropdown-menu-scroll > li.dropdown-heading:first-of-type {
  margin-top: 0;
  padding-top: 2px;
  border: none;
}
.pipeline-dropdown > li.dropdown-heading.loading, .pipeline-dropdown .dropdown-menu-scroll > li.dropdown-heading.loading {
  padding-top: 10px;
}
.pipeline-dropdown > li h6, .pipeline-dropdown > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li h6, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link {
  font-size: 11px;
  font-weight: bold;
  color: #62738D;
  margin: 0;
  padding: 2px 0;
  pointer-events: none;
}
.pipeline-dropdown > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link {
  padding: 2px 0;
  border: none;
  pointer-events: auto;
}
.pipeline-dropdown > li .btn-link .icon, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .icon {
  position: relative;
  margin-left: 4px;
  margin-top: -2px;
  transition: ease 0.1s;
}
.pipeline-dropdown > li .btn-link .icon.icon-space-mini, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .icon.icon-space-mini {
  margin-top: 1px;
}
.pipeline-dropdown > li .btn-link .icon.icon-toggle, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .icon.icon-toggle {
  margin-left: 0;
  margin-right: 2px;
  transform: rotate(-90deg);
}
.pipeline-dropdown > li .btn-link .icon.icon-toggle.opened, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .icon.icon-toggle.opened {
  transform: rotate(0deg);
}
.pipeline-dropdown > li .btn-link:hover, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link:hover {
  background: none;
}
.pipeline-dropdown > li > a, .pipeline-dropdown .dropdown-menu-scroll > li > a {
  padding: 3px 16px;
  color: #56667D !important;
}
.pipeline-dropdown > li > a:hover, .pipeline-dropdown .dropdown-menu-scroll > li > a:hover {
  color: #475366 !important;
}
.pipeline-dropdown > li > a.active, .pipeline-dropdown .dropdown-menu-scroll > li > a.active {
  color: #79589F !important;
}
.pipeline-dropdown > li > a.active:hover, .pipeline-dropdown .dropdown-menu-scroll > li > a.active:hover {
  background: transparent;
}
.pipeline-dropdown > li.dropdown-header, .pipeline-dropdown .dropdown-menu-scroll > li.dropdown-header {
  position: relative;
  z-index: 1;
  margin: -5px 0 5px;
  padding: 0;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(227, 231, 239, 0);
  background-image: -webkit-linear-gradient(rgba(227, 231, 239, 0), rgba(227, 231, 239, 0.3));
  background-image: linear-gradient(rgba(227, 231, 239, 0), rgba(227, 231, 239, 0.3));
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.pipeline-dropdown > li.dropdown-header > a, .pipeline-dropdown .dropdown-menu-scroll > li.dropdown-header > a {
  background: none;
  color: #79589F;
  padding-top: 10px;
  padding-bottom: 10px;
}
.pipeline-dropdown > li.dropdown-header > a .icon, .pipeline-dropdown .dropdown-menu-scroll > li.dropdown-header > a .icon {
  margin-left: 0;
}

.pipeline-dropdown-button {
  text-decoration: none;
}
.pipeline-dropdown-button:focus {
  text-decoration: none;
}

.promotion-ui, .deploy-ui {
  position: relative;
  margin: -16px -15px;
  text-align: center;
}
.promotion-ui .well, .deploy-ui .well {
  border-radius: 0;
  margin: 0;
  padding: 20px 40px;
  text-align: left;
}
.promotion-ui .well h4, .promotion-ui .well .dyno-tier-picker-item-product-tier__name, .promotion-ui .well .panel-section .panel-title, .panel-section .promotion-ui .well .panel-title, .deploy-ui .well h4, .deploy-ui .well .dyno-tier-picker-item-product-tier__name, .deploy-ui .well .panel-section .panel-title, .panel-section .deploy-ui .well .panel-title {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #62738D;
}
.promotion-ui .well ul, .deploy-ui .well ul {
  list-style: none;
}
.promotion-ui .well .form-control, .deploy-ui .well .form-control {
  background-color: #fff;
  margin-top: 20px;
}

.deploy-ui .branch-selection {
  margin: 0 !important;
}
.deploy-ui .branch-selection .form-control {
  margin-top: 0;
  width: 100%;
}

.auto-deploy-modal .modal-title .icon {
  margin: -2px 1px 0 3px;
}
.auto-deploy-modal .modal-intro .title .icon {
  position: relative;
  margin-bottom: 0;
  margin-right: 2px;
  top: -1px;
}
.auto-deploy-modal .form-group {
  padding: 10px 10px 0;
  margin-bottom: 10px;
  text-align: left;
}
.auto-deploy-modal .form-group label {
  font-size: 12px;
  color: #62738D;
  font-weight: bold;
  padding-bottom: 4px;
}
.auto-deploy-modal .branch-selection select {
  display: block;
  width: 100%;
}
.auto-deploy-modal .disable-auto-deploys {
  border-top: 1px solid #E3E7EF;
  text-align: center;
  margin: 5px auto 0;
  width: 95%;
  padding-top: 24px;
}

.ra-enable-header {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)), linear-gradient(90deg, rgba(66, 174, 203, 0.15), rgba(157, 113, 208, 0.15));
}

.ra-enable-banner-header {
  background: linear-gradient(rgba(157, 113, 208, 0.15), rgba(66, 174, 203, 0.15));
}

.ra-confirmation-gradient {
  background: linear-gradient(135deg, rgba(157, 113, 208, 0.15), rgba(66, 174, 203, 0.15));
}

.review-app-errored .review-app-error {
  border: 1px dashed #E3E7EF;
}

.pipeline-access-table.pipeline-collaborator-access-table tr th:last-child, .pipeline-access-table.pipeline-collaborator-access-table tr td:last-child {
  width: 138px;
}
.pipeline-access-table.team-admin-access-table tr th:last-child, .pipeline-access-table.team-admin-access-table tr td:last-child {
  padding-right: 166px;
}

.stale-days-control {
  width: 130px;
}

.ci-panel {
  position: relative;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  background: #fff;
}
@media (max-width: 767px) {
  .ci-panel {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
  }
}
.ci-panel h6, .ci-panel .pipeline-dropdown > li .btn-link, .pipeline-dropdown > li .ci-panel .btn-link, .ci-panel .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .ci-panel .btn-link {
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.ci-setup, .ci-placeholder {
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 40px 0;
  background: #EEF1F6;
}

.ci-placeholder {
  background: #fff;
}

.ci-index #tests-setup {
  position: relative;
  margin: 30px auto;
  max-width: 680px;
  z-index: 1;
}
.ci-index #tests-setup h4, .ci-index #tests-setup .dyno-tier-picker-item-product-tier__name, .ci-index #tests-setup .panel-section .panel-title, .panel-section .ci-index #tests-setup .panel-title, .ci-index #tests-setup .title {
  font-size: 15px;
  font-weight: normal;
  color: #475366;
}
.ci-index #tests-setup h4 .icon, .ci-index #tests-setup .dyno-tier-picker-item-product-tier__name .icon, .ci-index #tests-setup .panel-section .panel-title .icon, .panel-section .ci-index #tests-setup .panel-title .icon, .ci-index #tests-setup .title .icon {
  position: relative;
  margin: -1px 4px 0 2px;
}
.ci-index #tests-setup h4 small, .ci-index #tests-setup .dyno-tier-picker-item-product-tier__name small, .ci-index #tests-setup .panel-section .panel-title small, .panel-section .ci-index #tests-setup .panel-title small, .ci-index #tests-setup h4 .panel-section .panel-details, .ci-index #tests-setup .dyno-tier-picker-item-product-tier__name .panel-section .panel-details, .panel-section .ci-index #tests-setup h4 .panel-details, .panel-section .ci-index #tests-setup .dyno-tier-picker-item-product-tier__name .panel-details, .ci-index #tests-setup .panel-section .panel-title .panel-details, .panel-section .ci-index #tests-setup .panel-title .panel-details, .ci-index #tests-setup .title small, .ci-index #tests-setup .title .panel-section .panel-details, .panel-section .ci-index #tests-setup .title .panel-details {
  font-size: 12px;
  padding-left: 6px;
}
.ci-index #tests-setup p, .ci-index #tests-setup .panel-section .panel-details, .panel-section .ci-index #tests-setup .panel-details {
  color: #56667D;
  font-size: 13px;
}
.ci-index #tests-setup .setup-step {
  position: relative;
  margin-top: 20px;
  padding: 20px 30px 10px 120px;
  border-top: 1px solid #E3E7EF;
  text-align: left;
}
.ci-index #tests-setup .setup-step > .icon {
  position: absolute;
  top: 30px;
  left: 66px;
}
.ci-index #tests-setup .setup-step .pipeline-ci-toggle p, .ci-index #tests-setup .setup-step .pipeline-ci-toggle .panel-section .panel-details, .panel-section .ci-index #tests-setup .setup-step .pipeline-ci-toggle .panel-details, .ci-index #tests-setup .setup-step .pipeline-ci-toggle .ci-billing-options {
  margin-bottom: 14px;
}
.ci-index #tests-setup .setup-step .alert {
  margin: 20px 0 10px;
}
.ci-index #tests-setup .setup-step .alert hr {
  margin: 10px 0;
}

.ci-menu {
  position: relative;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 33%;
  background: #F7F8FB;
  border-right: 1px solid rgb(231, 235, 242.5);
}
@media (max-width: 767px) {
  .ci-menu {
    display: block;
    width: 100%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-right: 0;
    box-shadow: inset 0 -1px 0 #E3E7EF;
    border-right: none;
  }
  .ci-menu .ci-menu--context {
    margin: 8px 20px 12px;
  }
}
.ci-menu .ci-menu--context {
  display: flex;
  position: relative;
  z-index: 2;
  padding: 8px 10px 8px 15px;
  background: #fff;
  min-height: 42px;
  box-shadow: 0 1px 0 rgba(98, 115, 141, 0.1), 0 2px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
@media (max-width: 767px) {
  .ci-menu .ci-menu--context {
    background: none;
    box-shadow: none;
    padding: 0;
    min-height: 24px;
  }
}
@media (max-width: 767px) {
  .ci-menu .ci-menu--context.has-tests {
    padding: 0 0 34px;
  }
}
.ci-menu .ci-menu--context .btn-group {
  margin-left: 12px;
}
.ci-menu .ci-menu--context .btn-group.filter-branches {
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin-left: 0;
  margin-right: 15px;
  min-width: 0;
}
.ci-menu .ci-menu--context .branch-selector-btn {
  padding: 0;
  border: none;
  background: none;
  white-space: nowrap;
  width: 100%;
}
.ci-menu .ci-menu--context .branch-selector-btn span, .ci-menu .ci-menu--context .branch-selector-btn code {
  position: relative;
  font-size: 12px;
  line-height: 13px;
  padding: 3px 4px 2px;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 44px);
}
.ci-menu .ci-menu--context .branch-selector-btn h6, .ci-menu .ci-menu--context .branch-selector-btn .pipeline-dropdown > li .btn-link, .pipeline-dropdown > li .ci-menu .ci-menu--context .branch-selector-btn .btn-link, .ci-menu .ci-menu--context .branch-selector-btn .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .ci-menu .ci-menu--context .branch-selector-btn .btn-link {
  color: #62738D;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 0 2px;
  text-transform: uppercase;
}
.ci-menu .ci-menu--context .branch-selector-btn .icon {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  position: relative;
  top: 0;
  margin-left: 2px;
}
.ci-menu .ci-menu--context .info-tooltip-component {
  position: relative;
  left: -4px;
  margin-right: 4px;
}
.ci-menu .ci-menu--context .new-btn {
  margin-right: 5px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .ci-menu .ci-menu--context .new-btn {
    margin-right: 0;
  }
}
.ci-menu .ci-menu--context .new-btn .icon {
  margin: -2px 2px 0;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.ci-menu .ci-menu--context .new-btn .icon.rotate {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ci-menu .ci-menu--context .mobile-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 6px;
  margin-top: 8px;
  border-top: 1px solid rgba(207, 215, 230, 0.5);
}
.ci-menu .ci-menu--context .mobile-menu .btn-group {
  margin-left: 0;
}
.ci-menu .dropdown-menu, .ci-menu .drop-down__menu, .ci-menu .context-switcher__list {
  font-size: 12px;
}
.ci-menu .dropdown-menu .divider, .ci-menu .drop-down__menu .divider, .ci-menu .context-switcher__list .divider {
  margin: 5px 0;
}
.ci-menu .dropdown-menu.branch-dropdown, .ci-menu .branch-dropdown.drop-down__menu, .ci-menu .branch-dropdown.context-switcher__list, .ci-menu .dropdown-menu.tests-dropdown, .ci-menu .tests-dropdown.drop-down__menu, .ci-menu .tests-dropdown.context-switcher__list {
  width: 240px;
  max-width: calc(33vw - 42px);
  max-height: 350px;
  overflow: auto;
}
.ci-menu .dropdown-menu.branch-dropdown .btn-link, .ci-menu .branch-dropdown.drop-down__menu .btn-link, .ci-menu .branch-dropdown.context-switcher__list .btn-link, .ci-menu .dropdown-menu.tests-dropdown .btn-link, .ci-menu .tests-dropdown.drop-down__menu .btn-link, .ci-menu .tests-dropdown.context-switcher__list .btn-link {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .ci-menu .dropdown-menu.branch-dropdown, .ci-menu .branch-dropdown.drop-down__menu, .ci-menu .branch-dropdown.context-switcher__list, .ci-menu .dropdown-menu.tests-dropdown, .ci-menu .tests-dropdown.drop-down__menu, .ci-menu .tests-dropdown.context-switcher__list {
    max-height: 300px;
    max-width: calc(100vw - 42px);
  }
}
.ci-menu .dropdown-menu.tests-dropdown, .ci-menu .tests-dropdown.drop-down__menu, .ci-menu .tests-dropdown.context-switcher__list {
  width: auto;
  background: #EEF1F6;
  padding: 0;
}
.ci-menu .dropdown-menu.tests-dropdown .ci-menu--header:first-child, .ci-menu .tests-dropdown.drop-down__menu .ci-menu--header:first-child, .ci-menu .tests-dropdown.context-switcher__list .ci-menu--header:first-child {
  padding-top: 10px;
}
.ci-menu .ci-menu--scroll {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: auto;
}
.ci-menu .test-run-btn {
  color: #62738D;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
  margin: -1px 6px 0 0;
  border: none;
  background: none;
}
.ci-menu .test-run-btn .icon {
  position: relative;
  top: -1px;
  margin-left: 2px;
}
.ci-menu .ci-menu--header {
  padding: 8px 15px;
  border-bottom: 1px solid #E3E7EF;
  background: rgba(255, 255, 255, 0.7);
}
.ci-menu .ci-menu--header h6, .ci-menu .ci-menu--header .pipeline-dropdown > li .btn-link, .pipeline-dropdown > li .ci-menu .ci-menu--header .btn-link, .ci-menu .ci-menu--header .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .ci-menu .ci-menu--header .btn-link {
  color: #62738D;
}
.ci-menu .ci-menu--new {
  border-bottom: 1px solid #E3E7EF;
  padding: 11px 10px 9px;
  margin-top: -93px;
  transition: ease 0.2s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .ci-menu .ci-menu--new {
    border-top: 1px solid rgba(207, 215, 230, 0.5);
    box-shadow: inset 0 1px 0 #E3E7EF;
    transition: none;
    display: none;
    margin-top: 0;
  }
}
.ci-menu .ci-menu--new.reveal {
  margin-top: 0;
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .ci-menu .ci-menu--new.reveal {
    display: block;
  }
}
.ci-menu .ci-menu--new .ci-menu--item {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  padding: 10px;
  border: 1px dashed rgba(86, 102, 125, 0.2);
}
.ci-menu .ci-menu--new .ci-menu--item .ci-meta .commit {
  color: #62738D;
}
.ci-menu .ci-menu--new .ci-menu--item .ci-meta .branch {
  color: #56667D;
}
.ci-menu .ci-menu--item .ci-menu--item--link {
  position: relative;
  color: #475366;
  text-decoration: none;
  display: block;
  padding: 12px 15px;
  border-bottom: 1px solid #E3E7EF;
}
.ci-menu .ci-menu--item .ci-menu--item--link:hover {
  background: rgba(255, 255, 255, 0.5);
}
.ci-menu .ci-menu--item .ci-menu--item--link.active {
  background: #fff;
  border-bottom: 1px solid rgba(207, 215, 230, 0.8);
  box-shadow: 0 1px 0 rgba(207, 215, 230, 0.3), 0 -1px 0 rgba(207, 215, 230, 0.3);
  z-index: 2;
}
.ci-menu .ci-menu--item .ci-menu--item--link.active .ci-meta .commit {
  font-weight: bold;
  position: relative;
  top: -1px;
}
.ci-menu .ci-menu--item.succeeded .ci-menu--item--link .commit {
  color: #008700;
}
.ci-menu .ci-menu--item.failed .ci-menu--item--link .commit, .ci-menu .ci-menu--item.failed .ci-menu--item--link .test-status, .ci-menu .ci-menu--item.errored .ci-menu--item--link .commit, .ci-menu .ci-menu--item.errored .ci-menu--item--link .test-status {
  color: #DE0A0A;
}
.ci-menu .ci-meta, .ci-menu .ci-status {
  display: flex;
  font-size: 12px;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.ci-menu .ci-meta {
  padding-bottom: 6px;
}
.ci-menu .ci-meta .commit, .ci-menu .ci-meta .branch {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ci-menu .ci-meta .commit {
  color: #79589F;
}
.ci-menu .ci-meta .commit .icon {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  margin-top: -2px;
  margin-left: 1px;
  margin-right: 4px;
}
.ci-menu .ci-meta .branch {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 11px;
  text-align: right;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  margin-left: 20px;
  max-width: 50%;
}
.ci-menu .ci-meta .branch .icon {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  margin-top: -1px;
}
.ci-menu .ci-status {
  line-height: 18px;
}
.ci-menu .ci-status .test-status, .ci-menu .ci-status .test-time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ci-menu .ci-status .test-status .icon {
  margin-top: -2px;
  margin-right: 2px;
}
.ci-menu .ci-status .test-time {
  padding-left: 10px;
}
.ci-menu .ci-status .test-time.pending {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.ci-menu .empty-state {
  position: relative;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
  padding: 40px 0;
}
.ci-menu .empty-state p, .ci-menu .empty-state .panel-section .panel-details, .panel-section .ci-menu .empty-state .panel-details {
  color: #62738D;
  text-align: center;
  padding-top: 16px;
  max-width: 200px;
}

.ci-view {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
  position: relative;
  padding: 15px 40px;
  background: #fff;
  overflow: auto;
}
@media (max-width: 767px) {
  .ci-view {
    padding: 10px 20px;
  }
}
.ci-view .ci-view--header, .ci-view .ci-view--meta {
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 14px 0;
}
.ci-view .ci-view--header {
  padding: 14px 10px;
  margin: 0 -10px;
  border-bottom: 1px solid #E3E7EF;
}
.ci-view .ci-view--header h3 {
  font-size: 16px;
  line-height: 24px;
  color: #56667D;
  margin: 0;
  margin-right: auto;
}
.ci-view .ci-view--header h3 span {
  color: #62738D;
}
.ci-view .ci-view--header h3 span.is-passed {
  color: #008700;
}
.ci-view .ci-view--header h3 span.is-failed {
  color: #DE0A0A;
}
.ci-view .ci-view--header h3 span.display-duration {
  display: inline-block;
}
.ci-view .ci-view--header h3 .icon {
  margin-top: -2px;
  margin-right: 4px;
}
.ci-view .ci-view--header .ci-actions {
  margin-left: 20px;
  flex-shrink: 0;
}
.ci-view .ci-view--header .ci-actions .run-again {
  min-width: 83px;
}
.ci-view .ci-view--header .ci-actions .btn .icon {
  margin-left: 0;
  margin-top: -2px;
}
.ci-view .ci-view--header .ci-actions .drop-down__menu, .ci-view .ci-view--header .ci-actions .context-switcher__list {
  font-size: 12px;
  min-width: 170px;
}
.ci-view .ci-view--header .ci-actions .drop-down__menu .divider, .ci-view .ci-view--header .ci-actions .context-switcher__list .divider {
  margin: 5px 0;
}
.ci-view .ci-view--header .ci-actions .drop-down__menu .async-button, .ci-view .ci-view--header .ci-actions .context-switcher__list .async-button {
  width: 100%;
}
.ci-view .ci-view--header .ci-actions .drop-down__menu .async-button.pending, .ci-view .ci-view--header .ci-actions .context-switcher__list .async-button.pending {
  text-align: center;
}
.ci-view .ci-view--meta {
  font-size: 12px;
  display: flex;
}
.ci-view .ci-view--meta .repo-info, .ci-view .ci-view--meta .author-info {
  display: inline-flex;
  max-width: 50%;
}
.ci-view .ci-view--meta .repo-info .repo, .ci-view .ci-view--meta .repo-info .branch, .ci-view .ci-view--meta .repo-info .author, .ci-view .ci-view--meta .repo-info .time, .ci-view .ci-view--meta .author-info .repo, .ci-view .ci-view--meta .author-info .branch, .ci-view .ci-view--meta .author-info .author, .ci-view .ci-view--meta .author-info .time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ci-view .ci-view--meta .repo-info {
  color: #56667D;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.ci-view .ci-view--meta .repo-info .repo, .ci-view .ci-view--meta .repo-info .branch {
  margin-right: 14px;
}
.ci-view .ci-view--meta .repo-info a {
  color: inherit;
  text-decoration: none;
}
.ci-view .ci-view--meta .repo-info a:hover {
  text-decoration: underline;
}
.ci-view .ci-view--meta .author-info {
  color: #62738D;
  margin-left: auto;
}
.ci-view .ci-view--pr {
  margin-left: auto;
}
.ci-view .ci-view--commit {
  border: none;
  padding-bottom: 10px;
}
.ci-view .ci-view--commit .icon {
  margin-top: -1px;
}
.ci-view .ci-view--commit code {
  margin: 0 6px;
}
.ci-view .ci-view--commit p, .ci-view .ci-view--commit .panel-section .panel-details, .panel-section .ci-view .ci-view--commit .panel-details {
  font-size: 12px;
  color: #56667D;
  display: flex;
  width: 100%;
  -webkit-box-align: top;
  -moz-box-align: top;
  box-align: top;
  -webkit-align-items: top;
  -moz-align-items: top;
  -ms-align-items: top;
  -o-align-items: top;
  align-items: top;
  -ms-flex-align: top;
}
.ci-view .ci-view--commit p .commit-meta, .ci-view .ci-view--commit .panel-section .panel-details .commit-meta, .panel-section .ci-view .ci-view--commit .panel-details .commit-meta {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.ci-view .ci-view--commit p .commit-meta a, .ci-view .ci-view--commit .panel-section .panel-details .commit-meta a, .panel-section .ci-view .ci-view--commit .panel-details .commit-meta a {
  text-decoration: none;
}
.ci-view .ci-view--commit p .commit-meta a:hover, .ci-view .ci-view--commit .panel-section .panel-details .commit-meta a:hover, .panel-section .ci-view .ci-view--commit .panel-details .commit-meta a:hover {
  text-decoration: underline;
}
.ci-view .ci-view--commit p .commit-message, .ci-view .ci-view--commit .panel-section .panel-details .commit-message, .panel-section .ci-view .ci-view--commit .panel-details .commit-message {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.ci-view .ci-view--commit p .commit-message small, .ci-view .ci-view--commit .panel-section .panel-details .commit-message small, .panel-section .ci-view .ci-view--commit .panel-details .commit-message small, .ci-view .ci-view--commit p .commit-message .panel-section .panel-details, .panel-section .ci-view .ci-view--commit p .commit-message .panel-details, .ci-view .ci-view--commit .panel-section .panel-details .commit-message .panel-details, .panel-section .ci-view .ci-view--commit .panel-details .commit-message .panel-details {
  font-size: 12px;
  display: block;
  color: #62738D;
  padding-top: 4px;
  word-wrap: break-word;
}
.ci-view .ci-view--commit p .btn, .ci-view .ci-view--commit .panel-section .panel-details .btn, .panel-section .ci-view .ci-view--commit .panel-details .btn {
  position: relative;
  margin-top: -1px;
  padding: 0 6px 6px;
  font-size: 13px;
  line-height: 8px;
  margin-left: 4px;
}
.ci-view .ci-view--module {
  font-size: 13px;
  padding: 14px 0;
  border-bottom: 1px solid #E3E7EF;
}
.ci-view .ci-view--module:last-child {
  border-bottom: none;
}
.ci-view .ci-view--module h5 {
  font-size: 13px;
  margin: 0;
  padding-bottom: 14px;
}
.ci-view .ci-view--module h5 .icon {
  margin: -2px 4px 0 4px;
}
.ci-view .ci-view--module h6, .ci-view .ci-view--module .pipeline-dropdown > li .btn-link, .pipeline-dropdown > li .ci-view .ci-view--module .btn-link, .ci-view .ci-view--module .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--module .btn-link, .ci-view .ci-view--module h6 .btn-link {
  color: #62738D;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.ci-view .ci-view--module h6:disabled, .ci-view .ci-view--module .pipeline-dropdown > li .btn-link:disabled, .pipeline-dropdown > li .ci-view .ci-view--module .btn-link:disabled, .ci-view .ci-view--module .pipeline-dropdown .dropdown-menu-scroll > li .btn-link:disabled, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--module .btn-link:disabled, .ci-view .ci-view--module h6 .btn-link:disabled {
  opacity: 0.5;
}
.ci-view .ci-view--module h6 .btn-link, .ci-view .ci-view--module .pipeline-dropdown > li .btn-link .btn-link, .pipeline-dropdown > li .ci-view .ci-view--module .btn-link .btn-link, .ci-view .ci-view--module .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--module .btn-link .btn-link {
  margin-bottom: 0;
}
.ci-view .ci-view--module .build-stream .build-stream-output {
  min-height: 340px;
}
.ci-view .ci-view--module .build-stream-full {
  margin-top: 11px;
  min-height: 60px;
  max-height: calc(100vh - 200px);
  padding-bottom: 32px;
  height: auto;
}
.ci-view .ci-view--module .build-stream-full .build-stream-output {
  max-height: calc(100vh - 200px - 32px);
}
.ci-view .ci-view--module .build-stream-full .build-stream-text {
  font-size: 11px;
}
.ci-view .ci-view--module.test-output-module h6, .ci-view .ci-view--module.test-output-module .pipeline-dropdown > li .btn-link, .pipeline-dropdown > li .ci-view .ci-view--module.test-output-module .btn-link, .ci-view .ci-view--module.test-output-module .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--module.test-output-module .btn-link {
  margin-bottom: 0;
}
.ci-view .ci-view--module.test-output-module .icon-toggle {
  position: relative;
  top: -2px;
  margin-right: 4px;
  transform: rotate(-90deg);
  transition: ease 0.1s;
}
.ci-view .ci-view--module.test-output-module .icon-toggle.opened {
  top: -1px;
  transform: rotate(0deg);
}
.ci-view .ci-view--messages {
  position: relative;
  margin: -10px 0 0;
  border-top: 0 solid #fff;
  border-bottom: 1px solid #fff;
}
.ci-view .ci-view--messages .test-message {
  color: #62738D;
  font-size: 13px;
  position: relative;
  padding: 16px 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #E3E7EF;
  background: #EEF1F6;
}
.ci-view .ci-view--messages .test-message:last-child {
  margin-bottom: 0;
}
.ci-view .ci-view--messages .test-message h6, .ci-view .ci-view--messages .test-message .pipeline-dropdown > li .btn-link, .pipeline-dropdown > li .ci-view .ci-view--messages .test-message .btn-link, .ci-view .ci-view--messages .test-message .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--messages .test-message .btn-link {
  position: relative;
  color: #62738D;
}
.ci-view .ci-view--messages .test-message .icon {
  margin-right: 12px;
}
.ci-view .ci-view--messages .test-warning {
  color: #C74C00;
  box-shadow: inset 0 0 0 1px rgba(199, 76, 0, 0.2);
  background: rgba(199, 76, 0, 0.04);
}
.ci-view .ci-view--messages .test-warning a {
  color: inherit;
}
.ci-view .ci-view--messages .test-fail {
  color: #DE0A0A;
  box-shadow: inset 0 0 0 1px rgba(222, 10, 10, 0.4);
  background: rgba(222, 10, 10, 0.04);
}
.ci-view .ci-view--messages .test-fail p, .ci-view .ci-view--messages .test-fail .panel-section .panel-details, .panel-section .ci-view .ci-view--messages .test-fail .panel-details {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(222, 10, 10, 0.3);
}
.ci-view .ci-view--messages .test-fail a {
  color: inherit;
}
.ci-view .ci-view--messages .test-case-fail {
  padding: 4px 0 18px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(222, 10, 10, 0.3);
}
.ci-view .ci-view--messages .test-case-fail:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.ci-view .ci-view--messages .test-case-fail pre {
  font-size: 12px;
  margin: 6px 0 0 28px;
  border: 1px solid rgba(222, 10, 10, 0.3);
  background: rgba(255, 255, 255, 0.8);
}

.ci-view--output .build-stream, .ci-view--output .build-stream-full {
  min-height: 160px;
}

.test-run-status-message {
  padding-left: 6px;
  font-size: 16px;
}
.test-run-status-message.pending, .test-run-status-message.creating, .test-run-status-message.running {
  color: #62738D;
}
.test-run-status-message.succeeded {
  color: #008700;
}
.test-run-status-message.failed, .test-run-status-message.errored {
  color: #DE0A0A;
}

.ci-status-component {
  display: inline-block;
}
.ci-status-component .btn-group {
  position: static;
}
.ci-status-component .drop-down__toggle {
  border: none;
  width: 18px;
}
.ci-status-component .drop-down__menu, .ci-status-component .context-switcher__list {
  margin-top: 5px;
  right: 0;
}
.ci-status-component .drop-down__menu li.dropdown-header, .ci-status-component .context-switcher__list li.dropdown-header {
  padding: 8px 12px 6px;
}
.ci-status-component .drop-down__menu li .ci-check-summary, .ci-status-component .context-switcher__list li .ci-check-summary {
  color: #62738D;
  font-size: 11px;
  margin: 0 !important;
}
.ci-status-component .drop-down__menu li .ci-check-summary b, .ci-status-component .context-switcher__list li .ci-check-summary b {
  font-weight: normal;
  font-size: 13px;
  display: block;
}
.ci-status-component .drop-down__menu li .icon, .ci-status-component .context-switcher__list li .icon {
  margin-left: 0 !important;
  margin-right: 5px !important;
}
.ci-status-component .drop-down__menu li a, .ci-status-component .context-switcher__list li a {
  font-size: 12px !important;
  color: #56667D !important;
  display: block !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ci-status-component .drop-down__menu li a small, .ci-status-component .context-switcher__list li a small, .ci-status-component .drop-down__menu li a .panel-section .panel-details, .ci-status-component .context-switcher__list li a .panel-section .panel-details, .panel-section .ci-status-component .drop-down__menu li a .panel-details, .panel-section .ci-status-component .context-switcher__list li a .panel-details {
  font-size: 11px;
  color: #62738D;
}

.test-nodes--nav li {
  min-width: 60px;
}
.test-nodes--nav li:last-child {
  border-right: none;
}
.test-nodes--nav .btn-group {
  display: flex;
}
.test-nodes--nav .btn-group .overflow-tab {
  min-width: 60px;
}
.test-nodes--nav .btn-group .active {
  border-left: 1px solid #e3e7ef;
}
.test-nodes--nav .drop-down__menu, .test-nodes--nav .context-switcher__list {
  min-width: 100px;
}

.table-action-button {
  padding: 0px;
  width: 38px;
  text-align: center;
  border: 0;
  background-color: transparent;
  border-radius: 3px;
  padding-right: 22px;
  padding-left: 10px;
}
.table-action-button:hover i {
  color: #62738D;
}
.table-action-button i {
  position: relative;
  top: -2px;
}

.addons-provision .addons-provision__header {
  text-align: center;
}
.addons-provision .addons-provision__header .item {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  width: calc(46% - 22px);
}
.addons-provision .addons-provision__header .item .description {
  padding-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.addons-provision .addon-details {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.addons-provision .addons-provision__addon-icon-container {
  height: 48px;
  width: 48px;
  overflow: hidden;
  display: inline-block;
  border-radius: 5px;
  background-color: white;
}
.addons-provision .addons-provision__body {
  padding: 20px;
  padding-bottom: 5px;
}
.addons-provision .addons-provision__provision-errors {
  font-size: 12px;
  line-height: 1.5em;
  padding-left: 40px;
  padding-right: 10px;
}
.addons-provision .addons-provision__provision-errors li {
  position: relative;
  display: inline-block;
  padding: 0;
}
.addons-provision .addons-provision__provision-errors li .icon {
  position: absolute;
  top: -3px;
  left: -31px;
}
.addons-provision .addons-provision__provision-errors li + li {
  margin-top: 20px;
}

.addons-provision-error {
  text-align: center;
}
.addons-provision-error img {
  height: 80px;
  width: 80px;
}
.addons-provision-error .addons-provision-error__header {
  font-weight: bold;
}

#modal-overlays .ember-modal-dialog.addon-provision-modal {
  width: 100%;
  max-width: 460px;
}
#modal-overlays .ember-modal-dialog.addon-provision-modal .modal-header {
  border-bottom: none;
}
#modal-overlays .ember-modal-dialog.addon-provision-modal .modal-header .modal-title {
  display: none;
}
#modal-overlays .ember-modal-dialog.addon-provision-modal .modal-body {
  margin-top: -10px;
  padding: 0;
}
#modal-overlays .ember-modal-dialog.addon-provision-modal .modal-footer {
  padding: 20px;
}
#modal-overlays .ember-modal-dialog.addon-provision-modal .modal-footer button {
  width: 100%;
}
#modal-overlays .ember-modal-dialog.addon-provision-modal .separator {
  border-bottom: 1px solid rgb(231, 235, 242.5);
}

#modal-overlays .ember-modal-dialog.addon-confirm-delete-modal .modal-body {
  padding: 20px;
  padding-bottom: 5px;
}

.log-color {
  color: gray;
}

.log-color--blue {
  color: #437BD7;
}

.log-color--orange {
  color: #F38900;
}

.log-color--purple {
  color: #8854B3;
}

.log-color--green {
  color: #728E40;
}

.log-color--red {
  color: #C62919;
}

.log-color--yellow {
  color: #EEC800;
}

.assume-identity {
  background-color: #DE0A0A;
  position: fixed;
  bottom: 20px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  z-index: 999;
  text-transform: uppercase;
  font-size: 12px;
  padding: 6px 20px;
  padding-bottom: 7px;
  border-radius: 20px;
  left: 50%;
  width: 220px;
  margin-left: -110px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
}

.switch-mode {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.switch-mode__toggle {
  padding-right: 10px;
}

.switch__status__text {
  position: relative;
  top: 2px;
  font-size: 11px;
  text-transform: uppercase;
}

.new-org {
  overflow: visible;
}
.new-org .org-owner div {
  float: left;
}
.new-org .org-owner div p, .new-org .org-owner div .panel-section .panel-details, .panel-section .new-org .org-owner div .panel-details {
  margin-bottom: 0;
}
.new-org .org-owner div.owner-details {
  padding-left: 20px;
}
.new-org .panel-content .btn-link {
  padding: 0px 25px;
}
.new-org .list-group-item {
  border-bottom: none;
}
.new-org .list-group-item:last-child {
  border-top: none;
}
.new-org .alert {
  margin-top: 1px;
}

.btn {
  outline: none !important;
}

.space-save {
  height: auto;
}

#overview-page {
  position: relative;
  margin: 0 -20px 0;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
}
@media (max-width: 767px) {
  #overview-page {
    display: block;
  }
}
#overview-page .overview-content, #overview-page .overview-activity, #overview-page .overview-team {
  width: 50%;
  padding: 10px 20px 0;
}
@media (max-width: 767px) {
  #overview-page .overview-content, #overview-page .overview-activity, #overview-page .overview-team {
    width: 100%;
  }
}
#overview-page .overview-content {
  padding-right: 22px;
}
@media (max-width: 767px) {
  #overview-page .overview-content {
    padding-right: 20px;
  }
}
#overview-page .overview-activity {
  padding-bottom: 20px;
  padding-left: 23px;
}
@media (max-width: 767px) {
  #overview-page .overview-activity {
    padding-left: 20px;
    box-shadow: inset 0 1px 0 #E3E7EF;
  }
}
#overview-page .purple-box, #overview-page .content-box, #overview-page .data-unavailable, #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, #overview-page .buildpack-installations-list .sortable-item.is-dragging, .buildpack-installations-list #overview-page .sortable-item.is-dragging, #overview-page .metrics__not-available, #overview-page .metrics__chart-sorting .sortable-item.is-dragging, .metrics__chart-sorting #overview-page .sortable-item.is-dragging, #overview-page .metrics__monitor-preview-chart__loading {
  margin-bottom: 32px;
}
#overview-page .purple-box .show-more, #overview-page .content-box .show-more, #overview-page .data-unavailable .show-more, #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .show-more, #overview-page .buildpack-installations-list .sortable-item.is-dragging .show-more, .buildpack-installations-list #overview-page .sortable-item.is-dragging .show-more, #overview-page .metrics__not-available .show-more, #overview-page .metrics__chart-sorting .sortable-item.is-dragging .show-more, .metrics__chart-sorting #overview-page .sortable-item.is-dragging .show-more, #overview-page .metrics__monitor-preview-chart__loading .show-more {
  padding: 0 20px 10px;
  font-size: 13px;
}
#overview-page .member-list, #overview-page .collaborator-list {
  max-height: 312px;
  margin: 0 5px;
  padding: 5px 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
#overview-page .member-list::-webkit-scrollbar, #overview-page .collaborator-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#overview-page .member-list::-webkit-scrollbar-track, #overview-page .collaborator-list::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  background: rgba(0, 0, 0, 0.05);
}
#overview-page .member-list::-webkit-scrollbar-thumb, #overview-page .collaborator-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  background: rgba(0, 0, 0, 0.1);
}
#overview-page .member-list::-webkit-scrollbar-button, #overview-page .collaborator-list::-webkit-scrollbar-button {
  display: block;
  width: 0;
  height: 0;
}
#overview-page .member-list h5, #overview-page .collaborator-list h5 {
  float: none;
}
#overview-page .member, #overview-page .collaborator {
  position: relative;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#overview-page .member .avatar, #overview-page .collaborator .avatar {
  position: relative;
}
#overview-page .member .user-info, #overview-page .collaborator .user-info {
  max-width: 75%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
#overview-page .header {
  padding: 0 0 14px;
}
#overview-page .header h5 {
  font-size: 13px;
  margin: 0;
}
#overview-page .header h5 .icon {
  margin: -2px 4px 0 4px;
}
#overview-page .header h5 .badge {
  border-radius: 12px;
  margin: -1px 5px 0;
  cursor: default;
  background: #62738D;
}
#overview-page .header h5 .badge.badge--light {
  background: #CFD7E6;
}
#overview-page .header .btn-link {
  font-size: 12px;
  margin-top: -1px;
}
#overview-page .header .btn-link .icon {
  margin: -2px 0 0 1px;
}
#overview-page .header .btn-default {
  margin: -4px 0;
}

.bar-chart {
  height: 100px;
}

.bar-chart__col {
  max-width: 90px;
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.bar-chart__col__usage {
  background: #006DEB;
  min-height: 1px;
}

.bar-chart__col__usage--over-limit {
  background: #DE7575;
}

.bar-chart__col__usage--no-limit {
  background: #CFD7E6;
}

.bar-chart__col__quota {
  height: 1px;
  background: rgba(0, 109, 235, 0.1);
  width: 100%;
}

.bar-chart__col__quota-line {
  height: 1px;
  color: white;
  width: 100%;
}

.bar-chart__col__quota--over-limit {
  background: #006DEB;
}

.bar-chart__col:hover .bar-chart__col__quota {
  filter: brightness(70%);
}
.bar-chart__col:hover .bar-chart__col__usage {
  filter: brightness(70%);
}

.bar-chart__col-legacy {
  max-width: 90px;
  flex-basis: 0;
}

.bar-chart__col__chart-legacy {
  background: #CFD7E6;
  min-height: 1px;
}

.bar-chart__col__quota-legacy {
  height: 1px;
  background: #CFD7E6;
  bottom: 0px;
  margin-bottom: 20px;
  width: 100%;
  z-index: 5;
  box-shadow: 0 0 0 1px white;
}

.bar-chart__col__quota--over-limit-legacy {
  background: #D64242;
}

.bar-chart__col-legacy:hover .bar-chart__col__chart-legacy {
  background: #62738D;
}

.bar-chart__col-legacy:hover .bar-chart__col__chart-legacy.bar-chart__col__quota--over-limit-legacy {
  background: #A70404;
}

.context-switcher--container {
  z-index: 5;
}

.context-switcher__list {
  position: absolute;
  z-index: 48;
  top: 36px;
  left: 0px;
  width: 320px;
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 160px);
  padding: 0;
}

.limit-width, .list-group-lg {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.top-nav .limit-width, .top-nav .list-group-lg {
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
#overview-page .limit-width, #overview-page .list-group-lg {
  max-width: 578px;
}
.overview-content .limit-width, .overview-content .list-group-lg {
  margin-right: 0 !important;
}
@media (max-width: 767px) {
  .overview-content .limit-width, .overview-content .list-group-lg {
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}
.overview-activity .limit-width, .overview-activity .list-group-lg, .overview-team .limit-width, .overview-team .list-group-lg {
  margin-left: 0 !important;
}
@media (max-width: 767px) {
  .overview-activity .limit-width, .overview-activity .list-group-lg, .overview-team .limit-width, .overview-team .list-group-lg {
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}

.message-banner .limit-width, .message-banner .list-group-lg {
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  align-content: space-around;
  -ms-flex-line-pack: distribute;
}
@media (max-width: 767px) {
  .message-banner .limit-width, .message-banner .list-group-lg {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.hk-input.StripeElement--empty, .hk-input.StripeElement--invalid, .hk-input StripeElement--focus {
  background: #fff;
}

.licensed-usage {
  background: #79589F;
}

.remaining {
  background: rgba(121, 88, 159, 0.1);
}

.gac-applied {
  background: #ffb700;
}

.overage {
  background: rgba(167, 4, 4, 0.8);
}

.dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}

.product-column {
  min-width: 135px;
  width: 135px;
}

.contract-column {
  min-width: 100px;
  width: 115px;
}

.usage-column {
  min-width: 135px;
  width: 135px;
}

.overage-column {
  width: auto;
}

.progress-bar-actual {
  height: 10px;
  width: 100%;
}

.bar-section {
  float: left;
  height: 100%;
  border-radius: 2px 2px 2px 2px;
}

.bar-section.remaining {
  border-radius: 0px 2px 2px 0px;
  position: absolute;
  height: 10px;
}

.bar-section.licensed-usage {
  height: 10px;
}

.historical-usage-chart {
  height: 135px;
}

.historical-usage-chart__col {
  max-width: 90px;
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 135px;
}

.historical-usage-bar {
  width: 100%;
  max-width: 45px;
  margin: 0 auto;
  bottom: 0;
  transform-origin: bottom;
}
.historical-usage-bar.remaining {
  margin-bottom: 0px;
  border-radius: 2px 2px 0 0;
}
.historical-usage-bar.gap-below {
  margin-bottom: 3px;
}
.historical-usage-bar__top-rounded {
  border-radius: 3px 3px 0 0;
}

.description {
  position: relative;
  bottom: 7px;
}

.shield-description {
  position: relative;
  bottom: 5px;
}

.check-mark {
  bottom: 0;
  margin-bottom: -15px;
  background-color: white;
}

.unavailable-badge {
  bottom: 0;
  margin-bottom: -9px;
  background: #6C6C6C;
}

.unavailable-text {
  color: #444444;
  font-weight: 400;
  opacity: 0.6;
  font-size: 12px;
}

.label-text {
  color: #444444;
  font-weight: 400;
  font-size: 12px;
  opacity: 0.9;
}

legend {
  border: none;
  margin-bottom: 0px;
}

.selected {
  box-shadow: 0px 0px 4px 0px rgba(89, 46, 139, 0.4);
  border: 2px solid #592E8B;
  background: #FFF;
}

.unselected {
  border: 1px solid rgba(108, 108, 108, 0.2);
  background: rgba(243, 243, 243, 0.2);
}
.unselected:hover {
  box-shadow: 0 0 0 1px #79589F;
}

.unavailable {
  border: 1px solid rgba(108, 108, 108, 0.3);
  background: rgba(243, 243, 243, 0.3);
}

.title {
  font-size: 16px;
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}

code.hljs {
  padding: 3px 5px;
}

.hljs {
  color: #abb2bf;
  background: #000;
}

.hljs-comment {
  color: #5c6370;
  font-style: italic;
}

.hljs-quote {
  color: #5c6370;
  font-style: italic;
}

.hljs-doctag {
  color: #c678dd;
}

.hljs-keyword {
  color: #c678dd;
}

.hljs-formula {
  color: #c678dd;
}

.hljs-section {
  color: #e06c75;
}

.hljs-name {
  color: #e06c75;
}

.hljs-selector-tag {
  color: #e06c75;
}

.hljs-deletion {
  color: #e06c75;
}

.hljs-subst {
  color: #e06c75;
}

.hljs-literal {
  color: #56b6c2;
}

.hljs-string {
  color: #98c379;
}

.hljs-regexp {
  color: #98c379;
}

.hljs-addition {
  color: #98c379;
}

.hljs-attribute {
  color: #98c379;
}

.hljs-meta {
  color: #61aeee;
}
.hljs-meta .hljs-string {
  color: #98c379;
}

.hljs-attr {
  color: #d19a66;
}

.hljs-variable {
  color: #d19a66;
}

.hljs-template-variable {
  color: #d19a66;
}

.hljs-type {
  color: #d19a66;
}

.hljs-selector-class {
  color: #d19a66;
}

.hljs-selector-attr {
  color: #d19a66;
}

.hljs-selector-pseudo {
  color: #d19a66;
}

.hljs-number {
  color: #d19a66;
}

.hljs-symbol {
  color: #61aeee;
}

.hljs-bullet {
  color: #61aeee;
}

.hljs-link {
  color: #61aeee;
  text-decoration: underline;
}

.hljs-selector-id {
  color: #61aeee;
}

.hljs-title {
  color: #61aeee;
}

.hljs-built_in {
  color: #e6c07b;
}

.hljs-title.class_ {
  color: #e6c07b;
}

.hljs-class .hljs-title {
  color: #e6c07b;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.app-wrapper {
  display: flex;
  min-height: calc(100vh - 50px);
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
}

.glostick-active--helmet .app-wrapper {
  min-height: calc(100vh - 77px);
}

.modal-buildpacks {
  width: 100%;
  font-size: 0;
  margin: 15px 0;
}
.modal-buildpacks a.supported-buildpack {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: #62738D;
  width: 19.6%;
  margin-right: 0.5%;
  margin-bottom: 0.5%;
  padding: 7px 10px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #E3E7EF;
  -webkit-transition: ease 0.2s;
  -o-transition: ease 0.2s;
  transition: ease 0.2s;
}
.modal-buildpacks a.supported-buildpack:hover {
  color: #79589F;
  background: rgb(248.3, 246.65, 250.2);
  box-shadow: inset 0 0 0 1px rgb(201.4, 188.2, 216.6);
}
.modal-buildpacks a.supported-buildpack.selected {
  color: #79589F;
  background: rgb(248.3, 246.65, 250.2);
  box-shadow: inset 0 0 0 1px rgb(201.4, 188.2, 216.6);
}
.modal-buildpacks a.supported-buildpack .language-icon {
  height: 40px;
  padding: 5px 0;
  display: block;
  text-align: center;
}
.modal-buildpacks a.supported-buildpack .language-icon .icon {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 480px) {
  .modal-buildpacks a.supported-buildpack:nth-child(5n) {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .modal-buildpacks a.supported-buildpack {
    width: 33%;
  }
  .modal-buildpacks a.supported-buildpack:nth-child(3n) {
    margin-right: 0;
  }
}

.dyno-tier-picker {
  box-sizing: border-box;
  padding: 0;
}
.dyno-tier-picker.is-editing .dyno-tier-picker-item.is-current {
  border-color: #006DEB;
}

.dyno-tier-picker-list-primary {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.dyno-tier-picker-list-primary .dyno-tier-picker-item:last-child {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}

.dyno-tier-picker-list-secondary {
  margin: 5px 0;
}

.dyno-tier-picker-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 15px;
  background-color: #fff;
  border: 2px #E3E7EF solid;
  border-radius: 5px;
  -webkit-transition: 100ms linear;
  -o-transition: 100ms linear;
  transition: 100ms linear;
}
.dyno-tier-picker-item:last-child {
  margin-right: 0;
}
.dyno-tier-picker-item.is-selectable {
  cursor: pointer;
}
.dyno-tier-picker-item.is-selectable:hover {
  border-color: #006DEB;
}
.dyno-tier-picker-item.is-current {
  border-color: #79589F;
}

.dyno-tier-picker-item-select-btn {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  margin: 10px;
  align-items: flex-end;
}

.dyno-tier-picker-item-name {
  display: none;
}

.dyno-tier-picker-item-description {
  display: none;
}

.dyno-tier-picker-item-product-tiers {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.dyno-tier-picker-item-product-tiers .tooltip-inner {
  text-align: left;
}

.dyno-tier-picker-header {
  display: none;
}

.dyno-tier-picker-header-placeholder {
  display: block;
  height: 23px;
}

.tier-production .dyno-tier-picker-header {
  display: block;
  text-align: center;
  background-color: #A997BF;
  color: white;
  font-size: 11px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  padding: 4px 0;
  height: 23px;
  text-transform: uppercase;
}
.tier-production.is-current .dyno-tier-picker-header {
  background-color: #8EBDF1;
}
.tier-production .dyno-tier-picker-header-placeholder {
  display: none;
}

.dyno-tier-picker-item-product-tier {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.dyno-tier-picker-item-product-tier:nth-child(2) {
  border-left: 1px #E3E7EF solid;
}

.dyno-tier-picker-item-product-tier__name {
  margin: 0;
  padding-top: 10px;
  text-transform: capitalize;
}

.dyno-tier-picker-item-product-tier__label {
  margin-top: 15px;
}

.is-current .dyno-tier-picker-item-product-tier__price {
  color: #79589F;
}
.is-current .dyno-tier-picker-item-product-tier__name {
  font-weight: bold;
}

.dyno-tier-picker-item-product-tier__price {
  color: #56667D;
}

.dyno-tier-picker-item-product-tier__description {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.9em;
  padding: 10px;
  min-height: 80px;
  text-align: center;
  margin-bottom: -5px;
}

.dyno-tier-picker-item-product-tier__dev-center-link {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.9em;
  text-align: center;
  margin-bottom: -5px;
  padding: 0 10px 10px;
}

.dyno-tier-picker-item-header {
  padding: 5px 10px 0;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.dyno-tier-picker-item-header-left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dyno-tier-picker-item-header-center {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.dyno-tier-picker-item-header-right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

.dyno-tier-picker-item.is-compact {
  display: inline-block;
  padding: 10px;
  text-transform: capitalize;
}
.dyno-tier-picker-item.is-compact .dyno-tier-picker-item-name {
  display: block;
}
.dyno-tier-picker-item.is-compact .dyno-tier-picker-item-product-tiers {
  display: none;
}

span.dyno-tier-name {
  text-transform: capitalize;
}

.dyno-tier-picker-item-list-group-item {
  text-align: center;
  font-size: 11px;
  min-height: 36px;
}

.dyno-tier-picker-item-select-btn > button {
  width: 100%;
}

#modal-overlays .ember-modal-dialog.formation-tier-picker {
  width: 900px;
}

.dyno-tier-price-label {
  font-size: 12px;
  height: 26px;
  align-items: center;
  justify-content: center;
  font-weight: 1000;
  padding: 4px 15px;
  white-space: nowrap;
  color: #79589F;
}

.eco-dyno-tier-option__not-subscribed {
  background: linear-gradient(rgba(157, 113, 208, 0.15), rgba(66, 174, 203, 0.15));
  border: 0px !important;
}

.dyno-size-picker-options {
  text-wrap: auto;
}
.dyno-size-picker-options .dyno-size-dropdown {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  min-width: min-content;
  border-radius: 8px;
  overflow: hidden;
  width: 668px;
  max-width: 95vw;
}
@media (max-width: 480px) {
  .dyno-size-picker-options .dyno-size-dropdown {
    width: 390px;
  }
}
.dyno-size-picker-options .dyno-size-dropdown .cpu-wrapper {
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 768px) {
  .dyno-size-picker-options .dyno-size-dropdown .cpu-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.dyno-size-picker-options .dyno-size-dropdown .mem-wrapper {
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .dyno-size-picker-options .dyno-size-dropdown .mem-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.dyno-size-picker-options .dyno-size-dropdown .cpu-button, .dyno-size-picker-options .dyno-size-dropdown .mem-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: auto;
  height: 70px;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.dyno-size-picker-options .dyno-size-dropdown .cpu-button:hover:not([disabled]), .dyno-size-picker-options .dyno-size-dropdown .mem-button:hover:not([disabled]), .dyno-size-picker-options .dyno-size-dropdown .cpu-button:focus:not([disabled]), .dyno-size-picker-options .dyno-size-dropdown .mem-button:focus:not([disabled]) {
  background: rgba(0, 109, 235, 0.07);
}
.dyno-size-picker-options .dyno-size-dropdown .cpu-button:hover:not([disabled]) .f5, .dyno-size-picker-options .dyno-size-dropdown .mem-button:hover:not([disabled]) .f5, .dyno-size-picker-options .dyno-size-dropdown .cpu-button:focus:not([disabled]) .f5, .dyno-size-picker-options .dyno-size-dropdown .mem-button:focus:not([disabled]) .f5 {
  color: #006DEB;
}
.dyno-size-picker-options .dyno-size-dropdown .cpu-button:hover:not([disabled]) .f7, .dyno-size-picker-options .dyno-size-dropdown .mem-button:hover:not([disabled]) .f7, .dyno-size-picker-options .dyno-size-dropdown .cpu-button:focus:not([disabled]) .f7, .dyno-size-picker-options .dyno-size-dropdown .mem-button:focus:not([disabled]) .f7 {
  color: #006DEB;
}
.dyno-size-picker-options .dyno-size-dropdown .cpu-button.selected, .dyno-size-picker-options .dyno-size-dropdown .selected.mem-button {
  border: 2px solid #006DEB;
}
.dyno-size-picker-options .dyno-size-dropdown .cpu-button[disabled], .dyno-size-picker-options .dyno-size-dropdown [disabled].mem-button {
  background: rgba(228, 228, 228, 0.5019607843);
  color: rgba(63, 63, 68, 0.5019607843);
}
.dyno-size-picker-options .dyno-size-dropdown .section-separator {
  border-bottom: 1px solid rgba(227, 231, 239, 0.8);
  width: 100%;
}
.dyno-size-picker-options .dyno-size-dropdown .multiple-sizes a {
  text-decoration: underline;
}

.dyno-tier-sizes {
  display: inline-block;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  box-flex: none;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
}

.dyno-size-icon {
  position: relative;
  width: 38px;
  height: 40px;
}

.dyno-size-options button {
  display: flex;
  align-items: center;
  font-weight: normal;
  padding: 5px 5px;
}
.dyno-size-options.open > .btn-default.dropdown-toggle, .dyno-size-options.open > .btn-default.drop-down__toggle {
  background: rgba(121, 88, 159, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(121, 88, 159, 0.8) !important;
}
.dyno-size-options.open > .btn-default.dropdown-toggle.dirty, .dyno-size-options.open > .btn-default.dirty.drop-down__toggle {
  background: rgba(0, 109, 235, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 109, 235, 0.7) !important;
}
.dyno-size-options .dyno-size-dropdown {
  padding-top: 0;
  overflow: hidden;
}
.dyno-size-options .dyno-size-menu {
  display: flex;
  border-radius: 10px;
}
.dyno-size-options .dyno-size-menu.fir-menu {
  flex-direction: column;
}
@media (min-width: 991px) {
  .dyno-size-options .dyno-size-menu div:first-of-type li {
    box-shadow: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .dyno-size-options .dyno-size-menu div:last-of-type li {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}
.dyno-size-options .dyno-size-menu.dyno-tier-menu li {
  width: 335px;
}
.dyno-size-options .dyno-size-menu strong, .dyno-size-options .dyno-size-menu small, .dyno-size-options .dyno-size-menu .panel-section .panel-details, .panel-section .dyno-size-options .dyno-size-menu .panel-details {
  display: block;
}
.dyno-size-options .dyno-size-menu strong {
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 0px;
}
.dyno-size-options .dyno-size-menu small, .dyno-size-options .dyno-size-menu .panel-section .panel-details, .panel-section .dyno-size-options .dyno-size-menu .panel-details {
  color: #62738D;
  padding-bottom: 2px;
}
.dyno-size-options .dyno-size-menu b {
  display: block;
  padding-bottom: 4px;
}
.dyno-size-options .dyno-size-menu em {
  font-style: normal;
  color: #62738D;
  font-size: 12px;
}

@media (max-width: 991px) {
  .dyno-size-menu {
    flex-direction: column;
  }
}
.dyno-category {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.dyno-category-header {
  color: #fff;
}
.dyno-category-header .dyno-category-header__title {
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  margin: 0;
}
.dyno-category-header .dyno-category-header__subtitle {
  color: #FFF;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.63px;
  margin: 0;
}

@media (min-width: 991px) {
  .dyno-category-header:not(:last-child) {
    border-right: 1px solid #6D4F8F;
  }
  .dyno-size-option {
    margin-right: 15px;
    margin-left: 15px;
  }
}
.dyno-category-content {
  border-right: 1px solid #E3E7EF;
  flex-grow: 1;
}
@media (min-width: 991px) {
  .dyno-category-content {
    padding: 1em 0 2em 0;
  }
}

@media (min-width: 991px) {
  .dyno-category-content:not(:last-child) {
    border-right: 1px solid #E3E7EF;
  }
}
.dyno-category-grid {
  display: grid;
  grid-auto-flow: column;
}
@media (max-width: 991px) {
  .dyno-category-grid > div {
    border-bottom: 1px solid #E3E7EF;
  }
}

.grid-rows-1 {
  grid-template-rows: repeat(1, 10em);
}

.grid-rows-2 {
  grid-template-rows: repeat(2, 10em);
}

.grid-rows-3 {
  grid-template-rows: repeat(3, 10em);
}

@media (max-width: 991px) {
  .dyno-category-grid {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.dyno-size-help {
  font-size: 12px;
  padding: 10px 12px;
  color: #62738D;
  border-top: 1px solid rgba(227, 231, 239, 0.4);
}
.dyno-size-help > a {
  text-decoration: underline;
}

.dyno-option__professional:hover, .dyno-option__professional:focus {
  background: rgba(121, 88, 159, 0.07);
}
.dyno-option__professional:hover .dyno-size-option__title, .dyno-option__professional:focus .dyno-size-option__title {
  color: #79589F;
}
.dyno-option__professional:hover .dyno-size-option__description, .dyno-option__professional:focus .dyno-size-option__description {
  color: #79589F;
}

.dyno-option__private:hover, .dyno-option__private:focus {
  background: rgba(0, 109, 235, 0.07);
}
.dyno-option__private:hover .dyno-size-option__title, .dyno-option__private:focus .dyno-size-option__title {
  color: #006DEB;
}
.dyno-option__private:hover .dyno-size-option__description, .dyno-option__private:focus .dyno-size-option__description {
  color: #006DEB;
}
.dyno-option__private.read-only {
  cursor: auto;
}
.dyno-option__private.disabled {
  cursor: not-allowed;
  background: rgba(227, 231, 239, 0.14);
  color: #62738D;
}
.dyno-option__private.disabled:hover .dyno-size-option__title, .dyno-option__private.disabled:active .dyno-size-option__title, .dyno-option__private.disabled:focus .dyno-size-option__title {
  color: #62738D;
}
.dyno-option__private.disabled:hover .dyno-size-option__description, .dyno-option__private.disabled:active .dyno-size-option__description, .dyno-option__private.disabled:focus .dyno-size-option__description {
  color: #62738D;
}
.dyno-option__private__note {
  color: #006DEB;
  white-space: normal;
}

.dyno-size-subtitle {
  font-size: 9px;
  color: #62738D;
  letter-spacing: 0.07em;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.dyno-size-option__content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  position: relative;
  padding: 12px;
  cursor: pointer;
  border: none;
}

.dyno-size-option__text {
  padding: 0 12px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.toggle-switch {
  display: flex;
}

input[type=checkbox].cmn-toggle {
  opacity: 0;
  z-index: 9;
  width: 60px;
  height: 30px;
  margin: 0;
}

.cmn-toggle + label {
  display: block;
  position: relative;
  outline: none;
  user-select: none;
  font-size: 12px;
  margin-bottom: 0px;
  margin-left: -60px;
}

.cmn-toggle:hover {
  cursor: pointer;
}

.disabled .cmn-toggle:hover {
  cursor: default;
}

input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 60px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #006DEB;
  border-radius: 30px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

.disabled input.cmn-toggle-round-flat + label {
  border: 1px solid #CFD7E6;
}

input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

input.cmn-toggle-round-flat:focus + label {
  outline: none;
  border-color: #408fec;
  box-shadow: 0 0 0 2px rgba(142, 189, 241, 0.4);
}

/* pill */
input.cmn-toggle-round-flat + label:before {
  top: 6px;
  left: 8px;
  border-radius: 30px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
  content: "";
  color: #fff;
}

/* dot, OFF */
input.cmn-toggle-round-flat + label:after {
  top: -1px;
  left: -1px;
  bottom: -1px;
  width: 30px;
  background-color: #fff;
  border: 1px solid #006DEB;
  border-radius: 30px;
  -webkit-transition: margin 0.3s, background 0.3s;
  transition: margin 0.3s, background 0.3s;
}

/* dot, DISABLED */
.disabled input.cmn-toggle-round-flat + label:after {
  border: 1px solid #CFD7E6;
}

input.cmn-toggle-round-flat + label .off-label {
  position: absolute;
  right: 8px;
  top: 6px;
  color: #62738D;
}

.disabled input.cmn-toggle-round-flat + label .off-label {
  color: #62738D;
}

/* pill, ON */
input.cmn-toggle-round-flat:checked + label {
  background-color: #006DEB;
  border: 1px solid rgb(0, 85.3446808511, 184);
}

/* pill, DISABLED */
.disabled input.cmn-toggle-round-flat:checked + label {
  background-color: #CFD7E6;
  border: 1px solid rgb(173.4657534247, 187.0547945205, 212.5342465753);
}

/* dot, ON */
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 30px;
  background-color: #fff;
  border: 1px solid #006DEB;
}

.disabled input.cmn-toggle-round-flat:checked + label:after {
  border: 1px solid rgb(173.4657534247, 187.0547945205, 212.5342465753);
}

.build-stream {
  margin: 11px 0 4px;
  background-color: #F7F8FB;
  border: 1px solid #E3E7EF;
  border-radius: 4px;
}
.build-stream.build-stream-expanded .build-stream-output {
  height: 460px;
}
.build-stream .build-stream-output {
  position: relative;
  height: 160px;
  margin: 0 5px 0 9px;
  padding: 9px 5px 9px 0;
  overflow: auto;
  -webkit-transition: height ease 0.3s;
  -o-transition: height ease 0.3s;
  transition: height ease 0.3s;
}
.build-stream .build-stream-output::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.build-stream .build-stream-output::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(207, 215, 230, 0.2);
  background: rgba(207, 215, 230, 0.2);
}
.build-stream .build-stream-output::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(98, 115, 141, 0.3);
  background: rgba(98, 115, 141, 0.4);
}
.build-stream .build-stream-output::-webkit-scrollbar-button {
  display: block;
  width: 2px;
  height: 2px;
}
.build-stream .build-stream-output .loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
}
.build-stream .build-stream-output .build-stream-text {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  color: #323B49;
  font-size: 11px;
  line-height: 18px;
}
.build-stream .build-stream-footer {
  height: 30px;
  padding: 6px 10px;
  overflow: hidden;
  font-size: 12px;
  border-top: 1px solid #E3E7EF;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.build-stream .build-stream-footer label {
  float: left;
  margin-bottom: 0;
}
.build-stream .build-stream-footer label input {
  margin-top: 2px;
  margin-right: 3px;
}
.build-stream .build-stream-footer a {
  float: right;
  margin-left: 10px;
}
.build-stream .build-stream-footer .btn-link.expand-output {
  font-size: 12px;
  color: #62738D;
}
.build-stream .build-stream-footer .btn-link.expand-output .icon {
  left: 0;
  margin-top: -2px;
  margin-left: 0;
}

.build-stream-full {
  position: relative;
  margin-top: 0;
  height: calc(100% - 80px);
}
.build-stream-full .build-stream-output {
  height: calc(100% - 32px);
}
.build-stream-full .build-stream-output .build-stream-text {
  font-size: 12px;
}
.build-stream-full .build-stream-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.deploy-steps {
  margin-top: 15px;
}
.deploy-steps > li > i, .deploy-steps > li > img, .deploy-steps > li > .loading-spinner, .deploy-steps > li > .icon {
  float: right;
}
.deploy-steps > li > .loading-spinner {
  margin: 7px 0 6px;
}
.deploy-steps > li > span, .deploy-steps > li a, .deploy-steps > li button {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-property: opacity, color;
  transition-property: opacity, color;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.deploy-steps > li > span {
  color: #62738D;
  float: left;
  padding-bottom: 1px;
}
.deploy-steps > li > span.dots, .deploy-steps > li > span.loading-spinner {
  float: none;
}
.deploy-steps > li .toggle-output {
  margin-left: 8px;
  text-decoration: underline;
  padding: 0;
  font-size: 13px;
  border: none;
}
.deploy-steps > li .build-stream {
  float: left;
  width: 100%;
}
.deploy-steps > li .deploy-message {
  clear: both;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  color: #62738D;
  padding-top: 2px;
  padding-right: 20px;
}
.deploy-steps > li .deploy-message:first-letter {
  text-transform: uppercase;
}
.deploy-steps > li .deployed-message {
  text-align: center;
  clear: both;
  width: 100%;
  padding-top: 10px;
}
.deploy-steps > li .deployed-message strong {
  font-size: 14px;
  color: #62738D;
  display: block;
  text-align: center;
  padding-bottom: 10px;
}
.deploy-steps > li .deployed-message .btn {
  margin: 0 4px;
  width: auto;
}
.deploy-steps > li.stage-current > span {
  color: #3F3F44;
}
.deploy-steps > li.stage-failed > span, .deploy-steps > li.stage-failed a, .deploy-steps > li.stage-failed button {
  color: #DE0A0A;
}
.deploy-steps > li.stage-failed > span {
  text-decoration: none;
}
.deploy-steps > li.stage-done > span, .deploy-steps > li.stage-done a, .deploy-steps > li.stage-done button {
  color: #62738D;
}
.deploy-steps > li.stage-done > span {
  text-decoration: none;
}
.deploy-steps > li.success > span {
  color: #008700;
}

.enterprise-no-account-banner {
  box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 13px 27px -5px rgba(50, 59, 73, 0.25);
  transition: box-shadow 0.3s ease-in-out 0s;
}

.nav.nav-tabs.sub-nav .sub-nav-item {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  transform: translateX(-10px);
}
@media (max-width: 767px) {
  .nav.nav-tabs.sub-nav .sub-nav-item {
    margin-left: 8px;
    margin-right: 8px;
  }
}
.nav.nav-tabs.sub-nav .sub-nav-item:first-child {
  margin-left: 0px;
}
.nav.nav-tabs.sub-nav .sub-nav-item:last-child {
  margin-right: 0px;
}
.nav.nav-tabs.sub-nav .sub-nav-item a {
  padding-bottom: 15px;
}

.team-switchable-apps .nav.nav-tabs.sub-nav,
.team-switchable-apps_loading .nav.nav-tabs.sub-nav,
.team-space-apps .nav.nav-tabs.sub-nav,
.team-space-apps_loading .nav.nav-tabs.sub-nav {
  margin-bottom: 0;
}

.ember-modal-dialog {
  z-index: 51;
  position: fixed;
}

.ember-modal-dialog.emd-in-place {
  position: static;
}

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative;
}

.ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

.ember-modal-dialog {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px #222;
  padding: 10px;
}

.ember-modal-overlay.translucent {
  background-color: rgba(128, 128, 128, 0.77);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
}
@-moz-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
}
@-o-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
}
#modal-overlays .modal-backdrop {
  z-index: 50;
  background: rgba(89, 105, 129, 0.6);
  -webkit-animation: fadeIn 0.2s ease-out;
  -moz-animation: fadeIn 0.2s ease-out;
  -o-animation: fadeIn 0.2s ease-out;
  animation: fadeIn 0.2s ease-out;
}
#modal-overlays .modal-backdrop.is-closing {
  -webkit-animation: fadeOut 0.1s ease-out;
  -moz-animation: fadeOut 0.1s ease-out;
  -o-animation: fadeOut 0.1s ease-out;
  animation: fadeOut 0.1s ease-out;
}
#modal-overlays .ember-modal-overlay {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
  z-index: 51;
  padding: 0 5px;
  -webkit-overflow-scrolling: touch;
  -webkit-animation: fadeIn 0.2s ease-out;
  -moz-animation: fadeIn 0.2s ease-out;
  -o-animation: fadeIn 0.2s ease-out;
  animation: fadeIn 0.2s ease-out;
}
#modal-overlays .ember-modal-overlay.is-closing {
  -webkit-animation: fadeOut 0.1s ease-out;
  -moz-animation: fadeOut 0.1s ease-out;
  -o-animation: fadeOut 0.1s ease-out;
  animation: fadeOut 0.1s ease-out;
}
#modal-overlays .ember-modal-dialog {
  position: relative;
  margin: 40px auto;
  max-width: 100%;
  width: 600px;
  padding: 0;
  z-index: 51;
  -webkit-animation: zoomIn 0.2s ease-out;
  -moz-animation: zoomIn 0.2s ease-out;
  -o-animation: zoomIn 0.2s ease-out;
  animation: zoomIn 0.2s ease-out;
  border-radius: 6px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
}
@media (max-width: 767px) {
  #modal-overlays .ember-modal-dialog {
    margin: 10px auto;
  }
}
#modal-overlays .ember-modal-dialog.is-closing {
  -webkit-animation: zoomOut 0.1s ease-out;
  -moz-animation: zoomOut 0.1s ease-out;
  -o-animation: zoomOut 0.1s ease-out;
  animation: zoomOut 0.1s ease-out;
}
#modal-overlays .ember-modal-dialog.is-expanded {
  width: 80%;
}
#modal-overlays .ember-modal-dialog.is-fullscreen {
  width: 100%;
}
#modal-overlays .ember-modal-dialog.wide-modal {
  width: 750px;
}
#modal-overlays .ember-modal-dialog .modal-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-height: 100%;
  -webkit-transition: width ease 0.3s;
  -o-transition: width ease 0.3s;
  transition: width ease 0.3s;
}
#modal-overlays .ember-modal-dialog .modal-box .modal-content {
  background: none;
}
#modal-overlays .ember-modal-dialog .modal-box .modal-footer.custom-footer {
  margin: 15px -15px -15px;
}
#modal-overlays .ember-modal-dialog .modal-box .modal-footer .btn-link {
  margin-right: 14px;
}
#modal-overlays .ember-modal-dialog .modal-box .modal-footer .btn + .btn {
  margin-left: 10px;
}

body.modal-is-open {
  overflow: hidden;
}

/* screens up to the iPhone X */
/* this is a total hack to deal with how a modal is rendered
   in Mobile Safarai that prevented users from clicking `Submit`.
   The media query is used to limit impact of this change to
   mobile devices */
@media only screen and (max-device-width: 812px) {
  .ember-modal-dialog {
    margin-bottom: 124px !important;
  }
}
.crumb-trail--context-switcher-toggle {
  padding: 1px 2px;
  line-height: 1;
  height: auto;
  position: relative;
  margin: 0;
}

.postgres-config .hk-button--secondary {
  margin-left: auto;
}

.field-error-message {
  margin-top: 5px;
  font-size: 12px;
  font-family: "Salesforce Sans", sans-serif;
  font-weight: normal;
  color: #de0a0a;
}

.datastore-attachments-dropdown .ember-power-select-options[role=listbox] {
  max-height: 150px;
}

.create-team-panel .hk-slide-panel-header {
  margin-bottom: -13px;
  line-height: 22.5px;
  overflow: visible;
}
.create-team-panel .hk-slide-panel-header button[data-test-target=slide-panel-dismiss] {
  position: absolute;
  right: 0;
}
.create-team-panel .hk-slide-panel-header .btn-group {
  margin-left: 4px;
}
.create-team-panel .hk-slide-panel-header .btn-group .dropdown-wrapper {
  position: relative;
  justify-content: center;
}
.create-team-panel .hk-slide-panel-header .btn-group .dropdown-wrapper ul {
  position: absolute;
  z-index: 200;
}
.create-team-panel .hk-slide-panel-content {
  position: static;
}
.create-team-panel .hk-slide-panel-content .tab {
  width: 50%;
  height: 48px;
  line-height: 20px;
  font-size: 14px;
}
.create-team-panel .hk-slide-panel-content .tab .selected {
  background-color: white;
  color: #79589f;
  border-bottom: 1px solid #79589f;
}
.create-team-panel .hk-slide-panel-content .tab .unselected {
  background-color: #f7f8fb;
  color: black;
}
.create-team-panel .hk-slide-panel-content label {
  font-size: 13px;
  font-weight: 400;
  color: #596981;
  line-height: 16.25px;
}
.create-team-panel .hk-slide-panel-content .name-information {
  color: #56667D;
  font-size: 12px;
}
.create-team-panel .hk-slide-panel-content .transfer-team-item {
  border-bottom: 1px solid #E3E7EF;
  height: 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}
.create-team-panel .hk-slide-panel-content .transfer-team-item .name {
  color: #475366;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.create-team-panel .hk-slide-panel-footer {
  justify-content: flex-end;
  box-shadow: none;
}

.drop-down {
  position: relative;
  overflow: visible;
}

.drop-down__menu, .context-switcher__list {
  display: block;
}
.drop-down__menu label, .context-switcher__list label {
  cursor: pointer;
}
.drop-down__menu .btn-link, .context-switcher__list .btn-link {
  display: block;
  text-align: left;
  min-width: 100%;
  white-space: nowrap;
  padding: 4px 12px 3px;
  color: #56667D;
  border: none;
  text-decoration: none;
}
.drop-down__menu .btn-link .icon, .context-switcher__list .btn-link .icon {
  position: relative;
  margin: -2px 4px 0 2px;
}
.drop-down__menu .btn-link:hover, .context-switcher__list .btn-link:hover {
  color: #475366;
  background-color: rgb(246.5, 248, 250.5);
}
.drop-down__menu .btn-link:disabled, .context-switcher__list .btn-link:disabled {
  color: #62738D;
  pointer-events: none;
}

.drop-down__toggle li {
  list-style: none;
}
.drop-down__toggle a {
  text-decoration: none;
}

table.purple-list .action-cell {
  width: 108px;
  text-align: right;
}
@-webkit-keyframes fadeIt {
  0% {
    background-color: rgb(254.25, 240.6, 227.4);
  }
  100% {
    background-color: #fff;
  }
}
@-moz-keyframes fadeIt {
  0% {
    background-color: rgb(254.25, 240.6, 227.4);
  }
  100% {
    background-color: #fff;
  }
}
@-o-keyframes fadeIt {
  0% {
    background-color: rgb(254.25, 240.6, 227.4);
  }
  100% {
    background-color: #fff;
  }
}
@keyframes fadeIt {
  0% {
    background-color: rgb(254.25, 240.6, 227.4);
  }
  100% {
    background-color: #fff;
  }
}
table.purple-list .new-list-item {
  -webkit-animation: fadeIt 1.5s ease-in;
  -moz-animation: fadeIt 1.5s ease-in;
  -o-animation: fadeIt 1.5s ease-in;
  animation: fadeIt 1.5s ease-in;
}

#modal-overlays .ember-modal-dialog.purple-list-modal {
  /*
   * Override some Bootstrap default padding so that it's not so silly looking
   * in the modal.
   */
}
#modal-overlays .ember-modal-dialog.purple-list-modal .modal-box {
  overflow: visible;
}
#modal-overlays .ember-modal-dialog.purple-list-modal .row, #modal-overlays .ember-modal-dialog.purple-list-modal .panel-section {
  padding: 0 10px 0 10px;
}
#modal-overlays .ember-modal-dialog.purple-list-modal .col-sm-12 {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 18px;
}
#modal-overlays .ember-modal-dialog.purple-list-modal .hk-button--primary {
  width: 100%;
}
#modal-overlays .ember-modal-dialog.purple-list-modal .twitter-typeahead {
  width: 100%;
}

.domain-item input, .buildpack-installations-list input {
  background-color: white !important;
  border: 0;
  box-shadow: none;
  padding-left: 0px;
  text-overflow: ellipsis;
}
.domain-item input:focus, .domain-item input:active, .domain-item .actions-button input.btn-default:focus, .actions-button .domain-item input.btn-default:focus, .buildpack-installations-list input:focus, .buildpack-installations-list input:active, .buildpack-installations-list .actions-button input.btn-default:focus, .actions-button .buildpack-installations-list input.btn-default:focus {
  border: 0 !important;
  box-shadow: none !important;
}
.domain-item .domains-list-table tr th, .domain-item .buildpacks-list-table tr th, .buildpack-installations-list .domains-list-table tr th, .buildpack-installations-list .buildpacks-list-table tr th {
  padding-left: 0;
}
.domain-item .domains-list-table tr td, .domain-item .buildpacks-list-table tr td, .buildpack-installations-list .domains-list-table tr td, .buildpack-installations-list .buildpacks-list-table tr td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0;
}
.domain-item .domains-list-table__content-column, .buildpack-installations-list .domains-list-table__content-column {
  width: 45%;
}

.config-vars-list .config-var-add {
  width: 85px;
}
.config-vars-list .config-var-add [aria-disabled=true] {
  border-radius: 4px;
  background: #eef1f6;
  color: #56667d;
  border: 1px solid #cfd7e6;
  font-size: 13px;
  pointer-events: none;
  font-weight: 600;
}
.config-vars-list .config-var-add button {
  width: 100%;
}
.config-vars-list .config-var-value {
  white-space: pre;
}

.formations-list-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  padding: 10px 12px;
  background-color: transparent;
  border-bottom: 1px solid #CFD7E6;
}
@media (min-width: 36rem) {
  .formations-list-item {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.formations-list-item:last-child {
  border-bottom: none !important;
}
.formations-list-item .value--dirty {
  color: #006DEB;
}
.formations-list-item .value--original {
  text-decoration: line-through;
  color: #62738D;
}
.formations-list-item .suffix {
  color: #62738D;
}
@media (min-width: 24rem) {
  .formations-list-item .input--scale {
    max-width: 80px;
  }
}
.formations-list-item .process {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}
@media (min-width: 36rem) {
  .formations-list-item .process {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
  }
}
.formations-list-item .icon--process {
  width: 68px;
  -webkit-flex-basis: 68px;
  -moz-flex-basis: 68px;
  flex-basis: 68px;
  -ms-flex-preferred-size: 68px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.formations-list-item .icon--process button {
  padding: 0;
}
.formations-list-item .process-details {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
@media (min-width: 36rem) {
  .formations-list-item .process-details {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
  }
}
.formations-list-item .process-description {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
  margin: 0 0 3px 0;
}
@media (min-width: 36rem) {
  .formations-list-item .process-description {
    margin: 0 20px 0 0;
  }
}
.formations-list-item .name,
.formations-list-item .command {
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  flex-basis: 0;
  -ms-flex-preferred-size: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}
.formations-list-item .command {
  padding: 0;
  background: none;
  box-shadow: none;
  color: #62738D;
  font-size: 13px;
}
.formations-list-item .process-usage {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  color: #56667D;
  font-size: 13px;
}
.formations-list-item .process-usage.process--off {
  color: #CFD7E6;
}
.formations-list-item .process-usage.process--off .suffix {
  color: #CFD7E6;
}
@media (min-width: 36rem) {
  .formations-list-item .process-usage {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-basis: 120px;
    -moz-flex-basis: 120px;
    flex-basis: 120px;
    -ms-flex-preferred-size: 120px;
    margin-left: auto;
  }
}
.formations-list-item .actions {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.formations-list-item .actions__edit {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.formations-list-item .actions__edit svg {
  width: 12px;
  height: 12px;
}
.formations-list-item .actions__edit svg path {
  fill: #79589F;
}
.formations-list-item .process-actions {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  margin-left: 20px;
}
@media (max-width: 36rem) {
  .formations-list-item .process-actions {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 100%;
    -moz-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3;
    margin: 10px 0 0;
  }
  .formations-list-item .process-actions .btn {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
  }
}
.formations-list-item .editor {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 100%;
  -moz-flex: 1 100%;
  -ms-flex: 1 100%;
  flex: 1 100%;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
}
.formations-list-item .editor-row {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.formations-list-item .editor-item {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #56667D;
}
.formations-list-item .editor-item-label {
  min-width: 200px;
  max-width: 200px;
}
.formations-list-item .editor-item .description,
.formations-list-item .editor-item .unit {
  font-size: 13px;
  color: #62738D;
}
.formations-list-item .editor .input-group {
  max-width: 140px;
}
.formations-list-item .editor .label--budget {
  font-size: 13px;
  color: #62738D;
  margin: 4px 0 0 0;
}
.formations-list-item .editor .label--budget.dirty {
  color: #006DEB;
}
@media (max-width: 24rem) {
  .formations-list-item range-slider {
    display: none;
  }
}
.formations-list-item .dyno-size-options .dropdown-toggle, .formations-list-item .dyno-size-options .drop-down__toggle {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  text-align: left;
  min-height: 48px;
  min-width: 66px;
}
.formations-list-item.use-toggle {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 24rem) {
  .formations-list-item.use-toggle {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }
  .formations-list-item.use-toggle .process {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
    width: 100%;
  }
  .formations-list-item.use-toggle .process-details {
    margin-bottom: 12px;
  }
}
.formations-list-item.use-toggle .process {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.formations-list-item.use-toggle .process-details {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}
.formations-list-item.use-toggle .command {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}
.formations-list-item.use-toggle .usage {
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  flex-basis: 0;
  -ms-flex-preferred-size: 0;
  padding: 0;
}
.formations-list-item.use-toggle .actions {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  -ms-flex-order: 3;
}

.formation-range-slider {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.formation-range-slider range-slider {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}

.buildpack-installations-list .editable-list {
  table-layout: auto;
}

.buildpack-installations-list .sortable-item {
  transition: all 0.125s;
}
.buildpack-installations-list .sortable-item.is-dragging {
  position: relative;
  left: -4px;
  z-index: 100;
  cursor: move;
  opacity: 0.6;
}
.buildpack-installations-list .handle {
  cursor: move;
  transition: fill 120ms ease;
}
.buildpack-installations-list .handle:hover {
  fill: #006DEB;
}

table.cloud-native-buildpacks-table th {
  font-size: 14px;
}
table.cloud-native-buildpacks-table > tbody > tr.buildpack-row > th {
  border-bottom: none;
  padding: 16px 8px 8px;
}
table.cloud-native-buildpacks-table > tbody > tr.buildpack-row > td {
  height: fit-content;
  padding: 16px 8px 8px;
}
table.cloud-native-buildpacks-table > tfoot tr {
  border-top: 1px solid rgb(231, 235, 242.5);
}

table.config-vars-list-table th {
  font-size: 14px;
}

#overview-page .app-overview-stream .header {
  padding-bottom: 4px;
}
#overview-page .event, #overview-page .formation {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #E3E7EF;
}
#overview-page .event:last-child, #overview-page .formation:last-child {
  border-bottom: none;
}
#overview-page .formation-tier {
  display: flex;
  padding: 6px 15px;
  font-size: 13px;
  color: #62738D;
  box-shadow: inset 0 -1px 0 #E3E7EF;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#overview-page .formation-tier p, #overview-page .formation-tier .panel-section .panel-details, .panel-section #overview-page .formation-tier .panel-details {
  margin: 0;
  padding: 6px 0;
}
#overview-page .formation-tier p b, #overview-page .formation-tier .panel-section .panel-details b, .panel-section #overview-page .formation-tier .panel-details b {
  text-transform: lowercase;
}
#overview-page .formation-tier .quota-badge {
  float: none;
  margin: 3px -10px 3px auto;
}
#overview-page .formation-tier .quota-badge__chart p, #overview-page .formation-tier .quota-badge__chart .panel-section .panel-details, .panel-section #overview-page .formation-tier .quota-badge__chart .panel-details {
  margin: 0;
  padding: 0;
}
#overview-page .formation-tier .quota-badge__chart p b, #overview-page .formation-tier .quota-badge__chart .panel-section .panel-details b, .panel-section #overview-page .formation-tier .quota-badge__chart .panel-details b {
  text-transform: none;
}
#overview-page .collaborator-list {
  overflow: auto;
}
#overview-page .collaborator:nth-child(1) .avatar::after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAP1JREFUOBHFUUEKwkAMbFU8eOkn+pL2VOqDhD7D9wj6DA89FfUHIkKpM2VT05SlKygGhmQnk2m6G0X/jK7rCqBxKL62izNE6qMJMV5QBPncRg9lpuue9s6jwd+UmGyERg60Drn6iBhP5ldOFCvxWtVSdij6v0NmbUPPvL2wSQbUgESlJ0EepMHa9CrVo0em+7znUglY7ihA3hqex9L1dqbX89Y4NSIerwDv1ga5iyVxTsV0uA+QS5B3QN+X6ELyE6JNHMctxfIgkSPqEAePphbTkbETnz1DIfRodtj418bHkNU8Gv8sHxA4AZ8GZ/j4/oAgAfbADZgLaqhNrOMLYYKjk9arOOYAAAAASUVORK5CYII=) center center no-repeat #E4C991;
  background-size: 10px 8px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: -4px;
  box-shadow: 0 0 0 2px #fff;
}
#overview-page .collaborator .stat {
  color: #62738D;
  text-align: right;
  line-height: 12px;
  padding-top: 4px;
}
#overview-page .collaborator .stat b {
  font-weight: normal;
  color: #56667D;
}
#overview-page .collaborator .stat .icon {
  position: relative;
  top: -2px;
  margin-right: 2px;
}
#overview-page .app-overview-metrics {
  min-height: 230px;
}
#overview-page .app-overview-metrics .metrics__summary-container {
  min-height: 190px;
}
#overview-page .app-overview-metrics .metrics__chart__wrapper {
  padding: 0;
}
#overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  text-decoration: none;
  padding-bottom: 16px;
  background: #fff;
  border-radius: 4px;
  padding-bottom: 0;
  margin-bottom: 32px;
  overflow: hidden;
}
@media (max-width: 767px) {
  #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
  }
}
#overview-page .app-overview-metrics .metrics__summary-row__item {
  margin-bottom: 0;
  padding: 10px 0 0 10px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  border-image: none;
  border-bottom: 1px solid #E3E7EF;
  border-right: 0;
}
@media (max-width: 767px) {
  #overview-page .app-overview-metrics .metrics__summary-row__item {
    border-bottom: 0;
    border-right: 1px solid #E3E7EF;
    border-image: none;
    width: 33%;
  }
  #overview-page .app-overview-metrics .metrics__summary-row__item:last-child {
    border-right: 0;
  }
}
#overview-page .app-overview-metrics .metrics__summary-row__item:after, #overview-page .app-overview-metrics .metrics__summary-row__item:before {
  display: none;
}
#overview-page .app-overview-metrics .metrics__summary-row__item:last-child {
  border-bottom: 0;
}
#overview-page .app-overview-metrics .metrics__summary-row__item.metric-error-count, #overview-page .app-overview-metrics .metrics__summary-row__item.metric-active-alerts {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 12px 20px 10px 10px;
  font-size: 13px;
  color: #56667D;
}
@media (max-width: 767px) {
  #overview-page .app-overview-metrics .metrics__summary-row__item.metric-error-count, #overview-page .app-overview-metrics .metrics__summary-row__item.metric-active-alerts {
    width: 100%;
    border-bottom: 1px solid #E3E7EF;
    border-right: 0;
  }
}
#overview-page .app-overview-metrics .metrics__summary-row__label {
  font-size: 12px;
  color: #62738D;
  text-transform: capitalize;
}
#overview-page .app-overview-metrics .metrics__summary-row__value {
  font-size: 13px;
  min-width: 0px;
  color: #56667D;
  margin: 0 10px 4px 0;
}
#overview-page .app-overview-metrics .metrics__summary-row__unit {
  font-size: 12px;
  letter-spacing: 1px;
  color: #62738D;
  margin: 0 0 0 2px;
}
#overview-page .app-overview-metrics timeseries-chart {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  margin-bottom: 0;
}
#overview-page .app-overview-metrics timeseries-chart::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 50px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right,#fff, rgba(255, 255, 255, 0));
}
@media (max-width: 767px) {
  #overview-page .app-overview-metrics timeseries-chart {
    display: none;
  }
}
#overview-page .app-overview-metrics .has-no-errors {
  display: none;
}
#overview-page .addons-grid {
  flex-wrap: wrap;
  justify-content: space-between;
}
#overview-page .addons-grid .addon {
  flex: 0 50%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
}
#overview-page .addons-grid .addon:nth-last-child(1) {
  border-bottom: none;
}
@media (min-width: 500px) {
  #overview-page .addons-grid .addon:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
  }
  #overview-page .addons-grid .addon:nth-child(odd) {
    border-right-width: 1px;
    border-right-style: solid;
  }
}
@media (max-width: 500px) {
  #overview-page .addons-grid .addon {
    flex: 0 100%;
  }
}
#overview-page .addons-grid .addon .isDeprecated {
  position: relative;
}
#overview-page .addons-grid .addon .isDeprecated .icon {
  position: absolute;
  bottom: -2px;
  right: -4px;
}
#overview-page .addons-grid .addon p, #overview-page .addons-grid .addon .panel-section .panel-details, .panel-section #overview-page .addons-grid .addon .panel-details {
  max-width: calc(100% - 32px);
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
#overview-page .addons-grid .addon p a, #overview-page .addons-grid .addon .panel-section .panel-details a, .panel-section #overview-page .addons-grid .addon .panel-details a {
  text-decoration: none;
}
#overview-page .addons-grid .addon a {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
#overview-page .addons-grid .addon strong, #overview-page .addons-grid .addon small, #overview-page .addons-grid .addon .panel-section .panel-details, .panel-section #overview-page .addons-grid .addon .panel-details {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#overview-page .addons-grid .addon strong {
  font-size: 13px;
}
#overview-page .addons-grid .addon small, #overview-page .addons-grid .addon .panel-section .panel-details, .panel-section #overview-page .addons-grid .addon .panel-details {
  color: #62738D;
}
#overview-page .data-unavailable {
  color: rgba(98, 115, 141, 0.5);
  font-size: 13px;
  margin-top: -2px;
  margin-bottom: 22px;
  padding-top: 14px;
  padding-bottom: 14px;
  text-align: center;
  background: rgba(227, 231, 239, 0.3) !important;
}

.github-linker p, .github-linker .panel-section .panel-details, .panel-section .github-linker .panel-details {
  font-size: 13px;
  color: #56667D;
  line-height: 24px;
}
.github-linker p.help-block, .github-linker .panel-section .help-block.panel-details, .panel-section .github-linker .help-block.panel-details {
  padding-top: 4px;
}
.github-linker .org-selection {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(35% - 14px);
  margin-right: 10px;
}
.github-linker .org-selection select {
  width: 100%;
}
@media (max-width: 767px) {
  .github-linker .org-selection {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    margin-right: 0;
  }
}
.github-linker .repo-selection {
  display: inline-block;
  vertical-align: top;
  width: 65%;
}
@media (max-width: 767px) {
  .github-linker .repo-selection {
    display: block;
    width: 100%;
  }
}

#terminal-place-holder .terminal {
  margin-left: 7px;
  margin-bottom: 0px;
}

.remote-terminal-did-exit {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.terminal-container {
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.ssl-slide-panel .hk-slide-panel-container form label {
  font-size: 14px;
  font-weight: normal;
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content {
  display: flex;
  flex-direction: column;
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .file-drop {
  padding: 15px;
  border-radius: 4px;
  box-shadow: none;
  border: 2px dashed #CFD7E6;
  background-color: rgb(247, 248, 251);
  display: flex;
  flex-direction: column;
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .file-drop.is-dragged-over {
  background-color: rgb(204, 225.8, 251);
  border: 2px solid #006DEB;
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .file-drop .file-drop__header {
  flex: 1;
  align-items: center;
  align-self: stretch;
  position: relative;
  top: 8px;
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .file-drop .file-drop__header__description {
  font-size: 13px;
  color: #62738D;
  position: relative;
  top: -6px;
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .file-drop .file-drop__footer {
  font-size: 13px;
  padding-bottom: 15px;
  color: #62738D;
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .body {
  flex: 1;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  min-height: 200px;
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .body textarea {
  flex: 1;
  font-family: monospace;
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .body .ltr-dns-update {
  display: flex;
  justify-content: center;
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .body .ltr-dns-update .ltr-dns-update__from,
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .body .ltr-dns-update .ltr-dns-update__to {
  width: 228px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-word; /* Instead use this non-standard one: */
}
.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .footer button {
  width: 100%;
}

.process-stepper {
  display: flex;
  margin: -15px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  margin-bottom: 15px;
  box-shadow: inset 0 -1px 0 #E3E7EF;
}

.process-stepper__step {
  flex: 1;
  font-weight: bold;
  text-align: center;
  color: #62738D;
  border-right: 1px solid #E3E7EF;
}
.process-stepper__step:last-child {
  border-right: 0;
}
.process-stepper__step:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 8px solid transparent;
  position: relative;
  left: 100%;
  top: -30px;
  z-index: 200;
}

.process-stepper__step--active {
  background-color: rgb(134.4, 104.7, 168.6);
  color: white;
}
.process-stepper__step--active:after {
  border-left-color: rgb(134.4, 104.7, 168.6);
}

.process-stepper__step--done {
  background-color: #E3E7EF;
  color: #62738D;
  box-shadow: inset 0 -1px 0 rgba(207, 215, 230, 0.5);
}
.process-stepper__step--done:after {
  border-left-color: #E3E7EF;
}

.account-quota-usage table .pie-chart {
  position: absolute;
  left: 2px;
  top: 4px;
}
.account-quota-usage table tbody a {
  text-decoration: none;
}

#modal-overlays .ember-modal-dialog.cancel-eco-modal {
  margin-top: 250px;
  width: 750px;
}

.eco-subscribe-modal-header {
  background: linear-gradient(270deg, rgba(157, 113, 208, 0.1) 0%, rgba(138, 150, 233, 0.1) 47.7%, rgba(66, 174, 203, 0.1) 100%), linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.0005) 100%);
}

svg.pie-chart {
  width: 27px;
  height: 27px;
  transform: rotate(-90deg);
  background: #008700;
  border-radius: 100%;
  border: 2px solid #62738D;
}
svg.pie-chart circle {
  fill: #fff;
  stroke: #62738D;
  stroke-width: 32;
}

.confirmable-action > div {
  /*
    This is needed to prevent the (invisible) ember-wormhole div added when
    the modal becomes visible from pushing adjacent content around
  */
  display: inline;
}

.content-box {
  text-align: center;
  width: 420px;
}
.content-box .content-box--header {
  padding: 25px 50px 15px;
}
.content-box .content-box--body {
  padding: 0 50px;
}
.content-box .content-box--footer {
  padding: 0 50px 15px;
}
.content-box .content-box--header [class*=icon-hex-] {
  margin-bottom: 15px;
}
.content-box .content-box--header h2 {
  color: #56667D;
  font-size: 16px;
  margin: 0 0 5px;
}
.content-box .content-box--header p, .content-box .content-box--header .panel-section .panel-details, .panel-section .content-box .content-box--header .panel-details {
  color: #62738D;
  margin: 0;
}
.content-box .content-box--body p, .content-box .content-box--body .panel-section .panel-details, .panel-section .content-box .content-box--body .panel-details {
  font-size: 13px;
  color: #62738D;
  margin-bottom: 20px;
}
.content-box .content-box--footer .btn {
  margin-bottom: 10px;
}
.content-box .message-banner {
  margin: 0 -50px;
}

range-slider {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 14px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  background: rgba(227, 231, 239, 0.1);
  box-shadow: inset 0px 2px 6px 0px rgba(227, 231, 239, 0.2);
}
range-slider.disabled {
  cursor: default;
}
range-slider.disabled range-slider-handle {
  visibility: hidden;
}
range-slider.disabled range-slider-fill {
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(left, rgba(121, 88, 159, 0.48), rgba(121, 88, 159, 0.92));
  background-image: linear-gradient(to right,rgba(121, 88, 159, 0.48), rgba(121, 88, 159, 0.92));
  border-color: #79589F;
}
range-slider.disabled range-slider-fill.pre-min {
  background: rgba(121, 88, 159, 0.48);
}
range-slider.disabled range-slider-fill.used {
  background: rgba(121, 88, 159, 0.95);
}
range-slider.disabled range-slider-fill.headroom {
  background: rgba(121, 88, 159, 0.14);
}
range-slider.disabled range-slider-value-indicator svg path {
  fill: #79589F;
}
range-slider .dyno-marker {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 8px;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #006DEB transparent transparent transparent;
}
range-slider .tooltip {
  opacity: 0;
}
range-slider:hover .tooltip, range-slider.is-down .tooltip {
  opacity: 1;
}
range-slider .range-slider-ticks {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  border-radius: 5px;
  border: 1px solid #CFD7E6;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
range-slider .range-slider-tick {
  width: 1px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  border-right: 1px solid rgba(227, 231, 239, 0.8);
}
range-slider .range-slider-tick:last-child {
  border: none;
}
range-slider-fill {
  pointer-events: none;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  border: 1px solid #006DEB;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(left, rgba(0, 109, 235, 0.48), rgba(0, 109, 235, 0.92));
  background-image: linear-gradient(to right,rgba(0, 109, 235, 0.48), rgba(0, 109, 235, 0.92));
}
range-slider-fill.starts-at-min {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
range-slider-fill.ends-at-max {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
range-slider-fill.is-empty {
  display: none;
}
range-slider-fill.pre-min {
  background: rgba(0, 109, 235, 0.36);
  border-right: none;
}
range-slider-fill.headroom {
  background: rgba(0, 109, 235, 0.9);
}
range-slider-handle {
  height: 25px;
  width: 8px;
  border-radius: 3px;
  border: 1px solid #006DEB;
  background: white;
  position: relative;
  margin-left: -4px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
range-slider-handle .tooltip {
  bottom: 26px;
}
range-slider-handle.min {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
range-slider-handle.min .tooltip {
  -webkit-transform: translateX(-4px);
  -moz-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
  -o-transform: translateX(-4px);
  transform: translateX(-4px);
}
range-slider-handle.min .tooltip .tooltip-inner {
  border-bottom-right-radius: 0px;
}
range-slider-handle.min .tooltip .tooltip-arrow {
  border-width: 0 5px 5px 0;
  border-color: transparent #56667D transparent transparent;
  left: auto;
  right: 0;
}
range-slider-handle.max {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  right: 4px;
}
range-slider-handle.max .tooltip {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
}
range-slider-handle.max .tooltip .tooltip-inner {
  border-bottom-left-radius: 0px;
}
range-slider-handle.max .tooltip .tooltip-arrow {
  left: 5px;
  border-width: 5px 5px 0 0;
}
range-slider-value-indicator {
  pointer-events: none;
  position: absolute;
  top: -15px;
  left: -4.5px;
}
range-slider-value-indicator.is-hidden {
  visibility: hidden;
}

.x-identicon.x-identicon--small, .x-identicon.x-identicon--account-small {
  width: 20px;
  height: 20px;
}
.x-identicon.x-identicon--small span, .x-identicon.x-identicon--account-small span {
  font-size: 11px;
}
.x-identicon.x-identicon--large {
  width: 48px;
  height: 48px;
}
.x-identicon.x-identicon--large span {
  font-size: 22px;
}

.hk-braintree-hosted-fields {
  line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: background ease 0.1s, border-color ease 0.1s;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: solid;
  border-width: 1px;
  font-size: 13px;
  background-color: #fff;
  border-color: #cfd7e6;
  box-shadow: inset 0 1px 2px 0 rgba(207, 215, 230, 0.4);
}

.hk-braintree-hosted-fields-focused {
  outline: none;
  border-color: #79589f;
  box-shadow: 0 0 0 2px rgba(157, 112, 208, 0.4);
}

.hk-braintree-hosted-fields.hk-braintree-hosted-fields-invalid {
  border-color: #de7575;
}

.hk-braintree-hosted-fields-focused.hk-braintree-hosted-fields-invalid {
  outline: none;
  border-color: #de0a0a;
  box-shadow: 0 0 0 2px rgba(229, 143, 143, 0.4);
}

.hk-braintree-hosted-fields.hk-braintree-hosted-fields-valid {
  border-color: #86cf95;
}

.hk-braintree-hosted-fields-focused.hk-braintree-hosted-fields-valid {
  outline: none;
  border-color: #059e1c;
  box-shadow: 0 0 0 2px rgba(171, 215, 180, 0.4);
}

#toggletip-root-boundary {
  height: 100vh;
  width: 100vw;
  max-height: 100vh;
  max-width: 100vw;
}

.toggletip__inner {
  background-color: #56667D;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  width: 200px;
  padding-left: 8px;
  padding-right: 8px;
  z-index: 9999;
}

.toggletip__arrow,
.toggletip__arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  z-index: -1;
}

.toggletip__arrow::before {
  content: "";
  transform: rotate(45deg);
  background-color: #56667D;
}

[data-popper-placement^=top] .toggletip__arrow {
  bottom: -4px;
}

[data-popper-placement^=bottom] .toggletip__arrow {
  top: -4px;
}

[data-popper-placement^=left] .toggletip__arrow {
  right: -4px;
}

[data-popper-placement^=right] .toggletip__arrow {
  left: -4px;
}

.dropdown-item--disabled {
  display: flex;
  padding: 5px 15px 5px 10px;
  color: #96A3B6;
  align-items: center;
  white-space: nowrap;
  fill: url(#gradient-gray);
  border: none;
  text-decoration: none;
  background: #fff;
  line-height: 17px;
  font-weight: 400;
  font-size: 13px;
}
.dropdown-item--disabled .icon {
  position: relative;
  margin: -2px 4px 0 2px;
}

.dropdown-item--active {
  display: flex;
  padding: 5px 15px 5px 10px;
  color: #56667D;
  align-items: center;
  white-space: nowrap;
  fill: url(#gradient-purple);
  border: none;
  text-decoration: none;
  background: #fff;
  font-weight: 400;
  line-height: 17px;
  font-size: 13px;
}
.dropdown-item--active .icon {
  position: relative;
  margin: -2px 4px 0 2px;
}

.icon.malibu-icon {
  z-index: 1;
}

.hk-select.review-apps {
  display: flex;
  text-align: left;
}
.hk-select.review-apps .ember-power-select-selected-item {
  padding-left: 24px;
}

.apps-list-item .dot-divider:last-child {
  display: none;
}

.btn-group .meters-dropdown-button {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  border: none;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.btn-group .meters-dropdown-button svg {
  margin: 0px;
  padding: 0px;
}
.btn-group .table {
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

pre.syntax-highlighter {
  border: none;
  background: none;
  padding: 0;
}

.entry-border {
  border-bottom-color: #D0D7E6;
}

.overview-content .overview-section {
  margin-bottom: 20px;
}
.overview-content .overview-section .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
}
.overview-content .overview-section .section-header .section-title {
  color: #323B49;
  font-weight: 700;
}
.overview-content .overview-section .section-content {
  padding: 15px;
}
.overview-content .overview-section .section-content pre > code {
  white-space: pre-line;
}
.overview-content .overview-section .section-content a {
  display: inline-block;
}

.tool-row {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #EEF1F6;
  transition: background-color 0.15s ease-in-out;
}
.tool-row:last-child {
  border-bottom: none;
}
.tool-row:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.tool-row button[data-test-target=tool-header] {
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}
.tool-row .rot0 {
  transform: rotate(0deg);
  transition: transform 0.2s ease-in-out;
}
.tool-row .rot90 {
  transform: rotate(90deg);
  transition: transform 0.2s ease-in-out;
}
.tool-row .truncate {
  display: block;
  max-height: 2em;
  line-height: 1.5;
  overflow: hidden;
  position: relative;
}
.tool-row .truncate .markdown-content p, .tool-row .truncate .markdown-content .panel-section .panel-details, .panel-section .tool-row .truncate .markdown-content .panel-details {
  margin: 0;
}
.tool-row .parameters-section {
  background-color: rgba(0, 0, 0, 0.03);
  transition: background-color 0.15s ease-in-out;
}
.tool-row .parameters-section .parameters-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.tool-row .parameters-section .parameters-grid .parameter-item {
  transition: all 0.2s ease;
}
.tool-row .parameters-section .parameters-grid .parameter-item:hover {
  border-color: #E3E7EF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.tool-row .parameters-section .parameters-grid .parameter-item:last-child:nth-child(odd) {
  grid-column: 1/-1;
}
@media (max-width: 768px) {
  .tool-row .parameters-section .parameters-grid {
    grid-template-columns: 1fr;
  }
}
.tool-row .tool-description p:last-child, .tool-row .tool-description .panel-section .panel-details:last-child, .panel-section .tool-row .tool-description .panel-details:last-child,
.tool-row .param-description p:last-child,
.tool-row .param-description .panel-section .panel-details:last-child,
.panel-section .tool-row .param-description .panel-details:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .tool-row .flex-auto .flex.items-baseline {
    display: inline;
    white-space: nowrap;
  }
  .tool-row .flex-auto .flex.items-baseline .dark-gray {
    display: inline;
    margin-right: 4px;
  }
  .tool-row .flex-auto .flex.items-baseline .f6.mid-gray {
    display: inline;
    white-space: normal;
  }
}

.server-row {
  position: relative;
}
.server-row .process-description {
  overflow: hidden;
  margin: 0;
}
.server-row .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.server-row .command {
  padding: 0;
  background: none;
  box-shadow: none;
  color: #6a737b;
  font-size: 13px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 500px;
}
@media (max-width: 768px) {
  .server-row .command {
    max-width: 300px;
  }
}
@media (max-width: 480px) {
  .server-row .command {
    max-width: 200px;
  }
}
.server-row .server-meta {
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.server-row .server-meta .app-name {
  font-weight: 500;
  color: #5A6872;
}
@media (max-width: 480px) {
  .server-row .server-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
.server-row .server-type-pill {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 12px;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.server-row .server-type-pill.stdio {
  background-color: #f7f9fd;
  color: #79589F;
  border: 1px solid rgba(121, 88, 159, 0.5);
}
.server-row .server-type-pill.sse {
  background-color: #f7f9fd;
  color: #006DEB;
  border: 1px solid rgba(0, 109, 235, 0.5);
}
.server-row .server-type-pill.default {
  background-color: #f9f9f9;
  color: #666;
  border: 1px solid #e6e6e6;
}
.server-row .server-tools-count {
  flex-shrink: 0;
  text-align: right;
}
@media (max-width: 480px) {
  .server-row .server-tools-count {
    min-width: 80px;
    text-align: left;
  }
}
.server-row .status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: relative;
}
.server-row .status-dot.operational {
  background-color: #27ae60;
  box-shadow: 0 0 0 rgba(39, 174, 96, 0.4);
  animation: pulse-green 2s infinite;
}
.server-row .status-dot.non-operational, .server-row .status-dot.disconnected {
  background-color: #e74c3c;
  box-shadow: 0 0 0 rgba(231, 76, 60, 0.4);
  animation: pulse-red 2s infinite;
}

@keyframes pulse-green {
  0% {
    box-shadow: 0 0 0 0 rgba(39, 174, 96, 0.4);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(39, 174, 96, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(39, 174, 96, 0);
  }
}
@keyframes pulse-red {
  0% {
    box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.4);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(231, 76, 60, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(231, 76, 60, 0);
  }
}
.stencil {
  background-color: rgba(86, 102, 125, 0.1) !important;
  color: transparent !important;
  border-radius: 30px;
  padding: 0px !important;
  font-size: 9px !important;
}

.stencil-box {
  background-color: rgba(86, 102, 125, 0.1) !important;
  color: transparent !important;
  box-shadow: none;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.anim-fade-in {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-o-keyframes pulse {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes pulse {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.anim-pulse {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.stencil-apps-list-item > div {
  max-width: 1240px;
}

.stencil-spaces-list-item > div {
  max-width: 1240px;
}

.stencil-process-switcher {
  box-shadow: inset 0 0 0 1px #cfd7e6;
  border-radius: 4px;
  height: 52px;
  align-items: center;
  padding-top: 4px;
}
.stencil-process-switcher div.bg-light-silver {
  width: 16px;
  height: 16px;
}

button, input[type=submit] {
  background: none;
  border: none;
}

.peerings-table {
  margin-top: 40px;
}

.bulk-app-transfer .apps-list-container, .pipeline-transfer-list .apps-list-container {
  -webkit-transition: flex-shrink 0.4s cubic-bezier(0.3, 0, 0, 1);
  -o-transition: flex-shrink 0.4s cubic-bezier(0.3, 0, 0, 1);
  transition: flex-shrink 0.4s cubic-bezier(0.3, 0, 0, 1);
  flex-basis: 100%;
}

.bottom-slide-panel .app-container {
  -webkit-transition: left 0.25s ease-out, opacity 0.25s ease-out;
  -o-transition: left 0.25s ease-out, opacity 0.25s ease-out;
  transition: left 0.25s ease-out, opacity 0.25s ease-out;
  position: relative;
  left: 0;
}
.bottom-slide-panel.transfers-complete .app-container {
  opacity: 0;
  left: -50px;
}
.bottom-slide-panel .icon-arrow {
  -webkit-transition: left 0.25s ease-out, opacity 0.25s ease-out;
  -o-transition: left 0.25s ease-out, opacity 0.25s ease-out;
  transition: left 0.25s ease-out, opacity 0.25s ease-out;
  position: relative;
  left: -3px;
  top: 0;
}
.bottom-slide-panel.transfers-complete .icon-arrow {
  opacity: 0;
  left: -40px;
}
.bottom-slide-panel .summary {
  -webkit-transition: transform 1s ease-out 0.2s, opacity 0.25s ease-out 0.3s;
  -o-transition: transform 1s ease-out 0.2s, opacity 0.25s ease-out 0.3s;
  transition: transform 1s ease-out 0.2s, opacity 0.25s ease-out 0.3s;
}
.bottom-slide-panel.transfers-complete .summary {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.bottom-slide-panel .conclusion {
  -webkit-transition: transform 0.25s ease-out 0.2s, opacity 0.5s ease-out 0.5s;
  -o-transition: transform 0.25s ease-out 0.2s, opacity 0.5s ease-out 0.5s;
  transition: transform 0.25s ease-out 0.2s, opacity 0.5s ease-out 0.5s;
  opacity: 0;
}
.bottom-slide-panel.transfers-complete .conclusion {
  opacity: 1;
  transform: translate3d(-100%, 0, 0);
}
.bottom-slide-panel .identicon-container {
  -webkit-transition: left 0.25s ease-out 0.15s;
  -o-transition: left 0.25s ease-out 0.15s;
  transition: left 0.25s ease-out 0.15s;
  position: relative;
  left: 0;
}
.bottom-slide-panel .identicon-container .check {
  -webkit-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
  -o-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
  transform: scale(0);
}
.bottom-slide-panel.transfers-complete .identicon-container {
  left: -50px;
}
.pipeline-transfer-list.transfer-with-apps .bottom-slide-panel.transfers-complete .identicon-container {
  left: -62px;
}
.bottom-slide-panel.transfers-complete .identicon-container .check {
  transform: scale(1.25);
}
.bottom-slide-panel .message-container {
  position: relative;
  overflow: hidden;
}

.hk-select.transfer-select {
  height: 34px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .hk-select.transfer-select {
    font-size: 16px;
  }
}
.hk-select.transfer-select .ember-power-select-selected-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}

.cp-validating-gravatar-input .gravatar-icon {
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: unset;
}
.cp-validating-gravatar-input .gravatar-icon img {
  border-radius: 3px 0px 0 3px;
}

.pipeline-selector .pipeline-selection {
  max-height: 250px;
  overflow: auto;
  width: 100%;
}

.svg-disabled {
  filter: grayscale(100%) brightness(100%);
}

.runtime-selected {
  box-shadow: 0 0 0 2px #79589F;
}

.default {
  box-shadow: 0 0 0 1px #E3E7EF;
}

li.default:hover:not(.disabled) {
  box-shadow: 0 0 0 2px #CFD7E6;
}

.display-formation-list progress {
  height: 4px;
}
.display-formation-list progress::-webkit-progress-bar {
  background: rgba(227, 231, 239, 0.8);
  border-radius: 2px;
  box-shadow: none;
}
.display-formation-list progress::-webkit-progress-value {
  background: #79589f;
}

.web-hook-deliveries-list .expanded {
  transform: rotate(90deg);
  transform-origin: 45% 53%;
}
.web-hook-deliveries-list pre {
  max-height: 350px;
  min-height: 75px;
}

.nps-modal {
  width: 600px;
}

.nps-modal-content .w-49 {
  width: 49%;
}
.nps-modal-content .selected {
  background-color: #F7F8FB;
}
.nps-modal-content label {
  cursor: pointer;
}

.two-factor-catch-all--full-screen {
  z-index: 200;
  height: calc(100vh - 50px);
}
.two-factor-catch-all--full-screen .two-factor-catch-all {
  margin-top: 0;
  top: 53px;
  left: 0;
  position: fixed;
}

.glostick-active.glostick-active--helmet .two-factor-catch-all--full-screen {
  height: calc(100vh - 77px);
}

body.two-factor-catch-all-is-open #modal-overlays, body.two-factor-catch-all-is-open #hk-slide-panels {
  display: none;
  visibility: hidden !important;
  height: 0;
  width: 0;
}

ol {
  padding-inline-start: 15px;
  margin-bottom: 0px;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #CFD7E6;
  border-bottom: 1px solid #CFD7E6;
  border-right: 1px solid #CFD7E6;
  border-left: 1px solid #CFD7E6;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 30px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 30px;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #CFD7E6;
  border-bottom: 1px solid #CFD7E6;
  border-right: 1px solid #CFD7E6;
  border-left: 1px solid #CFD7E6;
  box-shadow: 0 0 0 2px rgba(157, 112, 208, 0.4);
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.ember-power-select-placeholder {
  color: #62738D;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #CFD7E6 transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #62738D;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #62738D;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #62738D;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #62738D;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #CFD7E6;
  border-radius: 4px;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #79589f;
  box-shadow: 0 0 0 2px rgba(157, 112, 208, 0.4);
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: none;
  border-right: none;
  line-height: 30px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(89, 105, 129, 0.1), 0 3px 20px 0 rgba(89, 105, 129, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  transform: translateY(calc(-1 * 3px));
  border-top: none;
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  transform: translateY(3px);
  border-top: none;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 210px;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #f7f8fb;
}

.ember-power-select-option[aria-current=true] {
  background-color: #f7f8fb;
  color: inherit;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

.ember-power-select-status-icon {
  display: none;
}

.ember-power-select-option {
  line-height: 2.25;
}
.ember-power-select-option.hk-input {
  font-size: 13px;
  line-height: 2.5;
}

.ember-power-select-placeholder {
  margin-left: 10px;
  opacity: 0.8;
}

.ember-power-select-trigger {
  -ms-flex-align: center;
  align-items: center;
  line-height: 30px;
}
.ember-power-select-trigger.hk-input {
  background-color: white;
}
.ember-power-select-trigger.hk-input .ember-power-select-selected-item {
  margin-left: 10px;
}
.ember-power-select-trigger:focus, .ember-power-select-trigger--active {
  box-shadow: 0 1px 3px 0 rgba(89, 105, 129, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.025);
}

.ember-power-select-options[role=listbox] {
  padding: 5px 0;
  max-height: 300px;
}

.ember-power-select-search {
  padding: 10px;
  border-bottom: 1px solid #e3e7ef;
}
.ember-power-select-search .ember-power-select-search-input {
  padding: 5px 10px;
  box-shadow: inset 0 1px 2px 0 rgba(207, 215, 230, 0.4);
  line-height: 20px;
}
.ember-power-select-search .ember-power-select-search-input:focus {
  box-shadow: 0 0 0 2px rgba(157, 112, 208, 0.4);
}

.ember-power-select-group .ember-power-select-group-name {
  font-size: 13px;
  color: #56667D;
  line-height: 24px;
  padding-left: 10px;
}
.ember-power-select-group .ember-power-select-option {
  font-size: 13px;
  line-height: 24px;
  padding-left: 20px;
}

.ember-power-select-trigger.br--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ember-basic-dropdown-trigger--below.br--right.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.br--right.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#git-branch-picker__power-select .ember-power-select-selected-item {
  padding-left: 20px;
}

.org-name-select .ember-power-select-selected-item {
  padding-left: 20px;
}

.region-selection .ember-power-select-selected-item {
  padding-left: 32px;
  font-size: 13px;
}

#private-space-select .ember-power-select-selected-item {
  padding-left: 30px;
}

#common-runtime-select .ember-power-select-selected-item {
  padding-left: 30px;
}

.hk-select-tall {
  box-shadow: inset 0 1px 2px rgba(207, 215, 230, 0.4);
  height: 34px;
}

.hk-select.stale-days-control {
  display: flex;
  width: 125px;
  line-height: 20px;
}

.hk-select.br--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.hk-select#outbound-ruleset-protocol {
  color: #3F3F44;
  font-size: 14px;
}
.hk-select#outbound-ruleset-protocol .ember-power-select-placeholder {
  line-height: 2.5;
}
.hk-select#outbound-ruleset-protocol .ember-power-select-selected-item {
  line-height: 2.25;
}

.hk-select.app-json-config-var-select {
  font-size: 14px;
  line-height: 2.5;
}

.hk-select.addon-plan-select {
  overflow: hidden;
}
.hk-select.addon-plan-select .ember-power-select-selected-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 14px;
}

.addon-plan-select-dropdown {
  white-space: nowrap;
  font-size: 14px;
}

.hk-select.pipeline-owner .ember-power-select-selected-item {
  font-size: 13px;
}

.hk-select.certificate-select {
  width: 157px;
}

.hk-select.month-select {
  width: 143px;
  margin-right: 5px;
}

.hk-select.day-select {
  width: 59px;
}

.ember-power-select-label:has(+ [aria-required=true])::after {
  color: #DE0A0A;
  content: "*";
}

.hk-select.query-time-period-selector {
  width: 130px;
}

@font-face {
  font-family: "salesforce-sans";
  font-style: normal;
  font-weight: 200;
  src: url("https://www.herokucdn.com/fonts/SalesforceSans-Book.eot?#iefix") format("embedded-opentype"), url("https://www.herokucdn.com/fonts/SalesforceSans-Book.woff") format("woff"), url("https://www.herokucdn.com/fonts/SalesforceSans-Book.ttf") format("truetype");
}
@font-face {
  font-family: "salesforce-sans";
  font-style: normal;
  font-weight: normal;
  src: url("https://www.herokucdn.com/fonts/SalesforceSans-Regular.eot?#iefix") format("embedded-opentype"), url("https://www.herokucdn.com/fonts/SalesforceSans-Regular.woff") format("woff"), url("https://www.herokucdn.com/fonts/SalesforceSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "salesforce-sans";
  font-style: normal;
  font-weight: bold;
  src: url("https://www.herokucdn.com/fonts/SalesforceSans-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.herokucdn.com/fonts/SalesforceSans-Bold.woff") format("woff"), url("https://www.herokucdn.com/fonts/SalesforceSans-Bold.ttf") format("truetype");
}
* {
  -webkit-font-smoothing: subpixel-antialiased !important;
  text-decoration-skip: ink !important;
  -webkit-text-decoration-skip: ink !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  * {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
  }
}

html {
  position: relative;
  height: 100vh;
  background-color: #fff;
}

body {
  font-family: salesforce-sans, "Helvetica Neue", helvetica, arial, sans-serif;
  min-width: 320px;
  min-height: 100vh;
  padding-top: 50px;
  background: none;
}
body.glostick-active--helmet {
  padding-top: 77px;
}

.glostick {
  z-index: 49;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  font-family: salesforce-sans, "Helvetica Neue", helvetica, arial, sans-serif !important;
}
.glostick .glostick__menu {
  max-height: calc(100vh - 64px);
  overflow: auto;
}
@media screen and (max-width: 600px) {
  .glostick .glostick__menu {
    max-height: calc(100vh - 20px - 46px);
  }
}

#app-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -16px;
  text-align: center;
}
#app-loader .loading-heroku-logo {
  display: block;
  margin-bottom: 10px;
  opacity: 0.75;
  width: 54px;
  height: 60px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjU0cHgiIGhlaWdodD0iNjBweCIgdmlld0JveD0iMCAwIDU0IDYwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPnN0YXJ0dXAtbG9nbzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJJY29ucyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkZhdmljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQyLjAwMDAwMCwgLTQzMC4wMDAwMDApIiBmaWxsPSIjQ0ZEN0U2Ij4KICAgICAgICAgICAgPGcgaWQ9InN0YXJ0dXAtbG9nbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQyLjAwMDAwMCwgNDMwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsNC4wMDY1NTU2IEMwLDEuNzkzNzk2MDQgMS43OTY2NzY2NCwwIDMuOTkyNjc4NjQsMCBMNTAuMDA3MzIxNCwwIEM1Mi4yMTI0MTY5LDAgNTQsMS43OTU2ODA4MiA1NCw0LjAwNjU1NTYgTDU0LDU1Ljk5MzQ0NDQgQzU0LDU4LjIwNjIwNCA1Mi4yMDMzMjM0LDYwIDUwLjAwNzMyMTQsNjAgTDMuOTkyNjc4NjQsNjAgQzEuNzg3NTgzMTIsNjAgMCw1OC4yMDQzMTkyIDAsNTUuOTkzNDQ0NCBMMCw0LjAwNjU1NTYgWiBNMTMuNzg3MjM0LDUxLjExMTExMTEgTDEzLjc4NzIzNCwzNy43Nzc3Nzc4IEwxOS41MzE5MTQ5LDQ0Ljk1NzI2NSBMMTMuNzg3MjM0LDUxLjExMTExMTEgWiBNMjkuODcyMzQwNCwyMCBMMzYuMTM5MjY1LDIwIEMzOS40OTIzNTQ2LDE1LjYwOTc1NjEgNDAuODQwODYwOSwxMS43MDczMTcxIDQxLjM2MTcwMjEsMTAgTDM1LjA5NDc3NzYsMTAgQzM0LjEyNTk5OTksMTIuNDM5MDI0NCAzMi40MTQzNDk1LDE2LjM0MTQ2MzQgMjkuODcyMzQwNCwyMCBaIE00MS4zNjE3MDIxLDUxLjExMTExMTEgTDM1LjIzNDA0MjYsNTEuMTExMTExMSBMMzUuMjM0MDQyNiwzNC4wNjUwNDA3IEMzNS4zOTc5ODk0LDMyLjAzOTE4MyAzNC45MDM0OTgzLDMxLjQ2OTY3MzIgMzQuMjEyNzY2LDMxLjA1NjkxMDYgQzMxLjQ2MjY4NDUsMjkuMTkwMTgzIDIyLjk2MDQxODEsMzEuMDY5NDQ0NCAxNy44NzIzNDA0LDMzLjA2MjMzMDYgTDEzLjc4NzIzNCwzNS4wNjc3NTA3IEwxMy43ODcyMzQsMTAgTDE5LjkxNDg5MzYsMTAgTDE5LjkxNDg5MzYsMjYuMDQzMzYwNCBDMjAuOTg1NjgzOCwyNS45NTk4MTcgMjIuMjg4MjU4LDI1LjYwODY3OTcgMjQsMjUuMDQwNjUwNCBDMzAuMDU0MjU0NCwyMy45OTY4ODI0IDM0Ljc0MTQ4NDEsMjQuMzQ3Mjk0MSAzNy4yNzY1OTU3LDI2LjA0MzM2MDQgQzM5LjQzMTk0NDEsMjcuNDUwOTQxMiA0MS4zNjE3MDIxLDI5LjYwNTg4ODkgNDEuMzYxNzAyMSwzNC4wNjUwNDA3IEw0MS4zNjE3MDIxLDUxLjExMTExMTEgWiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
  background-size: contain;
}
#app-loader .loading-spinner {
  opacity: 0.5;
  width: 38px;
}

.icon {
  vertical-align: middle;
}

h2 {
  margin-top: 0;
}

#personal-first-run-banner {
  position: relative;
}
#personal-first-run-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-image: url("/images/svgs/sprite/first-run-art.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.1;
}

.main-panel {
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
@media (max-width: 991px) {
  .main-panel {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .main-panel {
    padding-left: 0;
  }
}

.main-content,
.top-nav .section-content,
.section-content {
  padding: 0 20px;
}

.main-content {
  display: flex;
  position: relative;
  background: #fff;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}

.scrollable-container {
  overflow: auto;
  max-height: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

.gravatar-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.gravatar-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.item-changed-value {
  color: #006DEB;
}

.hidden {
  display: none;
}

.container-fluid {
  padding: 0;
}

.page-breadcrumb {
  color: #62738D;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 20px;
}
.page-breadcrumb a {
  text-decoration: none;
}
.page-breadcrumb i {
  position: relative;
  top: -2px;
  margin: 0 10px;
}

.list-group-item.active {
  z-index: 0;
}
.list-group-item:first-of-type {
  border-top-right-radius: none;
  border-top-left-radius: none;
}
.list-group-item:last-of-type {
  margin-bottom: 0;
  border-bottom-right-radius: none;
  border-bottom-left-radius: none;
}

.huge-text {
  text-align: center;
  font-size: 180px;
  font-weight: 200;
  color: #CFD7E6;
}
@media (max-width: 991px) {
  .huge-text {
    font-size: 140px;
  }
}
.huge-text img {
  width: 140px;
  margin: 0 auto;
}

.error-text {
  width: 420px;
  margin: 0 auto;
  text-align: center;
  color: #62738D;
}
@media (max-width: 991px) {
  .error-text {
    width: 100%;
  }
}
.error-text p, .error-text .panel-section .panel-details, .panel-section .error-text .panel-details {
  font-size: 13px;
}
.error-text p:first-of-type, .error-text .panel-section .panel-details:first-of-type, .panel-section .error-text .panel-details:first-of-type {
  font-weight: normal;
  font-size: 16px;
}
.error-text p:first-of-type.text-danger, .error-text .panel-section .panel-details:first-of-type.text-danger, .panel-section .error-text .panel-details:first-of-type.text-danger {
  color: #DE0A0A;
}
.error-text p.alert-warning, .error-text .panel-section .alert-warning.panel-details, .panel-section .error-text .alert-warning.panel-details {
  padding: 4px 6px;
  position: relative;
  margin-top: -4px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.error-text span.repo-name {
  white-space: nowrap;
}
.error-text .icon {
  position: relative;
  margin-left: 4px;
  margin-right: 2px;
  top: -1px;
  opacity: 0.7;
}
.error-text ul {
  text-align: left;
}

.modal-body .modal-intro {
  padding: 10px 30px 10px;
}
.modal-body .modal-intro .icon {
  margin-bottom: 12px;
}
.modal-body .modal-intro p, .modal-body .modal-intro .panel-section .panel-details, .panel-section .modal-body .modal-intro .panel-details {
  font-size: 13px;
  color: #56667D;
}
.modal-body .modal-intro p.title, .modal-body .modal-intro .panel-section .title.panel-details, .panel-section .modal-body .modal-intro .title.panel-details {
  font-size: 14px;
  color: #56667D;
  margin-bottom: 6px;
}

.nav.nav-tabs {
  position: relative;
  text-align: center;
  padding-bottom: 0;
  margin: 0 -20px 20px;
  overflow: hidden;
  border: none;
  box-shadow: inset 0 -1px 0 rgb(231, 235, 242.5);
}
.nav.nav-tabs + .nav-tabs {
  margin-top: -10px;
}
.nav.nav-tabs li {
  position: relative;
  float: none;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0 4px;
  padding-top: 2px;
}
.nav.nav-tabs li a {
  position: relative;
  color: #79589F;
  display: inline-block;
  opacity: 0.7;
  background: #fff;
  border: none;
  box-shadow: inset 0 -1px 0 rgb(231, 235, 242.5);
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: opacity ease 0.3s;
  -o-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
.nav.nav-tabs li a:hover {
  opacity: 1;
  background: #fff;
}
.nav.nav-tabs li a.active {
  opacity: 1;
  color: #56667D;
  box-shadow: inset 0 -1px 0 #fff, 0 0 0 1px rgba(71, 83, 102, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background: #fff;
}
.nav.nav-tabs li a small, .nav.nav-tabs li a .panel-section .panel-details, .panel-section .nav.nav-tabs li a .panel-details {
  color: #62738D;
  display: block;
  padding-top: 2px;
}
.nav.nav-tabs li a small.connected, .nav.nav-tabs li a .panel-section .connected.panel-details, .panel-section .nav.nav-tabs li a .connected.panel-details {
  font-weight: bold;
}
.nav.nav-tabs li.deploy-tab.tab-heroku-git a {
  color: #79589F;
}
.nav.nav-tabs li.deploy-tab.tab-github a {
  color: #3F3F44;
}
.nav.nav-tabs li.deploy-tab a {
  padding: 16px 18px 14px 62px;
}
.nav.nav-tabs li.deploy-tab .label {
  position: relative;
  top: -2px;
  margin-left: 4px;
  text-transform: uppercase;
  font-size: 9px;
  padding: 2px 4px 1px 4px;
}
.nav.nav-tabs li.deploy-tab .icon.tab-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -16px;
}
@media (max-width: 767px) {
  .nav.nav-tabs li.deploy-tab {
    margin: 0;
  }
  .nav.nav-tabs li.deploy-tab a {
    padding: 14px 12px 14px 52px;
  }
  .nav.nav-tabs li.deploy-tab .icon.tab-icon {
    left: 10px;
  }
  .nav.nav-tabs li.deploy-tab small, .nav.nav-tabs li.deploy-tab .panel-section .panel-details, .panel-section .nav.nav-tabs li.deploy-tab .panel-details {
    display: none;
  }
}
@media (max-width: 520px) {
  .nav.nav-tabs li.deploy-tab {
    text-align: center;
  }
  .nav.nav-tabs li.deploy-tab .service {
    display: block;
    padding-top: 4px;
  }
  .nav.nav-tabs li.deploy-tab a {
    padding: 8px 10px;
    font-size: 13px;
  }
  .nav.nav-tabs li.deploy-tab .icon.tab-icon {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
  }
}

.nav.nav-pill {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgb(231, 235, 242.5);
}
.nav.nav-pill li {
  float: none;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0 2px 2px 0;
}
.nav.nav-pill li a {
  background: #fff;
}
.nav.nav-pill li div.no-support {
  width: 190px;
  border-radius: 4px;
  border: 1px solid #CFD7E6;
  background: #CFD7E6;
}
.nav.nav-pill li a, .nav.nav-pill li div.no-support {
  position: relative;
  color: #79589F;
  display: inline-block;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: opacity ease 0.3s;
  -o-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  border: 1px solid transparent;
  transition: border-color ease 0.3s;
}
.nav.nav-pill li a .no-support-inactive, .nav.nav-pill li div.no-support .no-support-inactive {
  display: block;
}
.nav.nav-pill li a .no-support-hover, .nav.nav-pill li div.no-support .no-support-hover {
  display: none;
}
.nav.nav-pill li a:hover, .nav.nav-pill li div.no-support:hover {
  border-radius: 4px;
  border: 1px solid #CFD7E6;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
}
.nav.nav-pill li a:hover .no-support-hover, .nav.nav-pill li div.no-support:hover .no-support-hover {
  display: block;
}
.nav.nav-pill li a:hover .no-support-inactive, .nav.nav-pill li div.no-support:hover .no-support-inactive {
  display: none;
}
.nav.nav-pill li a:focus, .nav.nav-pill li a:active, .nav.nav-pill li a.active, .nav.nav-pill li div.no-support:focus, .nav.nav-pill li div.no-support:active, .nav.nav-pill li div.no-support.active {
  color: #56667D;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #79589F;
}
.nav.nav-pill li a small, .nav.nav-pill li a .panel-section .panel-details, .panel-section .nav.nav-pill li a .panel-details, .nav.nav-pill li div.no-support small, .nav.nav-pill li div.no-support .panel-section .panel-details, .panel-section .nav.nav-pill li div.no-support .panel-details {
  color: #62738D;
  display: block;
  padding-top: 2px;
}
.nav.nav-pill li a small.connected, .nav.nav-pill li a .panel-section .connected.panel-details, .panel-section .nav.nav-pill li a .connected.panel-details, .nav.nav-pill li div.no-support small.connected, .nav.nav-pill li div.no-support .panel-section .connected.panel-details, .panel-section .nav.nav-pill li div.no-support .connected.panel-details {
  color: #008700;
}
.nav.nav-pill li.deploy-tab.tab-heroku-git a {
  color: #79589F;
}
.nav.nav-pill li.deploy-tab.tab-github a {
  color: #3F3F44;
}
.nav.nav-pill li.deploy-tab.tab-containers a, .nav.nav-pill li.deploy-tab.tab-containers div.no-support {
  color: #323B49;
  padding-left: 52px;
}
.nav.nav-pill li.deploy-tab.tab-containers a .icon, .nav.nav-pill li.deploy-tab.tab-containers div.no-support .icon {
  margin-top: -15px;
}
.nav.nav-pill li.deploy-tab a, .nav.nav-pill li.deploy-tab div.no-support {
  padding: 10px 14px 10px 54px;
}
.nav.nav-pill li.deploy-tab.connected a {
  padding-right: 40px;
}
.nav.nav-pill li.deploy-tab .label {
  position: relative;
  top: -2px;
  margin-left: 4px;
  text-transform: uppercase;
  font-size: 9px;
  padding: 2px 4px 1px 4px;
}
.nav.nav-pill li.deploy-tab .icon.tab-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -17px;
}
.nav.nav-pill li.deploy-tab .icon.icon-success-badge {
  position: absolute;
  top: 16px;
  right: 12px;
}
@media (max-width: 520px) {
  .nav.nav-pill li.deploy-tab {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  .nav.nav-pill li.deploy-tab .service {
    display: block;
    padding-top: 4px;
  }
  .nav.nav-pill li.deploy-tab .service .success-badge-bg {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 10px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
  }
  .nav.nav-pill li.deploy-tab small, .nav.nav-pill li.deploy-tab .panel-section .panel-details, .panel-section .nav.nav-pill li.deploy-tab .panel-details {
    display: none;
  }
  .nav.nav-pill li.deploy-tab a {
    padding: 8px 10px;
    font-size: 13px;
  }
  .nav.nav-pill li.deploy-tab.connected a {
    padding-right: 10px;
  }
  .nav.nav-pill li.deploy-tab.tab-containers a {
    color: #56667D;
    padding-left: 10px;
  }
  .nav.nav-pill li.deploy-tab.tab-containers a .icon {
    margin: 2px auto;
  }
  .nav.nav-pill li.deploy-tab .icon.tab-icon {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
  }
  .nav.nav-pill li.deploy-tab .icon.icon-success-badge {
    position: absolute;
    top: 6px;
    right: 8px;
  }
}

.sub-nav + .nav-pills {
  margin-top: -10px;
  padding-bottom: 16px;
}

.subnav-toolbar {
  margin-top: -10px;
}
.subnav-toolbar header {
  margin: 0 -20px;
}

.extra-small {
  font-size: 12px;
  color: #62738D;
}

.show-more {
  text-align: left;
}
.show-more .btn {
  font-size: 12px;
}
.show-more .btn .icon {
  margin-left: 0;
}

.tooltip .tooltip-inner {
  background-color: #56667D;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
.tooltip.top .tooltip-arrow {
  border-top-color: #56667D;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #56667D;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #56667D;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #56667D;
}

.darken-on-hover:hover {
  fill: rgb(71, 83, 102);
}

.group-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  padding-bottom: 10px;
}
.group-header h5 .btn {
  margin-left: 16px;
}
.group-header .pull-right {
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  align-content: flex-end;
  -ms-flex-line-pack: end;
}
.group-header .saving-button {
  position: relative;
  width: 84px;
  text-align: left;
  padding-left: 30px;
  pointer-events: none;
}
.group-header .saving-button .loading-spinner {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 10px;
}
.group-header .saving-button .icon {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 14px;
}

.btn-link {
  padding: 0;
  text-decoration: none;
}
.btn-link:hover {
  text-decoration: none;
}

.btn .icon.caret-icon {
  margin-right: -6px;
  margin-left: 2px;
}

.btn-default:focus, .actions-button .btn-default:focus {
  background: inherit;
}

.purple-box, .metrics__not-available, .metrics__chart-sorting .sortable-item.is-dragging, .metrics__monitor-preview-chart__loading, .buildpack-installations-list .sortable-item.is-dragging, #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, #overview-page .data-unavailable, .content-box {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(89, 105, 128, 0.1), 0 1px 3px 0 rgba(89, 105, 128, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.purple-box .close-purple-box, .metrics__not-available .close-purple-box, .metrics__chart-sorting .sortable-item.is-dragging .close-purple-box, .metrics__monitor-preview-chart__loading .close-purple-box, .buildpack-installations-list .sortable-item.is-dragging .close-purple-box, #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .close-purple-box, #overview-page .data-unavailable .close-purple-box, .content-box .close-purple-box {
  position: absolute;
  top: 20px;
  right: 20px;
}
.purple-box__header {
  background-color: transparent;
  margin: 0;
  padding: 10px;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #E3E7EF;
  color: #56667D;
}
.purple-box__header p, .purple-box__header .panel-section .panel-details, .panel-section .purple-box__header .panel-details {
  color: #56667D;
}

.generic-banner {
  margin-left: -20px;
  margin-right: -20px;
}
.nav-tabs + .generic-banner {
  margin-top: -20px;
}

.message-banner {
  position: relative;
  background: white;
  margin: -15px -20px 30px;
  padding: 8px 20px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  font-size: 13px;
  display: flex;
  min-height: 53px;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  align-content: space-around;
  -ms-flex-line-pack: distribute;
}
@media (max-width: 767px) {
  .message-banner {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.message-banner.transfer-request {
  margin: -1px -20px 1px;
  background: rgb(248.3, 246.65, 250.2);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.1);
}
.message-banner .icon {
  position: relative;
  margin-right: 10px;
}
.message-banner .icon.icon-github-banner, .message-banner .icon.icon-github-status-warning {
  margin-top: -3px;
}
.message-banner .message-banner-text {
  margin: 0;
  padding: 6px 0;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.message-banner .message-banner-text small, .message-banner .message-banner-text .panel-section .panel-details, .panel-section .message-banner .message-banner-text .panel-details {
  font-size: 13px;
  display: block;
}
.message-banner.warning {
  color: #C74C00;
  background: rgb(254.75, 250.2, 245.8);
  box-shadow: 0 1px 0 rgb(253, 216.6, 181.4);
}
.message-banner.warning .message-banner-text {
  font-weight: bold;
}
.message-banner.warning .message-banner-text small, .message-banner.warning .message-banner-text .panel-section .panel-details, .panel-section .message-banner.warning .message-banner-text .panel-details {
  font-weight: normal;
}
.message-banner .message-banner-actions {
  position: relative;
  white-space: nowrap;
}

.modal-title {
  font-size: 15px;
}

.btn.pending,
.btn.fulfilled {
  pointer-events: none;
}

@media (max-width: 767px) {
  .form-control {
    font-size: 16px;
  }
}
.u-display-inline-block {
  display: inline-block;
}

.u-display-block {
  display: block;
}

select.form-control:not([multiple]),
.mimic-select {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 22px;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAABGdBTUEAALGPC/xhBQAAALJJREFUGBm9UCEOwkAQ3L3Cf2pwpKkhoQkej0GRUE/bpSdwbR3BYXlAwwOQmP4Eh7xlh4BFsuJmZzK7N3dMnxJp4xD05ByvRfIBssMh0i1CoJsqP4Hg0KOybDcmnIn44H2+SpJsrKrHNJ0/MDljpr332xpuIDh08H8XF0XTM/O9rnP5Xm4vEEs8sbSuV6VdVTVISEBw6AzBnJk5L7ZhMIwNl7bp+v4hNFHkpuYbAcEx9LNeG4xMYRDZ28cAAAAASUVORK5CYII=") no-repeat right 8px center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  select.form-control:not([multiple]),
  .mimic-select {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAABGdBTUEAALGPC/xhBQAAAf5JREFUOBHtVL1rU1EUv/dcTItIJwch0r8gQwfXmrzF2jYWXAKFbhVEROwbdGjzcXgvdehg2kFKB2cxS4em0C6at4pCwUwODkLAWRw0+O7t77zktWkiriJ4Ifec+/u4796Xc55WvxnNZtN0Ot2GULlc1i+VSvGoTI8CzC+uxPHPV8CLA65lzMQy88Pvw9oLxnp9N9vr/Wg552YuiLQ+yWQmi+Xyg26KnxmZGzNx7FogskJqrVkiNkki0q4xusjsnwhuZGLeLlqrDpFelbVSVAtDP4ii4yifn3ewewCnsN2K581/bLePPulqtfHIOYUX4ZJNYKqE4Vo98Q+mSmW7rJQN+0sda618wlGepCYcrzxqErFgwvWNzoiHjFH3AH4GuBEE/mafHJ8H3IZotabVccV/5F98A5p5Z8Fau4fDv8SfzH+6BMpT+FUium9mZ2+9xeI6fgXPmyMUdhv52IApQKlVQUwhFgjlE6Jof4kSHVKt1Z4PivncKxjEFUFEKx4TRUcf0DrvACwBn0Cn3CwUbl/Ck9+IEE+qA0sKHHX6Dd1zNwjWXg818k4Odz3EztNiwD2eSQS2LhGmL8AWmR93krVM6cD35pq1vQOYb6SYRJjeE2Xu4LvzNcUpTSQKQXQ5j2Pvp7jkgg2bhDs7aiqUyOzI2saW5ET+U2ZtJf+74xRlgcKObZd2ywAAAABJRU5ErkJggg==") no-repeat right 8px center;
    background-size: 7px 13px;
  }
}

pre {
  white-space: pre-wrap;
  word-wrap: normal;
  word-break: normal;
}
pre.build-stream-text {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a.no-hover-underline:hover,
a.no-hover-underline:active,
.actions-button a.no-hover-underline.btn-default:focus {
  text-decoration: inherit !important;
}

.hk-no-link-style:hover,
.hk-no-link-style:active,
.actions-button .hk-no-link-style.btn-default:focus,
.hk-no-link-style:focus,
.link:hover,
.link:active,
.actions-button .link.btn-default:focus {
  text-decoration: none !important;
}

.malibu-icon {
  background: none !important;
  -moz-transform: scale(1);
  transform: scale(1);
}

.rot90 {
  transform: rotate(90deg);
}

.rot270 {
  transform: rotate(270deg);
}

.word-wrap {
  word-break: break-all;
}

.hk-button-xs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: none;
  height: 22px;
  padding-top: 0;
  padding-bottom: 0;
}

.collapse {
  display: table;
}

.glostick-active .top--glostick {
  top: 50px;
}
.glostick-active.glostick-active--helmet .top--glostick {
  top: 77px;
}

.fade-to-white--up {
  background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

.fade-to-white--down {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.focus-z-1:focus {
  z-index: 1;
}

.no-trailing-whitespace {
  white-space: normal;
}