@charset "UTF-8";
/*@import url(https://www.herokucdn.com/purple3/4.11.0/purple3.min.css);*/

.checkbox-inline, .img-thumbnail, .list-inline > li, .radio-inline, audio, canvas, label, progress, video {
    display: inline-block
}

.label, audio, canvas, progress, sub, sup, video {
    vertical-align: baseline
}

.btn, .btn-group, .btn-group-vertical, .caret, .checkbox-inline, .input-group-addon, .input-group-btn, .radio-inline, img {
    vertical-align: middle
}

hr, img {
    border: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    color: #79589F;
    text-decoration: none
}

a:active, a:hover {
    outline: 0
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

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

.img-thumbnail, body {
    background-color: #fff
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

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

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    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[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-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

td, th {
    padding: 0
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    font-size: 14px;
    line-height: 1.42857;
    color: #3F3F44
}

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

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

figure {
    margin: 0
}

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

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

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 100%;
    height: auto
}

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

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    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, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

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

.dyno-tier-picker-item-size-name .panel-section .panel-details, .dyno-tier-picker-item-size-name .small, .dyno-tier-picker-item-size-name small, .panel-section .dyno-tier-picker-item-size-name .panel-details, .panel-section .panel-title .panel-details, .panel-section .panel-title .small, .panel-section .panel-title small, .panel-section .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .panel-details, .panel-section .pipeline-dropdown > li .btn-link .panel-details, .panel-section h1 .panel-details, .panel-section h2 .panel-details, .panel-section h3 .panel-details, .panel-section h4 .panel-details, .panel-section h5 .panel-details, .panel-section h6 .panel-details, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .panel-section .panel-details, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .small, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link small, .pipeline-dropdown > li .btn-link .panel-section .panel-details, .pipeline-dropdown > li .btn-link .small, .pipeline-dropdown > li .btn-link small, h1 .panel-section .panel-details, h1 .small, h1 small, h2 .panel-section .panel-details, h2 .small, h2 small, h3 .panel-section .panel-details, h3 .small, h3 small, h4 .panel-section .panel-details, h4 .small, h4 small, h5 .panel-section .panel-details, h5 .small, h5 small, h6 .panel-section .panel-details, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #96A3B6
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.panel-section h1 .panel-details, .panel-section h2 .panel-details, .panel-section h3 .panel-details, h1 .panel-section .panel-details, h1 .small, h1 small, h2 .panel-section .panel-details, h2 .small, h2 small, h3 .panel-section .panel-details, h3 .small, h3 small {
    font-size: 65%
}

.dyno-tier-picker-item-size-name .panel-section .panel-details, .dyno-tier-picker-item-size-name .small, .dyno-tier-picker-item-size-name small, .label, .panel-section .dyno-tier-picker-item-size-name .panel-details, .panel-section .panel-title .panel-details, .panel-section .panel-title .small, .panel-section .panel-title small, .panel-section .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .panel-details, .panel-section .pipeline-dropdown > li .btn-link .panel-details, .panel-section h4 .panel-details, .panel-section h5 .panel-details, .panel-section h6 .panel-details, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .panel-section .panel-details, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .small, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link small, .pipeline-dropdown > li .btn-link .panel-section .panel-details, .pipeline-dropdown > li .btn-link .small, .pipeline-dropdown > li .btn-link small, h4 .panel-section .panel-details, h4 .small, h4 small, h5 .panel-section .panel-details, h5 .small, h5 small, h6 .panel-section .panel-details, h6 .small, h6 small {
    font-size: 75%
}

.dyno-tier-picker-item-size-name, .panel-section .panel-title, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown > li .btn-link, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h5 {
    font-size: 14px
}

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

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

.error-text .panel-section .panel-details:first-of-type, .error-text p:first-of-type, .lead, .panel-section .error-text .panel-details:first-of-type {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

.badge, .close, .label, dt, kbd kbd {
    font-weight: 700
}

@media (min-width: 768px) {
    .error-text .panel-section .panel-details:first-of-type, .error-text p:first-of-type, .lead, .panel-section .error-text .panel-details:first-of-type {
        font-size: 21px
    }
}

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

.mark, mark {
    background-color: #fffaf6;
    padding: .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
}

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

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #CFD7E6
}

.text-primary {
    color: #79589F
}

a.text-primary:focus, a.text-primary:hover {
    color: #60467e
}

a.text-success:focus, a.text-success:hover {
    color: #51b060
}

a.text-info:focus, a.text-info:hover {
    color: #1774e2
}

a.text-warning:focus, a.text-warning:hover {
    color: #f98515
}

a.text-danger:focus, a.text-danger:hover {
    color: #bc2929
}

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

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #60467e
}

.bg-success {
    background-color: #f8fcf9
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #d4edda
}

.bg-info {
    background-color: #f5f9fe
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #c7ddf9
}

.bg-warning {
    background-color: #fffaf6
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #ffdec3
}

.bg-danger {
    background-color: #fdf6f6
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #f4cccc
}

pre code, table {
    background-color: transparent
}

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

dl, ol, ul {
    margin-top: 0
}

ol, ul {
    margin-bottom: 10px
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

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

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline > li {
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-bottom: 20px
}

dd, dt {
    line-height: 1.42857
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
    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
    }

    .container {
        width: 750px
    }
}

pre, pre code {
    white-space: pre-wrap
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #d7cde2
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #EEF1F6
}

.panel-section blockquote .panel-details:last-child, blockquote .panel-section .panel-details:last-child, blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0
}

.panel-section blockquote .panel-details, blockquote .panel-section .panel-details, blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #96A3B6
}

legend, pre {
    color: #596981
}

.panel-section blockquote .panel-details:before, blockquote .panel-section .panel-details:before, blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #EEF1F6;
    border-left: 0;
    text-align: right
}

code, kbd {
    padding: 2px 4px;
    font-size: 90%
}

caption, th {
    text-align: left
}

.blockquote-reverse .panel-section .panel-details:before, .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, .panel-section .blockquote-reverse .panel-details:before, .panel-section blockquote.pull-right .panel-details:before, blockquote.pull-right .panel-section .panel-details:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .panel-section .panel-details:after, .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, .panel-section .blockquote-reverse .panel-details:after, .panel-section blockquote.pull-right .panel-details:after, blockquote.pull-right .panel-section .panel-details:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

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

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

code {
    border-radius: 4px
}

kbd {
    color: #EEF1F6;
    background-color: #596981;
    border-radius: 3px
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    box-shadow: none
}

.form-control, .has-success .form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    background-color: #f5f7fa;
    border: 1px solid #EEF1F6;
    border-radius: 4px
}

.container-fluid:after, .container-fluid:before, .container:after, .container:before, .panel-section:after, .panel-section:before, .row:after, .row:before {
    display: table;
    content: " "
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle):not(.drop-down__toggle), .btn-link, pre code {
    border-radius: 0
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit
}

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

.container {
    padding-left: 15px;
    padding-right: 15px
}

.container:after {
    clear: both
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:after {
    clear: both
}

.panel-section, .row {
    margin-left: -15px;
    margin-right: -15px
}

.panel-section:after, .row:after {
    clear: both
}

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

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

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

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

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

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

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

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

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

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

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

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

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

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

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

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

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

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

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

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

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

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

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

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

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

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

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .panel-section .panel-content, .panel-section .panel-description, .panel-section .section-description {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4, .panel-section .panel-description, .panel-section .section-description {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8, .panel-section .panel-content {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

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

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

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

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

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

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

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

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .panel-section .panel-content, .panel-section .panel-description, .panel-section .section-description {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3, .panel-section .panel-description, .panel-section .section-description {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8, .panel-section .panel-content {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1, .panel-section .panel-content {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

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

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

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

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

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

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

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

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

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

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

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

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

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

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

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

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

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

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #e7ebf3
}

.table > thead > tr > th {
    vertical-align: bottom
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #e7ebf3
}

.table .table {
    background-color: #fff
}

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

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #e7ebf3
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-hover > tbody > tr:hover, .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fafbfc
}

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-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #eaeef2
}

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

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

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

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

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

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

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

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

.table-responsive {
    overflow-x: auto;
    min-height: .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 #e7ebf3
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }
}

fieldset, legend {
    padding: 0;
    border: 0
}

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

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

label {
    max-width: 100%;
    margin-bottom: 5px
}

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

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

.form-control, output {
    font-size: 14px;
    line-height: 1.42857;
    color: #3F3F44;
    display: block
}

input[type=file] {
    display: block
}

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

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

output {
    padding-top: 7px
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #CFD7E6;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #79589F;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(121, 88, 159, .6)
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fafbfc;
    opacity: 1
}

textarea.form-control {
    height: auto
}

@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-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm > .input-group-btn > input.btn[type=date], .input-group-sm > .input-group-btn > input.btn[type=time], .input-group-sm > .input-group-btn > input.btn[type=datetime-local], .input-group-sm > .input-group-btn > input.btn[type=month], .input-group-sm > input.form-control[type=date], .input-group-sm > input.form-control[type=time], .input-group-sm > input.form-control[type=datetime-local], .input-group-sm > input.form-control[type=month], .input-group-sm > input.input-group-addon[type=date], .input-group-sm > input.input-group-addon[type=time], .input-group-sm > input.input-group-addon[type=datetime-local], .input-group-sm > input.input-group-addon[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg > .input-group-btn > input.btn[type=date], .input-group-lg > .input-group-btn > input.btn[type=time], .input-group-lg > .input-group-btn > input.btn[type=datetime-local], .input-group-lg > .input-group-btn > input.btn[type=month], .input-group-lg > input.form-control[type=date], .input-group-lg > input.form-control[type=time], .input-group-lg > input.form-control[type=datetime-local], .input-group-lg > input.form-control[type=month], .input-group-lg > input.input-group-addon[type=date], .input-group-lg > input.input-group-addon[type=time], .input-group-lg > input.input-group-addon[type=datetime-local], .input-group-lg > input.input-group-addon[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

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

.checkbox-inline, .collapsing, .dropdown, .dropup, .has-feedback, .radio-inline {
    position: relative
}

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

.checkbox-inline, .radio-inline {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.btn-block, .collapse.in, .form-control-feedback, .help-block {
    display: block
}

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

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

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

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg, .form-control-static.input-sm, .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, .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-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

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

.input-group-sm > .input-group-btn > select.btn[multiple], .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select.form-control[multiple], .input-group-sm > select.input-group-addon[multiple], .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm {
    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 select[multiple].form-control, .form-group-sm textarea.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-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

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

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

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

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

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

.form-group-lg .form-control + .form-control-feedback, .input-group-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-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-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-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #74C080
}

.has-success .form-control {
    border-color: #74C080;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #51b060;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #bae0c0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #bae0c0
}

.has-success .input-group-addon {
    color: #74C080;
    border-color: #74C080;
    background-color: #f8fcf9
}

.has-success .form-control-feedback {
    color: #74C080
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #FA9F47
}

.has-warning .form-control {
    border-color: #FA9F47;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #f98515;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fdd3aa;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fdd3aa
}

.has-warning .input-group-addon {
    color: #FA9F47;
    border-color: #FA9F47;
    background-color: #fffaf6
}

.has-warning .form-control-feedback {
    color: #FA9F47
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #D64242
}

.has-error .form-control {
    border-color: #D64242;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #bc2929;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e89696;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e89696
}

.has-error .input-group-addon {
    color: #D64242;
    border-color: #D64242;
    background-color: #fdf6f6
}

.has-error .form-control-feedback {
    color: #D64242
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

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

.help-block {
    margin-bottom: 10px;
    color: #7c7c86
}

@media (min-width: 768px) {
    .form-inline .form-control, .form-inline .form-control-static, .form-inline .form-group {
        display: inline-block
    }

    .form-inline .checkbox, .form-inline .control-label, .form-inline .form-group, .form-inline .radio {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0
    }

    .form-inline .checkbox label, .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

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

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:after, .form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

.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
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
    color: #79589F;
    text-decoration: none
}

.btn.active, .btn:active {
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none
}

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

.btn-default {
    color: #79589F;
    background-color: #fff;
    border-color: #79589F
}

.btn-default.focus, .btn-default:focus {
    color: #79589F;
    background-color: #e6e6e6;
    border-color: #3b2b4d
}

.actions-button .btn-default:focus, .btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.drop-down__toggle, .open > .btn-default.dropdown-toggle {
    color: #79589F;
    background-color: #e6e6e6;
    border-color: #5b4278
}

.actions-button .btn-default:focus, .actions-button .btn-default:hover:focus, .actions-button .focus.btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.drop-down__toggle:focus, .open > .btn-default.drop-down__toggle:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.focus.drop-down__toggle {
    color: #79589F;
    background-color: #d4d4d4;
    border-color: #3b2b4d
}

.actions-button .btn-default:focus, .btn-default.active, .btn-default:active, .open > .btn-default.drop-down__toggle, .open > .btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #79589F
}

.btn-default .badge {
    color: #fff;
    background-color: #79589F
}

.btn-primary {
    border-color: #79589F
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #60467e;
    border-color: #3b2b4d
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.drop-down__toggle, .open > .btn-primary.dropdown-toggle {
    border-color: #5b4278
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.drop-down__toggle:focus, .open > .btn-primary.drop-down__toggle:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.focus.drop-down__toggle {
    color: #fff;
    background-color: #4f3967;
    border-color: #3b2b4d
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.drop-down__toggle, .open > .btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #79589F;
    border-color: #79589F
}

.btn-success {
    border-color: #74C080
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #51b060;
    border-color: #387c43
}

.btn-success.active, .btn-success:active, .btn-success:hover, .open > .btn-success.drop-down__toggle, .open > .btn-success.dropdown-toggle {
    border-color: #4daa5c
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.drop-down__toggle:focus, .open > .btn-success.drop-down__toggle:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.focus.drop-down__toggle {
    color: #fff;
    background-color: #459852;
    border-color: #387c43
}

.btn-success.active, .btn-success:active, .open > .btn-success.drop-down__toggle, .open > .btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #74C080;
    border-color: #74C080
}

.btn-info {
    border-color: #408FEC
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #1774e2;
    border-color: #10519d
}

.btn-info.active, .btn-info:active, .btn-info:hover, .open > .btn-info.drop-down__toggle, .open > .btn-info.dropdown-toggle {
    border-color: #166fd9
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.drop-down__toggle:focus, .open > .btn-info.drop-down__toggle:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.focus.drop-down__toggle {
    color: #fff;
    background-color: #1364c2;
    border-color: #10519d
}

.btn-info.active, .btn-info:active, .open > .btn-info.drop-down__toggle, .open > .btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #408FEC;
    border-color: #408FEC
}

.btn-warning {
    border-color: #FA9F47
}

.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #f98515;
    border-color: #bc5f05
}

.btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .btn-warning.drop-down__toggle, .open > .btn-warning.dropdown-toggle {
    border-color: #f8800b
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.drop-down__toggle:focus, .open > .btn-warning.drop-down__toggle:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.focus.drop-down__toggle {
    color: #fff;
    background-color: #e47306;
    border-color: #bc5f05
}

.btn-warning.active, .btn-warning:active, .open > .btn-warning.drop-down__toggle, .open > .btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #FA9F47;
    border-color: #FA9F47
}

.btn-danger {
    border-color: #D64242
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #bc2929;
    border-color: #7d1b1b
}

.btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .btn-danger.drop-down__toggle, .open > .btn-danger.dropdown-toggle {
    border-color: #b42727
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.drop-down__toggle:focus, .open > .btn-danger.drop-down__toggle:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.focus.drop-down__toggle {
    color: #fff;
    background-color: #9f2222;
    border-color: #7d1b1b
}

.btn-danger.active, .btn-danger:active, .open > .btn-danger.drop-down__toggle, .open > .btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #D64242;
    border-color: #D64242
}

.btn-link {
    color: #79589F
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #61467f;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #EEF1F6;
    text-decoration: none
}

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

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

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

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

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

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

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

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

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

.context-switcher__list, .drop-down__menu, .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

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

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

.context-switcher__list .divider, .drop-down__menu .divider, .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e7ebf3
}

.context-switcher__list > li > a, .drop-down__menu > li > a, .dropdown-menu > li > a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #596981;
    white-space: nowrap
}

.context-switcher__list > li > a:focus, .context-switcher__list > li > a:hover, .drop-down__menu > li > a:focus, .drop-down__menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #3F3F44;
    background-color: #f7f8fb
}

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

.context-switcher__list > .disabled > a, .context-switcher__list > .disabled > a:focus, .context-switcher__list > .disabled > a:hover, .drop-down__menu > .disabled > a, .drop-down__menu > .disabled > a:focus, .drop-down__menu > .disabled > a:hover, .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #CFD7E6
}

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

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

.open > a {
    outline: 0
}

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

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

.badge, .input-group-addon, .label {
    line-height: 1;
    text-align: center
}

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

.pull-right > .context-switcher__list, .pull-right > .drop-down__menu, .pull-right > .dropdown-menu {
    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 .context-switcher__list, .dropup .drop-down__menu, .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .context-switcher__list, .navbar-fixed-bottom .dropdown .drop-down__menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .context-switcher__list, .navbar-right .drop-down__menu, .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

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

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    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:after, .btn-toolbar:before {
    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: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-group {
    float: left
}

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

.btn-group .drop-down__toggle:active, .btn-group .dropdown-toggle:active, .btn-group.open .drop-down__toggle, .btn-group.open .dropdown-toggle {
    outline: 0
}

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

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

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

.btn-group.open .btn-link.drop-down__toggle, .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

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

.dropup .btn-group-lg > .btn .caret, .dropup .btn-lg .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%
}

.media-object.img-thumbnail, .metrics__datastore-chart-switcher .metrics__process-switcher__item-link.active .metrics__process-switcher__item-header, .metrics__datastore-chart-switcher button.metrics__process-switcher__btn, .metrics__datastore-chart-switcher ul.metrics__process-switcher__menu, .nav > li > a > img {
    max-width: none
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before {
    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:first-child:not(:last-child) {
    border-radius: 4px 4px 0 0
}

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

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    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) > .drop-down__toggle, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-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 .context-switcher__list, .btn-group-justified > .btn-group .drop-down__menu, .btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    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 .form-control, .input-group-addon, .input-group-btn {
    display: table-cell
}

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

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #3F3F44;
    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=checkbox], .input-group-addon input[type=radio] {
    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 > .drop-down__toggle, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle):not(.drop-down__toggle) {
    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:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .drop-down__toggle, .input-group-btn:last-child > .dropdown-toggle {
    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:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    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:after, .nav:before {
    content: " ";
    display: table
}

.nav > li, .nav > li > a {
    display: block;
    position: relative
}

.nav:after {
    clear: both
}

.nav > li > a {
    padding: 10px 15px
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #EEF1F6
}

.nav > li.disabled > a {
    color: #CFD7E6
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #CFD7E6;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #EEF1F6;
    border-color: #79589F
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.btn-group-sm > .btn .icon, .btn-sm .icon, .nav-tabs > li > a {
    margin-right: 2px
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    line-height: 1.42857;
    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:focus, .nav-tabs > li.active > a:hover {
    color: #96A3B6;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills > li {
    float: left
}

.nav-justified > li, .nav-stacked > li, .nav-tabs.nav-justified > li {
    float: none
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #79589F
}

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

.nav-justified, .nav-tabs.nav-justified {
    width: 100%
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified > .dropdown .context-switcher__list, .nav-justified > .dropdown .drop-down__menu, .nav-justified > .dropdown .dropdown-menu {
    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
    }
}

.alert, .breadcrumb {
    margin-bottom: 20px
}

.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-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    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-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.breadcrumb > li, .pagination {
    display: inline-block
}

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

.breadcrumb {
    padding: 8px 15px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb > li + li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb > .active {
    color: #CFD7E6
}

.pagination {
    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.42857;
    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:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #61467f;
    background-color: #EEF1F6;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    background-color: #79589F;
    border-color: #79589F;
    cursor: default
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    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.33333
}

.hk-braintree-hosted-fields, .pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    padding: 5px 10px;
    padding: 5px 10px
}

.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 {
    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:after, .pager:before {
    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:focus, .pager li > a:hover {
    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:focus, .pager .disabled > a:hover, .pager .disabled > span {
    color: #CFD7E6;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    color: #fff;
    white-space: nowrap;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

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

.label-default[href]:focus, .label-default[href]:hover {
    background-color: #adbbd5
}

.label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #60467e
}

.label-success[href]:focus, .label-success[href]:hover {
    background-color: #51b060
}

.label-info[href]:focus, .label-info[href]:hover {
    background-color: #1774e2
}

.label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #f98515
}

.label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #bc2929
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #CFD7E6;
    border-radius: 10px
}

.badge:empty, .modal {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs > .btn .badge, .btn-xs .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:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.alert {
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert .dyno-tier-picker-item-size-name, .alert .panel-section .panel-title, .alert h4, .panel-section .alert .panel-title {
    margin-top: 0;
    color: inherit
}

.alert > p + p, .panel-group .panel + .panel, .panel-section .alert > .panel-details + .panel-details, .panel-section .alert > .panel-details + p, .panel-section .alert > p + .panel-details {
    margin-top: 5px
}

.alert .alert-link {
    font-weight: 400
}

.alert > p, .alert > ul, .panel-section .alert > .panel-details {
    margin-bottom: 0
}

.alert-dismissable, .alert-dismissible {
    padding-right: 30px
}

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

.modal, .modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.alert-success {
    background-color: #f8fcf9;
    border-color: #c7e6cc
}

.alert-success hr {
    border-top-color: #b5debc
}

.alert-success .alert-link {
    color: #51b060
}

.alert-info {
    background-color: #f5f9fe;
    border-color: #b3d2f7
}

.alert-info hr {
    border-top-color: #9cc4f5
}

.alert-info .alert-link {
    color: #1774e2
}

.alert-warning {
    background-color: #fffaf6;
    border-color: #fdd9b5
}

.alert-warning hr {
    border-top-color: #fccc9c
}

.alert-warning .alert-link {
    color: #f98515
}

.alert-danger {
    background-color: #fdf6f6;
    border-color: #efb3b3
}

.alert-danger hr {
    border-top-color: #eb9e9e
}

.alert-danger .alert-link {
    color: #bc2929
}

.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-right, .media > .pull-right {
    padding-left: 10px
}

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

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

.btn .icon, .loading-spinner, .media-middle, .nav.sub-nav a i, .nav.sub-nav a > a, .spinner, table.editable-list tr > td, table.static-list tr > td {
    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;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #e7ebf3
}

.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:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    text-decoration: none;
    color: #555;
    background-color: #f7f8fb
}

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

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    background-color: #EEF1F6;
    color: #CFD7E6;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
    color: #CFD7E6
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #408FEC;
    background-color: #fff;
    border-color: #e7ebf3
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .panel-section .list-group-item-heading > .panel-details, .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, .list-group-item.active:focus .panel-section .list-group-item-heading > .panel-details, .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:hover .panel-section .list-group-item-heading > .panel-details, .panel-section .list-group-item.active .list-group-item-heading > .panel-details, .panel-section .list-group-item.active:focus .list-group-item-heading > .panel-details, .panel-section .list-group-item.active:hover .list-group-item-heading > .panel-details {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #408FEC
}

.list-group-item-success {
    color: #74C080;
    background-color: #f8fcf9
}

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:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
    color: #74C080;
    background-color: #e6f4ea
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #74C080;
    border-color: #74C080
}

.list-group-item-info {
    color: #408FEC;
    background-color: #f5f9fe
}

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:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
    color: #408FEC;
    background-color: #deebfc
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #408FEC;
    border-color: #408FEC
}

.list-group-item-warning {
    color: #FA9F47;
    background-color: #fffaf6
}

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:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
    color: #FA9F47;
    background-color: #ffecdd
}

a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #FA9F47;
    border-color: #FA9F47
}

.list-group-item-danger {
    color: #D64242;
    background-color: #fdf6f6
}

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:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
    color: #D64242;
    background-color: #f8e1e1
}

a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #D64242;
    border-color: #D64242
}

.panel-heading > .dropdown .drop-down__toggle, .panel-heading > .dropdown .dropdown-toggle, .panel-section .panel-title > .panel-details, .panel-section .panel-title > .panel-details > a, .panel-title, .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit
}

.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, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-title, .panel > .list-group, .panel > .panel-collapse > .list-group, .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive, .panel > .table-responsive > .table {
    margin-bottom: 0
}

.panel-body {
    padding: 15px
}

.panel-body:after, .panel-body:before {
    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-title {
    margin-top: 0;
    font-size: 16px
}

.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 .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
}

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

.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel > .table-responsive:first-child > .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:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.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, .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: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:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.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, .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: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:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.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, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.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, .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 {
    border-bottom-left-radius: 3px
}

.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, .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 {
    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 #e7ebf3
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0
}

.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0
}

.panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .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-bordered > thead > tr:first-child > td, .panel > .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, .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, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    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: #c7e6cc
}

.panel-success > .panel-heading {
    color: #74C080;
    background-color: #f8fcf9;
    border-color: #c7e6cc
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #c7e6cc
}

.panel-success > .panel-heading .badge {
    color: #f8fcf9;
    background-color: #74C080
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #c7e6cc
}

.panel-info {
    border-color: #b3d2f7
}

.panel-info > .panel-heading {
    color: #408FEC;
    background-color: #f5f9fe;
    border-color: #b3d2f7
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #b3d2f7
}

.panel-info > .panel-heading .badge {
    color: #f5f9fe;
    background-color: #408FEC
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #b3d2f7
}

.panel-warning {
    border-color: #fdd9b5
}

.panel-warning > .panel-heading {
    color: #FA9F47;
    background-color: #fffaf6;
    border-color: #fdd9b5
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fdd9b5
}

.panel-warning > .panel-heading .badge {
    color: #fffaf6;
    background-color: #FA9F47
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fdd9b5
}

.panel-danger {
    border-color: #efb3b3
}

.panel-danger > .panel-heading {
    color: #D64242;
    background-color: #fdf6f6;
    border-color: #efb3b3
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #efb3b3
}

.panel-danger > .panel-heading .badge {
    color: #fdf6f6;
    background-color: #D64242
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #efb3b3
}

.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

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

.modal-content, .popover, .tt-menu {
    background-clip: padding-box
}

.modal-open {
    overflow: hidden
}

.modal {
    overflow: hidden;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before {
    display: table;
    content: " "
}

.modal-content, .modal-dialog {
    position: relative;
    border-radius: 4px
}

.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 .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .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;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #596981
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .85;
    filter: alpha(opacity=85)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:after {
    clear: both
}

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

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

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

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.popover, .tooltip {
    font-weight: 400;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-transform: none;
    word-spacing: normal;
    text-shadow: none;
    text-decoration: none;
    position: absolute;
    font-family: benton-sans, "Helvetica Neue", helvetica, arial, sans-serif;
    font-style: normal;
    white-space: normal;
    word-wrap: normal;
    word-break: normal
}

.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, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    z-index: 1070;
    display: block;
    letter-spacing: normal;
    text-align: start;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.loading-spinner, .modal-title, .nav.sub-nav, .spinner, .tooltip-inner, .u-text-center {
    text-align: center
}

.tooltip.in {
    opacity: .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;
    background-color: #000;
    border-radius: 4px
}

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

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

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

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

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

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

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

.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 {
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    letter-spacing: normal;
    text-align: start;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

label code, pre code {
    box-shadow: none
}

.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: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    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: #999;
    border-top-color: rgba(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: #999;
    border-right-color: rgba(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: #999;
    border-bottom-color: rgba(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: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

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

.clearfix:after, .deploy-steps > li:after, .deploy-steps > li > .icon:after, .deploy-steps > li > .loading-spinner:after, .deploy-steps > li > i:after, .deploy-steps > li > img: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
}

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

.invisible {
    visibility: hidden
}

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

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

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

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .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
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .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
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .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
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }

    .hidden-lg {
        display: none !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
    }
}

.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
    }

    td.visible-print, th.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
    }
}

.u-is-hidden, .visible-print-inline-block {
    display: none !important
}

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

    .hidden-print {
        display: none !important
    }
}

.context-switcher__list a, .drop-down__menu a, .dropdown a, .dropdown-menu a, .list-group-item-link a, .nav a, .navbar a, a.btn, a.list-group-item {
    text-decoration: none
}

@font-face {
    font-family: benton-sans;
    font-style: normal;
    font-weight: 200;
    src: url(/src/assets/style/bentonsans-book.eot) format("embedded-opentype"), url(/src/assets/style/bentonsans-book.woff) format("woff"), url(/src/assets/style/bentonsans-book.ttf) format("truetype")
}

@font-face {
    font-family: benton-sans;
    font-style: normal;
    font-weight: 400;
    src: url(/src/assets/style/bentonsans-regular.eot) format("embedded-opentype"), url(/src/assets/style/bentonsans-regular.woff) format("woff"), url(/src/assets/style/bentonsans-regular.ttf) format("truetype")
}

@font-face {
    font-family: benton-sans;
    font-style: normal;
    font-weight: 700;
    src: url(/src/assets/style/bentonsans-medium.eot?#iefix) format("embedded-opentype"), url(/src/assets/style/bentonsans-medium.woff) format("woff"), url(/src/assets/style/bentonsans-medium.ttf) format("truetype")
}

.dyno-tier-picker-item-size-name, .panel-section .panel-title, h4 {
    font-size: 16px;
    font-weight: 200
}

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

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

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

dl dt {
    font-size: 13px
}

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
}

code, kbd {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

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

.formations-list-item, .metrics__magic-chart-context__group, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > th {
    border-bottom: 1px solid #CFD7E6
}

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

.table > tbody > tr:first-of-type > td, .table > tfoot > tr:first-of-type > td, .table > thead > 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: #fafbfc
}

.table-bordered {
    border: none;
    border-collapse: separate
}

.table-bordered td {
    border-top: none !important
}

.table-bordered td:not(:last-of-type), .table-bordered th:not(:last-of-type) {
    border-right: none !important
}

.table-bordered > thead:first-child > tr:first-child > th {
    border-top: 1px solid #e7ebf3
}

.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
}

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

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

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

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    color: #63a36d
}

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

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    color: #367ac9
}

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

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    color: #d5873c
}

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

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    color: #b63838
}

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

.form-control {
    box-shadow: inset 0 1px 2px rgba(207, 215, 230, .4);
    padding-left: 8px;
    padding-right: 8px
}

.form-control:focus {
    box-shadow: inset 0 1px 2px rgba(207, 215, 230, .2), 0 0 4px rgba(121, 88, 159, .3)
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: default;
    background: rgba(238, 241, 246, .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, .2), 0 0 4px rgba(150, 163, 182, .3)
}

select.form-control:not([multiple]) {
    -webkit-appearance: none;
    border: 1px solid #CFD7E6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

@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) {
    body, button, html, input {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .h5, .h6, .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown > li .btn-link, h5, h6 {
        font-weight: 700
    }

    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==) right 8 px center no-repeat;
        background-size: 7px 11px
    }
}

fieldset[disabled] select.form-control:not([multiple]), select.form-control:not([multiple])[disabled], select.form-control:not([multiple])[readonly] {
    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=) right 8 px center no-repeat #fafbfc
}

@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) {
    fieldset[disabled] select.form-control:not([multiple]), select.form-control:not([multiple])[disabled], select.form-control:not([multiple])[readonly] {
        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) right 8 px center no-repeat #fafbfc;
        background-size: 7px 11px
    }
}

input:-webkit-autofill {
    box-shadow: inset 0 1px 2px rgba(207, 215, 230, .4), inset 0 0 10px 1000px #FFFEDB
}

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

label {
    font-weight: 400
}

.btn, form label {
    font-weight: 700
}

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

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

.radio-inline, .tag-toggle-list {
    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: #f8f7fa;
    border-color: #c9bcd9;
    color: #79589F
}

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

.btn {
    border-radius: 4px;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: background-color ease .2s;
    -o-transition: background-color ease .2s;
    transition: background-color ease .2s
}

.btn.active, .btn:active {
    box-shadow: none;
    outline: 0
}

.btn:focus {
    outline: 0
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    color: #CFD7E6;
    background-color: rgba(238, 241, 246, .3);
    box-shadow: inset 0 0 0 1px #CFD7E6;
    opacity: 1
}

.btn-default, .btn-default:hover {
    box-shadow: inset 0 0 0 1px rgba(121, 88, 159, .6)
}

.btn .icon {
    display: inline-block;
    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:hover {
    background: #FAF7FD;
    color: #79589F
}

.actions-button .btn-default:focus, .btn-default.active, .btn-default:active, .open > .btn-default.drop-down__toggle, .open > .btn-default.dropdown-toggle {
    background: #EEE7F6 !important;
    box-shadow: inset 0 0 0 1px rgba(121, 88, 159, .8)
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover {
    color: #CFD7E6;
    background-color: rgba(238, 241, 246, .3);
    box-shadow: inset 0 0 0 1px #CFD7E6
}

.btn-default .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 {
        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.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .btn-primary.drop-down__toggle, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #8669a9 !important
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.drop-down__toggle, .open > .btn-primary.dropdown-toggle {
    background-color: #78579d !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1) !important
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background: rgba(238, 241, 246, .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.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .btn-success.drop-down__toggle, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #82c68d !important
}

.btn-success.active, .btn-success:active, .open > .btn-success.drop-down__toggle, .open > .btn-success.dropdown-toggle {
    background-color: #73be7f !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1) !important
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background: rgba(238, 241, 246, .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 {
    color: #74C080 !important;
    background: 0 0 !important;
    box-shadow: inset 0 0 0 1px rgba(116, 192, 128, .6)
}

.btn-success.btn-default:hover {
    background: rgba(116, 192, 128, .1) !important;
    box-shadow: inset 0 0 0 1px rgba(116, 192, 128, .6)
}

.actions-button .btn-success.btn-default:focus, .btn-success.btn-default.active, .btn-success.btn-default:active {
    background: rgba(116, 192, 128, .2) !important;
    box-shadow: inset 0 0 0 1px rgba(116, 192, 128, .8) !important
}

.actions-button .btn-success.btn-default[disabled]:focus, .actions-button .btn-success.disabled.btn-default:focus, .actions-button fieldset[disabled] .btn-success.btn-default:focus, .btn-success.btn-default.disabled, .btn-success.btn-default.disabled.active, .btn-success.btn-default.disabled:active, .btn-success.btn-default.disabled:focus, .btn-success.btn-default.disabled:hover, .btn-success.btn-default[disabled], .btn-success.btn-default[disabled].active, .btn-success.btn-default[disabled]:active, .btn-success.btn-default[disabled]:focus, .btn-success.btn-default[disabled]:hover, fieldset[disabled] .actions-button .btn-success.btn-default:focus, fieldset[disabled] .btn-success.btn-default, fieldset[disabled] .btn-success.btn-default.active, fieldset[disabled] .btn-success.btn-default:active, fieldset[disabled] .btn-success.btn-default:focus, fieldset[disabled] .btn-success.btn-default:hover {
    background: rgba(207, 215, 230, .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.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .btn-info.drop-down__toggle, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #539aee !important
}

.btn-info.active, .btn-info:active, .open > .btn-info.drop-down__toggle, .open > .btn-info.dropdown-toggle {
    background-color: #3f8eea !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1) !important
}

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background: rgba(238, 241, 246, .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 {
    color: #408FEC !important;
    background: 0 0 !important;
    box-shadow: inset 0 0 0 1px rgba(64, 143, 236, .6)
}

.btn-info.btn-default:hover {
    background: rgba(64, 143, 236, .1) !important;
    box-shadow: inset 0 0 0 1px rgba(64, 143, 236, .6)
}

.actions-button .btn-info.btn-default:focus, .btn-info.btn-default.active, .btn-info.btn-default:active {
    background: rgba(64, 143, 236, .2) !important;
    box-shadow: inset 0 0 0 1px rgba(64, 143, 236, .8) !important
}

.actions-button .btn-info.btn-default[disabled]:focus, .actions-button .btn-info.disabled.btn-default:focus, .actions-button fieldset[disabled] .btn-info.btn-default:focus, .btn-info.btn-default.disabled, .btn-info.btn-default.disabled.active, .btn-info.btn-default.disabled:active, .btn-info.btn-default.disabled:focus, .btn-info.btn-default.disabled:hover, .btn-info.btn-default[disabled], .btn-info.btn-default[disabled].active, .btn-info.btn-default[disabled]:active, .btn-info.btn-default[disabled]:focus, .btn-info.btn-default[disabled]:hover, fieldset[disabled] .actions-button .btn-info.btn-default:focus, fieldset[disabled] .btn-info.btn-default, fieldset[disabled] .btn-info.btn-default.active, fieldset[disabled] .btn-info.btn-default:active, fieldset[disabled] .btn-info.btn-default:focus, fieldset[disabled] .btn-info.btn-default:hover {
    background: rgba(207, 215, 230, .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.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .btn-warning.drop-down__toggle, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #fba959 !important
}

.btn-warning.active, .btn-warning:active, .open > .btn-warning.drop-down__toggle, .open > .btn-warning.dropdown-toggle {
    background-color: #f89d46 !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1) !important
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background: rgba(238, 241, 246, .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 {
    color: #FA9F47 !important;
    background: 0 0 !important;
    box-shadow: inset 0 0 0 1px rgba(250, 159, 71, .6)
}

.btn-warning.btn-default:hover {
    background: rgba(250, 159, 71, .1) !important;
    box-shadow: inset 0 0 0 1px rgba(250, 159, 71, .6)
}

.actions-button .btn-warning.btn-default:focus, .btn-warning.btn-default.active, .btn-warning.btn-default:active {
    background: rgba(250, 159, 71, .2) !important;
    box-shadow: inset 0 0 0 1px rgba(250, 159, 71, .8) !important
}

.actions-button .btn-warning.btn-default[disabled]:focus, .actions-button .btn-warning.disabled.btn-default:focus, .actions-button fieldset[disabled] .btn-warning.btn-default:focus, .btn-warning.btn-default.disabled, .btn-warning.btn-default.disabled.active, .btn-warning.btn-default.disabled:active, .btn-warning.btn-default.disabled:focus, .btn-warning.btn-default.disabled:hover, .btn-warning.btn-default[disabled], .btn-warning.btn-default[disabled].active, .btn-warning.btn-default[disabled]:active, .btn-warning.btn-default[disabled]:focus, .btn-warning.btn-default[disabled]:hover, fieldset[disabled] .actions-button .btn-warning.btn-default:focus, fieldset[disabled] .btn-warning.btn-default, fieldset[disabled] .btn-warning.btn-default.active, fieldset[disabled] .btn-warning.btn-default:active, fieldset[disabled] .btn-warning.btn-default:focus, fieldset[disabled] .btn-warning.btn-default:hover {
    background: rgba(207, 215, 230, .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.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .btn-danger.drop-down__toggle, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #da5555 !important
}

.btn-danger.active, .btn-danger:active, .open > .btn-danger.drop-down__toggle, .open > .btn-danger.dropdown-toggle {
    background-color: #d44141 !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1) !important
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background: rgba(238, 241, 246, .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 {
    color: #D64242 !important;
    background: 0 0 !important;
    box-shadow: inset 0 0 0 1px rgba(214, 66, 66, .6)
}

.btn-danger.btn-default:hover {
    background: rgba(214, 66, 66, .1) !important;
    box-shadow: inset 0 0 0 1px rgba(214, 66, 66, .6)
}

.actions-button .btn-danger.btn-default:focus, .btn-danger.btn-default.active, .btn-danger.btn-default:active {
    background: rgba(214, 66, 66, .2) !important;
    box-shadow: inset 0 0 0 1px rgba(214, 66, 66, .8) !important
}

.actions-button .btn-danger.btn-default[disabled]:focus, .actions-button .btn-danger.disabled.btn-default:focus, .actions-button fieldset[disabled] .btn-danger.btn-default:focus, .btn-danger.btn-default.disabled, .btn-danger.btn-default.disabled.active, .btn-danger.btn-default.disabled:active, .btn-danger.btn-default.disabled:focus, .btn-danger.btn-default.disabled:hover, .btn-danger.btn-default[disabled], .btn-danger.btn-default[disabled].active, .btn-danger.btn-default[disabled]:active, .btn-danger.btn-default[disabled]:focus, .btn-danger.btn-default[disabled]:hover, fieldset[disabled] .actions-button .btn-danger.btn-default:focus, fieldset[disabled] .btn-danger.btn-default, fieldset[disabled] .btn-danger.btn-default.active, fieldset[disabled] .btn-danger.btn-default:active, fieldset[disabled] .btn-danger.btn-default:focus, fieldset[disabled] .btn-danger.btn-default:hover {
    background: rgba(207, 215, 230, .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.active, .btn-dropbox:active, .btn-dropbox:focus, .btn-dropbox:hover, .open > .btn-dropbox.drop-down__toggle, .open > .btn-dropbox.dropdown-toggle {
    color: #fff;
    background-color: #1a8be8 !important
}

.btn-dropbox.active, .btn-dropbox:active, .open > .btn-dropbox.drop-down__toggle, .open > .btn-dropbox.dropdown-toggle {
    background-color: #007de3 !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1) !important
}

.btn-dropbox.disabled, .btn-dropbox.disabled.active, .btn-dropbox.disabled:active, .btn-dropbox.disabled:focus, .btn-dropbox.disabled:hover, .btn-dropbox[disabled], .btn-dropbox[disabled].active, .btn-dropbox[disabled]:active, .btn-dropbox[disabled]:focus, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox, fieldset[disabled] .btn-dropbox.active, fieldset[disabled] .btn-dropbox:active, fieldset[disabled] .btn-dropbox:focus, fieldset[disabled] .btn-dropbox:hover {
    background: rgba(238, 241, 246, .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 {
    color: #007EE5 !important;
    background: 0 0 !important;
    box-shadow: inset 0 0 0 1px rgba(0, 126, 229, .6)
}

.btn-dropbox.btn-default:hover {
    background: rgba(0, 126, 229, .1) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 126, 229, .6)
}

.actions-button .btn-dropbox.btn-default:focus, .btn-dropbox.btn-default.active, .btn-dropbox.btn-default:active {
    background: rgba(0, 126, 229, .2) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 126, 229, .8) !important
}

.actions-button .btn-dropbox.btn-default[disabled]:focus, .actions-button .btn-dropbox.disabled.btn-default:focus, .actions-button fieldset[disabled] .btn-dropbox.btn-default:focus, .btn-dropbox.btn-default.disabled, .btn-dropbox.btn-default.disabled.active, .btn-dropbox.btn-default.disabled:active, .btn-dropbox.btn-default.disabled:focus, .btn-dropbox.btn-default.disabled:hover, .btn-dropbox.btn-default[disabled], .btn-dropbox.btn-default[disabled].active, .btn-dropbox.btn-default[disabled]:active, .btn-dropbox.btn-default[disabled]:focus, .btn-dropbox.btn-default[disabled]:hover, fieldset[disabled] .actions-button .btn-dropbox.btn-default:focus, fieldset[disabled] .btn-dropbox.btn-default, fieldset[disabled] .btn-dropbox.btn-default.active, fieldset[disabled] .btn-dropbox.btn-default:active, fieldset[disabled] .btn-dropbox.btn-default:focus, fieldset[disabled] .btn-dropbox.btn-default:hover {
    background: rgba(207, 215, 230, .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.active, .btn-github:active, .btn-github:focus, .btn-github:hover, .open > .btn-github.drop-down__toggle, .open > .btn-github.dropdown-toggle {
    color: #fff;
    background-color: #525257 !important
}

.btn-github.active, .btn-github:active, .open > .btn-github.drop-down__toggle, .open > .btn-github.dropdown-toggle {
    background-color: #3e3e43 !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1) !important
}

.btn-github.disabled, .btn-github.disabled.active, .btn-github.disabled:active, .btn-github.disabled:focus, .btn-github.disabled:hover, .btn-github[disabled], .btn-github[disabled].active, .btn-github[disabled]:active, .btn-github[disabled]:focus, .btn-github[disabled]:hover, fieldset[disabled] .btn-github, fieldset[disabled] .btn-github.active, fieldset[disabled] .btn-github:active, fieldset[disabled] .btn-github:focus, fieldset[disabled] .btn-github:hover {
    background: rgba(238, 241, 246, .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 {
    color: #3F3F44 !important;
    background: 0 0 !important;
    box-shadow: inset 0 0 0 1px rgba(63, 63, 68, .6)
}

.btn-github.btn-default:hover {
    background: rgba(63, 63, 68, .1) !important;
    box-shadow: inset 0 0 0 1px rgba(63, 63, 68, .6)
}

.actions-button .btn-github.btn-default:focus, .btn-github.btn-default.active, .btn-github.btn-default:active {
    background: rgba(63, 63, 68, .2) !important;
    box-shadow: inset 0 0 0 1px rgba(63, 63, 68, .8) !important
}

.actions-button .btn-github.btn-default[disabled]:focus, .actions-button .btn-github.disabled.btn-default:focus, .actions-button fieldset[disabled] .btn-github.btn-default:focus, .btn-github.btn-default.disabled, .btn-github.btn-default.disabled.active, .btn-github.btn-default.disabled:active, .btn-github.btn-default.disabled:focus, .btn-github.btn-default.disabled:hover, .btn-github.btn-default[disabled], .btn-github.btn-default[disabled].active, .btn-github.btn-default[disabled]:active, .btn-github.btn-default[disabled]:focus, .btn-github.btn-default[disabled]:hover, fieldset[disabled] .actions-button .btn-github.btn-default:focus, fieldset[disabled] .btn-github.btn-default, fieldset[disabled] .btn-github.btn-default.active, fieldset[disabled] .btn-github.btn-default:active, fieldset[disabled] .btn-github.btn-default:focus, fieldset[disabled] .btn-github.btn-default:hover {
    background: rgba(207, 215, 230, .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: 400
}

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

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

.btn-group-sm > .btn, .btn-sm {
    font-size: 13px
}

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

.btn-group-xs > .btn .icon, .btn-xs .icon {
    margin-right: 0
}

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

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

.context-switcher__list, .drop-down__menu, .dropdown-menu {
    font-size: 13px;
    margin: 2px 0 0;
    box-shadow: 0 3px 20px rgba(89, 105, 129, .3), 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 1px rgba(89, 105, 129, .1);
    border: none
}

.context-switcher__list > li > a, .drop-down__menu > li > a, .dropdown-menu > li > a {
    padding: 4px 12px 3px
}

.context-switcher__list > li > a .icon, .drop-down__menu > li > a .icon, .dropdown-menu > li > a .icon {
    position: relative;
    margin: -2px 4px 0 2px
}

.context-switcher__list .dropdown-menu-scroll, .drop-down__menu .dropdown-menu-scroll, .dropdown-menu .dropdown-menu-scroll {
    overflow: auto;
    max-height: 480px;
    margin: -5px 0;
    padding: 5px 0
}

.context-switcher__list .dropdown-menu-scroll::-webkit-scrollbar, .drop-down__menu .dropdown-menu-scroll::-webkit-scrollbar, .dropdown-menu .dropdown-menu-scroll::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.context-switcher__list .dropdown-menu-scroll::-webkit-scrollbar-thumb, .drop-down__menu .dropdown-menu-scroll::-webkit-scrollbar-thumb, .dropdown-menu .dropdown-menu-scroll::-webkit-scrollbar-thumb {
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background-clip: border-box;
    box-shadow: inset 0 0 0 1px rgba(207, 215, 230, .5);
    background: rgba(207, 215, 230, .5);
    border: 3px solid #fff
}

.context-switcher__list .dropdown-menu-scroll::-webkit-scrollbar-button, .drop-down__menu .dropdown-menu-scroll::-webkit-scrollbar-button, .dropdown-menu .dropdown-menu-scroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

.context-switcher__list .dropdown-menu-scroll > li > a, .drop-down__menu .dropdown-menu-scroll > li > a, .dropdown-menu .dropdown-menu-scroll > li > a {
    display: block;
    padding: 3px 12px;
    clear: both;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.42857;
    color: #596981;
    white-space: nowrap
}

.context-switcher__list .dropdown-menu-scroll > li > a:focus, .context-switcher__list .dropdown-menu-scroll > li > a:hover, .drop-down__menu .dropdown-menu-scroll > li > a:focus, .drop-down__menu .dropdown-menu-scroll > li > a:hover, .dropdown-menu .dropdown-menu-scroll > li > a:focus, .dropdown-menu .dropdown-menu-scroll > li > a:hover {
    text-decoration: none;
    color: #3F3F44;
    background-color: #f7f8fb
}

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

.context-switcher__list .dropdown-menu-scroll > .disabled > a, .context-switcher__list .dropdown-menu-scroll > .disabled > a:focus, .context-switcher__list .dropdown-menu-scroll > .disabled > a:hover, .drop-down__menu .dropdown-menu-scroll > .disabled > a, .drop-down__menu .dropdown-menu-scroll > .disabled > a:focus, .drop-down__menu .dropdown-menu-scroll > .disabled > a:hover, .dropdown-menu .dropdown-menu-scroll > .disabled > a, .dropdown-menu .dropdown-menu-scroll > .disabled > a:focus, .dropdown-menu .dropdown-menu-scroll > .disabled > a:hover {
    color: #CFD7E6
}

.context-switcher__list .dropdown-menu-scroll > .disabled > a:focus, .context-switcher__list .dropdown-menu-scroll > .disabled > a:hover, .drop-down__menu .dropdown-menu-scroll > .disabled > a:focus, .drop-down__menu .dropdown-menu-scroll > .disabled > a:hover, .dropdown-menu .dropdown-menu-scroll > .disabled > a:focus, .dropdown-menu .dropdown-menu-scroll > .disabled > a:hover {
    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.context-switcher__list, .with-point.drop-down__menu {
    margin: 8px 0 0
}

.dropdown-menu.with-point::after, .with-point.context-switcher__list::after, .with-point.drop-down__menu::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.context-switcher__list::after, .with-point.drop-down__menu::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.context-switcher__list::after, .with-point.dropdown-menu-right.drop-down__menu::after {
    left: auto;
    right: 0
}

.dropdown-menu-center.context-switcher__list, .dropdown-menu-center.drop-down__menu, .dropdown-menu.dropdown-menu-center {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dropdown-menu-center.with-point.context-switcher__list::after, .dropdown-menu-center.with-point.drop-down__menu::after, .dropdown-menu.dropdown-menu-center.with-point::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dropup .context-switcher__list, .dropup .drop-down__menu, .dropup .dropdown-menu {
    margin: 0 0 2px
}

.dropup .dropdown-menu.with-point, .dropup .with-point.context-switcher__list, .dropup .with-point.drop-down__menu {
    margin: 0 0 8px
}

.dropup .dropdown-menu.with-point::after, .dropup .with-point.context-switcher__list::after, .dropup .with-point.drop-down__menu::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: 10px 0
}

.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:focus, .list-group-item-link:hover {
    text-decoration: none;
    color: #555;
    background-color: #f7f8fb
}

.list-group-item-link.active:before, a.list-group-item.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;
    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::after, .nav.sub-nav a:hover::after {
    position: absolute;
    height: 1px;
    width: 100%;
    content: '';
    left: 0;
    bottom: 0
}

.nav.sub-nav a.active, .nav.sub-nav a.active-override {
    color: #79589F
}

.nav.sub-nav a:last-child {
    margin-right: 0
}

@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 {
    background: #CFD7E6
}

.nav.sub-nav a.active::after {
    background: #A996C0
}

.nav.sub-nav a > a {
    display: inline;
    color: gray;
    border: none;
    padding: 0
}

.nav.sub-nav a > a:hover {
    background: 0 0
}

.nav.sub-nav a i {
    position: relative;
    top: -1px;
    margin-right: 4px;
    display: inline-block
}

.nav.sub-nav a.active {
    border: none
}

.nav.sub-nav a.active > a {
    color: #408FEC
}

.nav.nav-pills li a .panel-section .connected.panel-details, .nav.nav-pills li a small.connected, .panel-section .nav.nav-pills li a .connected.panel-details {
    font-weight: 700
}

.nav.nav-pills li.deploy-tab.tab-dropbox a {
    color: #007EE5
}

.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.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 .panel-section .panel-details, .nav.nav-pills li.deploy-tab small, .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-content > :first-child, .panel-section .panel-title {
    margin-top: 0
}

.panel-section .panel-description {
    line-height: 24px
}

@media (max-width: 767px) {
    .panel-section .panel-description {
        padding-bottom: 20px
    }
}

.panel-section .panel-title .label {
    position: relative;
    top: -2px;
    margin-left: 4px;
    text-transform: uppercase;
    font-size: 9px;
    padding: 2px 4px 1px
}

.panel-section .panel-title .icon {
    position: relative;
    top: -1px;
    margin-right: 4px
}

.panel-section .panel-details {
    color: #596981;
    margin-bottom: 0
}

.panel-section.danger .panel-title {
    color: #D64242
}

#overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, #overview-page .data-unavailable, .buildpack-installations-list .sortable-item.is-dragging, .content-box, .metrics__chart-sorting .sortable-item.is-dragging, .metrics__monitor-preview-chart__loading, .metrics__not-available, .purple-box {
    position: relative;
    border-radius: 4px
}

.loading-spinner, .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;
    width: 30px;
    height: 6px
}

.loading-spinner i.spinner__dot, .spinner i.spinner__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #96A3B6;
    -webkit-animation: pulse .85s infinite ease-in-out;
    -o-animation: pulse .85s infinite ease-in-out;
    animation: pulse .85s infinite ease-in-out
}

.loading-spinner i.spinner__dot.spinner__dot--one, .spinner i.spinner__dot.spinner__dot--one {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.loading-spinner i.spinner__dot.spinner__dot--two, .spinner i.spinner__dot.spinner__dot--two {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.spinner--inverted.loading-spinner i.spinner__dot, .spinner.spinner--inverted i.spinner__dot {
    background: #fff
}

.btn--saving .loading-spinner, .btn--saving .spinner {
    width: 18px;
    margin-right: 8px;
    opacity: .6
}

.btn--saving .loading-spinner i.spinner__dot, .btn--saving .spinner i.spinner__dot {
    width: 3px;
    height: 3px
}

@-webkit-keyframes pulse {
    0%, 100%, 80% {
        opacity: 0;
        transform: scale(.8)
    }
    40% {
        opacity: 1;
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0%, 100%, 80% {
        opacity: 0;
        transform: scale(.8)
    }
    40% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes pulse {
    0%, 100%, 80% {
        opacity: 0;
        transform: scale(.8)
    }
    40% {
        opacity: 1;
        transform: scale(1)
    }
}

.well {
    background-color: rgba(238, 241, 246, .5);
    box-shadow: inset 0 0 0 1px rgba(89, 105, 129, .1), inset 0 1px 3px rgba(207, 215, 230, .6);
    border: none
}

.modal-dialog {
    box-shadow: 0 3px 20px rgba(63, 63, 68, .5), 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 1px rgba(63, 63, 68, .25)
}

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

.certRadio.checked, .checked.hk-message--danger.certRadio {
    box-shadow: 0 3px 16px 0 rgba(89, 105, 169, .2), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

@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
}

.peerings-table, .u-margin-Txxl {
    margin-top: 40px
}

.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-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
}

.lock-status, .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
}

.build-view, .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, table.editable-list td:first-of-type, table.static-list td:first-of-type {
    padding-left: 0
}

.u-is-hidden {
    visibility: hidden !important
}

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

.metrics__magic-chart-context.is-empty, .u-is-invisible, range-slider-value-indicator.is-hidden, range-slider.disabled range-slider-handle {
    visibility: hidden
}

.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-actionable {
    cursor: pointer
}

.u-is-draggable {
    cursor: move
}

.u-is-disabled {
    cursor: default
}

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

.u-text-end, table.editable-list .new-item {
    text-align: right
}

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

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

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

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

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

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

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

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

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

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

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

.assume-identity, .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: 0 0;
    transition: .4s cubic-bezier(.3, 0, 0, 1)
}

.hk-slide-panel-overlay.is-visible {
    opacity: 1;
    background: rgba(89, 105, 129, .2)
}

.hk-slide-panel-container {
    overflow-y: hidden;
    min-height: 200px;
    transition: transform .4s cubic-bezier(.3, 0, 0, 1)
}

.hk-slide-panel-container.from-left, .hk-slide-panel-container.from-right {
    top: 0;
    height: calc(100% - 20px)
}

@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 {
    left: 0;
    transform: translateX(-400px)
}

.hk-slide-panel-container.from-left.large {
    transform: translateX(-50vw)
}

.is-visible .hk-slide-panel-container.from-left, .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, .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
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .hk-slide-panel-container, .hk-slide-panel-container.from-left, .hk-slide-panel-container.from-right {
        width: calc(100% - 20px)
    }

    .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 {
        min-width: 400px
    }

    .hk-slide-panel-container.from-left, .hk-slide-panel-container.from-right {
        width: 400px
    }

    .hk-slide-panel-container.from-left.large, .hk-slide-panel-container.from-right.large {
        width: 50vw
    }

    .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 {
        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, .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, .is-visible .hk-slide-panel-container.from-top .large {
    transform: translateY(0)
}

.hk-slide-panel-footer, .hk-slide-panel-header {
    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), #fff 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(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), #fff 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) 0 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    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(#FFF 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), #FFF 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-footer, .hk-slide-panel-container.from-bottom .hk-slide-panel-header, .hk-slide-panel-container.from-top .hk-slide-panel-footer, .hk-slide-panel-container.from-top .hk-slide-panel-header {
    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, .15);
    animation: .3s cubic-bezier(.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: #fff;
    animation: .3s cubic-bezier(.3, 0, 0, 1) .1s both hk-slide-up
}

.hk-slide-panel-breakout[hidden] {
    display: block
}

.hk-slide-panel-breakout[hidden] .hk-slide-panel-breakout-overlay {
    animation: .3s cubic-bezier(.3, 0, 0, 1) both hk-fade-out
}

.hk-slide-panel-breakout[hidden] .hk-slide-panel-breakout-content {
    animation: .3s cubic-bezier(.3, 0, 0, 1) both hk-slide-down
}

table.editable-list, table.static-list {
    table-layout: fixed
}

.buildpack-installations-list .editable-list, table.editable-list.ssh-keys, table.table-auto {
    table-layout: auto
}

table.editable-list .icon-cell, table.static-list .icon-cell {
    width: 32px
}

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 .context-switcher__list button, table.editable-list .action-cell .drop-down__menu button, table.static-list .action-cell .context-switcher__list button, table.static-list .action-cell .drop-down__menu button {
    padding: 4px 12px 3px
}

table.editable-list .item-removed td {
    color: #CFD7E6 !important
}

table.editable-list .item-removed td .form-control, table.editable-list .item-removed td a, table.editable-list .item-removed td span {
    color: #CFD7E6 !important;
    text-decoration: line-through
}

table.editable-list .item-removed td img {
    opacity: .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: .6
}

table.editable-list tbody.app-json-config-row {
    border-top: 1px solid #e7ebf3 !important
}

table.editable-list tbody.app-json-config-row td, table.editable-list tbody.app-json-config-row:first-of-type {
    border: none !important
}

.certRadio.checked, .certRadio:hover {
    border: 1px solid #79589f
}

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

.checked.hk-message--danger.certRadio {
    border: 1px solid #de0a0a
}

.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
}

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

.form-control:focus ~ .field-error-message-wrapper, .nav.nav-tabs.sub-nav svg, .nav.nav-tabs.sub-nav.pipeline-nav::after {
    display: none
}

.field-error-message {
    font-size: 11px;
    font-weight: 700;
    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: #fff
}

input.placeholder-value:focus:-moz-placeholder {
    color: #fff
}

input.placeholder-value:focus::-moz-placeholder {
    color: #fff
}

input.placeholder-value:focus:-ms-input-placeholder {
    color: #fff
}

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

@media (min-width: 768px) {
    .edit-first .compacted-item, .edit-first input[type=password], .edit-first input[type=text], .edit-first select, .edit-first textarea {
        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 #e7ebf3
}

.nav.nav-tabs.sub-nav a {
    padding: 11px 10px;
    height: 47px
}

.nav.nav-tabs.sub-nav svg {
    margin: 0
}

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

.addons-quick-add > .twitter-typeahead, .tag-toggle.unchecked {
    background-color: #fff
}

@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 {
        display: none
    }

    .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: 0;
        padding-bottom: 0
    }

    table.collaborator-list tr.collaborator-item .email, table.collaborator-list tr.collaborator-item .form-group, table.collaborator-list tr.collaborator-item .permissions, table.collaborator-list tr.collaborator-item .role {
        display: inline-block
    }

    table.collaborator-list tr.collaborator-item .permissions, table.collaborator-list tr.collaborator-item .role {
        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.editable-list, table.static-list {
        table-layout: auto
    }

    table.collaborator-list tr.collaborator-item td.avatar {
        vertical-align: top
    }

    table.collaborator-list tr.collaborator-item .email, table.collaborator-list tr.collaborator-item .permissions, table.collaborator-list tr.collaborator-item .role {
        padding: 3px 0
    }
}

div.collaborator-list h5 {
    float: left
}

div.collaborator-list div.tooltip-inner a {
    color: #fff
}

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

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

.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 {
    opacity: .3
}

.addons-quick-add .addon-typeahead-cell.disabled .addon-typeahead-title {
    color: #62738D
}

.addons-quick-add .addon-typeahead-cell.disabled .disabled {
    font-size: 11px;
    padding: 3px 7px;
    border-radius: 4px;
    text-transform: uppercase;
    background: #CFD7E6;
    font-weight: 700
}

.addons-table-container.unfocused {
    opacity: .3
}

#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 .panel-section .panel-details, #modal-overlays .ember-modal-dialog.dyno-upgrade-modal p, .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
}

.attachments-dropdown .tooltip-component, .external-link {
    display: inline-block
}

#modal-overlays .ember-modal-dialog.dyno-upgrade-modal .modal-footer .btn + .btn {
    margin: 0 0 12px !important
}

#modal-overlays .ember-modal-dialog.dyno-upgrade-modal .btn-primary {
    -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
}

#modal-overlays .ember-modal-dialog.dyno-upgrade-modal .btn-default {
    -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
}

#modal-overlays .ember-modal-dialog.dyno-upgrade-modal .dyno-upgrade-pricing {
    font-weight: 400
}

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

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

.attachments-dropdown .icon.icon-inline {
    margin-right: 0 !important
}

.attachments-dropdown .malibu-fill-gradient-purple {
    fill: url(#gradient-purple)
}

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

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

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

.app-resource-total-line-item {
    padding-bottom: 15px
}

.app-resource-total-line-item:after, .app-resource-total-line-item:before {
    content: " ";
    display: table
}

.app-resource-total-line-item:after {
    clear: both
}

.app-resource-total-line-item .line-item-label {
    color: #62738D;
    float: left;
    font-weight: 600
}

.app-resource-total-line-item .line-item-values {
    float: right
}

.app-resource-total-line-item .line-item-new-value {
    display: inline-block;
    text-align: right;
    width: 90px
}

.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, .metrics__datastore-chart .metrics__chart__devcenter-link {
    display: none
}

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

.formation-filter-drop-down > button, .formation-filter-drop-down > button:active, .formation-filter-drop-down > button:focus, .formation-filter-drop-down > button:hover {
    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 .context-switcher__list, .formation-filter-drop-down .drop-down__menu {
    margin-top: -20px
}

.label.label-hollow {
    background: 0 0;
    border: 1px solid
}

.label.label-caps {
    font-variant: small-caps;
    padding-top: .03em;
    padding-bottom: .06em
}

.label.label-text {
    background: 0 0;
    font-weight: 700;
    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
}

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

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

.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 .building-failed, .new-app-view .creating-failed, .new-app-view .scaling-failed {
    color: #DE0A0A
}

.new-app-view .is-built, .new-app-view .is-configured, .new-app-view .is-created, .new-app-view .is-deployed, .new-app-view .is-scaled {
    color: #008700
}

.new-app-view .will-build, .new-app-view .will-configure, .new-app-view .will-deploy, .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=password], .new-space-view input[type=text], .new-space-view select, .new-space-view textarea {
        width: 65%
    }
}

.app-list, .first-run, .space-list, .team-list {
    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: 0
}

.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
}

.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 .metrics__summary-row__item, .app-list .apps-list-favorite-item .metrics__summary-row__item {
        border-right: 0
    }

    .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 {
    position: relative;
    padding-left: 10px;
    display: inline-block
}

.app-list .app-count .btn {
    font-size: 13px;
    color: #62738D;
    text-decoration: none
}

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

.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-collaborators-list tr td.org-member-details .member-email, .org-members-list tr td.org-member-details .member-email {
    display: inline-block;
    float: left;
    width: 33%
}

.org-collaborators-list tr td.org-member-details .member-access, .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-status, .org-members-list tr td.org-member-details .member-access, .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-status {
    float: left;
    width: 22%
}

.org-collaborators-list tr td.org-member-details .static, .org-members-list tr td.org-member-details .static {
    min-height: 34px;
    padding: 7px 9px 8px
}

.org-collaborators-list tr td.org-member-details .action-button .icon, .org-members-list tr td.org-member-details .action-button .icon {
    position: relative;
    left: 5px;
    top: -1px
}

.org-collaborators-list tr td.org-member-details .member-auth, .org-members-list tr td.org-member-details .member-auth {
    position: relative
}

.org-collaborators-list tr td.org-member-details .member-auth .member-auth-message, .org-members-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-collaborators-list tr td.org-member-details .member-access, .org-members-list tr td.org-member-details .member-access {
    text-align: right;
    font-size: 12px
}

.org-collaborators-list tr td.org-member-details .member-status, .org-members-list tr td.org-member-details .member-status {
    text-align: center;
    color: #62738D
}

@media (max-width: 768px) {
    .org-collaborators-list tr td.org-member-details .member-email, .org-collaborators-list tr td.org-member-details .member-tfa, .org-members-list tr td.org-member-details .member-email, .org-members-list tr td.org-member-details .member-tfa {
        margin-bottom: 8px
    }

    .org-collaborators-list tr td.org-member-details .member-email, .org-collaborators-list tr td.org-member-details .member-role, .org-members-list tr td.org-member-details .member-email, .org-members-list tr td.org-member-details .member-role {
        width: 65%
    }

    .org-collaborators-list tr td.org-member-details .member-access, .org-collaborators-list tr td.org-member-details .member-tfa, .org-members-list tr td.org-member-details .member-access, .org-members-list tr td.org-member-details .member-tfa {
        width: 35%;
        padding-left: 9px
    }

    .org-collaborators-list tr td.org-member-details .member-access .dropdown, .org-members-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, .5);
    border-bottom: 1px solid rgba(207, 215, 230, .5);
    margin: -10px 0 12px
}

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

@media (min-width: 768px) {
    .org-plan dt {
        width: 190px
    }
}

.org-plan dd .panel-section .panel-details, .org-plan dd small, .panel-section .org-plan dd .panel-details {
    display: block;
    color: #CFD7E6
}

progress[value] {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none
}

.progress-actual progress[value] {
    color: #79589F;
    background: rgba(121, 88, 159, .1);
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(121, 88, 159, .2);
    height: 6px
}

.progress-actual.over-quota progress[value] {
    color: #DE0A0A;
    background: rgba(222, 10, 10, .1);
    box-shadow: inset 0 0 0 1px rgba(222, 10, 10, .2)
}

.progress-allowance progress[value] {
    color: #E3E7EF;
    background: #E3E7EF;
    height: 1px
}

progress::-webkit-progress-bar {
    background: rgba(121, 88, 159, .1);
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(121, 88, 159, .2)
}

.progress-allowance progress::-webkit-progress-bar {
    background: #E3E7EF;
    box-shadow: none
}

progress::-webkit-progress-value {
    background: #79589F;
    border-radius: 2px;
    transition: width .8s ease-in-out
}

.progress-actual.over-quota progress::-webkit-progress-value {
    background: #DE0A0A
}

.progress-allowance progress::-webkit-progress-value {
    background: #CFD7E6;
    height: 3px;
    position: relative;
    top: -1px
}

.progress-allowance 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 .8s ease-in-out
}

.progress-actual.over-quota progress::-moz-progress-bar {
    background: #DE0A0A
}

.progress-allowance progress::-moz-progress-bar {
    height: 3px;
    position: relative;
    margin-top: -1px;
    background: #CFD7E6
}

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

.org-identicon-mini {
    position: relative;
    width: 18px;
    height: 18px;
    font-size: 8px;
    font-weight: 700;
    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, .7);
    background: #62738D;
    border-radius: 50%
}

.org-identicon-mini .info-tooltip-component {
    position: absolute;
    top: 1px;
    left: 1px;
    margin-left: 0;
    opacity: 0
}

.build-view {
    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
}

.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
}

.metrics__legend, .metrics__not-available {
    -webkit-box-orient: vertical;
    -moz-box-direction: normal
}

.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
}

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

.top-nav {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    padding: 12px 20px 10px;
    min-height: 63px;
    margin-top: 18px;
    /*border-bottom: 1px solid #e7ebf3;*/
    -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
}

.lock-status, .tag-toggle-list > div:first-of-type {
    margin-left: 0
}

.feedback-link-sub-nav:hover::after {
    display: none
}

.tag-toggle-list > div {
    display: inline-block;
    margin-right: 4px
}

.lock-status, .tag-toggle-list > div:last-of-type {
    margin-right: 0
}

.tag-toggle {
    padding: 2px 16px;
    border-radius: 4px;
    border: 1px solid gray;
    font-size: 11px
}

.tag-toggle.unchecked {
    color: #79589F;
    border-color: #ad97c6
}

.tag-toggle.actionable.checked, .tag-toggle.checked {
    background-color: #79589F
}

.tag-toggle.checked {
    color: #fff;
    border-color: #79589F
}

.metrics__color--purple-001--legend--border, .metrics__color--purple-002--legend--border, .metrics__color--purple-003--legend--border, .metrics__color--purple-004--legend--border {
    border-color: rgba(121, 88, 159, .7);
    border-style: none;
    border-width: 1px
}

.tag-toggle.show-icon {
    padding-left: 8px;
    padding-right: 8px
}

.tag-toggle.actionable {
    cursor: pointer
}

.tag-toggle.actionable:hover {
    background-color: #9377b3;
    color: #fff
}

.metrics__color--purple-001--background, .metrics__color--purple-001--legend {
    background-color: rgba(121, 88, 159, .1)
}

.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
}

.lock-status {
    position: relative;
    padding: 0 140px 18px 44px;
    box-shadow: 0 1px 0 #e7ebf3
}

.lock-status .panel-section .panel-details, .lock-status p, .panel-section .lock-status .panel-details {
    margin-bottom: 2px;
    font-size: 13px;
    color: #62738D
}

.lock-status .panel-section .panel-details strong, .lock-status p strong, .panel-section .lock-status .panel-details strong {
    font-size: 14px;
    color: #56667D
}

.metrics__color--purple-001--text, .metrics__color--purple-002--text, .metrics__color--purple-003--text, .metrics__color--purple-004--text {
    color: rgba(121, 88, 159, .7)
}

.lock-status .icon {
    position: absolute;
    left: 0;
    top: 4px
}

.lock-status button {
    position: absolute;
    right: 0;
    top: 3px
}

@media (max-width: 480px) {
    .lock-status {
        padding: 0 0 18px 44px
    }

    .lock-status button {
        position: relative;
        margin-top: 8px
    }
}

.metrics__color--purple-001--fill {
    fill: rgba(121, 88, 159, .1)
}

.metrics__color--purple-001--stroke {
    stroke: rgba(121, 88, 159, .7)
}

.metrics__color--purple-001--point {
    fill: rgba(121, 88, 159, .7)
}

.metrics__color--purple-002--background, .metrics__color--purple-002--legend {
    background-color: rgba(121, 88, 159, .3)
}

.metrics__color--purple-002--fill {
    fill: rgba(121, 88, 159, .3)
}

.metrics__color--purple-002--stroke {
    stroke: rgba(121, 88, 159, .7)
}

.metrics__color--purple-002--point {
    fill: rgba(121, 88, 159, .7)
}

.metrics__color--purple-003--background, .metrics__color--purple-003--legend {
    background-color: rgba(121, 88, 159, .5)
}

.metrics__color--purple-003--fill {
    fill: rgba(121, 88, 159, .5)
}

.metrics__color--purple-003--point, .metrics__color--purple-004--fill, .metrics__color--purple-004--point {
    fill: rgba(121, 88, 159, .7)
}

.metrics__color--purple-003--stroke {
    stroke: rgba(121, 88, 159, .7)
}

.metrics__color--purple-004--background, .metrics__color--purple-004--legend {
    background-color: rgba(121, 88, 159, .7)
}

.metrics__color--purple-004--stroke {
    stroke: rgba(121, 88, 159, .7)
}

.metrics__color--blue-001--stroke, .metrics__color--blue-002--stroke, .metrics__color--blue-003--stroke, .metrics__color--blue-004--stroke {
    stroke: rgba(42, 134, 242, .7)
}

.metrics__color--blue-001--background, .metrics__color--blue-001--legend {
    background-color: rgba(42, 134, 242, .1)
}

.metrics__color--blue-001--text, .metrics__color--blue-002--text, .metrics__color--blue-003--text, .metrics__color--blue-004--text {
    color: rgba(42, 134, 242, .7)
}

.metrics__color--blue-001--fill {
    fill: rgba(42, 134, 242, .1)
}

.metrics__color--blue-001--legend--border {
    border-color: rgba(42, 134, 242, .7);
    border-style: none;
    border-width: 1px
}

.metrics__color--blue-001--point {
    fill: rgba(42, 134, 242, .7)
}

.metrics__color--blue-002--background, .metrics__color--blue-002--legend {
    background-color: rgba(42, 134, 242, .3)
}

.metrics__color--blue-002--fill {
    fill: rgba(42, 134, 242, .3)
}

.metrics__color--blue-002--legend--border {
    border-color: rgba(42, 134, 242, .7);
    border-style: none;
    border-width: 1px
}

.metrics__color--blue-002--point {
    fill: rgba(42, 134, 242, .7)
}

.metrics__color--blue-003--background, .metrics__color--blue-003--legend {
    background-color: rgba(42, 134, 242, .5)
}

.metrics__color--blue-003--fill {
    fill: rgba(42, 134, 242, .5)
}

.metrics__color--blue-003--point, .metrics__color--blue-004--fill, .metrics__color--blue-004--point {
    fill: rgba(42, 134, 242, .7)
}

.metrics__color--blue-003--legend--border {
    border-color: rgba(42, 134, 242, .7);
    border-style: none;
    border-width: 1px
}

.metrics__color--blue-004--background, .metrics__color--blue-004--legend {
    background-color: rgba(42, 134, 242, .7)
}

.metrics__color--crit--stroke, .metrics__color--critical--stroke {
    stroke: #D64242
}

.metrics__color--blue-004--legend--border {
    border-color: rgba(42, 134, 242, .7);
    border-style: none;
    border-width: 1px
}

.metrics__color--crit--legend--border, .metrics__color--critical--legend--border {
    border-color: #D64242;
    border-style: none;
    border-width: 1px
}

.metrics__color--crit--background, .metrics__color--crit--legend {
    background-color: rgba(214, 66, 66, .7)
}

.metrics__color--crit--text, .metrics__color--critical--text {
    color: #D64242
}

.metrics__color--crit--fill {
    fill: rgba(214, 66, 66, .7)
}

.metrics__color--crit--point {
    fill: #D64242
}

.metrics__color--critical--fill {
    fill: rgba(214, 66, 66, .7)
}

.metrics__color--critical--legend {
    background-color: #D64242
}

.metrics__color--critical--point {
    fill: #D64242
}

.metrics__color--info--fill, .metrics__color--info--point {
    fill: #96A3B6
}

.metrics__color--critical--background {
    background-color: rgba(214, 66, 66, .7)
}

.metrics__color--info--background, .metrics__color--info--legend {
    background-color: #96A3B6
}

.metrics__color--info--stroke {
    stroke: #96A3B6
}

.metrics__color--info--legend--border {
    border-color: #96A3B6;
    border-style: none;
    border-width: 1px
}

.metrics__color--info-light--fill, .metrics__color--info-light--point {
    fill: #9ba7ba
}

.metrics__color--info-light--background, .metrics__color--info-light--legend {
    background-color: #9ba7ba
}

.metrics__color--info--text {
    color: #96A3B6
}

.metrics__color--info-light--stroke {
    stroke: #9ba7ba
}

.metrics__color--info-light--legend--border {
    border-color: #9ba7ba;
    border-style: none;
    border-width: 1px
}

.metrics__color--activity--fill, .metrics__color--activity--point {
    fill: #56CDFC
}

.metrics__color--activity--background, .metrics__color--activity--legend {
    background-color: #56CDFC
}

.metrics__color--info-light--text {
    color: #9ba7ba
}

.metrics__color--activity--stroke {
    stroke: #56CDFC
}

.metrics__color--activity--legend--border {
    border-color: #56CDFC;
    border-style: none;
    border-width: 1px
}

.metrics__color--warning--fill, .metrics__color--warning--point {
    fill: #FA9F46
}

.metrics__color--warning--background, .metrics__color--warning--legend {
    background-color: #FA9F46
}

.metrics__color--activity--text {
    color: #56CDFC
}

.metrics__color--warning--stroke {
    stroke: #FA9F46
}

.metrics__color--warning--legend--border {
    border-color: #FA9F46;
    border-style: none;
    border-width: 1px
}

.metrics__color--healthy--fill, .metrics__color--healthy--point {
    fill: #4CB75E
}

.metrics__color--healthy--background, .metrics__color--healthy--legend {
    background-color: #4CB75E
}

.metrics__color--warning--text {
    color: #FA9F46
}

.metrics__color--healthy--stroke {
    stroke: #4CB75E
}

.metrics__color--healthy--legend--border {
    border-color: #4CB75E;
    border-style: none;
    border-width: 1px
}

.metrics__color--max--fill, .metrics__color--max--point {
    fill: rgba(121, 88, 159, .7)
}

.metrics__color--healthy--text {
    color: #4CB75E
}

.metrics__color--max--stroke {
    stroke: rgba(121, 88, 159, .7)
}

.metrics__color--max--legend {
    background-color: rgba(89, 105, 129, 0)
}

.metrics__color--max--legend--border {
    border-color: rgba(121, 88, 159, .7);
    border-style: solid;
    border-width: 1px
}

.metrics__color--trend--fill, .metrics__color--trend--point {
    fill: #56CDFC
}

.metrics__color--max--background {
    background-color: rgba(121, 88, 159, .7)
}

.metrics__color--max--text {
    color: rgba(121, 88, 159, .7)
}

.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--threshold--fill, .metrics__color--threshold--point {
    fill: rgba(89, 105, 129, .4)
}

.metrics__color--trend--background {
    background-color: #56CDFC
}

.metrics__color--trend--text {
    color: #56CDFC
}

.metrics__color--threshold--stroke {
    stroke: rgba(89, 105, 129, .4)
}

.metrics__color--threshold--legend {
    background-color: rgba(89, 105, 129, .01)
}

.metrics__color--threshold--legend--border {
    border-color: rgba(89, 105, 129, .5);
    border-style: dashed;
    border-width: 1px
}

.metrics__color--threshold--background {
    background-color: rgba(89, 105, 129, .4)
}

.metrics__color--threshold--text {
    color: rgba(89, 105, 129, .4)
}

.metrics__color--critical-threshold--fill {
    fill: rgba(214, 66, 66, .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, .7)
}

.metrics__color--critical-threshold--text {
    color: #D64242
}

.metrics__color--preview--fill {
    fill: rgba(150, 163, 182, .2)
}

.metrics__color--preview--stroke {
    stroke: rgba(150, 163, 182, .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, .3)
}

.metrics__color--preview--background {
    background-color: rgba(150, 163, 182, .2)
}

.metrics__color--preview--text {
    color: rgba(150, 163, 182, .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;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-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: #c2b2d4;
    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;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-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, .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: 700;
    letter-spacing: .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, .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__chart, .metrics__chart-context {
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical
}

.metrics__timeseries-chart__zone {
    fill: rgba(214, 66, 66, .2)
}

.metrics__timeseries-chart__zone line {
    stroke: rgba(214, 66, 66, .5)
}

.metrics__timeseries-chart__zone__icon path {
    fill: #D64242
}

.metrics__chart {
    display: flex;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    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: 0;
        margin-right: 0
    }

    .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: .4;
    transition: opacity 120ms ease
}

.metrics__chart__devcenter-link:focus, .metrics__chart__devcenter-link:hover {
    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
}

.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
}

#overview-page .app-overview-metrics .metrics__chart--minimal.metrics__summary-row--favorite__link-wrapper, #overview-page .metrics__chart--minimal.data-unavailable, .buildpack-installations-list .metrics__chart--minimal.sortable-item.is-dragging, .metrics__chart--minimal.content-box, .metrics__chart--minimal.metrics__monitor-preview-chart__loading, .metrics__chart--minimal.metrics__not-available, .metrics__chart--minimal.purple-box, .metrics__chart-sorting .metrics__chart--minimal.sortable-item.is-dragging {
    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: #a84000
}

.metrics__chart .metrics__summary-row__value--danger {
    color: #DE0A0A
}

.metrics__chart .metrics__summary-row__unit {
    color: #62738D
}

.metrics__chart-context {
    display: flex;
    box-orient: vertical;
    -webkit-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 0 10px
    }
}

.metrics__magic-chart-context__group {
    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__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-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: 700
}

.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: .25em
}

.metrics__magic-chart-context__item__unit {
    font-size: .8em;
    opacity: .8
}

.metrics__magic-chart-context__item__description {
    color: #62738D;
    font-size: .9em
}

.metrics__magic-chart-context {
    max-width: 300px;
    position: absolute;
    top: 2px;
    background: #fff;
    z-index: 2;
    border: 1px solid #CFD7E6;
    font-size: .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__chart-time {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    padding: .2em;
    background: rgba(254, 255, 228, .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: .6em
}

.metrics__chart-time__hour-wrapper {
    font-size: .8em;
    font-weight: 700;
    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: .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%
}

.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: #fff;
    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__chart__event-indicator.is-selected .metrics__chart__event-indicator__gradient, .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: #61467f;
    color: #61467f
}

.metrics__graph-row__label:hover ~ .metrics__graph-row__explanation {
    opacity: 1
}

.metrics__graph-row__explanation {
    -webkit-transition: .25s linear opacity;
    -o-transition: .25s linear opacity;
    transition: .25s linear opacity;
    opacity: .01
}

.buildpack-installations-list .sortable-item, .metrics__chart-sorting .sortable-item {
    transition: all .125s
}

.metrics__graph-row__explanation text {
    fill: #3F3F44;
    color: #3F3F44;
    font-size: 10px
}

.metrics__graph-row__explanation text.knockout {
    fill: #fff;
    stroke: #fff;
    stroke-width: 6px;
    opacity: .8
}

.metrics__graph-row__alert-icon {
    fill: #D64242
}

.metrics__area {
    stroke: none;
    -webkit-transform: translate(-.5px, .5px);
    -moz-transform: translate(-.5px, .5px);
    -ms-transform: translate(-.5px, .5px);
    -o-transform: translate(-.5px, .5px);
    transform: translate(-.5px, .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__process-switcher__item-link, .metrics__time-picker__btn-content {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    display: -webkit-box
}

.metrics__app-guidance__item {
    margin: 0;
    border-bottom: 1px solid #e9edf3
}

.metrics__app-guidance__item.is-last-visible {
    border-bottom: none
}

.metrics__app-guidance__action-list, .metrics__app-guidance__help-list {
    padding: 4px 0 0;
    list-style: none;
    display: block;
    margin-bottom: 0
}

.metrics__charts-container {
    position: relative
}

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 .metrics__view-controls__toggle-buttons .btn svg {
    width: 22px;
    display: block
}

metrics-chart-controls .metrics__view-controls__toggle-buttons .btn svg * {
    fill: #79589F
}

.invoice-graph g rect, 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: -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;
    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;
    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, .6);
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 6px
}

.metrics__time-picker__menu-item-label {
    color: #56667D;
    font-size: 13px;
    font-weight: 700
}

.metrics__time-picker__menu-item-desc {
    color: #93a5c7
}

.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--selected, .metrics__time-picker__menu-item:active, .metrics__time-picker__menu-item:focus, .metrics__time-picker__menu-item:hover {
    background: rgba(121, 88, 159, .1);
    border-color: rgba(207, 215, 230, .6)
}

.metrics__time-picker__menu-item--selected .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:hover .metrics__time-picker__menu-item-label {
    color: #79589F
}

.metrics__time-picker__menu-item--selected .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:hover .metrics__time-picker__menu-item-desc {
    color: #7189b5
}

.metrics__time-picker__menu-item:last-child {
    border-bottom: 0
}

.metrics__time-picker__menu-item > a:focus, .metrics__time-picker__menu-item > a:hover {
    background: 0 0 !important
}

.metrics__time-picker__menu-item--disabled {
    cursor: not-allowed;
    background: rgba(227, 231, 239, .2)
}

.metrics__time-picker__menu-item--disabled .metrics__time-picker__menu-item-label {
    color: #62738D;
    font-weight: 400
}

.metrics__time-picker__menu-item--disabled .metrics__time-picker__menu-item-desc {
    color: #CFD7E6
}

.metrics__time-picker__menu-item--disabled:active, .metrics__time-picker__menu-item--disabled:focus, .metrics__time-picker__menu-item--disabled:hover {
    background: rgba(227, 231, 239, .2)
}

.metrics__time-picker__menu-item--disabled:active .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:hover .metrics__time-picker__menu-item-label {
    color: #62738D
}

.metrics__time-picker__menu-item--disabled:active .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:hover .metrics__time-picker__menu-item-desc {
    color: #cdd5e5
}

.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:active, .metrics__time-picker__note > .link:focus, .metrics__time-picker__note > .link:hover {
    color: #60467e;
    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.is-dragging {
    position: relative;
    left: -4px;
    z-index: 100;
    cursor: move;
    opacity: .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: #fff;
    box-shadow: inset 0 0 0 1px #cfd7e6
}

.metrics__process-switcher .metrics__process-switcher__btn.is-only-process:active, .metrics__process-switcher .metrics__process-switcher__btn.is-only-process:focus, .metrics__process-switcher .metrics__process-switcher__btn.is-only-process:hover {
    background-color: #fff !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: -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;
    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: 700;
    margin: 0 10px 0 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: 400
}

.metrics__process-switcher__item-content-quantity {
    color: #62738D
}

.metrics__process-switcher__item.selectable:active, .metrics__process-switcher__item.selectable:focus, .metrics__process-switcher__item.selectable:hover {
    transition: background-color ease .2s;
    background: rgba(121, 88, 159, .1);
    border-color: #e1d9ea
}

.metrics__process-switcher__item.selectable:active .metrics__process-switcher__item-header, .metrics__process-switcher__item.selectable:focus .metrics__process-switcher__item-header, .metrics__process-switcher__item.selectable:hover .metrics__process-switcher__item-header {
    color: #79589F
}

.metrics__process-switcher__item.selectable:active .metrics__process-switcher__item-content-quantity, .metrics__process-switcher__item.selectable:focus .metrics__process-switcher__item-content-quantity, .metrics__process-switcher__item.selectable:hover .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: 0 0 !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__label__text-background {
    fill: #79589F;
    stroke: #79589F
}

.metrics__chart__event-indicator.is-selected .metrics__chart__event-indicator__label__text {
    fill: #fff
}

.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, .1)
}

.metrics__chart__event-indicator__label__background {
    fill: #fff
}

.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, .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 .2s ease
}

.metrics__alerting-configuration__item__header:hover {
    background-color: #FBFBFD
}

.metrics__alerting-configuration__item__header .icon {
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -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 .metrics__process-monitor-configuration__toggle__label--on, .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--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, .pay-now table {
    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 .2s ease;
    font-size: 14px;
    color: #CFD7E6;
    font-weight: 400;
    margin-left: 8px
}

.metrics__process-monitor-configuration .metrics__timeseries-chart__line {
    stroke: #C74C00
}

.metrics__process-monitor-configuration .list-group-item {
    background: 0 0
}

.metrics__process-monitor-configuration select.form-control:not([multiple]) {
    background-color: #fff
}

.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__active-alert, .metrics__alert-summary__description, .metrics__alert-summary__label {
    font-size: 12px
}

.metrics__alert-summary button, .metrics__alert-summary__description, .metrics__alert-summary__label {
    opacity: .6;
    transition: opacity .2s ease
}

.metrics__alert-summary__description, .metrics__alert-summary__label {
    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 button, .metrics__chart__footer:hover .metrics__alert-summary__description, .metrics__chart__footer:hover .metrics__alert-summary__label {
    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: .5px;
    color: #62738D;
    text-transform: uppercase;
    font-weight: 700
}

.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: #a84000
}

.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: .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
}

.panel-section .section-description a:not(.no-underline), .production-check-item a {
    text-decoration: underline
}

.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
}

.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: calc(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
    }
}

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

.notification-item {
    padding: 20px 15px
}

.notification-item.read {
    opacity: .6
}

.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: #56CDFC
}

.notification-item .notification-title {
    font-size: 15px;
    margin-top: 4px;
    color: #475366
}

.notification-item .notification-message {
    padding-top: 4px
}

.notification-item .notification-message .panel-section .panel-details, .notification-item .notification-message p, .panel-section .notification-item .notification-message .panel-details {
    color: #56667D;
    font-size: 14px;
    line-height: 21px
}

.notification-item .notification-message .panel-section .panel-details:last-of-type, .notification-item .notification-message p: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 0
}

.notification-item .notification-time {
    color: #62738D;
    font-size: 14px;
    font-weight: 700
}

.notification-item:after {
    content: '';
    clear: both;
    display: block
}

.dropdown-inline, .production-check-item .label, .text-center .flash-messages .flash-message {
    display: inline-block
}

.flash-notification {
    margin: 15px;
    background: #DE0A0A;
    color: #fff;
    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 .panel-section .panel-details, #modal-overlays .ember-modal-dialog.production-check .modal-box .check-message p, .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 #e7ebf3
}

.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 .label {
    position: relative;
    top: -1px;
    margin-right: 6px;
    width: 50px;
    padding: 2px 0 1px;
    line-height: inherit
}

.production-check-item .title {
    font-weight: 700
}

.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: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transition-timing-function: cubic-bezier(.3, 0, 0, 2);
    transition-timing-function: cubic-bezier(.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, .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
}

.flash-messages .flash-message .title {
    font-weight: 700;
    padding-right: 10px
}

.flash-messages .flash-message .content li {
    box-shadow: inset 0 -1px 0 rgba(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: .2s;
    -o-transition: .2s;
    transition: .2s
}

.flash-messages .flash-message .flash-message-close:hover {
    opacity: 1
}

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

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

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

.context-switcher__list, .drop-down__menu, .dropdown-menu {
    z-index: 48
}

.context-switcher__list .filter-menu, .drop-down__menu .filter-menu, .dropdown-menu .filter-menu {
    padding: 2px 12px
}

.context-switcher__list .dropdown-header, .drop-down__menu .dropdown-header, .dropdown-menu .dropdown-header {
    position: relative;
    z-index: 1;
    margin: -5px 0 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    background-color: #FBFBFD;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.context-switcher__list .selected, .drop-down__menu .selected, .dropdown-menu .selected {
    background: #EEF1F6
}

.context-switcher__list .selected .btn-link, .drop-down__menu .selected .btn-link, .dropdown-menu .selected .btn-link {
    position: relative;
    padding-right: 34px
}

.context-switcher__list .selected .btn-link .selected-mark, .drop-down__menu .selected .btn-link .selected-mark, .dropdown-menu .selected .btn-link .selected-mark {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 8px
}

.hk-dropdown a {
    display: flex !important;
    line-height: 1.5 !important;
    padding: 4px 14px 4px 10px !important
}

.hk-dropdown .icon {
    margin: 0 10px 0 0 !important
}

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

    .panel-section .section-description {
        padding-bottom: 20px
    }
}

.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 .panel-details, .panel-section .panel-content p {
    line-height: 22px
}

.panel-section .panel-content .actions.panel-details .btn, .panel-section .panel-content p.actions .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 .dyno-tier-picker-item-size-name, .deploy-section .panel-content .panel-section .panel-title, .deploy-section .panel-content h4, .panel-section .deploy-section .panel-content .panel-title, .panel-section .pipeline-config .panel-content .panel-title, .pipeline-config .panel-content .dyno-tier-picker-item-size-name, .pipeline-config .panel-content .panel-section .panel-title, .pipeline-config .panel-content h4 {
    color: #3F3F44;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px
}

.deploy-section .panel-content .dyno-tier-picker-item-size-name:first-child, .deploy-section .panel-content .panel-section .panel-title:first-child, .deploy-section .panel-content h4:first-child, .panel-section .deploy-section .panel-content .panel-title:first-child, .panel-section .pipeline-config .panel-content .panel-title:first-child, .pipeline-config .panel-content .dyno-tier-picker-item-size-name:first-child, .pipeline-config .panel-content .panel-section .panel-title:first-child, .pipeline-config .panel-content h4:first-child {
    margin-top: 0
}

.deploy-section .panel-content .dyno-tier-picker-item-size-name .icon, .deploy-section .panel-content .panel-section .panel-title .icon, .deploy-section .panel-content h4 .icon, .panel-section .deploy-section .panel-content .panel-title .icon, .panel-section .pipeline-config .panel-content .panel-title .icon, .pipeline-config .panel-content .dyno-tier-picker-item-size-name .icon, .pipeline-config .panel-content .panel-section .panel-title .icon, .pipeline-config .panel-content h4 .icon {
    margin-right: 4px
}

.deploy-section .panel-content .dyno-tier-picker-item-size-name code, .deploy-section .panel-content .panel-section .panel-title code, .deploy-section .panel-content h4 code, .panel-section .deploy-section .panel-content .panel-title code, .panel-section .pipeline-config .panel-content .panel-title code, .pipeline-config .panel-content .dyno-tier-picker-item-size-name code, .pipeline-config .panel-content .panel-section .panel-title code, .pipeline-config .panel-content h4 code {
    padding: 3px 6px;
    margin: 0 4px
}

.deploy-section .panel-content .dyno-tier-picker-item-size-name code .icon, .deploy-section .panel-content .panel-section .panel-title code .icon, .deploy-section .panel-content h4 code .icon, .panel-section .deploy-section .panel-content .panel-title code .icon, .panel-section .pipeline-config .panel-content .panel-title code .icon, .pipeline-config .panel-content .dyno-tier-picker-item-size-name code .icon, .pipeline-config .panel-content .panel-section .panel-title code .icon, .pipeline-config .panel-content h4 code .icon {
    margin-right: -2px;
    margin-top: -1px
}

.deploy-section .panel-content .panel-section .panel-details:not(.help-block), .deploy-section .panel-content p:not(.help-block), .panel-section .deploy-section .panel-content .panel-details:not(.help-block), .panel-section .pipeline-config .panel-content .panel-details:not(.help-block), .pipeline-config .panel-content .panel-section .panel-details:not(.help-block), .pipeline-config .panel-content p: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 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: 400;
    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 .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, .deploy-section .pipeline-status, .pipeline-config .btn, .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, .05)
}

.deploy-section .pipeline-status .list-group-item, .pipeline-config .pipeline-status .list-group-item {
    position: relative;
    background: 0 0
}

.deploy-section .pipeline-status > ul > li.list-group-item, .pipeline-config .pipeline-status > ul > li.list-group-item {
    position: relative;
    margin: 0 -10px;
    padding: 20px 10px 40px
}

.deploy-section .pipeline-status .btn-default:not(:hover), .pipeline-config .pipeline-status .btn-default:not(:hover) {
    background: 0 0
}

.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: #f3f5f8 !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1) !important;
    border-radius: 3px;
    color: #56667D;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    top: -1px;
    margin: 0 2px;
    padding: 3px 5px
}

.github-is-connected .panel-section .panel-details, .github-is-connected p, .panel-section .github-is-connected .panel-details, .panel-section .pipeline-is-connected .panel-details, .pipeline-is-connected .panel-section .panel-details, .pipeline-is-connected p {
    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: 0 0;
    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
}

.ci-menu .ci-meta .branch, .ci-menu .ci-status .test-time.pending, .ci-view .ci-view--meta .repo-info, .repo-link, table.editable-list.ssh-keys td {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.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-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 .panel-section .panel-details, .build-output-modal .modal-body .deploy-steps p, .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: 400;
    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 .panel-section .panel-details, #two-factor .list-group-item .alert p, .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, .7) 10%, #e3e7ef 50%, rgba(227, 231, 239, .7) 90%, rgba(227, 231, 239, 0) 100%);
    background-image: -moz-linear-gradient(left, rgba(227, 231, 239, 0) 0, rgba(227, 231, 239, .7) 10%, #e3e7ef 50%, rgba(227, 231, 239, .7) 90%, rgba(227, 231, 239, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(227, 231, 239, 0) 0, rgba(227, 231, 239, .7) 10%, #e3e7ef 50%, rgba(227, 231, 239, .7) 90%, rgba(227, 231, 239, 0) 100%);
    background-image: linear-gradient(to right, rgba(227, 231, 239, 0) 0, rgba(227, 231, 239, .7) 10%, #e3e7ef 50%, rgba(227, 231, 239, .7) 90%, rgba(227, 231, 239, 0) 100%)
}

@media (max-width: 768px) {
    .edit-password .current-password-field::after {
        width: 100%
    }
}

.panel-section .status.panel-details, p.status {
    font-size: 14px;
    color: #3F3F44;
    padding-bottom: 10px
}

.panel-section .status.panel-details code, p.status code {
    margin-left: 8px;
    font-size: 13px
}

.panel-section .status.panel-details .icon, p.status .icon {
    position: relative;
    margin-right: 4px
}

.panel-section .api-key.panel-details, p.api-key {
    max-width: 320px
}

.panel-section .api-key.success.panel-details input, p.api-key.success input {
    background-color: #74C080;
    color: #fff
}

.third-party-auth {
    margin-bottom: 0
}

.third-party-auth td.party-icon {
    width: 42px
}

.third-party-auth td a {
    white-space: nowrap
}

.panel-section .third-party-auth .panel-details, .third-party-auth .panel-section .panel-details, .third-party-auth p {
    display: inline-block;
    color: #56667D;
    font-size: 13px;
    margin-bottom: 0;
    vertical-align: middle
}

.panel-section .third-party-auth .panel-details b, .third-party-auth .panel-section .panel-details b, .third-party-auth p b {
    font-weight: 400;
    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.application, table td.client, table td.invoice-title, table td.title {
    width: 40%
}

table td.domain, table td.no-charge, table td.pending, table td.permissions, table td.title, table td.void {
    color: #62738D
}

table td.paid {
    color: #008700
}

table td.declined, table td.unpaid {
    font-weight: 700;
    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 .panel-section .panel-details, .current-usage .invoice-row small, .invoices .invoice-row .panel-section .panel-details, .invoices .invoice-row small, .panel-section .current-usage .invoice-row .panel-details, .panel-section .invoices .invoice-row .panel-details, .steps-2fa li {
    color: #62738D
}

.pay-now table {
    position: relative;
    max-width: 60%;
    margin-right: auto
}

.panel-section .pay-now .panel-details b, .pay-now .panel-section .panel-details b, .pay-now p b {
    display: block;
    font-size: 16px;
    padding: 8px 0 14px
}

.steps-2fa {
    padding-left: 0;
    padding-top: 30px;
    padding-bottom: 10px
}

.steps-2fa li {
    position: relative;
    font-size: 13px;
    line-height: 18px;
    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) {
    .pay-now table {
        max-width: 100%
    }

    .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
    }

    .panel-section .steps-2fa li .panel-details, .steps-2fa li .panel-section .panel-details, .steps-2fa li p {
        margin-bottom: 0
    }
}

.instructions-2fa {
    padding-top: 10px
}

.instructions-2fa .alert-warning {
    margin: 20px 0 10px;
    display: inline-block
}

#overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper, #overview-page .instructions-2fa .data-unavailable, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, .instructions-2fa #overview-page .data-unavailable, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging, .instructions-2fa .content-box, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging, .instructions-2fa .metrics__monitor-preview-chart__loading, .instructions-2fa .metrics__not-available, .instructions-2fa .purple-box, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging {
    display: inline-block;
    margin-right: 16px;
    padding: 18px 18px 8px
}

@media (max-width: 1199px) {
    #overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper, #overview-page .instructions-2fa .data-unavailable, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, .instructions-2fa #overview-page .data-unavailable, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging, .instructions-2fa .content-box, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging, .instructions-2fa .metrics__monitor-preview-chart__loading, .instructions-2fa .metrics__not-available, .instructions-2fa .purple-box, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging {
        margin-bottom: 16px
    }
}

#overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper:last-child, #overview-page .instructions-2fa .data-unavailable:last-child, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging:last-child, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper:last-child, .instructions-2fa #overview-page .data-unavailable:last-child, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging:last-child, .instructions-2fa .content-box:last-child, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging:last-child, .instructions-2fa .metrics__monitor-preview-chart__loading:last-child, .instructions-2fa .metrics__not-available:last-child, .instructions-2fa .purple-box:last-child, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging:last-child {
    margin-bottom: 0
}

#overview-page .app-overview-metrics .instructions-2fa .qr-code.metrics__summary-row--favorite__link-wrapper, #overview-page .instructions-2fa .qr-code.data-unavailable, .buildpack-installations-list .instructions-2fa .qr-code.sortable-item.is-dragging, .instructions-2fa #overview-page .app-overview-metrics .qr-code.metrics__summary-row--favorite__link-wrapper, .instructions-2fa #overview-page .qr-code.data-unavailable, .instructions-2fa .buildpack-installations-list .qr-code.sortable-item.is-dragging, .instructions-2fa .metrics__chart-sorting .qr-code.sortable-item.is-dragging, .instructions-2fa .purple-box.qr-code, .instructions-2fa .qr-code.content-box, .instructions-2fa .qr-code.metrics__monitor-preview-chart__loading, .instructions-2fa .qr-code.metrics__not-available, .metrics__chart-sorting .instructions-2fa .qr-code.sortable-item.is-dragging {
    padding: 8px;
    width: 216px
}

#overview-page .app-overview-metrics .instructions-2fa .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 p, #overview-page .instructions-2fa .qr-code.data-unavailable .panel-section .panel-details, #overview-page .instructions-2fa .qr-code.data-unavailable p, .buildpack-installations-list .instructions-2fa .qr-code.sortable-item.is-dragging .panel-section .panel-details, .buildpack-installations-list .instructions-2fa .qr-code.sortable-item.is-dragging p, .instructions-2fa #overview-page .app-overview-metrics .qr-code.metrics__summary-row--favorite__link-wrapper .panel-section .panel-details, .instructions-2fa #overview-page .app-overview-metrics .qr-code.metrics__summary-row--favorite__link-wrapper p, .instructions-2fa #overview-page .qr-code.data-unavailable .panel-section .panel-details, .instructions-2fa #overview-page .qr-code.data-unavailable p, .instructions-2fa .buildpack-installations-list .qr-code.sortable-item.is-dragging .panel-section .panel-details, .instructions-2fa .buildpack-installations-list .qr-code.sortable-item.is-dragging p, .instructions-2fa .metrics__chart-sorting .qr-code.sortable-item.is-dragging .panel-section .panel-details, .instructions-2fa .metrics__chart-sorting .qr-code.sortable-item.is-dragging p, .instructions-2fa .purple-box.qr-code .panel-section .panel-details, .instructions-2fa .purple-box.qr-code p, .instructions-2fa .qr-code.content-box .panel-section .panel-details, .instructions-2fa .qr-code.content-box p, .instructions-2fa .qr-code.metrics__monitor-preview-chart__loading .panel-section .panel-details, .instructions-2fa .qr-code.metrics__monitor-preview-chart__loading p, .instructions-2fa .qr-code.metrics__not-available .panel-section .panel-details, .instructions-2fa .qr-code.metrics__not-available p, .metrics__chart-sorting .instructions-2fa .qr-code.sortable-item.is-dragging .panel-section .panel-details, .metrics__chart-sorting .instructions-2fa .qr-code.sortable-item.is-dragging p, .panel-section #overview-page .app-overview-metrics .instructions-2fa .qr-code.metrics__summary-row--favorite__link-wrapper .panel-details, .panel-section #overview-page .instructions-2fa .qr-code.data-unavailable .panel-details, .panel-section .buildpack-installations-list .instructions-2fa .qr-code.sortable-item.is-dragging .panel-details, .panel-section .instructions-2fa #overview-page .app-overview-metrics .qr-code.metrics__summary-row--favorite__link-wrapper .panel-details, .panel-section .instructions-2fa #overview-page .qr-code.data-unavailable .panel-details, .panel-section .instructions-2fa .buildpack-installations-list .qr-code.sortable-item.is-dragging .panel-details, .panel-section .instructions-2fa .metrics__chart-sorting .qr-code.sortable-item.is-dragging .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 .qr-code.metrics__monitor-preview-chart__loading .panel-details, .panel-section .instructions-2fa .qr-code.metrics__not-available .panel-details, .panel-section .metrics__chart-sorting .instructions-2fa .qr-code.sortable-item.is-dragging .panel-details {
    margin-top: 8px;
    margin-bottom: -2px;
    font-size: 12px;
    line-height: 18px;
    padding: 0 4px
}

#overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper .meta, #overview-page .instructions-2fa .data-unavailable .meta, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging .meta, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .meta, .instructions-2fa #overview-page .data-unavailable .meta, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging .meta, .instructions-2fa .content-box .meta, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging .meta, .instructions-2fa .metrics__monitor-preview-chart__loading .meta, .instructions-2fa .metrics__not-available .meta, .instructions-2fa .purple-box .meta, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging .meta {
    position: relative;
    padding-left: 44px;
    padding-bottom: 16px
}

#overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper .meta h5, #overview-page .instructions-2fa .data-unavailable .meta h5, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging .meta h5, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .meta h5, .instructions-2fa #overview-page .data-unavailable .meta h5, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging .meta h5, .instructions-2fa .content-box .meta h5, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging .meta h5, .instructions-2fa .metrics__monitor-preview-chart__loading .meta h5, .instructions-2fa .metrics__not-available .meta h5, .instructions-2fa .purple-box .meta h5, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging .meta h5 {
    color: #3F3F44;
    font-size: 13px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 2px
}

#overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper .meta a, #overview-page .instructions-2fa .data-unavailable .meta a, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging .meta a, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .meta a, .instructions-2fa #overview-page .data-unavailable .meta a, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging .meta a, .instructions-2fa .content-box .meta a, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging .meta a, .instructions-2fa .metrics__monitor-preview-chart__loading .meta a, .instructions-2fa .metrics__not-available .meta a, .instructions-2fa .purple-box .meta a, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging .meta a {
    color: #62738D;
    text-decoration: none;
    font-size: 12px
}

#overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper .meta a:hover, #overview-page .instructions-2fa .data-unavailable .meta a:hover, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging .meta a:hover, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .meta a:hover, .instructions-2fa #overview-page .data-unavailable .meta a:hover, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging .meta a:hover, .instructions-2fa .content-box .meta a:hover, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging .meta a:hover, .instructions-2fa .metrics__monitor-preview-chart__loading .meta a:hover, .instructions-2fa .metrics__not-available .meta a:hover, .instructions-2fa .purple-box .meta a:hover, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging .meta a:hover {
    color: #3F3F44
}

#overview-page .app-overview-metrics .instructions-2fa .metrics__summary-row--favorite__link-wrapper .meta img, #overview-page .instructions-2fa .data-unavailable .meta img, .buildpack-installations-list .instructions-2fa .sortable-item.is-dragging .meta img, .instructions-2fa #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .meta img, .instructions-2fa #overview-page .data-unavailable .meta img, .instructions-2fa .buildpack-installations-list .sortable-item.is-dragging .meta img, .instructions-2fa .content-box .meta img, .instructions-2fa .metrics__chart-sorting .sortable-item.is-dragging .meta img, .instructions-2fa .metrics__monitor-preview-chart__loading .meta img, .instructions-2fa .metrics__not-available .meta img, .instructions-2fa .purple-box .meta img, .metrics__chart-sorting .instructions-2fa .sortable-item.is-dragging .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 .dyno-tier-picker-item-size-name, .instructions-2fa .steps .panel-section .panel-title, .instructions-2fa .steps h4, .panel-section .instructions-2fa .steps .panel-title {
    color: #3F3F44;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 2px
}

.instructions-2fa .steps .panel-section .panel-details, .instructions-2fa .steps p, .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 0 30px 44px;
    border-bottom: 1px solid #e7ebf3
}

.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, .1);
    border: 1px solid rgba(121, 88, 159, .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
}

.invoice-graph g .quota-limit-marker.is-interpolated, .tt-menu, .x-axis path {
    display: none
}

.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
}

.panel-section .recovery-method .panel-details, .recovery-method .panel-section .panel-details, .recovery-method p {
    font-size: 13px;
    color: #62738D;
    line-height: 24px;
    padding-bottom: 4px
}

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

table.editable-list.ssh-keys td {
    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 rect.quota-limit {
    fill: #f52626
}

.invoice-graph g:hover rect {
    fill: #006DEB
}

.invoice-graph g:hover rect.quota-limit {
    fill: #DE0A0A
}

.invoice-graph g:hover .quota-limit-marker {
    stroke: #1f87ff
}

.x-axis text {
    fill: #CFD7E6;
    font-size: 11px;
    text-anchor: start
}

.x-axis.x-axis-year text {
    fill: #62738D
}

.x-axis line, .x-axis path {
    fill: none;
    stroke: none;
    shape-rendering: crispEdges
}

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

.tt-menu, .typeahead {
    background-color: #fff
}

.is-delinquent a, .is-delinquent button {
    opacity: .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
}

.modal-prompt .modal-title .icon, .two-factor .modal-title .icon {
    position: relative;
    margin-top: -3px;
    margin-right: 3px
}

.modal-prompt .modal-body h5, .two-factor .modal-body h5 {
    font-weight: 700;
    color: #475366
}

.modal-prompt .modal-body .panel-section h5 + .panel-details, .modal-prompt .modal-body h5 + p, .panel-section .modal-prompt .modal-body h5 + .panel-details, .panel-section .two-factor .modal-body h5 + .panel-details, .two-factor .modal-body .panel-section h5 + .panel-details, .two-factor .modal-body h5 + p {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 0 20px
}

.modal-prompt .modal-body .form-control, .two-factor .modal-body .form-control {
    max-width: 340px
}

.modal-prompt .modal-body .form-control.center-block, .two-factor .modal-body .form-control.center-block {
    text-align: center
}

.modal-prompt .modal-body .form-control#sms-phone-number, .two-factor .modal-body .form-control#sms-phone-number {
    max-width: 240px
}

.modal-prompt .modal-body .form-control#sms-confirmation-code, .two-factor .modal-body .form-control#sms-confirmation-code {
    max-width: 160px
}

.modal-prompt .modal-body .panel-section .help-block.panel-details, .modal-prompt .modal-body p.help-block, .panel-section .modal-prompt .modal-body .help-block.panel-details, .panel-section .two-factor .modal-body .help-block.panel-details, .two-factor .modal-body .panel-section .help-block.panel-details, .two-factor .modal-body p.help-block {
    position: relative;
    margin: 8px auto;
    max-width: 380px;
    font-size: 13px
}

.modal-prompt .modal-body .ghe-hostname, .modal-prompt .modal-body .password-prompt-form, .two-factor .modal-body .ghe-hostname, .two-factor .modal-body .password-prompt-form {
    padding-top: 10px
}

.modal-prompt .modal-body .alert, .two-factor .modal-body .alert {
    margin: 0 30px 10px
}

#overview-page .app-overview-metrics .modal-prompt .modal-body .metrics__summary-row--favorite__link-wrapper, #overview-page .app-overview-metrics .two-factor .modal-body .metrics__summary-row--favorite__link-wrapper, #overview-page .modal-prompt .modal-body .data-unavailable, #overview-page .two-factor .modal-body .data-unavailable, .buildpack-installations-list .modal-prompt .modal-body .sortable-item.is-dragging, .buildpack-installations-list .two-factor .modal-body .sortable-item.is-dragging, .metrics__chart-sorting .modal-prompt .modal-body .sortable-item.is-dragging, .metrics__chart-sorting .two-factor .modal-body .sortable-item.is-dragging, .modal-prompt .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, .modal-prompt .modal-body #overview-page .data-unavailable, .modal-prompt .modal-body .buildpack-installations-list .sortable-item.is-dragging, .modal-prompt .modal-body .content-box, .modal-prompt .modal-body .metrics__chart-sorting .sortable-item.is-dragging, .modal-prompt .modal-body .metrics__monitor-preview-chart__loading, .modal-prompt .modal-body .metrics__not-available, .modal-prompt .modal-body .purple-box, .two-factor .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, .two-factor .modal-body #overview-page .data-unavailable, .two-factor .modal-body .buildpack-installations-list .sortable-item.is-dragging, .two-factor .modal-body .content-box, .two-factor .modal-body .metrics__chart-sorting .sortable-item.is-dragging, .two-factor .modal-body .metrics__monitor-preview-chart__loading, .two-factor .modal-body .metrics__not-available, .two-factor .modal-body .purple-box {
    position: relative;
    margin: 16px auto 14px;
    text-align: left;
    max-width: 320px;
    padding: 12px
}

#overview-page .app-overview-metrics .modal-prompt .modal-body .metrics__summary-row--favorite__link-wrapper h5, #overview-page .app-overview-metrics .two-factor .modal-body .metrics__summary-row--favorite__link-wrapper h5, #overview-page .modal-prompt .modal-body .data-unavailable h5, #overview-page .two-factor .modal-body .data-unavailable h5, .buildpack-installations-list .modal-prompt .modal-body .sortable-item.is-dragging h5, .buildpack-installations-list .two-factor .modal-body .sortable-item.is-dragging h5, .metrics__chart-sorting .modal-prompt .modal-body .sortable-item.is-dragging h5, .metrics__chart-sorting .two-factor .modal-body .sortable-item.is-dragging h5, .modal-prompt .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper h5, .modal-prompt .modal-body #overview-page .data-unavailable h5, .modal-prompt .modal-body .buildpack-installations-list .sortable-item.is-dragging h5, .modal-prompt .modal-body .content-box h5, .modal-prompt .modal-body .metrics__chart-sorting .sortable-item.is-dragging h5, .modal-prompt .modal-body .metrics__monitor-preview-chart__loading h5, .modal-prompt .modal-body .metrics__not-available h5, .modal-prompt .modal-body .purple-box h5, .two-factor .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper h5, .two-factor .modal-body #overview-page .data-unavailable h5, .two-factor .modal-body .buildpack-installations-list .sortable-item.is-dragging h5, .two-factor .modal-body .content-box h5, .two-factor .modal-body .metrics__chart-sorting .sortable-item.is-dragging h5, .two-factor .modal-body .metrics__monitor-preview-chart__loading h5, .two-factor .modal-body .metrics__not-available h5, .two-factor .modal-body .purple-box h5 {
    font-size: 13px;
    color: #62738D;
    margin-top: 0
}

#overview-page .app-overview-metrics .modal-prompt .modal-body .metrics__summary-row--favorite__link-wrapper .actions, #overview-page .app-overview-metrics .two-factor .modal-body .metrics__summary-row--favorite__link-wrapper .actions, #overview-page .modal-prompt .modal-body .data-unavailable .actions, #overview-page .two-factor .modal-body .data-unavailable .actions, .buildpack-installations-list .modal-prompt .modal-body .sortable-item.is-dragging .actions, .buildpack-installations-list .two-factor .modal-body .sortable-item.is-dragging .actions, .metrics__chart-sorting .modal-prompt .modal-body .sortable-item.is-dragging .actions, .metrics__chart-sorting .two-factor .modal-body .sortable-item.is-dragging .actions, .modal-prompt .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .actions, .modal-prompt .modal-body #overview-page .data-unavailable .actions, .modal-prompt .modal-body .buildpack-installations-list .sortable-item.is-dragging .actions, .modal-prompt .modal-body .content-box .actions, .modal-prompt .modal-body .metrics__chart-sorting .sortable-item.is-dragging .actions, .modal-prompt .modal-body .metrics__monitor-preview-chart__loading .actions, .modal-prompt .modal-body .metrics__not-available .actions, .modal-prompt .modal-body .purple-box .actions, .two-factor .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .actions, .two-factor .modal-body #overview-page .data-unavailable .actions, .two-factor .modal-body .buildpack-installations-list .sortable-item.is-dragging .actions, .two-factor .modal-body .content-box .actions, .two-factor .modal-body .metrics__chart-sorting .sortable-item.is-dragging .actions, .two-factor .modal-body .metrics__monitor-preview-chart__loading .actions, .two-factor .modal-body .metrics__not-available .actions, .two-factor .modal-body .purple-box .actions {
    overflow: hidden;
    width: 100%
}

#overview-page .app-overview-metrics .modal-prompt .modal-body .metrics__summary-row--favorite__link-wrapper .actions .btn-primary, #overview-page .app-overview-metrics .two-factor .modal-body .metrics__summary-row--favorite__link-wrapper .actions .btn-primary, #overview-page .modal-prompt .modal-body .data-unavailable .actions .btn-primary, #overview-page .two-factor .modal-body .data-unavailable .actions .btn-primary, .buildpack-installations-list .modal-prompt .modal-body .sortable-item.is-dragging .actions .btn-primary, .buildpack-installations-list .two-factor .modal-body .sortable-item.is-dragging .actions .btn-primary, .metrics__chart-sorting .modal-prompt .modal-body .sortable-item.is-dragging .actions .btn-primary, .metrics__chart-sorting .two-factor .modal-body .sortable-item.is-dragging .actions .btn-primary, .modal-prompt .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .actions .btn-primary, .modal-prompt .modal-body #overview-page .data-unavailable .actions .btn-primary, .modal-prompt .modal-body .buildpack-installations-list .sortable-item.is-dragging .actions .btn-primary, .modal-prompt .modal-body .content-box .actions .btn-primary, .modal-prompt .modal-body .metrics__chart-sorting .sortable-item.is-dragging .actions .btn-primary, .modal-prompt .modal-body .metrics__monitor-preview-chart__loading .actions .btn-primary, .modal-prompt .modal-body .metrics__not-available .actions .btn-primary, .modal-prompt .modal-body .purple-box .actions .btn-primary, .two-factor .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .actions .btn-primary, .two-factor .modal-body #overview-page .data-unavailable .actions .btn-primary, .two-factor .modal-body .buildpack-installations-list .sortable-item.is-dragging .actions .btn-primary, .two-factor .modal-body .content-box .actions .btn-primary, .two-factor .modal-body .metrics__chart-sorting .sortable-item.is-dragging .actions .btn-primary, .two-factor .modal-body .metrics__monitor-preview-chart__loading .actions .btn-primary, .two-factor .modal-body .metrics__not-available .actions .btn-primary, .two-factor .modal-body .purple-box .actions .btn-primary {
    float: left
}

#overview-page .app-overview-metrics .modal-prompt .modal-body .metrics__summary-row--favorite__link-wrapper .actions .btn-default, #overview-page .app-overview-metrics .two-factor .modal-body .metrics__summary-row--favorite__link-wrapper .actions .btn-default, #overview-page .modal-prompt .modal-body .data-unavailable .actions .btn-default, #overview-page .two-factor .modal-body .data-unavailable .actions .btn-default, .buildpack-installations-list .modal-prompt .modal-body .sortable-item.is-dragging .actions .btn-default, .buildpack-installations-list .two-factor .modal-body .sortable-item.is-dragging .actions .btn-default, .metrics__chart-sorting .modal-prompt .modal-body .sortable-item.is-dragging .actions .btn-default, .metrics__chart-sorting .two-factor .modal-body .sortable-item.is-dragging .actions .btn-default, .modal-prompt .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .actions .btn-default, .modal-prompt .modal-body #overview-page .data-unavailable .actions .btn-default, .modal-prompt .modal-body .buildpack-installations-list .sortable-item.is-dragging .actions .btn-default, .modal-prompt .modal-body .content-box .actions .btn-default, .modal-prompt .modal-body .metrics__chart-sorting .sortable-item.is-dragging .actions .btn-default, .modal-prompt .modal-body .metrics__monitor-preview-chart__loading .actions .btn-default, .modal-prompt .modal-body .metrics__not-available .actions .btn-default, .modal-prompt .modal-body .purple-box .actions .btn-default, .two-factor .modal-body #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .actions .btn-default, .two-factor .modal-body #overview-page .data-unavailable .actions .btn-default, .two-factor .modal-body .buildpack-installations-list .sortable-item.is-dragging .actions .btn-default, .two-factor .modal-body .content-box .actions .btn-default, .two-factor .modal-body .metrics__chart-sorting .sortable-item.is-dragging .actions .btn-default, .two-factor .modal-body .metrics__monitor-preview-chart__loading .actions .btn-default, .two-factor .modal-body .metrics__not-available .actions .btn-default, .two-factor .modal-body .purple-box .actions .btn-default {
    float: right
}

.modal-prompt .modal-body pre, .two-factor .modal-body pre {
    width: 100%;
    margin: 0
}

.modal-prompt .modal-body pre code, .two-factor .modal-body pre code {
    float: left
}

.modal-prompt .modal-body pre code:first-child, .two-factor .modal-body pre code:first-child {
    margin-right: 20px
}

.modal-prompt .modal-body .resend-link, .two-factor .modal-body .resend-link {
    text-decoration: underline !important;
    border: none
}

.modal-prompt .modal-footer .btn-link, .two-factor .modal-footer .btn-link {
    margin-right: 14px
}

.modal-prompt .modal-footer .btn-default, .two-factor .modal-footer .btn-default {
    margin-right: 6px
}

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

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

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

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

.tt-menu {
    width: 100%;
    margin-top: 4px;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 2px 6px rgba(0, 0, 0, .2);
    max-height: 400px;
    overflow-y: auto
}

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

.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, .1);
    cursor: pointer
}

.tt-suggestion:last-child {
    border-bottom: none
}

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

.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-description {
    color: #62738D;
    flex: 1
}

.addon-typeahead-cell {
    display: flex;
    align-items: center;
    position: relative
}

.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
}

.alert .alert-title {
    font-weight: 700;
    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;
    border-radius: 0;
    border-width: 1px 0;
    padding: 24px 45px
}

.alert--above-footer {
    border-bottom: 0;
    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 .context-switcher__list, .actions-button .drop-down__menu, .actions-button .dropdown-menu {
    position: absolute;
    left: auto;
    right: 0;
    font-size: 12px
}

.actions-button .context-switcher__list li.divider, .actions-button .drop-down__menu li.divider, .actions-button .dropdown-menu 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*=protected-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
}

#pipeline-overview, .pipeline-app.app-suggestion .box, .switch-mode {
    display: -webkit-box;
    display: -moz-box
}

[class*=protected-pipelines-pipeline-] .generic-banner, [class*=protected-pipelines-pipeline-] .message-banner {
    margin: 0 0 1px;
    z-index: 2
}

.protected-pipelines-pipeline-access .main-content, .protected-pipelines-pipeline-settings .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: 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 {
    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, .2);
    background: rgba(207, 215, 230, .2)
}

#pipeline-overview::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(207, 215, 230, .5);
    background: rgba(207, 215, 230, .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 .dyno-tier-picker-item-size-name, #pipeline-overview .stage.review-apps .panel-section .panel-title, #pipeline-overview .stage.review-apps h4, .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 .dyno-tier-picker-item-size-name, #pipeline-overview .stage-header .panel-section .panel-title, #pipeline-overview .stage-header .review-stage-btn, #pipeline-overview .stage-header h4, .panel-section #pipeline-overview .stage-header .panel-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #62738D
}

#pipeline-overview .stage-header .review-stage-btn {
    background: 0 0;
    padding: 0;
    border: none
}

#pipeline-overview .stage-header .add-app {
    background: 0 0 !important
}

#pipeline-overview .stage-header .add-app .icon {
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .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.context-switcher__list, #pipeline-overview .stage-header .review-meta-info.drop-down__menu {
    font-size: 12px;
    white-space: nowrap
}

#pipeline-overview .stage-header .review-meta-info.context-switcher__list .divider, #pipeline-overview .stage-header .review-meta-info.drop-down__menu .divider {
    margin: 5px 0
}

#pipeline-overview .stage-header .review-meta-info.context-switcher__list label, #pipeline-overview .stage-header .review-meta-info.drop-down__menu label {
    display: block;
    padding: 3px 16px 3px 10px
}

#pipeline-overview .stage-header .review-meta-info.context-switcher__list .toggle-auto-destroy-set-stale, #pipeline-overview .stage-header .review-meta-info.drop-down__menu .toggle-auto-destroy-set-stale {
    padding: 0 16px 3px 36px
}

#pipeline-overview .stage-header .review-meta-info.context-switcher__list .toggle-auto-destroy-set-stale .panel-section .panel-details, #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.drop-down__menu .toggle-auto-destroy-set-stale small, .panel-section #pipeline-overview .stage-header .review-meta-info.context-switcher__list .toggle-auto-destroy-set-stale .panel-details, .panel-section #pipeline-overview .stage-header .review-meta-info.drop-down__menu .toggle-auto-destroy-set-stale .panel-details {
    color: #62738D;
    font-size: 11px;
    padding-top: 5px
}

#pipeline-overview .stage-header .review-meta-info.context-switcher__list .toggle-auto-destroy-set-stale .hk-select, #pipeline-overview .stage-header .review-meta-info.drop-down__menu .toggle-auto-destroy-set-stale .hk-select {
    height: 28px
}

#pipeline-overview .stage-header .review-meta-info.context-switcher__list .btn, #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.drop-down__menu a {
    font-size: 12px;
    border-radius: 0;
    padding-left: 12px;
    padding-right: 16px
}

#pipeline-overview .stage-header .review-meta-info.context-switcher__list .btn: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.drop-down__menu a:hover code {
    text-decoration: underline
}

#pipeline-overview .stage-header .review-meta-info.context-switcher__list .icon, #pipeline-overview .stage-header .review-meta-info.drop-down__menu .icon {
    position: relative;
    margin: -1px 4px 0 2px
}

#pipeline-overview .stage-header .review-meta-info.context-switcher__list .form-control, #pipeline-overview .stage-header .review-meta-info.drop-down__menu .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, .5);
    background: rgba(207, 215, 230, .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 .panel-section .panel-details:last-child, #pipeline-overview ul li.empty.initial-state p: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, #pipeline-overview ul.links li {
    margin: 0
}

#pipeline-overview .context-switcher__list .divider, #pipeline-overview .drop-down__menu .divider {
    margin: 5px 0
}

#pipeline-overview .context-switcher__list .btn, #pipeline-overview .context-switcher__list a, #pipeline-overview .drop-down__menu .btn, #pipeline-overview .drop-down__menu a {
    font-size: 13px;
    border-radius: 0
}

#pipeline-overview .context-switcher__list .btn.disabled, #pipeline-overview .context-switcher__list a.disabled, #pipeline-overview .drop-down__menu .btn.disabled, #pipeline-overview .drop-down__menu a.disabled {
    box-shadow: none !important
}

#pipeline-overview .context-switcher__list .btn.disabled .icon, #pipeline-overview .context-switcher__list a.disabled .icon, #pipeline-overview .drop-down__menu .btn.disabled .icon, #pipeline-overview .drop-down__menu a.disabled .icon {
    opacity: .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 .panel-section .panel-details, .modal-body .parent-app-picker label small, .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 .dyno-tier-picker-item-size-name, .modal-body .github-features .panel-section .panel-title, .modal-body .github-features h4, .panel-section .modal-body .github-features .panel-title {
    font-size: 14px;
    font-weight: 400;
    color: #56667D;
    margin: 0;
    padding-top: 10px
}

.modal-body .github-features .panel-section .panel-details, .modal-body .github-features p, .panel-section .modal-body .github-features .panel-details {
    font-size: 13px;
    color: #62738D
}

#review-app-setup {
    padding: 0 50px
}

#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: 400;
    color: #56667D;
    width: auto;
    margin-bottom: 0
}

#review-app-setup #auto-deploy-prs .help-block .panel-section .panel-details, #review-app-setup #auto-deploy-prs .help-block small, #review-app-setup #auto-destroy-prs .help-block .panel-section .panel-details, #review-app-setup #auto-destroy-prs .help-block small, #review-app-setup #review-app-space .help-block .panel-section .panel-details, #review-app-setup #review-app-space .help-block small, #review-app-setup .enable-option .help-block .panel-section .panel-details, #review-app-setup .enable-option .help-block small, .panel-section #review-app-setup #auto-deploy-prs .help-block .panel-details, .panel-section #review-app-setup #auto-destroy-prs .help-block .panel-details, .panel-section #review-app-setup #review-app-space .help-block .panel-details, .panel-section #review-app-setup .enable-option .help-block .panel-details, .pipeline-app .pr-info .pr-meta {
    font-size: 12px
}

#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-destroy-prs, #review-app-setup #review-app-space {
    border-top: 1px solid #E3E7EF;
    padding-top: 12px
}

#review-app-setup #auto-destroy-prs .icon, #review-app-setup #review-app-space .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: 0 0 !important;
    -webkit-transition: opacity ease .7s;
    -o-transition: opacity ease .7s;
    transition: opacity ease .7s
}

.pipeline-app:not(.app-suggestion):last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.pipeline-app.is-saving, .pipeline-app.is-updated {
    opacity: .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 .badge {
    color: #fff;
    font-size: 10px;
    padding: 3px 4px 2px;
    margin: 0 2px;
    transition: background ease .2s
}

.pipeline-app .badge.badge-failed {
    background: #DE0A0A
}

.pipeline-app .badge.badge-success {
    background: #008700
}

.pipeline-app .build-info, .pipeline-app .promotion-info, .pipeline-app .release-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;
    box-shadow: inset 0 1px 0 #E3E7EF, inset 0 -1px 0 #E3E7EF
}

.pipeline-app .build-info:last-child, .pipeline-app .promotion-info:last-child, .pipeline-app .release-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 .promotion-info .loading-spinner, .pipeline-app .release-info .loading-spinner {
    margin-top: 6px
}

.pipeline-app .build-info .loading-spinner + span, .pipeline-app .promotion-info .loading-spinner + span, .pipeline-app .release-info .loading-spinner + span {
    padding-left: 4px
}

.pipeline-app .build-info span, .pipeline-app .promotion-info span, .pipeline-app .release-info span {
    font-size: 12px;
    color: #56667D
}

.pipeline-app .build-info span.build-status, .pipeline-app .build-info span.promotion-status, .pipeline-app .build-info span.release-status, .pipeline-app .promotion-info span.build-status, .pipeline-app .promotion-info span.promotion-status, .pipeline-app .promotion-info span.release-status, .pipeline-app .release-info span.build-status, .pipeline-app .release-info span.promotion-status, .pipeline-app .release-info span.release-status {
    position: relative;
    top: 2px;
    display: inline-block
}

.pipeline-app .build-info span:first-letter, .pipeline-app .promotion-info span:first-letter, .pipeline-app .release-info span:first-letter {
    text-transform: uppercase
}

#overview-page .formation-tier .panel-section .panel-details b, #overview-page .formation-tier p b, .panel-section #overview-page .formation-tier .panel-details b, .pipeline-app .build-info .promotion-failures:first-letter, .pipeline-app .build-info span .badge:first-letter, .pipeline-app .promotion-info .promotion-failures:first-letter, .pipeline-app .promotion-info span .badge:first-letter, .pipeline-app .release-info .promotion-failures:first-letter, .pipeline-app .release-info span .badge:first-letter {
    text-transform: lowercase
}

.pipeline-app .build-info span .btn-link, .pipeline-app .promotion-info span .btn-link, .pipeline-app .release-info span .btn-link {
    color: #79589F;
    display: inline;
    font-size: 12px;
    text-decoration: underline
}

.pipeline-app .build-info span .badge, .pipeline-app .promotion-info span .badge, .pipeline-app .release-info span .badge {
    font-size: 10px;
    color: #fff
}

.pipeline-app .build-info code, .pipeline-app .promotion-info code, .pipeline-app .release-info code {
    padding-bottom: 1px
}

.pipeline-app .build-info .promotion-failures, .pipeline-app .build-info .release-detail, .pipeline-app .promotion-info .promotion-failures, .pipeline-app .promotion-info .release-detail, .pipeline-app .release-info .promotion-failures, .pipeline-app .release-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 .promotion-info .promotion-failures code, .pipeline-app .promotion-info .release-detail code, .pipeline-app .release-info .promotion-failures code, .pipeline-app .release-info .release-detail code {
    display: inline-block;
    margin: 3px 2px 2px 0
}

.pipeline-app .build-info .release-detail-button, .pipeline-app .promotion-info .release-detail-button, .pipeline-app .release-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.promotion-failed, .pipeline-app .build-info.release-failed, .pipeline-app .promotion-info.build-failed, .pipeline-app .promotion-info.promotion-failed, .pipeline-app .promotion-info.release-failed, .pipeline-app .release-info.build-failed, .pipeline-app .release-info.promotion-failed, .pipeline-app .release-info.release-failed {
    background: #fdf6f6;
    box-shadow: inset 0 1px 0 rgba(239, 179, 179, .6), inset 0 -1px 0 rgba(239, 179, 179, .6)
}

.pipeline-app .build-info.build-failed:last-child, .pipeline-app .build-info.promotion-failed:last-child, .pipeline-app .build-info.release-failed:last-child, .pipeline-app .promotion-info.build-failed:last-child, .pipeline-app .promotion-info.promotion-failed:last-child, .pipeline-app .promotion-info.release-failed:last-child, .pipeline-app .release-info.build-failed:last-child, .pipeline-app .release-info.promotion-failed:last-child, .pipeline-app .release-info.release-failed:last-child {
    box-shadow: inset 0 1px 0 rgba(239, 179, 179, .6)
}

.panel-section .pipeline-app .build-info.build-failed .panel-details, .panel-section .pipeline-app .build-info.build-failed .panel-details .btn-link, .panel-section .pipeline-app .build-info.promotion-failed .panel-details, .panel-section .pipeline-app .build-info.promotion-failed .panel-details .btn-link, .panel-section .pipeline-app .build-info.release-failed .panel-details, .panel-section .pipeline-app .build-info.release-failed .panel-details .btn-link, .panel-section .pipeline-app .promotion-info.build-failed .panel-details, .panel-section .pipeline-app .promotion-info.build-failed .panel-details .btn-link, .panel-section .pipeline-app .promotion-info.promotion-failed .panel-details, .panel-section .pipeline-app .promotion-info.promotion-failed .panel-details .btn-link, .panel-section .pipeline-app .promotion-info.release-failed .panel-details, .panel-section .pipeline-app .promotion-info.release-failed .panel-details .btn-link, .panel-section .pipeline-app .release-info.build-failed .panel-details, .panel-section .pipeline-app .release-info.build-failed .panel-details .btn-link, .panel-section .pipeline-app .release-info.promotion-failed .panel-details, .panel-section .pipeline-app .release-info.promotion-failed .panel-details .btn-link, .panel-section .pipeline-app .release-info.release-failed .panel-details, .panel-section .pipeline-app .release-info.release-failed .panel-details .btn-link, .pipeline-app .build-info.build-failed .panel-section .panel-details, .pipeline-app .build-info.build-failed .panel-section .panel-details .btn-link, .pipeline-app .build-info.build-failed small, .pipeline-app .build-info.build-failed small .btn-link, .pipeline-app .build-info.build-failed span, .pipeline-app .build-info.build-failed span .btn-link, .pipeline-app .build-info.promotion-failed .panel-section .panel-details, .pipeline-app .build-info.promotion-failed .panel-section .panel-details .btn-link, .pipeline-app .build-info.promotion-failed small, .pipeline-app .build-info.promotion-failed small .btn-link, .pipeline-app .build-info.promotion-failed span, .pipeline-app .build-info.promotion-failed span .btn-link, .pipeline-app .build-info.release-failed .panel-section .panel-details, .pipeline-app .build-info.release-failed .panel-section .panel-details .btn-link, .pipeline-app .build-info.release-failed small, .pipeline-app .build-info.release-failed small .btn-link, .pipeline-app .build-info.release-failed span, .pipeline-app .build-info.release-failed span .btn-link, .pipeline-app .promotion-info.build-failed .panel-section .panel-details, .pipeline-app .promotion-info.build-failed .panel-section .panel-details .btn-link, .pipeline-app .promotion-info.build-failed small, .pipeline-app .promotion-info.build-failed small .btn-link, .pipeline-app .promotion-info.build-failed span, .pipeline-app .promotion-info.build-failed span .btn-link, .pipeline-app .promotion-info.promotion-failed .panel-section .panel-details, .pipeline-app .promotion-info.promotion-failed .panel-section .panel-details .btn-link, .pipeline-app .promotion-info.promotion-failed small, .pipeline-app .promotion-info.promotion-failed small .btn-link, .pipeline-app .promotion-info.promotion-failed span, .pipeline-app .promotion-info.promotion-failed span .btn-link, .pipeline-app .promotion-info.release-failed .panel-section .panel-details, .pipeline-app .promotion-info.release-failed .panel-section .panel-details .btn-link, .pipeline-app .promotion-info.release-failed small, .pipeline-app .promotion-info.release-failed small .btn-link, .pipeline-app .promotion-info.release-failed span, .pipeline-app .promotion-info.release-failed span .btn-link, .pipeline-app .release-info.build-failed .panel-section .panel-details, .pipeline-app .release-info.build-failed .panel-section .panel-details .btn-link, .pipeline-app .release-info.build-failed small, .pipeline-app .release-info.build-failed small .btn-link, .pipeline-app .release-info.build-failed span, .pipeline-app .release-info.build-failed span .btn-link, .pipeline-app .release-info.promotion-failed .panel-section .panel-details, .pipeline-app .release-info.promotion-failed .panel-section .panel-details .btn-link, .pipeline-app .release-info.promotion-failed small, .pipeline-app .release-info.promotion-failed small .btn-link, .pipeline-app .release-info.promotion-failed span, .pipeline-app .release-info.promotion-failed span .btn-link, .pipeline-app .release-info.release-failed .panel-section .panel-details, .pipeline-app .release-info.release-failed .panel-section .panel-details .btn-link, .pipeline-app .release-info.release-failed small, .pipeline-app .release-info.release-failed small .btn-link, .pipeline-app .release-info.release-failed span, .pipeline-app .release-info.release-failed span .btn-link {
    color: #DE0A0A
}

.panel-section .pipeline-app .build-info.build-failed .panel-details code, .panel-section .pipeline-app .build-info.promotion-failed .panel-details code, .panel-section .pipeline-app .build-info.release-failed .panel-details code, .panel-section .pipeline-app .promotion-info.build-failed .panel-details code, .panel-section .pipeline-app .promotion-info.promotion-failed .panel-details code, .panel-section .pipeline-app .promotion-info.release-failed .panel-details code, .panel-section .pipeline-app .release-info.build-failed .panel-details code, .panel-section .pipeline-app .release-info.promotion-failed .panel-details code, .panel-section .pipeline-app .release-info.release-failed .panel-details code, .pipeline-app .build-info.build-failed .panel-section .panel-details code, .pipeline-app .build-info.build-failed small code, .pipeline-app .build-info.build-failed span code, .pipeline-app .build-info.promotion-failed .panel-section .panel-details code, .pipeline-app .build-info.promotion-failed small code, .pipeline-app .build-info.promotion-failed span code, .pipeline-app .build-info.release-failed .panel-section .panel-details code, .pipeline-app .build-info.release-failed small code, .pipeline-app .build-info.release-failed span code, .pipeline-app .promotion-info.build-failed .panel-section .panel-details code, .pipeline-app .promotion-info.build-failed small code, .pipeline-app .promotion-info.build-failed span code, .pipeline-app .promotion-info.promotion-failed .panel-section .panel-details code, .pipeline-app .promotion-info.promotion-failed small code, .pipeline-app .promotion-info.promotion-failed span code, .pipeline-app .promotion-info.release-failed .panel-section .panel-details code, .pipeline-app .promotion-info.release-failed small code, .pipeline-app .promotion-info.release-failed span code, .pipeline-app .release-info.build-failed .panel-section .panel-details code, .pipeline-app .release-info.build-failed small code, .pipeline-app .release-info.build-failed span code, .pipeline-app .release-info.promotion-failed .panel-section .panel-details code, .pipeline-app .release-info.promotion-failed small code, .pipeline-app .release-info.promotion-failed span code, .pipeline-app .release-info.release-failed .panel-section .panel-details code, .pipeline-app .release-info.release-failed small code, .pipeline-app .release-info.release-failed span code {
    color: #DE0A0A;
    background: rgba(222, 10, 10, .1);
    box-shadow: inset 0 0 0 1px rgba(222, 10, 10, .4)
}

.panel-section .pipeline-app .build-info.build-failed .panel-details .badge, .panel-section .pipeline-app .build-info.promotion-failed .panel-details .badge, .panel-section .pipeline-app .build-info.release-failed .panel-details .badge, .panel-section .pipeline-app .promotion-info.build-failed .panel-details .badge, .panel-section .pipeline-app .promotion-info.promotion-failed .panel-details .badge, .panel-section .pipeline-app .promotion-info.release-failed .panel-details .badge, .panel-section .pipeline-app .release-info.build-failed .panel-details .badge, .panel-section .pipeline-app .release-info.promotion-failed .panel-details .badge, .panel-section .pipeline-app .release-info.release-failed .panel-details .badge, .pipeline-app .build-info.build-failed .panel-section .panel-details .badge, .pipeline-app .build-info.build-failed small .badge, .pipeline-app .build-info.build-failed span .badge, .pipeline-app .build-info.promotion-failed .panel-section .panel-details .badge, .pipeline-app .build-info.promotion-failed small .badge, .pipeline-app .build-info.promotion-failed span .badge, .pipeline-app .build-info.release-failed .panel-section .panel-details .badge, .pipeline-app .build-info.release-failed small .badge, .pipeline-app .build-info.release-failed span .badge, .pipeline-app .promotion-info.build-failed .panel-section .panel-details .badge, .pipeline-app .promotion-info.build-failed small .badge, .pipeline-app .promotion-info.build-failed span .badge, .pipeline-app .promotion-info.promotion-failed .panel-section .panel-details .badge, .pipeline-app .promotion-info.promotion-failed small .badge, .pipeline-app .promotion-info.promotion-failed span .badge, .pipeline-app .promotion-info.release-failed .panel-section .panel-details .badge, .pipeline-app .promotion-info.release-failed small .badge, .pipeline-app .promotion-info.release-failed span .badge, .pipeline-app .release-info.build-failed .panel-section .panel-details .badge, .pipeline-app .release-info.build-failed small .badge, .pipeline-app .release-info.build-failed span .badge, .pipeline-app .release-info.promotion-failed .panel-section .panel-details .badge, .pipeline-app .release-info.promotion-failed small .badge, .pipeline-app .release-info.promotion-failed span .badge, .pipeline-app .release-info.release-failed .panel-section .panel-details .badge, .pipeline-app .release-info.release-failed small .badge, .pipeline-app .release-info.release-failed span .badge {
    color: #fff
}

.pipeline-app .build-info.promotion-succeeded, .pipeline-app .build-info.release-succeeded, .pipeline-app .promotion-info.promotion-succeeded, .pipeline-app .promotion-info.release-succeeded, .pipeline-app .release-info.promotion-succeeded, .pipeline-app .release-info.release-succeeded {
    background: #f8fcf9;
    box-shadow: inset 0 1px 0 rgba(199, 230, 204, .6), inset 0 -1px 0 rgba(199, 230, 204, .6)
}

.pipeline-app .build-info.promotion-succeeded:last-child, .pipeline-app .build-info.release-succeeded:last-child, .pipeline-app .promotion-info.promotion-succeeded:last-child, .pipeline-app .promotion-info.release-succeeded:last-child, .pipeline-app .release-info.promotion-succeeded:last-child, .pipeline-app .release-info.release-succeeded:last-child {
    box-shadow: inset 0 1px 0 rgba(199, 230, 204, .6)
}

.panel-section .pipeline-app .build-info.promotion-succeeded .panel-details, .panel-section .pipeline-app .build-info.promotion-succeeded .panel-details .btn-link, .panel-section .pipeline-app .build-info.release-succeeded .panel-details, .panel-section .pipeline-app .build-info.release-succeeded .panel-details .btn-link, .panel-section .pipeline-app .promotion-info.promotion-succeeded .panel-details, .panel-section .pipeline-app .promotion-info.promotion-succeeded .panel-details .btn-link, .panel-section .pipeline-app .promotion-info.release-succeeded .panel-details, .panel-section .pipeline-app .promotion-info.release-succeeded .panel-details .btn-link, .panel-section .pipeline-app .release-info.promotion-succeeded .panel-details, .panel-section .pipeline-app .release-info.promotion-succeeded .panel-details .btn-link, .panel-section .pipeline-app .release-info.release-succeeded .panel-details, .panel-section .pipeline-app .release-info.release-succeeded .panel-details .btn-link, .pipeline-app .build-info.promotion-succeeded .panel-section .panel-details, .pipeline-app .build-info.promotion-succeeded .panel-section .panel-details .btn-link, .pipeline-app .build-info.promotion-succeeded small, .pipeline-app .build-info.promotion-succeeded small .btn-link, .pipeline-app .build-info.promotion-succeeded span, .pipeline-app .build-info.promotion-succeeded span .btn-link, .pipeline-app .build-info.release-succeeded .panel-section .panel-details, .pipeline-app .build-info.release-succeeded .panel-section .panel-details .btn-link, .pipeline-app .build-info.release-succeeded small, .pipeline-app .build-info.release-succeeded small .btn-link, .pipeline-app .build-info.release-succeeded span, .pipeline-app .build-info.release-succeeded span .btn-link, .pipeline-app .promotion-info.promotion-succeeded .panel-section .panel-details, .pipeline-app .promotion-info.promotion-succeeded .panel-section .panel-details .btn-link, .pipeline-app .promotion-info.promotion-succeeded small, .pipeline-app .promotion-info.promotion-succeeded small .btn-link, .pipeline-app .promotion-info.promotion-succeeded span, .pipeline-app .promotion-info.promotion-succeeded span .btn-link, .pipeline-app .promotion-info.release-succeeded .panel-section .panel-details, .pipeline-app .promotion-info.release-succeeded .panel-section .panel-details .btn-link, .pipeline-app .promotion-info.release-succeeded small, .pipeline-app .promotion-info.release-succeeded small .btn-link, .pipeline-app .promotion-info.release-succeeded span, .pipeline-app .promotion-info.release-succeeded span .btn-link, .pipeline-app .release-info.promotion-succeeded .panel-section .panel-details, .pipeline-app .release-info.promotion-succeeded .panel-section .panel-details .btn-link, .pipeline-app .release-info.promotion-succeeded small, .pipeline-app .release-info.promotion-succeeded small .btn-link, .pipeline-app .release-info.promotion-succeeded span, .pipeline-app .release-info.promotion-succeeded span .btn-link, .pipeline-app .release-info.release-succeeded .panel-section .panel-details, .pipeline-app .release-info.release-succeeded .panel-section .panel-details .btn-link, .pipeline-app .release-info.release-succeeded small, .pipeline-app .release-info.release-succeeded small .btn-link, .pipeline-app .release-info.release-succeeded span, .pipeline-app .release-info.release-succeeded span .btn-link {
    color: #008700
}

.panel-section .pipeline-app .build-info.promotion-succeeded .panel-details code, .panel-section .pipeline-app .build-info.release-succeeded .panel-details code, .panel-section .pipeline-app .promotion-info.promotion-succeeded .panel-details code, .panel-section .pipeline-app .promotion-info.release-succeeded .panel-details code, .panel-section .pipeline-app .release-info.promotion-succeeded .panel-details code, .panel-section .pipeline-app .release-info.release-succeeded .panel-details code, .pipeline-app .build-info.promotion-succeeded .panel-section .panel-details code, .pipeline-app .build-info.promotion-succeeded small code, .pipeline-app .build-info.promotion-succeeded span code, .pipeline-app .build-info.release-succeeded .panel-section .panel-details code, .pipeline-app .build-info.release-succeeded small code, .pipeline-app .build-info.release-succeeded span code, .pipeline-app .promotion-info.promotion-succeeded .panel-section .panel-details code, .pipeline-app .promotion-info.promotion-succeeded small code, .pipeline-app .promotion-info.promotion-succeeded span code, .pipeline-app .promotion-info.release-succeeded .panel-section .panel-details code, .pipeline-app .promotion-info.release-succeeded small code, .pipeline-app .promotion-info.release-succeeded span code, .pipeline-app .release-info.promotion-succeeded .panel-section .panel-details code, .pipeline-app .release-info.promotion-succeeded small code, .pipeline-app .release-info.promotion-succeeded span code, .pipeline-app .release-info.release-succeeded .panel-section .panel-details code, .pipeline-app .release-info.release-succeeded small code, .pipeline-app .release-info.release-succeeded span code {
    color: #008700;
    background: rgba(0, 135, 0, .1);
    box-shadow: inset 0 0 0 1px rgba(0, 135, 0, .4)
}

.panel-section .pipeline-app .build-info.promotion-succeeded .panel-details .badge, .panel-section .pipeline-app .build-info.release-succeeded .panel-details .badge, .panel-section .pipeline-app .promotion-info.promotion-succeeded .panel-details .badge, .panel-section .pipeline-app .promotion-info.release-succeeded .panel-details .badge, .panel-section .pipeline-app .release-info.promotion-succeeded .panel-details .badge, .panel-section .pipeline-app .release-info.release-succeeded .panel-details .badge, .pipeline-app .build-info.promotion-succeeded .panel-section .panel-details .badge, .pipeline-app .build-info.promotion-succeeded small .badge, .pipeline-app .build-info.promotion-succeeded span .badge, .pipeline-app .build-info.release-succeeded .panel-section .panel-details .badge, .pipeline-app .build-info.release-succeeded small .badge, .pipeline-app .build-info.release-succeeded span .badge, .pipeline-app .promotion-info.promotion-succeeded .panel-section .panel-details .badge, .pipeline-app .promotion-info.promotion-succeeded small .badge, .pipeline-app .promotion-info.promotion-succeeded span .badge, .pipeline-app .promotion-info.release-succeeded .panel-section .panel-details .badge, .pipeline-app .promotion-info.release-succeeded small .badge, .pipeline-app .promotion-info.release-succeeded span .badge, .pipeline-app .release-info.promotion-succeeded .panel-section .panel-details .badge, .pipeline-app .release-info.promotion-succeeded small .badge, .pipeline-app .release-info.promotion-succeeded span .badge, .pipeline-app .release-info.release-succeeded .panel-section .panel-details .badge, .pipeline-app .release-info.release-succeeded small .badge, .pipeline-app .release-info.release-succeeded span .badge {
    color: #fff
}

.pipeline-app .auto-deploy, .pipeline-app .commit-sha {
    height: 18px;
    line-height: 11px
}

.pipeline-app .auto-deploy .ci-status-component, .pipeline-app .commit-sha .ci-status-component {
    height: 18px
}

.pipeline-app .auto-deploy .ci-status-component .btn-group, .pipeline-app .commit-sha .ci-status-component .btn-group {
    line-height: 0;
    height: 18px;
    display: block
}

.pipeline-app .auto-deploy .ci-status-component .drop-down__toggle, .pipeline-app .commit-sha .ci-status-component .drop-down__toggle {
    position: relative;
    padding: 2px 2px 2px 0;
    border: 1px solid transparent;
    border-radius: 4px
}

.pipeline-app .auto-deploy .ci-status-component .drop-down__toggle:hover, .pipeline-app .commit-sha .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, .4)
}

.pipeline-app .btn-remove:active {
    background: #f1f3f7
}

.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: .8
}

.pipeline-app.app-suggestion .box, .pipeline-app.pr-app-pending .box {
    background: rgba(255, 255, 255, .4);
    border: 1px dashed rgba(86, 102, 125, .2);
    box-shadow: none
}

.pipeline-app.app-suggestion .box .btn:not(:hover), .pipeline-app.pr-app-pending .box .btn:not(:hover), .pipeline-dropdown .dropdown-menu-scroll > li .btn-link:hover, .pipeline-dropdown .dropdown-menu-scroll > li > a.active:hover, .pipeline-dropdown > li .btn-link:hover, .pipeline-dropdown > li > a.active:hover {
    background: 0 0
}

.pipeline-app.app-suggestion .box .build-info, .pipeline-app.pr-app-pending .box .build-info {
    margin-top: 20px
}

.pipeline-app.app-suggestion .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 .dropdown-menu-scroll > li, .pipeline-dropdown > li {
    font-size: 13px
}

.pipeline-dropdown .dropdown-menu-scroll > li .icon, .pipeline-dropdown > li .icon {
    position: relative;
    margin-top: -2px;
    margin-left: 0;
    margin-right: 4px
}

.pipeline-dropdown .dropdown-menu-scroll > li .icon.icon-space-mini, .pipeline-dropdown > li .icon.icon-space-mini {
    margin-top: 1px;
    top: -1px
}

.pipeline-dropdown .dropdown-menu-scroll > li.dropdown-heading, .pipeline-dropdown > li.dropdown-heading {
    color: #62738D;
    padding: 8px 16px 0;
    margin: 6px 0 2px;
    border-top: 1px solid #E3E7EF
}

.pipeline-dropdown .dropdown-menu-scroll > li.dropdown-heading:first-of-type, .pipeline-dropdown > li.dropdown-heading:first-of-type {
    margin-top: 0;
    padding-top: 2px;
    border: none
}

.pipeline-dropdown .dropdown-menu-scroll > li.dropdown-heading.loading, .pipeline-dropdown > li.dropdown-heading.loading {
    padding-top: 10px
}

.pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li h6, .pipeline-dropdown > li .btn-link, .pipeline-dropdown > li .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown > li h6 {
    font-size: 11px;
    font-weight: 700;
    color: #62738D;
    margin: 0;
    padding: 2px 0;
    pointer-events: none
}

.pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .pipeline-dropdown > li .btn-link {
    padding: 2px 0;
    border: none;
    pointer-events: auto
}

.pipeline-dropdown .dropdown-menu-scroll > li .btn-link .icon, .pipeline-dropdown > li .btn-link .icon {
    position: relative;
    margin-left: 4px;
    margin-top: -2px;
    transition: ease .1s
}

.pipeline-dropdown .dropdown-menu-scroll > li .btn-link .icon.icon-space-mini, .pipeline-dropdown > li .btn-link .icon.icon-space-mini {
    margin-top: 1px
}

.pipeline-dropdown .dropdown-menu-scroll > li .btn-link .icon.icon-toggle, .pipeline-dropdown > li .btn-link .icon.icon-toggle {
    margin-left: 0;
    margin-right: 2px;
    transform: rotate(-90deg)
}

.pipeline-dropdown .dropdown-menu-scroll > li .btn-link .icon.icon-toggle.opened, .pipeline-dropdown > li .btn-link .icon.icon-toggle.opened {
    transform: rotate(0)
}

.pipeline-dropdown .dropdown-menu-scroll > li > a, .pipeline-dropdown > li > a {
    padding: 3px 16px;
    color: #56667D !important
}

.pipeline-dropdown .dropdown-menu-scroll > li > a:hover, .pipeline-dropdown > li > a:hover {
    color: #475366 !important
}

.pipeline-dropdown .dropdown-menu-scroll > li > a.active, .pipeline-dropdown > li > a.active {
    color: #79589F !important
}

.pipeline-dropdown .dropdown-menu-scroll > li.dropdown-header, .pipeline-dropdown > li.dropdown-header {
    position: relative;
    z-index: 1;
    margin: -5px 0 5px;
    padding: 0;
    box-shadow: 0 1px 0 rgba(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, .3));
    background-image: linear-gradient(rgba(227, 231, 239, 0), rgba(227, 231, 239, .3));
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.pipeline-dropdown .dropdown-menu-scroll > li.dropdown-header > a, .pipeline-dropdown > li.dropdown-header > a {
    background: 0 0;
    color: #79589F;
    padding-top: 10px;
    padding-bottom: 10px
}

.pipeline-dropdown .dropdown-menu-scroll > li.dropdown-header > a .icon, .pipeline-dropdown > li.dropdown-header > a .icon {
    margin-left: 0
}

.pipeline-dropdown-button, .pipeline-dropdown-button:focus {
    text-decoration: none
}

.deploy-ui, .promotion-ui {
    position: relative;
    margin: -16px -15px;
    text-align: center
}

.deploy-ui .well, .promotion-ui .well {
    border-radius: 0;
    margin: 0;
    padding: 20px 40px;
    text-align: left
}

.deploy-ui .well .dyno-tier-picker-item-size-name, .deploy-ui .well .panel-section .panel-title, .deploy-ui .well h4, .panel-section .deploy-ui .well .panel-title, .panel-section .promotion-ui .well .panel-title, .promotion-ui .well .dyno-tier-picker-item-size-name, .promotion-ui .well .panel-section .panel-title, .promotion-ui .well h4 {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #62738D
}

.deploy-ui .well ul, .promotion-ui .well ul {
    list-style: none
}

.deploy-ui .well .form-control, .promotion-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: 700;
    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), #fff), linear-gradient(90deg, rgba(66, 174, 203, .15), rgba(157, 113, 208, .15))
}

.ra-enable-banner-header {
    background: linear-gradient(rgba(157, 113, 208, .15), rgba(66, 174, 203, .15))
}

.ra-confirmation-gradient {
    background: linear-gradient(135deg, rgba(157, 113, 208, .15), rgba(66, 174, 203, .15))
}

.review-app-errored .review-app-error {
    border: 1px dashed #E3E7EF
}

.pipeline-access-table.pipeline-collaborator-access-table tr td:last-child, .pipeline-access-table.pipeline-collaborator-access-table tr th:last-child {
    width: 138px
}

.pipeline-access-table.team-admin-access-table tr td:last-child, .pipeline-access-table.team-admin-access-table tr th:last-child {
    padding-right: calc(138px + 28px)
}

.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 .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .ci-panel .pipeline-dropdown > li .btn-link, .ci-panel h6, .pipeline-dropdown .dropdown-menu-scroll > li .ci-panel .btn-link, .pipeline-dropdown > li .ci-panel .btn-link {
    font-size: 10px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.ci-placeholder, .ci-setup {
    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-menu, .ci-menu .empty-state {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal
}

.ci-placeholder {
    background: #fff
}

.ci-index #tests-setup {
    position: relative;
    margin: 30px auto;
    max-width: 680px;
    z-index: 1
}

.ci-index #tests-setup .dyno-tier-picker-item-size-name, .ci-index #tests-setup .panel-section .panel-title, .ci-index #tests-setup .title, .ci-index #tests-setup h4, .panel-section .ci-index #tests-setup .panel-title {
    font-size: 15px;
    font-weight: 400;
    color: #475366
}

.ci-index #tests-setup .dyno-tier-picker-item-size-name .icon, .ci-index #tests-setup .panel-section .panel-title .icon, .ci-index #tests-setup .title .icon, .ci-index #tests-setup h4 .icon, .panel-section .ci-index #tests-setup .panel-title .icon {
    position: relative;
    margin: -1px 4px 0 2px
}

.ci-index #tests-setup .dyno-tier-picker-item-size-name .panel-section .panel-details, .ci-index #tests-setup .dyno-tier-picker-item-size-name small, .ci-index #tests-setup .panel-section .panel-title .panel-details, .ci-index #tests-setup .panel-section .panel-title small, .ci-index #tests-setup .title .panel-section .panel-details, .ci-index #tests-setup .title small, .ci-index #tests-setup h4 .panel-section .panel-details, .ci-index #tests-setup h4 small, .panel-section .ci-index #tests-setup .dyno-tier-picker-item-size-name .panel-details, .panel-section .ci-index #tests-setup .panel-title .panel-details, .panel-section .ci-index #tests-setup .panel-title small, .panel-section .ci-index #tests-setup .title .panel-details, .panel-section .ci-index #tests-setup h4 .panel-details {
    font-size: 12px;
    padding-left: 6px
}

.ci-index #tests-setup .panel-section .panel-details, .ci-index #tests-setup p, .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 .ci-billing-options, .ci-index #tests-setup .setup-step .pipeline-ci-toggle .panel-section .panel-details, .ci-index #tests-setup .setup-step .pipeline-ci-toggle p, .panel-section .ci-index #tests-setup .setup-step .pipeline-ci-toggle .panel-details {
    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;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    width: 33%;
    background: #F7F8FB;
    border-right: 1px solid #e7ebf3
}

@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, .1), 0 2px 0 rgba(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: 0 0;
        box-shadow: none;
        padding: 0;
        min-height: 24px
    }

    .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: 0 0;
    white-space: nowrap;
    width: 100%
}

.ci-menu .ci-menu--context .branch-selector-btn code, .ci-menu .ci-menu--context .branch-selector-btn span {
    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 .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .ci-menu .ci-menu--context .branch-selector-btn .pipeline-dropdown > li .btn-link, .ci-menu .ci-menu--context .branch-selector-btn h6, .pipeline-dropdown .dropdown-menu-scroll > li .ci-menu .ci-menu--context .branch-selector-btn .btn-link, .pipeline-dropdown > li .ci-menu .ci-menu--context .branch-selector-btn .btn-link {
    color: #62738D;
    font-size: 11px;
    font-weight: 700;
    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 .1s ease;
    -o-transition: all .1s ease;
    transition: all .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, .5)
}

.ci-menu .ci-menu--context .mobile-menu .btn-group {
    margin-left: 0
}

.ci-menu .context-switcher__list, .ci-menu .drop-down__menu, .ci-menu .dropdown-menu {
    font-size: 12px
}

.ci-menu .context-switcher__list .divider, .ci-menu .drop-down__menu .divider, .ci-menu .dropdown-menu .divider {
    margin: 5px 0
}

.ci-menu .branch-dropdown.context-switcher__list, .ci-menu .branch-dropdown.drop-down__menu, .ci-menu .dropdown-menu.branch-dropdown, .ci-menu .dropdown-menu.tests-dropdown, .ci-menu .tests-dropdown.context-switcher__list, .ci-menu .tests-dropdown.drop-down__menu {
    width: 240px;
    max-width: calc(33vw - 42px);
    max-height: 350px;
    overflow: auto
}

.ci-menu .branch-dropdown.context-switcher__list .btn-link, .ci-menu .branch-dropdown.drop-down__menu .btn-link, .ci-menu .dropdown-menu.branch-dropdown .btn-link, .ci-menu .dropdown-menu.tests-dropdown .btn-link, .ci-menu .tests-dropdown.context-switcher__list .btn-link, .ci-menu .tests-dropdown.drop-down__menu .btn-link {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ci-menu .dropdown-menu.tests-dropdown, .ci-menu .tests-dropdown.context-switcher__list, .ci-menu .tests-dropdown.drop-down__menu {
    width: auto;
    background: #EEF1F6;
    padding: 0
}

.ci-menu .dropdown-menu.tests-dropdown .ci-menu--header:first-child, .ci-menu .tests-dropdown.context-switcher__list .ci-menu--header:first-child, .ci-menu .tests-dropdown.drop-down__menu .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: 700;
    text-transform: uppercase;
    padding: 0;
    margin: -1px 6px 0 0;
    border: none;
    background: 0 0
}

.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, .7)
}

.ci-menu .ci-menu--header .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .ci-menu .ci-menu--header .pipeline-dropdown > li .btn-link, .ci-menu .ci-menu--header h6, .pipeline-dropdown .dropdown-menu-scroll > li .ci-menu .ci-menu--header .btn-link, .pipeline-dropdown > 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 .2s;
    opacity: 0;
    pointer-events: none
}

.ci-menu .ci-menu--new.reveal {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto
}

@media (max-width: 767px) {
    .ci-menu .branch-dropdown.context-switcher__list, .ci-menu .branch-dropdown.drop-down__menu, .ci-menu .dropdown-menu.branch-dropdown, .ci-menu .dropdown-menu.tests-dropdown, .ci-menu .tests-dropdown.context-switcher__list, .ci-menu .tests-dropdown.drop-down__menu {
        max-height: 300px;
        max-width: calc(100vw - 42px)
    }

    .ci-menu .ci-menu--new {
        border-top: 1px solid rgba(207, 215, 230, .5);
        box-shadow: inset 0 1px 0 #E3E7EF;
        transition: none;
        display: none;
        margin-top: 0
    }

    .ci-menu .ci-menu--new.reveal {
        display: block
    }
}

.ci-menu .ci-menu--new .ci-menu--item {
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
    padding: 10px;
    border: 1px dashed rgba(86, 102, 125, .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, .5)
}

.ci-menu .ci-menu--item .ci-menu--item--link.active {
    background: #fff;
    border-bottom: 1px solid rgba(207, 215, 230, .8);
    box-shadow: 0 1px 0 rgba(207, 215, 230, .3), 0 -1px 0 rgba(207, 215, 230, .3);
    z-index: 2
}

.ci-menu .ci-menu--item .ci-menu--item--link.active .ci-meta .commit {
    font-weight: 700;
    position: relative;
    top: -1px
}

.ci-menu .ci-menu--item.succeeded .ci-menu--item--link .commit {
    color: #008700
}

.ci-menu .ci-menu--item.errored .ci-menu--item--link .commit, .ci-menu .ci-menu--item.errored .ci-menu--item--link .test-status, .ci-menu .ci-menu--item.failed .ci-menu--item--link .commit, .ci-menu .ci-menu--item.failed .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 .branch, .ci-menu .ci-meta .commit {
    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-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 .empty-state {
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -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 .panel-section .panel-details, .ci-menu .empty-state p, .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 auto 0 0
}

.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 .context-switcher__list, .ci-view .ci-view--header .ci-actions .drop-down__menu {
    font-size: 12px;
    min-width: 170px
}

.ci-view .ci-view--header .ci-actions .context-switcher__list .divider, .ci-view .ci-view--header .ci-actions .drop-down__menu .divider {
    margin: 5px 0
}

.ci-view .ci-view--header .ci-actions .context-switcher__list .async-button, .ci-view .ci-view--header .ci-actions .drop-down__menu .async-button {
    width: 100%
}

.ci-view .ci-view--header .ci-actions .context-switcher__list .async-button.pending, .ci-view .ci-view--header .ci-actions .drop-down__menu .async-button.pending {
    text-align: center
}

.ci-view .ci-view--meta {
    font-size: 12px;
    display: flex
}

.ci-view .ci-view--meta .author-info, .ci-view .ci-view--meta .repo-info {
    display: inline-flex;
    max-width: 50%
}

.ci-view .ci-view--meta .author-info .author, .ci-view .ci-view--meta .author-info .branch, .ci-view .ci-view--meta .author-info .repo, .ci-view .ci-view--meta .author-info .time, .ci-view .ci-view--meta .repo-info .author, .ci-view .ci-view--meta .repo-info .branch, .ci-view .ci-view--meta .repo-info .repo, .ci-view .ci-view--meta .repo-info .time {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ci-view .ci-view--meta .repo-info {
    color: #56667D;
    -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 .branch, .ci-view .ci-view--meta .repo-info .repo {
    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 .panel-section .panel-details, .ci-view .ci-view--commit p, .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 .panel-section .panel-details .commit-meta, .ci-view .ci-view--commit p .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 .panel-section .panel-details .commit-meta a, .ci-view .ci-view--commit p .commit-meta a, .panel-section .ci-view .ci-view--commit .panel-details .commit-meta a {
    text-decoration: none
}

.ci-view .ci-view--commit .panel-section .panel-details .commit-meta a:hover, .ci-view .ci-view--commit p .commit-meta a:hover, .deploy-steps > li .toggle-output, .dyno-size-help > a, .panel-section .ci-view .ci-view--commit .panel-details .commit-meta a:hover {
    text-decoration: underline
}

.ci-view .ci-view--commit .panel-section .panel-details .commit-message, .ci-view .ci-view--commit p .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 .panel-section .panel-details .commit-message .panel-details, .ci-view .ci-view--commit .panel-section .panel-details .commit-message small, .ci-view .ci-view--commit p .commit-message .panel-section .panel-details, .ci-view .ci-view--commit p .commit-message small, .panel-section .ci-view .ci-view--commit .panel-details .commit-message .panel-details, .panel-section .ci-view .ci-view--commit .panel-details .commit-message small, .panel-section .ci-view .ci-view--commit p .commit-message .panel-details {
    font-size: 12px;
    display: block;
    color: #62738D;
    padding-top: 4px;
    word-wrap: break-word
}

.ci-view .ci-view--commit .panel-section .panel-details .btn, .ci-view .ci-view--commit p .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
}

.ci-view .ci-view--module .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .ci-view .ci-view--module .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .btn-link, .ci-view .ci-view--module .pipeline-dropdown > li .btn-link, .ci-view .ci-view--module .pipeline-dropdown > li .btn-link .btn-link, .ci-view .ci-view--module h6, .ci-view .ci-view--module h6 .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--module .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--module .btn-link .btn-link, .pipeline-dropdown > li .ci-view .ci-view--module .btn-link, .pipeline-dropdown > li .ci-view .ci-view--module .btn-link .btn-link {
    color: #62738D;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px
}

.ci-view .ci-view--module .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .btn-link, .ci-view .ci-view--module .pipeline-dropdown > li .btn-link .btn-link, .ci-view .ci-view--module h6 .btn-link, .ci-view .ci-view--module.test-output-module .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .ci-view .ci-view--module.test-output-module .pipeline-dropdown > li .btn-link, .ci-view .ci-view--module.test-output-module h6, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--module .btn-link .btn-link, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--module.test-output-module .btn-link, .pipeline-dropdown > li .ci-view .ci-view--module .btn-link .btn-link, .pipeline-dropdown > li .ci-view .ci-view--module.test-output-module .btn-link {
    margin-bottom: 0
}

.ci-view .ci-view--module .pipeline-dropdown .dropdown-menu-scroll > li .btn-link .btn-link:disabled, .ci-view .ci-view--module .pipeline-dropdown .dropdown-menu-scroll > li .btn-link:disabled, .ci-view .ci-view--module .pipeline-dropdown > li .btn-link .btn-link:disabled, .ci-view .ci-view--module .pipeline-dropdown > li .btn-link:disabled, .ci-view .ci-view--module h6 .btn-link:disabled, .ci-view .ci-view--module h6:disabled, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--module .btn-link .btn-link:disabled, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--module .btn-link:disabled, .pipeline-dropdown > li .ci-view .ci-view--module .btn-link .btn-link:disabled, .pipeline-dropdown > li .ci-view .ci-view--module .btn-link:disabled {
    opacity: .5
}

.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-line {
    font-size: 11px
}

.ci-view .ci-view--module.test-output-module .icon-toggle {
    position: relative;
    top: -2px;
    margin-right: 4px;
    transform: rotate(-90deg);
    transition: ease .1s
}

.ci-view .ci-view--module.test-output-module .icon-toggle.opened {
    top: -1px;
    transform: rotate(0)
}

.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 .pipeline-dropdown .dropdown-menu-scroll > li .btn-link, .ci-view .ci-view--messages .test-message .pipeline-dropdown > li .btn-link, .ci-view .ci-view--messages .test-message h6, .pipeline-dropdown .dropdown-menu-scroll > li .ci-view .ci-view--messages .test-message .btn-link, .pipeline-dropdown > 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, .2);
    background: rgba(199, 76, 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, .4);
    background: rgba(222, 10, 10, .04)
}

.ci-view .ci-view--messages .test-fail .panel-section .panel-details, .ci-view .ci-view--messages .test-fail p, .panel-section .ci-view .ci-view--messages .test-fail .panel-details {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(222, 10, 10, .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, .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, .3);
    background: rgba(255, 255, 255, .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.creating, .test-run-status-message.pending, .test-run-status-message.running {
    color: #62738D
}

.test-run-status-message.succeeded {
    color: #008700
}

.test-run-status-message.errored, .test-run-status-message.failed {
    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 .context-switcher__list, .ci-status-component .drop-down__menu {
    margin-top: 5px;
    right: 0
}

.ci-status-component .context-switcher__list li.dropdown-header, .ci-status-component .drop-down__menu li.dropdown-header {
    padding: 8px 12px 6px
}

.ci-status-component .context-switcher__list li .ci-check-summary, .ci-status-component .drop-down__menu li .ci-check-summary {
    color: #62738D;
    font-size: 11px;
    margin: 0 !important
}

.ci-status-component .context-switcher__list li .ci-check-summary b, .ci-status-component .drop-down__menu li .ci-check-summary b {
    font-weight: 400;
    font-size: 13px;
    display: block
}

.addons-provision-error .addons-provision-error__header, .assume-identity, .is-current .dyno-tier-picker-item-size-name {
    font-weight: 700
}

.ci-status-component .context-switcher__list li .icon, .ci-status-component .drop-down__menu li .icon {
    margin-left: 0 !important;
    margin-right: 5px !important
}

.ci-status-component .context-switcher__list li a, .ci-status-component .drop-down__menu li a {
    font-size: 12px !important;
    color: #56667D !important;
    display: block !important;
    text-overflow: ellipsis;
    overflow: hidden
}

.ci-status-component .context-switcher__list li a .panel-section .panel-details, .ci-status-component .context-switcher__list li a small, .ci-status-component .drop-down__menu li a .panel-section .panel-details, .ci-status-component .drop-down__menu li a small, .panel-section .ci-status-component .context-switcher__list li a .panel-details, .panel-section .ci-status-component .drop-down__menu 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 .context-switcher__list, .test-nodes--nav .drop-down__menu {
    min-width: 100px
}

.table-action-button {
    padding: 0 22px 0 10px;
    width: 38px;
    text-align: center;
    border: 0;
    background-color: transparent;
    border-radius: 3px
}

.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: #fff
}

.addons-provision .addons-provision__body {
    padding: 20px 20px 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
}

#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 #e7ebf3
}

#modal-overlays .ember-modal-dialog.addon-confirm-delete-modal .modal-body {
    padding: 20px 20px 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 {
    position: fixed;
    bottom: 20px;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    text-transform: uppercase;
    font-size: 12px;
    padding: 6px 20px 7px;
    border-radius: 20px;
    left: 50%;
    width: 220px;
    margin-left: -110px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .1)
}

.switch-mode {
    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 .panel-section .panel-details, .new-org .org-owner div p, .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: 0 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: 0 !important
}

#overview-page {
    position: relative;
    margin: 0 -20px;
    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
}

#overview-page .overview-activity, #overview-page .overview-content, #overview-page .overview-team {
    width: 65%;
    padding: 10px 20px 0
}

#overview-page .overview-content {
    padding-right: 22px
}

#overview-page .overview-activity {
    padding-bottom: 20px;
    padding-left: 23px
}

@media (max-width: 767px) {
    #overview-page {
        display: block
    }

    #overview-page .overview-activity, #overview-page .overview-content, #overview-page .overview-team {
        width: 100%
    }

    #overview-page .overview-content {
        padding-right: 20px
    }

    #overview-page .overview-activity {
        padding-left: 20px;
        box-shadow: inset 0 1px 0 #E3E7EF
    }
}

#overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, #overview-page .buildpack-installations-list .sortable-item.is-dragging, #overview-page .content-box, #overview-page .data-unavailable, #overview-page .metrics__chart-sorting .sortable-item.is-dragging, #overview-page .metrics__monitor-preview-chart__loading, #overview-page .metrics__not-available, #overview-page .purple-box, .buildpack-installations-list #overview-page .sortable-item.is-dragging, .metrics__chart-sorting #overview-page .sortable-item.is-dragging {
    margin-bottom: 32px
}

#overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .show-more, #overview-page .buildpack-installations-list .sortable-item.is-dragging .show-more, #overview-page .content-box .show-more, #overview-page .data-unavailable .show-more, #overview-page .metrics__chart-sorting .sortable-item.is-dragging .show-more, #overview-page .metrics__monitor-preview-chart__loading .show-more, #overview-page .metrics__not-available .show-more, #overview-page .purple-box .show-more, .buildpack-installations-list #overview-page .sortable-item.is-dragging .show-more, .metrics__chart-sorting #overview-page .sortable-item.is-dragging .show-more {
    padding: 0 20px 10px;
    font-size: 13px
}

#overview-page .collaborator-list, #overview-page .member-list {
    max-height: 312px;
    margin: 0 5px;
    padding: 5px 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

#overview-page .collaborator-list::-webkit-scrollbar, #overview-page .member-list::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

#overview-page .collaborator-list::-webkit-scrollbar-track, #overview-page .member-list::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
    background: rgba(0, 0, 0, .05)
}

#overview-page .collaborator-list::-webkit-scrollbar-thumb, #overview-page .member-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
    background: rgba(0, 0, 0, .1)
}

#overview-page .collaborator-list::-webkit-scrollbar-button, #overview-page .member-list::-webkit-scrollbar-button {
    display: block;
    width: 0;
    height: 0
}

#overview-page .collaborator-list h5, #overview-page .member-list h5 {
    float: none
}

#overview-page .collaborator, #overview-page .member {
    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 .collaborator .avatar, #overview-page .member .avatar {
    position: relative
}

#overview-page .collaborator .user-info, #overview-page .member .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
}

#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
}

.bar-chart__col__chart {
    background: #CFD7E6;
    min-height: 1px
}

.bar-chart__col__quota {
    height: 1px;
    background: #CFD7E6;
    bottom: 0;
    margin-bottom: 20px;
    width: 100%;
    z-index: 5;
    box-shadow: 0 0 0 1px #fff
}

.bar-chart__col__quota--over-limit {
    background: #D64242
}

.bar-chart__col:hover .bar-chart__col__chart {
    background: #62738D
}

.bar-chart__col:hover .bar-chart__col__chart.bar-chart__col__quota--over-limit {
    background: #A70404
}

.context-switcher--container {
    z-index: 5
}

.context-switcher__list {
    position: absolute;
    z-index: 48;
    top: 36px;
    left: 0;
    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
}

.overview-activity .limit-width, .overview-activity .list-group-lg, .overview-team .limit-width, .overview-team .list-group-lg {
    margin-left: 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) {
    .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 {
        max-width: 100% !important;
        margin-right: 0 !important
    }

    .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
    }
}

.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
}

.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: .5%;
    margin-bottom: .5%;
    padding: 7px 10px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #E3E7EF;
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.modal-buildpacks a.supported-buildpack.selected, .modal-buildpacks a.supported-buildpack:hover {
    color: #79589F;
    background: #f8f7fa;
    box-shadow: inset 0 0 0 1px #c9bcd9
}

.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 solid #E3E7EF;
    border-radius: 5px;
    -webkit-transition: .1s linear;
    -o-transition: .1s linear;
    transition: .1s 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;
    -ms-flex-align: center;
    margin: 10px;
    align-items: flex-end
}

.dyno-tier-picker-item-description, .dyno-tier-picker-item-name {
    display: none
}

.dyno-tier-picker-item-sizes {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.dyno-tier-picker-item-sizes .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: #fff;
    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-size {
    -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-size:nth-child(2) {
    border-left: 1px #E3E7EF solid
}

.dyno-tier-picker-item-size-name {
    margin: 0;
    padding-top: 10px;
    text-transform: capitalize
}

.dyno-tier-picker-item-size-name__title {
    margin-top: 15px
}

.is-current .dyno-tier-picker-item-size-price {
    color: #79589F
}

.dyno-tier-picker-item-size-price {
    color: #56667D
}

.dyno-tier-picker-item-size-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: .9em;
    padding: 10px;
    min-height: 80px;
    text-align: center;
    margin-bottom: -5px
}

.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, .formations-list-item, .main-panel {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column
}

.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;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -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-sizes {
    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-size-details {
    display: none;
    text-transform: uppercase;
    color: #79589F;
    margin-bottom: 0
}

.dyno-tier-picker-item-select-btn > button {
    width: 100%
}

#modal-overlays .ember-modal-dialog.formation-tier-picker {
    width: 900px
}

.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: 400;
    padding: 5px
}

.dyno-size-options.open > .btn-default.drop-down__toggle, .dyno-size-options.open > .btn-default.dropdown-toggle {
    background: rgba(121, 88, 159, .1) !important;
    box-shadow: inset 0 0 0 1px rgba(121, 88, 159, .8) !important
}

.dyno-size-options.open > .btn-default.dirty.drop-down__toggle, .dyno-size-options.open > .btn-default.dropdown-toggle.dirty {
    background: rgba(0, 109, 235, .1) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 109, 235, .7) !important
}

.dyno-size-options .dyno-size-menu {
    padding: 0
}

.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 .panel-section .panel-details, .dyno-size-options .dyno-size-menu small, .dyno-size-options .dyno-size-menu strong, .panel-section .dyno-size-options .dyno-size-menu .panel-details {
    display: block
}

.dyno-size-options .dyno-size-menu strong {
    font-size: 13px;
    padding-top: 2px;
    padding-bottom: 2px
}

.dyno-size-options .dyno-size-menu .panel-section .panel-details, .dyno-size-options .dyno-size-menu small, .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
}

.dyno-size-help {
    font-size: 12px;
    padding: 10px 12px;
    color: #62738D;
    border-top: 1px solid #E3E7EF
}

.dyno-size-option {
    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;
    width: 280px;
    box-shadow: inset 0 1px 0 #E3E7EF;
    cursor: pointer
}

.dyno-size-option.active, .dyno-size-option:focus, .dyno-size-option:hover {
    background: rgba(121, 88, 159, .07)
}

.dyno-size-option.active .dyno-size-option__description, .dyno-size-option.active .dyno-size-option__title, .dyno-size-option:focus .dyno-size-option__description, .dyno-size-option:focus .dyno-size-option__title, .dyno-size-option:hover .dyno-size-option__description, .dyno-size-option:hover .dyno-size-option__title {
    color: #79589F
}

.dyno-size-option.read-only {
    cursor: auto
}

.dyno-size-option.disabled {
    cursor: not-allowed;
    background: rgba(227, 231, 239, .14);
    color: #62738D
}

.cmn-toggle:hover, .context-switcher__list label, .drop-down__menu label, .ember-power-select-clear-btn, .ember-power-select-multiple-remove-btn, .ember-power-select-option, .nps-modal-content label, range-slider {
    cursor: pointer
}

.dyno-size-option.disabled:active .dyno-size-option__description, .dyno-size-option.disabled:active .dyno-size-option__title, .dyno-size-option.disabled:focus .dyno-size-option__description, .dyno-size-option.disabled:focus .dyno-size-option__title, .dyno-size-option.disabled:hover .dyno-size-option__description, .dyno-size-option.disabled:hover .dyno-size-option__title {
    color: #62738D
}

.dyno-size-option__note {
    color: #006DEB;
    white-space: normal
}

.dyno-size-option__content {
    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: 0;
    user-select: none;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: -60px
}

.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 .4s;
    transition: background .4s
}

.disabled input.cmn-toggle-round-flat + label {
    border: 1px solid #CFD7E6
}

input.cmn-toggle-round-flat + label:after, input.cmn-toggle-round-flat + label:before {
    display: block;
    position: absolute;
    content: ""
}

input.cmn-toggle-round-flat:focus + label {
    outline: 0;
    border-color: #408fec;
    box-shadow: 0 0 0 2px rgba(142, 189, 241, .4)
}

input.cmn-toggle-round-flat + label:before {
    top: 6px;
    left: 8px;
    border-radius: 30px;
    -webkit-transition: background .4s;
    transition: background .4s;
    content: "";
    color: #fff
}

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 .3s, background .3s;
    transition: margin .3s, background .3s
}

.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
}

input.cmn-toggle-round-flat:checked + label {
    background-color: #006DEB;
    border: 1px solid #0055b8
}

.disabled input.cmn-toggle-round-flat:checked + label {
    background-color: #CFD7E6;
    border: 1px solid #adbbd5
}

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 #adbbd5
}

.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 .3s;
    -o-transition: height ease .3s;
    transition: height ease .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, .2);
    background: rgba(207, 215, 230, .2)
}

.build-stream .build-stream-output::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(98, 115, 141, .3);
    background: rgba(98, 115, 141, .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-line {
    margin: 0;
    padding: 0;
    background: 0 0;
    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-line {
    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 > .icon, .deploy-steps > li > .loading-spinner, .deploy-steps > li > i, .deploy-steps > li > img {
    float: right
}

.deploy-steps > li > .loading-spinner {
    margin: 7px 0 6px
}

.deploy-steps > li a, .deploy-steps > li button, .deploy-steps > li span {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -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;
    padding: 0;
    font-size: 13px;
    border: none
}

#overview-page .addons-grid .addon .panel-section .panel-details a, #overview-page .addons-grid .addon p a, #overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, .account-quota-usage table tbody a, .btn-link, .btn-link:hover, .context-switcher__list .btn-link, .deploy-steps > li.stage-done span, .deploy-steps > li.stage-failed span, .drop-down__menu .btn-link, .drop-down__toggle a, .page-breadcrumb a, .panel-section #overview-page .addons-grid .addon .panel-details a {
    text-decoration: none
}

.deploy-steps > li .build-stream {
    float: left;
    width: 100%
}

.deploy-steps > li .deploy-message {
    clear: both;
    font-size: 13px;
    font-weight: 400;
    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 a, .deploy-steps > li.stage-failed button, .deploy-steps > li.stage-failed span {
    color: #DE0A0A
}

.deploy-steps > li.stage-done a, .deploy-steps > li.stage-done button, .deploy-steps > li.stage-done span {
    color: #62738D
}

.deploy-steps > li.success span {
    color: #008700
}

.enterprise-no-account-banner {
    box-shadow: 0 8px 16px -8px rgba(0, 0, 0, .3), 0 13px 27px -5px rgba(50, 59, 73, .25);
    transition: box-shadow .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: 0
}

.nav.nav-tabs.sub-nav .sub-nav-item:last-child {
    margin-right: 0
}

.nav.nav-tabs.sub-nav .sub-nav-item a {
    padding-bottom: 15px
}

.protected-team-space-apps .nav.nav-tabs.sub-nav, .protected-team-space-apps_loading .nav.nav-tabs.sub-nav, .protected-team-switchable-apps .nav.nav-tabs.sub-nav, .protected-team-switchable-apps_loading .nav.nav-tabs.sub-nav {
    margin-bottom: 0
}

.ember-modal-dialog {
    z-index: 51;
    position: fixed;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 10px #222;
    padding: 10px
}

.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-overlay.translucent {
    background-color: rgba(128, 128, 128, .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, .6);
    -webkit-animation: fadeIn .2s ease-out;
    -moz-animation: fadeIn .2s ease-out;
    -o-animation: fadeIn .2s ease-out;
    animation: fadeIn .2s ease-out
}

#modal-overlays .modal-backdrop.is-closing {
    -webkit-animation: fadeOut .1s ease-out;
    -moz-animation: fadeOut .1s ease-out;
    -o-animation: fadeOut .1s ease-out;
    animation: fadeOut .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: 0 0;
    z-index: 51;
    padding: 0 5px;
    -webkit-overflow-scrolling: touch;
    -webkit-animation: fadeIn .2s ease-out;
    -moz-animation: fadeIn .2s ease-out;
    -o-animation: fadeIn .2s ease-out;
    animation: fadeIn .2s ease-out
}

#modal-overlays .ember-modal-overlay.is-closing {
    -webkit-animation: fadeOut .1s ease-out;
    -moz-animation: fadeOut .1s ease-out;
    -o-animation: fadeOut .1s ease-out;
    animation: fadeOut .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 .2s ease-out;
    -moz-animation: zoomIn .2s ease-out;
    -o-animation: zoomIn .2s ease-out;
    animation: zoomIn .2s ease-out;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 3px 20px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(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 .1s ease-out;
    -moz-animation: zoomOut .1s ease-out;
    -o-animation: zoomOut .1s ease-out;
    animation: zoomOut .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 .modal-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-height: 100%;
    -webkit-transition: width ease .3s;
    -o-transition: width ease .3s;
    transition: width ease .3s
}

#modal-overlays .ember-modal-dialog .modal-box .modal-content {
    background: 0 0
}

#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
}

#modal-overlays .ember-modal-dialog.purple-list-modal .modal-box, .drop-down {
    overflow: visible
}

@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
}

.drop-down {
    position: relative
}

.context-switcher__list, .drop-down__menu {
    display: block
}

.context-switcher__list .btn-link, .drop-down__menu .btn-link {
    display: block;
    text-align: left;
    min-width: 100%;
    white-space: nowrap;
    padding: 4px 12px 3px;
    color: #56667D;
    border: none
}

.context-switcher__list .btn-link .icon, .drop-down__menu .btn-link .icon {
    position: relative;
    margin: -2px 4px 0 2px
}

.context-switcher__list .btn-link:hover, .drop-down__menu .btn-link:hover {
    color: #475366;
    background-color: #f7f8fb
}

.context-switcher__list .btn-link:disabled, .drop-down__menu .btn-link:disabled {
    color: #62738D;
    pointer-events: none
}

.drop-down__toggle li {
    list-style: none
}

table.purple-list .action-cell {
    width: 108px;
    text-align: right
}

@-webkit-keyframes fadeIt {
    0% {
        background-color: #fef1e3
    }
    100% {
        background-color: #fff
    }
}

@-moz-keyframes fadeIt {
    0% {
        background-color: #fef1e3
    }
    100% {
        background-color: #fff
    }
}

@-o-keyframes fadeIt {
    0% {
        background-color: #fef1e3
    }
    100% {
        background-color: #fff
    }
}

@keyframes fadeIt {
    0% {
        background-color: #fef1e3
    }
    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 .panel-section, #modal-overlays .ember-modal-dialog.purple-list-modal .row {
    padding: 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 .btn-primary, #modal-overlays .ember-modal-dialog.purple-list-modal .hk-button--primary, #modal-overlays .ember-modal-dialog.purple-list-modal .twitter-typeahead {
    width: 100%
}

.buildpack-installations-list input, .domain-item input {
    background-color: #fff !important;
    border: 0;
    box-shadow: none;
    padding-left: 0;
    text-overflow: ellipsis
}

.buildpack-installations-list input:active, .buildpack-installations-list input:focus, .domain-item input:active, .domain-item input:focus {
    border: 0 !important;
    box-shadow: none !important
}

.buildpack-installations-list .buildpacks-list-table tr th, .buildpack-installations-list .domains-list-table tr th, .domain-item .buildpacks-list-table tr th, .domain-item .domains-list-table tr th {
    padding-left: 0
}

.buildpack-installations-list .buildpacks-list-table tr td, .buildpack-installations-list .domains-list-table tr td, .domain-item .buildpacks-list-table tr td, .domain-item .domains-list-table tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0
}

.buildpack-installations-list .domains-list-table__content-column, .domain-item .domains-list-table__content-column {
    width: 45%
}

.config-vars-list .config-var-add {
    width: 85px
}

.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;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    padding: 10px 12px;
    background-color: transparent
}

@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
}

.formations-list-item .command, .formations-list-item .name {
    -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: 0 0;
    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, .formations-list-item .process-usage.process--off .suffix {
    color: #CFD7E6
}

@media (min-width: 36rem) {
    .formations-list-item .process-description {
        margin: 0 20px 0 0
    }

    .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, .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 .input-group-addon {
    background: #fff
}

.formations-list-item .editor .label--budget {
    font-size: 13px;
    color: #62738D;
    margin: 4px 0 0
}

.formations-list-item .editor .label--budget.dirty {
    color: #006DEB
}

.formations-list-item .dyno-size-options .drop-down__toggle, .formations-list-item .dyno-size-options .dropdown-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 range-slider {
        display: none
    }

    .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 .sortable-item.is-dragging {
    position: relative;
    left: -4px;
    z-index: 100;
    cursor: move;
    opacity: .6
}

.buildpack-installations-list .handle {
    cursor: move;
    transition: fill 120ms ease
}

.buildpack-installations-list .handle:hover {
    fill: #006DEB
}

#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 .panel-section .panel-details, #overview-page .formation-tier p, .panel-section #overview-page .formation-tier .panel-details {
    margin: 0;
    padding: 6px 0
}

#overview-page .formation-tier .quota-badge {
    float: none;
    margin: 3px -10px 3px auto
}

#overview-page .formation-tier .quota-badge__chart .panel-section .panel-details, #overview-page .formation-tier .quota-badge__chart p, .panel-section #overview-page .formation-tier .quota-badge__chart .panel-details {
    margin: 0;
    padding: 0
}

#overview-page .formation-tier .quota-badge__chart .panel-section .panel-details b, #overview-page .formation-tier .quota-badge__chart p 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: 400;
    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;
    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
}

#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-active-alerts, #overview-page .app-overview-metrics .metrics__summary-row__item.metric-error-count {
    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 {
        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.metric-active-alerts, #overview-page .app-overview-metrics .metrics__summary-row__item.metric-error-count {
        width: 100%;
        border-bottom: 1px solid #E3E7EF;
        border-right: 0
    }

    #overview-page .app-overview-metrics timeseries-chart {
        display: none
    }
}

#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: 18px;
    min-width: 60px;
    color: #56667D;
    margin: 0 10px 30px 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))
}

#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 .panel-section .panel-details, #overview-page .addons-grid .addon p, .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 a {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0
}

#overview-page .addons-grid .addon .panel-section .panel-details, #overview-page .addons-grid .addon small, #overview-page .addons-grid .addon strong, .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 .panel-section .panel-details, #overview-page .addons-grid .addon small, .panel-section #overview-page .addons-grid .addon .panel-details {
    color: #62738D
}

#overview-page .data-unavailable {
    color: rgba(98, 115, 141, .5);
    font-size: 13px;
    margin-top: -2px;
    margin-bottom: 22px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    background: rgba(227, 231, 239, .3) !important
}

.github-linker .panel-section .panel-details, .github-linker p, .panel-section .github-linker .panel-details {
    font-size: 13px;
    color: #56667D;
    line-height: 24px
}

.github-linker .panel-section .help-block.panel-details, .github-linker p.help-block, .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
}

.remote-terminal-did-exit, .terminal-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.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: 0
}

.terminal-container {
    top: 40px
}

.ssl-slide-panel .hk-slide-panel-container form label {
    font-size: 14px;
    font-weight: 400
}

.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: #f7f8fb;
    display: flex;
    flex-direction: column
}

.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .file-drop.is-dragged-over {
    background-color: #cce2fb;
    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;
    word-break: break-word
}

.ssl-slide-panel .hk-slide-panel-container .hk-slide-panel-content .footer button {
    width: 100%
}

.process-stepper {
    display: flex;
    margin: -15px -15px 15px;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    box-shadow: inset 0 -1px 0 #E3E7EF
}

.process-stepper__step {
    flex: 1;
    font-weight: 700;
    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: #8669a9;
    color: #fff
}

.process-stepper__step--active:after {
    border-left-color: #8669a9
}

.process-stepper__step--done {
    background-color: #E3E7EF;
    color: #62738D;
    box-shadow: inset 0 -1px 0 rgba(207, 215, 230, .5)
}

.process-stepper__step--done:after {
    border-left-color: #E3E7EF
}

.account-quota-usage table .pie-chart {
    position: absolute;
    left: 2px;
    top: 4px
}

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 {
    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 .panel-section .panel-details, .content-box .content-box--header p, .panel-section .content-box .content-box--header .panel-details {
    color: #62738D;
    margin: 0
}

.content-box .content-box--body .panel-section .panel-details, .content-box .content-box--body p, .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;
    border-radius: 5px;
    background: rgba(227, 231, 239, .1);
    box-shadow: inset 0 2px 6px 0 rgba(227, 231, 239, .2)
}

range-slider.disabled {
    cursor: default
}

range-slider.disabled range-slider-fill {
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(left, rgba(121, 88, 159, .48), rgba(121, 88, 159, .92));
    background-image: linear-gradient(to right, rgba(121, 88, 159, .48), rgba(121, 88, 159, .92));
    border-color: #79589F
}

range-slider.disabled range-slider-fill.pre-min {
    background: rgba(121, 88, 159, .48)
}

range-slider.disabled range-slider-fill.used {
    background: rgba(121, 88, 159, .95)
}

range-slider.disabled range-slider-fill.headroom {
    background: rgba(121, 88, 159, .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;
    border-color: #006DEB transparent transparent
}

range-slider .tooltip {
    opacity: 0
}

range-slider.is-down .tooltip, range-slider:hover .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, .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: .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, .48), rgba(0, 109, 235, .92));
    background-image: linear-gradient(to right, rgba(0, 109, 235, .48), rgba(0, 109, 235, .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, .36);
    border-right: none
}

range-slider-fill.headroom {
    background: rgba(0, 109, 235, .9)
}

range-slider-handle {
    height: 25px;
    width: 8px;
    border-radius: 3px;
    border: 1px solid #006DEB;
    background: #fff;
    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: 0
}

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: 0
}

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
}

.x-identicon.x-identicon--account-small, .x-identicon.x-identicon--small {
    width: 20px;
    height: 20px
}

.x-identicon.x-identicon--account-small span, .x-identicon.x-identicon--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;
    transition: background ease .1s, border-color ease .1s;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    border-radius: 4px;
    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, .4)
}

.stencil, .stencil-box {
    background-color: rgba(86, 102, 125, .1) !important;
    color: transparent !important
}

.hk-braintree-hosted-fields-focused {
    outline: 0;
    border-color: #79589f;
    box-shadow: 0 0 0 2px rgba(157, 112, 208, .4)
}

.hk-braintree-hosted-fields.hk-braintree-hosted-fields-invalid {
    border-color: #de7575
}

.hk-braintree-hosted-fields-focused.hk-braintree-hosted-fields-invalid {
    outline: 0;
    border-color: #de0a0a;
    box-shadow: 0 0 0 2px rgba(229, 143, 143, .4)
}

.hk-braintree-hosted-fields.hk-braintree-hosted-fields-valid {
    border-color: #86cf95
}

.hk-braintree-hosted-fields-focused.hk-braintree-hosted-fields-valid {
    outline: 0;
    border-color: #059e1c;
    box-shadow: 0 0 0 2px rgba(171, 215, 180, .4)
}

.ember-power-select-trigger, .ember-power-select-trigger--active, .ember-power-select-trigger:focus {
    border-top: 1px solid #cfd7e6;
    border-bottom: 1px solid #cfd7e6;
    border-right: 1px solid #cfd7e6;
    border-left: 1px solid #cfd7e6
}

.stencil {
    border-radius: 30px;
    padding: 0 !important;
    font-size: 9px !important
}

.stencil-box {
    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: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes pulse {
    0%, 100% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
}

@-moz-keyframes pulse {
    0%, 100% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
}

@-o-keyframes pulse {
    0%, 100% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
}

@keyframes pulse {
    0%, 100% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
}

.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, .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
}

.bulk-app-transfer .apps-list-container, .pipeline-transfer-list .apps-list-container {
    -webkit-transition: flex-shrink .4s cubic-bezier(.3, 0, 0, 1);
    -o-transition: flex-shrink .4s cubic-bezier(.3, 0, 0, 1);
    transition: flex-shrink .4s cubic-bezier(.3, 0, 0, 1);
    flex-basis: 100%
}

.bottom-slide-panel .app-container {
    -webkit-transition: left .25s ease-out, opacity .25s ease-out;
    -o-transition: left .25s ease-out, opacity .25s ease-out;
    transition: left .25s ease-out, opacity .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 .25s ease-out, opacity .25s ease-out;
    -o-transition: left .25s ease-out, opacity .25s ease-out;
    transition: left .25s ease-out, opacity .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 .2s, opacity .25s ease-out .3s;
    -o-transition: transform 1s ease-out .2s, opacity .25s ease-out .3s;
    transition: transform 1s ease-out .2s, opacity .25s ease-out .3s
}

.bottom-slide-panel.transfers-complete .summary {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.bottom-slide-panel .conclusion {
    -webkit-transition: transform .25s ease-out .2s, opacity .5s ease-out .5s;
    -o-transition: transform .25s ease-out .2s, opacity .5s ease-out .5s;
    transition: transform .25s ease-out .2s, opacity .5s ease-out .5s;
    opacity: 0
}

.bottom-slide-panel.transfers-complete .conclusion {
    opacity: 1;
    transform: translate3d(-100%, 0, 0)
}

.bottom-slide-panel .identicon-container {
    -webkit-transition: left .25s ease-out .15s;
    -o-transition: left .25s ease-out .15s;
    transition: left .25s ease-out .15s;
    position: relative;
    left: 0
}

.bottom-slide-panel .identicon-container .check {
    -webkit-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275) .7s;
    -o-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275) .7s;
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275) .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
}

.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 0 0 3px
}

.pipeline-selector .pipeline-selection {
    max-height: 250px;
    overflow: auto;
    width: 100%
}

.display-formation-list progress {
    height: 4px
}

.display-formation-list progress::-webkit-progress-bar {
    background: rgba(227, 231, 239, .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
}

.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
}

body.two-factor-catch-all-is-open #hk-slide-panels, body.two-factor-catch-all-is-open #modal-overlays {
    display: none;
    visibility: hidden !important;
    height: 0;
    width: 0
}

.app-function .c3-tooltip-container, .function-app .c3-tooltip-container {
    background-color: #323B49;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    transition: opacity .6s
}

.app-function .c3-tooltip-container tr, .function-app .c3-tooltip-container tr {
    float: left
}

.app-function .c3-tooltip-container td, .function-app .c3-tooltip-container td {
    padding-right: 5px;
    padding-left: 5px
}

.app-function .c3-chart-bar ._expanded_, .function-app .c3-chart-bar ._expanded_ {
    stroke: #9370db !important;
    fill: #9370db !important
}

.c3 line, .c3 path {
    fill: none
}

table.functions th:first-child {
    border-top-left-radius: 3px
}

table.functions th:last-child {
    border-top-right-radius: 3px
}

.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: #fff
}

.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, .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-radius: 4px;
    background-color: #fff;
    line-height: 1.75;
    overflow-x: hidden;
    text-overflow: ellipsis;
    min-height: 1.75em;
    user-select: none;
    -webkit-user-select: none;
    color: inherit
}

.ember-power-select-trigger:after {
    content: "";
    display: table;
    clear: both
}

.ember-power-select-trigger--active, .ember-power-select-trigger:focus {
    outline: 0
}

.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: #999;
    display: block;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ember-power-select-status-icon {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-style: solid;
    border-width: 7px 4px 0;
    border-color: #cfd7e6 transparent transparent
}

.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
    transform: rotate(180deg)
}

.ember-power-select-clear-btn {
    position: absolute
}

.ember-power-select-trigger-multiple-input {
    font-family: inherit;
    font-size: inherit;
    border: none;
    display: inline-block;
    line-height: inherit;
    -webkit-appearance: none;
    outline: 0;
    padding: 0;
    float: left;
    background-color: transparent;
    text-indent: 2px
}

.ember-power-select-trigger-multiple-input:disabled {
    background-color: #eee
}

.ember-power-select-trigger-multiple-input::placeholder {
    opacity: 1;
    color: #999
}

.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
    opacity: 1;
    color: #999
}

.ember-power-select-trigger-multiple-input::-moz-placeholder {
    opacity: 1;
    color: #999
}

.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
    opacity: 1;
    color: #999
}

.ember-power-select-multiple-options {
    padding: 0;
    margin: 0
}

.ember-power-select-multiple-option {
    border: 1px solid gray;
    border-radius: 4px;
    color: #333;
    background-color: #e4e4e4;
    padding: 0 4px;
    display: inline-block;
    line-height: 1.45;
    float: left;
    margin: 2px 0 2px 3px
}

.ember-power-select-multiple-remove-btn:not(:hover) {
    opacity: .5
}

.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, .4);
    outline: 0
}

.ember-power-select-dropdown {
    border-left: none;
    border-right: none;
    line-height: 1.75;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(89, 105, 129, .1), 0 3px 20px 0 rgba(89, 105, 129, .3), 0 1px 2px 0 rgba(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-option {
    padding: 0 8px
}

.ember-power-select-group[aria-disabled=true] {
    color: #999;
    cursor: not-allowed
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option, .ember-power-select-option[aria-disabled=true] {
    color: #999;
    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: 700
}

.ember-power-select-trigger[aria-disabled=true] {
    background-color: #eee
}

.ember-power-select-trigger {
    padding: 0 16px 0 0;
    -ms-flex-align: center;
    align-items: center
}

.ember-power-select-placeholder, .ember-power-select-selected-item {
    margin-left: 8px
}

.ember-power-select-status-icon {
    right: 5px;
    display: none
}

.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-trigger[dir=rtl] {
    padding: 0 0 0 16px
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder, .ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item {
    margin-right: 8px
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option, .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-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-trigger--active, .ember-power-select-trigger:focus {
    box-shadow: 0 1px 3px 0 rgba(89, 105, 129, .05), 0 1px 1px 0 rgba(0, 0, 0, .025)
}

.ember-power-select-options[role=listbox] {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    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, .4);
    line-height: 20px
}

.ember-power-select-search .ember-power-select-search-input:focus {
    box-shadow: 0 0 0 2px rgba(157, 112, 208, .4)
}

.nav.nav-tabs, .nav.nav-tabs li a {
    box-shadow: inset 0 -1px 0 #e7ebf3
}

.ember-power-select-search .ember-power-select-search-input::placeholder {
    color: #62738D
}

.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-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], .ember-power-select-trigger.br--right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@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: 400;
    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: 700;
    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
    }
}

.nav.nav-pills li a, .nav.nav-tabs li a {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: opacity ease .3s
}

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: 0 0
}

nav.glostick {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 49;
    font-family: salesforce-sans, "Helvetica Neue", helvetica, arial, sans-serif !important
}

nav.glostick .glostick__menu {
    max-height: calc(100vH - 64px);
    overflow: auto
}

@media screen and (max-width: 600px) {
    nav.glostick .glostick__menu {
        max-height: calc(100vH - 20px - 46px);
        top: 56px
    }
}

#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: .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: .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: .1
}

.main-panel {
    display: flex;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -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: 767px) {
    .main-panel {
        padding-left: 0
    }
}

.main-content, .section-content, .top-nav .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%
}

.section-header .action-buttons {
    margin-bottom: 10px;
    text-align: right
}

.item-changed-value {
    color: #006DEB
}

.container-fluid {
    padding: 0
}

.page-breadcrumb {
    color: #62738D;
    font-weight: 700;
    font-size: 12px;
    padding-bottom: 20px
}

.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) {
    .main-panel {
        width: 100%
    }

    .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 .panel-section .panel-details, .error-text p, .panel-section .error-text .panel-details {
    font-size: 13px
}

.error-text .panel-section .panel-details:first-of-type, .error-text p:first-of-type, .panel-section .error-text .panel-details:first-of-type {
    font-weight: 400;
    font-size: 16px
}

.message-banner.warning .message-banner-text, .nav.nav-tabs li a .panel-section .connected.panel-details, .nav.nav-tabs li a small.connected, .panel-section .nav.nav-tabs li a .connected.panel-details {
    font-weight: 700
}

.error-text .panel-section .panel-details:first-of-type.text-danger, .error-text p:first-of-type.text-danger, .panel-section .error-text .panel-details:first-of-type.text-danger {
    color: #DE0A0A
}

.error-text .panel-section .alert-warning.panel-details, .error-text p.alert-warning, .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: .7
}

.error-text ul {
    text-align: left
}

.modal-body .modal-intro {
    padding: 10px 30px
}

.modal-body .modal-intro .icon {
    margin-bottom: 12px
}

.modal-body .modal-intro .panel-section .panel-details, .modal-body .modal-intro p, .panel-section .modal-body .modal-intro .panel-details {
    font-size: 13px;
    color: #56667D
}

.modal-body .modal-intro .panel-section .title.panel-details, .modal-body .modal-intro p.title, .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
}

.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: .7;
    background: #fff;
    border: none;
    -o-transition: opacity ease .3s;
    transition: opacity ease .3s
}

.nav.nav-tabs li a.active, .nav.nav-tabs li a:hover {
    opacity: 1;
    background: #fff
}

.nav.nav-tabs li a.active {
    outline: 0;
    color: #56667D;
    box-shadow: inset 0 -1px 0 #fff, 0 0 0 1px rgba(71, 83, 102, .1), 0 1px 2px rgba(0, 0, 0, .05);
    border-radius: 3px 3px none none
}

.nav.nav-tabs li a .panel-section .panel-details, .nav.nav-tabs li a small, .panel-section .nav.nav-tabs li a .panel-details {
    color: #62738D;
    display: block;
    padding-top: 2px
}

.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
}

.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 .panel-section .panel-details, .nav.nav-tabs li.deploy-tab small, .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-pills {
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e7ebf3
}

.nav.nav-pills li {
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 2px 2px 0
}

.nav.nav-pills li a {
    position: relative;
    color: #79589F;
    display: inline-block;
    opacity: .7;
    background: #fff;
    -o-transition: opacity ease .3s;
    transition: opacity ease .3s
}

.nav.nav-pills li a:hover {
    opacity: 1;
    background: #fff
}

.nav.nav-pills li a.active, .nav.nav-pills li a:active, .nav.nav-pills li a:focus {
    outline: 0;
    opacity: 1;
    color: #56667D;
    box-shadow: 0 0 0 1px rgba(71, 83, 102, .1), 0 1px 2px rgba(0, 0, 0, .05);
    border-radius: 3px;
    background: #fff
}

.nav.nav-pills li a .panel-section .panel-details, .nav.nav-pills li a small, .panel-section .nav.nav-pills li a .panel-details {
    color: #62738D;
    display: block;
    padding-top: 2px
}

.nav.nav-pills li a .panel-section .connected.panel-details, .nav.nav-pills li a small.connected, .panel-section .nav.nav-pills li a .connected.panel-details {
    color: #008700
}

.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-containers a {
    color: #56667D;
    padding-left: 52px
}

.nav.nav-pills li.deploy-tab.tab-containers a .icon {
    margin-top: -15px
}

.nav.nav-pills li.deploy-tab a {
    padding: 10px 14px 10px 54px
}

.nav.nav-pills li.deploy-tab.connected a {
    padding-right: 40px
}

.nav.nav-pills li.deploy-tab .label {
    position: relative;
    top: -2px;
    margin-left: 4px;
    text-transform: uppercase;
    font-size: 9px;
    padding: 2px 4px 1px
}

.nav.nav-pills li.deploy-tab .icon.tab-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -17px
}

.nav.nav-pills li.deploy-tab .icon.icon-success-badge {
    position: absolute;
    top: 16px;
    right: 12px
}

@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 .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-pills li.deploy-tab .panel-section .panel-details, .nav.nav-pills li.deploy-tab small, .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.connected a {
        padding-right: 10px
    }

    .nav.nav-pills li.deploy-tab.tab-containers a {
        color: #56667D;
        padding-left: 10px
    }

    .nav.nav-pills li.deploy-tab.tab-containers a .icon {
        margin: 2px auto
    }

    .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-badge {
        position: absolute;
        top: 6px;
        right: 8px
    }
}

.extra-small, .show-more .btn {
    font-size: 12px
}

.sub-nav + .nav-pills {
    margin-top: -10px;
    padding-bottom: 16px
}

.subnav-toolbar {
    margin-top: -10px
}

.subnav-toolbar header {
    margin: 0 -20px
}

.extra-small {
    color: #62738D
}

.show-more {
    text-align: left
}

.show-more .btn .icon {
    margin-left: 0
}

.tooltip .tooltip-inner {
    background-color: #56667D;
    box-shadow: 0 1px 6px rgba(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: #475366
}

.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
}

.btn .icon.caret-icon {
    margin-right: -6px;
    margin-left: 2px
}

.btn-default:focus {
    background: inherit
}

#overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper, #overview-page .data-unavailable, .buildpack-installations-list .sortable-item.is-dragging, .content-box, .metrics__chart-sorting .sortable-item.is-dragging, .metrics__monitor-preview-chart__loading, .metrics__not-available, .purple-box {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(89, 105, 128, .1), 0 1px 3px 0 rgba(89, 105, 128, .1), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

#overview-page .app-overview-metrics .metrics__summary-row--favorite__link-wrapper .close-purple-box, #overview-page .data-unavailable .close-purple-box, .buildpack-installations-list .sortable-item.is-dragging .close-purple-box, .content-box .close-purple-box, .metrics__chart-sorting .sortable-item.is-dragging .close-purple-box, .metrics__monitor-preview-chart__loading .close-purple-box, .metrics__not-available .close-purple-box, .purple-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
}

.panel-section .purple-box__header .panel-details, .purple-box__header .panel-section .panel-details, .purple-box__header p {
    color: #56667D
}

.generic-banner {
    margin-left: -20px;
    margin-right: -20px
}

.nav-tabs + .generic-banner {
    margin-top: -20px
}

.message-banner {
    position: relative;
    background: #fff;
    margin: -15px -20px 30px;
    padding: 8px 20px;
    box-shadow: 0 1px 0 rgba(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: #f8f7fa;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05), 0 1px 0 rgba(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 .panel-section .panel-details, .message-banner .message-banner-text small, .panel-section .message-banner .message-banner-text .panel-details {
    font-size: 13px;
    display: block
}

.message-banner.warning {
    color: #C74C00;
    background: #fffaf6;
    box-shadow: 0 1px 0 #fdd9b5
}

.message-banner.warning .message-banner-text .panel-section .panel-details, .message-banner.warning .message-banner-text small, .panel-section .message-banner.warning .message-banner-text .panel-details {
    font-weight: 400
}

.message-banner .message-banner-actions {
    position: relative;
    white-space: nowrap
}

.modal-title {
    font-size: 15px
}

.btn.fulfilled, .btn.pending {
    pointer-events: none
}

@media (max-width: 767px) {
    .form-control {
        font-size: 16px
    }
}

.u-display-inline-block {
    display: inline-block
}

.u-display-block {
    display: block
}

.mimic-select, select.form-control:not([multiple]) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 22px;
    -moz-appearance: none;
    background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAABGdBTUEAALGPC/xhBQAAALJJREFUGBm9UCEOwkAQ3L3Cf2pwpKkhoQkej0GRUE/bpSdwbR3BYXlAwwOQmP4Eh7xlh4BFsuJmZzK7N3dMnxJp4xD05ByvRfIBssMh0i1CoJsqP4Hg0KOybDcmnIn44H2+SpJsrKrHNJ0/MDljpr332xpuIDh08H8XF0XTM/O9rnP5Xm4vEEs8sbSuV6VdVTVISEBw6AzBnJk5L7ZhMIwNl7bp+v4hNFHkpuYbAcEx9LNeG4xMYRDZ28cAAAAASUVORK5CYII=) right 8 px center 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) {
    .mimic-select, select.form-control:not([multiple]) {
        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==) right 8 px center no-repeat;
        background-size: 7px 13px
    }
}

pre {
    word-wrap: normal;
    word-break: normal
}

pre.build-stream-line {
    word-wrap: break-word;
    overflow-wrap: break-word
}

a.no-hover-underline:active, a.no-hover-underline:hover {
    text-decoration: inherit !important
}

.hk-no-link-style:active, .hk-no-link-style:focus, .hk-no-link-style:hover, .link:active, .link:hover {
    text-decoration: none !important;
    outline: 0
}

.malibu-icon {
    background: 0 0 !important;
    -moz-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
}

.top--glostick {
    top: 53px
}

.fade-to-white--up {
    background-image: linear-gradient(white, rgba(255, 255, 255, 0))
}

.fade-to-white--down {
    background-image: linear-gradient(rgba(255, 255, 255, 0), #fff)
}

.focus-z-1:focus {
    z-index: 1
}