style.css

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}

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

[hidden] {
    display: none
}

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

body {
    margin: 0
}

a:focus {
    outline: none
}

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

h1 {
    font-size: 2em
}

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

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

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

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    line-height: normal
}

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

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

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

.row {
    clear: both
}

meta.foundation-version {
    font-family: "/5.5.1/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
    width: 40.063em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
    width: 64.063em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
    width: 90.063em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

html,body {
    height: 100%
}

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

html,body {
    font-size: 100%
}

body {
    background: #fff;
    color: #222;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    cursor: auto
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.u-clearfix:before,.Revealer-shelf:before,.legacy.Revealer-shelf:before,.Tabs-content>.Tabs-pane:before,.u-clearfix:after,.Revealer-shelf:after,.legacy.Revealer-shelf:after,.Tabs-content>.Tabs-pane:after {
    content: " ";
    display: table
}

.u-clearfix:after,.Revealer-shelf:after,.legacy.Revealer-shelf:after,.Tabs-content>.Tabs-pane:after {
    clear: both
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5rem
}

.row:before,.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none
}

.row .row:before,.row .row:after {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none
}

.row .row.collapse:before,.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,.columns {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 100%;
    float: left
}

[class*="column"]+[class*="column"]:last-child {
    float: right
}

[class*="column"]+[class*="column"].end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }

    .small-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }

    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        float: left
    }

    .small-1 {
        width: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0% !important
    }

    .small-offset-1 {
        margin-left: 8.33333% !important
    }

    .small-offset-2 {
        margin-left: 16.66667% !important
    }

    .small-offset-3 {
        margin-left: 25% !important
    }

    .small-offset-4 {
        margin-left: 33.33333% !important
    }

    .small-offset-5 {
        margin-left: 41.66667% !important
    }

    .small-offset-6 {
        margin-left: 50% !important
    }

    .small-offset-7 {
        margin-left: 58.33333% !important
    }

    .small-offset-8 {
        margin-left: 66.66667% !important
    }

    .small-offset-9 {
        margin-left: 75% !important
    }

    .small-offset-10 {
        margin-left: 83.33333% !important
    }

    .small-offset-11 {
        margin-left: 91.66667% !important
    }

    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.small-centered,.columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered,.columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.small-centered:last-child,.columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child,.columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite,.columns.small-uncentered.opposite {
        float: right
    }

    .row.small-collapse>.column,.row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.small-uncollapse>.column,.row.small-uncollapse>.columns {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        float: left
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-push-0 {
        position:relative;
        left: 0%;
        right: auto
    }

    .medium-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        float: left
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0% !important
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important
    }

    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.medium-centered,.columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered,.columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.medium-centered:last-child,.columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,.columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,.columns.medium-uncentered.opposite {
        float: right
    }

    .row.medium-collapse>.column,.row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.medium-uncollapse>.column,.row.medium-uncollapse>.columns {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        float: left
    }

    .push-0 {
        position: relative;
        left: 0%;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

@media only screen and (min-width: 64.063em) {
    .large-push-0 {
        position:relative;
        left: 0%;
        right: auto
    }

    .large-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        float: left
    }

    .large-1 {
        width: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0% !important
    }

    .large-offset-1 {
        margin-left: 8.33333% !important
    }

    .large-offset-2 {
        margin-left: 16.66667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.33333% !important
    }

    .large-offset-5 {
        margin-left: 41.66667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.33333% !important
    }

    .large-offset-8 {
        margin-left: 66.66667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.33333% !important
    }

    .large-offset-11 {
        margin-left: 91.66667% !important
    }

    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.large-centered,.columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered,.columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.large-centered:last-child,.columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child,.columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite,.columns.large-uncentered.opposite {
        float: right
    }

    .row.large-collapse>.column,.row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.large-uncollapse>.column,.row.large-uncollapse>.columns {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        float: left
    }

    .push-0 {
        position: relative;
        left: 0%;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.5rem
}

[class*="block-grid-"]:before,[class*="block-grid-"]:after {
    content: " ";
    display: table
}

[class*="block-grid-"]:after {
    clear: both
}

[class*="block-grid-"]>li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.5rem 1rem
}

@media only screen {
    .small-block-grid-1>li {
        width: 100%;
        list-style: none
    }

    .small-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .small-block-grid-2>li {
        width: 50%;
        list-style: none
    }

    .small-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .small-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }

    .small-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .small-block-grid-4>li {
        width: 25%;
        list-style: none
    }

    .small-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .small-block-grid-5>li {
        width: 20%;
        list-style: none
    }

    .small-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .small-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }

    .small-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .small-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }

    .small-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .small-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }

    .small-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .small-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }

    .small-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .small-block-grid-10>li {
        width: 10%;
        list-style: none
    }

    .small-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .small-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }

    .small-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .small-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }

    .small-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-block-grid-1>li {
        width:100%;
        list-style: none
    }

    .medium-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .medium-block-grid-2>li {
        width: 50%;
        list-style: none
    }

    .medium-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .medium-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }

    .medium-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .medium-block-grid-4>li {
        width: 25%;
        list-style: none
    }

    .medium-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .medium-block-grid-5>li {
        width: 20%;
        list-style: none
    }

    .medium-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .medium-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }

    .medium-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .medium-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }

    .medium-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .medium-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }

    .medium-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .medium-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }

    .medium-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .medium-block-grid-10>li {
        width: 10%;
        list-style: none
    }

    .medium-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .medium-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }

    .medium-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .medium-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }

    .medium-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 64.063em) {
    .large-block-grid-1>li {
        width:100%;
        list-style: none
    }

    .large-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .large-block-grid-2>li {
        width: 50%;
        list-style: none
    }

    .large-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }

    .large-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }

    .large-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .large-block-grid-4>li {
        width: 25%;
        list-style: none
    }

    .large-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .large-block-grid-5>li {
        width: 20%;
        list-style: none
    }

    .large-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .large-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }

    .large-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .large-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }

    .large-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .large-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }

    .large-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .large-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }

    .large-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .large-block-grid-10>li {
        width: 10%;
        list-style: none
    }

    .large-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .large-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }

    .large-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .large-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }

    .large-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

.block-grid-collapse {
    margin: 0
}

.block-grid-collapse li {
    padding: 0
}

.hljs-comment {
    color: #8e908c
}

.hljs-variable,.hljs-attribute,.hljs-tag,.hljs-regexp,.ruby .hljs-constant,.xml .hljs-tag .hljs-title,.xml .hljs-pi,.xml .hljs-doctype,.html .hljs-doctype,.css .hljs-id,.css .hljs-class,.css .hljs-pseudo {
    color: #298eea
}

.hljs-number,.hljs-preprocessor,.hljs-pragma,.hljs-built_in,.hljs-literal,.hljs-params,.hljs-constant {
    color: #f5871f
}

.ruby .hljs-class .hljs-title,.css .hljs-rules .hljs-attribute {
    color: #eab700
}

.hljs-string,.hljs-value,.hljs-inheritance,.hljs-header,.ruby .hljs-symbol,.xml .hljs-cdata {
    color: #12ad60
}

.hljs-title,.css .hljs-hexcolor {
    color: #3e999f
}

.hljs-function,.python .hljs-decorator,.python .hljs-title,.ruby .hljs-function .hljs-title,.ruby .hljs-title .hljs-keyword,.perl .hljs-sub,.javascript .hljs-title,.coffeescript .hljs-title {
    color: #4271ae
}

.hljs-keyword,.javascript .hljs-function {
    color: #8959a8
}

.hljs {
    display: block;
    -webkit-text-size-adjust: none;
    word-wrap: break-word
}

.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .javascript,.xml .vbscript,.xml .css,.xml .hljs-cdata {
    opacity: 0.5
}

@font-face {
    font-family: 'buoycons';
    src: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/buoycons/buoycons-a2caa15bdcf5c5c2a8c68c1bc38a8562.eot?-v603zj);
    src: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/buoycons/buoycons-a2caa15bdcf5c5c2a8c68c1bc38a8562.eot?#iefix-v603zj) format("embedded-opentype"),url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/buoycons/buoycons-701ad2dd017dc04cb393f33f0f9859d6.woff?-v603zj) format("woff"),url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/buoycons/buoycons-cba317c09656b68ded34bbaf5c0919d5.ttf?-v603zj) format("truetype"),url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/buoycons/buoycons-e9e8555356f980a707475bfc489a5407.svg?-v603zj#icomoon) format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="Icon--"]:before,[class*=" Icon--"]:before {
    font-family: 'buoycons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.Icon--mail:before {
    content: "\e60a"
}

.Icon--billing:before {
    content: "\e60b"
}

.Icon--droplet:before {
    content: "\e60c"
}

.Icon--edit:before {
    content: "\e802"
}

.Icon--upgrade:before {
    content: "\e60e"
}

.Icon--transfer:before {
    content: "\e60f"
}

.Icon--edit2:before {
    content: "\e802"
}

.Icon--region:before {
    content: "\e803"
}

.Icon--refresh:before {
    content: "\e804"
}

.Icon--backup:before {
    content: "\e613"
}

.Icon--arrowLeft:before {
    content: "\e600"
}

.Icon--arrowRight:before {
    content: "\e601"
}

.Icon--arrowUp:before {
    content: "\e602"
}

.Icon--arrowDown:before {
    content: "\e609"
}

.Icon--check:before {
    content: "\e603"
}

.Icon--close:before {
    content: "\e604"
}

.Icon--gear:before {
    content: "\e605"
}

.Icon--sammy:before {
    content: "\e606"
}

.Icon--search:before {
    content: "\e607"
}

.Icon--wave:before {
    content: "\e608"
}

.Icon--arrowLongDown:before {
    content: "\e805"
}

.Icon--arrowLongLeft:before {
    content: "\e806"
}

.Icon--arrowLongRight:before {
    content: "\e807"
}

.Icon--arrowLongUp:before {
    content: "\e808"
}

.Icon--arrowFilterDown:before {
    content: "\e800"
}

.Icon--arrowFilterUp:before {
    content: "\e801"
}

.Icon--error:before {
    content: "!";
    font-weight: bold
}

.Icon--blue:before {
    color: #298eea
}

.Icon--green:before {
    color: #15CD72
}

.Icon--red:before {
    color: #ED4F32
}

.is-flipped {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.is-hidden {
    display: none
}

.u-clearfix:after,.Revealer-shelf:after,.legacy.Revealer-shelf:after,.Tabs-content>.Tabs-pane:after,.u-clearfix.before,.before.Revealer-shelf,.Tabs-content>.before.Tabs-pane {
    content: "";
    display: table;
    clear: both
}

.u-clear {
    clear: both
}

.u-textAlignCenter {
    text-align: center
}

.u-textAlignRight {
    text-align: right
}

.u-textAlignLeft {
    text-align: left
}

.u-floatRight {
    float: right !important
}

.u-floatLeft {
    float: left !important
}

.u-equalHeight {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.u-equalHeight>* {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.u-equalHeight>.columns>* {
    width: 100%
}

.u-capitalize {
    text-transform: uppercase
}

.u-centerVertical {
    display: block;
    margin-top: 1.5rem
}

html {
    box-sizing: border-box;
    font-size: 1rem
}

*,*:before,*:after {
    box-sizing: border-box
}

body {
    background: #ffffff;
    color: #676767;
    margin: 0 auto;
    font-family: "proxima-nova", "proxima nova", "helvetica neue", "helvetica", "arial", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale
}

ul {
    margin: 0;
    padding: 0;
    list-style-position: inside
}

.u-ma-0 {
    margin: 0 !important
}

.u-mt-0 {
    margin-top: 0 !important
}

.u-mr-0 {
    margin-right: 0 !important
}

.u-mb-0 {
    margin-bottom: 0 !important
}

.u-ml-0 {
    margin-left: 0 !important
}

.u-pa-0 {
    padding: 0 !important
}

.u-pt-0 {
    padding-top: 0 !important
}

.u-pr-0 {
    padding-right: 0 !important
}

.u-pb-0 {
    padding-bottom: 0 !important
}

.u-pl-0 {
    padding-left: 0 !important
}

.u-ma-1 {
    margin: 0.25rem !important
}

.u-mh-1 {
    margin: 0 0.25rem !important
}

.u-mv-1 {
    margin: 0.25rem 0 !important
}

.u-mt-1 {
    margin-top: 0.25rem !important
}

.u-mr-1 {
    margin-right: 0.25rem !important
}

.u-mb-1 {
    margin-bottom: 0.25rem !important
}

.u-ml-1 {
    margin-left: 0.25rem !important
}

.u-pa-1 {
    padding: 0.25rem !important
}

.u-ph-1 {
    padding: 0 0.25rem !important
}

.u-pv-1 {
    padding: 0.25rem 0 !important
}

.u-pt-1 {
    padding-top: 0.25rem !important
}

.u-pr-1 {
    padding-right: 0.25rem !important
}

.u-pb-1 {
    padding-bottom: 0.25rem !important
}

.u-pl-1 {
    padding-left: 0.25rem !important
}

.u-ma-2 {
    margin: 0.5rem !important
}

.u-mh-2 {
    margin: 0 0.5rem !important
}

.u-mv-2 {
    margin: 0.5rem 0 !important
}

.u-mt-2 {
    margin-top: 0.5rem !important
}

.u-mr-2 {
    margin-right: 0.5rem !important
}

.u-mb-2 {
    margin-bottom: 0.5rem !important
}

.u-ml-2 {
    margin-left: 0.5rem !important
}

.u-pa-2 {
    padding: 0.5rem !important
}

.u-ph-2 {
    padding: 0 0.5rem !important
}

.u-pv-2 {
    padding: 0.5rem 0 !important
}

.u-pt-2 {
    padding-top: 0.5rem !important
}

.u-pr-2 {
    padding-right: 0.5rem !important
}

.u-pb-2 {
    padding-bottom: 0.5rem !important
}

.u-pl-2 {
    padding-left: 0.5rem !important
}

.u-ma-3 {
    margin: 1rem !important
}

.u-mh-3 {
    margin: 0 1rem !important
}

.u-mv-3 {
    margin: 1rem 0 !important
}

.u-mt-3 {
    margin-top: 1rem !important
}

.u-mr-3 {
    margin-right: 1rem !important
}

.u-mb-3 {
    margin-bottom: 1rem !important
}

.u-ml-3 {
    margin-left: 1rem !important
}

.u-pa-3 {
    padding: 1rem !important
}

.u-ph-3 {
    padding: 0 1rem !important
}

.u-pv-3 {
    padding: 1rem 0 !important
}

.u-pt-3 {
    padding-top: 1rem !important
}

.u-pr-3 {
    padding-right: 1rem !important
}

.u-pb-3 {
    padding-bottom: 1rem !important
}

.u-pl-3 {
    padding-left: 1rem !important
}

.u-ma-4 {
    margin: 1.5rem !important
}

.u-mh-4 {
    margin: 0 1.5rem !important
}

.u-mv-4 {
    margin: 1.5rem 0 !important
}

.u-mt-4 {
    margin-top: 1.5rem !important
}

.u-mr-4 {
    margin-right: 1.5rem !important
}

.u-mb-4 {
    margin-bottom: 1.5rem !important
}

.u-ml-4 {
    margin-left: 1.5rem !important
}

.u-pa-4 {
    padding: 1.5rem !important
}

.u-ph-4 {
    padding: 0 1.5rem !important
}

.u-pv-4 {
    padding: 1.5rem 0 !important
}

.u-pt-4 {
    padding-top: 1.5rem !important
}

.u-pr-4 {
    padding-right: 1.5rem !important
}

.u-pb-4 {
    padding-bottom: 1.5rem !important
}

.u-pl-4 {
    padding-left: 1.5rem !important
}

.u-ma-5 {
    margin: 2rem !important
}

.u-mh-5 {
    margin: 0 2rem !important
}

.u-mv-5 {
    margin: 2rem 0 !important
}

.u-mt-5 {
    margin-top: 2rem !important
}

.u-mr-5 {
    margin-right: 2rem !important
}

.u-mb-5 {
    margin-bottom: 2rem !important
}

.u-ml-5 {
    margin-left: 2rem !important
}

.u-pa-5 {
    padding: 2rem !important
}

.u-ph-5 {
    padding: 0 2rem !important
}

.u-pv-5 {
    padding: 2rem 0 !important
}

.u-pt-5 {
    padding-top: 2rem !important
}

.u-pr-5 {
    padding-right: 2rem !important
}

.u-pb-5 {
    padding-bottom: 2rem !important
}

.u-pl-5 {
    padding-left: 2rem !important
}

.u-ma-6 {
    margin: 2.5rem !important
}

.u-mh-6 {
    margin: 0 2.5rem !important
}

.u-mv-6 {
    margin: 2.5rem 0 !important
}

.u-mt-6 {
    margin-top: 2.5rem !important
}

.u-mr-6 {
    margin-right: 2.5rem !important
}

.u-mb-6 {
    margin-bottom: 2.5rem !important
}

.u-ml-6 {
    margin-left: 2.5rem !important
}

.u-pa-6 {
    padding: 2.5rem !important
}

.u-ph-6 {
    padding: 0 2.5rem !important
}

.u-pv-6 {
    padding: 2.5rem 0 !important
}

.u-pt-6 {
    padding-top: 2.5rem !important
}

.u-pr-6 {
    padding-right: 2.5rem !important
}

.u-pb-6 {
    padding-bottom: 2.5rem !important
}

.u-pl-6 {
    padding-left: 2.5rem !important
}

.u-ma-7 {
    margin: 3rem !important
}

.u-mh-7 {
    margin: 0 3rem !important
}

.u-mv-7 {
    margin: 3rem 0 !important
}

.u-mt-7 {
    margin-top: 3rem !important
}

.u-mr-7 {
    margin-right: 3rem !important
}

.u-mb-7 {
    margin-bottom: 3rem !important
}

.u-ml-7 {
    margin-left: 3rem !important
}

.u-pa-7 {
    padding: 3rem !important
}

.u-ph-7 {
    padding: 0 3rem !important
}

.u-pv-7 {
    padding: 3rem 0 !important
}

.u-pt-7 {
    padding-top: 3rem !important
}

.u-pr-7 {
    padding-right: 3rem !important
}

.u-pb-7 {
    padding-bottom: 3rem !important
}

.u-pl-7 {
    padding-left: 3rem !important
}

.u-ma-8 {
    margin: 4rem !important
}

.u-mh-8 {
    margin: 0 4rem !important
}

.u-mv-8 {
    margin: 4rem 0 !important
}

.u-mt-8 {
    margin-top: 4rem !important
}

.u-mr-8 {
    margin-right: 4rem !important
}

.u-mb-8 {
    margin-bottom: 4rem !important
}

.u-ml-8 {
    margin-left: 4rem !important
}

.u-pa-8 {
    padding: 4rem !important
}

.u-ph-8 {
    padding: 0 4rem !important
}

.u-pv-8 {
    padding: 4rem 0 !important
}

.u-pt-8 {
    padding-top: 4rem !important
}

.u-pr-8 {
    padding-right: 4rem !important
}

.u-pb-8 {
    padding-bottom: 4rem !important
}

.u-pl-8 {
    padding-left: 4rem !important
}

.u-ma-9 {
    margin: 5rem !important
}

.u-mh-9 {
    margin: 0 5rem !important
}

.u-mv-9 {
    margin: 5rem 0 !important
}

.u-mt-9 {
    margin-top: 5rem !important
}

.u-mr-9 {
    margin-right: 5rem !important
}

.u-mb-9 {
    margin-bottom: 5rem !important
}

.u-ml-9 {
    margin-left: 5rem !important
}

.u-pa-9 {
    padding: 5rem !important
}

.u-ph-9 {
    padding: 0 5rem !important
}

.u-pv-9 {
    padding: 5rem 0 !important
}

.u-pt-9 {
    padding-top: 5rem !important
}

.u-pr-9 {
    padding-right: 5rem !important
}

.u-pb-9 {
    padding-bottom: 5rem !important
}

.u-pl-9 {
    padding-left: 5rem !important
}

.u-ma-10 {
    margin: !important
}

.u-mh-10 {
    margin: 0 !important
}

.u-mv-10 {
    margin: 0 !important
}

.u-mt-10 {
    margin-top: !important
}

.u-mr-10 {
    margin-right: !important
}

.u-mb-10 {
    margin-bottom: !important
}

.u-ml-10 {
    margin-left: !important
}

.u-pa-10 {
    padding: !important
}

.u-ph-10 {
    padding: 0 !important
}

.u-pv-10 {
    padding: 0 !important
}

.u-pt-10 {
    padding-top: !important
}

.u-pr-10 {
    padding-right: !important
}

.u-pb-10 {
    padding-bottom: !important
}

.u-pl-10 {
    padding-left: !important
}

.is-flipped {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.is-hidden {
    display: none
}

.u-clearfix:after,.Revealer-shelf:after,.legacy.Revealer-shelf:after,.Tabs-content>.Tabs-pane:after,.u-clearfix.before,.before.Revealer-shelf,.Tabs-content>.before.Tabs-pane {
    content: "";
    display: table;
    clear: both
}

.u-clear {
    clear: both
}

.u-textAlignCenter {
    text-align: center
}

.u-textAlignRight {
    text-align: right
}

.u-textAlignLeft {
    text-align: left
}

.u-floatRight {
    float: right !important
}

.u-floatLeft {
    float: left !important
}

.u-equalHeight {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.u-equalHeight>* {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.u-equalHeight>.columns>* {
    width: 100%
}

.u-capitalize {
    text-transform: uppercase
}

.u-centerVertical {
    display: block;
    margin-top: 1.5rem
}

.u-dividerBottomLarge {
    border-bottom: 2px solid #ececec;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

.u-dividerBottomLarge:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0
}

.u-dividerTopLarge {
    border-top: 2px solid #ececec;
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.u-dividerTopLarge:first-child {
    padding-top: 0;
    margin-top: 0;
    border: 0
}

.u-dividerBottomSmall {
    border-bottom: 1px solid #ececec;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

.u-dividerBottomSmall:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0
}

.u-dividerTopSmall {
    border-top: 1px solid #ececec;
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.u-dividerTopSmall:first-child {
    padding-top: 0;
    margin-top: 0;
    border: 0
}

hr,.Divider {
    background: #f1f1f1;
    color: #f1f1f1;
    height: 2px;
    border: 0;
    margin: 2rem 0
}

hr.Divider--large,.Divider.Divider--large {
    margin-top: 3rem;
    margin-bottom: 3rem
}

hr.Divider--small,.Divider.Divider--small {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

hr.Divider--dark,.Divider.Divider--dark {
    background: #fafafa;
    color: #fafafa
}

.Box hr,.Box .Divider {
    margin-left: -2rem;
    margin-right: -2rem
}

.Box {
    position: relative;
    padding: 2rem;
    border: 2px solid #f1f1f1;
    border-radius: 3px
}

.Box.Box--dark {
    background-color: #fafafa;
    border-color: transparent
}

nav li {
    list-style: none
}

.SideNav {
    font-size: 1rem
}

.SideNav h3 {
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 0.5rem
}

.SideNav ul {
    margin-bottom: 2rem
}

.SideNav li {
    margin-bottom: 0.25rem
}

.SideNav li a.is-active,.SideNav li.is-active a {
    color: #298eea
}

.SideNav li a.is-active:focus,.SideNav li.is-active a:focus {
    color: #298eea
}

.SideNav li a:focus {
    outline: 0;
    color: #298eea;
    position: relative
}

.SideNav li a:focus:before {
    content: '';
    left: -12px;
    width: 2px;
    position: absolute;
    border: 0;
    bottom: 2px;
    top: 2px;
    pointer-events: none;
    background-color: #298eea
}

.SideNav li a:active:before {
    border: 0;
    color: #676767
}

.SideNav a {
    padding: 0;
    border: 0;
    color: #999999
}

.SideNav a:hover {
    color: #676767
}

h1,h2,h3,h4,h5 {
    font-weight: 400;
    margin: 0;
    color: #444
}

h1 {
    font-weight: 300;
    font-size: 2.4rem;
    -moz-osx-font-smoothing: inherit;
    margin-bottom: 1.5rem
}

h2 {
    font-weight: 400;
    font-size: 1.7rem;
    margin-bottom: 0.5rem
}

h3 {
    font-weight: 600;
    font-size: 1.3rem;
    margin-bottom: 0.5rem
}

h4,form legend {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06rem;
    font-size: .8rem;
    color: #bbbbbb;
    margin-bottom: 0.5rem
}

.small {
    color: #999999
}

.small-dark {
    color: #676767
}

.small,.small-dark {
    font-size: .9rem;
    line-height: 1.3rem
}

.small code,.small-dark code {
    font-size: 0.8125rem;
    padding: .1rem .2rem
}

p {
    margin: 0 0 0.8rem;
    line-height: 1.45rem;
    font-size: 1rem
}

p:last-child {
    margin-bottom: 0
}

p+h1,p+h2,p+h3,p+h4 {
    margin-top: 2.5rem
}

strong {
    font-weight: 600
}

.strongLabel {
    font-weight: 600;
    display: inline-block;
    margin-right: 3px
}

a {
    color: #298eea;
    border-bottom: 1px solid #7DC1FF;
    padding-bottom: 1px;
    text-decoration: none
}

code {
    color: #383838;
    font-size: .85rem;
    padding: 3px 3px 3px 2px;
    margin: 0 1px 0 2px;
    border-radius: 2px;
    border: 1px solid #dfdfdf;
    white-space: nowrap
}

ul,ol {
    padding: 0;
    margin: 0;
    list-style-position: inside
}

ul.List--noBullets {
    list-style: none
}

ol {
    counter-reset: list-counter
}

ol li {
    list-style: none
}

ol li:before {
    content: counter(list-counter,decimal);
    counter-increment: list-counter;
    margin-right: .5rem;
    font-weight: 600;
    color: #298eea
}

pre {
    font-size: .85rem;
    background-color: #F6F6F6;
    border-radius: 3px;
    padding: 13px 17px;
    white-space: pre;
    word-wrap: normal;
    overflow: auto
}

::selection {
    background: #298eea;
    color: #ffffff
}

::-moz-selection {
    background: #298eea;
    color: #ffffff
}

.Button {
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #ececec;
    color: #676767;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border: 1px solid #ececec;
    padding: 0 1.6rem;
    font-size: 0.9rem;
    height: 3rem;
    line-height: 3rem;
    -webkit-appearance: none
}

.Button:not(.Button--noHover):hover {
    background: #dfdfdf;
    border: 1px solid transparent
}

.Button:focus {
    outline: 0;
    box-shadow: 0 0 0 1px white, 0 0 2px 2px #298eea
}

.Button--fullWidth {
    width: 100%;
    padding: 0
}

.Button--fullWidth.Button--withIcon {
    position: relative
}

.Button--fullWidth.Button--withIcon:before {
    position: absolute;
    right: 1.5rem;
    top: 1.1rem
}

.Button--withIcon:before {
    font-size: .8em;
    line-height: 1.2
}

.Button--blue {
    color: #ffffff;
    background: #298eea;
    border-color: #298eea
}

.Button--blue:not(.Button--noHover):hover {
    background: #2180d7;
    color: #ffffff;
    border: 1px solid transparent
}

.Button--iconCircle {
    border-radius: 50%
}

.Button--icon {
    padding: .4rem;
    line-height: normal;
    margin: 0 .1rem;
    height: auto
}

.Button--icon:before {
    width: .75rem;
    height: .75rem;
    font-size: .75rem;
    display: block
}

.Button--icon:first-child {
    margin-left: 0
}

.Button--icon:last-child {
    margin-right: 0
}

.Button--withIcon:before {
    margin-right: .6rem;
    display: inline-block
}

.Button--green {
    color: white;
    background: #15CD72;
    border: 1px solid #15CD72
}

.Button--green:not(.Button--noHover):hover {
    background: #0CB863;
    border: 1px solid #0CB863
}

.Button--green.Button--outline {
    color: #15CD72
}

.Button--green.Button--outline:not(.Button--noHover):hover {
    background: #15CD72;
    border: 1px solid #15CD72
}

.Button--red {
    color: white;
    background: #ED4F32;
    border: 1px solid #ED4F32
}

.Button--red:not(.Button--noHover):hover {
    background: #DA4429
}

.Button--red.Button--outline {
    color: #ED4F32
}

.Button--red.Button--outline:not(.Button--noHover):hover {
    background: #ED4F32;
    border: 1px solid #ED4F32
}

.Button--outline {
    background: none;
    color: #298eea
}

.Button--outline:not(.Button--noHover):hover {
    background: #298eea;
    color: #ffffff
}

.Button.is-disabled,.Button[disabled] {
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    color: #bbbbbb;
    cursor: not-allowed
}

.Button.is-disabled:hover,.Button[disabled]:hover {
    border: 1px solid #f1f1f1
}

.Button.is-disabled:not(.Button--noHover):hover,.Button[disabled]:not(.Button--noHover):hover {
    background: #f1f1f1;
    color: #bbbbbb
}

.Button--grey {
    background: #dfdfdf;
    border: 1px solid #dfdfdf;
    color: #999999
}

.Button--grey:not(.Button--noHover):hover {
    background: #d7d7d7;
    color: #999999
}

.Button--grey.Button--outline {
    color: #999999;
    background: none
}

.Button--grey.Button--outline:not(.Button--noHover):hover {
    background: #f1f1f1;
    border: 1px solid #dfdfdf
}

.Button--noHover:hover {
    cursor: default
}

.Badge {
    border-radius: 3px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    padding: 1px 5px 0px 5px;
    font-size: 0.7rem;
    vertical-align: middle;
    position: relative;
    top: -1px;
    line-height: 1.2rem;
    text-transform: uppercase;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    color: #999999
}

.Badge--green {
    background: #15CD72;
    border: 1px solid #15CD72;
    color: #ffffff;
    font-weight: 700
}

.Badge--red {
    background: #ED4F32;
    border: 1px solid #ED4F32;
    color: #ffffff;
    font-weight: 700
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.2.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2014 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom:1;*display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0,0,0,0.15)
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 40px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 40px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: white;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 600;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
    background-image: -o-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
    background-image: -o-linear-gradient(#eee 20%, #fff 80%);
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 12px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important
}

.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop {
    left: 9999px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

form legend {
    display: block;
    margin-bottom: 0.5rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

form legend:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    top: 0.5rem;
    margin-left: 0.25rem;
    background: #dfdfdf
}

form fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    margin-bottom: 1rem
}

input[type="checkbox"],input[type="email"],input[type="password"],input[type="radio"],input[type="search"],input[type="text"],input[type="number"],textarea,select {
    border: 1px solid #dfdfdf;
    font-size: 1rem;
    padding: 1rem;
    color: #444;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    outline: 0;
    display: inline-block;
    margin-bottom: 1rem;
    text-align: left
}

input[type="checkbox"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="radio"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="number"]:focus,textarea:focus,select:focus {
    border-color: #298eea
}

input[type="checkbox"]:-webkit-autofill,input[type="email"]:-webkit-autofill,input[type="password"]:-webkit-autofill,input[type="radio"]:-webkit-autofill,input[type="search"]:-webkit-autofill,input[type="text"]:-webkit-autofill,input[type="number"]:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #F4FAFF inset !important
}

input[type="checkbox"]:-webkit-autofill+label,input[type="email"]:-webkit-autofill+label,input[type="password"]:-webkit-autofill+label,input[type="radio"]:-webkit-autofill+label,input[type="search"]:-webkit-autofill+label,input[type="text"]:-webkit-autofill+label,input[type="number"]:-webkit-autofill+label,textarea:-webkit-autofill+label,select:-webkit-autofill+label {
    color: #88ABCB
}

input[type="email"],input[type="password"],input[type="text"],input[type="search"],input[type="number"],select {
    height: 3rem;
    padding: 0 .85rem;
    width: 100%
}

input[type="email"]::-ms-clear,input[type="password"]::-ms-clear,input[type="text"]::-ms-clear,input[type="search"]::-ms-clear,input[type="number"]::-ms-clear,select::-ms-clear {
    display: none
}

.FloatLabel {
    position: relative
}

.FloatLabel.is-active input {
    padding: 1.3rem 0.85rem 0.45rem 0.85rem !important
}

.FloatLabel.is-active textarea {
    padding: 1.5rem 0.85rem 0.45rem 0.85rem !important
}

.FloatLabel.is-active .FloatLabel-label {
    opacity: 1;
    visibility: visible
}

.FloatLabel.is-focused .FloatLabel-label {
    color: #298eea
}

.FloatLabel-label {
    position: absolute;
    top: 6px;
    left: 10px;
    font-size: 11px;
    font-weight: bold;
    color: #bbbbbb;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.FloatLabel-label.is-visible {
    opacity: 1;
    visibility: visible
}

input+.FloatLabel-label {
    top: 6px
}

textarea+.FloatLabel-label {
    top: 1px;
    right: 10px;
    padding-top: 7px;
    padding-bottom: 9px;
    background: linear-gradient(#fff 70%, rgba(255,255,255,0))
}

textarea {
    resize: vertical;
    display: block;
    width: 100%;
    min-height: 12rem;
    padding: .85rem
}

::-webkit-input-placeholder {
    color: #bbbbbb
}

:-moz-placeholder {
    color: #bbbbbb
}

::-moz-placeholder {
    color: #bbbbbb
}

:-ms-input-placeholder {
    color: #bbbbbb
}

.Input-message {
    font-size: .9rem;
    font-weight: 400;
    color: #ED4F32;
    display: block;
    margin-top: 0.5rem
}

.Input-message--thanks {
    color: #bbbbbb
}

.Select {
    position: relative
}

.Select:after {
    position: absolute;
    font-family: 'buoycons';
    content: "\e609";
    text-align: center;
    font-size: .8rem;
    color: #CBCBCB;
    line-height: .5rem;
    right: 15px;
    top: 21px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #FFF;
    position: relative;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: right 15px center;
    cursor: pointer;
    position: relative
}

label.header {
    font-weight: 600;
    font-size: .9rem;
    color: #676767;
    margin-bottom: 1rem;
    display: block
}

.Input-label {
    left: 1.4em;
    top: .5em
}

.Input-label.is-visible {
    display: block !important;
    opacity: 1 !important
}

.Textarea-label {
    left: 1.4em;
    top: .5em
}

.Textarea-label.is-visible {
    display: block !important;
    opacity: 1 !important
}

.FloatLabel:after {
    font-family: 'buoycons';
    font-size: .8rem;
    position: absolute;
    top: 15px;
    right: 15px;
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69);
    transition: all 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69);
    transform: scale(0);
    content: ''
}

.FloatLabel.validatePass:after {
    content: "\e603";
    color: #15CD72;
    transform: scale(1)
}

.FloatLabel.validateFail input {
    border-color: #ED4F32;
    padding: 1.3rem 0.85rem 0.45rem 0.85rem !important
}

.FloatLabel.validateFail textarea {
    border-color: #ED4F32;
    padding: 1.5rem 0.85rem 0.45rem 0.85rem !important
}

.FloatLabel.validateFail .FloatLabel-label {
    color: #ED4F32 !important
}

.FloatLabel.is-required:before {
    content: '*';
    font-size: 25px;
    position: absolute;
    top: 10px;
    right: 11px;
    color: #298eea;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.formGroup.is-required label.header:after {
    content: '*';
    font-size: 25px;
    color: #298eea;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    top: 6px;
    margin-left: 4px
}

.is-requiredSelect label.header:after {
    content: '*';
    font-size: 25px;
    color: #298eea;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    top: 6px;
    margin-left: 4px
}

.is-requiredSelect .chosen-container.chosen-container-single .chosen-single span:before {
    right: 1.85rem
}

.is-requiredSelect .chosen-container.chosen-container-single .chosen-single span:not(.validatePass):after {
    content: '*';
    line-height: 1;
    transform: scale(1);
    font-size: 25px;
    color: #298eea;
    position: absolute;
    top: 1rem;
    right: 10px
}

input[type=checkbox],input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

input[type=checkbox]+span,input[type=radio]+span {
    background: #999;
    height: 22px;
    width: 22px;
    display: inline-block;
    padding: 0 0 0 0px;
    background: #fff;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    position: absolute;
    border-radius: 3px
}

input[type=radio]+span {
    border-radius: 50%
}

input[type=checkbox]:checked+span,input[type=radio]:checked+span {
    border-color: #298eea
}

input[type=checkbox]:checked+span:after {
    font-family: 'buoycons';
    content: "\e603";
    text-align: center;
    font-size: 0.75rem;
    color: #298eea;
    position: absolute;
    line-height: 1.3rem;
    left: 0;
    top: 0;
    width: 100%
}

input[type=radio]:checked+span {
    border-color: #298eea;
    border-width: 1px
}

input[type=radio]:checked+span:before {
    content: '';
    position: absolute;
    left: 0;
    background: #298eea;
    top: 0;
    border: 6px solid #FFF;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

input[type=checkbox]+span+label,input[type=radio]+span+label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 2.1875rem;
    vertical-align: top
}

input[type=checkbox]+span+label.multiLine,input[type=radio]+span+label.multiLine {
    top: -5px
}

.Label--multiLine {
    top: -5px
}

.checkbox,.radio {
    float: left;
    margin-right: 2rem
}

.checkbox:last-child,.radio:last-child {
    margin-right: 0
}

input[type=checkbox][disabled]+span,input[type=radio][disabled]+span,input[type=checkbox].is-disabled+span,input[type=radio].is-disabled+span {
    opacity: .5;
    background: #F2F2F2
}

input[type=checkbox][disabled]+span+label,input[type=radio][disabled]+span+label,input[type=checkbox].is-disabled+span+label,input[type=radio].is-disabled+span+label {
    opacity: .4;
    cursor: not-allowed;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input[type=checkbox][disabled]:checked+label,input[type=checkbox].is-disabled:checked+label {
    opacity: .4;
    cursor: not-allowed;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input[type=radio][disabled]:checked+span,input[type=radio].is-disabled:checked+span {
    opacity: .5;
    border-color: #298eea;
    border-width: 1px
}

input[type=radio][disabled]:checked+span:before,input[type=radio].is-disabled:checked+span:before {
    content: '';
    position: absolute;
    left: 0;
    background: #298eea;
    top: 0;
    border: 6px solid #FFF;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

input[type=radio][disabled]:checked+label,input[type=radio].is-disabled:checked+label {
    opacity: .4;
    cursor: not-allowed;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input[type=checkbox]:focus+span+label,input[type=radio]:focus+span+label {
    color: #298eea
}

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

li.selectable span {
    border-radius: 3px;
    padding: 5px 15px 0 15px;
    text-align: left;
    height: 53px;
    border: 1px solid #ececec;
    font-size: 14px;
    display: block;
    cursor: pointer
}

li.selectable:hover span {
    border-color: #cbcbcb
}

li.selectable p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600
}

li.selectable .small {
    font-weight: 400
}

li.selectable.selected span {
    border: 1px solid #298eea;
    background: #298eea;
    color: white
}

li.selectable.selected .small {
    color: white
}

.chosen-container {
    text-align: left
}

.chosen-container.chosen-container-single .chosen-single {
    padding: 0 0 0 0.875rem;
    height: 3rem;
    line-height: 3rem;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: none
}

.chosen-container.chosen-container-single .chosen-single .chosen-drop {
    border-top: 1px solid #E0E0E0
}

.chosen-container.chosen-container-single .chosen-single span {
    font-size: 1rem;
    position: relative;
    margin-right: 0;
    padding-right: 2.25rem
}

.chosen-container.chosen-container-single .chosen-single span:before {
    font-family: 'buoycons';
    content: "\e609";
    text-align: center;
    font-size: .8rem;
    color: #cbcbcb;
    position: absolute;
    line-height: 1rem;
    right: 1rem;
    top: 1rem
}

.chosen-container.chosen-container-single .chosen-single span:after {
    transform: scale(0);
    content: '';
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69);
    transition: all 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69)
}

.chosen-container.chosen-container-single .chosen-single span.validatePass:before {
    right: 2.3rem
}

.chosen-container.chosen-container-single .chosen-single span.validatePass:after {
    content: "\e603";
    color: #15CD72;
    transform: scale(1);
    font-family: 'buoycons';
    font-size: .8rem;
    position: absolute;
    top: -1px;
    right: 13px;
    -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.04, 0.78, 1.36);
    -moz-transition: transform 0.3s cubic-bezier(0.22, 0.04, 0.78, 1.36);
    -ms-transition: transform 0.3s cubic-bezier(0.22, 0.04, 0.78, 1.36);
    transition: transform 0.3s cubic-bezier(0.22, 0.04, 0.78, 1.36)
}

.chosen-container.chosen-container-single .chosen-single div b {
    background: none
}

.chosen-container.chosen-container-single.chosen-container-active .chosen-single {
    border-color: #298eea;
    box-shadow: 0 0 2px rgba(4,164,153,0.4)
}

.chosen-container.chosen-container-single .chosen-default {
    color: #838383
}

.chosen-container.chosen-container-single .chosen-search {
    padding: 0;
    border-bottom: 1px solid #E0E0E0
}

.chosen-container.chosen-container-single .chosen-search:before {
    color: #298eea;
    font-family: 'buoycons';
    content: "\e607";
    text-align: center;
    font-size: .9rem;
    line-height: 1rem;
    margin: 12px 0 0 11px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.chosen-container.chosen-container-single .chosen-search input[type="text"] {
    padding: 13px 20px 11px 31px;
    border: 0;
    background: #f9f9f9;
    font-size: 14px;
    font-weight: 300;
    color: #7f7f7f;
    position: relative;
    margin: 0
}

.chosen-container.chosen-with-drop .chosen-single {
    border-color: #298eea;
    border-radius: 3px 3px 0 0
}

.chosen-container.chosen-with-drop .chosen-single span:before {
    top: 14px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.chosen-container.chosen-with-drop .chosen-drop {
    border-left-color: #298eea;
    border-bottom-color: #298eea;
    border-right-color: #298eea
}

.chosen-container .chosen-drop {
    border: 1px solid #E6E6E6;
    box-shadow: none
}

.chosen-container .chosen-results {
    padding: 0;
    margin: 0;
    max-height: 169px
}

.chosen-container .chosen-results li {
    padding: 7px 10px;
    font-size: .9rem
}

.chosen-container .chosen-results li.highlighted {
    background: #298eea
}

.chosen-container .chosen-results li:last-child {
    border: 0
}

input[type="search"] {
    padding-left: 33px
}

.Label-search {
    margin-bottom: 0.5rem
}

.Label-search:before {
    color: #298eea;
    font-family: 'buoycons';
    content: "\e607";
    text-align: center;
    font-size: .8rem;
    line-height: 1rem;
    margin: 9px 0 0 11px;
    position: absolute;
    left: 5px;
    top: 8px;
    text-decoration: none
}

.dataTables_filter {
    position: relative
}

table {
    border-collapse: collapse;
    border-radius: 3px;
    width: 100%;
    text-align: left
}

table a {
    border-bottom: 0
}

table thead tr {
    border-top: 0
}

table tbody:last-child tr:last-child td {
    padding-bottom: 0
}

table *:first-child tr:first-child {
    border-top: none
}

table tr {
    position: relative;
    padding: 1rem;
    border-top: 2px solid #f1f1f1
}

table tr .Table-actions {
    padding-right: 10rem;
    position: relative
}

table tr .Table-actions p.small {
    margin-top: 0.25rem;
    display: block;
    margin-bottom: 0
}

table tr .Table-actions h3,table tr .Table-actions h4 {
    margin-bottom: 0;
    display: inline-block
}

table tr .ButtonGroup {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1rem;
    opacity: .2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

table tr:hover .ButtonGroup {
    opacity: 1
}

table th {
    padding: 15px;
    font-weight: 600;
    outline: none
}

table td {
    padding: 15px;
    word-break: break-all
}

table th:first-child,table td:first-child {
    padding-left: 0
}

table th:last-child,table td:last-child {
    padding-right: 0
}

table[data-ordering="true"] thead th {
    cursor: pointer
}

table[data-ordering="true"] thead th:hover {
    color: #298eea
}

table[data-ordering="true"] thead th:hover:after {
    color: initial
}

table[data-ordering="true"] th:after {
    content: "\e609";
    font-family: 'buoycons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: .4;
    font-size: .5rem;
    position: relative;
    left: 10px
}

.Alert {
    width: 100%;
    text-align: left;
    font-weight: 600;
    color: #ffffff;
    font-size: 1.1rem;
    border-radius: 3px
}

.Alert h3 {
    color: #ffffff;
    font-weight: 400;
    display: inline-block
}

.Alert p {
    display: inline-block
}

.Alert p:last-of-type {
    padding: 0;
    margin: 0
}

.Alert *:last-child {
    margin-bottom: 0
}

.Alert--success {
    background: #15CD72
}

.Alert--success .Button--alert {
    color: #15CD72
}

.Alert--success .Button--alert:hover {
    background: white;
    color: #15CD72
}

.Alert--success .Alert-more {
    background-color: #13ba68
}

.Alert--failure {
    background: #ED4F32
}

.Alert--failure .Button--alert {
    color: #ED4F32
}

.Alert--failure .Button--alert:hover {
    background: white;
    color: #ED4F32
}

.Alert--failure .Alert-more {
    background-color: #ef6349
}

.Alert--neutral {
    background: #faee6c;
    color: #444509;
    font-weight: 400
}

.Alert--neutral .Button--alert {
    color: #444509
}

.Alert--neutral .Button--alert:hover {
    background: white;
    color: #444509
}

.Alert--neutral .Alert-icon {
    color: #444509
}

.Alert--neutral .Alert-close {
    color: #aaad17
}

.Alert--neutral h3 {
    color: #676767
}

.Alert--neutral .Alert-more {
    background-color: #fbf28f
}

.Alert--neutralGrey {
    background: #fafafa;
    font-weight: 400;
    color: #676767;
    border: 1px solid #ececec
}

.Alert--neutralGrey .Button--alert {
    color: #676767
}

.Alert--neutralGrey .Button--alert:hover {
    background: white;
    color: #676767
}

.Alert--neutralGrey h3 {
    color: #676767
}

.Alert--neutralGrey .Alert-close {
    color: #8d8d8d
}

.Alert--neutralGrey .Alert-icon {
    color: #676767
}

.Alert--blue {
    background: #298eea
}

.Alert-content {
    padding: 1.2rem
}

.Alert-icon {
    color: #ffffff;
    text-decoration: none;
    border: 0;
    font-size: .8rem;
    margin: 0 .7rem 0 .2rem;
    display: inline-block
}

.Alert-icon--large {
    font-size: 1.2rem
}

.Button--alert {
    background-color: #ffffff;
    border-color: #ffffff;
    margin-left: 1rem;
    padding: 0 .5rem;
    font-size: .85rem;
    height: 1.8rem;
    line-height: 1.8rem;
    display: inline-block;
    float: right;
    white-space: nowrap;
    border-radius: 3px
}

.Button--alert span {
    font-size: .3rem;
    margin-left: 4px
}

.Alert-close {
    display: inline-block;
    float: right;
    color: #ffffff;
    border: 0;
    font-size: .9rem;
    position: relative;
    top: .18rem
}

.Ticket {
    border: 1px solid #c0e0f6;
    padding: 1rem;
    color: #676767;
    background: #ffffff;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.Ticket.is-collapsed {
    background: #fafdff
}

.Ticket.is-collapsed .Ticket-supportBody {
    max-height: 0;
    -webkit-transition: all 0.35s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: all 0.35s cubic-bezier(0, 1, 0.5, 1);
    -ms-transition: all 0.35s cubic-bezier(0, 1, 0.5, 1);
    transition: all 0.35s cubic-bezier(0, 1, 0.5, 1)
}

.Ticket.is-collapsed .Ticket-supportHeader {
    margin-bottom: 0;
    opacity: .6
}

.Ticket.is-collapsed .Ticket-ellipses {
    opacity: .5
}

.Ticket.is-collapsed:hover .Ticket-ellipses {
    opacity: .8
}

.Ticket:hover .Ticket-ellipses {
    opacity: .3
}

.Ticket h3 {
    color: #676767;
    margin: 0 0 1.5rem 0
}

.Ticket p {
    font-size: 1rem
}

.Ticket-inner {
    padding: 1rem
}

.Ticket-supportHeader {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}

.Ticket-supportBody {
    max-height: 1000px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.Ticket-supportBody>*:first-child {
    margin-top: 1.5rem
}

.Ticket-reply,.Ticket-timestamp {
    color: #298eea;
    font-weight: 400;
    font-size: .9rem
}

.Ticket-reply {
    font-weight: 600
}

.Ticket-reply span {
    font-weight: 400
}

.Ticket-timestamp {
    float: right
}

.Ticket-ellipses {
    width: .25rem;
    height: .25rem;
    background: #298eea;
    position: absolute;
    bottom: 14px;
    left: 50%;
    border-radius: 50%;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    margin-left: -.25rem;
    opacity: 0
}

.Ticket-ellipses:before,.Ticket-ellipses:after {
    width: .25rem;
    height: .25rem;
    background: #298eea;
    position: absolute;
    bottom: 14px;
    left: 50%;
    border-radius: 50%;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    content: '';
    bottom: 0
}

.Ticket-ellipses:before {
    left: -.5rem
}

.Ticket-ellipses:after {
    left: .5rem
}

.Ticket-comment {
    padding: 0.5rem;
    margin-bottom: 1rem
}

.Ticket-comment .Ticket-supportBody>*:first-child {
    margin-top: 0.25rem
}

.Revealer .is-flipped {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.Revealer .is-flipped:before {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

table .revealerRow {
    padding: 0;
    border: 0
}

.Revealer-shelf {
    width: 100%;
    padding: 0;
    height: 0;
    overflow: hidden;
    position: relative;
    clear: both;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out
}

.Revealer-shelf.is-open {
    overflow: hidden
}

.Revealer-header.is-open .Icon--arrowDown {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.Revealer-header.is-open .Icon--arrowDown:before {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Revealer-header p {
    margin-bottom: 0
}

.Box .Revealer-shelf:before {
    content: "";
    position: absolute;
    display: block;
    top: -2rem;
    left: 0;
    right: 0;
    border-top: 1px solid #ececec
}

.legacy.Revealer-shelf {
    width: 100%;
    padding: 0;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    position: relative;
    clear: both;
    -webkit-transition: all 0.35s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: all 0.35s cubic-bezier(0, 1, 0.5, 1);
    -ms-transition: all 0.35s cubic-bezier(0, 1, 0.5, 1);
    transition: all 0.35s cubic-bezier(0, 1, 0.5, 1)
}

.legacy.Revealer-shelf>*:first-child {
    margin-top: 1.5rem
}

.legacy.Revealer-shelf.is-open {
    max-height: 2500px;
    height: auto;
    opacity: 1;
    overflow: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.legacy.Revealer-header {
    position: relative
}

.legacy.Revealer-header.is-open .Icon--arrowDown {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.legacy.Revealer-header.is-open .Icon--arrowDown:before {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.legacy.Revealer-header p {
    margin-bottom: 0
}

.Box .legacy.Revealer-shelf>*:first-child {
    margin-top: 4rem
}

.Box .legacy.Revealer-shelf:before {
    content: "";
    position: absolute;
    display: block;
    top: -2rem;
    left: 0;
    right: 0;
    border-top: 1px solid #ececec
}

.Dropdown {
    position: relative;
    word-break: break-word
}

.Dropdown a.Button {
    padding-right: 3rem
}

.Dropdown a.Button.Button--icon {
    padding-right: 0.4rem
}

.Dropdown .Button {
    position: relative
}

.Dropdown .Button:not(.Button--icon):before {
    position: absolute;
    right: 1.2rem;
    top: 1.1rem
}

.Dropdown .is-flipped {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.Dropdown .is-flipped:before {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Dropdown .is-flipped.Button:before {
    top: .9rem
}

.Dropdown.open {
    overflow: visible
}

.Dropdown.open .Dropdown-content {
    max-height: 400px;
    opacity: 1;
    border: 2px solid #ececec;
    overflow: visible
}

.Dropdown p {
    display: inline-block;
    margin-bottom: 0
}

.Button--iconOnly+.dropdown:before {
    right: 5px
}

.Button--iconOnly+.dropdown:after {
    right: 7px
}

.Dropdown-content {
    width: 100%;
    position: absolute;
    right: -0.5rem;
    top: calc(100% + .8rem);
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    min-width: 270px;
    border-radius: 3px;
    z-index: 1
}

.Dropdown-content.Dropdown--fromIcon {
    right: -1.25rem
}

.Dropdown-content:before {
    content: '';
    position: absolute;
    top: -10px;
    right: 23px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f1f1f1
}

.Dropdown-content:after {
    content: '';
    position: absolute;
    top: -7px;
    right: 25px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff
}

.Dropdown-header {
    border-bottom: 2px solid #f1f1f1;
    padding: 1rem;
    text-align: left
}

.Dropdown-header>* {
    margin: 0;
    padding: 0
}

.Dropdown-inner {
    padding: 1rem;
    text-align: left
}

ul.Dropdown-inner {
    padding: 0;
    overflow: auto;
    list-style: none;
    max-height: 330px
}

ul.Dropdown-inner li {
    border-bottom: 1px solid #f1f1f1;
    text-align: left;
    float: left;
    width: 100%
}

ul.Dropdown-inner li:last-child {
    border-bottom: 0
}

ul.Dropdown-inner li a {
    display: block;
    border: 0;
    padding: 0.25rem 1rem
}

ul.Dropdown-inner li a:hover {
    background: #fafafa
}

ul.Dropdown-inner li a span {
    font-size: .7rem;
    float: right;
    position: relative;
    top: 7px;
    color: #dfdfdf
}

ul.Dropdown-inner li.is-active {
    cursor: not-allowed
}

ul.Dropdown-inner li.is-active a {
    color: #999999;
    background: #fafafa
}

ul.Dropdown-inner li.is-active a p {
    color: #999999
}

ul.Dropdown-inner li.is-active a span {
    color: #15CD72
}

.EmptyState {
    text-align: center;
    position: relative;
    border-radius: 3px
}

.EmptyState p,.EmptyState h2 {
    display: block
}

.EmptyState p {
    margin: 0 auto 2rem auto
}

.EmptyState-image {
    display: inline-block;
    width: 270px;
    margin-bottom: 1.5rem;
    position: relative;
    left: -5px
}

.EmptyState--simple {
    background-color: #f9fcff;
    position: relative;
    padding: 1.5rem;
    border: 2px solid #e8f4ff;
    border-radius: 3px
}

.Loader {
    width: 100%;
    height: 100%;
    min-height: 50px;
    position: relative;
    display: block
}

.Loader:after,.Loader:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%
}

.Loader:after {
    -webkit-transform-origin: 50% 60%;
    transform-origin: 50% 60%;
    -webkit-animation: swim-bob 1s infinite ease, swim-rotate 1s -0.1s infinite linear;
    -moz-transform-origin: 50% 60%;
    -moz-animation: swim-bob 1s infinite ease, swim-rotate 1s -0.1s infinite linear;
    animation: swim-bob 1s infinite ease, swim-rotate 1s -0.1s infinite linear;
    content: "\e606";
    font-family: 'buoycons';
    font-size: 3rem;
    color: #ececec;
    text-align: center;
    line-height: 1;
    width: 100%;
    position: absolute;
    left: 0;
    top: 48%
}

.Loader:before {
    -webkit-animation: load-wave 1s infinite linear;
    -moz-animation: load-wave 1s infinite linear;
    animation: load-wave 1s infinite linear;
    width: 100px;
    height: 10px;
    margin-left: -50px;
    margin-top: -50px;
    content: "\e608";
    font-family: 'buoycons';
    overflow: hidden;
    font-size: 10px;
    line-height: 10px;
    color: #ececec
}

.Loader.Loader--grey {
    background: #ececec
}

.Loader.Loader--grey:after {
    color: #cbcbcb
}

.Loader.Loader--grey:before {
    color: #cbcbcb
}

.Loader.Loader--blue {
    background: #298eea
}

.Loader.Loader--blue:after {
    color: #ffffff
}

.Loader.Loader--blue:before {
    color: #ffffff
}

.Loader.Loader--small {
    min-height: 30px
}

.Loader.Loader--small:after {
    font-size: 2rem;
    top: 54%
}

.Loader.Loader--small:before {
    width: 50px;
    height: 10px;
    margin-left: -25px;
    margin-top: -30px
}

.Loader--basic {
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #dfdfdf;
    border-bottom-color: transparent;
    height: 1.3rem;
    width: 1.3rem;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite;
    -moz-animation: rotate 0.75s 0s linear infinite;
    animation: rotate 0.75s 0s linear infinite
}

.Loader--basic.Loader--blue {
    border-color: #298eea;
    border-bottom-color: transparent
}

@-webkit-keyframes swim-bob {
    0% {
        margin-top: 0px
    }

    50% {
        margin-top: -20px
    }

    90% {
        margin-top: 0px
    }

    100% {
        margin-top: 0px
    }
}

@-moz-keyframes swim-bob {
    0% {
        margin-top: 0px
    }

    50% {
        margin-top: -20px
    }

    90% {
        margin-top: 0px
    }

    100% {
        margin-top: 0px
    }
}

@keyframes swim-bob {
    0% {
        margin-top: 0px
    }

    50% {
        margin-top: -20px
    }

    90% {
        margin-top: 0px
    }

    100% {
        margin-top: 0px
    }
}

@-webkit-keyframes swim-rotate {
    0% {
        transform: rotate(0deg)
    }

    20% {
        transform: rotate(-13deg)
    }

    30% {
        transform: rotate(-13deg)
    }

    70% {
        transform: rotate(18deg)
    }

    80% {
        transform: rotate(18deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@-moz-keyframes swim-rotate {
    0% {
        transform: rotate(0deg)
    }

    20% {
        transform: rotate(-13deg)
    }

    30% {
        transform: rotate(-13deg)
    }

    70% {
        transform: rotate(18deg)
    }

    80% {
        transform: rotate(18deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@keyframes swim-rotate {
    0% {
        transform: rotate(0deg)
    }

    20% {
        transform: rotate(-13deg)
    }

    30% {
        transform: rotate(-13deg)
    }

    70% {
        transform: rotate(18deg)
    }

    80% {
        transform: rotate(18deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes load-wave {
    0% {
        text-indent: 0px
    }

    100% {
        text-indent: -19px
    }
}

@-moz-keyframes load-wave {
    0% {
        text-indent: 0px
    }

    100% {
        text-indent: -19px
    }
}

@keyframes load-wave {
    0% {
        text-indent: 0px
    }

    100% {
        text-indent: -19px
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.Tabs {
    border-bottom: 2px solid #f1f1f1;
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.Tabs>li {
    float: left;
    margin-bottom: -2px;
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Tabs>li>a {
    position: relative;
    display: block;
    padding: .7rem .9rem;
    color: #bbbbbb;
    font-size: .9rem;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 2px solid transparent;
    border-top: 2px solid transparent;
    border-radius: 2px 2px 0 0
}

.Tabs>li>a:hover {
    color: #676767
}

.Tabs>li.is-active>a,.Tabs>li.is-active>a:hover,.Tabs>li.is-active>a:focus {
    color: #676767;
    background-color: #ffffff;
    border: 2px solid #f1f1f1;
    border-bottom-color: transparent;
    border-top: 2px solid #298eea;
    cursor: default
}

.Tabs>li.is-active>a:focus,.Tabs>li>a:focus {
    color: #298eea;
    outline: 0
}

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

.Tabs-content>.is-active {
    display: block
}

.Tabs-content {
    padding: 0;
    clear: both
}

.Tabs-content--box {
    border: 2px solid #f1f1f1;
    border-top: 0;
    padding: 2rem;
    border-radius: 0 0 3px 3px
}

.Tooltip {
    position: absolute;
    z-index: 11999;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    opacity: 0;
    filter: alpha(opacity=0)
}

.Tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100)
}

.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: 220px;
    padding: 8px 11px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: rgba(1,1,1,0.85);
    border-radius: 3px
}

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

.Tooltip--top .Tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: rgba(1,1,1,0.85)
}

.Tooltip--top-left .Tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: rgba(1,1,1,0.85)
}

.Tooltip--top-right .Tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: rgba(1,1,1,0.85)
}

.Tooltip--right .Tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: rgba(1,1,1,0.85)
}

.Tooltip--left .Tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: rgba(1,1,1,0.85)
}

.Tooltip--bottom .Tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(1,1,1,0.85)
}

.Tooltip--bottom-left .Tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(1,1,1,0.85)
}

.Tooltip--bottom-right .Tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(1,1,1,0.85)
}

.Tooltip-hint,.Hint {
    padding: 1px;
    background: #ececec;
    color: #999999;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Tooltip-hint:before,.Hint:before {
    content: "?";
    font-weight: 600;
    font-size: 14px;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.3rem;
    display: block
}

.Tooltip-hint:hover,.Hint:hover {
    background: #298eea;
    color: #ffffff
}

body.is-open {
    overflow: hidden
}

.Modal {
    display: none;
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 110;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.Modal.fade .Modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0
}

.fade.is-in {
    opacity: 1
}

.Modal.is-in .Modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

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

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

.Modal-content {
    position: relative;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    border: 1px solid #dfdfdf
}

.Modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background-color: #ececec
}

.Modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.Modal-backdrop.is-in {
    opacity: 0.85;
    filter: alpha(opacity=85)
}

.Modal-header {
    padding: 2.5rem 2rem
}

.Modal-header.Modal-header--border {
    border-bottom: 1px solid #ececec
}

.Modal-body {
    position: relative;
    padding: 2rem
}

.Modal-footer {
    padding: 2rem
}

.Modal-footer.Modal-footer--border {
    border-top: 1px solid #ececec
}

.Modal-close {
    font-size: .9rem;
    color: #cbcbcb;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    border: 0;
    padding: 0
}

.Modal-footer .Button+.Button {
    margin-left: 5px;
    margin-bottom: 0
}

.Modal-footer .ButtonGroup .Button+.Button {
    margin-left: -1px
}

.Modal-footer .Button-block+.Button-block {
    margin-left: 0
}

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

@media (min-width: 768px) {
    .Modal-dialog {
        margin:55px auto;
        width: 800px
    }

    .Modal--small .Modal-dialog {
        margin: 55px auto;
        width: 400px
    }

    .Modal--medium .Modal-dialog {
        margin: 55px auto;
        width: 600px
    }
}

.Pagination {
    text-align: center;
    margin: 1.3rem 0 0 0;
    display: block
}

.Pagination .Pagination-previousPage,.Pagination .Pagination-nextPage {
    margin: 0 15px;
    display: inline-block
}

.Pagination .Pagination-previousPage:hover,.Pagination .Pagination-nextPage:hover {
    color: #2180d7
}

.Pagination .Pagination-previousPage.is-disabled,.Pagination .Pagination-nextPage.is-disabled {
    color: #dfdfdf;
    cursor: default;
    text-decoration: none;
    border-bottom: none
}

.Pagination .Button {
    min-width: 2rem
}

.Resource {
    height: 38px;
    position: relative
}

.Resource--rightContext .Resource-title,.Resource--rightContext .Resource-description {
    float: left;
    width: 100%
}

.Resource-image {
    height: 32px;
    width: 32px;
    margin-top: -16px;
    border-radius: 50%;
    position: absolute;
    top: 50%
}

.Resource-meta {
    width: 100%;
    float: left;
    padding: 0 65px 0 45px
}

.Resource-title {
    line-height: 1.4rem;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold
}

.Resource-title a {
    border-bottom: none;
    font-weight: bold
}

.Resource-description {
    color: #676767;
    line-height: .8rem;
    font-size: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    clear: left
}

.Resource-context {
    position: absolute;
    width: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    right: 5px;
    line-height: 38px;
    color: #cbcbcb;
    font-weight: 600
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f6f6f6;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFF9F9F9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.progress .bar {
    width: 0%;
    height: 100%;
    color: #ffffff;
    float: left;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #0d90d1;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF149BDF', endColorstr='#FF0480BE', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease
}

.progress .bar+.bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)
}

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-danger .bar,.progress .bar-danger {
    background-color: #dd514b;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFC43C35', GradientType=0)
}

.progress-danger.progress-striped .bar,.progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-success .bar,.progress .bar-success {
    background-color: #5db95d;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62C462', endColorstr='#FF57A957', GradientType=0)
}

.progress-success.progress-striped .bar,.progress-striped .bar-success {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-info .bar,.progress .bar-info {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF339BB9', GradientType=0)
}

.progress-info.progress-striped .bar,.progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-warning .bar,.progress .bar-warning {
    background-color: #f9a732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0)
}

.progress-warning.progress-striped .bar,.progress-striped .bar-warning {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.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: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

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

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

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

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

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

.dropup,.dropdown {
    position: relative
}

.dropdown-toggle {
    *margin-bottom: -3px
}

.dropdown-toggle:active,.open .dropdown-toggle {
    outline: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

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

.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {
    text-decoration: none;
    color: #ffffff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #08c, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #08c, #0077b3);
    background-image: -o-linear-gradient(top, #08c, #0077b3);
    background-image: linear-gradient(to bottom, #08c, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0077B3', GradientType=0)
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #08c, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #08c, #0077b3);
    background-image: -o-linear-gradient(top, #08c, #0077b3);
    background-image: linear-gradient(to bottom, #08c, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0077B3', GradientType=0)
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    color: #999
}

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

.open {
    *z-index: 1000
}

.open>.dropdown-menu {
    display: block
}

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

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropup .dropdown-submenu>.dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ffffff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px
}

.typeahead {
    z-index: 1051;
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.nav {
    margin-left: 0;
    margin-bottom: 20px;
    list-style: none
}

.nav>li>a {
    display: block
}

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

.nav>li>a>img {
    max-width: none
}

.nav>.pull-right {
    float: right
}

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    text-transform: uppercase
}

.nav li+.nav-header {
    margin-top: 9px
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
}

.nav-list>li>a,.nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5)
}

.nav-list>li>a {
    padding: 3px 15px
}

.nav-list>.active>a,.nav-list>.active>a:hover,.nav-list>.active>a:focus {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background-color: #08c
}

.nav-list [class^="icon-"],.nav-list [class*=" icon-"] {
    margin-right: 2px
}

.nav-list .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff
}

.nav-tabs,.nav-pills {
    *zoom:1}

.nav-tabs:before,.nav-tabs:after,.nav-pills:before,.nav-pills:after {
    display: table;
    content: "";
    line-height: 0
}

.nav-tabs:after,.nav-pills:after {
    clear: both
}

.nav-tabs>li,.nav-pills>li {
    float: left
}

.nav-tabs>li>a,.nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px
}

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

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

.nav-tabs>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover,.nav-tabs>li>a:focus {
    border-color: #eee #eee #ddd
}

.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus {
    color: #555;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus {
    color: #ffffff;
    background-color: #08c
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li>a {
    margin-right: 0
}

.nav-tabs.nav-stacked {
    border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px
}

.nav-tabs.nav-stacked>li:last-child>a {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus {
    border-color: #ddd;
    z-index: 2
}

.nav-pills.nav-stacked>li>a {
    margin-bottom: 3px
}

.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.nav .dropdown-toggle .caret {
    border-top-color: #08c;
    border-bottom-color: #08c;
    margin-top: 6px
}

.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret {
    border-top-color: #005580;
    border-bottom-color: #005580
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus {
    cursor: pointer
}

.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus {
    color: #ffffff;
    background-color: #999;
    border-color: #999
}

.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus {
    border-color: #999
}

.tabbable {
    *zoom:1}

.tabbable:before,.tabbable:after {
    display: table;
    content: "";
    line-height: 0
}

.tabbable:after {
    clear: both
}

.tab-content {
    overflow: auto
}

.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs {
    border-bottom: 0
}

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

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

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus {
    border-bottom-color: transparent;
    border-top-color: #ddd
}

.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus {
    border-color: transparent #ddd #ddd #ddd
}

.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li {
    float: none
}

.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus {
    border-color: #eee #ddd #eee #eee
}

.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus {
    border-color: #eee #eee #eee #ddd
}

.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff
}

.nav>.disabled>a {
    color: #999
}

.nav>.disabled>a:hover,.nav>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    cursor: default
}

#qrcode {
    text-align: center;
    width: 100%;
    height: 212px;
    display: block;
    clear: both
}

#qrcode #qrcode-canvas {
    display: inline
}

.oauth-tokens #main,.oauth-applications #main {
    max-width: 800px;
    margin: 0 auto
}

.oauth-tokens #main.large_page,.oauth-applications #main.large_page {
    max-width: 1000px
}

nav.TopNav {
    box-sizing: border-box;
    width: 100%;
    background: white;
    position: absolute;
    top: 0;
    z-index: 100;
    transition: border-color 0.2s linear;
    -webkit-backface-visibility: hidden
}

nav.TopNav:after {
    content: '';
    display: table;
    clear: both
}

nav.TopNav:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #eee;
    opacity: 0.01;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    transition: opacity 0.5s linear
}

nav.TopNav.TopNav--fixed {
    position: fixed
}

nav.TopNav.TopNav--fixed:before {
    opacity: 0.999;
    transition: opacity 1s linear
}

.nav_controls {
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    width: 1000px
}

.nav_controls:after {
    content: "";
    display: table;
    clear: both
}

.nav_controls .Logo {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/cloud-logo-5fbd3c06a861ddb639d770995f7a299b.svg);
    width: 55px;
    height: 30px;
    text-indent: -9999px;
    margin-top: 24px;
    display: block;
    float: left;
    border: 0;
    position: relative
}

.nav_controls #notification-count {
    position: absolute;
    top: 16px;
    left: 39px;
    width: 23px;
    height: 23px;
    background: #cc5152;
    text-align: center;
    border-radius: 50%;
    color: white;
    border: 2px solid #fff;
    line-height: 20px;
    opacity: 1;
    font-size: 13px;
    font-weight: 600
}

.nav_controls .navLink {
    display: block;
    float: left;
    color: #666;
    font-weight: 600;
    margin-right: 30px;
    line-height: 80px;
    padding: 0;
    border-bottom: 0;
    position: relative
}

.nav_controls .navLink:hover,.nav_controls .navLink.current,.nav_controls .navLink.current:focus {
    color: #298eea
}

.nav_controls .navLink:first-of-type {
    margin-left: 30px
}

.nav_controls .navLink.help {
    float: right;
    margin: 0 30px
}

.nav_controls .navLink:focus {
    outline: 0;
    color: #298eea
}

.nav_controls .navLink:focus:before {
    content: '';
    display: block;
    position: absolute;
    background: #298eea;
    width: 100%;
    height: 2px;
    bottom: 23px
}

.nav_controls a.create_droplet {
    margin-top: 20px;
    height: 2.6rem;
    line-height: 2.6rem;
    float: right;
    padding: 0 1.3rem
}

.nav_controls .account-dropdown {
    float: right;
    margin-top: 20px;
    padding: 0;
    width: 51px;
    height: 2.6rem
}

.nav_controls .current_user {
    position: relative;
    color: #444
}

.nav_controls .current_user .Menu__MenuTrigger {
    width: 100%;
    height: 100%;
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    outline: none;
    z-index: 3
}

.nav_controls .current_user .user_name {
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 163px;
    font-weight: 600;
    color: #555;
    display: none
}

.nav_controls .current_user .user_avatar img {
    border-radius: 100%;
    margin-right: 10px;
    margin-top: 1px
}

.nav_controls .current_user .Menu__MenuOptions {
    display: block;
    position: absolute;
    width: 170px;
    background: white;
    border-radius: 3px;
    text-align: left;
    line-height: 1rem;
    top: 45px;
    right: 50%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    box-shadow: 0 3px 8px rgba(0,0,0,0.075);
    z-index: 10502;
    font-family: "proxima-nova", "proxima nova", "helvetica neue", "helvetica", "arial", sans-serif;
    margin-right: -85px
}

@media screen and (max-width: 1150px) {
    .nav_controls .current_user .Menu__MenuOptions {
        margin-right:0;
        right: 0
    }
}

.nav_controls .current_user .Menu__MenuOptions:before,.nav_controls .current_user .Menu__MenuOptions:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0
}

.nav_controls .current_user .Menu__MenuOptions:before {
    top: -8px;
    right: 50%;
    margin-right: -7px;
    border-bottom-color: #ddd;
    border-width: 7px
}

@media screen and (max-width: 1150px) {
    .nav_controls .current_user .Menu__MenuOptions:before {
        right:16px;
        margin-right: 0
    }
}

.nav_controls .current_user .Menu__MenuOptions:after {
    right: 50%;
    margin-right: -7px;
    top: -6px;
    border-bottom-color: #fff;
    border-width: 7px
}

@media screen and (max-width: 1150px) {
    .nav_controls .current_user .Menu__MenuOptions:after {
        right:16px;
        margin-right: 0
    }
}

.nav_controls .current_user .Menu__MenuOptions:focus {
    outline: none
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption:focus {
    outline: none
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption a {
    box-sizing: border-box;
    width: 100%;
    display: block;
    padding: 14px 10px;
    border-top: none;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    border-bottom: none;
    text-align: center
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption a:focus {
    outline: none
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption a:hover {
    cursor: pointer;
    color: #298eea
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption:nth-child(2) {
    border-top: 1px solid #ddd
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.user a:before {
    background: none;
    display: none
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.user a {
    background: #fff;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    border-top: 1px solid #ddd;
    color: #999;
    border-radius: 0 0 3px 3px
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.settings a:before {
    background-position: 0px 0px
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.settings:hover a:before {
    background-position: 15px 0px
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.logout.first-child {
    padding-top: 10px
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.logout a:before {
    background-position: 0px -15px
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.logout:hover a:before {
    background-position: 15px -15px
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.billing:first-child {
    padding-top: 10px
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.billing:first-child a {
    padding: 4px 10px
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.billing a:before {
    background-position: 0px -30px
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.billing:hover:first-child a:hover {
    color: #298eea;
    background: none
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption.billing:hover a:before {
    background-position: 15px -30px
}

.nav_controls .current_user .Menu__MenuOptions .Menu__MenuOption:first-child a {
    border-top: 0
}

.Logo {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/cloud-logo-5fbd3c06a861ddb639d770995f7a299b.svg);
    width: 55px;
    height: 30px;
    text-indent: -9999px;
    margin-top: 24px;
    display: block;
    float: left;
    border: 0;
    position: relative
}

.Menu .Menu__MenuOptions {
    opacity: 0.001;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.Menu.active .Menu__MenuOptions,.Menu .Menu__MenuTrigger__active+.Menu__MenuOptions {
    opacity: 0.99;
    pointer-events: auto;
    top: 54px
}

.Menu.current_user {
    height: 2.6rem;
    line-height: 2.6rem;
    padding: 0;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.Menu.current_user:before {
    color: #444;
    font-size: .85rem;
    right: 7px;
    height: 2.6rem;
    line-height: 2.6rem;
    z-index: 2;
    position: relative;
    right: 6px
}

.Menu.current_user:after {
    color: #444;
    content: '\e609';
    font-size: .9px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 2;
    line-height: 2.6rem;
    height: 2.6rem
}

.Menu.current_user.active:after {
    content: '\e602'
}

.SideNav--fixed {
    position: fixed
}

.pagination {
    text-align: center;
    margin: 1.3rem 0 0 0;
    display: inline-block;
    width: 100%
}

.pagination ul,.pagination li {
    display: inline
}

.pagination .prev,.pagination .next {
    margin: 0 15px;
    display: inline-block
}

.pagination .prev:hover,.pagination .next:hover {
    color: #2180d7
}

.pagination .prev.is-disabled,.pagination .next.is-disabled {
    color: #dfdfdf;
    cursor: default;
    text-decoration: none;
    border-bottom: none
}

.pagination-button {
    border-radius: 3px;
    font-weight: 600;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-transition: all, 0.2s, ease-in-out;
    -o-transition: all, 0.2s, ease-in-out;
    -webkit-transition: all, 0.2s, ease-in-out;
    transition: all, 0.2s, ease-in-out;
    background: #ececec;
    color: #676767;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem;
    text-decoration: none;
    border-bottom: none
}

.pagination-button:hover {
    background: #dfdfdf
}

.pagination-button.is-active {
    background: #298eea;
    color: #fff
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(8,124,202,0.9);
    overflow: auto;
    color: #272b34;
    font-size: 1rem;
    z-index: 11000
}

.overlay-top {
    position: relative;
    width: 699px;
    margin: 4% auto
}

.overlay-content {
    position: relative;
    width: 699px;
    margin: 0 auto;
    margin-bottom: 4%;
    padding: 22.5px 30px;
    background-color: #f2f2f2;
    border-radius: 4px
}

button.button-close {
    position: absolute;
    top: 25.5px;
    right: 26px;
    cursor: pointer;
    z-index: 2000;
    padding: 0;
    color: #CED3E1;
    font-size: 4em;
    font-weight: 300;
    line-height: 1em;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px
}

span.flash-holder {
    display: none
}

.notifications-container {
    overflow: visible;
    position: fixed;
    top: 120px;
    right: 20px;
    padding: 0;
    width: 403px;
    min-height: 0px;
    max-height: 100%;
    z-index: 10500;
    -webkit-backface-visibility: hidden
}

.notifications-container .notification {
    background: white;
    border: 2px solid;
    padding: 1.5em 2em 1.5em 1.5em;
    position: relative;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 20px
}

.notifications-container .notification button {
    -webkit-appearance: none;
    appearance: none;
    top: 5px;
    right: 10px;
    position: absolute;
    border: none;
    background: none;
    outline: none;
    width: 24px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    font-weight: 300
}

.notifications-container .notification:hover {
    background: #f7f7f7
}

.notifications-container .notification:before {
    height: 25px;
    width: 25px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
    left: -10px;
    top: -10px;
    content: ' ';
    background-repeat: no-repeat;
    background-position: center center
}

.notifications-container .notification.alert {
    color: #f04124;
    border-color: #f04124
}

.notifications-container .notification.alert button {
    color: #f04124
}

.notifications-container .notification.alert:before {
    background-color: #f36364;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/notifications/alert-4caeac31667b3abb15ff10e4ecf3e1f7.png);
    background-size: auto 15px
}

.notifications-container .notification.notice {
    color: #15CD72;
    border-color: #15CD72
}

.notifications-container .notification.notice button {
    color: #15CD72
}

.notifications-container .notification.notice:before {
    background-color: #15CD72;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/notifications/notice-8ce41dfd4cf86744bb1505d95d8b0a9b.png);
    background-size: auto 10px
}

.notifications-container .notification.warning {
    color: #c09853;
    border-color: #c09853
}

.notifications-container .notification.warning button {
    color: #c09853
}

.do-token-collection {
    display: block;
    width: 590px;
    float: left;
    margin: 0
}

.do-token-collection-input {
    padding: 0;
    padding-right: 20px;
    max-height: 28px;
    display: inline-block;
    width: auto;
    float: left;
    margin-bottom: 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.do-token-collection-input input {
    appearance: none;
    -webkit-appearance: none;
    border: medium none;
    border: none;
    margin: 0;
    width: auto;
    padding: 0;
    line-height: 28px;
    width: auto
}

.do-token-collection-input input:focus {
    outline: none
}

.do-input-button {
    display: inline-block;
    position: absolute;
    cursor: default;
    outline: none;
    top: 2px;
    right: 6px;
    font-size: 14px;
    cursor: default
}

.do-tokeninput-button:active {
    color: #4095BF
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-flex;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -moz-inline-flexbox;
    display: -ms-inline-flexbox;
    display: -o-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex
}

.do-token-collection {
    z-index: 1;
    list-style: none;
    padding: 6px 6px 0;
    border: 5px solid #f3f3f3;
    background-color: white;
    border-radius: 3px;
    cursor: text;
    position: relative;
    will-change: transform;
    clear: both
}

.do-token-collection.focus {
    border-color: #ddd;
    outline: none
}

.do-token {
    background-color: #f36364;
    border: 1px solid #f36364;
    color: #ffffff;
    border-radius: 3px;
    padding: 2px 8px;
    margin-right: 6px;
    margin-bottom: 6px;
    float: left;
    display: inline;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.do-token.is-valid {
    background-color: #298eea;
    border: 1px solid #298eea
}

.do-token.is-valid:focus {
    background-color: #1474cc;
    outline: none
}

.do-token:focus {
    background-color: #ef3435;
    outline: none
}

.do-token-delete-button {
    font-size: 1rem;
    margin-left: 5px;
    margin-right: -5px;
    display: inline-block;
    padding: 0 0.5rem;
    cursor: pointer
}

.do-token-delete-button:hover {
    background-color: rgba(255,255,255,0.3);
    border-radius: 3px
}

.send-limit p {
    line-height: 2em;
    color: #dfdfdf
}

#noVNC_canvas {
    width: 1024px;
    position: relative;
    left: -12px
}

.droplet-listing {
    table-layout: fixed
}

.droplet-listing .status {
    width: 3%
}

.droplet-listing .image {
    width: 7%
}

.droplet-listing .name {
    max-width: 37%;
    width: 37%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 35px !important
}

.droplet-listing .ip {
    width: 16%
}

.droplet-listing .memory {
    width: 12%
}

.droplet-listing .disk {
    width: 10%
}

.droplet-listing .region {
    width: 7%
}

.statusIndicator {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    background: #ececec;
    text-indent: -9999px;
    display: inline-block;
    vertical-align: middle
}

.statusIndicator.active {
    background: #15CD72
}

body.droplets h1 {
    width: 90%
}

body.droplets .button-help {
    margin-top: 0
}

#new_droplet_search button {
    display: none
}

#new_droplet_search input {
    width: 416px
}

.account-dropdown .Menu.current_user:after {
    font-size: 9px
}

.account-dropdown .Menu.current_user:before {
    font-size: .85rem;
    right: 7px
}

.account-dropdown .nav_controls .current_user .Menu__MenuOptions {
    right: -1;
    top: 54px
}

.nav_controls .account-dropdown .current_user .Menu__MenuOptions .Menu__MenuOption a {
    font-weight: 400
}

.nav_controls .account-dropdown .current_user .Menu__MenuOptions .Menu__MenuOption.logout:first-child {
    padding-top: 10px
}

.nav_controls .account-dropdown .current_user .Menu__MenuOptions .Menu__MenuOption.billing:first-child {
    padding-top: 10px
}

.nav_controls .account-dropdown .current_user .Menu__MenuOptions .Menu__MenuOption.billing:first-child a:hover,.nav_controls .account-dropdown .current_user .Menu__MenuOptions .Menu__MenuOption.billing:first-child a:hover {
    color: #298eea;
    background: none
}

.nav_controls .account-dropdown .current_user .Menu__MenuOptions:before {
    border-bottom-color: #DDD
}

.Button--grey.Button--outline:not(.Button--noHover):hover {
    background: #fff;
    border: 1px solid #aaa
}

#new_droplet_search button {
    display: none
}

#new_droplet_search input {
    width: 416px
}

#hide-referral-notification {
    font-weight: normal
}

#open-referral-settings {
    font-weight: normal
}

#new_droplet_search {
    margin-bottom: 17px;
    margin-top: 0;
    float: left;
    width: 416px;
    position: relative
}

#new_droplet_search #droplet_search_indicator {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 16px;
    right: 14px;
    z-index: 1;
    color: #298eea
}

#new_droplet_search button {
    background: #eeeeee;
    color: #444;
    height: 48px;
    border: 1px solid #e0e0e0;
    width: 13%;
    float: left;
    border-radius: 0 3px 3px 0;
    position: relative;
    left: -1px;
    display: none
}

#new_droplet_search button:hover {
    background: #f1f1f1
}

#new_droplet_search .spinner {
    display: none
}

table.droplet-listing {
    clear: left
}

a#droplet-neighbors-report {
    margin-bottom: 40px
}

.droplets.show header {
    margin-bottom: 0
}

.droplets.show h1 .Badge {
    -webkit-font-smoothing: antialiased
}

.droplets.show .Droplet-attributes {
    clear: both;
    font-size: 1.125rem
}

.droplets.show .Droplet-attributes li {
    display: inline-block;
    list-style: none;
    margin-right: 1.5rem;
    color: #bbbbbb
}

.droplets.show .Tabs-content.main {
    padding-top: 0
}

#view_history .Button--withIcon:before {
    position: absolute;
    right: auto;
    top: auto;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.toggle-listing .Button {
    display: none
}

.toggle-listing .Button.shown {
    display: inline-block
}

table.listing .event {
    width: 30%
}

table.listing .initiated {
    width: 30%
}

table.listing .executed {
    width: 40%
}

#action-tabs #action-scale .checkbox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#action-tabs #action-scale .checkbox:nth-child(odd) {
    padding-right: 8px
}

#action-tabs #action-scale .checkbox:nth-child(even) {
    padding-left: 8px
}

#action-tabs #action-scale .checkbox label {
    border: 1px solid #dfdfdf;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 17px 17px 17px 64px;
    background: none;
    width: 100%;
    height: 100px;
    line-height: normal;
    position: relative;
    display: block;
    cursor: pointer
}

#action-tabs #action-scale .checkbox label span {
    font-weight: 600;
    margin-bottom: 2px;
    display: block
}

#action-tabs #action-scale .checkbox label .description {
    color: #575757;
    font-size: 15px
}

#action-tabs #action-scale .checkbox label:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    top: 50%;
    margin-top: -11px;
    padding: 4px 0 0 4px
}

#action-tabs #action-scale .checkbox label:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 27px;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    padding: 4px 0 0 4px;
    background-color: #298eea;
    display: none
}

#action-tabs #action-scale .checkbox label.checked {
    border: 1px solid #298eea
}

#action-tabs #action-scale .checkbox label.checked:before {
    color: #298eea;
    border-color: #298eea
}

#action-tabs #action-scale .checkbox label.checked:after {
    display: block
}

#action-tabs #action-scale .checkbox.disabled {
    background-color: inherit;
    opacity: 0.5
}

#action-tabs #action-scale .checkbox.disabled label {
    cursor: not-allowed
}

#action-tabs #action-scale .note {
    margin-top: 1rem;
    clear: left;
    float: left
}

#action-tabs #action-scale .note strong {
    font-weight: 600
}

#action-tabs #action-scale .sizes-selection {
    clear: left
}

#action-tabs #action-scale .sizes-selection .carousel-inner .monthly .period span,#action-tabs #action-scale .sizes-selection .carousel-inner .hourly .period span {
    padding: 0 1px
}

#action-tabs #action-scale .sizes-selection .carousel-inner .monthly .cost {
    padding: 0 2px
}

#action-tabs #action-scale .sizes-selection .carousel-inner .hourly .cost {
    padding-right: 1px
}

#action-tabs #action-scale .sizes-selection .carousel-inner .size {
    outline: 0;
    color: #444
}

#action-tabs #action-scale .sizes-selection .carousel-inner .current,#action-tabs #action-scale .sizes-selection .carousel-inner .disabled {
    opacity: .4;
    background-color: #ececec;
    border-color: #ececec;
    color: #676767
}

#action-tabs #action-scale .sizes-selection .carousel-inner .current span.pricing,#action-tabs #action-scale .sizes-selection .carousel-inner .disabled span.pricing {
    border-color: #cbcbcb
}

#action-tabs #action-scale .sizes-selection .carousel-inner .current .details span,#action-tabs #action-scale .sizes-selection .carousel-inner .disabled .details span {
    color: #676767
}

#action-tabs #action-scale .sizes-selection .resize .details span.disk strong {
    font-weight: 400;
    color: #AEAEAE
}

#event-processing {
    text-align: center;
    color: #999999
}

#event-processing.active {
    display: block
}

.droplets.show .graph:first-child {
    margin-top: 20px
}

.droplets.show .graph {
    border: 1px solid #dfdfdf;
    margin-bottom: 25px;
    padding: 25px
}

.droplets.show .graph:first-of-type {
    margin-top: 0
}

.graph.loading {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/images/v2/ajax-loader.gif) center no-repeat
}

.c3-axis-x .tick {
    fill: gray
}

.c3-axis-x .tick line {
    stroke: gray
}

.c3-axis-x-label {
    fill: gray
}

.c3-axis-y .tick {
    fill: gray
}

.c3-axis-y .tick line {
    stroke: gray
}

.c3-axis-y-label {
    fill: gray
}

.c3-line {
    stroke-width: 1px
}

.c3-text,.chart-title {
    font-family: "proxima-nova", "proxima nova", "helvetica neue", "helvetica", "arial", sans-serif
}

.c3 text {
    fill: #666
}

.c3 path,.c3 line {
    stroke: #C8C8C8
}

text.chart-title {
    font-size: 1rem;
    fill: #373737;
    font-family: 'proxima-nova'
}

.c3 svg {
    font-size: 11px;
    font-family: 'proxima-nova'
}

.c3-text.c3-empty {
    fill: #C0C0C0;
    font-size: 19px
}

#content .c3-tooltip th,#content .c3-tooltip td {
    padding: 5px
}

body.droplets.show .TopNav .create_droplet {
    display: block
}

body.droplets.new .TopNav .create_droplet {
    display: none
}

body.droplets.new h2.add-payment-message,body.droplets.show h2.add-payment-message {
    padding: 60px 20px;
    border: 2px solid #eee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

body.droplets.new #content #main,body.droplets.show #content #main {
    width: 1000px
}

body.droplets.new .section-anchor,body.droplets.show .section-anchor {
    position: absolute;
    margin-top: -110px
}

body.droplets.new .mt55,body.droplets.show .mt55 {
    margin-top: 55px !important
}

body.droplets.new .tooltip,body.droplets.show .tooltip {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

body.droplets.new .tooltip.in,body.droplets.show .tooltip.in {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=9500);
    opacity: 95
}

body.droplets.new .tooltip-inner,body.droplets.show .tooltip-inner {
    padding: 10px;
    background-color: #333333;
    font-size: 13px;
    max-width: 300px;
    word-wrap: break-word
}

body.droplets.new #disabled_sizes_message,body.droplets.show #disabled_sizes_message {
    display: none
}

body.droplets.new #public_github_repo,body.droplets.show #public_github_repo {
    padding: 10px;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 15px
}

body.droplets.new #public_repo,body.droplets.show #public_repo {
    padding: 10px;
    font-size: 14px;
    background-color: #1474cc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 5px;
    border: none;
    color: #ffffff
}

body.droplets.new #new_droplet .sizes-selection,body.droplets.new #droplet_scale .sizes-selection,body.droplets.show #new_droplet .sizes-selection,body.droplets.show #droplet_scale .sizes-selection {
    overflow: hidden;
    *zoom:1;font-size: 16px;
    padding: 0;
    list-style: none
}

body.droplets.new #new_droplet .sizes-selection .size,body.droplets.new #droplet_scale .sizes-selection .size,body.droplets.show #new_droplet .sizes-selection .size,body.droplets.show #droplet_scale .sizes-selection .size {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: #ffffff;
    color: #444;
    cursor: pointer;
    text-align: center;
    border: 1px solid #dfdfdf;
    list-style: none
}

body.droplets.new #new_droplet .sizes-selection .size:hover,body.droplets.new #new_droplet .sizes-selection .size:focus,body.droplets.new #droplet_scale .sizes-selection .size:hover,body.droplets.new #droplet_scale .sizes-selection .size:focus,body.droplets.show #new_droplet .sizes-selection .size:hover,body.droplets.show #new_droplet .sizes-selection .size:focus,body.droplets.show #droplet_scale .sizes-selection .size:hover,body.droplets.show #droplet_scale .sizes-selection .size:focus {
    border-color: #dedede
}

body.droplets.new #new_droplet .sizes-selection .size:hover .pricing,body.droplets.new #new_droplet .sizes-selection .size:focus .pricing,body.droplets.new #droplet_scale .sizes-selection .size:hover .pricing,body.droplets.new #droplet_scale .sizes-selection .size:focus .pricing,body.droplets.show #new_droplet .sizes-selection .size:hover .pricing,body.droplets.show #new_droplet .sizes-selection .size:focus .pricing,body.droplets.show #droplet_scale .sizes-selection .size:hover .pricing,body.droplets.show #droplet_scale .sizes-selection .size:focus .pricing {
    border-color: #dedede
}

body.droplets.new #new_droplet .sizes-selection .size.disabled,body.droplets.new #droplet_scale .sizes-selection .size.disabled,body.droplets.show #new_droplet .sizes-selection .size.disabled,body.droplets.show #droplet_scale .sizes-selection .size.disabled {
    background-color: #ffffff;
    cursor: default;
    cursor: not-allowed;
    opacity: 0.5;
    border-color: #E4E4E4
}

body.droplets.new #new_droplet .sizes-selection .size.disabled .pricing,body.droplets.new #droplet_scale .sizes-selection .size.disabled .pricing,body.droplets.show #new_droplet .sizes-selection .size.disabled .pricing,body.droplets.show #droplet_scale .sizes-selection .size.disabled .pricing {
    border-color: #E4E4E4
}

body.droplets.new #new_droplet .sizes-selection .size.disabled:hover,body.droplets.new #droplet_scale .sizes-selection .size.disabled:hover,body.droplets.show #new_droplet .sizes-selection .size.disabled:hover,body.droplets.show #droplet_scale .sizes-selection .size.disabled:hover {
    border-color: #E4E4E4
}

body.droplets.new #new_droplet .sizes-selection .size.current,body.droplets.new #droplet_scale .sizes-selection .size.current,body.droplets.show #new_droplet .sizes-selection .size.current,body.droplets.show #droplet_scale .sizes-selection .size.current {
    background-color: #999999;
    cursor: default;
    cursor: not-allowed
}

body.droplets.new #new_droplet .sizes-selection .size input[type='radio'],body.droplets.new #droplet_scale .sizes-selection .size input[type='radio'],body.droplets.show #new_droplet .sizes-selection .size input[type='radio'],body.droplets.show #droplet_scale .sizes-selection .size input[type='radio'] {
    display: none
}

body.droplets.new #new_droplet .sizes-selection .size.selected,body.droplets.new #droplet_scale .sizes-selection .size.selected,body.droplets.show #new_droplet .sizes-selection .size.selected,body.droplets.show #droplet_scale .sizes-selection .size.selected {
    border-color: #298eea
}

body.droplets.new #new_droplet .sizes-selection .size.selected .pricing,body.droplets.new #droplet_scale .sizes-selection .size.selected .pricing,body.droplets.show #new_droplet .sizes-selection .size.selected .pricing,body.droplets.show #droplet_scale .sizes-selection .size.selected .pricing {
    background-color: #298eea;
    border-bottom: 1px solid #298eea;
    color: #ffffff
}

body.droplets.new #new_droplet .sizes-selection .size>span,body.droplets.new #new_droplet .sizes-selection .size .price>span,body.droplets.new #droplet_scale .sizes-selection .size>span,body.droplets.new #droplet_scale .sizes-selection .size .price>span,body.droplets.show #new_droplet .sizes-selection .size>span,body.droplets.show #new_droplet .sizes-selection .size .price>span,body.droplets.show #droplet_scale .sizes-selection .size>span,body.droplets.show #droplet_scale .sizes-selection .size .price>span {
    display: block
}

body.droplets.new #new_droplet .sizes-selection .size .pricing,body.droplets.new #droplet_scale .sizes-selection .size .pricing,body.droplets.show #new_droplet .sizes-selection .size .pricing,body.droplets.show #droplet_scale .sizes-selection .size .pricing {
    display: block;
    border-bottom: 1px solid #dfdfdf;
    padding: 20px 0 11px
}

body.droplets.new #new_droplet .sizes-selection .size .price,body.droplets.new #droplet_scale .sizes-selection .size .price,body.droplets.show #new_droplet .sizes-selection .size .price,body.droplets.show #droplet_scale .sizes-selection .size .price {
    text-align: center
}

body.droplets.new #new_droplet .sizes-selection .size .price .period,body.droplets.new #droplet_scale .sizes-selection .size .price .period,body.droplets.show #new_droplet .sizes-selection .size .price .period,body.droplets.show #droplet_scale .sizes-selection .size .price .period {
    font-size: 12px
}

body.droplets.new #new_droplet .sizes-selection .size .monthly,body.droplets.new #new_droplet .sizes-selection .size .hourly,body.droplets.new #droplet_scale .sizes-selection .size .monthly,body.droplets.new #droplet_scale .sizes-selection .size .hourly,body.droplets.show #new_droplet .sizes-selection .size .monthly,body.droplets.show #new_droplet .sizes-selection .size .hourly,body.droplets.show #droplet_scale .sizes-selection .size .monthly,body.droplets.show #droplet_scale .sizes-selection .size .hourly {
    display: block;
    text-transform: lowercase
}

body.droplets.new #new_droplet .sizes-selection .size .monthly .cost,body.droplets.new #new_droplet .sizes-selection .size .monthly .period,body.droplets.new #new_droplet .sizes-selection .size .hourly .cost,body.droplets.new #new_droplet .sizes-selection .size .hourly .period,body.droplets.new #droplet_scale .sizes-selection .size .monthly .cost,body.droplets.new #droplet_scale .sizes-selection .size .monthly .period,body.droplets.new #droplet_scale .sizes-selection .size .hourly .cost,body.droplets.new #droplet_scale .sizes-selection .size .hourly .period,body.droplets.show #new_droplet .sizes-selection .size .monthly .cost,body.droplets.show #new_droplet .sizes-selection .size .monthly .period,body.droplets.show #new_droplet .sizes-selection .size .hourly .cost,body.droplets.show #new_droplet .sizes-selection .size .hourly .period,body.droplets.show #droplet_scale .sizes-selection .size .monthly .cost,body.droplets.show #droplet_scale .sizes-selection .size .monthly .period,body.droplets.show #droplet_scale .sizes-selection .size .hourly .cost,body.droplets.show #droplet_scale .sizes-selection .size .hourly .period {
    display: inline-block
}

body.droplets.new #new_droplet .sizes-selection .size .monthly .cost,body.droplets.new #droplet_scale .sizes-selection .size .monthly .cost,body.droplets.show #new_droplet .sizes-selection .size .monthly .cost,body.droplets.show #droplet_scale .sizes-selection .size .monthly .cost {
    font-size: 26px;
    font-weight: 600
}

body.droplets.new #new_droplet .sizes-selection .size .monthly .dollar,body.droplets.new #droplet_scale .sizes-selection .size .monthly .dollar,body.droplets.show #new_droplet .sizes-selection .size .monthly .dollar,body.droplets.show #droplet_scale .sizes-selection .size .monthly .dollar {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    vertical-align: top;
    position: relative;
    left: 2px;
    top: 8px
}

body.droplets.new #new_droplet .sizes-selection .size .monthly .period,body.droplets.new #droplet_scale .sizes-selection .size .monthly .period,body.droplets.show #new_droplet .sizes-selection .size .monthly .period,body.droplets.show #droplet_scale .sizes-selection .size .monthly .period {
    font-size: 16px;
    position: relative;
    right: 3px
}

body.droplets.new #new_droplet .sizes-selection .size .hourly,body.droplets.new #droplet_scale .sizes-selection .size .hourly,body.droplets.show #new_droplet .sizes-selection .size .hourly,body.droplets.show #droplet_scale .sizes-selection .size .hourly {
    font-size: 14px
}

body.droplets.new #new_droplet .sizes-selection .size .details,body.droplets.new #droplet_scale .sizes-selection .size .details,body.droplets.show #new_droplet .sizes-selection .size .details,body.droplets.show #droplet_scale .sizes-selection .size .details {
    padding: 15px 0;
    font-size: 14px
}

body.droplets.new #new_droplet .sizes-selection .size .details span,body.droplets.new #droplet_scale .sizes-selection .size .details span,body.droplets.show #new_droplet .sizes-selection .size .details span,body.droplets.show #droplet_scale .sizes-selection .size .details span {
    display: block;
    margin: 0;
    color: #AEAEAE
}

body.droplets.new #new_droplet .sizes-selection .size .details .memory_and_cpu strong,body.droplets.new #new_droplet .sizes-selection .size .details .disk strong,body.droplets.new #new_droplet .sizes-selection .size .details .bandwidth strong,body.droplets.new #droplet_scale .sizes-selection .size .details .memory_and_cpu strong,body.droplets.new #droplet_scale .sizes-selection .size .details .disk strong,body.droplets.new #droplet_scale .sizes-selection .size .details .bandwidth strong,body.droplets.show #new_droplet .sizes-selection .size .details .memory_and_cpu strong,body.droplets.show #new_droplet .sizes-selection .size .details .disk strong,body.droplets.show #new_droplet .sizes-selection .size .details .bandwidth strong,body.droplets.show #droplet_scale .sizes-selection .size .details .memory_and_cpu strong,body.droplets.show #droplet_scale .sizes-selection .size .details .disk strong,body.droplets.show #droplet_scale .sizes-selection .size .details .bandwidth strong {
    font-weight: 400;
    color: #3f3f3f
}

body.droplets.new #droplet_scale .sizes-selection .size:first-child,body.droplets.new #droplet_scale .sizes-selection .size:nth-child(5),body.droplets.new #droplet_scale .sizes-selection .size:nth-child(9),body.droplets.show #droplet_scale .sizes-selection .size:first-child,body.droplets.show #droplet_scale .sizes-selection .size:nth-child(5),body.droplets.show #droplet_scale .sizes-selection .size:nth-child(9) {
    margin-left: 0
}

body.droplets.new #droplet_scale .sizes-selection .size:nth-child(5),body.droplets.new #droplet_scale .sizes-selection .size:nth-child(9),body.droplets.show #droplet_scale .sizes-selection .size:nth-child(5),body.droplets.show #droplet_scale .sizes-selection .size:nth-child(9) {
    margin-right: 20px
}

body.droplets.new #new_droplet section,body.droplets.show #new_droplet section {
    width: 800px;
    float: left
}

body.droplets.new #new_droplet .sidebar,body.droplets.show #new_droplet .sidebar {
    position: absolute;
    border-left: 2px solid #f1f1f1;
    width: 140px;
    padding-left: 20px;
    margin-left: 840px;
    margin-top: 45px;
    padding-bottom: 4px;
    transform: translateZ(0)
}

body.droplets.new #new_droplet .sidebar h4,body.droplets.show #new_droplet .sidebar h4 {
    margin: 3px 0 0;
    text-transform: none;
    color: #444;
    font-size: 16px;
    letter-spacing: 0
}

body.droplets.new #new_droplet .sidebar label,body.droplets.show #new_droplet .sidebar label {
    margin: 13px 0 0;
    font-weight: 600;
    color: #298eea;
    cursor: pointer
}

body.droplets.new #new_droplet .sidebar .blank-selection,body.droplets.show #new_droplet .sidebar .blank-selection {
    color: #999999
}

body.droplets.new #new_droplet .sidebar span,body.droplets.show #new_droplet .sidebar span {
    position: relative;
    top: -1px
}

body.droplets.new #new_droplet .sidebar label,body.droplets.new #new_droplet .sidebar span,body.droplets.show #new_droplet .sidebar label,body.droplets.show #new_droplet .sidebar span {
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

body.droplets.new #new_droplet h2.section-header,body.droplets.show #new_droplet h2.section-header {
    padding-left: 0;
    background-image: none
}

body.droplets.new #new_droplet section.settings-margin,body.droplets.show #new_droplet section.settings-margin {
    margin-bottom: 35px
}

body.droplets.new #new_droplet section.settings-margin .actions,body.droplets.show #new_droplet section.settings-margin .actions {
    margin-top: 50px
}

body.droplets.new #new_droplet section h2.sub,body.droplets.show #new_droplet section h2.sub {
    margin-bottom: 5px
}

body.droplets.new #new_droplet section h2.image,body.droplets.show #new_droplet section h2.image {
    margin-bottom: 15px
}

body.droplets.new #new_droplet section p.sub,body.droplets.show #new_droplet section p.sub {
    margin-top: 5px
}

body.droplets.new #new_droplet .alert-holder,body.droplets.show #new_droplet .alert-holder {
    height: auto !important;
    margin-top: 0
}

body.droplets.new #new_droplet .alert-holder#create-hostname-alert,body.droplets.show #new_droplet .alert-holder#create-hostname-alert {
    display: inline-block;
    float: right
}

body.droplets.new #new_droplet .alert-holder#create-hostname-alert .hostname_validation,body.droplets.show #new_droplet .alert-holder#create-hostname-alert .hostname_validation {
    margin: 3px 0 0 0;
    font-weight: 400;
    border: none
}

body.droplets.new #new_droplet .hostname_validation,body.droplets.show #new_droplet .hostname_validation {
    margin: 10px 0 0;
    padding: 0 !important;
    background: none
}

body.droplets.new #new_droplet .actions .hostname_validation,body.droplets.show #new_droplet .actions .hostname_validation {
    margin-bottom: 10px;
    border: none
}

body.droplets.new #new_droplet #droplet_hostname_label,body.droplets.show #new_droplet #droplet_hostname_label {
    font-size: 20px;
    font-weight: 300
}

body.droplets.new #new_droplet #name,body.droplets.show #new_droplet #name {
    margin: 10px 0 0;
    text-align: center
}

body.droplets.new #new_droplet #name .hostname_validation,body.droplets.show #new_droplet #name .hostname_validation {
    border: none
}

body.droplets.new #new_droplet #name label,body.droplets.show #new_droplet #name label {
    display: none
}

body.droplets.new #new_droplet #name .alert-holder,body.droplets.show #new_droplet #name .alert-holder {
    height: 35px
}

body.droplets.new #new_droplet .flash.alert,body.droplets.show #new_droplet .flash.alert {
    background: none;
    color: #f36364;
    padding: 0;
    margin: 10px 0 0;
    font-size: 15px;
    border: none
}

body.droplets.new #new_droplet h2.hostname,body.droplets.show #new_droplet h2.hostname {
    margin-top: 30px
}

body.droplets.new #new_droplet #regions,body.droplets.show #new_droplet #regions {
    overflow: hidden;
    *zoom:1;padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

body.droplets.new #new_droplet #regions .region-geography,body.droplets.show #new_droplet #regions .region-geography {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #dfdfdf;
    cursor: pointer;
    text-align: center;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0;
    border: 1px solid #dfdfdf
}

body.droplets.new #new_droplet #regions .region-geography .name,body.droplets.show #new_droplet #regions .region-geography .name {
    color: #565656;
    display: block
}

body.droplets.new #new_droplet #regions .region-geography .region-geography-info,body.droplets.show #new_droplet #regions .region-geography .region-geography-info {
    padding: 20px 0 12px 0
}

body.droplets.new #new_droplet #regions .region-geography:nth-child(6n),body.droplets.show #new_droplet #regions .region-geography:nth-child(6n) {
    margin-right: 0
}

body.droplets.new #new_droplet #regions .region-geography.disabled,body.droplets.show #new_droplet #regions .region-geography.disabled {
    background-color: #ffffff;
    cursor: default;
    cursor: not-allowed;
    opacity: 0.5
}

body.droplets.new #new_droplet #regions .region-geography.disabled:hover,body.droplets.show #new_droplet #regions .region-geography.disabled:hover {
    border-color: #dfdfdf
}

body.droplets.new #new_droplet #regions .region-geography:hover:not(.disabled):not(.selected),body.droplets.new #new_droplet #regions .region-geography:focus,body.droplets.show #new_droplet #regions .region-geography:hover:not(.disabled):not(.selected),body.droplets.show #new_droplet #regions .region-geography:focus {
    border-color: #dedede
}

body.droplets.new #new_droplet #regions .region-geography:hover:not(.disabled):not(.selected) ul.regions,body.droplets.new #new_droplet #regions .region-geography:focus ul.regions,body.droplets.show #new_droplet #regions .region-geography:hover:not(.disabled):not(.selected) ul.regions,body.droplets.show #new_droplet #regions .region-geography:focus ul.regions {
    border-top: 1px solid #e4e4e4
}

body.droplets.new #new_droplet #regions .region-geography .icon,body.droplets.show #new_droplet #regions .region-geography .icon {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    margin: 0 auto 10px
}

body.droplets.new #new_droplet #regions .region-geography input[type='radio'],body.droplets.show #new_droplet #regions .region-geography input[type='radio'] {
    display: none
}

body.droplets.new #new_droplet #regions .region-geography.selected,body.droplets.show #new_droplet #regions .region-geography.selected {
    background-color: #298eea;
    color: #ffffff;
    border: 1px solid #298eea
}

body.droplets.new #new_droplet #regions .region-geography.selected .name,body.droplets.show #new_droplet #regions .region-geography.selected .name {
    color: #ffffff
}

body.droplets.new #new_droplet #regions .region-geography.selected .selected-region,body.droplets.show #new_droplet #regions .region-geography.selected .selected-region {
    background-color: #eef7ff !important;
    color: #298eea;
    font-weight: 800
}

body.droplets.new #new_droplet #regions .region-geography.selected .selected-region:hover,body.droplets.show #new_droplet #regions .region-geography.selected .selected-region:hover {
    color: #298eea !important
}

body.droplets.new #new_droplet #regions .region-geography.selected .selected-region:hover:not(.disabled) ul.regions,body.droplets.show #new_droplet #regions .region-geography.selected .selected-region:hover:not(.disabled) ul.regions {
    border-top: 1px solid #298eea
}

body.droplets.new #new_droplet #regions .region-geography ul.regions,body.droplets.show #new_droplet #regions .region-geography ul.regions {
    list-style: none;
    padding: 0;
    color: #666;
    border-top: 1px solid #E4E4E4;
    width: 100%
}

body.droplets.new #new_droplet #distributions .distro,body.droplets.show #new_droplet #distributions .distro {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #bbb;
    border: 1px solid #E4E4E4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body.droplets.new #new_droplet #distributions .distro:nth-child(4n),body.droplets.show #new_droplet #distributions .distro:nth-child(4n) {
    margin-right: 0
}

body.droplets.new #new_droplet #distributions .distro .distro-name,body.droplets.show #new_droplet #distributions .distro .distro-name {
    font-size: 16px;
    display: block;
    margin: 8px 0 10px 0
}

body.droplets.new #new_droplet #distributions .distro .distro-version,body.droplets.show #new_droplet #distributions .distro .distro-version {
    padding: 10px 15px;
    text-align: center;
    background-color: #FCFCFC;
    border-top: 1px solid #e4e4e4;
    display: block;
    font-size: 13px
}

body.droplets.new #new_droplet #distributions .distro .distro-version .version-name,body.droplets.show #new_droplet #distributions .distro .distro-version .version-name {
    font-weight: 600;
    margin-right: 8px;
    width: calc(100% - 30px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

body.droplets.new #new_droplet #distributions .distro .distro-version .distro-select,body.droplets.show #new_droplet #distributions .distro .distro-version .distro-select {
    position: relative;
    top: 1px
}

body.droplets.new #new_droplet #distributions .distro .distro-version .distro-select .Icon--arrowDown,body.droplets.show #new_droplet #distributions .distro .distro-version .distro-select .Icon--arrowDown {
    font-size: 11px
}

body.droplets.new #new_droplet #distributions .distro .icon,body.droplets.show #new_droplet #distributions .distro .icon {
    background-color: none;
    background-repeat: no-repeat;
    background-position: center center;
    height: 54px;
    margin: 10px auto 0;
    width: 54px;
    background: url("icons/distros/default.png") no-repeat center center
}

body.droplets.new #new_droplet #distributions .distro.active .icon,body.droplets.show #new_droplet #distributions .distro.active .icon {
    background: url("icons/distros/default-active.png") no-repeat center center
}

body.droplets.new #new_droplet #distributions .distro .distro-button,body.droplets.show #new_droplet #distributions .distro .distro-button {
    width: 100%;
    box-sizing: border-box
}

body.droplets.new #new_droplet #distributions .distro .distro-button:focus,body.droplets.show #new_droplet #distributions .distro .distro-button:focus {
    outline: none;
    background-color: #FCFCFC
}

body.droplets.new #new_droplet #distributions .distro .distro-button.ubuntu .icon,body.droplets.show #new_droplet #distributions .distro .distro-button.ubuntu .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/ubuntu-0beb6dfec9808926d6671d367e77b15c.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.ubuntu .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.ubuntu .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/ubuntu-active-65c7083ca3ccf98851f35b769f3c8cdc.png)
}

body.droplets.new #new_droplet #distributions .distro .distro-button.fedora .icon,body.droplets.show #new_droplet #distributions .distro .distro-button.fedora .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/fedora-7f2ab3724683de9307c26e998b07890c.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.fedora .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.fedora .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/fedora-active-ef58a30063246ca3be600183539f7012.png)
}

body.droplets.new #new_droplet #distributions .distro .distro-button.centos .icon,body.droplets.show #new_droplet #distributions .distro .distro-button.centos .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/centos-35e4621aaee68e00a05384e9d998e133.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.centos .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.centos .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/centos-active-fe2b353dee059b17d7b86ae2e2d751c8.png)
}

body.droplets.new #new_droplet #distributions .distro .distro-button.debian .icon,body.droplets.show #new_droplet #distributions .distro .distro-button.debian .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/debian-508976ba54971633b585fe35d5cf1ad7.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.debian .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.debian .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/debian-active-f9f7afac4794af2a1d841ab02e519631.png)
}

body.droplets.new #new_droplet #distributions .distro .distro-button.arch-linux .icon,body.droplets.show #new_droplet #distributions .distro .distro-button.arch-linux .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/arch-linux-ab481434c9110522f555ab4bb47d33f4.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.arch-linux .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.arch-linux .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/arch-linux-active-2e15b26c0baa3739df4d524c68ecd452.png)
}

body.droplets.new #new_droplet #distributions .distro .distro-button.gentoo .icon,body.droplets.show #new_droplet #distributions .distro .distro-button.gentoo .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/gentoo-f4ac01a677fa53c6a64a78eb40ae07b2.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.gentoo .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.gentoo .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/gentoo-active-395e2147d71f28fbea5c29e560a3e990.png)
}

body.droplets.new #new_droplet #distributions .distro .distro-button.coreos .icon,body.droplets.show #new_droplet #distributions .distro .distro-button.coreos .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/coreos-a27eddcfd89c7db2150cb777fc7b50e9.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.coreos .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.coreos .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/coreos-active-03fb7cb0118318ecde60ebcbdd998a1a.png)
}

body.droplets.new #new_droplet #distributions .distro .distro-button.freebsd .icon,body.droplets.show #new_droplet #distributions .distro .distro-button.freebsd .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/freebsd-ffba660960ecafaadbef41f56baf91d3.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.freebsd .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.freebsd .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/freebsd-active-4435d9345744188eb295f5a4e0ad5ec0.png)
}

body.droplets.new #new_droplet #distributions .distro.active,body.droplets.show #new_droplet #distributions .distro.active {
    border: 1px solid #298eea;
    background-color: #298eea;
    color: #ffffff
}

body.droplets.new #new_droplet #distributions .distro.active .icon,body.droplets.show #new_droplet #distributions .distro.active .icon {
    background-color: none;
    border-color: #dfdfdf
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.ubuntu .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.ubuntu .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/ubuntu-active-65c7083ca3ccf98851f35b769f3c8cdc.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.fedora .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.fedora .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/fedora-active-ef58a30063246ca3be600183539f7012.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.centos .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.centos .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/centos-active-fe2b353dee059b17d7b86ae2e2d751c8.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.debian .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.debian .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/debian-active-f9f7afac4794af2a1d841ab02e519631.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.arch-linux .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.arch-linux .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/arch-linux-active-2e15b26c0baa3739df4d524c68ecd452.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.gentoo .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.gentoo .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/gentoo-active-395e2147d71f28fbea5c29e560a3e990.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.coreos .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.coreos .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/coreos-active-03fb7cb0118318ecde60ebcbdd998a1a.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button.freebsd .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button.freebsd .icon {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/distros/freebsd-active-4435d9345744188eb295f5a4e0ad5ec0.png)
}

body.droplets.new #new_droplet #distributions .distro.active .distro-version,body.droplets.show #new_droplet #distributions .distro.active .distro-version {
    border-top: 1px solid #298eea
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button,body.droplets.show #new_droplet #distributions .distro.active .distro-button {
    background-color: #298eea;
    color: #ffffff
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button .icon,body.droplets.show #new_droplet #distributions .distro.active .distro-button .icon {
    background-color: none;
    border-color: #dfdfdf
}

body.droplets.new #new_droplet #distributions .distro.active .distro-button .distro-version,body.droplets.show #new_droplet #distributions .distro.active .distro-button .distro-version {
    border-top: 1px solid #298eea
}

body.droplets.new #new_droplet #distributions .distro:hover .distro-version,body.droplets.new #new_droplet #distributions .distro:focus .distro-version,body.droplets.show #new_droplet #distributions .distro:hover .distro-version,body.droplets.show #new_droplet #distributions .distro:focus .distro-version {
    outline: none;
    background-color: #f3f3f3
}

body.droplets.new #new_droplet #distributions .distro:hover .distro-version .distro-select .select-arrow,body.droplets.new #new_droplet #distributions .distro:focus .distro-version .distro-select .select-arrow,body.droplets.show #new_droplet #distributions .distro:hover .distro-version .distro-select .select-arrow,body.droplets.show #new_droplet #distributions .distro:focus .distro-version .distro-select .select-arrow {
    border-top: 5px solid rgba(0,0,0,0.3)
}

body.droplets.new #new_droplet #distributions #distributions-images,body.droplets.show #new_droplet #distributions #distributions-images {
    clear: both
}

body.droplets.new #new_droplet #distributions #distributions-images .dropdown,body.droplets.show #new_droplet #distributions #distributions-images .dropdown {
    padding: 5px 0 0 0;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 235px;
    top: 232px;
    font-size: 13px;
    display: block;
    opacity: 1;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    -moz-transition: all 0.2s cubic-bezier(0.035, 0.015, 0, 1);
    -o-transition: all 0.2s cubic-bezier(0.035, 0.015, 0, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.035, 0.015, 0, 1);
    transition: all 0.2s cubic-bezier(0.035, 0.015, 0, 1)
}

body.droplets.new #new_droplet #distributions #distributions-images .dropdown.is-active,body.droplets.show #new_droplet #distributions #distributions-images .dropdown.is-active {
    visibility: visible;
    -moz-transition: all 0.4s cubic-bezier(0.035, 0.015, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.035, 0.015, 0, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.035, 0.015, 0, 1);
    transition: all 0.4s cubic-bezier(0.035, 0.015, 0, 1);
    max-height: 300px;
    z-index: 10
}

body.droplets.new #new_droplet #distributions #distributions-images #images-freebsd,body.droplets.show #new_droplet #distributions #distributions-images #images-freebsd {
    left: 256px
}

body.droplets.new #new_droplet #distributions #distributions-images #images-fedora,body.droplets.show #new_droplet #distributions #distributions-images #images-fedora {
    left: 511px
}

body.droplets.new #new_droplet #distributions #distributions-images #images-debian,body.droplets.show #new_droplet #distributions #distributions-images #images-debian {
    left: 767px
}

body.droplets.new #new_droplet #distributions #distributions-images #images-coreos,body.droplets.show #new_droplet #distributions #distributions-images #images-coreos {
    top: 402px;
    left: 0px
}

body.droplets.new #new_droplet #distributions #distributions-images #images-centos,body.droplets.show #new_droplet #distributions #distributions-images #images-centos {
    top: 402px;
    left: 256px
}

body.droplets.new #new_droplet #distributions #distributions-images #images-ubuntu:nth-child(2),body.droplets.show #new_droplet #distributions #distributions-images #images-ubuntu:nth-child(2) {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0
}

body.droplets.new #new_droplet #distributions #distributions-images .radio_select,body.droplets.new #new_droplet #distributions #distributions-images .image-option,body.droplets.show #new_droplet #distributions #distributions-images .radio_select,body.droplets.show #new_droplet #distributions #distributions-images .image-option {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    zoom:1;background-color: #fff;
    background-repeat: no-repeat;
    padding: 7px 15px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    margin: 0 0px 0px 0;
    line-height: 24px;
    cursor: pointer;
    border: 0;
    border-bottom: 1px solid #E9E9E9;
    position: relative;
    height: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

body.droplets.new #new_droplet #distributions #distributions-images .radio_select:nth-child(1),body.droplets.new #new_droplet #distributions #distributions-images .image-option:nth-child(1),body.droplets.show #new_droplet #distributions #distributions-images .radio_select:nth-child(1),body.droplets.show #new_droplet #distributions #distributions-images .image-option:nth-child(1) {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0
}

body.droplets.new #new_droplet #distributions #distributions-images .radio_select:nth-child(1).selected:before,body.droplets.new #new_droplet #distributions #distributions-images .radio_select:nth-child(1):hover:before,body.droplets.new #new_droplet #distributions #distributions-images .radio_select:nth-child(1):focus:before,body.droplets.new #new_droplet #distributions #distributions-images .image-option:nth-child(1).selected:before,body.droplets.new #new_droplet #distributions #distributions-images .image-option:nth-child(1):hover:before,body.droplets.new #new_droplet #distributions #distributions-images .image-option:nth-child(1):focus:before,body.droplets.show #new_droplet #distributions #distributions-images .radio_select:nth-child(1).selected:before,body.droplets.show #new_droplet #distributions #distributions-images .radio_select:nth-child(1):hover:before,body.droplets.show #new_droplet #distributions #distributions-images .radio_select:nth-child(1):focus:before,body.droplets.show #new_droplet #distributions #distributions-images .image-option:nth-child(1).selected:before,body.droplets.show #new_droplet #distributions #distributions-images .image-option:nth-child(1):hover:before,body.droplets.show #new_droplet #distributions #distributions-images .image-option:nth-child(1):focus:before {
    position: absolute;
    content: "";
    top: -4px;
    right: 17px;
    border-bottom: 4px solid #F8F8F8;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    z-index: 10
}

body.droplets.new #new_droplet #distributions #distributions-images .radio_select:last-child,body.droplets.new #new_droplet #distributions #distributions-images .image-option:last-child,body.droplets.show #new_droplet #distributions #distributions-images .radio_select:last-child,body.droplets.show #new_droplet #distributions #distributions-images .image-option:last-child {
    border-bottom: 0
}

body.droplets.new #new_droplet #distributions #distributions-images .radio_select.selected,body.droplets.new #new_droplet #distributions #distributions-images .image-option.selected,body.droplets.show #new_droplet #distributions #distributions-images .radio_select.selected,body.droplets.show #new_droplet #distributions #distributions-images .image-option.selected {
    background-position: 121px 14px;
    color: #666;
    background-color: #F8F8F8
}

body.droplets.new #new_droplet #distributions #distributions-images .radio_select.selected .inner-align:after,body.droplets.new #new_droplet #distributions #distributions-images .image-option.selected .inner-align:after,body.droplets.show #new_droplet #distributions #distributions-images .radio_select.selected .inner-align:after,body.droplets.show #new_droplet #distributions #distributions-images .image-option.selected .inner-align:after {
    background-position: 0 0
}

body.droplets.new #new_droplet #distributions #distributions-images .radio_select:hover,body.droplets.new #new_droplet #distributions #distributions-images .radio_select:focus,body.droplets.new #new_droplet #distributions #distributions-images .image-option:hover,body.droplets.new #new_droplet #distributions #distributions-images .image-option:focus,body.droplets.show #new_droplet #distributions #distributions-images .radio_select:hover,body.droplets.show #new_droplet #distributions #distributions-images .radio_select:focus,body.droplets.show #new_droplet #distributions #distributions-images .image-option:hover,body.droplets.show #new_droplet #distributions #distributions-images .image-option:focus {
    background-color: #F8F8F8
}

body.droplets.new #new_droplet #distributions #distributions-images .radio_select .inner-align:after,body.droplets.new #new_droplet #distributions #distributions-images .image-option .inner-align:after,body.droplets.show #new_droplet #distributions #distributions-images .radio_select .inner-align:after,body.droplets.show #new_droplet #distributions #distributions-images .image-option .inner-align:after {
    position: absolute;
    content: "";
    right: 10px;
    top: 50%;
    margin-top: -5px;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/checks-green-e22576ec03b9eb24e3ef5b0473d2724b.png);
    background-position: 0 -14px;
    width: 11px;
    height: 9px
}

body.droplets.new #new_droplet #distributions #distributions-images .distro-version-list,body.droplets.show #new_droplet #distributions #distributions-images .distro-version-list {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #DADADA;
    float: left;
    width: 100%
}

body.droplets.new #new_droplet #distributions #distributions-images .distro-version-list .disabled,body.droplets.show #new_droplet #distributions #distributions-images .distro-version-list .disabled {
    background-color: #F8F8F8;
    color: #bbb;
    cursor: default;
    cursor: not-allowed
}

body.droplets.new #new_droplet #distributions #distributions-images .distro-version-list:before,body.droplets.show #new_droplet #distributions #distributions-images .distro-version-list:before {
    position: absolute;
    content: "";
    top: 0;
    right: 18px;
    border-bottom: 5px solid #DADADA;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

body.droplets.new #new_droplet #distributions #distributions-images .distro-version-list:after,body.droplets.show #new_droplet #distributions #distributions-images .distro-version-list:after {
    position: absolute;
    content: "";
    top: 3px;
    right: 19px;
    border-bottom: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

body.droplets.new #new_droplet #distributions .distro-alert,body.droplets.show #new_droplet #distributions .distro-alert {
    margin: 0 0 20px 0
}

body.droplets.new #new_droplet #images,body.droplets.show #new_droplet #images {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

body.droplets.new #new_droplet #images .control-group.select,body.droplets.show #new_droplet #images .control-group.select {
    background: #fff url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/distro-select-998430cf305b9e9a703438671392aa1e.png) no-repeat 50% 0;
    padding: 6px 0
}

body.droplets.new #new_droplet #images .control-group.select select,body.droplets.show #new_droplet #images .control-group.select select {
    line-height: 26px;
    border: 0;
    color: #dfdfdf;
    font-size: 14px;
    -webkit-appearance: none
}

body.droplets.new #new_droplet #images .control-group.select select:focus,body.droplets.show #new_droplet #images .control-group.select select:focus {
    outline: none
}

body.droplets.new #new_droplet #images .new-label,body.droplets.show #new_droplet #images .new-label {
    background-color: #57a7ef;
    text-transform: uppercase;
    color: #FFF;
    font-size: 7px;
    padding: 3px 3px 2px 4px;
    display: inline;
    border-radius: 1px;
    line-height: 1;
    position: relative;
    top: -2px;
    font-weight: 300;
    letter-spacing: .5px;
    margin-right: 1px
}

body.droplets.new #new_droplet #images .distro.active .control-group.select,body.droplets.show #new_droplet #images .distro.active .control-group.select {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/distro-select-active-ce36d16d66340e3d4d42dcdfb84790fe.png)
}

body.droplets.new #new_droplet #images .distro.active .control-group.select select,body.droplets.show #new_droplet #images .distro.active .control-group.select select {
    color: #298eea
}

body.droplets.new #new_droplet #images .distro.active .distro-version,body.droplets.show #new_droplet #images .distro.active .distro-version {
    background-color: #FFF;
    color: #818181
}

body.droplets.new #new_droplet #images .tabs,body.droplets.show #new_droplet #images .tabs {
    border-bottom: 4px solid #298eea;
    background-color: #ffffff;
    border-radius: 0
}

body.droplets.new #new_droplet #images .tabs li,body.droplets.show #new_droplet #images .tabs li {
    padding-left: 0;
    padding-right: 3px
}

body.droplets.new #new_droplet #images .tabs a,body.droplets.show #new_droplet #images .tabs a {
    background-color: #f7f7f7;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    border-radius: 3px 3px 0 0;
    padding: 13px 20px 8px
}

body.droplets.new #new_droplet #images .tabs a:hover,body.droplets.show #new_droplet #images .tabs a:hover {
    background-color: #dfdfdf;
    color: #777777
}

body.droplets.new #new_droplet #images .tabs .active a,body.droplets.show #new_droplet #images .tabs .active a {
    background-color: #298eea;
    color: #ffffff
}

body.droplets.new #new_droplet #images #parent.tab-contents,body.droplets.show #new_droplet #images #parent.tab-contents {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px
}

body.droplets.new #new_droplet #images #parent.tab-contents>div,body.droplets.show #new_droplet #images #parent.tab-contents>div {
    padding: 25px 20px 20px 20px
}

body.droplets.new #new_droplet #github,body.droplets.show #new_droplet #github {
    vertical-align: top
}

body.droplets.new #new_droplet #github .new-text,body.droplets.show #new_droplet #github .new-text {
    color: #298eea;
    font-weight: 600
}

body.droplets.new #new_droplet #github a.info-link,body.droplets.show #new_droplet #github a.info-link {
    text-decoration: underline;
    color: #777
}

body.droplets.new #new_droplet #github #github-connect,body.droplets.show #new_droplet #github #github-connect {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    display: inline-block;
    width: 330px;
    height: 140px;
    padding-right: 40px;
    border-right: 1px solid #DADADA;
    overflow: hidden
}

body.droplets.new #new_droplet #github #github-connect p,body.droplets.show #new_droplet #github #github-connect p {
    font-size: 15px;
    margin: 0
}

body.droplets.new #new_droplet #github #github-connect #connect-details,body.droplets.show #new_droplet #github #github-connect #connect-details {
    margin-top: 26px
}

body.droplets.new #new_droplet #github #github-connect #connect-details span.connected,body.droplets.new #new_droplet #github #github-connect #connect-details a.disconnected,body.droplets.show #new_droplet #github #github-connect #connect-details span.connected,body.droplets.show #new_droplet #github #github-connect #connect-details a.disconnected {
    width: 100%;
    font-weight: 600;
    padding: 0 14px;
    display: block;
    text-align: center;
    height: 48px;
    line-height: 49px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px
}

body.droplets.new #new_droplet #github #github-connect #connect-details span.connected:before,body.droplets.new #new_droplet #github #github-connect #connect-details a.disconnected:before,body.droplets.show #new_droplet #github #github-connect #connect-details span.connected:before,body.droplets.show #new_droplet #github #github-connect #connect-details a.disconnected:before {
    font-weight: 400
}

body.droplets.new #new_droplet #github #github-connect #connect-details span.connected span,body.droplets.new #new_droplet #github #github-connect #connect-details a.disconnected span,body.droplets.show #new_droplet #github #github-connect #connect-details span.connected span,body.droplets.show #new_droplet #github #github-connect #connect-details a.disconnected span {
    margin-right: 4px;
    font-size: 19px;
    position: relative;
    top: 3px
}

body.droplets.new #new_droplet #github #github-connect #connect-details .connected,body.droplets.show #new_droplet #github #github-connect #connect-details .connected {
    background-color: #dfdfdf;
    color: #868686
}

body.droplets.new #new_droplet #github #github-connect #connect-details .disconnected,body.droplets.show #new_droplet #github #github-connect #connect-details .disconnected {
    background-color: #555;
    color: white
}

body.droplets.new #new_droplet #github #github-connect #connect-details .disconnected:before,body.droplets.show #new_droplet #github #github-connect #connect-details .disconnected:before {
    content: "\e603";
    font-family: 'sharkicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    top: 3px;
    margin-right: 7px;
    font-size: 19px
}

body.droplets.new #new_droplet #github #repo-details,body.droplets.show #new_droplet #github #repo-details {
    vertical-align: top;
    display: inline-block;
    width: 420px;
    padding-left: 40px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

body.droplets.new #new_droplet #github #repo-details #detection-loading,body.droplets.show #new_droplet #github #repo-details #detection-loading {
    display: none;
    text-align: center;
    padding: 20px
}

body.droplets.new #new_droplet #github #repo-details #detection-error,body.droplets.show #new_droplet #github #repo-details #detection-error {
    margin-top: 20px;
    display: none;
    color: #C5BC61;
    background: #F9F9DB;
    border-radius: 3px;
    padding: 14px 16px;
    font-weight: 300
}

body.droplets.new #new_droplet #github #repo-details #detection-error .error-text,body.droplets.show #new_droplet #github #repo-details #detection-error .error-text {
    font-weight: 600
}

body.droplets.new #new_droplet #github #repo-details #detected-data,body.droplets.show #new_droplet #github #repo-details #detected-data {
    margin: 11px 0 0 0;
    padding: 0
}

body.droplets.new #new_droplet #github #repo-details #detected-data li,body.droplets.show #new_droplet #github #repo-details #detected-data li {
    list-style: none;
    margin: 0 0 1px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #dfdfdf
}

body.droplets.new #new_droplet #github #repo-details #detected-data li .detect-header,body.droplets.show #new_droplet #github #repo-details #detected-data li .detect-header {
    color: #298eea;
    font-weight: 400;
    font-size: 15px;
    float: left;
    position: relative;
    bottom: -10px;
    background: white;
    padding: 0 8px 8px 0
}

body.droplets.new #new_droplet #github #repo-details #detected-data li .detect-result,body.droplets.show #new_droplet #github #repo-details #detected-data li .detect-result {
    text-transform: capitalize;
    float: right;
    background: white;
    position: relative;
    bottom: -10px;
    padding: 0 0 8px 8px;
    color: #949494
}

body.droplets.new #new_droplet #github #repo-details #deployment-config,body.droplets.show #new_droplet #github #repo-details #deployment-config {
    clear: both;
    display: none
}

body.droplets.new #new_droplet #github #repo-details #deployment-config h4,body.droplets.show #new_droplet #github #repo-details #deployment-config h4 {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-services,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-services {
    display: none
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-services h5,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-services h5 {
    margin: 0
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-services .service,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-services .service {
    cursor: pointer;
    border-radius: 3px;
    border: 2px solid #dfdfdf
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-services .service.enabled,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-services .service.enabled {
    border-color: #298eea;
    color: white
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-services .service .service-name,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-services .service .service-name {
    padding: 10px;
    display: inline-block;
    color: #666;
    font-weight: 600
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-services .service .service-status,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-services .service .service-status {
    color: #999;
    padding: 10px;
    display: inline-block;
    background-color: #dfdfdf;
    text-align: center;
    width: 100px;
    float: right
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-services .service .service-status.enabled,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-services .service .service-status.enabled {
    background-color: #298eea;
    color: white
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-options,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-options {
    display: none
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-options h5,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-options h5 {
    margin-top: 10px;
    margin-bottom: 0px
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-options #config-options,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-options #config-options {
    padding: 0;
    margin: 0
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-options #config-options li,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-options #config-options li {
    list-style: none;
    margin: 0 0 1px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #dfdfdf
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-options #config-options li .config-option-name,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-options #config-options li .config-option-name {
    color: #298eea;
    font-weight: 400;
    font-size: 15px;
    float: left;
    position: relative;
    bottom: -10px;
    background: white;
    padding: 0 8px 8px 0
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-options #config-options li .config-option-value,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-options #config-options li .config-option-value {
    text-transform: capitalize;
    float: right;
    background: white;
    position: relative;
    bottom: -10px;
    padding: 0 0 8px 8px;
    color: #949494
}

body.droplets.new #new_droplet #github #repo-details #deployment-config #deployment-options #config-options li .config-option-value input,body.droplets.show #new_droplet #github #repo-details #deployment-config #deployment-options #config-options li .config-option-value input {
    margin-left: 5px
}

body.droplets.new #new_droplet #github #repo-details #platform-errors,body.droplets.show #new_droplet #github #repo-details #platform-errors {
    margin-top: 20px;
    display: none;
    color: #C5BC61;
    background: #F9F9DB;
    border-radius: 3px;
    padding: 14px 16px;
    font-weight: 300
}

body.droplets.new #new_droplet #github #repo-details #platform-errors .error-text,body.droplets.show #new_droplet #github #repo-details #platform-errors .error-text {
    font-weight: 600
}

body.droplets.new #new_droplet #github #repo-details #platform-errors ul,body.droplets.show #new_droplet #github #repo-details #platform-errors ul {
    padding: 0
}

body.droplets.new #new_droplet #github #repo-details #platform-errors ul li,body.droplets.show #new_droplet #github #repo-details #platform-errors ul li {
    list-style: none
}

body.droplets.new #new_droplet #github #repo-details.disabled,body.droplets.show #new_droplet #github #repo-details.disabled {
    border-color: #EFEFEF
}

body.droplets.new #new_droplet #github #repo-details.disabled #detected-data,body.droplets.show #new_droplet #github #repo-details.disabled #detected-data {
    opacity: .3
}

body.droplets.new #new_droplet #backup_snapshots .distro-version-list,body.droplets.new #new_droplet #snapshots .distro-version-list,body.droplets.new #new_droplet #droplets .distro-version-list,body.droplets.show #new_droplet #backup_snapshots .distro-version-list,body.droplets.show #new_droplet #snapshots .distro-version-list,body.droplets.show #new_droplet #droplets .distro-version-list {
    word-break: break-all;
    .inner-align-text-overflow:ellipsis;.inner-align-overflow:hidden}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list,body.droplets.show #new_droplet #applications .applications-group .distro-version-list {
    position: relative;
    top: 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.disabled,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.disabled {
    cursor: not-allowed
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 0 20px 0 50px;
    position: relative
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option i.icon {
    display: inline-block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 7px;
    left: 10px;
    overflow: hidden;
    background: url("icons/applications/default.png") no-repeat center center
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select[class^='ruby-rails-'] i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select[class*='ruby-rails-'] i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option[class^='ruby-rails-'] i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option[class*='ruby-rails-'] i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select[class^='ruby-rails-'] i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select[class*='ruby-rails-'] i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option[class^='ruby-rails-'] i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option[class*='ruby-rails-'] i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1654px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.redmine i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.redmine i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.redmine i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.redmine i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1588px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.wordpress i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.wordpress i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.wordpress i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.wordpress i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1720px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.magento i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.magento i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.magento i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.magento i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -994px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.node i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.node i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.node i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.node i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1324px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.django i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.django i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.django i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.django i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -200px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.lamp i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.lamp i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.lamp i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.lamp i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -862px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.lemp i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.lemp i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.lemp i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.lemp i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -928px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.mean i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.mean i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.mean i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.mean i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1060px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.dokku i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.dokku-docker i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.dokku i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.dokku-docker i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.dokku i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.dokku-docker i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.dokku i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.dokku-docker i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -332px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.ghost i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.ghost i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.ghost i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.ghost i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -662px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.docker i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.docker i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.docker i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.docker i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -266px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.gitlab i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.gitlab i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.gitlab i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.gitlab i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -728px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.drupal i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.drupal i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.drupal i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.drupal i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -464px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.owncloud i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.owncloud i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.owncloud i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.owncloud i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1390px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.freebsd-amp i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.freebsd-amp i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.freebsd-amp i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.freebsd-amp i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -596px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.elk-logging-stack i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.elk-logging-stack i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.elk-logging-stack i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.elk-logging-stack i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -530px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.drone i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.drone i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.drone i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.drone i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -398px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.mediawiki i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.mediawiki i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.mediawiki i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.mediawiki i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1126px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.mongodb i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.mongodb i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.mongodb i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.mongodb i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1192px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.phpmyadmin i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.phpmyadmin i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.phpmyadmin i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.phpmyadmin i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1456px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.joomla i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.joomla i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.joomla i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.joomla i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -794px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.mumble-server-murmur i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.mumble-server-murmur i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.mumble-server-murmur i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.mumble-server-murmur i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1258px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.cassandra i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.cassandra i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.cassandra i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.cassandra i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) 0 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.redis i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.redis i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.redis i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.redis i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -1522px 0
}

body.droplets.new #new_droplet #applications .applications-group .distro-version-list .radio_select.discourse i.icon,body.droplets.new #new_droplet #applications .applications-group .distro-version-list .image-option.discourse i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .radio_select.discourse i.icon,body.droplets.show #new_droplet #applications .applications-group .distro-version-list .image-option.discourse i.icon {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/applications-s533b973524-fe526a81a202622bed1cc958465dc70b.png) -134px 0
}

body.droplets.new #new_droplet #ssh_keys ul,body.droplets.show #new_droplet #ssh_keys ul {
    overflow: hidden;
    *zoom:1;list-style: none;
    margin: 0 auto;
    padding: 0
}

body.droplets.new #new_droplet #ssh_keys .ssh_key label,body.droplets.show #new_droplet #ssh_keys .ssh_key label {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    background-color: #eeeeee;
    color: #dfdfdf;
    cursor: pointer;
    line-height: 48px;
    margin: 12px;
    text-align: center;
    width: 180px;
    padding: 0
}

body.droplets.new #new_droplet #ssh_keys .ssh_key label.active,body.droplets.show #new_droplet #ssh_keys .ssh_key label.active {
    background-color: #298eea;
    color: #ffffff
}

body.droplets.new #new_droplet #ssh_keys .ssh_key label:first-child,body.droplets.show #new_droplet #ssh_keys .ssh_key label:first-child {
    margin-left: 0
}

body.droplets.new #new_droplet #ssh_keys .ssh_key input,body.droplets.show #new_droplet #ssh_keys .ssh_key input {
    display: none
}

body.droplets.new #new_droplet #settings textarea,body.droplets.show #new_droplet #settings textarea {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border: 1px solid #dfdfdf;
    display: block;
    font-family: monospace, serif;
    padding: 15px;
    width: 100%;
    max-width: 100%;
    font-weight: 400;
    margin-top: 15px
}

body.droplets.new #new_droplet #settings textarea:focus,body.droplets.show #new_droplet #settings textarea:focus {
    border-color: #298eea;
    outline: none
}

body.droplets.new #new_droplet .actions,body.droplets.show #new_droplet .actions {
    text-align: center;
    margin: 30px 0 35px
}

body.droplets.new #new_droplet .actions .create-btn,body.droplets.new #new_droplet .actions #create-btn,body.droplets.show #new_droplet .actions .create-btn,body.droplets.show #new_droplet .actions #create-btn {
    width: 100%
}

body.droplets.new #new_droplet .actions .message,body.droplets.show #new_droplet .actions .message {
    margin: 20px 0
}

body.droplets.new #new_droplet .actions .message.hidden,body.droplets.show #new_droplet .actions .message.hidden {
    display: none
}

body.droplets.new #new_droplet .create-submit-btn .actions,body.droplets.show #new_droplet .create-submit-btn .actions {
    margin-top: 0
}

body.droplets.new #new_droplet.react-droplet-create .sizes-selection .size {
    width: 100%
}

body.droplets.new #new_droplet.react-droplet-create .sizes-selection .size:hover,body.droplets.new #new_droplet.react-droplet-create .sizes-selection .size:focus {
    outline: none
}

body.droplets.new #new_droplet.react-droplet-create .sizes-selection .size .details .memory_and_cpu span,body.droplets.new #new_droplet.react-droplet-create .sizes-selection .size .disk span,body.droplets.new #new_droplet.react-droplet-create .sizes-selection .size .bandwidth span {
    display: inline
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography ul.regions {
    display: flex;
    flex-direction: row
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography ul.regions .region-wrapper {
    flex-grow: 1
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography .region {
    width: 100%;
    height: 100%;
    position: relative
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography:hover:not(.disabled):not(.selected),body.droplets.new #new_droplet.react-droplet-create #regions .region-geography:focus {
    outline: none
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography:hover:not(.disabled):not(.selected) .region-wrapper,body.droplets.new #new_droplet.react-droplet-create #regions .region-geography:focus .region-wrapper {
    border-right: 1px solid #e4e4e4
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography:hover:not(.disabled):not(.selected) .region-wrapper:last-child,body.droplets.new #new_droplet.react-droplet-create #regions .region-geography:focus .region-wrapper:last-child {
    border-right: 0
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.region-nyc .icon {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/regions/new-york-1-22e38b18ab59c4e78dbc798bf6696dc3.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 28px
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.region-ams .icon {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/regions/amsterdam-1-af81f3aa19f328ae11985820fa77c7fa.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 28px
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.region-sfo .icon {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/regions/san-francisco-1-c950b816a3fed1cc10bcffe3d9c16f1b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 28px
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.region-sgp .icon {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/regions/singapore-1-ccf4c720271f0482500c15e81b0fdbf8.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 28px
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.region-lon .icon {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/regions/london-1-cb00873da4ba80499143da5ae33cb4c5.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 28px
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.region-fra .icon {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/regions/frankfurt-1-21e912f6f64cb242f59471b04506d8de.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 28px
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.region-tor .icon {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/regions/toronto-1-3f20529c0216eb429ba63dd6af877a5c.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 28px
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.selected ul.regions {
    border-top: 1px solid #298eea
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.selected ul.regions .region-wrapper {
    border-right: 1px solid #c6e5ff
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.selected ul.regions .region-wrapper .region {
    color: #dfdfdf
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.selected ul.regions .region-wrapper .region:hover {
    background-color: #eef7ff;
    color: #298eea;
    font-weight: 800
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.selected ul.regions .region-wrapper .region.disabled:hover {
    color: #ddd;
    background: white
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography.selected ul.regions .region-wrapper .region.selected-region {
    color: #298eea
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography ul.regions .region-wrapper {
    border-right: 1px solid #E4E4E4
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography ul.regions .region-wrapper:last-child {
    border-right: 0
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography ul.regions .region-wrapper .region {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography ul.regions .region-wrapper .region div {
    padding: 10px 0
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography ul.regions .region-wrapper .region:focus {
    outline: none;
    background-color: #eef7ff;
    color: #298eea;
    font-weight: 800
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography ul.regions .region-wrapper .region.full-width {
    width: 100%
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography ul.regions .region-wrapper .region.disabled {
    cursor: default;
    cursor: not-allowed;
    color: #ddd
}

body.droplets.new #new_droplet.react-droplet-create #regions .region-geography ul.regions .region-wrapper .region.disabled:hover {
    background-color: #ffffff;
    color: #ddd;
    font-weight: inherit
}

body.droplets.new #new_droplet.react-droplet-create #distributions .distro {
    outline: none;
    position: relative
}

body.droplets.new #new_droplet.react-droplet-create #distributions .distro .distro-version:focus {
    background-color: #f3f3f3
}

body.droplets.new #new_droplet.react-droplet-create #distributions .distro .filler .icon {
    margin-top: 30px
}

body.droplets.new #new_droplet.react-droplet-create #distributions .image-option {
    outline: none
}

body.droplets.new #new_droplet.react-droplet-create #user_data textarea {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    border: 1px solid #dfdfdf;
    display: block;
    font-family: monospace, serif;
    padding: 15px;
    width: 100%;
    max-width: 100%;
    font-weight: 400;
    margin-top: 15px
}

body.droplets.new #new_droplet.react-droplet-create #user_data textarea:focus {
    border-color: #298eea;
    outline: none
}

body.droplets.new #new_droplet.react-droplet-create .image_selection .tab-content {
    overflow: visible
}

body.droplets.new #new_droplet.react-droplet-create #settings .setting {
    margin-right: 50px;
    display: inline-block;
    padding: 0 8px;
    outline: none
}

body.droplets.new #new_droplet.react-droplet-create #settings .setting:focus {
    background-color: #eef7ff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

body.droplets.new #new_droplet.react-droplet-create #settings .disabled {
    background-color: #fff;
    color: #444
}

body.droplets.new #new_droplet.react-droplet-create #settings .disabled .feature-label {
    cursor: default;
    opacity: 0.6;
    background-color: #fff
}

body.droplets.new #new_droplet.react-droplet-create #settings .disabled .feature-label:hover {
    background-position: left top
}

body.droplets.new #new_droplet.react-droplet-create #settings .disabled .feature-label .feature-label-text {
    opacity: 0.7
}

body.droplets.new #new_droplet.react-droplet-create .create-btn:focus,body.droplets.new #new_droplet.react-droplet-create #create-btn:focus {
    outline: 1px dotted black;
    outline: -webkit-focus-ring-color auto 5px
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu {
    position: relative;
    font-size: 13px;
    outline: none;
    cursor: pointer
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuTrigger {
    color: #bbb;
    outline: none
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOptions {
    background: #fff;
    position: absolute;
    color: black;
    z-index: 10;
    border: 1px solid #E4E4E4;
    top: 53px;
    margin: 0 -2px;
    left: -1px;
    right: -1px
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOptions:before,body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOptions:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOptions:before {
    top: -8px;
    right: 12px;
    border-bottom-color: #E4E4E4;
    border-width: 7px
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOptions:after {
    top: -7px;
    right: 12px;
    border-bottom-color: #fff;
    border-width: 7px
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOption {
    cursor: pointer;
    vertical-align: middle;
    background-color: #fff;
    padding: 7px 15px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    outline: none;
    text-align: left
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOption.selected {
    background-color: #F8F8F8;
    color: #666
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOption.selected:after {
    background-position: 0 0
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOption:hover {
    background-color: #F8F8F8
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOption:after {
    position: absolute;
    content: "";
    right: 10px;
    margin-top: 5px;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/checks-green-e22576ec03b9eb24e3ef5b0473d2724b.png);
    width: 11px;
    height: 9px;
    background-position: 0 -14px
}

body.droplets.new #new_droplet.react-droplet-create .distro-group .Menu__MenuOption--active {
    background-color: #f8f8f8
}

body.droplets.new #new_droplet.react-droplet-create body.droplets.new #new_droplet #distributions .distro.active .version_name {
    color: black
}

body.droplets.new #new_droplet.react-droplet-create body.droplets.new #new_droplet #distributions .distro.disabled:hover .distro-version {
    background-color: #fcfcfc
}

body.droplets.new #new_droplet.react-droplet-create .distro-version-list ul {
    padding: 0
}

body.droplets.new #new_droplet.react-droplet-create .distro.disabled {
    cursor: not-allowed;
    height: 144px
}

body.droplets.new #new_droplet.react-droplet-create .Loader-wrapper {
    margin-top: 250px
}

body.droplets.new #new_droplet.react-droplet-create .filler {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

body.droplets.new #new_droplet.react-droplet-create #settings label {
    text-transform: capitalize
}

body.droplets.new #new_droplet.react-droplet-create .alert-list li {
    overflow: visible
}

body.droplets.new #new_droplet.react-droplet-create .inline-block {
    display: inline-block
}

.unbuttonized {
    background-color: #fff;
    padding: 0;
    line-height: inherit;
    text-transform: inherit;
    border: none;
    color: inherit
}

.new.droplets .tooltip {
    max-width: 220px
}

.no-margin-bottom {
    margin-bottom: 0
}

#actions-floating-ip .chosen-single {
    padding-left: 10px
}

#actions-floating-ip .chosen-results li:after,#actions-floating-ip .chosen-results li:before,#actions-floating-ip .chosen-container-single:before,#actions-floating-ip td.droplet:before {
    position: absolute;
    color: #bbb;
    background-size: 19px auto;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    right: 0;
    line-height: 43px;
    margin-top: 14px;
    font-size: 0.75rem;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-position: 3px 0;
    text-indent: 2px;
    pointer-events: none
}

#actions-floating-ip .chosen-container-single:before,#actions-floating-ip td.droplet:before {
    background-size: 30px auto
}

#actions-floating-ip .chosen-container-single:before {
    width: 80px;
    font-weight: normal;
    margin-top: 16px;
    text-indent: -1px;
    text-transform: uppercase;
    background-position: 40px 0;
    line-height: 20px
}

#actions-floating-ip td.droplet {
    position: relative
}

#actions-floating-ip td.droplet:before {
    right: auto;
    left: 0;
    margin-top: 4px;
    font-size: 0
}

#actions-floating-ip td.droplet .Tooltip {
    left: 10px !important
}

#actions-floating-ip td.droplet .Resource-image.ubuntu {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-ubuntu-3bf52a97e62a2b6d1289669c44d49874.png);
    background-size: contain
}

#actions-floating-ip td.droplet .Resource-image.fedora {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-fedora-bfa69175d71b3c1dbe8b3a2e2dbd6c50.png);
    background-size: contain
}

#actions-floating-ip td.droplet .Resource-image.centos {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-centos-cbf602c0f6accb58ed7c1028c0fff27d.png);
    background-size: contain
}

#actions-floating-ip td.droplet .Resource-image.debian {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-debian-e5deb5cdd5aa7add045c0efa6d426e1c.png);
    background-size: contain
}

#actions-floating-ip td.droplet .Resource-image.arch-linux {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-arch-linux-5fe12b0ae8c2517abbbf3078c3651b5c.png);
    background-size: contain
}

#actions-floating-ip td.droplet .Resource-image.gentoo {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-gentoo-fee1682ca4d180948349ece3d2ea9203.png);
    background-size: contain
}

#actions-floating-ip td.droplet .Resource-image.coreos {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-coreos-3f38ba4a820a03710de14ffb64659ced.png);
    background-size: contain
}

#actions-floating-ip td.droplet .Resource-image.freebsd {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-freebsd-f6bf5b8a4c9a48f48f1e0c5564609b6d.png);
    background-size: contain
}

#actions-floating-ip .chosen-results li:after,#actions-floating-ip .chosen-results li:before {
    font-size: 0;
    margin-top: 2px
}

#actions-floating-ip .chosen-results li.group-option.is-droplet:after {
    background-image: none
}

#actions-floating-ip .chosen-results li.disabled-result:after {
    opacity: 0.35
}

#actions-floating-ip .chosen-container-single:before {
    right: 30px;
    z-index: 1
}

#actions-floating-ip .chosen-results li.first:before {
    margin-top: -27px
}

#actions-floating-ip .chosen-results>li.highlighted:after {
    color: #fff
}

#actions-floating-ip.saving {
    pointer-events: none
}

#actions-floating-ip .ip {
    padding-right: 35px;
    white-space: nowrap;
    position: relative;
    width: 260px
}

#actions-floating-ip .ip .Loader--basic {
    position: absolute;
    margin: 1px 0 0 10px;
    visibility: hidden;
    -webkit-animation-name: none;
    -moz-animation-name: none;
    top: 22px;
    left: -4px;
    -moz-transition: all, 0.2s, ease-in-out;
    -o-transition: all, 0.2s, ease-in-out;
    -webkit-transition: all, 0.2s, ease-in-out;
    transition: all, 0.2s, ease-in-out
}

#actions-floating-ip .ip .Icon--arrowLongRight {
    position: absolute;
    opacity: .3;
    top: 24px;
    right: 65px
}

#actions-floating-ip .ip .Resource-description {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px
}

#actions-floating-ip .ip .Resource-image {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/floating-ip-icon-34px-eb653531f1ba394b75e4b485c8835f39.svg);
    background-position: -1px -2px;
    background-repeat: no-repeat;
    -moz-transition: all, 0.2s, ease-in-out;
    -o-transition: all, 0.2s, ease-in-out;
    -webkit-transition: all, 0.2s, ease-in-out;
    transition: all, 0.2s, ease-in-out;
    visibility: visible;
    opacity: 1
}

#actions-floating-ip .entry.error .ip:before {
    content: '!';
    font-weight: bold;
    position: absolute;
    left: 2px;
    margin-top: 4px;
    color: #ff2200;
    border: 2px solid currentColor;
    border-radius: 4px;
    padding: 2px 9px 1px;
    text-indent: 0.5px;
    font-size: 0.9rem;
    margin-right: 0.5rem;
    cursor: pointer;
    opacity: 0.4;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    transition: opacity 0.3s
}

#actions-floating-ip .entry.error .ip .Resource-image {
    visibility: hidden;
    opacity: 0
}

#actions-floating-ip .entry.error:hover .ip:before {
    opacity: 0.99
}

#actions-floating-ip .entry.saving:not(.error) .ip .Resource-image {
    visibility: hidden;
    opacity: 0
}

#actions-floating-ip .entry.saving:not(.error) .ip .Loader--basic {
    visibility: visible;
    opacity: 1;
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate
}

#actions-floating-ip .entry.saving:not(.error) .ip .Loader--basic .actions .Button--icon {
    opacity: 0.05
}

#actions-floating-ip td.unassigned {
    font-weight: bold
}

#actions-floating-ip .actions {
    text-align: right;
    padding-top: 23px
}

#actions-floating-ip .actions .loading-msg {
    display: none
}

#actions-floating-ip .actions.locked {
    position: relative;
    font-size: 14px;
    will-change: transform
}

#actions-floating-ip .actions.locked .loading-msg {
    white-space: nowrap;
    display: inline;
    padding-right: 45px
}

#actions-floating-ip .actions.locked .loading-msg .Loader--basic {
    position: absolute;
    right: 9px
}

#actions-floating-ip .actions.locked .loading-msg.error {
    padding-right: 0
}

#actions-floating-ip .actions.locked .loading-msg.error .Loading--basic {
    display: none
}

#actions-floating-ip .actions.locked form {
    display: none
}

#actions-floating-ip .actions .eventName {
    font-weight: bold
}

#actions-floating-ip .chosen-container.chosen-container-single .chosen-single span {
    padding-right: 110px
}

#actions-floating-ip .chosen-container .chosen-drop {
    margin-bottom: 10px
}

#actions-floating-ip .chosen-container .chosen-results {
    max-height: 257px
}

#actions-floating-ip .chosen-container .chosen-results li {
    padding: 7px 12px 7px 22px
}

#actions-floating-ip .chosen-container .chosen-results li.group-result {
    padding-top: 20px;
    padding-left: 12px
}

#actions-floating-ip .Dropdown {
    float: right
}

#actions-floating-ip .Dropdown .Dropdown-content {
    right: -14px;
    top: 35px
}

#actions-floating-ip .Dropdown ul.Dropdown-inner {
    max-height: 141px
}

#actions-floating-ip .Dropdown .Dropdown-inner li {
    border-bottom: none
}

#actions-floating-ip .Dropdown .Dropdown-inner li.empty {
    padding: 5px 15px
}

#actions-floating-ip .Dropdown .Dropdown-inner li.disabled {
    pointer-events: none;
    color: #999
}

#actions-floating-ip .Dropdown .Dropdown-inner li.disabled a {
    color: #999
}

#actions-floating-ip .Dropdown .Dropdown-inner li.assigned-droplet,#actions-floating-ip .Dropdown .Dropdown-inner li.current-droplet,#actions-floating-ip .Dropdown .Dropdown-inner li.unassign {
    display: none
}

#actions-floating-ip .Dropdown .Dropdown-inner li.unassign.region-has-droplet {
    display: block
}

#actions-floating-ip .Dropdown .Dropdown-inner li a,#actions-floating-ip .Dropdown .Dropdown-inner li {
    font-size: 14px;
    color: #676767
}

#actions-floating-ip .Dropdown .Dropdown-inner li a {
    padding: 5px 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#actions-floating-ip .Dropdown .Dropdown-inner li a:hover {
    color: #298eea
}

.domains #deleteModal .nowrap {
    white-space: nowrap
}

.domains #deleteModal .ip {
    font-weight: bold;
    padding-left: 2px
}

.domains #deleteModal .Modal-body {
    margin-top: -0.5rem
}

.domains #deleteModal.Modal--small .Modal-dialog {
    width: 460px
}

.domains #upgradeDropletModal .Modal-content {
    max-height: calc(100vh - 110px);
    overflow: auto
}

.domains #upgradeDropletModal .Modal-content .Button.is-disabled {
    pointer-events: none
}

.domains #upgradeDropletModal .Modal-content .instructions {
    line-height: 1.9
}

.domains #upgradeDropletModal .Modal-content .instructions pre {
    color: #333;
    line-height: 1.6
}

.domains #upgradeDropletModal .Modal-content .instructions pre.inline {
    display: inline;
    padding: 1px 5px
}

.domains .main .Tooltip {
    left: -57px !important;
    margin-top: 11px;
    pointer-events: none
}

#add_domain_record.Revealer-shelf>*:first-child {
    margin-top: 0
}

#add_domain_record .Tabs-content {
    padding-top: 1rem
}

#add_domain_record .Tabs-content input {
    margin-bottom: 0
}

#add_domain_record ul {
    overflow: visible;
    margin: 0;
    padding: 0
}

#add_domain_record ul li.is-active a {
    color: white;
    border-color: transparent
}

#add_domain_record ul li.is-active a#a_record_type {
    background-color: #ff7200
}

#add_domain_record ul li.is-active a#aaaa_record_type {
    background-color: #5c3bc2
}

#add_domain_record ul li.is-active a#cname_record_type {
    background-color: #1db231
}

#add_domain_record ul li.is-active a#mx_record_type {
    background-color: #51BCF7
}

#add_domain_record ul li.is-active a#txt_record_type {
    background-color: #c700ff
}

#add_domain_record ul li.is-active a#srv_record_type {
    background-color: #e0455e
}

#add_domain_record ul li.is-active a#ns_record_type {
    background-color: #ffba00
}

#add_domain_record ul.Tabs {
    border: 0
}

#add_domain_record ul.Tabs>li {
    margin-bottom: 0;
    padding-bottom: 0
}

#add_domain_record ul.Tabs>li>a {
    height: 3rem;
    line-height: 3rem;
    border: 1px solid #ECECEC;
    padding: 0 1.6rem;
    font-size: 0.9rem;
    border-radius: 3px;
    display: inline-block
}

.domain_record .Button--noHover {
    border: 0;
    color: white
}

#a_records .record_type {
    background-color: #ff7200
}

#aaaa_records .record_type {
    background-color: #5c3bc2
}

#cname_records .record_type {
    background-color: #1db231
}

#mx_records .record_type {
    background-color: #51BCF7
}

#txt_records .record_type {
    background-color: #c700ff
}

#srv_records .record_type {
    background-color: #e0455e
}

#ns_records .record_type {
    background-color: #ffba00
}

.domains pre {
    background: #FCFCFC;
    border: 1px solid #EAEAEA
}

.domains input {
    transition: background 0.3s
}

.domains input.disabled {
    pointer-events: none;
    background: #eee
}

.domains input.disabled+.FloatLabel-label {
    color: #888
}

@font-face {
    font-family: 'sharkicons';
    src: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/sharkicons-0e19e660e7af617a85d81657af65ac42.eot?bxcvu0);
    src: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/sharkicons-0e19e660e7af617a85d81657af65ac42.eot?#iefixbxcvu0) format("embedded-opentype"),url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/sharkicons-b6be0226bf609967a7b5911b9111a55e.woff?bxcvu0) format("woff"),url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/sharkicons-387ac3fc452be60f6b589a9e6b63e78e.ttf?bxcvu0) format("truetype"),url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/sharkicons-d4f40532f39397d30cdacf5138e07922.svg?bxcvu0#sharkicons) format("svg");
    font-weight: normal;
    font-style: normal
}

.sharkicons {
    font-family: 'sharkicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sharkicons.gear:before {
    content: "\e600"
}

.sharkicons.search:before {
    content: "\e602"
}

.sharkicons.question:before {
    content: "\e601"
}

.sharkicons.github:before {
    content: "\e603"
}

.sharkicons.icon-mag-thin:before {
    content: "\e604"
}

.sharkicons.icon-down-arrow:before {
    content: "\e605"
}

do-autocomplete {
    display: inline-block;
    position: relative
}

do-autocomplete-list {
    display: none;
    position: absolute;
    z-index: 1;
    border: 1px solid #aaa;
    background: #fff;
    top: 100%;
    padding: 5px 0px;
    max-height: 400px;
    overflow: auto;
    font-size: 12px;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

do-autocomplete[is-open] do-autocomplete-list {
    display: block
}

do-autocomplete-option {
    display: block;
    padding: 2px 16px;
    cursor: default
}

do-autocomplete-option:focus {
    outline: 0;
    color: black;
    background: #4095bf
}

do-autocomplete-option[selected]:before {
    content: '✓';
    position: absolute;
    left: 4px
}

do-autocomplete-toggle {
    display: inline-block;
    outline: none;
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 14px;
    cursor: default
}

.do-autocomplete-input {
    position: relative;
    padding-right: 20px;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.animated-hidden {
    opacity: 0
}

.animate-in {
    -moz-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out
}

.button-help .button {
    border: 1px solid #298eea;
    color: #298eea;
    padding: 15px 20px;
    cursor: pointer;
    margin-left: 10px
}

.button-help .button:hover {
    background-color: #298eea;
    color: #ffffff
}

.support-help {
    margin-left: 10px
}

#content #main header .button-group {
    float: right
}

#content #main header .button-group .button {
    float: left;
    padding: 16px 20px
}

#content #main header span.button-help a.button {
    border: 1px solid #298eea;
    color: #298eea;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 20px
}

#content #main header span.button-help a.button.active,#content #main header span.button-help a.button:hover {
    background: #298eea;
    color: white
}

.article-full {
    padding: 2em 50px;
    background: white
}

.search-container {
    padding: 50px;
    padding-top: 41px;
    padding-bottom: 41px;
    background: #F0F2F5;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0
}

.search-container label {
    text-transform: uppercase;
    color: #595959;
    line-height: 2.5em;
    display: block
}

.search-container input[type="text"] {
    -webkit-appearance: none
}

.search-container input[type="text"].search {
    width: 100%
}

.search-container .article a {
    color: black
}

.search-container .article h1 {
    font-size: 1.5em
}

.search-container .article h2 {
    font-size: 1.2em
}

.search-container .article h3 {
    font-size: 1.1em
}

.search-container .article h4 {
    font-size: 1em
}

.search-container .article h5 {
    font-size: 0.9em
}

do-autocomplete {
    position: relative;
    display: block
}

do-autocomplete span.highlight {
    background: rgba(255,255,0,0.3)
}

do-autocomplete do-autocomplete-option em {
    text-transform: inherit;
    font-style: inherit;
    font-weight: inherit;
    border-bottom: 1px solid black
}

do-autocomplete .do-autocomplete-input {
    -webkit-appearance: none;
    background-color: #FFF;
    padding: 0.4em 0.7em;
    border: 1px solid #D9DAE0;
    font-size: 1.3em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 32px;
    -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

do-autocomplete .do-autocomplete-input::-webkit-input-placeholder {
    -moz-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
    color: #b3b3b3
}

do-autocomplete .do-autocomplete-input:focus {
    background: white;
    border: 1px solid;
    border-color: #66AFE9;
    outline: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

do-autocomplete .do-autocomplete-input:focus::-webkit-input-placeholder {
    color: #e6e6e6
}

do-autocomplete do-autocomplete-toggle {
    display: none
}

do-autocomplete do-autocomplete-list {
    width: 100%;
    -moz-box-shadow: rgba(32,43,56,0.15) 0 3px 11px;
    -webkit-box-shadow: rgba(32,43,56,0.15) 0 3px 11px;
    box-shadow: rgba(32,43,56,0.15) 0 3px 11px
}

do-autocomplete do-autocomplete-list do-autocomplete-option {
    display: block;
    line-height: 1.4em;
    padding: 0.5em .7em;
    cursor: pointer;
    outline: none
}

do-autocomplete do-autocomplete-list do-autocomplete-option:focus {
    background: #f2f2f2
}

.help-container {
    background: rgba(8,124,202,0.9);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 12000;
    overflow: auto;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.help-container a.button {
    display: inline-block;
    border: 1px solid #11a7da;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #11a7da;
    padding: 0 0.5em
}

.help-container a.button:hover,.help-container a.button.active {
    background: #d8dde5;
    border: 1px solid #0e8ab4;
    color: #0e8ab4
}

.help-container a.button.primary {
    background: #298eea;
    color: white
}

.help-container a.button.primary:hover,.help-container a.button.primary.active {
    background: #2180d7;
    border: 1px solid #2180d7
}

.help-container footer {
    text-align: center;
    display: block;
    padding: 48px 0 73px 0;
    background-color: #F0F2F5;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px
}

.help-container footer h3 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 24px;
    color: #444
}

.help-container footer a.button {
    width: 225px;
    color: #11a7da;
    line-height: 55px;
    text-transform: uppercase;
    margin: 0 0.5em;
    font-weight: 500;
    letter-spacing: 1.4px;
    font-size: 12px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.help-container footer a.button.secondary {
    background: none !important
}

.help-container footer a.button.secondary:hover {
    color: #0E8AB4;
    background: none;
    border-color: #0E8AB4
}

.help-container footer a.button.primary {
    background: #298eea;
    color: white
}

.help-container .content {
    position: relative;
    top: 40px;
    width: 750px;
    margin: 0 auto 50px auto;
    background: white;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    -webkit-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
    -moz-box-shadow: rgba(32,43,56,0.25) 0 0 15px;
    -webkit-box-shadow: rgba(32,43,56,0.25) 0 0 15px;
    box-shadow: rgba(32,43,56,0.25) 0 0 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.help-container .content .inner-content {
    background: white;
    padding: 2em 50px;
    line-height: 1.4
}

.help-container .content .inner-content p {
    line-height: 1.5;
    margin: 0 0 27px 0;
    font-size: 17px;
    font-weight: 300
}

.help-container .content .inner-content p:last-child {
    margin-bottom: 0
}

.help-container .content .inner-content a.back {
    float: right;
    line-height: 2em;
    margin-top: 7px
}

.help-container .content .inner-content ul {
    margin-bottom: 22px
}

.help-container .content .inner-content ul li {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 5px
}

.help-container .content .inner-content .ember-view ul {
    margin-bottom: 0
}

.help-container .content .inner-content .ember-view ul li {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}

.help-container .content h1 {
    border-bottom: 1px solid #D7DBE2;
    font-family: "helvetica neue", helvetica, sans-serif;
    font-weight: 500;
    font-size: 26px;
    padding-bottom: 12px;
    color: #474747;
    letter-spacing: 0;
    margin-top: 7px;
    padding-right: 110px;
    line-height: 1.2
}

.help-container .content img {
    max-width: 100%;
    border: 1px solid #E2E2E2
}

.help-container .content a.close {
    position: absolute;
    top: 10px;
    right: 10px
}

.help-container .content .article-columns {
    overflow: hidden;
    *zoom:1}

.help-container .content ul.articles {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    *zoom:1;width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.help-container .content ul.articles.first-column {
    padding-right: 2em
}

.help-container .content ul.articles.second-column {
    padding-left: 2em
}

.help-container .content ul.articles li {
    display: block;
    width: 100%
}

.help-container .content ul.articles li a {
    border-bottom: 1px solid #e7eaef;
    display: block;
    color: #646464;
    padding: .8em 14px .8em 0;
    font-size: 15px;
    font-weight: 300;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.help-container .content ul.articles li a:hover {
    background: #f7f7f7;
    padding: .8em 7px
}

.help-container .content ul.articles li:last-child a {
    border-bottom: none
}

.u-underLine {
    text-decoration: underline
}

.image-region.dropdown .Icon--check {
    display: inline-block;
    top: 3px;
    position: relative;
    vertical-align: middle
}

.image-region.dropdown .Loader--basic {
    display: inline-block;
    vertical-align: middle
}

.image-region .Dropdown-content {
    width: 330px
}

.image-region .dropdown-toggle {
    margin: 0 .15rem
}

#content table tbody .revealerRow {
    padding: 0;
    border: 0
}

#content table tbody .revealerRow td {
    padding: 0
}

#content table tbody .revealerRow td td {
    padding: 15px 0
}

.images .Button--icon {
    margin: 0 .15rem
}

.images .Box .Revealer-shelf .backups {
    margin-top: 0
}

.images .Box .Revealer-shelf:before {
    border-top: 0
}

.images .Revealer-shelf {
    opacity: 1
}

.images .Revealer-shelf .shelf-inner {
    padding-top: .5rem;
    margin-top: 0
}

.awaiting:before {
    color: #298eea
}

tr .Button--icon {
    opacity: .2
}

tr:hover .Button--icon {
    opacity: 1
}

#distributeSnapshots ul.Dropdown-inner li a {
    padding: .7rem .9rem
}

#distributeSnapshots ul.Dropdown-inner li.is-active p {
    color: #999999
}

#distributeSnapshots .dropdown-link {
    font-size: 14px;
    color: #676767
}

#distributeSnapshots .dropdown-link img {
    width: 27px;
    height: auto;
    margin-right: 4px
}

#distributeSnapshots .dropdown-link p {
    color: #298eea;
    margin-left: 3px
}

.convert.Button {
    padding: 0 1.1rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.backups tr {
    margin-bottom: 1rem
}

#authorization {
    width: 100%;
    background: #f2f2f2;
    height: 77px;
    margin-bottom: 120px
}

#authorization .logo {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/cloud-logo-5fbd3c06a861ddb639d770995f7a299b.svg);
    width: 55px;
    height: 30px;
    float: left;
    margin-top: 25px
}

#authorization #user-logout {
    padding: 9px 11px;
    border: 2px solid #989898;
    color: #747474;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    float: right;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 18px
}

#authorization #user-logout:hover {
    border: 2px solid #797979;
    color: #5F5F5F
}

.authorize-wrap {
    width: 800px;
    margin: 0 auto
}

.authorize-wrap #authorize-header {
    margin: 0 0 50px 0;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #ccc
}

.authorize-wrap #authorize-header h1 {
    font-size: 35px;
    margin: 0 0 5px 0
}

.authorize-wrap #authorize-header p {
    margin: 0;
    font-size: 18px;
    color: #4B4B4B
}

.authorize-wrap #authorize-header p strong {
    font-weight: 600
}

.authorize-wrap #bottom-wrap {
    width: 330px;
    position: relative;
    float: right
}

.authorize-wrap #authorize-submit form {
    float: left
}

.authorize-wrap #authorize-submit form input[type="submit"] {
    padding-top: 0;
    padding-bottom: 0;
    letter-spacing: 0;
    font-size: 16px
}

.authorize-wrap #authorize-submit form .btn-danger {
    background-color: #B63535 !important
}

.authorize-wrap #authorize-submit form .btn-danger:hover {
    background-color: #9b2626 !important
}

.authorize-wrap #authorize-submit form:last-child {
    margin-right: 0
}

.authorize-wrap #review {
    float: left;
    width: 350px
}

.authorize-wrap #review h3 {
    margin: 0 0 10px 0;
    font-family: "helvetica neue", helvetica, sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 500
}

.authorize-wrap #review ul {
    margin: 20px 0 40px 0;
    padding: 0;
    list-style: none
}

.authorize-wrap #review ul li {
    font-size: 16px;
    margin-bottom: 10px;
    color: #808080
}

.authorize-wrap #review ul li:before {
    position: relative;
    content: "";
    width: 5px;
    height: 5px;
    background: #398BCE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 8px;
    top: -2px
}

.authorize-wrap #about-app {
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 25px;
    float: right;
    width: 330px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 188px
}

.authorize-wrap #about-app p {
    margin-bottom: 0 0 1rem
}

.api-section,.stack-section {
    width: 100%
}

.api-section .indent,.stack-section .indent {
    padding-left: 58px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.api-section a.button,.stack-section a.button {
    float: right;
    cursor: pointer
}

.api-stack,.stack {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    border-bottom: none
}

.api-stack>li,.stack>li {
    float: left;
    width: 100%;
    color: black;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    padding: 16px 15px 12px;
    background-color: #ffffff;
    border-bottom: 1px solid #e7e7e7
}

.api-stack>li:nth-child(odd),.stack>li:nth-child(odd) {
    background-color: #fcfcfc
}

.api-stack>li:hover .btn,.api-stack>li:hover .Button,.stack>li:hover .btn,.stack>li:hover .Button {
    opacity: 1
}

.api-stack>li:first-child,.stack>li:first-child {
    border-top: 1px solid #e7e7e7
}

.api-stack>li a,.stack>li a {
    position: relative
}

.api-stack>li .inner-token,.stack>li .inner-token {
    float: left;
    width: 80%
}

.api-stack>li .inner-token p.token,.stack>li .inner-token p.token {
    color: #666;
    font-weight: 400;
    font-size: 13px;
    margin-left: 10px
}

.api-stack>li .inner-token p.read-write,.stack>li .inner-token p.read-write {
    padding: 3px 4px 2px;
    border: 1px solid #D1D1D1;
    border-radius: 3px;
    color: #A8A8A8;
    font-size: 9px;
    line-height: 1;
    position: relative;
    top: -2px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
    background-color: #ffffff;
    cursor: default;
    margin-left: 5px
}

.api-stack li.alert,.stack li.alert {
    background-color: #F5F5D4;
    font-size: 16px;
    font-weight: 300;
    padding: 17px 18px;
    color: #8D8B4F;
    border: 0
}

.api-docs {
    display: inline-block;
    margin-top: 10px;
    float: right
}

.actions {
    float: right
}

.new-key-gen {
    float: right;
    position: relative;
    top: -12px
}

.promo {
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    padding: 0;
    list-style: none
}

.promo .content {
    overflow: hidden;
    *zoom:1}

.promo li {
    overflow: hidden;
    *zoom:1;background-color: #fdfdfd;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 20px
}

.promo form {
    margin-top: -5px
}

.promo .warning {
    margin-top: 18px;
    font-size: 15px
}

.promo_promo_code {
    position: relative
}

.promo_promo_code .floatlabel-wrapper {
    margin: 8px 0 0
}

.promo_promo_code .floatlabel-wrapper input {
    padding: 16px 14px 15px 13px !important;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.3
}

.promo_promo_code .floatlabel-wrapper input.active-floatlabel {
    padding: 23px 14px 8px 13px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.promo_promo_code .floatlabel-wrapper input.small {
    width: 177px
}

.promo_promo_code .floatlabel-wrapper label.floatLabel {
    font-weight: 600 !important;
    margin: 0 9px 5px !important;
    left: 6px !important;
    top: 5px !important
}

.promo_promo_code input[disabled] {
    float: none !important;
    display: block !important;
    margin-top: 10px !important
}

#promo_message_header {
    position: absolute;
    top: 30px;
    left: 280px;
    font-size: 16px;
    line-height: 30px
}

#promo_message_header.valid {
    color: green
}

#promo_message_header.invalid {
    color: red
}

#promo_message_content {
    position: absolute;
    top: 50px;
    left: 280px;
    font-size: 16px;
    line-height: 30px
}

#promo_code_activity_indicator {
    position: absolute;
    top: 33px;
    right: 50px;
    width: 22px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 30px
}

#promo_code_activity_indicator.valid {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/cards/valid-647b41bc46da4ccbc8ef721f1a025daa.png)
}

#promo_code_activity_indicator.invalid {
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/cards/invalid-24c45b5e6ed0bf756d81e8af3e15731f.png)
}

span.focus {
    color: #398bce
}

span.faded {
    color: #ccc
}

#org-info #box {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    clear: both;
    background-color: #eef6fb;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 40px
}

#org-info #group {
    margin-bottom: 40px
}

#org-info #group .group-box {
    float: left;
    width: 30%;
    margin: 0
}

#org-info #group .group-box:first-child {
    float: left;
    width: 30%;
    margin-right: 3%;
    margin-left: 0
}

#org-info #group .group-box:last-child {
    float: left;
    width: 30%;
    margin-left: 3%;
    margin-right: 0
}

#org-info #continue {
    text-align: right
}

#org-info #continue .faded {
    margin-right: 30px
}

#org-new #org-info-form {
    margin-top: 40px
}

#org-new #continue {
    margin-top: 30px;
    text-align: right
}

#org-invite-form {
    margin-top: 40px
}

#error {
    color: #f36364;
    margin-bottom: 5px
}

.member-email {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    border: none;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #298eea;
    color: #ffffff
}

.member-email .delete {
    font-size: 11px;
    margin-top: 6px;
    margin-left: 13px;
    color: #ffffff;
    background-color: #298eea
}

.member-email:hover {
    background-color: #4786c0
}

.member-email:hover .delete {
    background-color: #4786c0;
    cursor: pointer
}

#send {
    clear: both;
    margin-top: 30px;
    text-align: right
}

.promo_promo_code {
    position: relative
}

.promo_promo_code input[disabled] {
    background-color: #fafafa
}

#promo_message_header {
    position: static;
    top: 0;
    left: 0;
    font-size: 1rem;
    line-height: 30px
}

#promo_message_header.valid {
    color: #15CD72
}

#promo_message_header.invalid {
    color: red
}

#promo_message_content {
    position: static;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 21px
}

.promoForm-Wrap {
    position: relative
}

.promoForm-Wrap .spinner {
    top: 11px !important;
    right: 8px !important;
    left: auto !important
}

#promo_code_activity_indicator {
    position: absolute;
    top: 12px;
    right: 15px
}

#promo_code_activity_indicator.valid,#promo_code_activity_indicator.invalid {
    background-image: none
}

#promo_code_activity_indicator.valid:before,#promo_code_activity_indicator.invalid:before {
    font-family: 'buoycons'
}

#promo_code_activity_indicator.valid:before {
    content: "\e603";
    color: #15CD72
}

#promo_code_activity_indicator.invalid:before {
    content: "\e604";
    color: #ED4F32
}

.referral-component button.button-primary {
    width: 180px;
    padding: 13px 10px 14px;
    float: right;
    background-color: #15CD72;
    color: #ffffff
}

.referral-component button.button-primary:hover,.referral-component button.button-primary:focus {
    outline: none;
    background-color: #109f58;
    color: #ffffff
}

.referral-component button.button-primary:active {
    background-color: #109f58
}

.referral-component button.button-primary[disabled] {
    background: #ececec
}

#referral_program h1,#referral_program h2 {
    color: #333 !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    margin-bottom: 30px
}

.limit-banner {
    padding: 20px 30px;
    color: red
}

.email-referrals,#referral_program_settings {
    box-sizing: border-box;
    clear: both;
    border: 2px solid #eee;
    margin-top: 10px;
    padding: 40px;
    margin: 0 0 40px !important
}

.email-referrals>p,#referral_program_settings>p {
    margin-bottom: 35px
}

.referal-wrapper>button {
    width: 49%;
    margin: 0 0 0 1%;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: 600;
    border: 0;
    color: white;
    cursor: pointer;
    padding: 20px;
    text-align: center
}

.referal-wrapper>button.btn-invite-via-email {
    color: #298eea;
    background-color: #fff;
    border: 1px solid #298eea
}

.referal-wrapper>button.btn-invite-via-email:hover {
    color: #2d6ea3;
    border-color: #1474cc
}

.referal-wrapper>button.btn-invite-via-gmail {
    margin: 0 1% 0 0;
    background: #298eea;
    padding-left: 50px
}

.referal-wrapper>button.btn-invite-via-gmail:before {
    width: 22px;
    height: 16px;
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/gmail-a437b1da29ba4a474385ad1c6cc6c2d9.png);
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    margin-top: 2px;
    margin-left: -276px
}

.referal-wrapper>button.btn-invite-via-gmail:hover {
    background: #1474cc
}

.referal-wrapper .error {
    text-align: center;
    margin: 5px 15px 15px
}

.google-referrals-container {
    position: relative
}

.google-referrals-container .loader {
    min-height: 361px
}

#referral_program .overlay-content {
    outline: none;
    background-color: #fff;
    padding: 0;
    overflow: hidden
}

#referral_program .overlay-content .google-contacts-container {
    overflow: hidden;
    background: #f7f7f7
}

#referral_program .overlay-content .google-contacts-container input[type="text"]:focus {
    background: #fcfcfc
}

#referral_program .overlay-content .modal-title-bar {
    padding: 30px;
    text-align: center
}

#referral_program .overlay-content .modal-title-bar h4 {
    font-size: 24px;
    margin-bottom: 18px;
    font-weight: 400
}

#referral_program .overlay-content .modal-title-bar p {
    font-size: 16px;
    margin-bottom: 0
}

#referral_program .overlay-content .google-contacts-search {
    border-top: 1px solid #efefef
}

#referral_program .overlay-content .google-contacts-search,#referral_program .overlay-content .gmail-contact-item {
    box-sizing: border-box;
    width: 100%;
    background: #f7f7f7;
    padding: 20px 30px;
    margin: 0;
    border: 0;
    border-top: 1px solid #efefef
}

#referral_program .overlay-content .google-contacts-search {
    border-bottom: 1px solid #efefef
}

#referral_program .overlay-content .gmail-contact-item {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
    *zoom:1}

#referral_program .overlay-content .gmail-contact-item:first-child {
    border-top: 0
}

#referral_program .overlay-content .gmail-contact-item-name,#referral_program .overlay-content .gmail-contact-item-email {
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#referral_program .overlay-content .gmail-contact-item-name {
    float: left
}

#referral_program .overlay-content .gmail-contact-item-email {
    float: right;
    color: #B1B1B1;
    text-align: right
}

#referral_program .overlay-content .contact-including-email+.gmail-contact-item-email {
    display: none
}

#referral_program .overlay-content .gmail-contact-item-selected {
    background: #E6F0F8;
    border-top: 1px solid #B9DCF8
}

#referral_program .overlay-content .gmail-contact-item-selected+.gmail-contact-item {
    border-top: 1px solid #B9DCF8
}

#referral_program .overlay-content .gmail-contact-item-selected .gmail-contact-item-email {
    color: #66B0EB
}

#referral_program .overlay-content .gmail-contact-item.gmail-contact-item-disabled {
    padding: 10px 30px
}

#referral_program .overlay-content .gmail-contact-item.gmail-contact-item-disabled input[type="checkbox"] {
    opacity: 0
}

#referral_program .overlay-content .gmail-contact-item.gmail-contact-item-disabled .gmail-contact-item-name,#referral_program .overlay-content .gmail-contact-item.gmail-contact-item-disabled .gmail-contact-item-email {
    color: #C0C0C0
}

#referral_program .overlay-content .gmail-contact-item.gmail-contact-item-disabled .contact-including-email+.gmail-contact-item-email {
    display: inline
}

#referral_program .overlay-content .invites-dollar-potential-container {
    float: left;
    padding: 30px 0 0 30px;
    color: #8E8E8E
}

#referral_program .overlay-content .invites-dollar-potential-amount {
    color: #398BCE;
    font-weight: bold
}

#referral_program .overlay-content .invites-footer-buttons {
    float: right
}

#referral_program .overlay-content .invites-footer-buttons button {
    padding: 15px 20px;
    border: 0;
    border-radius: 3px;
    margin: 15px 15px 15px 0;
    color: #444;
    background: #D3D3D3
}

#referral_program .overlay-content .invites-footer-buttons button:hover {
    background: #C3C3C3
}

#referral_program .overlay-content .invites-footer-buttons button.btn-primary {
    width: 150px;
    color: white;
    background: #15CD72
}

#referral_program .overlay-content .invites-footer-buttons button.btn-primary:hover {
    background: #109f58
}

#referral_program .overlay-content .google-contacts-list {
    height: 300px;
    min-height: 300px;
    width: 100%;
    overflow: scroll
}

#referral_program .overlay-content .google-contacts-list .gmail-contact-item input[type="checkbox"] {
    margin-right: 15px;
    margin-top: 4px;
    float: left
}

#referral_program .overlay-content .referral-component {
    overflow: hidden;
    *zoom:1;padding: 0 20px
}

#referral_program .overlay-content .send-limit {
    float: right;
    margin-top: -42px;
    position: relative;
    right: 15px;
    z-index: 1000
}

#referral_program .overlay-content .send-limit p {
    color: #8e8e8e;
    font-size: 14px
}

#referral_program .overlay-content .do-token-collection {
    box-sizing: border-box;
    width: 100%;
    min-height: 300px;
    padding-bottom: 50px
}

#preload {
    display: none
}

#referral_program .referral-stats small {
    font-size: 18px;
    font-weight: 600
}

#referral_program .referral-stats .stat-info {
    font-size: 14px;
    color: #999;
    display: inline-block;
    margin-left: 5px
}

#referral_program .referral-stats .stat-count {
    color: #298eea;
    font-size: 28px;
    float: right;
    font-weight: 600
}

#referral_program #referral_url {
    border-radius: 3px 0 0 3px;
    border: 5px solid #f3f3f3;
    font-size: 14px;
    padding: 12px 15px 6px;
    width: 467px;
    float: left;
    background-color: #ffffff
}

#referral_program #referral_url .new-referral-copy {
    float: right;
    margin-top: 2px
}

#referral_program #referral_url .new-referral-copy .copy-ref-code {
    display: block;
    outline: none
}

#referral_program #referral_url .no-select {
    -moz-user-select: none;
    -webkit-user-select: none
}

#referral_program #referral_url .direct-link-select {
    display: inline-block;
    width: 360px;
    border: none
}

#referral_program #referral_url .direct-link-select.referral-copied {
    color: #298eea;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s
}

#referral_program #referral_url.placeholder {
    background: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/link-08c72cce75aa47c71cdc1a432b0af189.png) no-repeat 25px 50%;
    padding-left: 75px !important;
    line-height: 40px
}

#referral_program #referral_url.placeholder .actions {
    float: right
}

#referral_program #referral_url.placeholder .actions a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #d7d7d7;
    color: #a4a4a4;
    padding: 15px
}

#referral_program #referral_stats {
    overflow: hidden;
    *zoom:1;margin: 35px auto 40px;
    padding: 0;
    text-align: center;
    width: 100%
}

#referral_program #referral_stats li {
    float: left;
    color: #298eea;
    margin-bottom: 0;
    text-align: center;
    width: 155px;
    padding: 20px 0;
    border-left: 1px solid #dddddd
}

#referral_program #referral_stats li.wide {
    width: 350px
}

#referral_program #referral_stats li:first-child {
    margin-left: 0;
    border-left: none
}

#referral_program #referral_stats li span,#referral_program #referral_stats li small {
    display: block;
    line-height: 1em
}

#referral_program #referral_stats li span {
    font-size: 32px;
    font-weight: 600
}

#referral_program #referral_stats li small {
    font-size: 22px;
    color: #dfdfdf;
    margin-top: 10px
}

#referral_program #payout_form {
    margin-left: 15px
}

#referral_program #payout_form #payout_method_credit_description {
    color: #999999;
    font-size: 14px;
    padding-left: 0;
    padding-top: 1px
}

#referral_program #payout_form #payout_method_credit_description p {
    padding-left: 5px
}

#referral_program #payout_form .form-actions {
    clear: both;
    margin-left: 5px;
    padding-top: 10px
}

#referral_program #payout_form .form-actions input[type='submit'] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ececec;
    border: 0;
    color: #ffffff;
    display: block;
    font-weight: 300;
    font-size: 19px;
    line-height: 40px;
    width: 200px;
    font-size: 18px
}

#referral_program .referral-alert-container {
    margin-bottom: 40px;
    padding: 20px;
    border: 1px solid #d3e3f0;
    width: 758px;
    border-radius: 3px;
    background: #f5f9fd;
    color: #376B96
}

#referral_program .referral-alert-container h4 {
    margin-bottom: 10px;
    color: #376B96
}

#referral_program .referral-alert-container p {
    margin-bottom: 0
}

#referral_program .referrals-footnote {
    clear: both;
    font-size: 14px
}

#referral_program .referrals-footnote p {
    margin-top: 40px;
    padding-top: 10px;
    font-style: italic;
    color: #aaaaaa;
    border-top: 1px solid #dddddd
}

#referral_program #referral_program_settings {
    overflow: hidden;
    *zoom:1}

#referral_program #referral_program_settings #credentials {
    float: left;
    margin: 0;
    width: 100%;
    background-color: #f3f3f3
}

#referral_program #referral_program_settings #credentials #twitter-share-url {
    float: left;
    line-height: 55px;
    font-size: 14px;
    margin-left: 19px;
    font-weight: 600
}

#referral_program #referral_program_settings #credentials #twitter-share-url .t-share-button {
    border-radius: 3px;
    color: #ffffff;
    font-weight: 600;
    line-height: 35px;
    height: 35px;
    margin-left: 10px;
    margin-top: 0;
    display: inline-block;
    background-color: #298eea;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/settings/twitter-birder-2955aeca96879dbe6a0cc0a65cb77959.png);
    background-position: 22px center;
    background-repeat: no-repeat;
    width: 90px;
    padding-left: 15px;
    text-align: center
}

#referral_program #referral_program_settings #credentials #twitter-share-url .t-share-button:hover {
    background-color: #1474cc
}

#referral_program #referral_program_settings #credentials #twitter-share-url .t-share-button:active {
    background-color: #2b81e4
}

#referral_program #referral_program_settings #credentials #change_profile_name {
    font-size: 30px;
    width: 520px
}

#referral_program #referral_program_settings #credentials>div {
    margin-top: 0;
    line-height: 23px
}

#referral_program #referral_program_settings #credentials>div a {
    color: #298eea
}

#referral_program #referral_program_settings #credentials>div a:hover {
    color: #1474cc
}

#referral_program #referral_program_settings #credentials .icon {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    margin-right: 5px;
    vertical-align: top
}

#referral_program #referral_program_settings p {
    padding-left: 0
}

.pac-container {
    z-index: 100055 !important
}

#error.email-error {
    display: block;
    margin-bottom: 1rem
}

#notification-inner:before {
    border: none;
    top: -1rem
}

#notification-inner p {
    margin-top: 2rem
}

.grey--underline {
    color: #999;
    border-bottom-color: #999
}

.pub-net li {
    list-style: none
}

table tbody tr:first-child:last-child {
    border-top: 1px solid #ececec
}

table tbody tr:first-child:last-child td {
    padding-bottom: 0 !important
}

#required-fields-alert.flash.alert {
    padding: 10px;
    background-color: #ED4F32;
    color: #ffffff;
    border-color: #ED4F32
}

#required-fields-alert.flash.alert:hover {
    background-color: #ED4F32
}

#email,#address,#github,#twitter {
    color: #bbbbbb
}

.Modal {
    z-index: 10512
}

.Modal-backdrop {
    z-index: 10000
}

#email.complete,#address.complete,#github.complete,#twitter.complete {
    color: #15CD72;
    border-color: #15CD72
}

.Box.complete .Icon--check:before {
    margin-right: 10px;
    font-size: 0.7rem
}

#new_ssh_key input[type="submit"] {
    padding: inherit
}

#content #add_credit_card form,#content .bank-accounts.styled-form {
    padding: 0;
    background-color: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#content #promo_message_header {
    position: static;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 30px
}

#content #promo_message_content {
    position: static;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 21px
}

li.ssh_key .collapse form fieldset input[type="submit"] {
    width: 100%
}

#promo_code {
    width: 100% !important
}

#content #promo_code_activity_indicator {
    top: 56px !important;
    right: 15px !important
}

.button-help .button {
    border: 1px solid #298eea;
    color: #298eea;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 20px
}

section {
    margin-bottom: 0 !important
}

.styled-select.user_payment_profile_country {
    background-position: 95% 22px
}

.styled-select select {
    float: none;
    background: transparent;
    border: 1px solid #ddd;
    padding: 0 16px;
    width: 100%
}

.tfaIcon {
    height: 70px;
    width: 70px;
    margin: auto;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 45px auto;
    border-radius: 100%
}

.tfaIcon.phoneIcon {
    background-color: #298eea;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/v2/icon-phonesms-b5ef84912740bc1c71f4d4e5b57dcbb6.svg)
}

.tfaIcon.authenticateIcon {
    background-color: #ED4F32;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/v2/icon-authenticate-b6f122b03132e7d8987cc3d6147e8929.svg)
}

.tfaIcon.securedIcon {
    background-color: #15CD72;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/v2/icon-secure-1f6b9fa3b6ee2428003ab5f8a01ec310.svg)
}

.tfaIcon.unsecuredIcon {
    background-color: #676767;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/v2/icon-unsecure-dd0fbf2c41c339062e77791633fcf3d0.svg)
}

.onboardIcon {
    color: #298eea;
    font-size: 2.3rem;
    margin: auto;
    display: block
}

.nextStep .onboardIcon {
    color: #cbcbcb
}

.prevStep * {
    opacity: .22
}

.prevStep h4 {
    opacity: 1
}

.prevStep h4 span {
    opacity: 1
}

#content table {
    border-collapse: collapse;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    width: 100%;
    text-align: left
}

#content table thead {
    text-align: left
}

#content table thead tr th {
    padding-left: 0;
    border-bottom: none
}

#content table tbody tr:nth-child(odd) td {
    background-color: transparent !important
}

#content table tbody tr td {
    padding: 15px 0;
    border-bottom: none !important
}

#content #add_credit_card form label,#content .bank-accounts.styled-form label {
    float: none;
    margin: 0
}

#content #add_credit_card form,#content .bank-accounts.styled-form {
    background-color: #fff;
    padding-bottom: 16px
}

.toggle-listing {
    background-color: none;
    border: none !important;
    border-top: none;
    text-align: center;
    margin-bottom: 0 !important
}

.toggle-listing a {
    color: inherit;
    font-weight: 600;
    padding: 0
}

.avatar {
    border-radius: 100%;
    overflow: hidden;
    width: 82%;
    margin: 0 auto;
    margin-top: 4px
}

.avatar img {
    width: 100%;
    height: auto
}

.social-icons {
    display: inline-block
}

.social-icons img {
    height: 15px;
    width: auto
}

.ButtonGroup {
    text-align: right
}

.new-referral-copy {
    position: absolute;
    top: 3.1rem;
    right: 1.5625rem;
    font-size: .75rem;
    font-weight: 600;
    display: none
}

.copyReferralUrl {
    display: block;
    cursor: pointer;
    border: 0
}

.Link--deactivate {
    margin-bottom: 20px;
    color: #ED4F32
}

.Link--deactivate:hover {
    color: #DA4429
}

form.Button input[type="submit"] {
    -webkit-appearance: none;
    background: none;
    color: #fff;
    padding: 0;
    border: none;
    line-height: inherit
}

.prefix:before {
    content: "$";
    display: inline-block;
    left: -10px;
    top: 12px;
    position: absolute
}

#promo_code_activity_indicator {
    position: absolute
}

#alertPromoContainer {
    display: none;
    font-size: 1rem
}

#referrals_trigger .overlay-content {
    outline: none;
    background-color: #fff;
    padding: 0;
    overflow: hidden
}

#referrals_trigger .overlay-content .google-contacts-container {
    overflow: hidden;
    background: #f7f7f7
}

#referrals_trigger .overlay-content .google-contacts-container input[type="text"]:focus {
    background: #fcfcfc
}

#referrals_trigger .overlay-content .modal-title-bar {
    padding: 30px;
    text-align: center
}

#referrals_trigger .overlay-content .modal-title-bar h4 {
    font-size: 24px;
    margin-bottom: 18px;
    font-weight: 400
}

#referrals_trigger .overlay-content .modal-title-bar p {
    font-size: 16px;
    margin-bottom: 0
}

#referrals_trigger .overlay-content .google-contacts-search {
    height: auto
}

#referrals_trigger .overlay-content .google-contacts-search,#referrals_trigger .overlay-content .gmail-contact-item {
    box-sizing: border-box;
    width: 100%;
    background: #f7f7f7;
    padding: 20px 30px;
    margin: 0;
    border: 0;
    border-top: 1px solid #efefef
}

#referrals_trigger .overlay-content .google-contacts-search {
    border-bottom: 1px solid #efefef;
    background-color: #fefefe
}

#referrals_trigger .overlay-content .gmail-contact-item {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 20px 30px 18px;
    clear: both
}

#referrals_trigger .overlay-content .gmail-contact-item:first-child {
    border-top: 0
}

#referrals_trigger .overlay-content .gmail-contact-item-name,#referrals_trigger .overlay-content .gmail-contact-item-email {
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#referrals_trigger .overlay-content .gmail-contact-item-name {
    display: inline-block;
    position: relative;
    border: 0;
    float: left;
    background-color: transparent
}

#referrals_trigger .overlay-content .gmail-contact-item-name:after {
    content: " "
}

#referrals_trigger .overlay-content .gmail-contact-item-email {
    float: right;
    color: #B1B1B1;
    text-align: right
}

#referrals_trigger .overlay-content .contact-including-email+.gmail-contact-item-email {
    display: none
}

#referrals_trigger .overlay-content .gmail-contact-item-selected {
    background: #E6F0F8;
    border-top: 1px solid #B9DCF8
}

#referrals_trigger .overlay-content .gmail-contact-item-selected+.gmail-contact-item {
    border-top: 1px solid #B9DCF8
}

#referrals_trigger .overlay-content .gmail-contact-item-selected .gmail-contact-item-email {
    color: #66B0EB
}

#referrals_trigger .overlay-content .google-contacts-list .gmail-contact-item.gmail-contact-item-disabled {
    pointer-events: none
}

#referrals_trigger .overlay-content .google-contacts-list .gmail-contact-item.gmail-contact-item-disabled input[type="checkbox"] {
    opacity: 0.3
}

#referrals_trigger .overlay-content .google-contacts-list .gmail-contact-item.gmail-contact-item-disabled .gmail-contact-item-name,#referrals_trigger .overlay-content .google-contacts-list .gmail-contact-item.gmail-contact-item-disabled .gmail-contact-item-email {
    color: #C0C0C0
}

#referrals_trigger .overlay-content .google-contacts-list .gmail-contact-item.gmail-contact-item-disabled .contact-including-email+.gmail-contact-item-email {
    display: inline
}

#referrals_trigger .overlay-content .invites-dollar-potential-container {
    float: left;
    padding: 30px 0 0 30px;
    color: #8E8E8E
}

#referrals_trigger .overlay-content .invites-dollar-potential-amount {
    color: #398BCE;
    font-weight: bold
}

#referrals_trigger .overlay-content .invites-footer-buttons {
    float: right
}

#referrals_trigger .overlay-content .invites-footer-buttons button {
    padding: 15px 20px;
    border: 0;
    border-radius: 3px;
    margin: 15px 20px 15px 0;
    color: #444;
    background: #eee
}

#referrals_trigger .overlay-content .invites-footer-buttons button:first-child {
    margin-right: 10px
}

#referrals_trigger .overlay-content .invites-footer-buttons button:hover {
    background: #ddd
}

#referrals_trigger .overlay-content .invites-footer-buttons button.btn-primary {
    width: 150px;
    color: white;
    background: #15CD72
}

#referrals_trigger .overlay-content .invites-footer-buttons button.btn-primary:hover {
    background: #0CB863
}

#referrals_trigger .overlay-content .google-contacts-list {
    height: 300px;
    min-height: 300px;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden
}

#referrals_trigger .overlay-content .google-contacts-list .gmail-contact-item input[type="checkbox"] {
    margin-right: 15px;
    margin-top: 5px;
    float: left;
    position: relative;
    z-index: 1001;
    opacity: 1;
    display: inline-block;
    width: 15px;
    margin-bottom: 0
}

#referrals_trigger .overlay-content .referral-component {
    clear: both;
    padding: 0 20px
}

#referrals_trigger .overlay-content .send-limit {
    float: right;
    margin-top: -42px;
    position: relative;
    right: 15px;
    z-index: 1000
}

#referrals_trigger .overlay-content .send-limit p {
    color: #8e8e8e;
    font-size: 14px
}

#referrals_trigger .overlay-content .do-token-collection {
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    width: 100%;
    min-height: 300px;
    padding-bottom: 50px
}

#update-profile #email-confirmation {
    display: none
}

#update-profile .password-hidden {
    display: none
}

#content #promo_code_activity_indicator {
    top: 57px !important
}

#content #promo_code_activity_indicator.valid,#content #promo_code_activity_indicator.invalid {
    background-image: none
}

#content #promo_code_activity_indicator.valid:before,#content #promo_code_activity_indicator.invalid:before {
    font-family: 'buoycons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

#content #promo_code_activity_indicator.valid:before {
    content: "\e603";
    color: #15CD72
}

#content #promo_code_activity_indicator.invalid:before {
    content: "\e604";
    color: #ED4F32
}

.current_user:before,.current_user:after {
    font-family: 'buoycons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.Menu.current_user {
    padding: 0;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.Menu.current_user:before {
    color: #444;
    content: '\e605'
}

.Menu.current_user:after {
    color: #444;
    content: '\e609'
}

.Menu.current_user.active:after {
    content: '\e602'
}

.SSHkey-button {
    position: relative;
    top: -6px
}

.Box #card .Revealer-shelf:before {
    display: none
}

.Box #card .Revealer-shelf>*:first-child {
    margin-top: 1rem
}

#container {
    position: relative;
    padding-bottom: 50px
}

#main {
    padding: 0;
    margin: 0 auto;
    color: #444444;
    padding-top: 100px
}

#container {
    position: relative;
    padding-bottom: 50px
}

.spacer {
    clear: both
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease
}

.collapse.invert {
    background-color: #999999;
    color: #ffffff
}

.collapse.invert h4 {
    color: #ffffff
}

.collapse.in {
    height: auto
}

.label {
    padding: 1px 4px 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    background: #999999;
    color: #ffffff;
    font-weight: bold;
    line-height: 13px;
    font-size: 13px
}

.Tooltip-inner {
    word-wrap: break-word
}

.flash {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    *zoom:1;padding: 18px 10px 20px;
    text-align: left;
    margin: 20px 0px;
    font-weight: 600;
    background-color: #ffffff;
    border: 1px solid
}

.flash .close_button {
    margin-top: 0.9rem;
    cursor: pointer
}

.flash .show_more {
    background: white
}

.flash .show_more:hover {
    background: #f1f1f1
}

.flash.notice {
    color: #13BB68;
    border-color: #15CD72
}

.flash.notice a {
    color: #13BB68
}

.flash.alert {
    color: #f04124;
    border-color: #f04124
}

.flash.alert a {
    color: #f04124
}

.flash.warning {
    color: #298eea;
    border-color: #b4dbfa
}

.flash.warning a {
    color: #298eea
}

.flash .notice-contents {
    max-width: 1000px;
    margin: 0 auto
}

.flash.notices {
    background: #2180d7;
    margin: 0;
    border-radius: 0;
    color: white;
    border: 0
}

.flash.notices .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1
}

.flash.notices .update {
    font-weight: 400
}

.flash.notices .update.created_at {
    font-size: 12px;
    font-weight: 600;
    opacity: 0.6;
    display: inline-block
}

.flash.notices .button {
    padding: 6px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: right;
    margin: 3px 5px 0px 0px;
    background-color: #2073C0;
    color: #ffffff;
    cursor: pointer;
    letter-spacing: 0;
    font-weight: 400px
}

.flash.notices .button:hover {
    background-color: #2069AD;
    color: #ffffff
}

.collapse fieldset,.styled-form fieldset {
    margin: 0 auto;
    padding: 0;
    border: 0
}

.collapse form hr,.collapse .content-area hr,.styled-form form hr,.styled-form .content-area hr {
    border-color: white;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dfdfdf;
    clear: both;
    margin: 15px auto
}

.collapse form.inverse,.collapse .content-area.inverse,.styled-form form.inverse,.styled-form .content-area.inverse {
    background-color: #999999;
    color: #ffffff
}

.collapse form.inverse input[type='text'],.collapse form.inverse textarea,.collapse .content-area.inverse input[type='text'],.collapse .content-area.inverse textarea,.styled-form form.inverse input[type='text'],.styled-form form.inverse textarea,.styled-form .content-area.inverse input[type='text'],.styled-form .content-area.inverse textarea {
    background-color: #cbcbcb;
    color: white
}

.collapse form.inverse h2,.collapse .content-area.inverse h2,.styled-form form.inverse h2,.styled-form .content-area.inverse h2 {
    color: #ffffff
}

.collapse form.inverse hr,.collapse .content-area.inverse hr,.styled-form form.inverse hr,.styled-form .content-area.inverse hr {
    background-color: #000000;
    border-left: none;
    border-right: none;
    border-top-color: #000000;
    border-bottom-color: #767676
}

.dotted input[type='text'],.dotted input[type='tel'] {
    display: block;
    font-size: 16px;
    margin: 12px auto 0;
    padding: 12px 0;
    text-indent: 6px;
    width: 680px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-bottom: 2px dotted #f1f1f1
}

.dotted input[type='text']:focus,.dotted input[type='tel']:focus {
    border-bottom-color: #298eea;
    outline: none
}

.dotted input[type='submit'] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #15CD72;
    border: 0;
    color: #ffffff;
    display: block
}

.dotted input[type='submit']:hover {
    background: #0CB863
}

.dotted input[type='submit']:active {
    background: #0CB863
}

.dotted input[type='checkbox'] {
    margin-left: 66px;
    margin-top: 23px;
    margin-right: 7px
}

.dotted label.control-label {
    color: #a5a5a5;
    position: relative;
    top: 1px;
    font-size: 16px
}

.dotted label.control-label abbr[title] {
    border: none
}

.dotted-line {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-bottom: 2px dotted #f1f1f1;
    padding: 6px
}

.dotted-line:focus {
    border-bottom-color: #298eea;
    outline: none
}

form.inline-form,form.inline-form div {
    display: inline
}

form input.invalid {
    border-color: #e9322d
}

input[type="submit"].success {
    background: #298eea !important
}

input[type="submit"].success:hover {
    background: #2180d7 !important
}

input[type="submit"].critical {
    background: #ED4F32 !important
}

input[type="submit"].critical:hover {
    background: #DA4429 !important
}

.full-btn {
    font-size: 18px
}

#limit-modal input[type='text'],#limit-modal input[type='tel'] {
    width: 100%;
    margin-bottom: 12px;
    padding-left: 5px
}

#limit-modal p {
    padding-left: 0
}

.droplet-limit-form {
    text-align: left !important
}

.droplet-limit-form input[type='text'],.droplet-limit-form input[type='number'],.droplet-limit-form input[type='password'],.droplet-limit-form textarea {
    text-align: left !important
}

#news>div {
    width: 100%;
    height: 100%;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12000;
    overflow: auto;
    color: #444;
    font-size: 18px;
    line-height: 26px
}

#news>div .news-item {
    padding: 70px 0;
    border-top: 2px solid #F3F3F3
}

#news>div .news-item:first-of-type {
    border-top: 0
}

#news>div h1,#news>div h2 {
    font-size: 30px;
    line-height: 37px;
    font-weight: 600
}

#news>div h1 {
    margin-bottom: 6px
}

#news>div h2 {
    font-weight: 300;
    color: #298eea;
    margin-top: 0
}

#news>div h3 {
    font-size: 23px;
    font-weight: 500
}

#news>div .date {
    font-size: 16px;
    color: #bfbfbf;
    margin: 0
}

#news>div p {
    color: #444
}

#news>div img {
    border: 2px solid #F7F7F7;
    margin: 20px 0
}

#news>div input.button {
    text-transform: none
}

.news-contents {
    width: 600px;
    margin: 60px auto
}

.news-contents:focus {
    outline: none
}

.image_selection {
    border: none
}

.image_selection h4 {
    margin: 20px 0 0 0;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    color: #666
}

.image_selection .images-sidebar {
    display: inline-block;
    float: left;
    width: 100%
}

.image_selection .images-sidebar .vertical-tabs {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #DADADA
}

.image_selection .images-sidebar .vertical-tabs li {
    display: block;
    list-style: none;
    position: relative;
    float: left;
    z-index: 1;
    border: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

.image_selection .images-sidebar .vertical-tabs li a {
    padding: 14px 15px;
    display: block;
    color: #C0C0C0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    outline: 0;
    border: 0
}

.image_selection .images-sidebar .vertical-tabs li a:hover,.image_selection .images-sidebar .vertical-tabs li a:focus {
    color: #666
}

.image_selection .images-sidebar .vertical-tabs li.admin {
    float: right
}

.image_selection .images-sidebar .vertical-tabs li.admin a {
    padding: 15px 0;
    top: 1px;
    position: relative;
    color: #E0E0E0;
    font-size: 16px
}

.image_selection .images-sidebar .vertical-tabs li.admin.active {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

.image_selection .images-sidebar .vertical-tabs li.admin.active:before,.image_selection .images-sidebar .vertical-tabs li.admin.active:after {
    display: none
}

.image_selection .images-sidebar .vertical-tabs li.admin.active a {
    color: #479DE4
}

.image_selection .images-sidebar .vertical-tabs li.active {
    position: relative;
    background: #fff;
    border: 0;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA
}

.image_selection .images-sidebar .vertical-tabs li.active:before {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    height: 2px;
    background-color: #298eea;
    content: "";
    display: block
}

.image_selection .images-sidebar .vertical-tabs li.active:after {
    position: absolute;
    bottom: -1px;
    left: 0px;
    right: 0px;
    height: 1px;
    background-color: #FFF;
    content: "";
    display: block
}

.image_selection .images-sidebar .vertical-tabs li.active a {
    color: #666
}

.image_selection .Tabs-pane p {
    line-height: 20px;
    font-size: 16px;
    margin: 6px 0 0 0;
    color: #757575
}

.image_selection .Tabs-pane .no-snapshot .notification {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fdfdf5;
    border: 1px dotted #e1e1c3;
    padding: 13px 0 11px;
    display: block;
    color: #b6b8a3;
    text-align: center;
    font-size: 16px;
    font-weight: 300
}

.image_selection .Tabs-pane .no-snapshot #no-snapshot-steps {
    margin: 45px 0 0 0;
    padding: 0
}

.image_selection .Tabs-pane .no-snapshot #no-snapshot-steps li {
    display: inline-block;
    width: 319px;
    margin-right: 21px;
    margin-bottom: 30px;
    text-align: center;
    list-style: none;
    float: left;
    color: #999;
    position: relative
}

.image_selection .Tabs-pane .no-snapshot #no-snapshot-steps li:last-child {
    margin-right: 0
}

.image_selection .Tabs-pane .no-snapshot #no-snapshot-steps li .step-icon {
    border: 2px solid #298eea;
    border-radius: 100px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    font-weight: 600
}

.image_selection .Tabs-pane .no-snapshot #no-snapshot-steps li h5 {
    font-size: 16px;
    margin: 15px 0 10px 0;
    color: #999;
    font-weight: 400
}

.image_selection .Tabs-pane .no-snapshot #no-snapshot-steps li p {
    max-width: 190px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 14px;
    word-break: normal
}

.image_selection .Tabs-pane .no-snapshot #no-snapshot-steps li .line {
    width: 145px;
    height: 1px;
    background: #ddd;
    position: absolute;
    top: 11px;
    right: -82px
}

.image_selection .Tabs-pane .no-snapshot #no-snapshot-steps li .dot {
    height: 5px;
    width: 5px;
    position: absolute;
    right: -11px;
    top: 8px;
    border: 1px solid #ddd;
    border-radius: 100px;
    background: #fff
}

.image_selection .image-contents {
    display: inline-block;
    width: 100%;
    padding-top: 27px
}

.tabs {
    background-color: white;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom:1;border-bottom: 4px solid #298eea;
    margin-bottom: -3px;
    position: relative;
    z-index: 10;
    font-weight: 400;
    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif
}

.tabs li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.tabs li:first-child {
    padding-left: 0
}

.tabs li:last-child {
    padding-right: 0
}

.tabs li.last {
    padding-right: 0
}

.tabs .active a {
    background-color: #298eea;
    color: #999999;
    font-weight: 400;
    border-left: 1px solid #298eea;
    border-right: 1px solid #298eea;
    border-top: 1px solid #298eea;
    outline: none;
    padding-top: 12px;
    padding-bottom: 8px
}

.tabs .active a:hover {
    color: white;
    background-color: #298eea
}

.tabs a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    color: #dfdfdf;
    font-size: 12px;
    padding: 13px 22px 8px;
    background-color: #fafafa;
    margin-right: 3px;
    text-transform: uppercase;
    border-radius: 3px 3px 0 0;
    letter-spacing: 1px
}

.tabs a:hover {
    text-decoration: none;
    color: #777777;
    background-color: #f1f1f1
}

.tabs li {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden
}

.tab-contents {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fafafa
}

.tab-contents.parent-tc {
    border: 1px solid #dddddd
}

.tab-contents>div {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: none;
    background-color: #fafafa;
    color: #999999;
    padding: 20px
}

.tab-contents>div.active {
    display: block
}

.tabs {
    background-color: white;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom:1;-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #dadada;
    margin-bottom: -3px;
    position: relative;
    overflow: visible;
    float: left;
    width: 100%;
    z-index: 10;
    font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif
}

.tabs li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 4px;
    padding-right: 4px
}

.tabs li:first-child {
    padding-left: 0
}

.tabs li:last-child {
    padding-right: 0
}

.tabs li.last {
    padding-right: 0
}

.tabs .active {
    position: relative
}

.tabs .active:after {
    position: absolute;
    bottom: -1px;
    left: 1px;
    right: 1px;
    height: 1px;
    background-color: white;
    content: "";
    display: block;
    z-index: 10000;
    box-sizing: border-box
}

.tabs .active a {
    background-color: #ffffff;
    color: #666;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-top: 2px solid #298eea;
    outline: none;
    font-weight: 400;
    padding: 10px 15px
}

.tabs .active a:hover {
    color: inherit;
    background-color: #ffffff
}

.tabs a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    color: #c0c0c0;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
    margin-right: 0;
    text-transform: capitalize;
    border-radius: 0;
    border-top: 2px solid transparent;
    letter-spacing: 0;
    background-color: #ffffff
}

.tabs a:hover {
    text-decoration: none;
    color: #666;
    background-color: #ffffff
}

.tabs li {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible;
    float: left
}

.tab-contents {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fafafa;
    clear: left
}

.tab-contents>div {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: none;
    background-color: #fafafa;
    color: #999999;
    padding-left: 15px;
    padding-right: 15px
}

.tab-contents>div.active {
    display: block
}

.control_panel #profile .tab-contents>div {
    padding-left: 0;
    padding-right: 0
}

.react-droplet-create .image_selection .images-sidebar .vertical-tabs li a:hover,.react-droplet-create .image_selection .images-sidebar .vertical-tabs li a:focus {
    outline: none
}

.react-droplet-create .image-option-wrapper {
    list-style: none
}

.react-droplet-create .image-option.unbuttonized {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 20px;
    text-align: left;
    height: 50px;
    border: 1px solid #E0E0E0
}

.react-droplet-create .image-option.unbuttonized .inner-align {
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden
}

.react-droplet-create .image-option.unbuttonized:nth-child(3n+3) {
    margin-right: 0
}

.react-droplet-create .image-option.unbuttonized:hover,.react-droplet-create .image-option.unbuttonized:focus {
    background-color: #fff;
    border: 1px solid #298EEA
}

.react-droplet-create .image-option.unbuttonized:focus {
    outline: none
}

.react-droplet-create .image-option.unbuttonized.selected:not(.disabled) {
    background-color: #298EEA;
    border: 1px solid #298EEA;
    color: #ffffff;
    cursor: default
}

.react-droplet-create .image-option.unbuttonized.selected:not(.disabled):hover {
    background-color: #298eea
}

.react-droplet-create .image-option.unbuttonized.disabled {
    background-color: #fafafa;
    border-color: #dfdfdf;
    cursor: not-allowed;
    color: #999999
}

.react-droplet-create .image-option.unbuttonized.disabled:focus,.react-droplet-create .image-option.unbuttonized.disabled:hover {
    outline: 0;
    border: 1px solid #dfdfdf
}

.react-droplet-create .image-option.unbuttonized input[type='radio'] {
    display: none
}

.ssh_how {
    float: left;
    padding-top: 30px
}

li.ssh_key .collapse {
    clear: both
}

li.ssh_key .collapse div.ssh_key_name .controls #ssh_key_name {
    margin-top: 15px
}

body.ssh_keys #ssh_keys {
    padding: 24px 0 0
}

body.ssh_keys #ssh_keys .ssh_key .content {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f1f1f1;
    color: #4c4c4c;
    font-size: 24px;
    padding: 20px;
    text-indent: 12px
}

body.ssh_keys #ssh_keys .ssh_key .content.editing {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-box-shadow: 0 1px 1px 1px rgba(236,236,236,0.2);
    -webkit-box-shadow: 0 1px 1px 1px rgba(236,236,236,0.2);
    box-shadow: 0 1px 1px 1px rgba(236,236,236,0.2)
}

small {
    font-size: 60%
}

.add-key-container {
    padding: 1em 0;
    position: relative
}

.add-key-container a.close {
    position: absolute;
    color: #298eea;
    right: 0.5rem;
    top: -1rem;
    border: 0
}

.add-key-container fieldset {
    border: none;
    margin: 10px 0 0 0;
    padding: 0
}

.add-key-container fieldset .flash.alert {
    position: relative;
    top: -14px;
    margin: 0 0 10px 0
}

.add-key-container textarea {
    font-family: monospace;
    resize: vertical;
    margin-bottom: 0.5rem;
    min-height: 9rem
}

.add-key-container.invalid textarea {
    border-color: #f36364
}

#ssh_keys {
    margin-top: 13px
}

p.ssh-key-notice {
    margin-top: 1rem
}

ul.ssh-keys .ssh-key {
    outline: none;
    overflow: hidden;
    padding: 10px;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    -moz-transition: background 0.1s ease-out, color 0.1s ease-out, border-color 0.1s ease-out;
    -o-transition: background 0.1s ease-out, color 0.1s ease-out, border-color 0.1s ease-out;
    -webkit-transition: background 0.1s ease-out, color 0.1s ease-out, border-color 0.1s ease-out;
    transition: background 0.1s ease-out, color 0.1s ease-out, border-color 0.1s ease-out;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

ul.ssh-keys .ssh-key:nth-of-type(4n) {
    margin-right: 0
}

ul.ssh-keys li.add-key-button {
    text-align: center;
    position: relative;
    padding: 10px 14px;
    width: auto;
    -moz-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out
}

ul.ssh-keys li.add-key-button.active {
    opacity: 0.2
}

ul.ssh-keys li.add-key-button a {
    padding: 0;
    line-height: 24px;
    color: #298eea;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px solid #298eea;
    position: relative;
    top: 3px
}

ul.ssh-keys li.add-key-button:before {
    color: #298eea;
    content: "+";
    font-size: 14px;
    position: absolute;
    left: 1px;
    top: 17px;
    line-height: 1em
}

ul.ssh-keys a.button-link {
    display: block
}

ul.ssh-keys .ssh-key {
    border: 1px solid #e4e4e4;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

ul.ssh-keys .ssh-key:hover,ul.ssh-keys .ssh-key:focus {
    border: 1px solid #cfcfcf
}

ul.ssh-keys .ssh-key:hover h3,ul.ssh-keys .ssh-key:focus h3 {
    color: #919191
}

ul.ssh-keys .ssh-key.selected {
    border-color: #298eea;
    background: #298eea
}

ul.ssh-keys .ssh-key.selected h3,ul.ssh-keys .ssh-key.selected p {
    color: white
}

ul.ssh-keys .ssh-key h3 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #B3B3B3;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

ul.ssh-keys .ssh-key p {
    color: #f1f1f1;
    line-height: 1em;
    padding: 0;
    margin: 0 0 0.5em;
    font-size: 80%
}

.help-section {
    position: relative;
    border-top: 1px solid #E7E7E7;
    font-family: "proxima-nova", sans-serif, "helvetica neue", helvetica;
    font-weight: 300
}

.help-section .wrapper-full {
    position: relative;
    text-align: left
}

.help-section .wrapper-full aside.help-nav {
    width: 211px;
    float: right;
    position: relative;
    border-bottom: none
}

.help-section .wrapper-full aside.help-nav:after {
    content: '';
    clear: both;
    display: table
}

.help-section .wrapper-full aside.help-nav ul,.help-section .wrapper-full aside.help-nav li {
    list-style: none outside none
}

.help-section .wrapper-full aside.help-nav li:last-child {
    border: none
}

.help-section .wrapper-full aside.help-nav li.active {
    background: #fafafa
}

.help-section .wrapper-full aside.help-nav li.active a {
    color: #dfdfdf;
    font-size: 15px
}

.help-section .wrapper-full aside.help-nav li.hasSub a:after {
    position: relative;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #9e9e9e;
    display: inline-block;
    margin-left: 27px
}

.help-section .wrapper-full aside.help-nav li.hasSub a.down-arrow:after {
    position: relative;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #9e9e9e;
    display: inline-block;
    margin-left: 27px;
    top: 5px
}

.help-section .wrapper-full aside.help-nav li {
    border-bottom: 1px solid #fafafa;
    float: left;
    width: 100%
}

.help-section .wrapper-full aside.help-nav li:after {
    content: ' ';
    clear: both;
    display: table
}

.help-section .wrapper-full aside.help-nav li a.active {
    background-color: #fafafa;
    color: #dfdfdf
}

.help-section .wrapper-full aside.help-nav li a {
    display: block;
    padding: 16px 10px;
    text-decoration: none;
    color: #9e9e9e;
    font-size: 15px;
    -moz-transition: all, 0.2s, ease-in-out;
    -o-transition: all, 0.2s, ease-in-out;
    -webkit-transition: all, 0.2s, ease-in-out;
    transition: all, 0.2s, ease-in-out
}

.help-section .wrapper-full aside.help-nav li a:hover {
    background: #fafafa;
    color: #dfdfdf
}

.help-section .wrapper-full aside.help-nav li ul {
    border-top: 1px solid #fafafa;
    overflow: hidden;
    max-height: 0px;
    -moz-transition: max-height, 0.3s, ease-in-out;
    -o-transition: max-height, 0.3s, ease-in-out;
    -webkit-transition: max-height, 0.3s, ease-in-out;
    transition: max-height, 0.3s, ease-in-out
}

.help-section .wrapper-full aside.help-nav li ul li {
    border-bottom: 1px solid #efefef
}

.help-section .wrapper-full aside.help-nav li ul li a {
    padding-left: 50px;
    color: #9e9e9e;
    font-size: 16px
}

.help-section .wrapper-full aside.help-nav li ul li a.active {
    background: none
}

.help-section .wrapper-full aside.help-nav li ul.open {
    max-height: 999px !important;
    border-top: 1px solid #fafafa
}

.help-section .wrapper-full aside.help-nav li.hasSub ul a:after {
    display: none
}

.help-section .wrapper-full .help-content {
    width: 575px;
    float: left;
    line-height: 1.5;
    font-size: 14px;
    color: #888
}

.help-section .wrapper-full .help-content:after {
    content: " ";
    clear: both;
    display: table
}

.help-section .wrapper-full .help-content h1,.help-section .wrapper-full .help-content h2,.help-section .wrapper-full .help-content h3,.help-section .wrapper-full .help-content h4 {
    font-family: "proxima-nova", sans-serif, "helvetica neue", helvetica
}

.help-section .wrapper-full .help-content h1 {
    margin-bottom: 25px;
    text-align: left;
    font-size: 36px;
    font-weight: 400;
    color: #dfdfdf
}

.help-section .wrapper-full .help-content h2 {
    font-size: 26px
}

.help-section .wrapper-full .help-content h3 {
    margin: 40px auto 0px auto
}

.help-section .wrapper-full .help-content h4 {
    text-transform: uppercase;
    font-size: 16px;
    color: #c8c8c8;
    font-weight: 400;
    margin-bottom: -2px
}

.help-section .wrapper-full .help-content p a {
    color: #dfdfdf;
    border-bottom: 1px dotted #999999;
    -moz-transition: all, 0.2s, ease-in-out;
    -o-transition: all, 0.2s, ease-in-out;
    -webkit-transition: all, 0.2s, ease-in-out;
    transition: all, 0.2s, ease-in-out
}

.help-section .wrapper-full .help-content p a:hover {
    color: #939393;
    border-bottom: 1px dotted #dfdfdf
}

.help-section .wrapper-full .help-content h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3
}

.help-section .wrapper-full .help-content ul {
    margin-bottom: 30px;
    padding-left: 25px
}

.help-section .wrapper-full .help-content ul li {
    margin-bottom: 1px;
    list-style-position: inside;
    list-style-type: disc
}

.help-section .wrapper-full .help-content ul li a {
    color: #dfdfdf;
    border-bottom: 1px dotted #999999;
    -moz-transition: all, 0.2s, ease-in-out;
    -o-transition: all, 0.2s, ease-in-out;
    -webkit-transition: all, 0.2s, ease-in-out;
    transition: all, 0.2s, ease-in-out
}

.help-section .wrapper-full .help-content ul li a:hover {
    color: #939393;
    border-bottom: 1px dotted #dfdfdf
}

.button-help .Button {
    padding: 0 1.3rem
}

a {
    border-bottom: 0
}

.Tooltip {
    z-index: 11999
}

header a {
    border: 0
}

header .button-group {
    float: right
}

.large_page {
    width: 1000px;
    margin: 0 auto
}

#main {
    padding: 100px 0 50px
}

td.image .icon {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-80d86ad7070c7ac50b0d7ec7055893ca.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 23px;
    height: 23px;
    display: block
}

td.image .icon.ubuntu {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-ubuntu-3bf52a97e62a2b6d1289669c44d49874.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 32px;
    height: 32px
}

td.image .icon.arch-linux {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-arch-linux-5fe12b0ae8c2517abbbf3078c3651b5c.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 32px;
    height: 32px
}

td.image .icon.centos {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-centos-cbf602c0f6accb58ed7c1028c0fff27d.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 32px;
    height: 32px
}

td.image .icon.debian {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-debian-e5deb5cdd5aa7add045c0efa6d426e1c.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 32px;
    height: 32px
}

td.image .icon.fedora {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-fedora-bfa69175d71b3c1dbe8b3a2e2dbd6c50.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 32px;
    height: 32px
}

td.image .icon.coreos {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-coreos-3f38ba4a820a03710de14ffb64659ced.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 32px;
    height: 32px
}

td.image .icon.gentoo {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-gentoo-fee1682ca4d180948349ece3d2ea9203.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 32px;
    height: 32px
}

td.image .icon.freebsd {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url(//cloud-cdn-digitalocean-com.global.ssl.fastly.net/assets/icons/droplets/image-freebsd-f6bf5b8a4c9a48f48f1e0c5564609b6d.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 32px;
    height: 32px
}