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

:root {
    --bs-primary: #531845;
    --bs-primary-lite: #f1eef1;
    --bs-primary-dark: #47113a;
}


html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent
}

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

html {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic
}

body {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    background: #fff;
    -webkit-font-smoothing: subpixel-antialiased
}

textarea::placeholder {
    color: #bbb
}

.clearfix {
    clear: both;
    zoom: 1
}

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix:after {
    clear: both
}

.container {
    width: 68.75rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 1355px) {
    .container {
        width: 56.25rem
    }
}

@media screen and (max-width: 1155px) {
    .container {
        width: 92%
    }
}

@media screen and (max-width: 700px) {
    .container {
        width: 88%
    }
}

a.delete-action:hover {
    color: #e74c3c
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.full-width {
    width: 100% !important
}

.align-right {
    text-align: right
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.fade {
    -webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -ms-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
    opacity: 0
}

.fade.in {
    opacity: 1
}

.collapse {
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -ms-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
    position: relative;
    overflow: hidden;
    height: 0
}

.collapse.in {
    height: auto
}

.hidden {
    display: none;
    visibility: hidden
}

.strikethrough {
    text-decoration: line-through
}

.caret {
    opacity: 0.3;
    display: inline-block;
    width: 0;
    height: 0;
    text-indent: -99999px;
    *text-indent: 0;
    vertical-align: top;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000000;
    content: "\2193"
}

.caret.link {
    opacity: 1;
    border-top-color: #3498db
}

.color-green,
.status-none {
    color: #2ecc71
}

.color-red,
.status-critical {
    color: #e74c3c
}

.color-orange,
.status-major {
    color: #e67e22
}

.color-yellow,
.status-minor {
    color: #f1c40f
}

.color-blue,
.status-maintenence {
    color: #3498db
}

.color-purple {
    color: #9b59b6
}

.color-light-grey {
    color: #aaa
}

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

.well {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    min-height: 1.25rem;
    padding: 1.75rem;
    background-color: #fafafa;
    border: 1px solid #e0e0e0
}

.well.unpadded {
    padding: 0px
}

.font-weight-regular {
    font-weight: 400
}

.font-weight-semi500 {
    font-weight: 500
}

.font-weight-500 {
    font-weight: 700
}

.row {
    margin-left: -4.5%
}

.row:last-of-type {
    margin-bottom: 0px
}

.row>.span12 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 95.4999996%
}

.row>.span11 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 87.1666663%
}

.row>.span10 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 78.833333%
}

.row>.span9 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 70.4999997%
}

.row>.span8 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 62.1666664%
}

.row>.span7 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 53.8333331%
}

.row>.span6 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 45.4999998%
}

.row>.span5 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 37.1666665%
}

.row>.span4 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 28.8333332%
}

.row>.span3 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 20.4999999%
}

.row>.span2 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 12.1666666%
}

.row>.span1 {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 3.8333333%
}

.row>[class*="span"] {
    float: left;
    margin-left: 4.5%
}

.row>[class*="span"].offset11 {
    margin-left: 96.1666663% !important
}

.row>[class*="span"].offset10 {
    margin-left: 87.833333% !important
}

.row>[class*="span"].offset9 {
    margin-left: 79.4999997% !important
}

.row>[class*="span"].offset8 {
    margin-left: 71.1666664% !important
}

.row>[class*="span"].offset7 {
    margin-left: 62.8333331% !important
}

.row>[class*="span"].offset6 {
    margin-left: 54.4999998% !important
}

.row>[class*="span"].offset5 {
    margin-left: 46.1666665% !important
}

.row>[class*="span"].offset4 {
    margin-left: 37.8333332% !important
}

.row>[class*="span"].offset3 {
    margin-left: 29.4999999% !important
}

.row>[class*="span"].offset2 {
    margin-left: 21.1666666% !important
}

.row>[class*="span"].offset1 {
    margin-left: 12.8333333% !important
}

@media screen and (max-width: 560px) {
    .row.collapsible>.span6 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 95.4999996%;
        margin-bottom: 2rem
    }

    .row.collapsible>.span6:last-of-type {
        margin-bottom: 0px
    }
}

@media screen and (max-width: 1024px) {
    .row.collapsible>.span4 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 95.4999996%;
        margin-bottom: 2rem
    }

    .row.collapsible>.span4:last-of-type {
        margin-bottom: 0px
    }
}

@media screen and (max-width: 1024px) {
    .row.collapsible>.span3 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 45.4999998%;
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 560px) {
    .row.collapsible>.span3 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 95.4999996%;
        margin-bottom: 2rem
    }

    .row.collapsible>.span3:last-of-type {
        margin-bottom: 0px
    }
}

@media screen and (max-width: 1024px) {
    .row.collapsible>.span2 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 20.4999999%
    }
}

@media screen and (max-width: 560px) {
    .row.collapsible>.span2 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 28.8333332%
    }
}

@media screen and (max-width: 320px) {
    .row.collapsible>.span2 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 45.4999998%
    }
}

@media screen and (max-width: 1330px) {
    .row.collapsible>.span1 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 12.1666666%
    }
}

@media screen and (max-width: 1024px) {
    .row.collapsible>.span1 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 20.4999999%
    }
}

@media screen and (max-width: 560px) {
    .row.collapsible>.span1 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 28.8333332%
    }
}

@media screen and (max-width: 320px) {
    .row.collapsible>.span1 {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 45.4999998%
    }
}

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

.row:after {
    clear: both
}

a {
    color: #3498db;
    text-decoration: none
}

a.small {
    font-size: 0.875rem
}

a:hover {
    color: #2791d9;
    text-decoration: none
}

a:focus {
    outline: none
}

a.grey {
    color: #888
}

a.light-grey {
    color: #afafaf
}

a.no-link {
    text-decoration: none;
    color: inherit
}

a.no-link:hover {
    text-decoration: none;
    color: inherit
}

p {
    margin-bottom: 0.65rem
}

p.blockquote {
    font-style: italic;
    border-left: 5px solid #63c7a9;
    padding-left: 1.25rem
}

p.blockquote.right-align {
    border-left: none;
    padding-left: 0px;
    border-right: 5px solid #63c7a9;
    padding-right: 1.25rem
}

p.blockquote .attribution {
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    margin-top: 0.5rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small {
    color: #888;
    display: inline-block;
    font-weight: 400
}

h1 {
    font-size: 48px;
    line-height: 52.8px;
    font-size: 3rem;
    line-height: 3.3rem;
    margin-bottom: 0.8rem
}

h1 small {
    font-size: 32px;
    line-height: 41.6px;
    font-size: 2rem;
    line-height: 2.6rem;
    position: relative;
    top: -0.4rem
}

h2 {
    font-size: 41.6px;
    line-height: 49.088px;
    font-size: 2.6rem;
    line-height: 3.068rem;
    margin-bottom: 0.7rem
}

h2 small {
    font-size: 28px;
    line-height: 37.8px;
    font-size: 1.75rem;
    line-height: 2.3625rem;
    position: relative;
    top: -0.35rem
}

h3 {
    font-size: 35.2px;
    line-height: 44.352px;
    font-size: 2.2rem;
    line-height: 2.772rem;
    margin-bottom: 0.6rem
}

h3 small {
    font-size: 24px;
    line-height: 33.6px;
    font-size: 1.5rem;
    line-height: 2.1rem;
    position: relative;
    top: -0.3rem
}

h4 {
    font-size: 28.8px;
    line-height: 38.592px;
    font-size: 1.8rem;
    line-height: 2.412rem;
    margin-bottom: 0.5rem
}

h4 small {
    font-size: 20px;
    line-height: 29px;
    font-size: 1.25rem;
    line-height: 1.8125rem;
    position: relative;
    top: -0.2rem
}

h5 {
    font-size: 22.4px;
    line-height: 31.808px;
    font-size: 1.4rem;
    line-height: 1.988rem;
    margin-bottom: 0.4rem
}

h5 small {
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    position: relative;
    top: -0.2rem
}

h6 {
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0.3rem
}

h6 small {
    font-size: 12.8px;
    line-height: 19.712px;
    font-size: 0.8rem;
    line-height: 1.232rem;
    position: relative;
    top: -0.2rem
}

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

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

ul.styled,
ol.styled,
.markdown-display>ul,
.markdown-display>ol {
    margin-bottom: 10px;
    margin-left: 23px
}

ul.styled,
.markdown-display>ul {
    list-style: disc
}

ol.styled,
.markdown-display>ol {
    list-style: decimal
}

dl {
    margin-bottom: 18px
}

dt,
dd {
    line-height: 18px
}

dt {
    font-weight: 700
}

dd {
    margin-left: 9px
}

hr {
    margin: 2rem 0;
    border: 0;
    border-top: 1px solid #e5e5e5
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

abbr {
    font-size: 90%;
    text-transform: uppercase;
    border-bottom: 1px dotted #ddd;
    cursor: help
}

address {
    display: block;
    margin-bottom: 18px;
    line-height: 18px;
    font-style: normal
}

small,
.small {
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    color: #afafaf
}

cite {
    font-style: normal
}

sub {
    vertical-align: sub
}

sup {
    vertical-align: super
}

code {
    font-size: 12px;
    line-height: 18.6px;
    font-size: 0.75rem;
    line-height: 1.1625rem;
    padding: 3px 4px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8
}

pre.code-display {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    font-size: 12px;
    line-height: 18.6px;
    font-size: 0.75rem;
    line-height: 1.1625rem;
    font-family: Menlo, Monaco, 'Courier New', monospace;
    background-color: #f5f5f5;
    border: 1px solid #e1e1e1;
    padding: 0.5rem;
    white-space: pre-wrap
}

pre.code-display.linenums {
    box-shadow: 40px 0 0 #fbfbfc inset, 41px 0 0 #ececf0 inset;
    -moz-box-shadow: 40px 0 0 #fbfbfc inset, 41px 0 0 #ececf0 inset;
    -webkit-box-shadow: 40px 0 0 #fbfbfc inset, 41px 0 0 #ececf0 inset;
    -o-box-shadow: 40px 0 0 #fbfbfc inset, 41px 0 0 #ececf0 inset;
    -ms-box-shadow: 40px 0 0 #fbfbfc inset, 41px 0 0 #ececf0 inset
}

pre.code-display code {
    padding: 0px;
    color: inherit;
    background-color: transparent;
    border: none
}

pre.code-display ol {
    list-style-type: decimal
}

pre.code-display ol li {
    margin: 0.2rem 0 0.2rem 1.8rem;
    padding-left: 1rem
}

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

input:-moz-placeholder {
    color: #bbb
}

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

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

label,
input,
textarea,
button,
select {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    vertical-align: middle
}

.full-width-elements input[type="text"],
.full-width-elements input[type="password"],
.full-width-elements input[type="email"],
.full-width-elements textarea,
.full-width-elements select,
.full-width-elements .chzn-container-single,
.full-width-elements .chzn-single {
    width: 100%
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select,
.chzn-container-single .chzn-single {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    display: inline-block;
    border: 1px solid #bbb;
    padding: 1px 10px 0;
    height: 40px
}

input[type="text"].small,
input[type="password"].small,
input[type="email"].small,
input[type="number"].small,
textarea.small,
select.small,
.chzn-container-single .chzn-single.small {
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    height: 34px
}

input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="number"].error,
textarea.error,
select.error,
.chzn-container-single .chzn-single.error {
    border-color: rgba(255, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.2)
}

input[type="number"] {
    -moz-appearance: textfield
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
.chzn-container-single .chzn-single {
    color: #666
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
.chzn-container-single .chzn-single:focus {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) inset;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) inset;
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) inset;
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) inset
}

.chzn-container-single .chzn-single {
    line-height: 40px
}

input:not([type="submit"]),
textarea,
select {
    width: 250px
}

input {
    word-wrap: normal;
    word-break: normal
}

textarea {
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 9px;
    resize: none;
    height: 6rem
}

textarea.resize-y {
    resize: vertical
}

textarea.size-small {
    height: 4rem
}

textarea.size-large {
    height: 8rem
}

select {
    padding: 9px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select {
        text-indent: 3px
    }
}

label {
    display: block;
    font-weight: 500
}

label.required {
    font-weight: 500
}

label.required:after {
    content: "*"
}

input[type="checkbox"],
input[type="radio"] {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    width: auto;
    height: auto;
    padding: 0;
    position: relative;
    line-height: normal;
    border: 0;
    cursor: pointer
}

input[type="hidden"] {
    display: none
}

input[disabled],
select[disabled],
textarea[disabled],
select[readonly] {
    background-color: #f5f5f5;
    border-color: #ddd;
    cursor: not-allowed
}

input[disabled]:hover,
select[disabled]:hover,
textarea[disabled]:hover,
select[readonly]:hover {
    border-color: #ddd
}

input[type="text"]:not(:disabled):hover,
input[type="password"]:hover,
input[type="email"]:hover,
textarea:hover {
    border: 1px solid #b0b0b0
}

input[type="text"]:not(:disabled).error:hover,
input[type="text"]:not(:disabled).error:focus,
input[type="password"].error:hover,
input[type="password"].error:focus,
input[type="email"].error:hover,
input[type="email"].error:focus,
textarea.error:hover,
textarea.error:focus {
    border-color: rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.2)
}

input[type="text"]:not(:disabled):focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #a0a0a0;
    outline: none
}

.control-group.invalid>label,
.control-group.invalid .help-block,
.control-group.invalid .help-inline {
    color: #e74c3c
}

.control-group.invalid input,
.control-group.invalid .select,
.control-group.invalid textarea {
    color: #e74c3c;
    border-color: #e74c3c
}

.help-block {
    font-size: 12px;
    line-height: 18.6px;
    font-size: 0.75rem;
    line-height: 1.1625rem;
    margin-top: .25rem;
    margin-bottom: 0;
    color: #aaa;
    display: block
}

.help-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: .5rem;
    vertical-align: middle;
    padding-left: .25rem;
    color: #aaa;
    font-size: .75rem
}

.checkmark-inline:before {
    content: "\f058 ";
    font-family: FontAwesome;
    color: #2ecc71
}

.alert-inline:before {
    content: "\f071 ";
    font-family: FontAwesome;
    color: #f1c40f
}

.controls.inline input,
.controls.inline textarea,
.controls.inline .help-inline {
    display: inline-block;
    margin-bottom: 0
}

input[type="text"].inline {
    position: relative;
    top: -2px;
    margin: 0 .25rem
}

.controls.prepend>.ilb,
.controls.append>.ilb {
    display: inline-block;
    position: relative
}

.controls.prepend label,
.controls.append label {
    box-shadow: 0 1px 0 white inset;
    -moz-box-shadow: 0 1px 0 white inset;
    -webkit-box-shadow: 0 1px 0 white inset;
    -o-box-shadow: 0 1px 0 white inset;
    -ms-box-shadow: 0 1px 0 white inset;
    background-color: #f4f4f4;
    position: absolute;
    width: 40px;
    top: 1px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #666;
    font-weight: 500
}

.controls.prepend label.prepender,
.controls.append label.prepender {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    left: 1px;
    border-right: 1px solid #ccc
}

.controls.prepend label.prepender .fa,
.controls.prepend label.prepender i.component-status,
.controls.append label.prepender .fa,
.controls.append label.prepender i.component-status {
    position: relative;
    top: 1px
}

.controls.prepend label.appender,
.controls.append label.appender {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    right: 1px;
    border-left: 1px solid #ccc
}

.controls.prepend input.prepend,
.controls.append input.prepend {
    padding-left: 3rem
}

.controls.prepend input.append,
.controls.append input.append {
    padding-right: 3rem
}

.controls.prepend.full-width .ilb,
.controls.prepend.full-width input,
.controls.append.full-width .ilb,
.controls.append.full-width input {
    width: 100%
}

.control-group {
    margin-bottom: 1.75rem;
    clear: both
}

.control-group:last-of-type {
    margin-bottom: 0px
}

.control-group.has-mb {
    margin-bottom: 1.75rem
}

.control-group label {
    margin-bottom: .25rem
}

.control-group[class*="span"] {
    clear: none
}

.form-horizontal .control-group>label {
    float: left;
    width: 8.75rem;
    padding-top: .5rem;
    text-align: right;
    margin-bottom: 0px
}

.form-horizontal .control-group>label.no-pt {
    padding-top: 0px
}

.form-horizontal .control-group>label.two-lines {
    padding-top: 0;
    position: relative;
    top: -3px
}

@media screen and (max-width: 768px) {
    .form-horizontal .control-group>label {
        float: none;
        width: auto;
        padding-top: 0px;
        text-align: left;
        margin-bottom: .25rem
    }
}

.form-actions {
    margin-top: 1.75rem
}

.form-horizontal .controls {
    margin-left: 10rem
}

.form-horizontal .controls.no_left_margin {
    margin-left: 0
}

@media screen and (max-width: 768px) {
    .form-horizontal .controls {
        margin-left: 0
    }

    .form-horizontal .controls input[type="text"]:not(.inline),
    .form-horizontal .controls input[type="password"]:not(.inline),
    .form-horizontal .controls input[type="email"]:not(.inline),
    .form-horizontal .controls textarea:not(.inline),
    .form-horizontal .controls select:not(.inline),
    .form-horizontal .controls .chzn-container-single .chzn-single:not(.inline) {
        width: 100%
    }
}

.form-horizontal .form-actions {
    padding-left: 10rem
}

.form-horizontal .form-actions a {
    margin-right: .6rem
}

@media screen and (max-width: 768px) {
    .form-horizontal .form-actions {
        padding-left: 0px
    }
}

.remove-link {
    margin-left: 10px
}

.form-bordered .control-group {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0px;
    padding: 1.75rem 0
}

.form-bordered .control-group.unpad-top {
    padding-top: 0px
}

.form-bordered .control-group.last-unborder {
    border-bottom: none;
    padding-bottom: 0px
}

.form-bordered .control-group.first-border {
    padding-top: 1.75rem;
    border-top: 1px solid #e0e0e0
}

.radio,
.checkbox {
    font-weight: 400;
    padding-left: 1.5rem;
    font-weight: 400
}

.radio.input-height,
.checkbox.input-height {
    line-height: 40px
}

.radio.input-height input,
.checkbox.input-height input {
    position: relative;
    top: 7px
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -1.4rem
}

.radio+.radio,
.checkbox+.checkbox {
    padding-top: .25rem
}

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

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline {
    margin-left: 1.5rem;
    padding-top: 0rem
}

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url("/assets/fontawesome-webfont-e219ece8f4d3e4ac455ef31cd3a7c7b5057ea68a109937fc26b03c6e99ee9322.eot");
    src: url("/assets/fontawesome-webfont-e219ece8f4d3e4ac455ef31cd3a7c7b5057ea68a109937fc26b03c6e99ee9322.eot?#iefix") format("embedded-opentype"), url("/assets/fontawesome-webfont-c812ddc9e475d3e65d68a6b3b589ce598a2a5babb7afc55477d59215c4a38a40.woff") format("woff"), url("/assets/fontawesome-webfont-7b5a4320fba0d4c8f79327645b4b9cc875a2ec617a557e849b813918eb733499.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

.fa,
i.component-status {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.3333333333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.2857142857em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.1428571429em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.1428571429em;
    width: 2.1428571429em;
    top: 0.1428571429em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.8571428571em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
i.fa-pull-left.component-status {
    margin-right: .3em
}

.fa.fa-pull-right,
i.fa-pull-right.component-status {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left,
i.pull-left.component-status {
    margin-right: .3em
}

.fa.pull-right,
i.pull-right.component-status {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-gear:before,
.fa-cog:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,
.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,
.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-gears:before,
.fa-cogs:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,
.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,
.fa-users:before {
    content: ""
}

.fa-chain:before,
.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,
.fa-scissors:before {
    content: ""
}

.fa-copy:before,
.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-save:before,
.fa-floppy-o:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-unsorted:before,
.fa-sort:before {
    content: ""
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: ""
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,
.fa-undo:before {
    content: ""
}

.fa-legal:before,
.fa-gavel:before {
    content: ""
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-flash:before,
.fa-bolt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-paste:before,
.fa-clipboard:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,
.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: ""
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: ""
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: ""
}

.fa-euro:before,
.fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,
.fa-usd:before {
    content: ""
}

.fa-rupee:before,
.fa-inr:before {
    content: ""
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: ""
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: ""
}

.fa-won:before,
.fa-krw:before {
    content: ""
}

.fa-bitcoin:before,
.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,
.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-turkish-lira:before,
.fa-try:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: ""
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,
.fa-car:before {
    content: ""
}

.fa-cab:before,
.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: ""
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: ""
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,
.fa-rebel:before {
    content: ""
}

.fa-ge:before,
.fa-empire:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,
.fa-weixin:before {
    content: ""
}

.fa-send:before,
.fa-paper-plane:before {
    content: ""
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,
.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-hotel:before,
.fa-bed:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-yc:before,
.fa-y-combinator:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before,
.fa-battery-full:before {
    content: ""
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: ""
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-tv:before,
.fa-television:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
    font-size: 12px;
    text-align: center
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade.tooltipster-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4)
}

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading 400ms
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }

    75% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating 600ms
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling 600ms
}

.tooltipster-sidetip .tooltipster-box {
    background: #222;
    border: 2px solid black;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: white;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #222;
    left: 0px;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #222;
    left: -3px;
    top: 0px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #222;
    left: 3px;
    top: 0px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #222;
    left: 0px;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: black
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: black
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: black
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: black
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
    border: none;
    background: #1b1b1b;
    background: rgba(10, 10, 10, 0.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
    height: 8px;
    margin-left: -8px;
    width: 16px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
    height: 16px;
    margin-left: 0;
    margin-top: -8px;
    width: 8px
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
    display: none
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
    border: 8px solid transparent
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #1b1b1b;
    border-bottom-color: rgba(10, 10, 10, 0.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #1b1b1b;
    border-left-color: rgba(10, 10, 10, 0.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #1b1b1b;
    border-right-color: rgba(10, 10, 10, 0.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #1b1b1b;
    border-top-color: rgba(10, 10, 10, 0.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -8px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
    left: -8px
}

.cpt-admin-callout {
    margin-top: 3rem;
    border: 1px solid #E1E1E1;
    font-size: 0.8em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px
}

.cpt-admin-callout .cpt-admin-callout-title {
    padding: 0.4em 0.8em;
    background: #FAFAFA;
    border-bottom: 1px solid #E1E1E1;
    font-weight: 700
}

.cpt-admin-callout .cpt-admin-callout-title i {
    color: #468abd
}

.cpt-admin-callout .cpt-admin-callout-display {
    padding: 0.4em 0.8em
}

.cpt-admin-callout .cpt-admin-callout-display th {
    text-align: left;
    padding-right: 1em
}

.cpt-admin-callout a {
    color: #3498db;
    cursor: pointer
}

.cpt-admin-callout .label {
    display: inline-block;
    padding: 0 1em;
    border-radius: 4px;
    font-size: 0.9em;
    background-color: #ecf0f1;
    font-weight: normal
}

.cpt-admin-callout i.warning {
    color: #e74c3c
}

.cpt-admin-callout label .label {
    font-size: 0.8em;
    padding: 0 0.5em
}

.cpt-admin-callout button[disabled] {
    cursor: not-allowed
}

.cpt-admin-callout.uptime-edit .label.set {
    background-color: #2ecc71;
    color: #FFF;
    font-weight: bold
}

.cpt-admin-callout.uptime-edit .overridden-dates {
    margin-bottom: 1em
}

.cpt-admin-callout.uptime-edit .rollup-record {
    margin-top: 1em
}

.cpt-admin-callout.uptime-edit .actions {
    margin-top: 1em
}

.cpt-admin-callout.uptime-edit .danger-zone {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #ecf0f1
}

.cpt-admin-callout.uptime-edit .danger-zone-toggle {
    margin-top: 1em
}

.cpt-admin-simple-search-form input,
.cpt-admin-simple-search-form button {
    display: inline-block
}

.cpt-admin-simple-search-form button {
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    background: #FAFAFA;
    border: 1px solid #BBB;
    border-radius: 3px;
    padding: 0 1em
}

.carousel {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative
}

.carousel .item {
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -ms-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
    display: none;
    position: relative
}

.carousel .item>img {
    display: block;
    line-height: 1
}

.carousel .active,
.carousel .next,
.carousel .prev {
    display: block
}

.carousel .active {
    left: 0
}

.carousel .next,
.carousel .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel .next {
    left: 100%
}

.carousel .prev {
    left: -100%
}

.carousel .next.left,
.carousel .prev.right {
    left: 0
}

.carousel .active.left {
    left: -100%
}

.carousel .active.right {
    left: 100%
}

.carousel-control {
    border-radius: 99px;
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    -o-border-radius: 99px;
    -ms-border-radius: 99px;
    opacity: 0.5;
    font-family: "Helvetica Neue", Helvetica, Arial;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 25px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff
}

.carousel-control.right {
    left: auto;
    right: 15px
}

.carousel-control:hover {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px 5px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75)
}

.carousel-caption h4,
.carousel-caption p {
    color: #ffffff
}

.component-statuses .component-status-container {
    width: 375px
}

.component-statuses .component-status-container .component-dropdown-selector {
    float: right;
    font-size: 15px
}

.component-statuses .component-status-container .component-dropdown-selector .fa,
.component-statuses .component-status-container .component-dropdown-selector i.component-status {
    font-size: 14px
}

.component-statuses .component-status-container .component-dropdown-selector.dropdown-inactive .component-status-display {
    opacity: 0.4
}

.component-statuses .component-status-container .component-dropdown-selector.dropdown-open .component-status-display {
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background-color: #f8f8f8;
    border-color: #d4d4d4;
    border-bottom-color: #dedede
}

.component-statuses .component-status-container .component-dropdown-selector .active {
    background-color: #dedede
}

.component-statuses .component-status-container .component-dropdown-selector .component-status-display {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    width: 240px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #bfbfbf;
    padding: 0 12px
}

.component-statuses .component-status-container .component-dropdown-selector .component-status-display .arrow {
    font-size: 12px;
    color: #888;
    display: inline-block;
    height: 38px;
    line-height: 38px
}

.component-statuses .component-status-container .component-dropdown-selector .component-status-display .current-status {
    display: inline-block;
    margin-left: 10px
}

.component-statuses .component-status-container .component-dropdown-selector .status-dropdown {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    position: absolute;
    z-index: 100;
    height: auto;
    width: 240px;
    border: solid 1px #d0d0d0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    border-top: none
}

.component-statuses .component-status-container .component-dropdown-selector .status-dropdown .status-option {
    display: block;
    padding: 0 12px;
    cursor: pointer
}

.component-statuses .component-status-container .component-dropdown-selector .status-dropdown .status-option:hover {
    background-color: #f9f9f9;
    color: #3498db
}

.component-statuses .component-status-container .component-dropdown-selector .status-dropdown .status-option-name {
    display: inline-block;
    padding: 9px
}

.component-statuses .component-status-container .component-status-override {
    float: left;
    margin-top: 9px;
    color: #afafaf;
    margin-right: 14px;
    font-size: 14px;
    cursor: pointer
}

.component-statuses .component-status-container {
    width: 375px
}

.component-statuses .component-status-container .component-dropdown-selector {
    float: right;
    font-size: 15px
}

.component-statuses .component-status-container .component-dropdown-selector .fa,
.component-statuses .component-status-container .component-dropdown-selector i.component-status {
    font-size: 14px
}

.component-statuses .component-status-container .component-dropdown-selector.dropdown-inactive .component-status-display {
    opacity: 0.4
}

.component-statuses .component-status-container .component-dropdown-selector.dropdown-open .component-status-display {
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background-color: #f8f8f8;
    border-color: #d4d4d4;
    border-bottom-color: #dedede
}

.component-statuses .component-status-container .component-dropdown-selector .active {
    background-color: #dedede
}

.component-statuses .component-status-container .component-dropdown-selector .component-status-display {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    width: 240px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #bfbfbf;
    padding: 0 12px
}

.component-statuses .component-status-container .component-dropdown-selector .component-status-display .arrow {
    font-size: 12px;
    color: #888;
    display: inline-block;
    height: 38px;
    line-height: 38px
}

.component-statuses .component-status-container .component-dropdown-selector .component-status-display .current-status {
    display: inline-block;
    margin-left: 10px
}

.component-statuses .component-status-container .component-dropdown-selector .status-dropdown {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    position: absolute;
    z-index: 100;
    height: auto;
    width: 240px;
    border: solid 1px #d0d0d0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    border-top: none
}

.component-statuses .component-status-container .component-dropdown-selector .status-dropdown .status-option {
    display: block;
    padding: 0 12px;
    cursor: pointer
}

.component-statuses .component-status-container .component-dropdown-selector .status-dropdown .status-option:hover {
    background-color: #f9f9f9;
    color: #3498db
}

.component-statuses .component-status-container .component-dropdown-selector .status-dropdown .status-option-name {
    display: inline-block;
    padding: 9px
}

.component-statuses .component-status-container .component-status-override {
    float: left;
    margin-top: 9px;
    color: #afafaf;
    margin-right: 14px;
    font-size: 14px;
    cursor: pointer
}

i.component-status.operational:before {
    content: ""
}

i.component-status.degraded_performance:before {
    content: ""
}

i.component-status.partial_outage:before {
    content: ""
}

i.component-status.major_outage:before {
    content: ""
}

i.component-status.under_maintenance:before {
    content: ""
}

.datepicker {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    background: #fff;
    position: absolute
}

.datepicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px
}

.datepicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.datepicker>div {
    display: none
}

.datepicker table {
    width: 100%;
    margin: 0
}

.datepicker td,
.datepicker th {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    width: 30px;
    height: 30px
}

.datepicker td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker td.old,
.datepicker td.new {
    color: #aaa
}

.datepicker td.active,
.datepicker td.active:hover {
    background-color: #2ecc71;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker td span {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer
}

.datepicker td span:hover {
    background: #eee
}

.datepicker td span.active {
    background-color: #2ecc71;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker td span.old {
    color: #aaa
}

.datepicker th.switch {
    width: 145px
}

.datepicker th.next,
.datepicker th.prev {
    font-size: 24px;
    line-height: 33.6px;
    font-size: 1.5rem;
    line-height: 2.1rem
}

.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover {
    background: #eee
}

.dropdown {
    position: relative
}

.dropdown.open .dropdown-menu {
    display: block
}

.dropdown .caret {
    vertical-align: middle;
    margin-left: .125rem
}

.dropdown .dropdown-menu {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    top: 110%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 15rem;
    max-width: 500px;
    padding: 4px 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

@media screen and (max-width: 700px) {
    .dropdown .dropdown-menu {
        max-width: 350px
    }
}

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

.dropdown .dropdown-menu li:last-of-type {
    border-bottom: none
}

.dropdown .dropdown-menu li:hover {
    background-color: #f8f8f8
}

.dropdown .dropdown-menu li a {
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    display: block;
    padding: 8px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #333;
    min-width: 15rem;
    max-width: 500px
}

@media screen and (max-width: 700px) {
    .dropdown .dropdown-menu li a {
        max-width: 350px
    }
}

.dropdown .dropdown-menu li a i {
    margin-right: .5rem;
    color: #afafaf
}

.dropdown .dropdown-menu li a:after {
    opacity: 0
}

.dropdown .dropdown-menu li.divider {
    height: 1px;
    margin: 5px 0px;
    overflow: hidden;
    background-color: #e5e5e5
}

.search-box {
    width: 400px;
    max-width: 100%
}

.search-bar span.twitter-typeahead {
    width: 100%
}

.search-bar input {
    width: 100%;
    padding-left: 33px;
    padding-right: 33px
}

.search-bar i.mag-glass {
    position: absolute;
    height: 14px;
    top: 9px;
    left: 15px;
    font-size: 1.25rem;
    color: #ccc;
    z-index: 75
}

.search-bar i.mag-glass.active {
    color: #3498db
}

.search-bar i.fa-times {
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 1rem;
    color: #ccc;
    cursor: pointer;
    z-index: 100
}

.search-bar i.fa-times:hover {
    color: #c9c9c9
}

.active-item,
.es-cursor,
.tt-is-under-cursor,
.es-menu .item:hover {
    background-color: rgba(215, 215, 215, 0.2) !important;
    color: #3498db !important
}

.es-menu {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -o-border-top-left-radius: 0px;
    -ms-border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -o-border-top-right-radius: 0px;
    -ms-border-top-right-radius: 0px;
    border: 1px solid #dedede;
    border-top: 0;
    top: 40px !important;
    position: absolute;
    background: white;
    width: 100%;
    z-index: 99;
    max-height: 308px;
    overflow-y: auto;
    overflow-x: hidden
}

.es-menu .tt-dataset {
    min-width: 400px
}

.es-menu .item {
    font-size: 14px;
    cursor: pointer;
    padding: 12px 16px;
    border-bottom: 1px solid #e6e6e6
}

.es-menu .item .icon-container {
    float: left;
    width: 26px
}

.es-menu .item .result-text-container {
    display: inline-block;
    white-space: nowrap;
    height: 100%;
    width: 330px;
    text-overflow: ellipsis;
    overflow: auto;
    vertical-align: middle
}

.es-menu .item .name {
    color: #a7a7a7;
    height: 24px;
    padding-left: 0 !important;
    font-size: 1.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    max-height: 48px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.es-menu .item:last-child {
    border-bottom: none
}

.es-menu .item .timestamp,
.es-menu .item .context {
    color: #afafaf;
    display: inline-block;
    width: 100%;
    overflow-x: hidden;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.es-menu .item .timestamp {
    font-size: 0.8em
}

.es-menu .item div {
    margin: 0
}

.es-menu .item div .fa,
.es-menu .item div i.component-status {
    font-size: 1em;
    position: relative;
    top: 1px;
    color: #333333
}

.es-menu .item.es-result-quarantined-subscriber .fa,
.es-menu .item.es-result-quarantined-subscriber i.component-status {
    color: #f1c40f
}

.es-highlight {
    color: #666;
    font-weight: 500
}

.es-hint,
.search-text,
#es-search-field {
    font-size: 15px;
    padding-left: 41px !important
}

#es-search-field {
    border: 1px solid #dedede;
    box-shadow: none !important
}

#es-search-field.active {
    border-color: #3498db
}

#es-search-field.open {
    border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -o-border-bottom-left-radius: 0px;
    -ms-border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -o-border-bottom-right-radius: 0px;
    -ms-border-bottom-right-radius: 0px
}

.es-cursor .name,
.es-cursor .es-highlight,
.tt-is-under-cursor .name,
.tt-is-under-cursor .es-highlight {
    color: #3498db !important
}

.no-results-area {
    margin-top: 40px;
    height: 150px
}

.no-results-area p {
    padding-left: 40px;
    padding-right: 41px;
    margin: 0 auto;
    color: #afafaf;
    font-size: 14px;
    text-align: center
}

.no-results-area p.error-text {
    color: indianred
}

.subscriber-search-field-wrapper {
    margin-right: 15px
}

.loading-circle {
    margin-top: 40px;
    height: 150px;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.loading-circle .loader {
    position: relative;
    margin: 0px auto;
    width: 100px
}

.loading-circle .loader:before {
    content: '';
    display: block;
    padding-top: 100%
}

.loading-circle .circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.loading-circle .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes color {

    100%,
    0% {
        stroke: #3498db
    }

    40% {
        stroke: #3498db
    }

    66% {
        stroke: #3498db
    }

    80%,
    90% {
        stroke: #3498db
    }
}

@keyframes color {

    100%,
    0% {
        stroke: #3498db
    }

    40% {
        stroke: #3498db
    }

    66% {
        stroke: #3498db
    }

    80%,
    90% {
        stroke: #3498db
    }
}

.grouped-items-selector {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #bbb
}

.grouped-items-selector.inline {
    position: static;
    margin-bottom: 1.75rem;
    width: 100%;
    box-shadow: none
}

.grouped-items-selector.inline .border-color {
    border-color: #ddd
}

.grouped-items-selector.inline i.fa,
.grouped-items-selector.inline i.component-status {
    color: #494949;
    cursor: pointer
}

.grouped-items-selector.inline .grouped-item {
    color: #888
}

.grouped-items-selector.inline .grouped-item.active {
    color: #333
}

.grouped-items-selector .header {
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    padding: 13px 18px 11px 18px;
    border-style: solid;
    border-bottom-width: 1px
}

.grouped-items-selector .header input {
    height: 34px
}

.grouped-items-selector .header .title {
    display: inline-block;
    height: 34px;
    line-height: 35px
}

.grouped-items-selector .body .grouped-items.no-groups .grouped-item {
    padding-left: 18px
}

.grouped-items-selector .body .grouped-items .fa,
.grouped-items-selector .body .grouped-items i.component-status {
    margin-right: 6px
}

.grouped-items-selector .body .grouped-items>div>.grouped-item:last-of-type {
    border-bottom-width: 1px
}

.grouped-items-selector .body .grouped-items .grouped-item-label {
    display: flex;
    justify-content: space-between;
    padding-left: 25px
}

.grouped-items-selector .body .grouped-items .grouped-item-label.component-toggle {
    padding-left: 0px
}

.grouped-items-selector .body .grouped-items .grouped-item {
    padding: 14px 22px 14px 5px;
    font-size: 0.9em;
    border-bottom-width: 1px;
    border-color: #ddd;
    border-style: solid;
    position: relative
}

.grouped-items-selector .body .grouped-items .grouped-item.group-parent {
    padding-left: 0px
}

.grouped-items-selector .body .grouped-items .grouped-item.group-parent:last-of-type {
    border-bottom-width: 0px
}

.grouped-items-selector .body .grouped-items .grouped-item.group-parent .grouped-item {
    margin-left: 18px
}

.grouped-items-selector .body .grouped-items .grouped-item.group-parent .grouped-item:last-of-type {
    border-bottom-width: 0px
}

.grouped-items-selector .body .grouped-items .grouped-item .children-selected {
    font-size: 0.8em;
    color: #c7c7c7;
    position: relative;
    top: -1px;
    left: 5px
}

.grouped-items-selector .body .grouped-items .grouped-item:last-of-type {
    border-bottom-width: 0px
}

.grouped-items-selector .body .grouped-items .grouped-item.open {
    border-bottom-width: 1px;
    border-color: #ddd;
    border-style: solid;
    padding-bottom: 0px
}

.grouped-items-selector .body .grouped-items .grouped-item.child {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 45px;
    border-bottom-width: 0px
}

.grouped-items-selector .body .grouped-items .grouped-item.child:nth-child(2) {
    padding-top: 6px
}

.grouped-items-selector .body .grouped-items .grouped-item.child:last-child {
    border-bottom-width: 1px;
    padding-bottom: 14px
}

.grouped-items-selector .body .grouped-items .grouped-item .fa-plus,
.grouped-items-selector .body .grouped-items .grouped-item .fa-minus {
    opacity: 0.7;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 0.8em;
    cursor: pointer
}

.grouped-items-selector .body .grouped-items .grouped-item i.fa-check-square-o,
.grouped-items-selector .body .grouped-items .grouped-item i.fa-square-o {
    width: 13px;
    font-size: 0.9em;
    position: relative;
    top: 6px;
    cursor: pointer
}

.grouped-items-selector .body .grouped-items .grouped-item i.fa-check-square-o:before,
.grouped-items-selector .body .grouped-items .grouped-item i.fa-square-o:before {
    text-align: center
}

.grouped-items-selector .body .grouped-items .grouped-item .tooltip-base {
    margin-left: 10px
}

.grouped-items-selector .body .grouped-items .grouped-item .toggle-children {
    font-size: 0.8em;
    cursor: pointer
}

.grouped-items-selector .body label,
.grouped-items-selector .body span {
    cursor: pointer
}

.grouped-items-selector .footer {
    border-radius: 0 0 4px 4px;
    padding: 12px 20px
}

.grouped-items-selector .footer a {
    cursor: pointer
}

.grouped-items-selector .footer .clear-filter {
    line-height: 34px;
    font-size: 0.875rem;
    margin-right: 20px
}

.grouped-items-selector .footer .close-button {
    background: #d6d6d6;
    margin-right: 10px
}

.cpt-led {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    display: inline-block;
    width: 12px;
    height: 12px
}

.cpt-led.green {
    box-shadow: 0 -1px 8px #44554b inset;
    -moz-box-shadow: 0 -1px 8px #44554b inset;
    -webkit-box-shadow: 0 -1px 8px #44554b inset;
    -o-box-shadow: 0 -1px 8px #44554b inset;
    -ms-box-shadow: 0 -1px 8px #44554b inset;
    background-color: #6d917c
}

.cpt-led.green.active {
    box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
    -moz-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
    -webkit-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
    -o-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
    -ms-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
    background-color: #2ecc71
}

.cpt-led.green.pulse {
    -webkit-animation: cpt-led-green-pulse 2s linear infinite;
    -moz-animation: cpt-led-green-pulse 2s linear infinite;
    -o-animation: cpt-led-green-pulse 2s linear infinite;
    animation: cpt-led-green-pulse 2s linear infinite
}

.cpt-led.red {
    box-shadow: 0 -1px 8px #443535 inset;
    -moz-box-shadow: 0 -1px 8px #443535 inset;
    -webkit-box-shadow: 0 -1px 8px #443535 inset;
    -o-box-shadow: 0 -1px 8px #443535 inset;
    -ms-box-shadow: 0 -1px 8px #443535 inset;
    background-color: #968180
}

.cpt-led.red.active {
    box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
    -moz-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
    -webkit-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
    -o-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
    -ms-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
    background-color: #e74c3c
}

.cpt-led.red.pulse {
    -webkit-animation: cpt-led-red-pulse 2s linear infinite;
    -moz-animation: cpt-led-red-pulse 2s linear infinite;
    -o-animation: cpt-led-red-pulse 2s linear infinite;
    animation: cpt-led-red-pulse 2s linear infinite
}

@-webkit-keyframes cpt-led-green-pulse {

    1.25%,
    50% {
        box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -moz-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -webkit-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -o-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -ms-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        background-color: #2ecc71
    }

    51.25%,
    100% {
        box-shadow: 0 -1px 8px #44554b inset;
        -moz-box-shadow: 0 -1px 8px #44554b inset;
        -webkit-box-shadow: 0 -1px 8px #44554b inset;
        -o-box-shadow: 0 -1px 8px #44554b inset;
        -ms-box-shadow: 0 -1px 8px #44554b inset;
        background-color: #6d917c
    }
}

@-moz-keyframes cpt-led-green-pulse {

    1.25%,
    50% {
        box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -moz-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -webkit-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -o-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -ms-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        background-color: #2ecc71
    }

    51.25%,
    100% {
        box-shadow: 0 -1px 8px #44554b inset;
        -moz-box-shadow: 0 -1px 8px #44554b inset;
        -webkit-box-shadow: 0 -1px 8px #44554b inset;
        -o-box-shadow: 0 -1px 8px #44554b inset;
        -ms-box-shadow: 0 -1px 8px #44554b inset;
        background-color: #6d917c
    }
}

@keyframes cpt-led-green-pulse {

    1.25%,
    50% {
        box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -moz-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -webkit-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -o-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        -ms-box-shadow: 0 -1px 8px #1d8048 inset, 0 2px 11px rgba(32, 232, 116, 0.7);
        background-color: #2ecc71
    }

    51.25%,
    100% {
        box-shadow: 0 -1px 8px #44554b inset;
        -moz-box-shadow: 0 -1px 8px #44554b inset;
        -webkit-box-shadow: 0 -1px 8px #44554b inset;
        -o-box-shadow: 0 -1px 8px #44554b inset;
        -ms-box-shadow: 0 -1px 8px #44554b inset;
        background-color: #6d917c
    }
}

@-webkit-keyframes cpt-led-red-pulse {

    1.25%,
    50% {
        box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -moz-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -webkit-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -o-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -ms-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        background-color: #e74c3c
    }

    51.25%,
    100% {
        box-shadow: 0 -1px 8px #443535 inset;
        -moz-box-shadow: 0 -1px 8px #443535 inset;
        -webkit-box-shadow: 0 -1px 8px #443535 inset;
        -o-box-shadow: 0 -1px 8px #443535 inset;
        -ms-box-shadow: 0 -1px 8px #443535 inset;
        background-color: #968180
    }
}

@-moz-keyframes cpt-led-red-pulse {

    1.25%,
    50% {
        box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -moz-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -webkit-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -o-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -ms-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        background-color: #e74c3c
    }

    51.25%,
    100% {
        box-shadow: 0 -1px 8px #443535 inset;
        -moz-box-shadow: 0 -1px 8px #443535 inset;
        -webkit-box-shadow: 0 -1px 8px #443535 inset;
        -o-box-shadow: 0 -1px 8px #443535 inset;
        -ms-box-shadow: 0 -1px 8px #443535 inset;
        background-color: #968180
    }
}

@keyframes cpt-led-red-pulse {

    1.25%,
    50% {
        box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -moz-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -webkit-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -o-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        -ms-box-shadow: 0 -1px 8px #9c3428 inset, 0 2px 11px rgba(255, 55, 34, 0.2);
        background-color: #e74c3c
    }

    51.25%,
    100% {
        box-shadow: 0 -1px 8px #443535 inset;
        -moz-box-shadow: 0 -1px 8px #443535 inset;
        -webkit-box-shadow: 0 -1px 8px #443535 inset;
        -o-box-shadow: 0 -1px 8px #443535 inset;
        -ms-box-shadow: 0 -1px 8px #443535 inset;
        background-color: #968180
    }
}

.loadable-container {
    position: relative
}

.loader-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center
}

.sk-fading-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.modal {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 100%;
    max-width: 560px;
    margin: -250px 0 0 -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.modal.fade {
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
    top: -25%
}

.modal.fade.in {
    top: 50%
}

.modal hr {
    height: 1px;
    background-color: #e0e0e0;
    width: 111.1111111111%;
    margin: 5% 0;
    margin-left: -5.5555555556%
}

.modal .headless-close {
    opacity: 0.2;
    top: 10px;
    right: 15px;
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff
}

.modal .headless-close:hover {
    opacity: 0.4;
    color: #000000;
    text-decoration: none;
    cursor: pointer
}

.modal .modal-header {
    padding: 2.5% 5%;
    border-bottom: 1px solid #e0e0e0
}

.modal .modal-header h1,
.modal .modal-header h2,
.modal .modal-header h3,
.modal .modal-header h4,
.modal .modal-header h5,
.modal .modal-header h6,
.modal .modal-header p {
    margin-bottom: 0
}

.modal .modal-header .close {
    opacity: 0.2;
    margin-top: 2px;
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff
}

.modal .modal-header .close:hover {
    opacity: 0.4;
    color: #000000;
    text-decoration: none;
    cursor: pointer
}

.modal .modal-body {
    padding: 5%;
    max-height: 380px;
    overflow-y: auto
}

.modal .modal-body .notice {
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    padding: 0.8rem 1.05rem;
    background: #FAF4DB;
    border: 1px solid #EBE4CA;
    color: #665F57;
    margin-bottom: 1.5rem
}

.modal .modal-footer {
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    padding: 2.5% 5%;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    text-align: right;
    *zoom: 1
}

.modal .modal-footer button,
.modal .modal-footer a,
.modal .modal-footer input {
    margin-left: .5rem
}

.modal .modal-footer button:first-child,
.modal .modal-footer a:first-child,
.modal .modal-footer input:first-child {
    margin-left: 0px
}

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

.modal .modal-footer:after {
    clear: both
}

.modal .modal-footer .secondary {
    float: left;
    line-height: 50px;
    font-size: .875rem
}

.modal .modal-footer span.secondary {
    color: #afafaf
}

@media screen and (max-width: 580px) {
    .modal .modal-footer .cpt-button {
        border-radius: 0.205rem;
        -moz-border-radius: 0.205rem;
        -webkit-border-radius: 0.205rem;
        -o-border-radius: 0.205rem;
        -ms-border-radius: 0.205rem;
        font-size: 11.48px;
        line-height: 17.86862px;
        font-size: 0.7175rem;
        line-height: 1.11678875rem;
        padding: 0 1.23rem;
        height: 40.18px;
        line-height: 41.82px
    }

    .modal .modal-footer .secondary {
        font-size: .75rem
    }
}

.modal .form-horizontal input[type="text"],
.modal .form-horizontal input[type="email"],
.modal .form-horizontal input[type="password"],
.modal .form-horizontal textarea,
.modal .form-horizontal select {
    width: 100%
}

@media screen and (max-width: 580px) {
    .modal {
        top: -100%;
        margin: 0 0 0 0px;
        width: auto
    }

    .modal.fade.in {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: auto
    }
}

.modal.size-large {
    margin: -393px 0 0 -380px;
    max-width: 760px
}

.modal.size-large .modal-body {
    max-height: 580px
}

.modal.size-large.fade.in {
    top: 65%
}

@media screen and (max-width: 780px) {
    .modal.size-large {
        top: -100%;
        margin-top: 0px !important;
        margin-left: 0px !important;
        width: auto
    }

    .modal.size-large.fade.in {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: auto
    }
}

.modal-open .dropdown-menu {
    z-index: 2050
}

.modal-open .dropdown.open {
    *z-index: 2050
}

.modal-open .popover {
    z-index: 2060
}

.modal-open .tooltip {
    z-index: 2070
}

.modal-backdrop {
    background-image: radial-gradient(50% 50%, circle closest-corner, rgba(0, 0, 0, 0.7), #000 100%);
    background-image: -moz-radial-gradient(50% 50%, circle closest-corner, rgba(0, 0, 0, 0.7), #000 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(0, 0, 0, 0.7), #000 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-corner, rgba(0, 0, 0, 0.7), #000 100%);
    background-image: -o-radial-gradient(50% 50%, circle closest-corner, rgba(0, 0, 0, 0.7), #000 100%);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.8
}

.cpt-notification {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    width: 68.75rem;
    position: fixed;
    top: -3rem;
    left: 50%;
    margin-left: -34.375rem;
    z-index: 9999;
    line-height: 1.5rem;
    padding: .5rem 1rem;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1)
}

.cpt-notification:not(.in-page) {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.cpt-notification.in-page {
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    z-index: 1;
    padding: .6rem 1rem .5rem;
    width: auto;
    margin: 0 0 3rem 0;
    left: 0px;
    top: 0px;
    position: relative;
    height: auto
}

.cpt-notification .close {
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 1px;
    right: 6px;
    padding: 1px 2px
}

.cpt-notification .close:hover {
    color: white
}

.cpt-notification a:not(.close) {
    text-decoration: underline;
    color: white;
    font-weight: 700
}

.cpt-notification a:not(.close):hover {
    color: white;
    text-decoration: underline
}

.cpt-notification.show {
    top: .5rem
}

.cpt-notification+.cpt-notification.show {
    top: 3.5rem
}

.cpt-notification+.cpt-notification.show+.cpt-notification.show {
    top: 6.5rem
}

.cpt-notification+.cpt-notification.show+.cpt-notification.show+.cpt-notification.show {
    top: 9.5rem
}

.cpt-notification+.cpt-notification.show+.cpt-notification.show+.cpt-notification.show+.cpt-notification.show {
    top: 12.5rem
}

@media screen and (max-width: 1155px) {
    .cpt-notification:not(.in-page) {
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        -ms-border-radius: 0px;
        padding-left: 4%;
        padding-right: 4%;
        left: 0px;
        right: 0px;
        margin-left: 0px;
        width: 100%
    }

    .cpt-notification:not(.in-page).show {
        top: 0px
    }
}

@media screen and (max-width: 700px) {
    .cpt-notification:not(.in-page) {
        padding-left: 6%;
        padding-right: 6%
    }
}

.cpt-notification.dotted {
    text-align: center;
    color: #999;
    font-size: 14px;
    padding: .7rem 0 .6rem;
    border: 1px dashed #aaa;
    text-shadow: none;
    margin: -2rem 0 2rem
}

.cpt-notification.dotted a {
    color: #999;
    font-weight: 400
}

.cpt-notification.dotted a:hover {
    color: #999
}

.cpt-notification.info {
    background-color: #3498db;
    border: 1px solid #167abd
}

.cpt-notification.error {
    background-color: #e74c3c;
    border: 1px solid #c92e1e
}

.cpt-notification.warning {
    background-color: #f1c40f;
    border: 1px solid #d3a600
}

.cpt-notification.success {
    background-color: #2ecc71;
    border: 1px solid #10ae53
}

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

.panel.panel-default {
    border-color: #ddd
}

.panel.panel-default .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel .panel-body {
    padding: 15px
}

.popover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    width: 20rem;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.popover h1,
.popover h2,
.popover h3,
.popover h4,
.popover h5,
.popover h6,
.popover p {
    margin-bottom: 0
}

.popover.top {
    margin-top: -10px
}

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #ffffff;
    border-bottom-width: 0
}

.popover.right {
    margin-left: 10px
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0
}

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

.popover.bottom {
    margin-top: 10px
}

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-top-width: 0
}

.popover.left {
    margin-left: -10px
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0
}

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

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

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

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

.popover .popover-title {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    font-size: 19.2px;
    line-height: 28.032px;
    font-size: 1.2rem;
    line-height: 1.752rem;
    padding: .625rem 1rem;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee
}

.popover .popover-title:empty {
    display: none
}

.popover .popover-content {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    padding: .625rem 1rem
}

.popover .popover-content p {
    margin-top: .5rem
}

.popover .popover-content p a {
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: -40px 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: -40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: -40px 0
    }
}

.cpt-progress {
    border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    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);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #f7f7f7;
    overflow: hidden;
    height: 1.125rem;
    margin-bottom: 1.125rem
}

.cpt-progress .bar {
    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);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    background-color: #3498db;
    width: 0%;
    height: 1.125rem;
    color: #ffffff
}

.cpt-progress .bar.animated {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.cpt-progress .bar.striped {
    background-color: #3498db;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px
}

.cpt-progress .bar.style-warning {
    background-color: #e74c3c;
    background-repeat: repeat-x;
    background-image: linear-gradient(top, #eb695c, #e32f1c);
    background-image: -moz-linear-gradient(top, #eb695c, #e32f1c);
    background-image: -ms-linear-gradient(top, #eb695c, #e32f1c);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb695c), color-stop(100%, #e32f1c));
    background-image: -webkit-linear-gradient(top, #eb695c, #e32f1c);
    background-image: -o-linear-gradient(top, #eb695c, #e32f1c)
}

.cpt-progress .bar.style-warning.striped {
    background-color: #e74c3c
}

.cpt-progress .bar.style-success {
    background-color: #31c971;
    background-repeat: repeat-x;
    background-image: linear-gradient(top, #37d279, #2bc06a);
    background-image: -moz-linear-gradient(top, #37d279, #2bc06a);
    background-image: -ms-linear-gradient(top, #37d279, #2bc06a);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37d279), color-stop(100%, #2bc06a));
    background-image: -webkit-linear-gradient(top, #37d279, #2bc06a);
    background-image: -o-linear-gradient(top, #37d279, #2bc06a)
}

.cpt-progress .bar.style-success.striped {
    background-color: #2ecc71
}

.cpt-table {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    position: relative
}

.cpt-table .row {
    margin-bottom: 0px
}

.cpt-table .header {
    position: relative
}

.cpt-table .header h4 {
    margin-bottom: 0px;
    height: 40px;
    line-height: 44px
}

.cpt-table .header .cpt-button {
    position: absolute;
    top: 0px;
    right: 0px
}

.cpt-table .header .cpt-button:after {
    content: attr(data-button-text)
}

@media screen and (max-width: 700px) {
    .cpt-table .header .cpt-button {
        border-radius: 0.175rem;
        -moz-border-radius: 0.175rem;
        -webkit-border-radius: 0.175rem;
        -o-border-radius: 0.175rem;
        -ms-border-radius: 0.175rem;
        font-size: 9.8px;
        line-height: 15.4595px;
        font-size: 0.6125rem;
        line-height: 0.96621875rem;
        padding: 0 1.05rem;
        height: 34.3px;
        line-height: 35.7px
    }

    .cpt-table .header .cpt-button:after {
        content: '+';
        font-size: 24px;
        line-height: 36px
    }

    .cpt-table .header h4 {
        height: 34px;
        line-height: 36px
    }
}

.cpt-table .small {
    margin-bottom: 1rem;
    text-align: right
}

.cpt-table .content {
    background: #fff
}

.cpt-table .content .table-row-group {
    margin-top: 1.75rem
}

.cpt-table .content .table-row-group:first-of-type {
    margin-top: 0.75rem
}

.cpt-table .content .table-row {
    padding: 1rem 0;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden
}

.cpt-table .content .table-row.column-header {
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888 !important
}

.cpt-table .content .table-row:last-of-type {
    border-bottom: 0px;
    padding-bottom: 0px
}

.cpt-table .content .table-row.blank-state {
    border: 1px dashed #e0e0e0 !important;
    padding: 1rem;
    margin-top: 1rem
}

@media screen and (max-width: 700px) {
    .cpt-table .content .table-row {
        padding: 0.8rem 0
    }
}

.cpt-table.striped .content .table-row {
    border-color: #e8e8e8
}

.cpt-table.striped .content .table-row:nth-of-type(2n) {
    background-color: #fafafa
}

.cpt-tabular-table {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #ddd;
    border-collapse: separate;
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    table-layout: fixed
}

.cpt-tabular-table th,
.cpt-tabular-table td {
    padding: 1rem;
    line-height: 1rem;
    text-align: left;
    word-wrap: break-word
}

.cpt-tabular-table th,
.cpt-tabular-table .th {
    font-weight: 700;
    vertical-align: bottom;
    font-weight: 500
}

.cpt-tabular-table th:first-of-type,
.cpt-tabular-table .th:first-of-type {
    border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -o-border-radius: 4px 0 0 0;
    -ms-border-radius: 4px 0 0 0
}

.cpt-tabular-table th:last-of-type,
.cpt-tabular-table .th:last-of-type {
    border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -o-border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0
}

.cpt-tabular-table td {
    vertical-align: top;
    border-top: 1px solid #ddd
}

.cpt-tabular-table th+th,
.cpt-tabular-table td+td {
    border-left: 1px solid #ddd
}

.cpt-tabular-table tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    -o-border-radius: 0 0 0 4px;
    -ms-border-radius: 0 0 0 4px
}

.cpt-tabular-table tr:last-of-type td:last-of-type {
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    -ms-border-radius: 0 0 4px 0
}

.cpt-tabular-table.striped tbody tr:nth-child(odd) td,
.cpt-tabular-table .table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}

.cpt-tabs:before,
.cpt-tabs:after {
    display: table;
    line-height: 0;
    content: ""
}

.cpt-tabs:after {
    clear: both
}

.cpt-tabs:not(.unstyled) {
    border-bottom: 1px solid #ddd;
    margin: 2rem 0
}

.cpt-tabs:not(.unstyled) li {
    float: left;
    margin-bottom: -1px
}

.cpt-tabs:not(.unstyled) li a {
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    padding: 10px 18px;
    margin-right: 6px;
    line-height: 20px;
    border: 1px solid transparent;
    display: inline-block;
    color: #afafaf
}

.cpt-tabs:not(.unstyled) li a.disabled {
    color: #afafaf
}

.cpt-tabs:not(.unstyled) li:not(.active) a:hover {
    background-color: #eee;
    padding-bottom: 9px;
    color: #666
}

.cpt-tabs:not(.unstyled) li:not(.active) a:hover.disabled {
    background-color: transparent;
    color: #afafaf;
    cursor: not-allowed
}

.cpt-tabs:not(.unstyled) li.active a {
    color: #333;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.cpt-tabs:not(.unstyled).mobile {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-bottom: 0px;
    position: relative;
    border: 1px solid #e0e0e0;
    cursor: pointer
}

.cpt-tabs:not(.unstyled).mobile:before {
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
    content: attr(data-content);
    display: inline-block;
    padding: 0 15px;
    height: 42px;
    line-height: 44px
}

.cpt-tabs:not(.unstyled).mobile:after {
    content: "▼";
    position: absolute;
    right: 15px;
    top: 23px;
    color: #ccc;
    font-size: .75rem
}

.cpt-tabs:not(.unstyled).mobile.open:before {
    color: #afafaf
}

.cpt-tabs:not(.unstyled).mobile.open:after {
    content: "▲"
}

.cpt-tabs:not(.unstyled).mobile.open li {
    opacity: 1;
    -webkit-transition: top 0.3s linear;
    -moz-transition: top 0.3s linear;
    -ms-transition: top 0.3s linear;
    -o-transition: top 0.3s linear;
    transition: top 0.3s linear;
    top: 40px
}

.cpt-tabs:not(.unstyled).mobile.open li+li {
    top: 80px
}

.cpt-tabs:not(.unstyled).mobile.open li+li+li {
    top: 120px
}

.cpt-tabs:not(.unstyled).mobile.open li+li+li+li {
    top: 160px
}

.cpt-tabs:not(.unstyled).mobile.open li+li+li+li+li {
    top: 200px
}

.cpt-tabs:not(.unstyled).mobile.open li+li+li+li+li+li {
    top: 240px
}

.cpt-tabs:not(.unstyled).mobile.open li+li+li+li+li+li+li {
    top: 280px
}

.cpt-tabs:not(.unstyled).mobile.open li:last-of-type {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #e0e0e0
}

.cpt-tabs:not(.unstyled).mobile.open li:last-of-type a {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px
}

.cpt-tabs:not(.unstyled).mobile.open li a {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0
}

.cpt-tabs:not(.unstyled).mobile li {
    opacity: 0;
    float: none;
    margin: 0px;
    position: absolute;
    top: 0px;
    z-index: 100;
    left: -1px;
    right: -1px
}

.cpt-tabs:not(.unstyled).mobile li a {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    margin: 0;
    border: none;
    display: block;
    background-color: #fff
}

.cpt-tabs:not(.unstyled).mobile li:not(.active) a:hover {
    padding-bottom: 10px;
    background-color: #fff
}

.cpt-tabs:not(.unstyled).mobile li.active a {
    font-weight: 500;
    padding-left: 18px;
    border-top: none;
    border-bottom: none;
    background-color: #fff
}

.cpt-tab-pane {
    display: none
}

.cpt-tab-pane.active {
    display: block
}

.cpt-toggle {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    color: #3498db !important;
    display: inline;
    padding: 0px;
    background: none;
    border: none;
    height: auto;
    text-align: left;
    vertical-align: top;
    letter-spacing: 0px;
    text-shadow: none;
    text-transform: none;
    border-radius: 99px;
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    -o-border-radius: 99px;
    -ms-border-radius: 99px;
    outline: none;
    height: 26px;
    width: 70px;
    background-color: #e0e0e0;
    position: relative
}

.cpt-toggle:hover {
    color: #217dbb !important
}

.cpt-toggle .bubble,
.cpt-toggle .text {
    display: inline-block
}

.cpt-toggle .bubble {
    border-radius: 99px;
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    -o-border-radius: 99px;
    -ms-border-radius: 99px;
    width: 22px;
    height: 22px;
    background-color: white;
    position: absolute;
    left: 2px;
    top: 2px
}

.cpt-toggle .text {
    color: #b2b2b2;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 27px;
    height: 26px;
    position: absolute;
    top: 0px;
    right: 14px;
    text-transform: uppercase
}

.cpt-toggle .text:after {
    content: "Off"
}

.cpt-toggle.on {
    background-color: #3498db
}

.cpt-toggle.on .bubble {
    right: 2px;
    left: auto
}

.cpt-toggle.on .text {
    color: #fff;
    left: 15px;
    right: auto
}

.cpt-toggle.on .text:after {
    content: "On"
}

[data-js-hook="tooltip"] {
    cursor: default
}

.tooltip-base {
    border-radius: 99px;
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    -o-border-radius: 99px;
    -ms-border-radius: 99px;
    color: #666;
    cursor: default;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    height: 18px;
    width: 18px;
    text-align: center;
    font-size: .75rem;
    font-weight: 400;
    line-height: 18px;
    margin-left: 5px;
    position: relative;
    top: -1px
}

@media screen and (max-width: 650px) {
    .tooltip-base {
        font-size: 0.6875rem;
        height: 16px;
        width: 16px;
        line-height: 16px
    }
}

.tooltip-base:hover {
    color: #666
}

.tooltip {
    opacity: 0;
    font-size: 12px;
    line-height: 18.6px;
    font-size: 0.75rem;
    line-height: 1.1625rem;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    -ms-transition: none !important;
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px
}

.tooltip.in {
    opacity: 1
}

.tooltip.top {
    margin-top: -2px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000
}

.tooltip.right {
    margin-left: 2px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000000
}

.tooltip.bottom {
    margin-top: 2px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000
}

.tooltip.left {
    margin-left: -2px
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000
}

.tooltip .tooltip-inner {
    border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    max-width: 240px;
    padding: .6rem;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.85);
    word-wrap: break-word
}

.tooltip .tooltip-arrow {
    opacity: 0.85;
    position: absolute;
    width: 0;
    height: 0
}

.cpt-button {
    font-weight: 500;
    border: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    color: #fff !important;
    border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    padding: 0 1.5rem;
    height: 49px;
    line-height: 51px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    background: #c0c0c0
}

.cpt-button:hover {
    color: #fff
}

.cpt-button .caret {
    border-top-color: #ffffff
}

.cpt-button i {
    text-transform: none
}

.cpt-button.size-bubble {
    border-radius: 0.125rem;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    -o-border-radius: 0.125rem;
    -ms-border-radius: 0.125rem;
    font-size: 7px;
    line-height: 11.2875px;
    font-size: 0.4375rem;
    line-height: 0.70546875rem;
    padding: 0 0.75rem;
    height: 24.5px;
    line-height: 25.5px
}

.cpt-button.size-tiny {
    border-radius: 0.1625rem;
    -moz-border-radius: 0.1625rem;
    -webkit-border-radius: 0.1625rem;
    -o-border-radius: 0.1625rem;
    -ms-border-radius: 0.1625rem;
    font-size: 9.1px;
    line-height: 14.434875px;
    font-size: 0.56875rem;
    line-height: 0.9021796875rem;
    padding: 0 0.975rem;
    height: 31.85px;
    line-height: 33.15px
}

.cpt-button.size-small {
    border-radius: 0.205rem;
    -moz-border-radius: 0.205rem;
    -webkit-border-radius: 0.205rem;
    -o-border-radius: 0.205rem;
    -ms-border-radius: 0.205rem;
    font-size: 11.48px;
    line-height: 17.86862px;
    font-size: 0.7175rem;
    line-height: 1.11678875rem;
    padding: 0 1.23rem;
    height: 40.18px;
    line-height: 41.82px
}

.cpt-button.size-large {
    border-radius: 0.2875rem;
    -moz-border-radius: 0.2875rem;
    -webkit-border-radius: 0.2875rem;
    -o-border-radius: 0.2875rem;
    -ms-border-radius: 0.2875rem;
    font-size: 16.1px;
    line-height: 24.129875px;
    font-size: 1.00625rem;
    line-height: 1.5081171875rem;
    padding: 0 1.725rem;
    height: 56.35px;
    line-height: 58.65px
}

.cpt-button.style-primary {
    background: #3498db
}

.cpt-button.style-outline {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.8);
    line-height: 38px
}

.cpt-button.style-outline:hover {
    border-color: white
}

.cpt-button.style-outline.color-grey {
    color: #afafaf !important;
    border-color: #bbb;
    text-shadow: none
}

.cpt-button.style-advance {
    background: #2ecc71
}

.cpt-button.style-warning {
    background: #e74c3c
}

.cpt-button.style-admin {
    background: #e67e22
}

.cpt-button.style-twitter {
    background: #1D81AD
}

.cpt-button.style-facebook {
    background: #30497E
}

.cpt-button.style-status-critical {
    background: #e74c3c
}

.cpt-button.style-status-major {
    background: #e67e22
}

.cpt-button.style-status-minor {
    background: #f1c40f
}

.cpt-button.style-status-maintenance {
    background: #3498db
}

.cpt-button.style-status-none {
    background: #2ecc71
}

.cpt-button.disabled {
    background: #888;
    opacity: 0.5;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    cursor: not-allowed
}

.cpt-button.disabled.style-primary {
    background: #3498db;
    opacity: 0.3
}

.cpt-button.disabled.style-advance {
    background: #2ecc71;
    opacity: 0.3
}

.cpt-button.disabled.style-warning {
    background: #e74c3c;
    opacity: 0.3
}

.cpt-button.disabled.style-admin {
    background: #e67e22;
    opacity: 0.3
}

.cpt-button.disabled.style-twitter {
    background: #1D81AD;
    opacity: 0.3
}

.cpt-button.disabled.style-facebook {
    background: #30497E;
    opacity: 0.3
}

.cpt-button.pressed,
.cpt-button:active {
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
    outline: 0
}

.cpt-button.pressed.style-primary,
.cpt-button.pressed.style-advance,
.cpt-button.pressed.style-warning,
.cpt-button.pressed.style-admin,
.cpt-button.pressed.style-twitter,
.cpt-button.pressed.style-facebook,
.cpt-button:active.style-primary,
.cpt-button:active.style-advance,
.cpt-button:active.style-warning,
.cpt-button:active.style-admin,
.cpt-button:active.style-twitter,
.cpt-button:active.style-facebook {
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3)
}

.cpt-button.icon {
    padding-left: 0.9rem;
    padding-right: 0.9rem
}

.cpt-button.icon i {
    margin-right: 0;
    position: relative
}

.cpt-button.icon.icon-left-1 i {
    left: 1px
}

.cpt-button.icon.icon-left-2 i {
    left: 2px
}

.cpt-button.icon.icon-right-1 i {
    right: 1px
}

.cpt-button.icon.icon-right-2 i {
    right: 2px
}

.cpt-button .caret {
    opacity: 0.75;
    vertical-align: middle;
    margin-left: 0
}

.cpt-button:hover .caret {
    opacity: 1
}

.cpt-button-group {
    position: relative;
    white-space: nowrap;
    display: inline-block
}

.cpt-button-group:before,
.cpt-button-group:after {
    display: table;
    content: ""
}

.cpt-button-group:after {
    clear: both
}

.cpt-button-group+.btn-group {
    margin-left: .25rem
}

.cpt-button-group .cpt-button {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-right-width: 0px;
    float: left
}

.cpt-button-group .cpt-button:first-child {
    margin-left: 0;
    border-radius: 0.25rem 0 0 0.25rem;
    -moz-border-radius: 0.25rem 0 0 0.25rem;
    -webkit-border-radius: 0.25rem 0 0 0.25rem;
    -o-border-radius: 0.25rem 0 0 0.25rem;
    -ms-border-radius: 0.25rem 0 0 0.25rem
}

.cpt-button-group .cpt-button:first-child.size-small {
    border-radius: 0.2125rem 0 0 0.2125rem;
    -moz-border-radius: 0.2125rem 0 0 0.2125rem;
    -webkit-border-radius: 0.2125rem 0 0 0.2125rem;
    -o-border-radius: 0.2125rem 0 0 0.2125rem;
    -ms-border-radius: 0.2125rem 0 0 0.2125rem
}

.cpt-button-group .cpt-button:first-child.size-large {
    border-radius: 0.2875rem 0 0 0.2875rem;
    -moz-border-radius: 0.2875rem 0 0 0.2875rem;
    -webkit-border-radius: 0.2875rem 0 0 0.2875rem;
    -o-border-radius: 0.2875rem 0 0 0.2875rem;
    -ms-border-radius: 0.2875rem 0 0 0.2875rem
}

.cpt-button-group .cpt-button:last-child {
    margin-left: 0;
    border-right-width: 1px;
    border-radius: 0 0.25rem 0.25rem 0;
    -moz-border-radius: 0 0.25rem 0.25rem 0;
    -webkit-border-radius: 0 0.25rem 0.25rem 0;
    -o-border-radius: 0 0.25rem 0.25rem 0;
    -ms-border-radius: 0 0.25rem 0.25rem 0
}

.cpt-button-group .cpt-button:last-child.size-small {
    border-radius: 0 0.2125rem 0.2125rem 0;
    -moz-border-radius: 0 0.2125rem 0.2125rem 0;
    -webkit-border-radius: 0 0.2125rem 0.2125rem 0;
    -o-border-radius: 0 0.2125rem 0.2125rem 0;
    -ms-border-radius: 0 0.2125rem 0.2125rem 0
}

.cpt-button-group .cpt-button:last-child.size-large {
    border-radius: 0 0.2875rem 0.2875rem 0;
    -moz-border-radius: 0 0.2875rem 0.2875rem 0;
    -webkit-border-radius: 0 0.2875rem 0.2875rem 0;
    -o-border-radius: 0 0.2875rem 0.2875rem 0;
    -ms-border-radius: 0 0.2875rem 0.2875rem 0
}

.domain-helper {
    margin-top: 14px
}

.domain-helper .domain-content {
    padding: 5px;
    border-style: solid;
    border-width: 0 1px 1px 1px
}

.domain-helper .domain-content.domain-unset {
    border-color: #CCCCCC
}

.domain-helper .domain-content.domain-valid {
    border-color: #2FCD66
}

.domain-helper .domain-content.domain-invalid {
    border-color: #E54D42
}

.domain-helper .domain-content.domain-deprecated {
    border-color: #F0C330
}

.domain-helper .domain-content.folded {
    display: none;
    border-radius: 0
}

.domain-helper .domain-content.unfolded {
    display: block;
    border-radius: 0 0 5px 5px
}

.domain-helper .domain-header {
    padding: 0 5px 0 5px
}

.domain-helper .domain-header .domain-helper-title {
    display: inline-block;
    width: 90%;
    text-align: center;
    margin-left: auto;
    position: relative;
    top: 1px;
    font-weight: bold
}

.domain-helper .domain-header .domain-status-icon {
    padding: 0 5px 0 5px;
    font-family: FontAwesome;
    font-style: normal;
    float: right;
    position: relative;
    top: 1px
}

.domain-helper .domain-header #domain-folder {
    display: inline-block;
    width: 20px;
    color: inherit;
    padding: 0 5px 0 5px;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    top: 1px;
    float: left
}

.domain-helper .domain-header #domain-folder.folded::before {
    content: "\f054"
}

.domain-helper .domain-header #domain-folder.unfolded::before {
    content: "\f078"
}

.domain-helper .domain-header.domain-unset {
    background-color: #CCCCCC
}

.domain-helper .domain-header.domain-unset>.domain-status-icon::before {
    content: "\f129"
}

.domain-helper .domain-header.domain-invalid {
    color: white;
    background-color: #E54D42
}

.domain-helper .domain-header.domain-invalid>.domain-status-icon::before {
    content: "\f12a"
}

.domain-helper .domain-header.domain-valid {
    color: white;
    background-color: #2FCD66
}

.domain-helper .domain-header.domain-valid>.domain-status-icon::before {
    content: "\f00c"
}

.domain-helper .domain-header.domain-deprecated {
    color: white;
    background-color: #F0C330
}

.domain-helper .domain-header.domain-deprecated>.domain-status-icon::before {
    content: "\f071"
}

.domain-helper .domain-header.folded {
    border-radius: 5px
}

.domain-helper .domain-header.unfolded {
    border-radius: 5px 5px 0 0
}

.domain-helper .monospace {
    font-family: Menlo, Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 12px
}

.domain-helper .dns-records {
    clear: both;
    border-bottom: 1px solid #EEEEEE;
    width: 90%;
    margin: 5px 0px 10px 5%
}

.domain-helper .dns-records .dns-records-header {
    border-radius: 5px 5px 0 0;
    padding: 0 5px;
    background-color: #EEEEEE;
    font-weight: bold
}

.domain-helper .dns-records .dns-records-header>div {
    display: inline-block;
    float: left
}

.domain-helper .dns-records .dns-records-row {
    padding: 0 5px;
    border-width: 0 1px 1px 1px;
    border-color: #EEEEEE;
    border-style: solid
}

.domain-helper .dns-records .dns-records-entry {
    clear: both;
    font-size: 12px;
    font-family: Menlo, Consolas, Monaco, "Courier New", monospace
}

.domain-helper .dns-records .dns-records-entry>div {
    display: inline-block;
    float: left
}

.domain-helper .dns-records .dns-domain {
    width: 35%
}

.domain-helper .dns-records .dns-type {
    width: 10%
}

.domain-helper .dns-records .dns-ttl {
    width: 10%
}

.domain-helper .dns-records .dns-value {
    width: 35%
}

.domain-helper .dns-records .dns-record-hints {
    font-size: 12px;
    line-height: 14px
}

.domain-helper .dns-records .dns-record-hints ul {
    padding-left: 4.5%
}

.domain-helper .dns-records .dns-record-hints ul>li {
    list-style-type: disc
}

.cpt-pill-group button.pill {
    background-color: #fff;
    color: #afafaf;
    padding: 6px 11px 4px;
    display: inline-block
}

.cpt-pill-group button.pill:not(:last-child) {
    margin-right: 20px
}

.cpt-pill-group button.pill.active {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid #E0E0E0;
    color: #333
}

.cpt-pill-group button.pill.inactive {
    border: 1px solid transparent
}

.cpt-pill-group button.pill:focus {
    outline: 0
}

body {
    background-color: red
}

.font-small,
small {
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem
}

@media screen and (max-width: 650px) {

    .font-small,
    small {
        font-size: 12px;
        line-height: 18.6px;
        font-size: 0.75rem;
        line-height: 1.1625rem
    }
}

.font-regular {
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem
}

@media screen and (max-width: 650px) {
    .font-regular {
        font-size: 14px;
        line-height: 21.35px;
        font-size: 0.875rem;
        line-height: 1.334375rem
    }
}

.font-large {
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    font-size: 1.25rem;
    line-height: 1.8125rem
}

@media screen and (max-width: 650px) {
    .font-large {
        font-size: 18px;
        line-height: 26.55px;
        font-size: 1.125rem;
        line-height: 1.659375rem
    }
}

@media screen and (max-width: 450px) {
    .font-large {
        font-size: 16px;
        line-height: 24px;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.font-largest {
    font-weight: 500;
    font-size: 28px;
    line-height: 37.8px;
    font-size: 1.75rem;
    line-height: 2.3625rem
}

@media screen and (max-width: 650px) {
    .font-largest {
        font-size: 22px;
        line-height: 31.35px;
        font-size: 1.375rem;
        line-height: 1.959375rem
    }
}

.tooltip-base {
    border-radius: 99px;
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    -o-border-radius: 99px;
    -ms-border-radius: 99px;
    cursor: default;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    height: 18px;
    width: 18px;
    text-align: center;
    font-size: 0.75rem;
    line-height: 18px;
    margin-left: 5px;
    position: relative;
    top: -1px
}

@media screen and (max-width: 650px) {
    .tooltip-base {
        font-size: 0.6875rem;
        height: 16px;
        width: 16px;
        line-height: 16px
    }
}

var {
    font-style: normal
}

body.staging .activate-page-prompt {
    display: none
}

.updates-dropdown-container {
    position: relative;
    display: inline-block
}

.updates-dropdown-container .show-updates-dropdown:lang(es)::after {
    content: 'Suscríbase a las actualizaciones'
}

.updates-dropdown-container .show-updates-dropdown:lang(de)::after {
    content: 'Updates abonnieren'
}

.updates-dropdown-container .show-updates-dropdown:lang(fr)::after {
    content: "S'inscrire aux mises à jour"
}

.updates-dropdown-container .show-updates-dropdown:lang(it)::after {
    content: 'Iscriviti per gli aggiornamenti'
}

.updates-dropdown-container .show-updates-dropdown:lang(pt-BR)::after {
    content: 'Subscreva as atualizações'
}

.updates-dropdown-container .show-updates-dropdown:lang(ru)::after {
    content: 'Подписаться на обновления'
}

.updates-dropdown-container .show-updates-dropdown:lang(ja)::after {
    content: '更新情報を受け取る'
}

.updates-dropdown-container .show-updates-dropdown:lang(zh)::after {
    content: '订阅更新'
}

.updates-dropdown-container .show-updates-dropdown:lang(ko)::after {
    content: '업데이트 구독'
}

.updates-dropdown-container .show-updates-dropdown:lang(sv)::after {
    content: 'Prenumerera på uppdateringar'
}

.updates-dropdown-container .show-updates-dropdown:after {
    content: 'Subscribe To Updates'
}

@media screen and (max-width: 450px) {
    .updates-dropdown-container .show-updates-dropdown:after {
        content: 'Subscribe'
    }
}

.updates-dropdown-container .updates-dropdown {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    z-index: 5;
    width: 310px;
    position: absolute;
    top: 105%
}

@media screen and (max-width: 450px) {
    .updates-dropdown-container .updates-dropdown {
        position: fixed;
        top: 10px;
        left: 50%;
        margin-left: -155px
    }
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: none;
    overflow: hidden
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav.nav-items-1 a {
    width: 100%
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav.nav-items-2 a {
    width: 50%
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav.nav-items-3 a {
    width: 33.333333333%
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav.nav-items-4 a {
    width: 25%
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav.nav-items-5 a {
    width: 20%
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav.nav-items-6 a {
    width: 16.666666667%
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav.nav-items-7 a {
    width: 14.285714286%
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav.nav-items-8 a {
    width: 12.5%
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a {
    background-color: #f8f8f8;
    float: left;
    display: inline-block;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    height: 34px;
    text-align: center;
    padding: 0px !important
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a:first-of-type {
    border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -o-border-radius: 4px 0 0 0;
    -ms-border-radius: 4px 0 0 0
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a:last-of-type {
    border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -o-border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 34px !important;
    border-right: none;
    color: #666 !important
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a.active {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3) inset;
    -ms-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3) inset;
    background-color: #666;
    border: none
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a.active .icon-container {
    background-image: url(/assets/pages/status/externalities-2428cb8b890516d7bf8ee2939dbd78ad6428890b546c7447f5892524e11e94b1.png)
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container {
    background-image: url(/assets/pages/status/externalities_dark-3761258b4ae696df202d52c2c4125ff1507f92ae547a059f7477de2a89193617.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 11px
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.slack {
    width: 16px;
    height: 15px;
    background-position: -155px -41px
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.sms {
    width: 13px;
    height: 13px;
    background-position: -140px -41px
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.email {
    width: 16px;
    height: 11px;
    background-position: -120px -41px
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.scheduled {
    width: 12px;
    height: 13px;
    background-position: -100px -41px
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.refresh {
    width: 16px;
    height: 13px;
    background-position: -80px -41px
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.twitter {
    width: 16px;
    height: 13px;
    background-position: -60px -41px
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.rss {
    width: 15px;
    height: 13px;
    background-position: -40px -41px
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.support {
    width: 15px;
    height: 13px;
    background-position: -20px -41px
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.webhook {
    width: 20px;
    height: 12px;
    background-position: 0px -41px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {
    .updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container {
        background-size: 170px 30px
    }

    .updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.slack {
        background-position: -155px 0px
    }

    .updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.sms {
        background-position: -140px 0px
    }

    .updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.email {
        background-position: -120px 0px
    }

    .updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.scheduled {
        background-position: -100px 0px
    }

    .updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.refresh {
        background-position: -80px 0px
    }

    .updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.twitter {
        background-position: -60px 0px
    }

    .updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.rss {
        background-position: -40px 0px
    }

    .updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.support {
        background-position: -20px 0px
    }

    .updates-dropdown-container .updates-dropdown .updates-dropdown-nav a .icon-container.webhook {
        background-position: 0px 0px
    }
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-section {
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    padding: 1rem;
    background-color: #fff
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-section.email input[type='text'] {
    margin: 0.5rem 0 0.75rem
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-section.phone .externalities-sms-container select {
    width: 100%;
    margin-bottom: 0.5rem
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-section.phone .control-group {
    margin: 0.5rem 0 0.75rem
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-section.webhook .form-actions {
    margin-top: 0px
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-section.webhook .control-group {
    margin: 1rem 0
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-section.atom,
.updates-dropdown-container .updates-dropdown .updates-dropdown-section.twitter,
.updates-dropdown-container .updates-dropdown .updates-dropdown-section.support {
    text-align: center
}

.container {
    width: 90%;
    max-width: 850px
}

.activate-page-prompt {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    background-color: #f1c40f;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    position: fixed;
    z-index: 100;
    bottom: 2rem;
    left: 2rem;
    max-width: 15%;
    padding: 1rem
}

@media screen and (max-width: 1400px) {
    .activate-page-prompt {
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        -ms-border-radius: 0px;
        font-size: 14px;
        line-height: 21.35px;
        font-size: 0.875rem;
        line-height: 1.334375rem;
        bottom: 0px;
        left: 0px;
        right: 0px;
        max-width: none;
        padding: 1rem 5%
    }
}

.activate-page-prompt a {
    font-weight: 700;
    color: #fff;
    text-decoration: underline
}

.pau-preview {
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    background-color: #3498db;
    color: white;
    padding: 0.5rem;
    text-align: center
}

.flat-button,
.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    -o-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    -ms-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    font-size: 12px;
    line-height: 18.6px;
    font-size: 0.75rem;
    line-height: 1.1625rem;
    font-weight: 500;
    border: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 15px 9px;
    position: relative
}

@media screen and (max-width: 650px) {

    .flat-button,
    .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
        padding: 8px 12px 7px;
        font-size: 11px
    }
}

@media screen and (max-width: 450px) {

    .flat-button,
    .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
        padding: 7px 10px 6px;
        font-size: 10px
    }
}

.flat-button:hover,
.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown:hover {
    color: #fff
}

.flat-button:active,
.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown:active {
    top: 2px
}

.page-footer {
    padding-top: 0.75rem;
    margin: 70px 0;
    border-style: solid;
    border-top-width: 1px;
    overflow: hidden
}

.page-footer>span {
    float: right
}

@media screen and (max-width: 650px) {
    .page-footer {
        margin: 60px 0
    }
}

@media screen and (max-width: 450px) {
    .page-footer {
        margin: 50px 0
    }
}

.layout-content.status .custom-header-container {
    overflow-wrap: break-word;
    margin-bottom: 70px
}

@media screen and (max-width: 650px) {
    .layout-content.status .custom-header-container {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status .custom-header-container {
        margin-bottom: 50px
    }
}

.layout-content.status .custom-header-container .updates-dropdown-container {
    display: none
}

.layout-content.status .incidents-list {
    margin-top: 40px
}

@media screen and (max-width: 650px) {
    .layout-content.status .incidents-list {
        margin-top: 60px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status .incidents-list {
        margin-top: 50px
    }
}

.layout-content.status .incidents-list.format-expanded .status-day {
    margin-top: 35px
}

.layout-content.status .incidents-list.format-expanded .status-day:nth-child(2) {
    margin-top: 20px
}

.layout-content.status .incidents-list.format-expanded .status-day p {
    margin-bottom: 0px
}

.layout-content.status .incidents-list.format-expanded .status-day .date {
    font-weight: 500;
    border-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 3px;
    margin-bottom: 10px
}

.layout-content.status .masthead-container .masthead {
    margin-bottom: 70px
}

@media screen and (max-width: 650px) {
    .layout-content.status .masthead-container .masthead {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status .masthead-container .masthead {
        margin-bottom: 50px
    }
}

.layout-content.status .masthead-container .updates-dropdown-container {
    float: right
}

.layout-content.status .masthead-container .updates-dropdown-container .updates-dropdown {
    right: 0px
}

.layout-content.status .masthead-container.basic {
    width: 90%;
    max-width: 850px;
    margin: 0 auto
}

.layout-content.status .masthead-container.basic .masthead {
    padding-top: 70px
}

@media screen and (max-width: 650px) {
    .layout-content.status .masthead-container.basic .masthead {
        padding-top: 60px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status .masthead-container.basic .masthead {
        padding-top: 50px
    }
}

.layout-content.status .masthead-container.basic .masthead h3 {
    margin: 0;
    overflow-wrap: break-word
}

.layout-content.status .masthead-container.basic .masthead .logo-container {
    float: left;
    max-width: 40%
}

.layout-content.status .masthead-container.basic .masthead .logo-container img {
    max-height: 140px
}

@media screen and (max-width: 450px) {
    .layout-content.status .masthead-container.basic .masthead {
        text-align: center
    }

    .layout-content.status .masthead-container.basic .masthead h3 {
        float: none
    }

    .layout-content.status .masthead-container.basic .masthead .logo-container {
        float: none;
        max-width: none;
        margin-bottom: 1rem
    }

    .layout-content.status .masthead-container.basic .masthead .updates-dropdown-container {
        float: none;
        position: static
    }
}

.layout-content.status .masthead-container.premium {
    margin: 0 auto;
    max-width: 850px
}

@media screen and (max-width: 945px) {
    .layout-content.status .masthead-container.premium {
        max-width: none;
        width: 100%
    }
}

.layout-content.status .masthead-container.premium .masthead {
    position: relative;
    overflow-wrap: break-word
}

.layout-content.status .masthead-container.premium .masthead .images-container {
    max-height: 315px;
    min-height: 37.06%;
    background-size: cover
}

.layout-content.status .masthead-container.premium .masthead .text-container {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 1rem
}

@media screen and (max-width: 945px) {
    .layout-content.status .masthead-container.premium .masthead .text-container {
        padding-left: 5%;
        padding-right: 5%
    }
}

@media screen and (max-width: 650px) {
    .layout-content.status .masthead-container.premium .masthead .text-container {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status .masthead-container.premium .masthead .text-container {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
}

.layout-content.status .masthead-container.premium .masthead .text-container .page-name {
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    color: #fff;
    line-height: 37px;
    position: relative;
    display: inline-block;
    max-width: 68%
}

.layout-content.status .masthead-container.premium .masthead .text-container .page-name a {
    color: #fff
}

@media screen and (max-width: 800px) {
    .layout-content.status .masthead-container.premium .masthead .text-container .page-name {
        max-width: 62%
    }
}

@media screen and (max-width: 650px) {
    .layout-content.status .masthead-container.premium .masthead .text-container .page-name {
        line-height: 33px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status .masthead-container.premium .masthead .text-container .page-name {
        top: 2px;
        line-height: 31px
    }
}

.layout-content.status.status-index.has-padding-bottom {
    padding-bottom: 3rem
}

.layout-content.status.status-index .unresolved-incidents {
    margin-bottom: 70px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .unresolved-incidents {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-index .unresolved-incidents {
        margin-bottom: 50px
    }
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident {
    margin-top: 25px
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident:first-of-type {
    margin-top: 0px
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-none .incident-title {
    background-color: #333
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-none .updates {
    border-color: #ccc
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    padding: 0.85rem 1.25rem 0.75rem
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title a {
    color: #fff
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title a:hover {
    color: #fff
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title .actual-title.with-ellipsis {
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 75%;
    display: inline-block
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title .subscribe {
    float: right;
    font-size: 0.875rem
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title {
        padding: 0.75rem 1rem 0.65rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title {
        padding: 0.65rem 0.75rem 0.55rem
    }
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates {
    padding: 1.25rem;
    border-style: solid;
    border-width: 1px;
    border-top: none
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update {
    margin-bottom: 20px;
    overflow-wrap: break-word
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update:last-of-type {
    margin-bottom: 0px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates {
        padding: 1rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates {
        padding: 0.75rem
    }
}

.layout-content.status.status-index .page-status {
    font-weight: 500;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 0.75rem 1.25rem
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .page-status {
        margin-bottom: 60px;
        padding: 0.675rem 1rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-index .page-status {
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        margin-bottom: 50px;
        padding: 0.5rem 0.75rem
    }
}

.layout-content.status.status-index .page-status .status {
    color: #fff;
    position: relative;
    top: 2px
}

.layout-content.status.status-index .page-status .last-updated-stamp {
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    float: right;
    position: relative;
    top: 7px
}

.layout-content.status.status-index .page-status .last-updated-stamp.live-incident:before {
    content: 'Auto-refresh '
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .page-status .last-updated-stamp {
        top: 6px
    }
}

@media screen and (max-width: 550px) {
    .layout-content.status.status-index .page-status .last-updated-stamp {
        display: none
    }
}

.layout-content.status.status-index .text-section {
    margin-bottom: 70px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .text-section {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 550px) {
    .layout-content.status.status-index .text-section {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 800px) {
    .layout-content.status.status-index .new-crazy-components {
        display: none
    }

    .layout-content.status.status-index .consolidated {
        display: block !important
    }
}

.layout-content.status.status-index .components-section {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    margin-bottom: 20px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .components-section {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-index .components-section {
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        margin-bottom: 50px
    }
}

.layout-content.status.status-index .components-section .components-uptime-link {
    text-align: right;
    font-size: 1em
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .components-section .components-uptime-link {
        text-align: center
    }
}

.layout-content.status.status-index .components-section .components-container {
    overflow: hidden
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container {
    width: 100%;
    float: none;
    border-bottom-width: 1px;
    border-left-width: 1px !important;
    border-right-width: 1px;
    border-top-width: 0px
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(2) {
    border-top-width: 0px;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(3) {
    border-top-width: 0px;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:last-child {
    border-radius: 0 0 4px 4px !important;
    -moz-border-radius: 0 0 4px 4px !important;
    -webkit-border-radius: 0 0 4px 4px !important;
    -o-border-radius: 0 0 4px 4px !important;
    -ms-border-radius: 0 0 4px 4px !important
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(2) {
    border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    -ms-border-radius: 0 0 0 0 !important
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(3) {
    border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    -ms-border-radius: 0 0 0 0 !important
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child {
    border-top-width: 1px;
    border-radius: 4px 4px 0 0 !important;
    -moz-border-radius: 4px 4px 0 0 !important;
    -webkit-border-radius: 4px 4px 0 0 !important;
    -o-border-radius: 4px 4px 0 0 !important;
    -ms-border-radius: 4px 4px 0 0 !important
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child:last-child {
    border-radius: 4px 4px 4px 4px !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    -o-border-radius: 4px 4px 4px 4px !important;
    -ms-border-radius: 4px 4px 4px 4px !important
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container .icon-indicator {
    display: none
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-status {
    display: inline-block
}

.layout-content.status.status-index .components-section .components-container.one-column+.component-statuses-legend {
    display: none
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container {
    width: 50%;
    float: left;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-child(3n+1) {
    border-left-width: 0px
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-child(odd) {
    border-left-width: 1px
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:first-child,
.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-child(2) {
    border-top-width: 1px
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:first-child {
    border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -o-border-radius: 4px 0 0 0;
    -ms-border-radius: 4px 0 0 0
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-child(2) {
    border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -o-border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-child(3) {
    border-top-width: 0px;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(1):nth-child(even) {
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    -ms-border-radius: 0 0 4px 0
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(1):nth-child(odd) {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(2) {
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    -ms-border-radius: 0 0 4px 0
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(2):nth-child(odd) {
    border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    -o-border-radius: 0 0 0 4px;
    -ms-border-radius: 0 0 0 4px
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(3) {
    border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    -ms-border-radius: 0 0 0 0 !important
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container .component-status {
    display: none
}

@media screen and (max-width: 700px) {
    .layout-content.status.status-index .components-section .components-container.two-columns .component-container {
        width: 100%;
        float: none;
        border-bottom-width: 1px;
        border-left-width: 1px !important;
        border-right-width: 1px;
        border-top-width: 0px
    }

    .layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-child(2) {
        border-top-width: 0px;
        border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        -webkit-border-radius: 0 0 0 0;
        -o-border-radius: 0 0 0 0;
        -ms-border-radius: 0 0 0 0
    }

    .layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-child(3) {
        border-top-width: 0px;
        border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        -webkit-border-radius: 0 0 0 0;
        -o-border-radius: 0 0 0 0;
        -ms-border-radius: 0 0 0 0
    }

    .layout-content.status.status-index .components-section .components-container.two-columns .component-container:last-child {
        border-radius: 0 0 4px 4px !important;
        -moz-border-radius: 0 0 4px 4px !important;
        -webkit-border-radius: 0 0 4px 4px !important;
        -o-border-radius: 0 0 4px 4px !important;
        -ms-border-radius: 0 0 4px 4px !important
    }

    .layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(2) {
        border-radius: 0 0 0 0 !important;
        -moz-border-radius: 0 0 0 0 !important;
        -webkit-border-radius: 0 0 0 0 !important;
        -o-border-radius: 0 0 0 0 !important;
        -ms-border-radius: 0 0 0 0 !important
    }

    .layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(3) {
        border-radius: 0 0 0 0 !important;
        -moz-border-radius: 0 0 0 0 !important;
        -webkit-border-radius: 0 0 0 0 !important;
        -o-border-radius: 0 0 0 0 !important;
        -ms-border-radius: 0 0 0 0 !important
    }

    .layout-content.status.status-index .components-section .components-container.two-columns .component-container:first-child {
        border-top-width: 1px;
        border-radius: 4px 4px 0 0 !important;
        -moz-border-radius: 4px 4px 0 0 !important;
        -webkit-border-radius: 4px 4px 0 0 !important;
        -o-border-radius: 4px 4px 0 0 !important;
        -ms-border-radius: 4px 4px 0 0 !important
    }

    .layout-content.status.status-index .components-section .components-container.two-columns .component-container:first-child:last-child {
        border-radius: 4px 4px 4px 4px !important;
        -moz-border-radius: 4px 4px 4px 4px !important;
        -webkit-border-radius: 4px 4px 4px 4px !important;
        -o-border-radius: 4px 4px 4px 4px !important;
        -ms-border-radius: 4px 4px 4px 4px !important
    }

    .layout-content.status.status-index .components-section .components-container.two-columns .component-container .icon-indicator {
        display: none
    }

    .layout-content.status.status-index .components-section .components-container.two-columns .component-container .component-status {
        display: inline-block
    }

    .layout-content.status.status-index .components-section .components-container.two-columns+.component-statuses-legend {
        display: none
    }
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container {
    width: 33.33333%;
    float: left;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(1),
.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(2),
.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(3) {
    border-top-width: 1px
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(3n+1) {
    border-left-width: 1px
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:first-child {
    border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -o-border-radius: 4px 0 0 0;
    -ms-border-radius: 4px 0 0 0
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(3) {
    border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -o-border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(1):nth-child(3n+1) {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(2):nth-child(3n+3) {
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    -ms-border-radius: 0 0 4px 0
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(3):nth-child(3n+3) {
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    -ms-border-radius: 0 0 4px 0
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(2):nth-child(3n+1) {
    border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    -o-border-radius: 0 0 0 4px;
    -ms-border-radius: 0 0 0 4px
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(1):nth-child(3n+2) {
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    -ms-border-radius: 0 0 4px 0
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(3):nth-child(3n+1) {
    border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    -o-border-radius: 0 0 0 4px;
    -ms-border-radius: 0 0 0 4px
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(1):nth-child(3n+3) {
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    -ms-border-radius: 0 0 4px 0
}

.layout-content.status.status-index .components-section .components-container.three-columns .component-container .component-status {
    display: none
}

@media screen and (max-width: 900px) {
    .layout-content.status.status-index .components-section .components-container.three-columns .component-container {
        width: 50%;
        float: left;
        border-bottom-width: 1px;
        border-right-width: 1px;
        border-left-width: 0px;
        border-top-width: 0px
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(3n+1) {
        border-left-width: 0px
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(odd) {
        border-left-width: 1px
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:first-child,
    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(2) {
        border-top-width: 1px
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:first-child {
        border-radius: 4px 0 0 0;
        -moz-border-radius: 4px 0 0 0;
        -webkit-border-radius: 4px 0 0 0;
        -o-border-radius: 4px 0 0 0;
        -ms-border-radius: 4px 0 0 0
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(2) {
        border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        -webkit-border-radius: 0 4px 0 0;
        -o-border-radius: 0 4px 0 0;
        -ms-border-radius: 0 4px 0 0
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(3) {
        border-top-width: 0px;
        border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        -webkit-border-radius: 0 0 0 0;
        -o-border-radius: 0 0 0 0;
        -ms-border-radius: 0 0 0 0
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(1):nth-child(even) {
        border-radius: 0 0 4px 0;
        -moz-border-radius: 0 0 4px 0;
        -webkit-border-radius: 0 0 4px 0;
        -o-border-radius: 0 0 4px 0;
        -ms-border-radius: 0 0 4px 0
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(1):nth-child(odd) {
        border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        -o-border-radius: 0 0 4px 4px;
        -ms-border-radius: 0 0 4px 4px
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(2) {
        border-radius: 0 0 4px 0;
        -moz-border-radius: 0 0 4px 0;
        -webkit-border-radius: 0 0 4px 0;
        -o-border-radius: 0 0 4px 0;
        -ms-border-radius: 0 0 4px 0
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(2):nth-child(odd) {
        border-radius: 0 0 0 4px;
        -moz-border-radius: 0 0 0 4px;
        -webkit-border-radius: 0 0 0 4px;
        -o-border-radius: 0 0 0 4px;
        -ms-border-radius: 0 0 0 4px
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(3) {
        border-radius: 0 0 0 0 !important;
        -moz-border-radius: 0 0 0 0 !important;
        -webkit-border-radius: 0 0 0 0 !important;
        -o-border-radius: 0 0 0 0 !important;
        -ms-border-radius: 0 0 0 0 !important
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container .component-status {
        display: none
    }
}

@media screen and (max-width: 700px) {
    .layout-content.status.status-index .components-section .components-container.three-columns .component-container {
        width: 100%;
        float: none;
        border-bottom-width: 1px;
        border-left-width: 1px !important;
        border-right-width: 1px;
        border-top-width: 0px
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(2) {
        border-top-width: 0px;
        border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        -webkit-border-radius: 0 0 0 0;
        -o-border-radius: 0 0 0 0;
        -ms-border-radius: 0 0 0 0
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-child(3) {
        border-top-width: 0px;
        border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        -webkit-border-radius: 0 0 0 0;
        -o-border-radius: 0 0 0 0;
        -ms-border-radius: 0 0 0 0
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:last-child {
        border-radius: 0 0 4px 4px !important;
        -moz-border-radius: 0 0 4px 4px !important;
        -webkit-border-radius: 0 0 4px 4px !important;
        -o-border-radius: 0 0 4px 4px !important;
        -ms-border-radius: 0 0 4px 4px !important
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(2) {
        border-radius: 0 0 0 0 !important;
        -moz-border-radius: 0 0 0 0 !important;
        -webkit-border-radius: 0 0 0 0 !important;
        -o-border-radius: 0 0 0 0 !important;
        -ms-border-radius: 0 0 0 0 !important
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:nth-last-child(3) {
        border-radius: 0 0 0 0 !important;
        -moz-border-radius: 0 0 0 0 !important;
        -webkit-border-radius: 0 0 0 0 !important;
        -o-border-radius: 0 0 0 0 !important;
        -ms-border-radius: 0 0 0 0 !important
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:first-child {
        border-top-width: 1px;
        border-radius: 4px 4px 0 0 !important;
        -moz-border-radius: 4px 4px 0 0 !important;
        -webkit-border-radius: 4px 4px 0 0 !important;
        -o-border-radius: 4px 4px 0 0 !important;
        -ms-border-radius: 4px 4px 0 0 !important
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container:first-child:last-child {
        border-radius: 4px 4px 4px 4px !important;
        -moz-border-radius: 4px 4px 4px 4px !important;
        -webkit-border-radius: 4px 4px 4px 4px !important;
        -o-border-radius: 4px 4px 4px 4px !important;
        -ms-border-radius: 4px 4px 4px 4px !important
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container .icon-indicator {
        display: none
    }

    .layout-content.status.status-index .components-section .components-container.three-columns .component-container .component-status {
        display: inline-block
    }

    .layout-content.status.status-index .components-section .components-container.three-columns+.component-statuses-legend {
        display: none
    }
}

.layout-content.status.status-index .components-section .component-container {
    padding: 1.1rem 1.25rem 1rem;
    border-style: solid
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .components-section .component-container {
        padding: 0.85rem 1rem 0.75rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-index .components-section .component-container {
        padding: 0.6rem 0.75rem 0.5rem
    }
}

.layout-content.status.status-index .components-section .component-container.is-group {
    padding: 1.4rem 1.25rem 1.3rem
}

.layout-content.status.status-index .components-section .component-container.is-group.open .child-components-container {
    display: block
}

.layout-content.status.status-index .components-section .component-container.is-group.open>.component-inner-container .component-status {
    display: none
}

.layout-content.status.status-index .components-section .component-container.is-group.open>.component-inner-container .icon-indicator {
    display: none
}

.layout-content.status.status-index .components-section .component-container.is-group.open .uptime-90-days-wrapper {
    display: none
}

.layout-content.status.status-index .components-section .component-container.is-group.open .child-components-container .uptime-90-days-wrapper {
    display: block
}

.layout-content.status.status-index .components-section .component-container.is-group>.component-inner-container {
    cursor: pointer
}

.layout-content.status.status-index .components-section .component-container.is-group>.component-inner-container .name {
    cursor: pointer
}

.layout-content.status.status-index .components-section .component-container.is-group>.component-inner-container .component-status {
    cursor: pointer
}

.layout-content.status.status-index .components-section .component-container .group-parent-indicator {
    display: inline-block;
    margin-right: 5px
}

.layout-content.status.status-index .components-section .component-container .child-components-container {
    display: none;
    padding-left: 20px
}

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container {
    margin-top: 1.25rem
}

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container .name {
    font-weight: 400
}

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container.showcased {
    margin-top: 0.75rem;
    padding-left: 0
}

.layout-content.status.status-index .components-section .component-container .child-components-container.mix-match-showcase .component-inner-container {
    margin-top: 1.25rem
}

.layout-content.status.status-index .components-section .component-container .name {
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    font-weight: 500;
    max-width: 75%
}

@media screen and (max-width: 700px) {
    .layout-content.status.status-index .components-section .component-container .name {
        max-width: 60%
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-index .components-section .component-container .name {
        max-width: 50%
    }
}

.layout-content.status.status-index .components-section .component-container .icon-indicator {
    float: right;
    position: relative;
    top: 4px
}

.layout-content.status.status-index .components-section .component-container .component-status {
    font-size: 0.875rem;
    float: right
}

@media screen and (max-width: 700px) {
    .layout-content.status.status-index .components-section .component-container .component-status {
        font-size: 0.8125rem
    }
}

.layout-content.status.status-index .components-section .component-statuses-legend {
    overflow: hidden;
    text-align: center;
    margin-top: 1.5rem
}

.layout-content.status.status-index .components-section .component-statuses-legend .breaker {
    display: none
}

.layout-content.status.status-index .components-section .component-statuses-legend .legend-item {
    display: inline-block;
    margin-right: 5%
}

.layout-content.status.status-index .components-section .component-statuses-legend .legend-item:last-of-type {
    margin-right: 0px
}

.layout-content.status.status-index .components-section .component-statuses-legend .legend-item .icon-indicator {
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 0px
}

@media screen and (max-width: 825px) {
    .layout-content.status.status-index .components-section .component-statuses-legend .breaker {
        display: block
    }

    .layout-content.status.status-index .components-section .component-statuses-legend .legend-item:nth-child(3) {
        margin-right: 0px
    }

    .layout-content.status.status-index .components-section .component-statuses-legend .legend-item:nth-child(n + 4) {
        margin-top: 0.75rem
    }
}

.layout-content.status.status-index .scheduled-maintenances-container {
    margin: 70px 0
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .scheduled-maintenances-container {
        margin: 60px 0
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-index .scheduled-maintenances-container {
        margin: 50px 0
    }
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance {
    margin-top: 35px
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance:nth-child(2) {
    margin-top: 20px
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title {
    display: block;
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 1px;
    padding-bottom: 3px;
    margin-bottom: 10px
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title a {
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 60%
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title a {
        max-width: 100%
    }
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small {
    font-weight: 400;
    top: 3px;
    position: relative;
    white-space: nowrap
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small {
        float: none;
        display: block;
        top: 0px
    }
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(de)::before {
    content: 'Geplant für'
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(it)::before {
    content: 'Programmato per'
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(de)::before {
    content: 'Geplant für'
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(pt-BR)::before {
    content: 'Agendado para'
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(fr)::before {
    content: 'Prévu pour'
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(ru)::before {
    content: 'Запланировано на:'
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(ja)::before {
    content: 'スケジュール'
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(zh)::before {
    content: '预定'
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(nn-NO)::before,
.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:lang(nb-NO)::before {
    content: 'Planlagt'
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:before {
    content: 'Scheduled for '
}

@media screen and (max-width: 945px) {
    .layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:before {
        content: none
    }
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:before {
        content: 'Scheduled for '
    }
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .updates-container .update {
    margin: 0.5rem 0
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .updates-container .update {
        margin: 0.35rem 0
    }
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .updates-container .update:last-of-type {
    margin-bottom: 0px
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .updates-container .update p {
    margin-bottom: 0px
}

.layout-content.status.status-index .incident-container {
    margin-bottom: 1.5rem
}

.layout-content.status.status-index .incident-container:last-of-type {
    margin-bottom: 0px
}

.layout-content.status.status-index .incident-container .incident-title a+a {
    font-weight: 400 !important;
    color: #3498db !important;
    float: right
}

.layout-content.status.status-index .incident-container .updates-container .update {
    margin: 0.5rem 0
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .incident-container .updates-container .update {
        margin: 0.35rem 0
    }
}

.layout-content.status.status-index .incident-container .updates-container .update:last-of-type {
    margin-bottom: 0px
}

.layout-content.status.status-index .incident-container .updates-container .update p {
    margin-bottom: 0px
}

.layout-content.status.status-index .custom-metrics-container .timeframes-container {
    overflow: hidden;
    margin-bottom: 0.75rem
}

.layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe {
    float: right;
    margin-top: 5px;
    margin-left: 1rem;
    padding-left: 1rem;
    border-width: 0px;
    border-left-width: 1px;
    border-style: solid
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe {
        margin-top: 3px;
        margin-left: 0.75rem;
        padding-left: 0.75rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe {
        margin-top: 2px;
        margin-left: 0.5rem;
        padding-left: 0.5rem
    }
}

.layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe:last-of-type {
    margin-left: 0px;
    padding-left: 0px;
    border-left-width: 0px
}

.layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe.active {
    font-weight: 500
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
    margin-top: 1.5rem;
    border-width: 1px;
    border-style: solid;
    padding: 1.5rem 1.5rem 1.25rem
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metric-meta {
    margin-bottom: 1rem;
    padding-top: 0px;
    text-align: left;
    overflow: hidden
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metric-meta .metric-name {
    float: left
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metric-meta .metric-name .tooltip-base {
    margin-left: 3px;
    top: -2px
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metric-meta .metric-average {
    float: right
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
        padding: 1rem 1rem 0.75rem
    }

    .layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metric-meta {
        margin-bottom: 0.75rem
    }
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime {
    margin-top: 1rem
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display {
    margin-top: 10px
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display:first-of-type {
    margin-top: 0px
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display .data-feed-meta {
    overflow: hidden;
    margin-bottom: 2px
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display .data-feed-meta .name {
    float: left
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display .data-feed-meta .uptime {
    float: right
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display .units-row {
    overflow: hidden;
    margin-left: -0.75%
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display .units-row .unit-container {
    height: 25px;
    float: left;
    margin-left: 0.75%
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display .units-row .unit-container.green {
    background-color: #2ecc71
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display .units-row .unit-container.yellow {
    background-color: #f1c40f
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display .units-row .unit-container.red {
    background-color: #e74c3c
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display.day .unit-container {
    width: 3.41666666666667%
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display.week .unit-container {
    width: 2.82%
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .uptime-display.month .unit-container {
    width: 2.82%
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .graph-timeframe-explanation {
    margin: 0.75rem 0;
    text-align: center
}

@media screen and (min-width: 650px) {
    .layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .key-item:nth-of-type(2):after {
        content: ' Downtime'
    }

    .layout-content.status.status-index .custom-metrics-container .metrics-container .metric .metrics-display-graph.uptime .key-item:nth-of-type(3):after {
        content: ' Downtime'
    }
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key {
    overflow: hidden
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key .key-item {
    display: inline-block;
    margin-right: 1.5rem
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key .key-item {
        margin-right: 1rem
    }
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key .key-item:last-of-type {
    margin-right: 0px
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key .key-item:before {
    content: '';
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 3px;
    position: relative;
    top: 1px
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key .key-item.item-0:before {
    background-color: #3498db
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key .key-item.item-1:before {
    background-color: #3545db
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key .key-item.item-2:before {
    background-color: #35dbcb
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key .key-item.green:before {
    background-color: #2ecc71
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key .key-item.yellow:before {
    background-color: #f1c40f
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric .graph-key .key-item.red:before {
    background-color: #e74c3c
}

.layout-content.status.status-incident .custom-header-container {
    margin-bottom: 0px
}

.layout-content.status.status-incident>.container {
    max-width: 600px;
    margin-top: 70px;
    margin-bottom: 70px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-incident>.container {
        margin-top: 10%;
        margin-bottom: 10%
    }
}

.layout-content.status.status-incident .page-title {
    text-align: center;
    margin-bottom: 50px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-incident .page-title {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-incident .page-title {
        margin-bottom: 30px
    }
}

.layout-content.status.status-incident .page-title .incident-name {
    font-size: 36px;
    line-height: 45px;
    font-size: 2.25rem;
    line-height: 2.8125rem;
    font-weight: 500
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-incident .page-title .incident-name {
        font-size: 28px;
        line-height: 37.8px;
        font-size: 1.75rem;
        line-height: 2.3625rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-incident .page-title .incident-name {
        font-size: 24px;
        line-height: 33.6px;
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

.layout-content.status.status-incident .page-title .subheader {
    font-weight: 400
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-incident .page-title .subheader:not(.scheduled-for) {
        display: none
    }
}

.layout-content.status.status-incident .subscribe-button {
    margin-top: 1rem
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-incident .subscribe-button {
        margin-top: 0.875rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-incident .subscribe-button {
        margin-top: 0.75rem
    }
}

.layout-content.status.status-incident .update-row {
    margin-bottom: 1.5rem
}

.layout-content.status.status-incident .update-row:last-of-type {
    margin-bottom: 0px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-incident .update-row {
        margin-bottom: 1rem
    }
}

.layout-content.status.status-incident .update-row .update-timestamp {
    margin-top: 0.25rem
}

.layout-content.status.status-incident hr {
    margin-top: 50px;
    margin-bottom: 50px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-incident hr {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-incident hr {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.layout-content.status.status-incident .components-affected {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    padding: 0.75rem 1rem
}

.layout-content.status.status-incident .page-footer {
    margin-bottom: 0px;
    margin-top: 50px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-incident .page-footer {
        margin-top: 40px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-incident .page-footer {
        margin-top: 30px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-incident .update-title {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 28.8333332%
    }

    .layout-content.status.status-incident .update-container:not(.span12) {
        margin-left: 4.5%;
        float: left;
        clear: none;
        width: 62.1666664%
    }
}

.layout-content.status.status-full-history>.container {
    position: relative
}

.layout-content.status.status-full-history .show-filter {
    user-select: none
}

.layout-content.status.status-full-history .show-filter.open {
    color: #fff;
    border-color: transparent
}

.layout-content.status.status-full-history .grouped-items-selector {
    position: absolute;
    left: 0px;
    z-index: 1
}

.layout-content.status.status-full-history .grouped-items-selector .grouped-item-label {
    text-align: left
}

.layout-content.status.status-full-history .show-filter {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    cursor: pointer;
    padding: 0.8rem 1.1rem 0.7rem;
    border-width: 1px;
    border-style: solid;
    display: inline-block
}

.layout-content.status.status-full-history .months-container .month .month-title {
    border-bottom-width: 1px;
    border-style: solid;
    padding-bottom: 0.25rem;
    margin-bottom: 1.25rem
}

.layout-content.status.status-full-history .months-container .month .incident-container {
    display: block;
    margin-bottom: 1.25rem
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title {
    font-weight: 500
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-body {
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.layout-content.status.status-full-history .months-container .month+.month {
    margin-top: 3rem
}

.layout-content.status.status-full-history .months-container .expand-incidents {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    padding: 0.5rem 0.75rem 0.4rem
}

.layout-content.status.status-full-history .history-nav {
    border-bottom-width: 1px;
    border-style: solid;
    margin: 2rem 0
}

.layout-content.status.status-full-history .history-nav:before,
.layout-content.status.status-full-history .history-nav:after {
    display: table;
    line-height: 0;
    content: ''
}

.layout-content.status.status-full-history .history-nav:after {
    clear: both
}

.layout-content.status.status-full-history .history-nav a {
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    display: inline-block;
    float: left;
    margin-bottom: -1px;
    padding: 10px 18px;
    margin-right: 6px;
    line-height: 20px;
    display: inline-block
}

.layout-content.status.status-full-history .history-nav a:not(.current) {
    border: 1px solid transparent !important
}

.layout-content.status.status-full-history .history-nav a.current {
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-bottom-color: transparent
}

.layout-content.status.status-full-history .history-header,
.layout-content.status.status-full-history .uptime-header {
    clear: both;
    zoom: 1;
    margin-bottom: 2rem
}

.layout-content.status.status-full-history .history-header:before,
.layout-content.status.status-full-history .history-header:after,
.layout-content.status.status-full-history .uptime-header:before,
.layout-content.status.status-full-history .uptime-header:after {
    content: '\0020';
    display: block;
    height: 0;
    visibility: hidden
}

.layout-content.status.status-full-history .history-header:after,
.layout-content.status.status-full-history .uptime-header:after {
    clear: both
}

.layout-content.status.status-full-history .history-header .component-selector,
.layout-content.status.status-full-history .uptime-header .component-selector {
    float: left
}

.layout-content.status.status-full-history .history-header .pagination-container,
.layout-content.status.status-full-history .uptime-header .pagination-container {
    float: right
}

@media screen and (max-width: 650px) {

    .layout-content.status.status-full-history .history-header,
    .layout-content.status.status-full-history .uptime-header {
        text-align: center
    }

    .layout-content.status.status-full-history .history-header .component-selector,
    .layout-content.status.status-full-history .uptime-header .component-selector {
        float: none
    }

    .layout-content.status.status-full-history .history-header .pagination-container,
    .layout-content.status.status-full-history .uptime-header .pagination-container {
        float: none;
        padding: 1rem 0
    }
}

@media screen and (max-width: 450px) {

    .layout-content.status.status-full-history .history-header .component-selector select,
    .layout-content.status.status-full-history .uptime-header .component-selector select {
        width: 100%
    }
}

.layout-content.status.status-full-history .history-header .left-arrow:before,
.layout-content.status.status-full-history .uptime-header .left-arrow:before {
    content: '\f053';
    font-family: FontAwesome !important;
    font-style: normal;
    color: #6d6e71
}

.layout-content.status.status-full-history .history-header .right-arrow:before,
.layout-content.status.status-full-history .uptime-header .right-arrow:before {
    content: '\f054';
    font-family: FontAwesome !important;
    font-style: normal;
    color: #6d6e71
}

@media screen and (max-width: 450px) {

    .layout-content.status.status-full-history .history-header .pagination,
    .layout-content.status.status-full-history .uptime-header .pagination {
        display: flex;
        align-items: center
    }
}

.layout-content.status.status-full-history .history-header .pagination a,
.layout-content.status.status-full-history .uptime-header .pagination a {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    display: inline-block;
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 36px;
    border-width: 1px;
    border-style: solid
}

.layout-content.status.status-full-history .history-header .pagination a i,
.layout-content.status.status-full-history .uptime-header .pagination a i {
    position: relative
}

.layout-content.status.status-full-history .history-header .pagination a.disabled,
.layout-content.status.status-full-history .uptime-header .pagination a.disabled {
    opacity: 0.5;
    cursor: default
}

.layout-content.status.status-full-history .history-header .pagination a.next-page i,
.layout-content.status.status-full-history .uptime-header .pagination a.next-page i {
    right: -1px
}

.layout-content.status.status-full-history .history-header .pagination a.previous-page i,
.layout-content.status.status-full-history .uptime-header .pagination a.previous-page i {
    left: -1px
}

.layout-content.status.status-full-history .history-header .pagination .current,
.layout-content.status.status-full-history .uptime-header .pagination .current {
    margin: 0 1rem;
    flex: 1
}

.layout-content.status.status-full-history .full-history {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.8rem 1.5rem
}

.layout-content.status.status-full-history .full-history .description {
    font-weight: 500;
    font-size: 24px;
    line-height: 33.6px;
    font-size: 1.5rem;
    line-height: 2.1rem
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-full-history .full-history .description {
        font-size: 20.8px;
        line-height: 29.952px;
        font-size: 1.3rem;
        line-height: 1.872rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-full-history .full-history .description {
        font-size: 16px;
        line-height: 24px;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.layout-content.status.status-full-history .full-history a {
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    line-height: 2.1rem
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-full-history .full-history a {
        font-size: 11px
    }
}

.layout-content.status.status-full-history .uptime-calendar .uptime-calendar-display {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 860px) {
    .layout-content.status.status-full-history .uptime-calendar .uptime-calendar-display {
        justify-content: space-around
    }
}

.layout-content.status.status-full-history .uptime-calendar .uptime-calendar-display .calendar-month {
    width: 260px;
    margin-bottom: 2rem
}

.layout-content.status.status-full-history .uptime-calendar .uptime-calendar-display .calendar-month .month-header {
    display: flex
}

.layout-content.status.status-full-history .uptime-calendar .uptime-calendar-display .calendar-month .month-name {
    flex: 1
}

.layout-content.status.status-full-history .uptime-calendar .uptime-calendar-display .calendar-month .days {
    width: 260px
}

.layout-content.status.status-full-history .uptime-calendar .uptime-calendar-display .calendar-month .day {
    width: 32px;
    height: 32px;
    margin-left: 6px
}

.layout-content.status.status-full-history .uptime-calendar .uptime-calendar-display .calendar-month .day:nth-child(7n + 1) {
    margin-left: 0
}

.layout-content.status.status-full-history .uptime-calendar #uptime-tooltip {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 325px
}

.layout-content.status.status-full-history .uptime-calendar #uptime-tooltip #box-arrow {
    background-color: white;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    height: 12px;
    position: absolute;
    top: -6px;
    transform: rotate(45deg);
    width: 12px;
    z-index: 1
}

.layout-content.status.status-full-history .uptime-calendar #uptime-tooltip .tooltip-box {
    border: none;
    box-shadow: none;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.layout-content.status.manage-subscriptions .masthead-container {
    max-width: 600px
}

.layout-content.status.manage-subscriptions .masthead-container .masthead.no-logo {
    margin-bottom: 11px
}

.layout-content.status.manage-subscriptions .masthead-container .masthead.has-logo {
    margin-bottom: 17.5px
}

.layout-content.status.manage-subscriptions>.container {
    max-width: 600px;
    margin-bottom: 70px
}

@media screen and (max-width: 650px) {
    .layout-content.status.manage-subscriptions>.container {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.manage-subscriptions>.container {
        margin-bottom: 50px
    }
}

.layout-content.status.manage-subscriptions>.container.default-spacing {
    margin-bottom: 70px
}

@media screen and (max-width: 650px) {
    .layout-content.status.manage-subscriptions>.container.default-spacing {
        margin-top: 5%;
        margin-bottom: 5%
    }
}

.layout-content.status.manage-subscriptions>.container h3 {
    font-size: 32px;
    line-height: 41.6px;
    font-size: 2rem;
    line-height: 2.6rem;
    text-align: center;
    margin-bottom: 2rem
}

@media screen and (max-width: 650px) {
    .layout-content.status.manage-subscriptions>.container h3 {
        font-size: 26px;
        line-height: 35.75px;
        font-size: 1.625rem;
        line-height: 2.234375rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.manage-subscriptions>.container h3 {
        font-size: 20px;
        line-height: 29px;
        font-size: 1.25rem;
        line-height: 1.8125rem
    }
}

.layout-content.status.manage-subscriptions>.container h3 small {
    font-size: 0.7em;
    line-height: 1em
}

.layout-content.status.manage-subscriptions>.container .component-container {
    border-width: 1px;
    border-style: solid;
    border-top-width: 0px;
    padding: 1.1rem 1.25rem 1rem
}

.layout-content.status.manage-subscriptions>.container .component-container:first-of-type {
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-top-width: 1px
}

.layout-content.status.manage-subscriptions>.container .component-container:last-of-type {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px
}

@media screen and (max-width: 650px) {
    .layout-content.status.manage-subscriptions>.container .component-container {
        padding: 0.85rem 1rem 0.75rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.manage-subscriptions>.container .component-container {
        padding: 0.6rem 0.75rem 0.5rem
    }
}

.layout-content.status.manage-subscriptions>.container .component-container .name {
    font-weight: 500
}

.layout-content.status.manage-subscriptions>.container .form-actions small {
    margin-left: 1rem
}

.layout-content.status.manage-subscriptions .page-footer {
    margin-bottom: 0px
}

.layout-content.status.status-authenticate {
    width: 90%;
    max-width: 600px;
    margin: 3rem auto
}

.layout-content.status.status-authenticate .branding-container {
    text-align: center
}

.layout-content.status.status-authenticate .branding-container .logo-container img {
    max-width: 65%;
    max-height: 100px
}

.layout-content.status.status-authenticate .branding-container .logo-container,
.layout-content.status.status-authenticate .branding-container .description-container {
    margin-bottom: 1.5rem
}

.layout-content.status.status-authenticate .container-for-border {
    border-width: 1px;
    border-style: solid;
    padding: 2rem
}

.layout-content.status.status-authenticate .container-for-border h5 {
    font-size: 27.2px;
    line-height: 36.992px;
    font-size: 1.7rem;
    line-height: 2.312rem;
    text-align: center
}

.layout-content.status.status-authenticate .container-for-border h5,
.layout-content.status.status-authenticate .container-for-border .directions {
    margin-bottom: 1.5rem
}

.layout-content.status.status-authenticate .container-for-border input {
    width: 100%
}

.layout-content.status.status-authenticate .container-for-border .control-group+.control-group {
    margin-top: 0
}

.layout-content.status.status-authenticate .container-for-border .form-actions {
    margin-top: 25px
}

.layout-content.status.status-authenticate .container-for-border .form-actions .flat-button,
.layout-content.status.status-authenticate .container-for-border .form-actions .masthead-container .updates-dropdown-container .show-updates-dropdown,
.layout-content.status.status-authenticate .masthead-container .updates-dropdown-container .container-for-border .form-actions .show-updates-dropdown {
    width: 100%
}

.layout-content.status.status-api>.container {
    max-width: 600px;
    margin-top: 70px;
    margin-bottom: 70px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-api>.container {
        margin-top: 10%;
        margin-bottom: 10%
    }
}

.layout-content.status.status-api .page-title {
    text-align: center;
    margin-bottom: 50px
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-api .page-title {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-api .page-title {
        margin-bottom: 30px
    }
}

.layout-content.status.status-api .page-title .incident-name {
    font-size: 36px;
    line-height: 45px;
    font-size: 2.25rem;
    line-height: 2.8125rem;
    font-weight: 500
}

@media screen and (max-width: 650px) {
    .layout-content.status.status-api .page-title .incident-name {
        font-size: 28px;
        line-height: 37.8px;
        font-size: 1.75rem;
        line-height: 2.3625rem
    }
}

@media screen and (max-width: 450px) {
    .layout-content.status.status-api .page-title .incident-name {
        font-size: 24px;
        line-height: 33.6px;
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

.layout-content.status.status-api .page-title .subheader {
    font-weight: 400
}

.layout-content.status.status-api .section {
    margin-bottom: 3rem
}

.layout-content.status.status-api .section ol>li {
    margin-bottom: 0.5rem
}

.layout-content.status.status-api .section .description {
    margin: 0.7rem 0 0.8rem
}

.layout-content.status.status-api .section .example-container {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-width: 1px;
    border-style: solid
}

.layout-content.status.status-api .section .example-container .example-opener {
    opacity: 0.85;
    padding: 0.8rem 0.9rem 0.7rem;
    cursor: pointer;
    position: relative
}

.layout-content.status.status-api .section .example-container .example-opener .color-secondary {
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    display: inline-block;
    bottom: -30px;
    position: absolute;
    left: 50%;
    margin-left: -51px;
    padding: 4px 8px;
    font-size: 11px;
    border-width: 1px;
    border-top-width: 0px;
    border-style: solid
}

.layout-content.status.status-api .section .example-container .example {
    padding: 1.3rem 1.5rem 1.2rem;
    overflow-x: scroll
}

.layout-content.status.status-api .section .example-container .example h6 {
    margin-top: 1.25rem;
    margin-bottom: 0px
}

.layout-content.status.status-api .section .example-container .example h6:first-of-type {
    margin-top: 0px
}

.layout-content.status.status-api .section .example-container .example h6.subsection-header {
    font-weight: 400;
    margin-top: 2.5rem
}

.layout-content.status.status-api .section .example-container .example pre {
    margin-bottom: -1rem
}

.layout-content.status.status-api .section .example-container .example p {
    margin-bottom: 0px
}

.layout-content.status.heroku-error .container {
    width: 700px
}

.layout-content.status.heroku-error p {
    font-size: 20px;
    line-height: 29px;
    font-size: 1.25rem;
    line-height: 1.8125rem;
    margin-bottom: 1rem
}

.layout-content.status.heroku-error p:last-of-type {
    margin-bottom: 0px
}

.layout-content.status.heroku-error h3,
.layout-content.status.heroku-error .logo-container {
    margin: 4rem 0;
    text-align: center
}

.layout-content.status.heroku-error .logo-container img {
    max-width: 50%
}

.modal-open-incident-subscribe .phone-number.country-code-input input {
    margin-left: 4.5%;
    float: left;
    clear: none;
    width: 45.4999998%
}

.modal-open-incident-subscribe .phone-number.country-code-input select {
    display: inherit
}

.layout-content.status-internal {
    background-image: url(/assets/pages/status/galaxy_new-032f6db4d8a5770c6bdf21369a587ead1e67a873588825729a591f332b320743.jpg);
    background-size: cover;
    border-color: #e0e0e0;
    color: #333333
}

.layout-content.status-internal .message-container {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 2rem;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    text-align: center;
    position: relative
}

.layout-content.status-internal .powered-by-container {
    font-weight: 500;
    font-size: 14px;
    line-height: 21.35px;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    margin-top: 0.5rem;
    text-align: center;
    color: white;
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    letter-spacing: 1px
}

.layout-content.status-internal .powered-by-container a {
    color: white;
    color: rgba(255, 255, 255, 0.85)
}

.layout-content.status-internal .powered-by-container a:hover {
    color: white;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: underline
}

.top-level-availability-legend {
    list-style: none
}

.top-level-availability-legend li {
    display: inline-block;
    margin-right: 15px
}

.top-level-availability-legend small {
    position: relative;
    padding-left: 3px;
    bottom: 6px
}

.confirmation-infobox {
    border-width: 1px;
    border-style: solid;
    padding: 0.75rem 1rem 0.6rem;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 3rem
}

.grecaptcha-badge {
    display: none
}

.updates-dropdown-sections-container .privacy_policy_information,
.terms_and_privacy_information {
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    margin-top: 16px
}

.updates-dropdown-sections-container .privacy_policy_information a,
.terms_and_privacy_information a {
    margin-left: 0px !important
}

.updates-dropdown-sections-container .privacy_policy_information.left,
.terms_and_privacy_information.left {
    float: left;
    margin-right: 10px;
    margin-top: 0
}

@media screen and (max-width: 580px) {

    .updates-dropdown-sections-container .privacy_policy_information.left,
    .terms_and_privacy_information.left {
        max-width: 100%;
        margin-right: 0px
    }
}

#uptime-tooltip {
    display: none;
    z-index: 1000
}

#uptime-tooltip .pointer-container {
    position: absolute;
    height: 10px;
    top: -10px;
    z-index: 1001
}

#uptime-tooltip .pointer-smaller,
#uptime-tooltip .pointer-larger {
    bottom: 0;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#uptime-tooltip .pointer-smaller {
    border: 8px solid transparent;
    border-bottom-color: white;
    margin-left: 1px;
    margin-bottom: -1px
}

#uptime-tooltip .pointer-larger {
    border: 9px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.1)
}

#uptime-tooltip .tooltip-box {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: white;
    border-radius: 3px;
    position: absolute;
    width: 325px;
    padding: 15px;
    z-index: 2
}

#uptime-tooltip .tooltip-close {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    width: 24px;
    text-align: center;
    cursor: pointer
}

#uptime-tooltip .tooltip-close.hidden {
    display: none
}

#uptime-tooltip .tooltip-close i {
    color: #ccc;
    margin: 0
}

#uptime-tooltip .date {
    margin-left: 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500
}

#uptime-tooltip .outage-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    margin: 10px 0;
    background-color: #f4f5f7;
    border: 1px solid rgba(255, 255, 255, 0);
    padding: 9px 14px 8px 14px;
    border-radius: 2px;
    height: 40px
}

#uptime-tooltip .outage-field span {
    line-height: 16px
}

#uptime-tooltip .outage-field .value-hrs {
    margin-right: 0.25rem
}

#uptime-tooltip .outage-field .value-hrs,
#uptime-tooltip .outage-field .value-mins {
    display: inline-block
}

#uptime-tooltip .outage-field .label {
    margin-right: 1rem
}

#uptime-tooltip .related-events {
    padding-left: 15px
}

#uptime-tooltip .related-events #related-event-header {
    font-size: 13px;
    line-height: 19.9875px;
    font-size: 0.8125rem;
    line-height: 1.24921875rem;
    font-weight: 450;
    color: #a9a9a9;
    margin-bottom: 10px;
    letter-spacing: 0.6px;
    margin-top: 19px;
    text-transform: uppercase
}

#uptime-tooltip .related-events .related-event {
    line-height: 18px;
    margin-bottom: 12px
}

#uptime-tooltip .related-events .related-event .related-event-link {
    font-size: 13px;
    line-height: 19.9875px;
    font-size: 0.8125rem;
    line-height: 1.24921875rem;
    color: #333;
    cursor: pointer
}

#uptime-tooltip .related-events .related-event .related-event-link:hover {
    text-decoration: underline
}

#uptime-tooltip .related-events .related-event:last-of-type {
    margin-bottom: 2px
}

#uptime-tooltip .no-outages-msg,
#uptime-tooltip .no-data-msg,
#uptime-tooltip .outage-count {
    font-size: 14.8px;
    line-height: 22.422px;
    font-size: 0.925rem;
    line-height: 1.401375rem;
    margin: 10px 0px 2px 15px
}

#uptime-tooltip .outage-count .count {
    font-weight: 500
}

#uptime-tooltip .no-related-msg {
    margin-left: 15px
}

#uptime-tooltip .no-related-msg p {
    font-size: 13px;
    margin-bottom: 0
}

#uptime-tooltip i {
    margin-right: 8px
}

#uptime-tooltip i.partial_outage {
    color: #ffab00
}

#uptime-tooltip i.major_outage {
    color: #de350b
}

.modal-body .phone-country-dropdown {
    margin-bottom: 10px !important
}

@media screen and (max-width: 580px) {
    .modal-body .phone-country-dropdown {
        width: 95.5% !important
    }
}

.modal-footer.incident-subscribe {
    padding: 4.5%;
    display: flex;
    align-items: center
}

@media screen and (max-width: 580px) {
    .modal-footer.incident-subscribe {
        display: inline-block;
        width: 100%
    }
}

.modal-footer .incident-subscribe-btn {
    min-width: 225px;
    order: 2;
    margin-left: auto !important
}

@media screen and (max-width: 580px) {
    .modal-footer .incident-subscribe-btn {
        width: 100%
    }
}

.shared-partial.uptime-90-days-wrapper {
    padding-top: 5px;
    margin-bottom: -2px
}

.shared-partial.uptime-90-days-wrapper svg {
    margin: 0;
    padding: 0;
    height: 34px;
    width: 100%;
    overflow: hidden
}

.shared-partial.uptime-90-days-wrapper .legend {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    top: -2px
}

.shared-partial.uptime-90-days-wrapper .legend .legend-item {
    flex: 0 0 auto;
    font-size: .875rem;
    position: relative;
    color: #aaa;
    opacity: 0.8
}

.shared-partial.uptime-90-days-wrapper .legend .legend-item.light {
    color: #aaa;
    opacity: 0.5
}

.shared-partial.uptime-90-days-wrapper .legend .spacer {
    flex: 1;
    margin: 0.75rem 1rem 0 1rem;
    height: 1px;
    background: #aaa;
    opacity: 0.3
}

._3c5eahGieigDTmRHO-d7l3,
._2NFgh0Z6tkGorUToiId47k {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 28px;
    line-height: 1.75rem;
    margin-top: 4px;
    margin-top: 0.25rem;
}

._3c5eahGieigDTmRHO-d7l3 [class^="Content__ChildWrapper"]>[class^="Content"],
._2NFgh0Z6tkGorUToiId47k [class^="Content__ChildWrapper"]>[class^="Content"] {
    border-color: #bbb;
    border-width: 1px;
    background-color: white;
}

@media screen and (max-width: 768px) {

    ._3c5eahGieigDTmRHO-d7l3,
    ._2NFgh0Z6tkGorUToiId47k {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

._3c5eahGieigDTmRHO-d7l3 .status-dropdown__option>div,
._2NFgh0Z6tkGorUToiId47k .status-dropdown__option>div,
._3c5eahGieigDTmRHO-d7l3 .status-dropdown__single-value>div,
._2NFgh0Z6tkGorUToiId47k .status-dropdown__single-value>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

._3c5eahGieigDTmRHO-d7l3 .status-dropdown__option,
._2NFgh0Z6tkGorUToiId47k .status-dropdown__option {
    position: relative;
}

._3c5eahGieigDTmRHO-d7l3 .status-dropdown__option::before,
._2NFgh0Z6tkGorUToiId47k .status-dropdown__option::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 10px;
    top: 13px;
    left: 17px;
    z-index: 1;
    background-color: white;
}

._38pbMcqJ77EGfPqseO7Gxg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

._38pbMcqJ77EGfPqseO7Gxg ._3cRRSE6UNDPUEXZCBwF56D {
    width: 100%;
}

._38pbMcqJ77EGfPqseO7Gxg>label {
    width: 100%;
}

._3sZIxoRKMF5wZfiPS6UBcZ {
    -ms-flex-preferred-size: content;
    flex-basis: content;
    white-space: nowrap;
    margin-right: 16px;
    margin-right: 1rem;
    margin-bottom: 0 !important;
    line-height: 40px;
    line-height: 2.5rem;
}

._3sZIxoRKMF5wZfiPS6UBcZ input[type='checkbox'] {
    margin-right: 12px;
    margin-right: 0.75rem;
    margin-top: 0;
}

._3QmuBtWt51qcyPXby622wM {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
    min-width: 97px;
    margin-left: -5px;
    padding-right: 10px;
}

._3QmuBtWt51qcyPXby622wM input[type='checkbox'] {
    visibility: hidden;
    position: absolute;
}

._3cRRSE6UNDPUEXZCBwF56D {
    width: 240px;
    height: 40px;
    padding: 0;
}

@media screen and (max-width: 768px) {
    ._3cRRSE6UNDPUEXZCBwF56D {
        width: 100%;
    }
}

._3dZEMCFENcC-7J99E-_ryB {
    display: none;
}

._2NFgh0Z6tkGorUToiId47k {
    margin-top: 0;
}

._2NFgh0Z6tkGorUToiId47k label>label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

._2cgnn8jOgeTLsVfOQFh5Rs,
.EXjpOz67RQ324-IAAubN5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.EXjpOz67RQ324-IAAubN5 i {
    color: #A5ADBA !important;
}


._3DswDMo3rPhwmGGm-RnGoI {
    position: relative;
}

._3DswDMo3rPhwmGGm-RnGoI input {
    font-size: 14px;
    height: 40px;
    padding-left: 48px;
    border: 1px solid #b0b0b0;
    border-radius: 0.25rem;
    width: 100% !important;
}

._3DswDMo3rPhwmGGm-RnGoI td[aria-selected="true"] div {
    background-color: #2ecc71;
    color: white;
}

._3DswDMo3rPhwmGGm-RnGoI span {
    vertical-align: middle;
}

._1S2oVfy_sqWLNSz8I7kVKD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    left: 0;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-right: 1px solid #b0b0b0;
}

._2-I6T1F9kpUp2j9G31LMYN {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .075);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .075);
    border: 1px solid #d0d0d0;
    margin-top: 4px;
    margin-top: 0.25rem;
    margin-left: -2px;
    margin-left: -0.125rem;
    border-radius: 0.25rem;
    /* NASTY HACK TO DIG INTO ATLASKIT COMPONENT */
    /* NASTY HACK TO DIG INTO ATLASKIT COMPONENT */
}

._2-I6T1F9kpUp2j9G31LMYN>div {
    border-radius: inherit;
}

._2-I6T1F9kpUp2j9G31LMYN>div>div {
    border-radius: inherit;
}


._2ZUfc3exqVAVq82-RXmmRy {
    min-height: 25%;
}

._2wOD5aJH3F-IjQcHIh8Udc {
    background-color: white;
    line-height: 40px;
    padding: 1px 10px 0;
}

._3qy5Vy5niTA5YAR6-x9PZ0 {
    background-color: #42526e;
    color: #fff;
}

._34-pLs8rXfQ3pFVMFFpFqG {
    font-size: 14px;
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 1px 10px 0;
    height: 40px;
    width: 100% !important;
    font-size: 14px;
}


._3cxeOzQec8zqStfZCXZWfG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

._3l7TrIa5AKEks_HCGGD6q5 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

._3l7TrIa5AKEks_HCGGD6q5:not(:first-of-type) {
    padding-left: 16px;
    padding-left: 1rem;
}

._1JN3aEKlPD7X5jqB1dXYzx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

._1JN3aEKlPD7X5jqB1dXYzx>div {
    position: relative;
    width: 100%;
}

._1JN3aEKlPD7X5jqB1dXYzx input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100% !important;
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 1px 10px 0;
    height: 40px;
}

._1JN3aEKlPD7X5jqB1dXYzx input:focus {
    outline: auto 5px -webkit-focus-ring-color;
}

._1JN3aEKlPD7X5jqB1dXYzx label {
    font-weight: normal;
    line-height: 40px;
    padding-right: 8px;
    position: absolute;
    right: 24px;
    right: 1.5rem;
    text-align: right;
    text-transform: lowercase;
}

._2dv0LNfUzjAAPh-wPACjXb {
    background-color: white;
    line-height: 40px;
    padding: 1px 10px 0;
}

.wPHh9nW_2p42Vk16HDf2n {
    background-color: #42526e;
    color: #fff;
}


._2xTplyAjARswn7VUflwp5X {
    color: #6b778c;
}

.UapkQHfU3FpdbfOgah92H {
    margin-bottom: 32px;
    margin-bottom: 2rem;
}

.UapkQHfU3FpdbfOgah92H .WQm8eph_y5NJ-SQ9HDwMn {
    font-size: 12px;
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.UapkQHfU3FpdbfOgah92H .WQm8eph_y5NJ-SQ9HDwMn small {
    font-weight: normal;
}

.UapkQHfU3FpdbfOgah92H .lsbkhNPVsrc4AOE815dW5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.UapkQHfU3FpdbfOgah92H .lsbkhNPVsrc4AOE815dW5>.p6g8uSKtJvzyCmNQbKYQ1 {
    width: 10%;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    margin: 0 10px;
}

.UapkQHfU3FpdbfOgah92H .lsbkhNPVsrc4AOE815dW5>._3hns9AjCqRrrlsgglJxVFi {
    width: 45%;
}

.UapkQHfU3FpdbfOgah92H .lsbkhNPVsrc4AOE815dW5>._3hns9AjCqRrrlsgglJxVFi>._160eXeDkZpdkRiWGifZUg0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.UapkQHfU3FpdbfOgah92H .lsbkhNPVsrc4AOE815dW5>._3hns9AjCqRrrlsgglJxVFi>._160eXeDkZpdkRiWGifZUg0>._3PCd34aFIQLsAjdWWy3tMO {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.UapkQHfU3FpdbfOgah92H .lsbkhNPVsrc4AOE815dW5>._3hns9AjCqRrrlsgglJxVFi>._160eXeDkZpdkRiWGifZUg0>.HTwgtOWNAQe4c8ZxoQEk3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 14px;
}

@media screen and (max-width: 768px) {
    .UapkQHfU3FpdbfOgah92H .lsbkhNPVsrc4AOE815dW5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .UapkQHfU3FpdbfOgah92H .lsbkhNPVsrc4AOE815dW5>.p6g8uSKtJvzyCmNQbKYQ1 {
        width: 100%;
        text-align: left;
        margin: 0.5rem 0;
    }

    .UapkQHfU3FpdbfOgah92H .lsbkhNPVsrc4AOE815dW5>._3hns9AjCqRrrlsgglJxVFi {
        width: 100%;
    }
}


/* Common styles for Markdown rendering */

.markdown-display h1,
.markdown-display h2,
.markdown-display h3,
.markdown-display h4,
.markdown-display h5,
.markdown-display h6,
.markdown-display p,
.markdown-display pre,
.ak-editor-wrapper h1,
.ak-editor-wrapper h2,
.ak-editor-wrapper h3,
.ak-editor-wrapper h4,
.ak-editor-wrapper h5,
.ak-editor-wrapper h6,
.ak-editor-wrapper p,
.ak-editor-wrapper pre {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.markdown-display h1:last-child,
.markdown-display h2:last-child,
.markdown-display h3:last-child,
.markdown-display h4:last-child,
.markdown-display h5:last-child,
.markdown-display h6:last-child,
.markdown-display p:last-child,
.markdown-display pre:last-child,
.ak-editor-wrapper h1:last-child,
.ak-editor-wrapper h2:last-child,
.ak-editor-wrapper h3:last-child,
.ak-editor-wrapper h4:last-child,
.ak-editor-wrapper h5:last-child,
.ak-editor-wrapper h6:last-child,
.ak-editor-wrapper p:last-child,
.ak-editor-wrapper pre:last-child {
    margin-bottom: 0;
}

.markdown-display h1,
.ak-editor-wrapper h1 {
    font-size: 29px;
    font-weight: 600;
}

.markdown-display h2,
.ak-editor-wrapper h2 {
    font-size: 24px;
    font-weight: 500;
}

.markdown-display h3,
.ak-editor-wrapper h3 {
    font-size: 20px;
    font-weight: 500;
}

.markdown-display h4,
.ak-editor-wrapper h4 {
    font-size: 16px;
    font-weight: 600;
}

.markdown-display h5,
.ak-editor-wrapper h5 {
    font-size: 14px;
    font-weight: 600;
}

.markdown-display h6,
.ak-editor-wrapper h6 {
    color: #5e6c84;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.markdown-display h1,
.markdown-display h2,
.markdown-display h3,
.markdown-display h4,
.markdown-display h5,
.markdown-display h6,
.ak-editor-wrapper h1,
.ak-editor-wrapper h2,
.ak-editor-wrapper h3,
.ak-editor-wrapper h4,
.ak-editor-wrapper h5,
.ak-editor-wrapper h6 {
    line-height: 1.5;
}

.markdown-display h1:first-child,
.markdown-display h2:first-child,
.markdown-display h3:first-child,
.markdown-display h4:first-child,
.markdown-display h5:first-child,
.markdown-display h6:first-child,
.ak-editor-wrapper h1:first-child,
.ak-editor-wrapper h2:first-child,
.ak-editor-wrapper h3:first-child,
.ak-editor-wrapper h4:first-child,
.ak-editor-wrapper h5:first-child,
.ak-editor-wrapper h6:first-child {
    margin-top: 0;
}

.markdown-display ul,
.markdown-display ol,
.ak-editor-wrapper ul,
.ak-editor-wrapper ol {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    margin-left: 20px;
    padding-left: 0 !important;
}

.markdown-display ul:last-child,
.markdown-display ol:last-child,
.ak-editor-wrapper ul:last-child,
.ak-editor-wrapper ol:last-child {
    margin-bottom: 0;
}

.markdown-display ul,
.ak-editor-wrapper ul {
    list-style: disc;
}

.markdown-display ol,
.ak-editor-wrapper ol {
    list-style: decimal;
}

.markdown-display blockquote:before,
.markdown-display q:before,
.ak-editor-wrapper blockquote:before,
.ak-editor-wrapper q:before {
    content: '\201C';
}

.markdown-display blockquote:after,
.markdown-display q:after,
.ak-editor-wrapper blockquote:after,
.ak-editor-wrapper q:after {
    content: '\201D';
}

.markdown-display blockquote,
.ak-editor-wrapper blockquote {
    padding-left: 40px;
    border: none;
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.markdown-display blockquote:before,
.ak-editor-wrapper blockquote:before {
    float: left;
    margin-left: -1em;
    text-align: right;
    width: 1em;
}

.markdown-display blockquote> :last-child,
.ak-editor-wrapper blockquote> :last-child {
    display: inline-block;
}

.markdown-display .code-content pre,
.ak-editor-wrapper .code-content pre {
    border: none;
    padding: 0;
}

.markdown-display pre,
.ak-editor-wrapper pre {
    border-radius: 4px;
    font-family: Menlo, Monaco, 'Courier New', monospace;
    background-color: #f5f5f5;
    border: 1px solid #e1e1e1;
    padding: 8px;
    padding: 0.5rem;
    white-space: pre-wrap;
}

.markdown-display pre code,
.ak-editor-wrapper pre code {
    padding: 0px;
    color: inherit;
    background-color: transparent;
    border: none;
}

.markdown-display table,
.ak-editor-wrapper table {
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 100%;
    border-collapse: separate;
    max-width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

.markdown-display table th,
.markdown-display table td,
.ak-editor-wrapper table th,
.ak-editor-wrapper table td {
    padding: 16px;
    padding: 1rem;
    line-height: 16px;
    line-height: 1rem;
    text-align: left;
    word-wrap: break-word;
}

.markdown-display table th,
.ak-editor-wrapper table th {
    font-weight: 700;
    vertical-align: bottom;
    font-weight: 500;
}

.markdown-display table th:first-of-type,
.ak-editor-wrapper table th:first-of-type {
    border-radius: 4px 0 0 0;
}

.markdown-display table th:last-of-type,
.ak-editor-wrapper table th:last-of-type {
    border-radius: 0 4px 0 0;
}

.markdown-display table td,
.ak-editor-wrapper table td {
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.markdown-display table th+th,
.markdown-display table td+td,
.ak-editor-wrapper table th+th,
.ak-editor-wrapper table td+td {
    border-left: 1px solid #ddd;
}

.markdown-display table tr:last-of-type td:first-of-type,
.ak-editor-wrapper table tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 4px;
}

.markdown-display table tr:last-of-type td:last-of-type,
.ak-editor-wrapper table tr:last-of-type td:last-of-type {
    border-radius: 0 0 4px 0;
}



/*# sourceMappingURL=0.b5c748858481bca296f1.css.map*/
/* BODY BACKGROUND */
/* BODY BACKGROUND */
/* BODY BACKGROUND */
/* BODY BACKGROUND */
/* BODY BACKGROUND */
body,
.layout-content.status.status-api .section .example-container .example-opener .color-secondary,
.grouped-items-selector,
.layout-content.status.status-full-history .history-nav a.current,
div[id^="subscribe-modal"] .modal-footer,
div[id^="subscribe-modal"],
#uptime-tooltip .tooltip-box {
    background-color: #fbfbfb;
}

#uptime-tooltip .pointer-container .pointer-smaller {
    border-bottom-color: #fbfbfb;
}




/* PRIMARY FONT COLOR */
/* PRIMARY FONT COLOR */
/* PRIMARY FONT COLOR */
/* PRIMARY FONT COLOR */
body.status,
.color-primary,
.color-primary:hover,
.layout-content.status-index .status-day .update-title.impact-none a,
.layout-content.status-index .status-day .update-title.impact-none a:hover,
.layout-content.status-index .timeframes-container .timeframe.active,
.layout-content.status-full-history .month .incident-container .impact-none,
.layout-content.status.status-index .incidents-list .incident-title.impact-none a,
.incident-history .impact-none,
.layout-content.status .grouped-items-selector.inline .grouped-item.active,
.layout-content.status.status-full-history .history-nav a.current,
.layout-content.status.status-full-history .history-nav a:not(.current):hover,
div[id^="subscribe-modal"] .modal-header .close,
.grouped-item-label,
#uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
    color: #172B4D;
}

.layout-content.status.status-index .components-statuses .component-container .name {
    color: #172B4D;
    color: rgba(23, 43, 77, .8);
}




/* SECONDARY FONT COLOR */
/* SECONDARY FONT COLOR */
/* SECONDARY FONT COLOR */
/* SECONDARY FONT COLOR */
small,
.layout-content.status .table-row .date,
.color-secondary,
.layout-content.status .grouped-items-selector.inline .grouped-item,
.layout-content.status.status-full-history .history-footer .pagination a.disabled,
.layout-content.status.status-full-history .history-nav a,
#uptime-tooltip .tooltip-box .tooltip-content .related-events #related-event-header {
    color: #6C798F;
}




/* BORDER COLOR */
/* BORDER COLOR */
/* BORDER COLOR */
/* BORDER COLOR */
/* BORDER COLOR */
/* BORDER COLOR */
body.status .layout-content.status .border-color,
hr,
.tooltip-base,
.markdown-display table,
div[id^="subscribe-modal"],
#uptime-tooltip .tooltip-box {
    border-color: #DFE1E5;
}

div[id^="subscribe-modal"] .modal-footer,
.markdown-display table td {
    border-top-color: #DFE1E5;
}

div[id^="subscribe-modal"] .modal-header .close:hover {
    color: #DFE1E5;
}

.markdown-display table td+td,
.markdown-display table th+th {
    border-left-color: #DFE1E5;
}

div[id^="subscribe-modal"] .modal-header,
#uptime-tooltip .pointer-container .pointer-larger {
    border-bottom-color: #DFE1E5;
}

#uptime-tooltip .tooltip-box .outage-field {
    /*
      Generate the background-color for the outage-field from the css_body_background_color and css_border_color.

      For the default background (#ffffff) and default css_border_color (#e0e0e0), use the luminosity of the default background with a magic number to arrive at
      the original outage-field background color (#f4f5f7). I used the formula Target Color = Color * alpha + Background * (1 - alpha) to find the magic number of ~0.08.

      For darker css_body_background_color, luminosity values are lower so alpha trends toward becoming transparent (thus outage-field background becomes same as css_body_background_color).
    */
    background-color: rgba(223, 225, 229, 0.31);

    /*
      outage-field border-color alpha is inverse to the luminosity of css_body_background_color.
      That is to say, with a default white background this border is transparent, but on a black background, it's opaque css_border_color.
    */
    border-color: rgba(223, 225, 229, 0.0);
}




/* CSS REDS */
/* CSS REDS */
/* CSS REDS */
/* CSS REDS */
/* CSS REDS */
/* CSS REDS */
/* CSS REDS */
.layout-content.status.status-index .status-day .update-title.impact-critical a,
.layout-content.status.status-index .status-day .update-title.impact-critical a:hover,
.layout-content.status.status-index .page-status.status-critical,
.layout-content.status.status-index .unresolved-incident.impact-critical .incident-title,
.flat-button.background-red {
    background-color: #ff5630;
}

.layout-content.status-index .components-statuses .component-container.status-red:after,
.layout-content.status-full-history .month .incident-container .impact-critical,
.layout-content.status-incident .incident-name.impact-critical,
.layout-content.status.status-index .incidents-list .incident-title.impact-critical a,
.status-red .icon-indicator,
.incident-history .impact-critical,
.components-container .component-inner-container.status-red .component-status,
.components-container .component-inner-container.status-red .icon-indicator {
    color: #ff5630;
}

.layout-content.status.status-index .unresolved-incident.impact-critical .updates {
    border-color: #ff5630;
}




/* CSS ORANGES */
/* CSS ORANGES */
/* CSS ORANGES */
/* CSS ORANGES */
/* CSS ORANGES */
/* CSS ORANGES */
.layout-content.status.status-index .status-day .update-title.impact-major a,
.layout-content.status.status-index .status-day .update-title.impact-major a:hover,
.layout-content.status.status-index .page-status.status-major,
.layout-content.status.status-index .unresolved-incident.impact-major .incident-title {
    background-color: #FF8B00;
}

.layout-content.status-index .components-statuses .component-container.status-orange:after,
.layout-content.status-full-history .month .incident-container .impact-major,
.layout-content.status-incident .incident-name.impact-major,
.layout-content.status.status-index .incidents-list .incident-title.impact-major a,
.status-orange .icon-indicator,
.incident-history .impact-major,
.components-container .component-inner-container.status-orange .component-status,
.components-container .component-inner-container.status-orange .icon-indicator {
    color: #FF8B00;
}

.layout-content.status.status-index .unresolved-incident.impact-major .updates {
    border-color: #FF8B00;
}




/* CSS YELLOWS */
/* CSS YELLOWS */
/* CSS YELLOWS */
/* CSS YELLOWS */
/* CSS YELLOWS */
/* CSS YELLOWS */
.layout-content.status.status-index .status-day .update-title.impact-minor a,
.layout-content.status.status-index .status-day .update-title.impact-minor a:hover,
.layout-content.status.status-index .page-status.status-minor,
.layout-content.status.status-index .unresolved-incident.impact-minor .incident-title,
.layout-content.status.status-index .scheduled-incidents-container .tab {
    background-color: #FFC400;
}

.layout-content.status-index .components-statuses .component-container.status-yellow:after,
.layout-content.status-full-history .month .incident-container .impact-minor,
.layout-content.status-incident .incident-name.impact-minor,
.layout-content.status.status-index .incidents-list .incident-title.impact-minor a,
.status-yellow .icon-indicator,
.incident-history .impact-minor,
.components-container .component-inner-container.status-yellow .component-status,
.components-container .component-inner-container.status-yellow .icon-indicator,
.layout-content.status.manage-subscriptions .confirmation-infobox .fa {
    color: #FFC400;
}

.layout-content.status.status-index .unresolved-incident.impact-minor .updates,
.layout-content.status.status-index .scheduled-incidents-container {
    border-color: #FFC400;
}




/* CSS BLUES */
/* CSS BLUES */
/* CSS BLUES */
/* CSS BLUES */
/* CSS BLUES */
/* CSS BLUES */
.layout-content.status.status-index .status-day .update-title.impact-maintenance a,
.layout-content.status.status-index .status-day .update-title.impact-maintenance a:hover,
.layout-content.status.status-index .page-status.status-maintenance,
.layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title,
.layout-content.status.status-index .scheduled-incidents-container .tab {
    background-color: #0052CC;
}

.layout-content.status-index .components-statuses .component-container.status-blue:after,
.layout-content.status-full-history .month .incident-container .impact-maintenance,
.layout-content.status-incident .incident-name.impact-maintenance,
.layout-content.status.status-index .incidents-list .incident-title.impact-maintenance a,
.status-blue .icon-indicator,
.incident-history .impact-maintenance,
.components-container .component-inner-container.status-blue .component-status,
.components-container .component-inner-container.status-blue .icon-indicator {
    color: #0052CC;
}

.layout-content.status.status-index .unresolved-incident.impact-maintenance .updates,
.layout-content.status.status-index .scheduled-incidents-container {
    border-color: #0052CC;
}




/* CSS GREENS */
/* CSS GREENS */
/* CSS GREENS */
/* CSS GREENS */
/* CSS GREENS */
/* CSS GREENS */
/* CSS GREENS */
.layout-content.status.status-index .page-status.status-none {
    background-color: #36B37E;
}

.layout-content.status-index .components-statuses .component-container.status-green:after,
.status-green .icon-indicator,
.components-container .component-inner-container.status-green .component-status,
.components-container .component-inner-container.status-green .icon-indicator {
    color: #36B37E;
}




/* CSS LINK COLOR */
/* CSS LINK COLOR */
/* CSS LINK COLOR */
/* CSS LINK COLOR */
/* CSS LINK COLOR */
/* CSS LINK COLOR */
a,
a:hover,
.layout-content.status-index .page-footer span a:hover,
.layout-content.status-index .timeframes-container .timeframe:not(.active):hover,
.layout-content.status-incident .subheader a:hover {
    color: #0052CC;
}

.flat-button,
.masthead .updates-dropdown-container .show-updates-dropdown,
.layout-content.status-full-history .show-filter.open {
    background-color: #0052CC;
}




/* CUSTOM COLOR OVERRIDES FOR UPTIME SHOWCASE */
.components-section .components-uptime-link {
    color: #6c798f;
}

.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .legend-item {
    color: #6c798f;
    opacity: 0.8;
}

.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .legend-item.light {
    color: #6c798f;
    opacity: 0.5;
}

.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .spacer {
    background: #6c798f;
    opacity: 0.3;
}





/*************************/
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif
}

#custom-header {
    background-color: #0052CC;
    padding: 25px 0;
    position: relative
}

#custom-header .logo-container {
    float: left
}

#custom-header .logo-container img {
    max-height: 35px;
    position: relative;
    top: 4px
}

#custom-header nav {
    float: right
}

#custom-header nav>a {
    margin-right: 30px
}

#custom-header nav>a,
#custom-header nav .show-updates-dropdown {
    color: #FFF;
    font-size: .875rem;
    display: inline-block
}

#custom-header .updates-dropdown {
    right: 0px
}

@media screen and (min-width: 900px) {
    #custom-header nav>a {
        position: relative;
        top: 1px
    }

    #custom-header .show-updates-dropdown {
        color: #172B4D !important;
        background-color: #FFAB00;
        transition: background-color .15s ease-in;
        padding: 7px 12px;
        border-radius: 4px
    }

    #custom-header .show-updates-dropdown:hover {
        background-color: #ffc400
    }

    #custom-header .show-updates-dropdown::after {
        content: "Subscribe to updates"
    }
}

@media screen and (max-width: 900px) {
    #custom-header {
        text-align: center;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 18px
    }

    #custom-header .logo-container {
        float: none;
        display: block;
        margin-bottom: 18px;
        max-width: none
    }

    #custom-header .logo-container .logo {
        max-width: 325px;
        display: inline-block
    }

    #custom-header .show-updates-dropdown::after {
        content: "Subscribe to updates"
    }

    #custom-header nav {
        float: none
    }

    #custom-header nav>a,
    #custom-header .updates-dropdown-container {
        float: none
    }
}

@media screen and (max-width: 475px) {
    #custom-header nav>a {
        margin-right: 20px
    }

    #custom-header nav>a,
    #custom-header nav .show-updates-dropdown {
        font-size: 13px
    }

    #custom-header .logo-container .logo {
        max-width: 70%
    }

    #custom-header nav>a:nth-child(1):before {
        content: none
    }
}

#custom-footer {
    padding: 25px 0;
    color: #505F79;
    font-size: 14px;
    background-color: #F4F5F7
}

#custom-footer .logo {
    display: inline-block
}

#custom-footer .logo img {
    height: 30px
}

#custom-footer>div {
    position: relative;
    top: 2px
}

#custom-footer .meta {
    float: right;
    opacity: .5;
    margin-left: 20px;
    line-height: 30px
}

#custom-footer .links {
    float: right;
    line-height: 30px
}

#custom-footer .links a {
    color: #505F79;
    display: inline-block;
    margin-left: 20px
}

#custom-footer .links a:hover {
    color: #505F79
}

#custom-footer .links a:first-of-type {
    margin-left: 0px
}

@media screen and (max-width: 880px) {
    #custom-footer {
        overflow: hidden
    }

    #custom-footer>div {
        top: 0px
    }

    #custom-footer .links {
        margin-left: 0px
    }

    #custom-footer .meta {
        float: left
    }

    #custom-footer .logo {
        display: none
    }
}

@media screen and (max-width: 600px) {
    #custom-footer {
        text-align: center;
        font-size: 13px;
        line-height: 20px
    }

    #custom-footer .meta,
    #custom-footer .links {
        float: none
    }

    #custom-footer .links {
        margin-bottom: 5px
    }
}

.text-danger {
    color: red !important;
}

.dot {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    color: #3BD671;
    background: #3BD671;
    position: relative;
    -ms-transform: none;
    transform: none;
}

.dot::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: currentColor;
    animation: pulse 2s infinite !important;
    opacity: 1;
    border-radius: 50%;
    top: 0;
    left: 0;
}

.navbar-bg {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 159%;
    height: 115 px;
    background-color: var(--bs-primary) !important;
    z-index: 0 !important;
}

.custom-border-radius {
    border-radius: 5px !important;
}

.hover-1:hover {
    fill: #515c6e;
}

.hover-2:hover {
    fill: #960a00;
}

.hover-3:hover {
    fill: #d6463c;
}

.hover-4:hover {
    fill: #f0776e;
}

.hover-5:hover {
    fill: #139c36;
}

.hover-6:hover {
    fill: #126628;
}





/* .shared-partial.uptime-90-days-wrapper svg rect:hover {
    fill: #5e6c84
} */