html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
.callout .callout-heading,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    margin-left: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

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

.clearfix,
.dl-horizontal,
.row,
.columns,
.wrapper,
.input-picker .ws-picker-body,
.input-picker .ws-button-row,
.input-picker .picker-grid,
.input-picker .picker-list,
.footer-nav,
.modal-header,
.modal-content,
.modal-footer,
.modal-body-section,
.table-meta,
.mod-row,
.mod-toolbar,
.card__toolbar {
    *zoom: 1
}

.clearfix:before,
.dl-horizontal:before,
.row:before,
.columns:before,
.wrapper:before,
.input-picker .ws-picker-body:before,
.input-picker .ws-button-row:before,
.input-picker .picker-grid:before,
.input-picker .picker-list:before,
.footer-nav:before,
.modal-header:before,
.modal-content:before,
.modal-footer:before,
.modal-body-section:before,
.table-meta:before,
.mod-row:before,
.mod-toolbar:before,
.card__toolbar:before,
.clearfix:after,
.dl-horizontal:after,
.row:after,
.columns:after,
.wrapper:after,
.input-picker .ws-picker-body:after,
.input-picker .ws-button-row:after,
.input-picker .picker-grid:after,
.input-picker .picker-list:after,
.footer-nav:after,
.modal-header:after,
.modal-content:after,
.modal-footer:after,
.modal-body-section:after,
.table-meta:after,
.mod-row:after,
.mod-toolbar:after,
.card__toolbar:after {
    content: '';
    display: table
}

.clearfix:after,
.dl-horizontal:after,
.row:after,
.columns:after,
.wrapper:after,
.input-picker .ws-picker-body:after,
.input-picker .ws-button-row:after,
.input-picker .picker-grid:after,
.input-picker .picker-list:after,
.footer-nav:after,
.modal-header:after,
.modal-content:after,
.modal-footer:after,
.modal-body-section:after,
.table-meta:after,
.mod-row:after,
.mod-toolbar:after,
.card__toolbar:after {
    clear: both
}

.border-box,
.columns,
.columns>.column,
.btn,
.btn-cancel,
button,
input[type="button"],
input[type="submit"],
pre,
input,
select,
textarea,
.switch,
.file:before,
.proxy .cloud,
.control-group,
.purge-tags__inner,
.input-prepend .btn,
.input-prepend .btn-cancel,
.input-prepend .add-on,
.input-append .btn,
.input-append .btn-cancel,
.input-append .add-on,
.radio-group-jumbo label,
.flexbox .control-group,
.flexbox .purge-tags__inner,
.flexbox .control-label,
.flexbox .controls,
.ws-input input,
.ws-input .ws-input-seperator,
.tabs a,
.mod-row,
.mod-cell,
.mod-setting-control,
.mod-control-group .ui-block,
.progress-items li,
.dns-mx-content .text-cell {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@-moz-keyframes menuTransition {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0;
        top: 80%
    }

    100% {
        display: none;
        opacity: 1;
        top: 102%
    }
}

@-webkit-keyframes menuTransition {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0;
        top: 80%
    }

    100% {
        display: none;
        opacity: 1;
        top: 102%
    }
}

@keyframes menuTransition {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0;
        top: 80%
    }

    100% {
        display: none;
        opacity: 1;
        top: 102%
    }
}

@-moz-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: none;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: none;
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: none;
        opacity: 1
    }
}

@-moz-keyframes bgFadeOut {
    100% {
        background-color: transparent
    }
}

@-webkit-keyframes bgFadeOut {
    100% {
        background-color: transparent
    }
}

@keyframes bgFadeOut {
    100% {
        background-color: transparent
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

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

@keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotateplane {
    0% {
        -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes rotateplane {
    0% {
        -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.select2-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.select2-container .select2-choice {
    color: #333
}

.select2-container.select2-drop-above .select2-choice {
    background-color: #FFF;
    border-bottom-color: #8d9296
}

.select2-choice {
    background-color: #FFF;
    border: 1px solid #8d9296;
    display: block;
    font-size: 0.9375rem;
    font-weight: 400;
    height: 2.25rem;
    line-height: 1.2;
    padding: 0.5rem 0 0.5rem 0.75rem;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-choice:hover {
    border-color: #73787d
}

.select2-choice .select2-chosen {
    margin-right: 3rem;
    min-height: 1em;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.select2-choice .select2-arrow {
    background: transparent;
    border-left: 1px solid #8d9296;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem
}

.select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.select2-choice .select2-arrow b:before,
.select2-choice .select2-arrow b:after {
    border: 4px solid transparent;
    border-bottom-color: #9a9fa2;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -9px;
    width: 0
}

.select2-choice .select2-arrow b:before {
    border-bottom-color: transparent;
    border-top-color: #9a9fa2;
    margin-top: 3px
}

.select2-choice abbr {
    display: none
}

.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 3.5rem
}

.select2-allowclear .select2-choice abbr {
    display: block
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-drop {
    background: #FFF;
    border: 1px solid #8d9296;
    border-top: 0;
    color: #333;
    font-size: 0.875rem;
    margin-top: -2px;
    position: absolute;
    top: 100%;
    z-index: 1510;
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #8d9296;
    border-bottom: 0;
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15)
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}

.select2-search {
    min-height: 1.625rem;
    margin: 0;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    white-space: nowrap;
    width: 100%;
    z-index: 1020;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.select2-search input {
    background: #FFF url('../assets/select2-cf.png?1528279111') no-repeat -35px -26px;
    border: 1px solid #8d9296;
    font-size: 1em;
    height: auto;
    outline: 0;
    margin: 0;
    min-height: 1.625rem;
    padding: 0.25rem 0.3125rem 0.25rem 1.625rem;
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.select2-search input.select2-active {
    background: #FFF url('../assets/spinner.gif?1528279111') no-repeat 0.3125rem center
}

.select2-search-hidden,
.select2-hidden-accessible {
    display: block;
    position: absolute;
    left: -9999em
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #2c7cb0;
    outline: none;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.select2-dropdown-open .select2-choice {
    border: 1px solid #8d9296;
    border-bottom-color: transparent;
    -moz-box-shadow: inset 0 1px 0 #FFF;
    -webkit-box-shadow: inset 0 1px 0 #FFF;
    box-shadow: inset 0 1px 0 #FFF
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none
}

.select2-dropdown-open.select2-container-multi .select2-choices:before,
.select2-dropdown-open.select2-container-multi .select2-choices:after {
    border-color: transparent
}

.select2-results {
    margin: 0.25rem 0.25rem 0.25rem 0;
    max-height: 20em;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 0.25rem;
    position: relative
}

.select2-results .select2-highlighted {
    background: #FFF;
    -webkit-text-stroke: 0
}

.select2-results .select2-highlighted em {
    background: transparent
}

.select2-results .select2-match {
    color: #2c7cb0;
    font-weight: bold;
    text-decoration: none
}

.select2-results .select2-result-sub {
    margin: 0 0 0 0
}

.select2-results .select2-result-sub>li .select2-result-label {
    padding-left: 1.25rem
}

.select2-results .select2-result-sub .select2-result-sub>li .select2-result-label {
    padding-left: 2.5rem
}

.select2-results .select2-result-sub .select2-result-sub .select2-result-sub>li .select2-result-label {
    padding-left: 3.75rem
}

.select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub>li .select2-result-label {
    padding-left: 5rem
}

.select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub>li .select2-result-label {
    padding-left: 6.25rem
}

.select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub>li .select2-result-label {
    padding-left: 6.875rem
}

.select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub>li .select2-result-label {
    padding-left: 7.5rem
}

.select2-results li {
    list-style: none;
    display: list-item
}

.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: 600
}

.select2-results li em {
    background: #f7f7f7;
    font-style: 400
}

.select2-results .select2-no-results,
.select2-results .select2-result-label {
    cursor: pointer;
    margin: 0;
    padding: 0.1875rem 0.4375rem 0.25rem
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    display: list-item
}

.select2-results .select2-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5
}

.select2-results::-webkit-scrollbar {
    width: 10px;
    -webkit-appearance: none
}

.select2-results::-webkit-scrollbar-thumb {
    background-color: rgba(213, 215, 216, 0.6);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.select2-more-results.select2-active {
    background: #f2f2f2 url('../assets/spinner.gif?1528279111') no-repeat 100%
}

.select2-more-results {
    background: #f2f2f2;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f2f2f2;
    background-image: none;
    border: 1px solid #9a9fa2;
    cursor: default;
    color: #9a9fa2
}

.select2-container.select2-container-disabled .select2-choice div {
    background-color: #f2f2f2;
    background-image: none;
    border-left: 0
}

.select2-container-multi {
    min-width: 9.375em
}

.select2-container-multi .select2-choices {
    background-color: #FFF;
    border: 1px solid #8d9296;
    cursor: text;
    height: auto;
    height: 1%;
    margin: 0;
    min-height: 2.25rem;
    overflow: hidden;
    padding: 0.125em;
    position: relative;
    padding-right: 0.66667em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.select2-container-multi .select2-choices:before,
.select2-container-multi .select2-choices:after {
    border: 4px solid transparent;
    border-bottom-color: #8d9296;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 1em;
    right: 0.5625em;
    margin-left: -5px;
    margin-top: -9px;
    width: 0;
    z-index: 1
}

.select2-container-multi .select2-choices:before {
    border-bottom-color: transparent;
    border-top-color: #8d9296;
    margin-top: 3px
}

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

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

.select2-container-multi .select2-choices .select2-search-field input {
    background: transparent;
    border: 0;
    color: #333;
    font-size: 0.875rem;
    height: 1.5rem;
    margin: 0;
    outline: 0;
    padding: 0 0.5em;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.select2-container-multi .select2-choices .select2-search-field input:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #FFF url('../assets/spinner.gif?1528279111') no-repeat 100%
}

.select2-container-multi .select2-choices .select2-search-choice {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: #333;
    cursor: default;
    line-height: 1.1;
    margin: 0.1875rem 0 0.125rem 0.3125rem;
    padding: 0.1875rem 0.3125rem 0.1875rem 1.125rem;
    position: relative;
    -webkit-text-stroke: 0
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #2c7cb0;
    outline: none;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.select2-default {
    color: #333
}

.select2-container-multi .select2-choices .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    border-color: #8d9296
}

.select2-search-choice-close {
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 1px;
    height: 0.75rem;
    outline: 0;
    position: absolute;
    top: 0.375rem;
    right: 2.3125rem;
    text-decoration: none;
    width: 0.75rem;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.select2-search-choice-close:before {
    content: '\D7';
    cursor: pointer;
    position: absolute;
    top: -0.1875rem;
    left: 0;
    height: 100%;
    width: 100%;
    color: #4e5255;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px
}

.select2-search-choice-close:hover:before {
    color: #333
}

.select2-container-multi .select2-search-choice-close {
    left: 0.25rem
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -12px
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -12px
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #fafafa;
    background-image: none;
    border: 1px solid #a7abae;
    cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    background-image: none;
    background-color: #fafafa;
    border: 1px solid #a7abae;
    padding: 0.1875rem 0.3125rem 0.1875rem 0.3125rem
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close,
.select2-display-none {
    display: none
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: none
}

.select2-result-selectable.select2-highlighted {
    background-color: #e8e9e9
}

.select2-offscreen {
    position: absolute;
    top: 0;
    left: -9999px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0
}

.select2-drop-mask {
    bottom: 0;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1509
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5 / 1),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {

    .select2-search input,
    .select2-container .select2-choice abbr {
        background-image: url('../assets/select2x2-cf.png?1528279111') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 45px !important
    }

    .select2-search input {
        background-position: 100% -24px !important;
        padding-left: 0.375rem !important;
        padding-right: 1.3125rem !important
    }
}

.flashblocker-assumed {
    min-height: 20px;
    min-width: 20px;
    z-index: 2147483647
}

.cue-display {
    position: absolute !important;
    margin: 0;
    padding: 0px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border: none !important;
    background: none !important;
    text-align: center;
    visibility: hidden;
    font-family: sans-serif;
    font-size: 0.75em;
    white-space: pre-wrap;
    overflow: hidden
}

.cue-display b {
    font-weight: bold
}

.cue-display i {
    font-style: italic
}

.cue-display u {
    text-decoration: underline
}

.cue-display span.cue-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 160%;
    color: #fff;
    visibility: visible !important
}

.cue-display .cue-line {
    display: block
}

.cue-display span.cue {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 3px 5px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #fff
}

.cue-display .description-cues {
    position: absolute;
    top: -99px;
    left: -99px;
    display: block;
    width: 5px;
    height: 5px;
    overflow: hidden
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

.ws-important-hide {
    display: none !important;
    visibility: hidden !important;
    position: absolute;
    top: -99999px;
    bottom: 0;
    left: 0;
    right: 0
}

.webshims-visual-hide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
}

.webshims-visual-hide * {
    visibility: hidden !important
}

#swflocalstorageshim-wrapper {
    position: absolute;
    top: -999px;
    left: -999px;
    overflow: hidden;
    width: 215px;
    min-width: 215px !important;
    z-index: 2147483647
}

#swflocalstorageshim-wrapper .polyfill-exceeded-message {
    margin: 0 0 5px;
    padding: 5px;
    background: #ffd;
    color: #000;
    font-size: 0.75em
}

#swflocalstorageshim-wrapper object {
    min-height: 138px !important;
    min-width: 215px !important
}

details {
    overflow: hidden
}

summary {
    position: relative
}

.closed-details-child {
    display: none !important
}

.details-open-indicator {
    margin: -1px 0 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 16px;
    height: 11px;
    background: url('../assets/details-arrows.png?1528279111') no-repeat 0 0;
    vertical-align: middle
}

.closed-details-summary .details-open-indicator {
    background-position: 0 -20px
}

.polyfill-important .details-open-indicator {
    margin: -1px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: inline-block !important;
    width: 16px !important;
    height: 11px !important;
    background: url('../assets/details-arrows.png?1528279111') no-repeat 0 0 !important;
    vertical-align: middle !important
}

.polyfill-important .closed-details-summary .details-open-indicator {
    background-position: 0 -20px !important
}

summary.summary-has-focus {
    outline: 1px dotted #aaa;
    outline-offset: -1px
}

.c3 svg {
    font: 10px sans-serif
}

.c3 path,
.c3 line {
    fill: none;
    stroke: #000
}

.c3 text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
    shape-rendering: crispEdges
}

.c3-chart-arc path {
    stroke: #fff
}

.c3-chart-arc text {
    fill: #fff;
    font-size: 13px
}

.c3-grid line {
    stroke: #aaa
}

.c3-grid text {
    fill: #aaa
}

.c3-xgrid,
.c3-ygrid {
    stroke-dasharray: 3 3
}

.c3-text.c3-empty {
    fill: #808080;
    font-size: 2em
}

.c3-line {
    stroke-width: 1px
}

.c3-circle._expanded_ {
    stroke-width: 1px;
    stroke: white
}

.c3-selected-circle {
    fill: white;
    stroke-width: 2px
}

.c3-bar {
    stroke-width: 0
}

.c3-bar._expanded_ {
    fill-opacity: 0.75
}

.c3-chart-arcs-title {
    dominant-baseline: middle;
    font-size: 1.3em
}

.c3-target.c3-focused {
    opacity: 1
}

.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
    stroke-width: 2px
}

.c3-target.c3-defocused {
    opacity: 0.3 !important
}

.c3-region {
    fill: steelblue;
    fill-opacity: .1
}

.c3-brush .extent {
    fill-opacity: .1
}

.c3-legend-item {
    font-size: 12px
}

.c3-legend-item-hidden {
    opacity: 0.15
}

.c3-legend-background {
    opacity: 0.75;
    fill: white;
    stroke: lightgray;
    stroke-width: 1
}

.c3-tooltip-container {
    z-index: 10
}

.c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    empty-cells: show;
    width: auto;
    -webkit-box-shadow: 7px 7px 12px -9px #777;
    -moz-box-shadow: 7px 7px 12px -9px #777;
    box-shadow: 7px 7px 12px -9px #777;
    opacity: 0.9
}

.c3-tooltip tr {
    border: 1px solid #CCC
}

.c3-tooltip th {
    background-color: #aaa;
    font-size: 14px;
    padding: 2px 5px;
    text-align: left;
    color: #FFF
}

.c3-tooltip td {
    font-size: 13px;
    padding: 3px 6px;
    background-color: #fff;
    border-left: 1px dotted #999;
    color: #000
}

.c3-tooltip td>span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px
}

.c3-tooltip td.value {
    text-align: right
}

.c3-area {
    stroke-width: 0;
    opacity: 0.2
}

.c3-chart-arcs .c3-chart-arcs-background {
    fill: #e0e0e0;
    stroke: none
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
    fill: #000;
    font-size: 16px
}

.c3-chart-arcs .c3-chart-arcs-gauge-max {
    fill: #777
}

.c3-chart-arcs .c3-chart-arcs-gauge-min {
    fill: #777
}

.c3-chart-arc .c3-gauge-value {
    fill: #000
}

.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
    height: inherit;
    text-align: initial
}

.public-DraftEditor-content[contenteditable=true] {
    -webkit-user-modify: read-write-plaintext-only
}

.DraftEditor-root {
    position: relative
}

.DraftEditor-editorContainer {
    background-color: rgba(255, 255, 255, 0);
    border-left: .1px solid transparent;
    position: relative;
    z-index: 1
}

.public-DraftEditor-block {
    position: relative
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
    text-align: left
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
    left: 0;
    text-align: left
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
    text-align: center
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
    text-align: right
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
    right: 0;
    text-align: right
}

.public-DraftEditorPlaceholder-root {
    color: #9197a3;
    position: absolute;
    z-index: 1
}

.public-DraftEditorPlaceholder-hasFocus {
    color: #bdc1c9
}

.DraftEditorPlaceholder-hidden {
    display: none
}

.public-DraftStyleDefault-block {
    position: relative;
    white-space: pre-wrap
}

.public-DraftStyleDefault-ltr {
    direction: ltr;
    text-align: left
}

.public-DraftStyleDefault-rtl {
    direction: rtl;
    text-align: right
}

.public-DraftStyleDefault-listLTR {
    direction: ltr
}

.public-DraftStyleDefault-listRTL {
    direction: rtl
}

.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
    margin: 16px 0;
    padding: 0
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
    margin-left: 1.5em
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
    margin-right: 1.5em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
    margin-left: 3em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
    margin-right: 3em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
    margin-left: 4.5em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
    margin-right: 4.5em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
    margin-left: 6em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
    margin-right: 6em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
    margin-left: 7.5em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
    margin-right: 7.5em
}

.public-DraftStyleDefault-unorderedListItem {
    list-style-type: square;
    position: relative
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
    list-style-type: disc
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
    list-style-type: circle
}

.public-DraftStyleDefault-orderedListItem {
    list-style-type: none;
    position: relative
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
    left: -36px;
    position: absolute;
    text-align: right;
    width: 30px
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
    position: absolute;
    right: -36px;
    text-align: left;
    width: 30px
}

.public-DraftStyleDefault-orderedListItem:before {
    content: counter(ol0) ". ";
    counter-increment: ol0
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
    content: counter(ol1) ". ";
    counter-increment: ol1
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
    content: counter(ol2) ". ";
    counter-increment: ol2
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
    content: counter(ol3) ". ";
    counter-increment: ol3
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
    content: counter(ol4) ". ";
    counter-increment: ol4
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
    counter-reset: ol0
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
    counter-reset: ol1
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
    counter-reset: ol2
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
    counter-reset: ol3
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
    counter-reset: ol4
}

html,
body,
button {
    color: #333;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

b,
strong {
    font-weight: 700
}

i,
em {
    font-style: italic
}

sup,
.sup,
sub,
.sub {
    font-size: 60%;
    position: relative;
    vertical-align: top
}

sup,
.sup {
    top: 0.25em
}

del,
.del {
    text-decoration: line-through;
    text-line-through-color: #bf223c;
    text-line-through-width: 2px;
    text-line-through-style: solid
}

sub,
.sub {
    bottom: 0.25em;
    vertical-align: bottom
}

p .ui-item {
    margin: 0 0.375rem;
    vertical-align: baseline
}

ul {
    list-style-type: disc
}

ul.circle {
    list-style-type: circle
}

ul.disc {
    list-style-type: disc
}

ul.square {
    list-style-type: square
}

ol {
    list-style-type: decimal
}

ol.roman {
    list-style-type: lower-roman
}

ol.alpha {
    list-style-type: lower-alpha
}

ol,
ul {
    list-style-position: outside;
    margin-left: 3em
}

ol.unstyled,
ul.unstyled,
.exceptions-list,
.sortable-list {
    list-style-type: none;
    margin-left: 0
}

ol.inline,
ol.inline li,
ul.inline,
ul.inline li {
    display: inline;
    margin: 0
}

a {
    color: #2c7cb0;
    text-decoration: none;
    cursor: pointer;
    -moz-transition: color 0.15s ease;
    -o-transition: color 0.15s ease;
    -webkit-transition: color 0.15s ease;
    transition: color 0.15s ease
}

a:hover {
    color: #f4a15d
}

a:focus {
    color: #54a2d4
}

a:active {
    color: #0d2636
}

h1,
h2,
h3,
.callout .callout-heading,
h4,
h5,
h6 {
    font-weight: 600
}

h1 small,
h2 small,
h3 small,
.callout .callout-heading small,
h4 small {
    color: #4e5255;
    font-size: 50%
}

h1,
.h1 {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25
}

h2,
.h2 {
    font-size: 24px;
    line-height: 1.25
}

h3,
.callout .callout-heading,
.h3,
.radio-group-jumbo label {
    font-size: 20px;
    line-height: 1.25
}

h4,
.h4,
.lead {
    font-size: 16px
}

h5,
.h5 {
    font-size: 16px
}

h6,
.h6 {
    font-size: 14px
}

.section-head,
legend {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em
}

dl {
    margin-bottom: 1.5em
}

dt {
    font-weight: 600
}

dd {
    margin-left: 1.5em
}

.dl-horizontal {
    width: 100%
}

.dl-horizontal dt {
    clear: left;
    float: left;
    text-align: right;
    width: 30%
}

.dl-horizontal dd {
    margin-left: 30%;
    padding-left: 1em
}

small,
.small,
.billing-form__payment-type-info {
    font-size: 12px;
    line-height: 1.25
}

.normal {
    font-size: 16px;
    font-weight: 400
}

.capitalize {
    text-transform: capitalize
}

.title-case:first-word {
    text-transform: capitalize
}

.lowercase {
    text-transform: lowercase
}

.uppercase {
    text-transform: uppercase
}

.screen-reader-text,
.assistive-text {
    height: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 200%;
    white-space: nowrap;
    width: 0
}

blockquote {
    color: #4e5255;
    font-size: 16px
}

blockquote cite {
    display: block;
    font-style: italic;
    margin-top: 1em
}

blockquote cite:before {
    content: '\2014';
    padding-right: 0.35em
}

.page-header h1 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.25;
    font-weight: 600
}

.page-header h2.subheadline {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.25;
    color: #62676a;
    font-weight: 400
}

.subheadline {
    color: #4e5255;
    font-weight: 300
}

.headline-divider {
    margin-bottom: 1em;
    margin-top: 1em;
    position: relative
}

.headline-divider:before {
    border-top: 1px solid currentColor;
    content: '';
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    width: 100%
}

.headline-divider span {
    background-color: #FFF;
    padding: 0 0.75em;
    position: relative
}

.lead {
    font-weight: 400
}

.text-info {
    color: #2c7cb0
}

.text-important,
.text-error {
    color: #bf223c
}

.text-success {
    color: #79c698
}

.text-warning {
    color: #f4a15d
}

.text-nonessential,
.pagination .pagination-info {
    color: #4e5255
}

.text-invalid {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    min-width: 0.4em;
    background: #bf223c;
    color: #FFF;
    -moz-box-shadow: 0 0 0 1px #bf223c;
    -webkit-box-shadow: 0 0 0 1px #bf223c;
    box-shadow: 0 0 0 1px #bf223c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.text-invalid:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
    width: 0
}

.well {
    background-color: #e6e6e6;
    padding: 1.5em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.well.compact {
    padding: 1em
}

.pre {
    white-space: pre
}

p+p,
p+ul,
p+ol,
p+dl,
p+table,
ul+p,
ul+h2,
ul+h3,
.callout ul+.callout-heading,
ul+h4,
ul+h5,
ul+h6,
ol+p,
ol+h2,
ol+h3,
.callout ol+.callout-heading,
ol+h4,
ol+h5,
ol+h6 {
    margin-top: 1.5em
}

h1+p,
p+h1,
p+h2,
p+h3,
.callout p+.callout-heading,
p+h4,
p+h5,
p+h6 {
    margin-top: 1.25em
}

h1+h2,
h1+h3,
.callout h1+.callout-heading,
h2+h3,
.callout h2+.callout-heading,
h3+h4,
.callout .callout-heading+h4,
h4+h5 {
    margin-top: 0.25em
}

h2+p {
    margin-top: 1em
}

h1+h4,
h1+h5,
h1+h6,
h2+h4,
h2+h5,
h2+h6,
h3+h5,
.callout .callout-heading+h5,
h3+h6,
.callout .callout-heading+h6,
h3+p,
.callout .callout-heading+p,
h4+p,
h5+p {
    margin-top: 0.5em
}

.navigation ul {
    list-style: none;
    margin-left: 0
}

.navigation a {
    color: #2c7cb0;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.navigation a:hover {
    color: #333
}

.sidebar blockquote {
    font-size: 16px
}

.sidebar .title {
    color: #787878
}

@media screen and (max-width: 46.25em) {
    .subheadline {
        font-size: 1.25rem
    }

    .page-header .subheadline {
        display: none
    }
}

.text-splitter {
    display: inline-block;
    width: 1px;
    height: 1em;
    vertical-align: middle;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    background: #d5d7d8
}

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

#main {
    min-height: 400px
}

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

section,
.section {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

section.compact,
.section.compact {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

section:empty,
.section:empty {
    display: none
}

audio {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden
}

video {
    overflow: hidden
}

video,
audio[controls],
audio.webshims-controls {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    min-height: 2.8125rem;
    min-width: 2.5rem
}

video>*,
audio>* {
    visibility: hidden
}

.no-swf video>*,
.no-swf audio>* {
    visibility: inherit
}

.row {
    clear: both;
    display: block
}

.col-1 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-2 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-3 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-4 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-5 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-6,
.event-actions .event-action {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-7 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-8 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-9 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-10 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-11 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-12 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-13 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-14 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-15 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.col-16 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.columns {
    display: block;
    list-style: none;
    padding: 0
}

.columns img,
.columns input,
.columns select,
.columns object,
.columns textarea {
    max-width: 100%
}

.columns>.column {
    float: left;
    padding-bottom: 3rem
}

.columns,
.columns>.column {
    width: 100%
}

.width-quarter {
    width: 25%
}

.width-third {
    width: 33.3334%
}

.width-half {
    width: 50%
}

.width-two-thirds {
    width: 66.66667%
}

.width-three-quarters {
    width: 75%
}

.width-full,
.mod-group {
    width: 100%
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 90%
}

.primary-content {
    margin-bottom: 2.5em;
    margin-top: 1.25em
}

@media screen and (max-width: 46.15em) {

    .tablet-only,
    .desktop-only,
    .no-mobile {
        display: none !important
    }
}

@media screen and (min-width: 46.25em) {
    .wrapper {
        width: 44.25rem
    }

    .primary-content {
        float: left;
        margin: 0 0 0 15.75rem;
        width: 28.5rem
    }

    .sidebar {
        float: left;
        margin-left: -44.25rem;
        width: 12.75rem
    }

    .reverse-sidebar .primary-content {
        margin-left: 0
    }

    .reverse-sidebar .sidebar {
        margin-left: 3rem
    }

    .primary-content:only-child {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .columns>.column {
        padding-bottom: 0
    }

    .columns.two>.column,
    .columns.cols-2>.column,
    .columns.four>.column,
    .columns.cols-4>.column {
        padding-left: 0;
        padding-right: 1.5rem;
        width: 50%
    }

    .columns.two>.column:nth-child(even),
    .columns.cols-2>.column:nth-child(even),
    .columns.four>.column:nth-child(even),
    .columns.cols-4>.column:nth-child(even) {
        padding-left: 1.5rem;
        padding-right: 0
    }

    .columns.two>.column:nth-child(odd),
    .columns.cols-2>.column:nth-child(odd),
    .columns.four>.column:nth-child(odd),
    .columns.cols-4>.column:nth-child(odd) {
        clear: left
    }

    .columns.two>.column:nth-child(n+3),
    .columns.cols-2>.column:nth-child(n+3),
    .columns.four>.column:nth-child(n+3),
    .columns.cols-4>.column:nth-child(n+3) {
        padding-top: 3rem
    }

    .columns.three>.column,
    .columns.cols-3>.column {
        padding-left: 2rem;
        width: 33.3333333333333%
    }

    .columns.three>.column:first-child,
    .columns.three>.column:nth-child(3n+1),
    .columns.cols-3>.column:first-child,
    .columns.cols-3>.column:nth-child(3n+1) {
        clear: left;
        padding-left: 0;
        padding-right: 2rem
    }

    .columns.three>.column:nth-child(3n+2),
    .columns.cols-3>.column:nth-child(3n+2) {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .columns.three>.column:nth-child(n+4),
    .columns.cols-3>.column:nth-child(n+4) {
        padding-top: 3rem
    }

    .columns.three>.column:nth-child(-n+3),
    .columns.cols-3>.column:nth-child(-n+3) {
        padding-top: 0
    }

    .mobile-only {
        display: none !important
    }
}

@media screen and (min-width: 62em) {
    .col-1 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 0.9375rem
    }

    .col-2 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 4.875rem
    }

    .col-3 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 8.8125rem
    }

    .col-4 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 12.75rem
    }

    .col-5 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 16.6875rem
    }

    .col-6,
    .event-actions .event-action {
        display: block;
        float: left;
        margin-left: 48px;
        width: 20.625rem
    }

    .col-7 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 24.5625rem
    }

    .col-8 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 28.5rem
    }

    .col-9 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 32.4375rem
    }

    .col-10 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 36.375rem
    }

    .col-11 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 40.3125rem
    }

    .col-12 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 44.25rem
    }

    .col-13 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 48.1875rem
    }

    .col-14 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 52.125rem
    }

    .col-15 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 56.0625rem
    }

    .col-16 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 60rem
    }

    .row [class*="col-"]:first-child {
        margin-left: 0
    }

    .wrapper {
        width: 60rem
    }

    .wrapper.wide {
        max-width: 100%;
        width: 67.875rem
    }

    .primary-content {
        float: left;
        margin-left: 19.6875rem;
        width: 40.3125rem
    }

    .sidebar {
        float: left;
        margin-left: -60rem;
        width: 16.6875rem
    }

    .wide .primary-content {
        width: 48.1875rem
    }

    .wide .sidebar {
        margin-left: -67.875rem
    }

    .columns>.column {
        padding-bottom: 0
    }

    .columns.four>.column,
    .columns.cols-4>.column {
        padding-left: 2.25rem;
        width: 25%
    }

    .columns.four>.column:nth-child(odd),
    .columns.cols-4>.column:nth-child(odd) {
        clear: none
    }

    .columns.four>.column:first-child,
    .columns.four>.column:nth-child(4n+1),
    .columns.cols-4>.column:first-child,
    .columns.cols-4>.column:nth-child(4n+1) {
        clear: left;
        padding-left: 0;
        padding-right: 2.25rem
    }

    .columns.four>.column:nth-child(4n+2),
    .columns.cols-4>.column:nth-child(4n+2) {
        padding-left: 0.75rem;
        padding-right: 1.5rem
    }

    .columns.four>.column:nth-child(4n+3),
    .columns.cols-4>.column:nth-child(4n+3) {
        padding-left: 1.5rem;
        padding-right: 0.75rem
    }

    .columns.four>.column:nth-child(n+5),
    .columns.cols-4>.column:nth-child(n+5) {
        padding-top: 3rem
    }

    .columns.four>.column:nth-child(-n+4),
    .columns.cols-4>.column:nth-child(-n+4) {
        padding-top: 0
    }
}

.vert-arrows {
    width: 24px;
    position: relative
}

.vert-arrows:before,
.vert-arrows:after {
    border: 4px solid transparent;
    border-bottom-color: #333;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -9px;
    width: 0
}

.vert-arrows:before {
    border-bottom-color: transparent;
    border-top-color: #333;
    margin-top: 3px
}

.horz-arrows {
    width: 24px;
    position: relative
}

.horz-arrows:before,
.horz-arrows:after {
    border: 4px solid transparent;
    border-left-color: #333;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 2px;
    margin-top: -3px;
    width: 0
}

.horz-arrows:before {
    border-left-color: transparent;
    border-right-color: #333;
    margin-left: -10px
}

.icon {
    font-family: 'cloudflare-font';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0
}

.icon:before {
    text-decoration: inherit;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    speak: none
}

.icon-white,
.dropdown-menu>li>a:hover>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^="icon-"],
.dropdown-submenu:hover>a>[class*=" icon-"] {
    background-image: none
}

a .icon {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.3333333333333334em
}

.icon-xlarge:before {
    font-size: 2.4em
}

.btn .icon,
.btn-cancel .icon,
.nav .icon {
    display: inline
}

.btn .icon:first-child,
.btn-cancel .icon:first-child,
.nav .icon:first-child {
    padding-right: 0.23438em
}

.btn .icon:last-child,
.btn-cancel .icon:last-child,
.nav .icon:last-child {
    padding-left: 0.23438em
}

.btn .icon.icon-large,
.btn-cancel .icon.icon-large,
.nav .icon.icon-large {
    line-height: .9em
}

.btn .icon.icon-spin,
.btn-cancel .icon.icon-spin,
.nav .icon.icon-spin {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.tabs .icon,
.tabs .icon.icon-large {
    line-height: .9em
}

li .icon,
.nav li .icon {
    display: inline-block;
    vertical-align: baseline;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 1.25em;
    text-align: center
}

li .icon.icon-large,
.nav li .icon.icon-large {
    width: 1.5625em
}

ul.icons {
    list-style-type: none;
    text-indent: -.75em
}

ul.icons li .icon {
    width: .75em
}

.icon-muted {
    color: #ebebeb
}

.icon-border {
    border: solid 1px #ebebeb;
    padding: .2em .25em .15em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

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

.icon-2x.icon-border {
    border-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

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

.icon-3x.icon-border {
    border-width: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

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

.icon-4x.icon-border {
    border-width: 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.icon.pull-left {
    margin-right: .3em
}

.icon.pull-right {
    margin-left: .3em
}

.btn .icon.pull-left.icon-2x,
.btn-cancel .icon.pull-left.icon-2x,
.btn .icon.pull-right.icon-2x,
.btn-cancel .icon.pull-right.icon-2x {
    margin-top: .18em
}

.btn .icon.icon-spin.icon-large,
.btn-cancel .icon.icon-spin.icon-large {
    line-height: .8em
}

.btn.btn-small .icon.pull-left.icon-2x,
.btn-small.btn-cancel .icon.pull-left.icon-2x,
.btn.btn-small .icon.pull-right.icon-2x,
.btn-small.btn-cancel .icon.pull-right.icon-2x {
    margin-top: .25em
}

.btn.btn-large .icon,
.btn-large.btn-cancel .icon {
    margin-top: 0
}

.btn.btn-large .icon.pull-left.icon-2x,
.btn-large.btn-cancel .icon.pull-left.icon-2x,
.btn.btn-large .icon.pull-right.icon-2x,
.btn-large.btn-cancel .icon.pull-right.icon-2x {
    margin-top: .05em
}

.btn.btn-large .icon.pull-left.icon-2x,
.btn-large.btn-cancel .icon.pull-left.icon-2x {
    margin-right: .2em
}

.btn.btn-large .icon.pull-right.icon-2x,
.btn-large.btn-cancel .icon.pull-right.icon-2x {
    margin-left: .2em
}

.icon-spin {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

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

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

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

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

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

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

@-moz-document url-prefix() {
    .icon-spin {
        height: .9em
    }

    .btn .icon-spin,
    .btn-cancel .icon-spin {
        height: auto
    }

    .icon-spin.icon-large {
        height: 1.25em
    }

    .btn .icon-spin.icon-large,
    .btn-cancel .icon-spin.icon-large {
        height: .75em
    }
}

.icon-caret-up:before,
.icon-chevron-up:before {
    content: "\F000"
}

.icon-caret-down:before,
.icon-chevron-down:before {
    content: "\F001"
}

.icon-caret-left:before,
.icon-chevron-left:before {
    content: "\F002"
}

.icon-caret-right:before,
.icon-chevron-right:before {
    content: "\F003"
}

.icon-ok-sign:before {
    content: "\F004"
}

.icon-exclamation-sign:before {
    content: "\F005"
}

.icon-info-sign:before {
    content: "\F006"
}

.icon-pause:before {
    content: "\F007"
}

.icon-time:before {
    content: "\F008"
}

.icon-ok:before {
    content: "\F009"
}

.icon-clipboard:before {
    content: "\F00A"
}

.icon-bolt:before {
    content: "\F00B"
}

.icon-chart:before {
    content: "\F00C"
}

.icon-drive:before {
    content: "\F00D"
}

.icon-filter:before {
    content: "\F00E"
}

.icon-flowchart:before {
    content: "\F00F"
}

.icon-hamburger:before {
    content: "\F010"
}

.icon-lock:before {
    content: "\F011"
}

.icon-list:before {
    content: "\F012"
}

.icon-file:before {
    content: "\F013"
}

.icon-shield:before {
    content: "\F014"
}

.icon-plus:before {
    content: "\F015"
}

.icon-happy:before {
    content: "\F016"
}

.icon-sad:before {
    content: "\F017"
}

.icon-search:before {
    content: "\F018"
}

.icon-wrench:before {
    content: "\F019"
}

.icon-remove:before,
.icon-remove-sign:before {
    content: "\F01A"
}

.icon-speech:before {
    content: "\F01B"
}

.icon-gear:before {
    content: "\F01C"
}

.icon-help:before {
    content: "\F01D"
}

.icon-calendar:before {
    content: "\F01E"
}

.icon-facebook:before {
    content: "\F01F"
}

.icon-twitter:before {
    content: "\F020"
}

.icon-googleplus:before {
    content: "\F021"
}

.icon-linkedin:before {
    content: "\F022"
}

.icon-upload:before {
    content: "\F023"
}

.icon-widen:before,
.icon-resize-horizontal:before {
    content: "\F024"
}

.icon-download:before {
    content: "\E900"
}

.icon-refresh:before {
    content: "\E901"
}

.icon-api:before {
    content: "\E902"
}

.icon-firebolt:before {
    content: "\E903"
}

.icon-mail:before {
    content: "\E904"
}

.icon-network:before {
    content: "\E905"
}

.icon-door:before {
    content: "\E906"
}

.icon-credit-card:before {
    content: "\E93F"
}

.icon-loading {
    background: transparent url('../assets/spinner.gif?1528279111') no-repeat center
}

.icon-loading:before {
    content: "";
    width: 16px
}

.btn,
.btn-cancel,
button,
input[type="button"],
input[type="submit"] {
    background-color: #d5d7d8;
    border: none;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0.5625em 0.9375em 0.5em;
    text-decoration: none !important;
    -webkit-text-stroke: 0;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: subpixel-antialiased
}

.btn:hover,
.btn-cancel:hover,
.input-picker .picker-list td button.checked-value,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background-color: #c2c5c7;
    color: #333
}

.btn.active,
.active.btn-cancel,
.btn:active,
.btn-cancel:active,
button.active,
button:active,
input[type="button"].active,
input[type="button"]:active,
input[type="submit"].active,
input[type="submit"]:active {
    background-color: #b0b4b6;
    color: #333
}

.btn:focus,
.btn-cancel:focus,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
    color: inherit;
    -moz-box-shadow: inset 0px 0px 0px 1px #9da2a4;
    -webkit-box-shadow: inset 0px 0px 0px 1px #9da2a4;
    box-shadow: inset 0px 0px 0px 1px #9da2a4
}

.btn::-moz-focus-inner,
.btn-cancel::-moz-focus-inner,
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
    padding: 0;
    border: 0
}

.btn .caret,
.btn-cancel .caret,
button .caret,
input[type="button"] .caret,
input[type="submit"] .caret {
    border-top-color: inherit;
    border-top-color: currentColor;
    margin-left: 0.23438em;
    margin-top: 0.17188em
}

.btn+.dropdown-toggle,
.btn-cancel+.dropdown-toggle,
button+.dropdown-toggle,
input[type="button"]+.dropdown-toggle,
input[type="submit"]+.dropdown-toggle {
    border-left-color: rgba(0, 0, 0, 0.25);
    padding-left: 0.375em;
    padding-right: 0.625em
}

.btn:focus,
.btn-cancel:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -1px
}

.btn-large {
    padding: 1rem 1.5625rem 0.9375rem
}

.btn-cta,
.btn-cta-alt {
    padding: 1rem 3rem
}

.btn-std,
.btn-primary,
.btn-std-alt,
.btn-primary-alt {
    background-color: #2c7cb0;
    color: #FFF
}

.btn-std:hover,
.btn-primary:hover,
.btn-std-alt:hover,
.btn-primary-alt:hover {
    background-color: #276d9b;
    color: #FFF
}

.btn-std.active,
.btn-std:active,
.btn-primary.active,
.btn-primary:active,
.btn-std-alt.active,
.btn-std-alt:active,
.btn-primary-alt.active,
.btn-primary-alt:active {
    background-color: #20597e;
    color: #FFF
}

.btn-std:focus,
.btn-primary:focus,
.btn-std-alt:focus,
.btn-primary-alt:focus {
    color: #FFF;
    -moz-box-shadow: inset 0px 0px 0px 1px #194562;
    -webkit-box-shadow: inset 0px 0px 0px 1px #194562;
    box-shadow: inset 0px 0px 0px 1px #194562
}

.btn-cta,
.btn-success,
.btn-accept,
.btn-cancel,
.btn-delete,
.btn-edit,
.btn-refresh,
.btn-note,
.btn-cta-alt,
.btn-success-alt {
    background-color: #79c698;
    color: #FFF
}

.btn-cta:hover,
.btn-success:hover,
.btn-accept:hover,
.btn-cancel:hover,
.btn-delete:hover,
.btn-edit:hover,
.btn-refresh:hover,
.btn-note:hover,
.btn-cta-alt:hover,
.btn-success-alt:hover {
    background-color: #46a46c;
    color: #FFF
}

.btn-cta.active,
.btn-cta:active,
.btn-success.active,
.active.btn-accept,
.active.btn-cancel,
.active.btn-delete,
.active.btn-edit,
.active.btn-refresh,
.active.btn-note,
.btn-success:active,
.btn-accept:active,
.btn-cancel:active,
.btn-delete:active,
.btn-edit:active,
.btn-refresh:active,
.btn-note:active,
.btn-cta-alt.active,
.btn-cta-alt:active,
.btn-success-alt.active,
.btn-success-alt:active {
    background-color: #3b8b5c;
    color: #FFF
}

.btn-cta:focus,
.btn-success:focus,
.btn-accept:focus,
.btn-cancel:focus,
.btn-delete:focus,
.btn-edit:focus,
.btn-refresh:focus,
.btn-note:focus,
.btn-cta-alt:focus,
.btn-success-alt:focus {
    color: #FFF;
    -moz-box-shadow: inset 0px 0px 0px 1px #31724b;
    -webkit-box-shadow: inset 0px 0px 0px 1px #31724b;
    box-shadow: inset 0px 0px 0px 1px #31724b
}

.btn-accept,
.btn-cancel,
.btn-delete,
.btn-edit,
.btn-refresh,
.btn-note {
    font-family: 'cloudflare-font';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-height: 2.425em;
    overflow: hidden;
    padding-left: 1.0625em;
    padding-right: 1.0625em;
    position: relative;
    text-align: left;
    text-indent: -9999px;
    width: 0;
    white-space: nowrap
}

.btn-accept:after,
.btn-cancel:after,
.btn-delete:after,
.btn-edit:after,
.btn-refresh:after,
.btn-note:after {
    content: '\F009';
    display: block;
    font-size: 1em;
    height: 100%;
    position: absolute;
    top: 53%;
    left: 0;
    line-height: 0;
    speak: none;
    text-align: center;
    text-indent: 0;
    width: 100%;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.btn-accept:before,
.btn-cancel:before,
.btn-delete:before,
.btn-edit:before,
.btn-refresh:before,
.btn-note:before,
.btn-accept:after,
.btn-cancel:after,
.btn-delete:after,
.btn-edit:after,
.btn-refresh:after,
.btn-note:after {
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.btn-danger,
.btn-cancel,
.btn-important,
.btn-error,
.btn-danger-alt,
.btn-important-alt,
.btn-error-alt {
    background-color: #bf223c;
    color: #FFF
}

.btn-danger:hover,
.btn-cancel:hover,
.btn-important:hover,
.btn-error:hover,
.btn-danger-alt:hover,
.btn-important-alt:hover,
.btn-error-alt:hover {
    background-color: #a01c32;
    color: #FFF
}

.btn-danger.active,
.active.btn-cancel,
.btn-danger:active,
.btn-cancel:active,
.btn-important.active,
.btn-important:active,
.btn-error.active,
.btn-error:active,
.btn-danger-alt.active,
.btn-danger-alt:active,
.btn-important-alt.active,
.btn-important-alt:active,
.btn-error-alt.active,
.btn-error-alt:active {
    background-color: #821729;
    color: #FFF
}

.btn-danger:focus,
.btn-cancel:focus,
.btn-important:focus,
.btn-error:focus,
.btn-danger-alt:focus,
.btn-important-alt:focus,
.btn-error-alt:focus {
    color: #FFF;
    -moz-box-shadow: inset 0px 0px 0px 1px #63111f;
    -webkit-box-shadow: inset 0px 0px 0px 1px #63111f;
    box-shadow: inset 0px 0px 0px 1px #63111f
}

.btn-warning,
.btn-warning-alt {
    background-color: #f4a15d;
    color: #FFF
}

.btn-warning:hover,
.btn-warning-alt:hover {
    background-color: #e06d10;
    color: #FFF
}

.btn-warning.active,
.btn-warning:active,
.btn-warning-alt.active,
.btn-warning-alt:active {
    background-color: #bf5d0e;
    color: #FFF
}

.btn-warning:focus,
.btn-warning-alt:focus {
    color: #FFF;
    -moz-box-shadow: inset 0px 0px 0px 1px #bf5d0e;
    -webkit-box-shadow: inset 0px 0px 0px 1px #bf5d0e;
    box-shadow: inset 0px 0px 0px 1px #bf5d0e
}

.btn-link {
    background-color: transparent;
    color: #2c7cb0
}

.btn-link:hover {
    background-color: transparent;
    color: #f4a15d
}

.btn-link.active,
.btn-link:active {
    background-color: transparent;
    color: #0d2636
}

.btn-link:focus {
    background-color: transparent;
    color: #0d2636;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: underline;
    outline: none
}

.btn-link.inactive,
.btn-link.inactive:active,
.btn-link.inactive:focus,
.btn-link.inactive:hover {
    color: #a1a1a1
}

.btn-cancel:after {
    content: '\F01A'
}

.btn-delete,
.btn-edit,
.btn-refresh,
.btn-note {
    background-color: #d5d7d8;
    color: #333
}

.btn-delete:hover,
.btn-edit:hover,
.btn-refresh:hover,
.btn-note:hover {
    background-color: #c2c5c7;
    color: #333
}

.btn-delete.active,
.active.btn-edit,
.active.btn-refresh,
.active.btn-note,
.btn-delete:active,
.btn-edit:active,
.btn-refresh:active,
.btn-note:active {
    background-color: #b0b4b6;
    color: #333
}

.btn-delete:focus,
.btn-edit:focus,
.btn-refresh:focus,
.btn-note:focus {
    color: #333;
    -moz-box-shadow: inset 0px 0px 0px 1px #9da2a4;
    -webkit-box-shadow: inset 0px 0px 0px 1px #9da2a4;
    box-shadow: inset 0px 0px 0px 1px #9da2a4
}

.btn-delete:after,
.btn-edit:after,
.btn-refresh:after,
.btn-note:after {
    content: '\F01A'
}

.btn-edit:after {
    content: '\F019'
}

.btn-refresh:after {
    content: '\E900'
}

.btn-note:after {
    content: '\F013'
}

.btn.disabled,
.disabled.btn-cancel,
.btn.loading,
.loading.btn-cancel,
button[disabled],
input.btn[disabled],
input[disabled].btn-cancel {
    cursor: default;
    pointer-events: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5
}

.btn[title].disabled,
[title].disabled.btn-cancel,
[title].btn.loading,
[title].loading.btn-cancel {
    pointer-events: auto
}

.btn.loading,
.loading.btn-cancel {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    background-color: #ededed;
    border-color: #dbdbdb;
    position: relative
}

.btn.loading:before,
.loading.btn-cancel:before {
    background: transparent url('../assets/spinner.gif?1528279111') no-repeat center;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-animation: fadeInZoom 0.2s ease-in-out;
    -webkit-animation: fadeInZoom 0.2s ease-in-out;
    animation: fadeInZoom 0.2s ease-in-out
}

.btn.loading,
.loading.btn-cancel,
.btn.loading:after,
.loading.btn-cancel:after,
.btn.loading:hover,
.loading.btn-cancel:hover,
.input-picker .picker-list td button.loading.checked-value {
    color: #ededed
}

.btn.loading:after,
.loading.btn-cancel:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

@-moz-keyframes fadeInZoom {
    0% {
        opacity: 0;
        -moz-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes fadeInZoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes fadeInZoom {
    0% {
        opacity: 0;
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

input[type="button"].btn,
input[type="button"].btn-cancel,
input[type="submit"].btn,
input[type="submit"].btn-cancel {
    height: auto;
    padding: 0.5em 1.25em 0.5625em
}

.btn-single-line {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative
}

.btn-single-line.btn-wicons {
    padding-bottom: 0.5625em;
    padding-left: 2em;
    padding-right: 2em
}

.btn-single-line .caret {
    margin-right: -0.6em
}

.btn-single-line .icon:first-child {
    margin-left: -0.6em
}

.btn-single-line .icon:last-child {
    margin-right: -0.6em
}

.btn+.btn,
.btn-cancel+.btn,
.btn+.btn-cancel,
.btn-cancel+.btn-cancel,
.btn+.ui-item,
.btn-cancel+.ui-item,
label+.btn,
label+.btn-cancel {
    margin-left: 0.375rem
}

.btn-block {
    display: block;
    margin-bottom: 0.375rem;
    text-align: center
}

.btn-block+.btn-block {
    margin-left: auto
}

.btn a,
.btn-cancel a {
    color: #333
}

.btn-std a,
.btn-primary a {
    color: #FFF
}

.btn-error a,
.btn-danger a,
.btn-cancel a,
.btn-important a {
    color: #FFF
}

.btn-cta a,
.btn-success a,
.btn-accept a,
.btn-cancel a,
.btn-delete a,
.btn-edit a,
.btn-refresh a,
.btn-note a {
    color: #FFF
}

.btn-twitter {
    background-color: #00aced;
    color: #FFF
}

.btn-twitter:hover {
    background-color: #21c2ff;
    color: #333
}

.btn-twitter i {
    vertical-align: baseline;
    font-size: 1.33em
}

.btn-facebook {
    background-color: #3b5998;
    color: #FFF
}

.btn-facebook:hover {
    background-color: #4c70ba;
    color: #FFF
}

.btn-facebook i {
    vertical-align: baseline;
    font-size: 1.33em
}

.alert,
.notification {
    font-size: 0.875rem;
    padding: 0.5rem 2.5rem;
    padding-right: 2rem;
    position: relative;
    vertical-align: middle;
    -webkit-text-stroke: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.alert:before,
.notification:before {
    font-family: 'cloudflare-font';
    font-size: 1.25rem;
    position: absolute;
    top: 50%;
    left: 0.75rem;
    margin-top: -0.625rem;
    line-height: 1;
    vertical-align: middle
}

.alert:empty,
.notification:empty {
    display: none
}

.alert a,
.notification a {
    text-decoration: underline
}

.alert .close,
.notification .close {
    color: inherit;
    font-size: 1.25rem;
    height: 1.25rem;
    line-height: 1;
    padding: 0;
    margin-top: -0.625rem;
    position: absolute;
    top: 50%;
    right: 0.4rem;
    width: 1.25rem;
    z-index: 3
}

.alert .close:before,
.notification .close:before {
    text-indent: 1px
}

.alert .close:hover,
.notification .close:hover {
    color: #FFF
}

.alert .message,
.notification .message {
    position: relative;
    z-index: 2
}

.alert .progress,
.notification .progress {
    background: rgba(255, 255, 255, 0.1);
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.alert.timed .progress,
.notification.timed .progress {
    display: block
}

.alert {
    background-color: #e06d10;
    border: 1px solid #f4a15d;
    color: #FFF
}

.alert a {
    color: #FFF
}

.alert.error,
.alert.danger {
    background-color: #bf223c;
    border-color: #a01c32;
    color: #FFF
}

.alert.error:before,
.alert.danger:before {
    content: '\F005'
}

.alert.success {
    background-color: #60bb85;
    border-color: #46a46c;
    color: #FFF
}

.alert.success:before {
    content: '\F004'
}

.alert.warning {
    background-color: #e06d10;
    border-color: #f4a15d;
    color: #FFF
}

.alert.warning:before {
    content: '\F005'
}

.alert.info {
    background-color: #2c7cb0;
    border-color: #276d9b;
    color: #FFF
}

.alert.info:before {
    content: '\F006'
}

.alert.nonessential {
    background-color: #333;
    border-color: #333;
    color: #FFF
}

.alert.no-icon:before,
.alert.nonessential:before {
    display: none
}

.notification {
    padding: 0
}

.notification+.notification {
    margin-top: 0.5em
}

.notification:before {
    left: 0
}

.notification .message {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    color: #4e5255;
    margin-left: 2em;
    padding-right: 2em
}

.notification.error,
.notification.danger {
    color: #bf223c
}

.notification.error:before,
.notification.danger:before {
    content: '\F005'
}

.notification.success {
    color: #60bb85
}

.notification.success:before {
    content: '\F004'
}

.notification.warning {
    color: #e06d10
}

.notification.warning:before {
    content: '\F005'
}

.notification.info {
    color: #2c7cb0
}

.notification.info:before {
    content: '\F006'
}

.notification.pending {
    color: #4e5255
}

.notification.pending:before {
    content: '\F008'
}

.notification.nonessential {
    color: #333
}

.notification.no-icon:before,
.notification.nonessential:before {
    display: none
}

.message p {
    display: inline
}

.callout {
    margin: 1rem 0;
    padding: 1rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid transparent
}

.callout .callout-heading+p {
    margin-top: 0
}

.callout.callout-default {
    background-color: #333;
    border-color: #333;
    color: #FFF
}

.callout.callout-info {
    background-color: #2c7cb0;
    border-color: #276d9b;
    color: #FFF
}

.callout a {
    color: inherit;
    text-decoration: underline
}

#notifications {
    bottom: 0;
    right: 0;
    overflow-y: auto;
    max-height: 35%;
    position: fixed;
    width: 100%;
    z-index: 1100
}

#notifications .alert {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    font-size: 1rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-animation: slideUp 0.2s ease-in-out;
    -webkit-animation: slideUp 0.2s ease-in-out;
    animation: slideUp 0.2s ease-in-out;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

#notifications .alert:before {
    -moz-animation: slideFromLeft 0.2s ease-out;
    -webkit-animation: slideFromLeft 0.2s ease-out;
    animation: slideFromLeft 0.2s ease-out
}

@-moz-keyframes slideUp {
    0% {
        -moz-transform: scaleY(0);
        transform: scaleY(0)
    }

    100% {
        -moz-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes slideUp {
    0% {
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    100% {
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-moz-keyframes slideFromLeft {
    0% {
        -moz-transform: translateX(-75px);
        transform: translateX(-75px)
    }

    100% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideFromLeft {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideFromLeft {
    0% {
        -moz-transform: translateX(-75px);
        -ms-transform: translateX(-75px);
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px)
    }

    100% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.accordion {
    margin-top: 20px
}

.accordion__item_head label {
    font-size: 1rem
}

.accordion__item_content {
    padding-left: 2em;
    margin: 1rem 0
}

.tooltip {
    position: absolute;
    display: block;
    font-size: 0.8125rem;
    visibility: visible;
    z-index: 1505;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.tooltip.in {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8
}

.tooltip.top {
    margin-top: -0.1875rem;
    padding: 0.3125rem 0
}

.tooltip.right {
    margin-left: 0.1875rem;
    padding: 0 0.3125rem
}

.tooltip.bottom {
    margin-top: 0.1875rem;
    padding: 0.3125rem 0
}

.tooltip.left {
    margin-left: -0.1875rem;
    padding: 0 0.3125rem
}

.tooltip-inner {
    background-color: #000;
    color: #FFF;
    max-width: 25rem;
    padding: 0.5rem 1rem;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

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

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

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

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

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

code,
pre {
    background-color: #f7f7f8;
    border: 1px solid #d5d7d8;
    font-family: monaco, courier, monospace
}

pre {
    border-radius: 3px;
    color: #36393a;
    display: block;
    font-size: 14px;
    margin: 2rem 0;
    overflow: auto;
    padding: 0.5rem;
    width: 100%
}

pre code {
    background: none;
    border: none;
    color: inherit;
    display: inherit;
    margin: auto;
    padding: auto
}

code {
    color: #bf223c;
    margin-left: 0.125em;
    margin-right: 0.125em;
    padding: 0 0.5em;
    vertical-align: baseline;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

*:-moz-placeholder {
    color: gray
}

*::-moz-placeholder {
    color: gray
}

*:-ms-input-placeholder {
    color: gray
}

*::-webkit-input-placeholder {
    color: gray
}

legend {
    display: block;
    margin-bottom: 1.5rem;
    width: 100%
}

input,
select,
textarea,
.switch {
    background: #FFF;
    border: 1px solid #8d9296;
    color: #333;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.875em;
    line-height: 1.4;
    margin: 0 0 0.75em;
    max-width: 100%;
    outline: none;
    padding: 0.42188em 0.70313em;
    vertical-align: middle;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

input:hover,
select:hover,
textarea:hover,
.switch:hover {
    border-color: #73787d
}

input:focus,
select:focus,
textarea:focus,
.switch:focus {
    border-color: #2c7cb0;
    outline: none
}

input.readonly,
input.disabled,
input[disabled],
input[readonly],
select.readonly,
select.disabled,
select[disabled],
select[readonly],
textarea.readonly,
textarea.disabled,
textarea[disabled],
textarea[readonly],
.switch.readonly,
.switch.disabled,
.switch[disabled],
.switch[readonly] {
    background-color: #f7f7f7;
    border-color: #9a9fa2;
    color: #4e5255
}

select {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none
}

.form-error .select2-choice,
.form-error .select2-choices,
input.form-error,
input.ui-state-error,
input.ui-state-invalid {
    border-color: #bf223c;
    color: #bf223c
}

input,
select {
    height: 2.25rem
}

input+label,
select+label {
    margin-top: 0.75em
}

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

input[type="radio"],
input[type="checkbox"] {
    height: 16px;
    line-height: normal;
    margin: 1px 0 0;
    padding: 0;
    position: relative;
    width: 16px;
    -moz-appearance: none;
    -webkit-appearance: none
}

input[type="radio"]:before,
input[type="checkbox"]:before {
    background-color: transparent;
    color: transparent;
    content: '';
    position: absolute;
    -webkit-text-stroke: 0;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

input[type="radio"],
input[type="radio"]:before {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

input[type="radio"]:before {
    height: 3px;
    left: 5px;
    top: 5px;
    width: 3px
}

input[type="radio"]:checked:before {
    background-color: #333;
    height: 8px;
    left: 3px;
    top: 3px;
    width: 8px
}

input[type="checkbox"]:before {
    content: '\F009';
    font-family: 'cloudflare-font';
    font-size: 17px;
    left: -1px;
    top: -2px
}

input[type="checkbox"]:checked:before {
    color: #333
}

label {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 0.35938em;
    min-height: 1.22em
}

.radio,
.checkbox {
    cursor: pointer;
    min-height: 1rem;
    padding-left: 2em
}

.radio:hover input,
.checkbox:hover input {
    border-color: #73787d
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -2em;
    margin-top: 0.125em
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-bottom: 0;
    padding-top: 0.125em;
    vertical-align: middle
}

.radio.inline+.inline,
.checkbox.inline+.inline {
    margin-left: 0.375rem
}

.input-mini {
    width: 4rem
}

.input-small {
    width: 8.8125rem
}

.input-medium {
    width: 16.6875rem
}

.input-large {
    width: 24.5625rem
}

.input-xlarge {
    width: 32.4375rem
}

.input-xxlarge {
    width: 40.3125rem
}

.file {
    background-color: #FFF;
    border: 1px solid #8d9296;
    color: transparent;
    margin-bottom: 1em;
    max-width: 100%;
    position: relative;
    padding: 0;
    width: 22.5rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.file input {
    border: 0;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0;
    width: 9.375em;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.file:before {
    background-color: #2c7cb0;
    color: #FFF;
    cursor: pointer;
    content: 'Choose File';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.2;
    padding: 0.5rem 1.25rem
}

.switch,
.proxy {
    background-color: #FFF;
    border: 1px solid #8d9296;
    color: #FFF;
    cursor: pointer;
    font-size: 0;
    height: 2.25rem;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative;
    width: 5.00063rem
}

.switch input,
.proxy input {
    background: transparent;
    border-color: transparent;
    margin-left: -100%;
    position: absolute;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-appearance: checkbox-container;
    -webkit-appearance: checkbox-container
}

.switch input:checked:before,
.proxy input:checked:before {
    content: ''
}

.switch input:focus,
.proxy input:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.switch:after,
.switch:before {
    background-color: #79c698;
    color: #FFF;
    content: 'On';
    font-size: 0.875rem;
    line-height: 1.5;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.42188rem 0;
    text-align: center;
    width: 51%;
    -webkit-text-stroke: initial
}

.switch:before {
    background-color: #8d9296;
    content: 'Off';
    left: auto;
    right: 0;
    width: 50%
}

.switch .knob {
    background: #f7f7f7;
    border: 1px solid #8d9296;
    border-bottom: none;
    border-top: none;
    display: block;
    font-size: 0.875rem;
    height: 100%;
    left: -1px;
    top: 0;
    width: 2.56281rem;
    z-index: 2;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
    position: relative
}

.switch .knob:before,
.switch .knob:after {
    border: 4px solid transparent;
    border-left-color: inherit;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 2px;
    margin-top: -3px;
    width: 0
}

.switch .knob:before {
    border-left-color: transparent;
    border-right-color: inherit;
    margin-left: -10px
}

.switch input:checked+.knob {
    left: 50%
}

.switch input:indeterminate+.knob {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    width: 100%;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -moz-linear-gradient(45deg, #000000, #000000 25%, #ffffff 25%, #ffffff 50%, #000000 50%, #000000 75%, #ffffff 75%, #ffffff 100%);
    background: -webkit-linear-gradient(45deg, #000000, #000000 25%, #ffffff 25%, #ffffff 50%, #000000 50%, #000000 75%, #ffffff 75%, #ffffff 100%);
    background: linear-gradient(45deg, #000000, #000000 25%, #ffffff 25%, #ffffff 50%, #000000 50%, #000000 75%, #ffffff 75%, #ffffff 100%);
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px
}

.switch.loading .knob:before {
    background: #f7f7f7 url('../assets/spinner.gif?1528279111') no-repeat center;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    border: 0;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-animation: fadeInZoom 0.2s ease-in-out;
    -webkit-animation: fadeInZoom 0.2s ease-in-out;
    animation: fadeInZoom 0.2s ease-in-out
}

.switch.loading .knob:after {
    display: none
}

.proxy {
    background: transparent;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 34px;
    width: 55px
}

.proxy .cloud {
    border: 1px solid transparent;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.proxy .cloud:before,
.proxy .cloud:after {
    background: transparent url('../assets/icons-seee324dde5.png') 0 -150px no-repeat;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 100%;
    -moz-transition: opacity, ease 0.15s;
    -o-transition: opacity, ease 0.15s;
    -webkit-transition: opacity, ease 0.15s;
    transition: opacity, ease 0.15s
}

.proxy .cloud:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-position: 0 -82px
}

.proxy input:checked+.cloud:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.proxy input:checked+.cloud:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.proxy input:focus+.cloud {
    border-color: #d5d7d8
}

.proxy.non-editable,
.proxy.unproxiable {
    cursor: default
}

.proxy.unproxiable .cloud:before {
    background: transparent url('../assets/icons-seee324dde5.png') 0 -116px no-repeat
}

.control-group,
.purge-tags__inner {
    padding: 0.75em 0;
    position: relative;
    width: 100%;
    clear: left
}

.control-group input,
.purge-tags__inner input,
.control-group select,
.purge-tags__inner select,
.control-group textarea,
.purge-tags__inner textarea,
.control-group .input-prepend,
.purge-tags__inner .input-prepend,
.control-group .input-append,
.purge-tags__inner .input-append {
    margin-bottom: 0
}

.control-group.info input,
.info.purge-tags__inner input,
.control-group.info select,
.info.purge-tags__inner select,
.control-group.info .select2-container,
.info.purge-tags__inner .select2-container,
.control-group.info .select2-choice,
.info.purge-tags__inner .select2-choice,
.control-group.info .select2-choice div,
.info.purge-tags__inner .select2-choice div {
    border-color: #2c7cb0;
    color: #333
}

.control-group.info label,
.info.purge-tags__inner label,
.control-group.info .control-label,
.info.purge-tags__inner .control-label {
    color: #2c7cb0
}

.control-group.info .help-inline,
.info.purge-tags__inner .help-inline,
.control-group.info .help-block,
.info.purge-tags__inner .help-block {
    color: #2c7cb0
}

.control-group.error input,
.error.purge-tags__inner input,
.control-group.error select,
.error.purge-tags__inner select,
.control-group.error .select2-container,
.error.purge-tags__inner .select2-container,
.control-group.error .select2-choice,
.error.purge-tags__inner .select2-choice,
.control-group.error .select2-choice div,
.error.purge-tags__inner .select2-choice div {
    border-color: #bf223c;
    color: #a01c32
}

.control-group.error label,
.error.purge-tags__inner label,
.control-group.error .control-label,
.error.purge-tags__inner .control-label {
    color: #bf223c
}

.control-group.error .help-inline,
.error.purge-tags__inner .help-inline,
.control-group.error .help-block,
.error.purge-tags__inner .help-block {
    color: #bf223c
}

.control-group.success input,
.success.purge-tags__inner input,
.control-group.success select,
.success.purge-tags__inner select,
.control-group.success .select2-container,
.success.purge-tags__inner .select2-container,
.control-group.success .select2-choice,
.success.purge-tags__inner .select2-choice,
.control-group.success .select2-choice div,
.success.purge-tags__inner .select2-choice div {
    border-color: #79c698;
    color: #333
}

.control-group.success label,
.success.purge-tags__inner label,
.control-group.success .control-label,
.success.purge-tags__inner .control-label {
    color: #46a46c
}

.control-group.success .help-inline,
.success.purge-tags__inner .help-inline,
.control-group.success .help-block,
.success.purge-tags__inner .help-block {
    color: #46a46c
}

.control-group.warning input,
.warning.purge-tags__inner input,
.control-group.warning select,
.warning.purge-tags__inner select,
.control-group.warning .select2-container,
.warning.purge-tags__inner .select2-container,
.control-group.warning .select2-choice,
.warning.purge-tags__inner .select2-choice,
.control-group.warning .select2-choice div,
.warning.purge-tags__inner .select2-choice div {
    border-color: #f4a15d;
    color: #e06d10
}

.control-group.warning label,
.warning.purge-tags__inner label,
.control-group.warning .control-label,
.warning.purge-tags__inner .control-label {
    color: #f4a15d
}

.control-group.warning .help-inline,
.warning.purge-tags__inner .help-inline,
.control-group.warning .help-block,
.warning.purge-tags__inner .help-block {
    color: #f4a15d
}

.controls input,
.controls select,
.controls textarea {
    max-width: 100%
}

.controls .radio:only-child,
.controls .checkbox:only-child {
    margin-bottom: 0
}

.controls label,
.control-label label {
    line-height: 1.3
}

.input-stacked input,
.input-stacked select,
.input-stacked textarea,
.input-stacked .select2-container {
    display: block;
    margin-bottom: 0
}

.input-stacked input~input,
.input-stacked input~select,
.input-stacked input~.select2-container,
.input-stacked select~input,
.input-stacked select~select,
.input-stacked select~.select2-container,
.input-stacked textarea~input,
.input-stacked textarea~select,
.input-stacked textarea~.select2-container,
.input-stacked .select2-container~input,
.input-stacked .select2-container~select,
.input-stacked .select2-container~.select2-container {
    margin-top: 0.375rem
}

.input-prepend,
.input-append {
    font-size: 0;
    margin: 0 0 1rem;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.input-prepend input,
.input-prepend select,
.input-append input,
.input-append select {
    font-size: 0.875rem;
    margin: 0;
    position: relative;
    vertical-align: top;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 5px 0
}

.input-prepend .btn,
.input-prepend .btn-cancel,
.input-prepend .add-on,
.input-append .btn,
.input-append .btn-cancel,
.input-append .add-on {
    border-color: #8d9296;
    font-size: 0.875rem;
    line-height: 1.4;
    height: 2.25rem;
    margin: 0 -1px 0 0;
    min-width: 1em;
    position: relative;
    text-align: center;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.input-prepend .btn:first-child,
.input-prepend .btn-cancel:first-child,
.input-prepend .add-on:first-child,
.input-append .btn:first-child,
.input-append .btn-cancel:first-child,
.input-append .add-on:first-child {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px
}

.input-prepend .btn:last-child,
.input-prepend .btn-cancel:last-child,
.input-prepend .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-cancel:last-child,
.input-append .add-on:last-child {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 5px 0
}

.input-prepend .add-on,
.input-append .add-on {
    background-color: #d5d7d8;
    border-width: 1px;
    border-style: solid;
    color: #4e5255;
    padding: 0.5rem 0.625rem
}

.input-prepend input:hover,
.input-prepend input:active,
.input-prepend input:focus,
.input-prepend select:hover,
.input-prepend select:active,
.input-prepend select:focus,
.input-prepend .add-on:hover,
.input-prepend .add-on:active,
.input-prepend .add-on:focus,
.input-append input:hover,
.input-append input:active,
.input-append input:focus,
.input-append select:hover,
.input-append select:active,
.input-append select:focus,
.input-append .add-on:hover,
.input-append .add-on:active,
.input-append .add-on:focus {
    z-index: 5
}

.input-append input,
.input-append select {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px
}

.input-append .btn,
.input-append .btn-cancel,
.input-append .add-on {
    margin-left: -1px;
    margin-right: 0
}

.input-prepend.input-append input,
.input-prepend.input-append select {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.input-prepend.input-append .btn,
.input-prepend.input-append .btn-cancel,
.input-prepend.input-append .add-on {
    margin-left: -1px;
    margin-right: 0
}

.input-prepend.input-append .btn:first-child,
.input-prepend.input-append .btn-cancel:first-child,
.input-prepend.input-append .add-on:first-child {
    margin-left: 0;
    margin-right: -1px
}

.form-stacked .control-group>input[name]:only-of-type,
.form-stacked .purge-tags__inner>input[name]:only-of-type,
.form-stacked .control-group>select:only-of-type,
.form-stacked .purge-tags__inner>select:only-of-type,
.form-stacked .control-group>.select2-container:only-of-type,
.form-stacked .purge-tags__inner>.select2-container:only-of-type {
    display: block;
    width: 100%
}

.form-stacked input[type="checkbox"],
.form-stacked input[type="button"],
.form-stacked input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.form-inline .btn,
.form-inline .btn-cancel,
.form-inline button,
.form-inline label,
.form-inline input,
.form-inline select,
.form-inline .help-inline {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0.375rem;
    vertical-align: middle
}

.form-inline .btn:first-child,
.form-inline .btn-cancel:first-child,
.form-inline button:first-child,
.form-inline label:first-child,
.form-inline input:first-child,
.form-inline select:first-child,
.form-inline .help-inline:first-child {
    margin-left: 0
}

.form-inline input[type="radio"],
.form-inline input[type="checkbox"] {
    float: none;
    margin: 0 0.1875em 0 0
}

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

.ui-search {
    font-size: 1rem;
    position: relative
}

.ui-search input {
    padding-left: 2.5em
}

.ui-search .icon-search,
.ui-search .clear-icon,
.ui-search .icon-loading {
    font-size: 0.875em;
    line-height: 1;
    padding: 0.8em;
    position: absolute
}

.ui-search .icon-search {
    color: #4d4d4d;
    position: absolute;
    top: 0;
    left: 0
}

.ui-search .clear-icon {
    color: #8d9296;
    cursor: pointer;
    display: none;
    top: 0;
    right: 0
}

.ui-search .clear-icon:hover {
    color: #73787d
}

.ui-search .clear-icon:active {
    color: #5a5f62
}

.ui-search .icon-loading {
    top: 0;
    right: 2.6em
}

.radio-group-jumbo {
    color: #4e5255;
    list-style: none;
    margin: 0;
    width: 100%
}

.radio-group-jumbo>li {
    margin: 0;
    padding: 0;
    position: relative
}

.radio-group-jumbo>li>* {
    background-color: #fcfcfc;
    padding: 1rem 3rem
}

.radio-group-jumbo>li>*+* {
    border-top: 1px solid #e6e6e6
}

.radio-group-jumbo>li+li {
    border-left: 1px solid #e6e6e6
}

.radio-group-jumbo>li:hover>* {
    background-color: #FFF;
    color: #333
}

.radio-group-jumbo>li:hover label {
    background-color: #f4f5f5;
    color: #2c7cb0
}

.radio-group-jumbo label {
    border-top: 0;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 1.5rem 1rem;
    position: relative;
    text-align: center
}

.radio-group-jumbo label:after {
    border: 0 solid transparent;
    border-top-color: #FFF;
    content: '';
    display: block;
    height: 0;
    margin-left: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0
}

.radio-group-jumbo label+* {
    padding-top: 2rem
}

.radio-group-jumbo .list {
    text-align: left;
    margin: 0;
    padding: 0
}

.radio-group-jumbo .list li {
    padding: 1rem 2.5rem
}

.radio-group-jumbo .list li+li {
    border-top: 1px solid #e6e6e6
}

.radio-group-jumbo input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0
}

.radio-group-jumbo input[type="radio"]:checked~* {
    background-color: #FFF;
    color: #333
}

.radio-group-jumbo input[type="radio"]:checked+label {
    background-color: #2c7cb0;
    color: #FFF;
    z-index: 1;
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.radio-group-jumbo input[type="radio"]:checked+label:after {
    border-top-color: #2c7cb0;
    border-width: 16px;
    margin-left: -16px
}

.radio-group-jumbo input[type="radio"]:disabled+label {
    cursor: default;
    color: #4e5255
}

.radio-group-jumbo input[type="radio"]:disabled~* {
    background-color: #f7f7f7
}

.radio-group-jumbo label,
.radio-group-jumbo label:after,
.radio-group-jumbo .list {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.password-strength {
    padding: 0.625em 0 0;
    font-style: italic;
    font-size: 0.875em
}

.password-strength p {
    margin-top: 0
}

.password-strength p:last-child {
    color: #4e5255
}

.help-inline,
.help-block {
    font-size: 0.875rem
}

.help-inline:empty,
.help-block:empty {
    display: none
}

.help-inline {
    display: inline;
    padding: 0 0.5em
}

.help-block {
    display: block;
    margin: 0 0 1em
}

.input-assist {
    font-size: 0.8125rem;
    line-height: 2.25rem;
    position: absolute;
    top: 0;
    right: 0.70313em;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

input~.alert,
select~.alert,
form .alert {
    margin-top: 0.5em
}

.input-alert {
    position: relative
}

.input-alert:after {
    border: 10px solid transparent;
    border-bottom-color: inherit;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    -webkit-filter: drop-shadow(0 -1px 0px rgba(0, 0, 0, 0.6));
    filter: drop-shadow(0 -1px 0px rgba(0, 0, 0, 0.6))
}

.input-alert.alert-error:after {
    border-bottom-color: #bf223c
}

.input-alert.alert-success:after {
    border-bottom-color: #60bb85
}

.input-alert.alert-warning:after {
    border-bottom-color: #e06d10
}

.input-alert.alert-info:after {
    border-bottom-color: #2c7cb0
}

.flexbox .input-prepend,
.flexbox .input-append {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flexbox .input-prepend input,
.flexbox .input-prepend .select2-container,
.flexbox .input-append input,
.flexbox .input-append .select2-container {
    display: block;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto
}

.flexbox .input-prepend .btn,
.flexbox .input-prepend .btn-cancel,
.flexbox .input-prepend .add-on,
.flexbox .input-append .btn,
.flexbox .input-append .btn-cancel,
.flexbox .input-append .add-on {
    display: block
}

.flexbox .input-prepend .add-on,
.flexbox .input-append .add-on {
    max-width: 60%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto
}

.flexbox .radio-group-jumbo {
    justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flexbox .radio-group-jumbo li {
    display: block;
    flex: 1 0 0;
    -webkit-flex: 1 0 0
}

.ws-range,
.ws-range *,
.placeholder-box,
.placeholder-text,
.input-datetime-local,
.input-buttons,
.input-buttons *,
.details-open-indicator,
.ws-input-seperator,
progress span.progress-value {
    margin: 0;
    padding: 0;
    border: none;
    width: auto;
    background: transparent none
}

output {
    position: relative
}

.placeholder-box {
    position: relative
}

.polyfill-important .placeholder-box {
    position: relative !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important
}

.placeholder-box-input {
    vertical-align: bottom
}

.placeholder-box-left {
    float: left
}

.placeholder-box-right {
    float: right
}

.placeholder-text {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    color: #999;
    line-height: 1;
    cursor: text
}

.polyfill-important .placeholder-text {
    margin: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    display: none !important
}

.placeholder-visible .placeholder-text,
.placeholder-text.placeholder-visible {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.placeholder-box-input .placeholder-text {
    white-space: nowrap
}

.placeholder-visible {
    color: #999
}

.placeholder-focused.placeholder-visible {
    color: #ccc
}

.polyfill-important .placeholder-visible .placeholder-text,
.polyfill-important .placeholder-text.placeholder-visible {
    display: inline-block !important
}

.has-input-buttons {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.polyfill-important .has-input-buttons {
    display: inline-block !important
}

.input-buttons,
.step-controls,
.ws-popover-opener {
    zoom: 1;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 0;
    vertical-align: middle;
    margin-left: -20px
}

.no-arrows+.input-buttons {
    display: none
}

.step-controls,
.ws-popover-opener {
    position: relative;
    float: left;
    margin: 0;
    height: 19px;
    width: 15px
}

.ws-popover-opener {
    cursor: pointer;
    overflow: visible;
    margin: 0;
    position: relative;
    width: 20px;
    zoom: 1
}

.ws-popover-opener:hover {
    background: none;
    border-color: none;
    color: #73787d
}

.ws-popover-opener:before {
    content: '\F073';
    font-family: 'cloudflare-font';
    font-size: 16px
}

.ws-popover-opener span {
    display: none
}

.polyfill-important .input-buttons {
    display: inline-block !important;
    padding: 0 !important;
    vertical-align: middle !important
}

.input-buttons.input-button-size-1.month-input-buttons,
.input-buttons.input-button-size-1.date-input-buttons {
    margin-left: -24px
}

.input-buttons.input-button-size-2 {
    margin-left: -39px
}

.input-buttons.ws-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    opacity: 0.95
}

.input-buttons.ws-disabled *,
.input-buttons.ws-readonly * {
    cursor: default
}

.step-controls span {
    border: 4px solid transparent;
    position: absolute;
    left: 3px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0
}

.step-controls span:hover {
    border-bottom-color: #73787d
}

.step-controls span.mousepress-ui {
    border-bottom-color: #2c7cb0
}

.ws-disabled .step-controls span {
    border-bottom-color: #9a9fa2
}

.polyfill-important .step-controls span {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important
}

.step-controls span.step-up {
    border-bottom-color: #8d9296;
    top: 0
}

.step-controls span.step-down {
    border-top-color: #8d9296;
    top: 12px
}

.ws-input {
    letter-spacing: -0.31em;
    word-spacing: -0.43em
}

.ws-input>* {
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal
}

.ws-input .ws-input-seperator {
    vertical-align: middle;
    width: 2%;
    overflow: hidden
}

.ws-input+.input-buttons {
    margin-left: 2px
}

.ws-input input,
.ws-input .ws-input-seperator {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.polyfill-important .ws-input input,
.polyfill-important .ws-input .ws-input-seperator {
    display: inline-block !important
}

.ws-date .mm,
.ws-date .dd {
    width: 23.5%
}

.no-boxsizing .ws-date .mm,
.no-boxsizing .ws-date .dd {
    width: 16%
}

.ws-date .yy {
    width: 48%
}

.no-boxsizing .ws-date .yy {
    width: 40%
}

.ws-month .mm,
.ws-month .yy {
    width: 47.9%
}

.no-boxsizing .ws-month .mm,
.no-boxsizing .ws-month .yy {
    width: 41%
}

.ws-range {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    zoom: 1;
    height: 1px;
    width: 155px;
    border-radius: 1px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    top: 12px
}

.ws-range:focus {
    outline: none
}

.polyfill-important .ws-range {
    display: inline-block !important;
    padding: 0 !important;
    font-size: 0 !important
}

.ws-range .ws-range-thumb {
    background-color: #4e5255;
    border: 1px solid #333;
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 4;
    overflow: hidden;
    margin: 0 0 0 -7px;
    height: 14px;
    width: 14px;
    cursor: pointer;
    outline: none;
    font-size: 0;
    line-height: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.ws-range .ws-range-thumb:hover {
    border-color: #4e5255
}

.ws-range .ws-range-thumb:active {
    background-color: #333
}

.ws-range.ws-focus .ws-range-thumb {
    background-position: -20px 1px
}

.ws-range.ws-active .ws-range-thumb {
    background-position: -37px 1px
}

.ws-range[aria-disabled="true"],
.ws-range[aria-readonly="true"] {
    cursor: default;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    opacity: 0.95
}

.ws-range[aria-disabled="true"] .ws-range-thumb,
.ws-range[aria-readonly="true"] .ws-range-thumb {
    cursor: default
}

.ws-range[aria-disabled="true"] .ws-range-thumb {
    background-position: -54px 1px
}

.ws-range .ws-range-rail {
    border-top: 1px solid #8d9296;
    position: absolute;
    top: -10px;
    bottom: 0;
    left: 5px;
    right: 5px;
    display: block;
    margin: 0;
    zoom: 1
}

.ws-range .ws-range-min {
    position: absolute;
    top: -10px;
    left: 0;
    position: absolute !important;
    display: block;
    padding: 0 !important;
    height: 1px;
    z-index: 1;
    overflow: hidden;
    background: #f4a15d
}

.ws-range .ws-range-ticks {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 1px;
    margin: 0 0 0 -1.5px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    background: #ccc
}

.ws-range.vertical-range {
    background: url('../assets/vertical-range.png?1528279111') center bottom no-repeat;
    width: 20px
}

.ws-range.vertical-range .ws-range-thumb {
    top: 0;
    left: 3px;
    bottom: auto;
    background: url('../assets/vertical-range.png?1528279111') 0 -51px no-repeat;
    margin: -6px 0 0 0;
    height: 11px;
    width: 22px
}

.ws-range.vertical-range .ws-range-thumb:hover,
.ws-range.vertical-range.ws-focus .ws-range-thumb {
    background-position: 0 -34px
}

.ws-range.vertical-range.ws-active .ws-range-thumb {
    background-position: 0 -17px
}

.ws-range.vertical-range[aria-disabled="true"] .ws-range-thumb {
    background-position: 0 0
}

.ws-range.vertical-range .ws-range-min {
    top: auto;
    bottom: 1px;
    left: 0;
    width: 1px;
    height: 0
}

.ws-range.vertical-range .ws-range-rail {
    top: 5px;
    left: 0;
    right: 0;
    bottom: 5px
}

.ws-range.vertical-range .ws-range-ticks {
    bottom: auto;
    left: auto;
    right: 0;
    height: 1px;
    width: 4px
}

.ws-popover {
    display: block;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 6px;
    margin: 0 0 0 -6px;
    z-index: 1600;
    min-width: 90px;
    -moz-transition: visibility 400ms ease-in-out;
    -o-transition: visibility 400ms ease-in-out;
    -webkit-transition: visibility 400ms ease-in-out;
    transition: visibility 400ms ease-in-out
}

.ws-popover button {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    overflow: visible;
    position: relative;
    margin: 0;
    border: 0;
    padding: 0;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: arial, sans-serif;
    background: transparent;
    cursor: pointer
}

.ws-popover button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ws-popover button[disabled] {
    cursor: default;
    color: #888
}

.ws-popover.ws-po-visible {
    visibility: visible
}

.ws-po-outerbox {
    position: relative;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    padding: 11px 0 4px;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.ws-popover.ws-po-visible .ws-po-outerbox {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.ws-po-box {
    border: 1px solid #d5d7d8;
    background: #FFF;
    padding: 0.5rem 1rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.ws-po-arrow {
    position: absolute;
    top: 4px;
    left: 20px;
    display: block;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: none;
    zoom: 1;
    font-size: 0
}

html .ws-po-arrow {
    border-left-color: transparent;
    border-right-color: transparent
}

html .ws-po-arrow .ws-po-arrowbox {
    border-left-color: transparent;
    border-right-color: transparent
}

.polyfill-important .ws-po-arrow {
    border-left-color: transparent !important;
    border-right-color: transparent !important
}

.polyfill-important .ws-po-arrow .ws-po-arrowbox {
    border-left-color: transparent !important;
    border-right-color: transparent !important
}

* html .ws-po-arrow {
    display: none
}

.ws-po-arrow .ws-po-arrowbox {
    position: relative;
    top: 1px;
    left: -9px;
    display: block;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 7px solid #fefefe;
    border-top: none;
    z-index: 999999999
}

.validity-alert {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
    z-index: 1000000000
}

.validity-alert .ws-po-outerbox {
    padding: 6px 0 0
}

.validity-alert .ws-po-box {
    background-color: #bf223c;
    border: 1px solid #a01c32;
    color: #FFF
}

.validity-alert .ws-po-arrow {
    border-bottom-color: #a01c32;
    top: 0
}

.validity-alert .ws-po-arrow .ws-po-arrowbox {
    border-bottom-color: #bf223c
}

.ui-item .validity-alert {
    white-space: nowrap
}

.input-picker {
    outline: none;
    text-align: center;
    font-family: sans-serif;
    width: 300px
}

.input-picker.ws-size-2 {
    width: 538px
}

.input-picker.ws-size-3 {
    width: 796px
}

.input-picker abbr[title] {
    cursor: help
}

.input-picker li,
.input-picker button {
    font-size: 0.8125em;
    line-height: 1.25;
    color: #000;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    -webkit-transition: all 400ms;
    transition: all 400ms
}

.input-picker .ws-focus,
.input-picker :focus {
    outline: 1px solid #2c7cb0
}

.input-picker .ws-po-box {
    position: relative;
    padding: 0;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.input-picker .ws-prev,
.input-picker .ws-next {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    z-index: 1
}

.input-picker .ws-prev:after,
.input-picker .ws-next:after {
    border: 6px solid transparent;
    border-left-color: #333;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -6px
}

.input-picker .ws-prev span,
.input-picker .ws-next span {
    display: none
}

.input-picker .ws-picker-body {
    position: relative;
    padding: 40px 0 0;
    zoom: 1
}

.input-picker .ws-prev {
    left: 0;
    right: auto
}

.input-picker .ws-prev:after {
    border-left-color: transparent;
    border-right-color: #333;
    margin-left: -10px
}

.input-picker .ws-button-row {
    position: relative;
    margin: 10px 0 0;
    border-top: 1px solid #d5d7d8;
    text-align: left;
    z-index: 2
}

.input-picker .ws-button-row button {
    padding: 10px
}

.input-picker .ws-button-row button.ws-empty {
    float: right
}

.input-picker[data-currentview="setMonthList"] .ws-picker-header select {
    max-width: 95%
}

.input-picker[data-currentview="setDayList"] .ws-picker-header select {
    max-width: 40%
}

.input-picker[data-currentview="setDayList"] .ws-picker-header select.month-select {
    max-width: 55%
}

.input-picker .ws-picker-header {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 40px
}

.input-picker .ws-picker-header button {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 100%;
    margin: 0;
    padding: 4px 0;
    font-weight: 700
}

.input-picker .ws-picker-header button:hover {
    text-decoration: underline
}

.input-picker .ws-picker-header button[disabled]:hover {
    text-decoration: none
}

.input-picker .picker-grid {
    position: relative;
    zoom: 1;
    overflow: hidden
}

.input-picker.ws-size-1 .picker-list {
    float: none;
    width: auto
}

.input-picker .picker-list {
    position: relative;
    zoom: 1;
    width: 238px;
    float: left;
    margin: 0 10px
}

.input-picker .picker-list tr {
    border: 0
}

.input-picker .picker-list th,
.input-picker .picker-list td {
    padding: 3px 5px
}

.input-picker .picker-list.day-list td {
    padding: 2px 1px
}

.input-picker .picker-list td button {
    display: block;
    width: 100%
}

.input-picker .picker-list td button.othermonth {
    color: #4e5255
}

.input-picker .picker-list table {
    width: 100%;
    border: 0 none;
    border-collapse: collapse
}

.input-picker .picker-list th,
.input-picker .picker-list td.week-cell {
    font-size: 0.8125em;
    line-height: 1.1em;
    padding-bottom: 3px;
    text-transform: uppercase;
    font-weight: 700
}

.input-picker .picker-list th,
.input-picker .picker-list td {
    width: 14.2856%
}

.input-picker .ws-options {
    margin: 10px 0 0;
    border-top: 1px solid #d5d7d8;
    padding: 10px 0 0;
    text-align: left
}

.input-picker .ws-options h5 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 0.875em;
    font-weight: bold
}

.input-picker .ws-options ul,
.input-picker .ws-options li {
    padding: 0;
    margin: 0;
    list-style: none
}

.input-picker .ws-options button {
    display: block;
    padding: 2px 0;
    width: 100%;
    text-align: left
}

.input-picker .ws-options button.ws-focus,
.input-picker .ws-options button:focus,
.input-picker .ws-options button:hover {
    text-decoration: underline
}

.input-picker .ws-options button[disabled],
.input-picker .ws-options button[disabled].ws-focus,
.input-picker .ws-options button[disabled]:focus,
.input-picker .ws-options button[disabled]:hover {
    color: #4e5255;
    text-decoration: none
}

datalist {
    display: none
}

.datalist-polyfill {
    position: absolute !important;
    font-size: 100%
}

.datalist-polyfill .datalist-box {
    position: relative;
    max-height: 200px;
    overflow: hidden;
    overflow-x: hidden !important;
    overflow-y: auto
}

.datalist-polyfill .ws-po-box {
    padding: 0
}

.datalist-polyfill ul,
.datalist-polyfill li {
    font-size: 100%;
    list-style: none !important
}

.datalist-polyfill ul {
    position: static !important;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: auto !important;
    background-color: #FFF;
    color: #333
}

.datalist-polyfill li {
    margin: 0;
    padding: 0.25em 0.5em;
    cursor: default;
    zoom: 1;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: #FFF;
    -moz-transition: background-color 250ms;
    -o-transition: background-color 250ms;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms
}

.datalist-polyfill mark {
    font-weight: normal;
    font-style: normal
}

.datalist-polyfill .option-value {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #333;
    float: left;
    -moz-transition: color 250ms;
    -o-transition: color 250ms;
    -webkit-transition: color 250ms;
    transition: color 250ms
}

.datalist-polyfill .option-label {
    display: none;
    max-width: 100%;
    float: right;
    font-size: 90%;
    color: #4e5255;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: bottom;
    margin-top: 0.15em;
    margin-left: 10px;
    text-align: right;
    -moz-transition: color 400ms;
    -o-transition: color 400ms;
    -webkit-transition: color 400ms;
    transition: color 400ms
}

.datalist-polyfill .has-option-label .option-label {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.datalist-polyfill .hidden-item {
    display: none !important
}

.datalist-polyfill .active-item {
    background-color: #2c7cb0;
    cursor: default
}

.datalist-polyfill .active-item .option-value {
    color: #FFF
}

.datalist-polyfill .active-item .option-label {
    color: #d5d7d8
}

progress {
    border: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 12px;
    position: relative;
    width: auto;
    -moz-appearance: none;
    -webkit-appearance: none
}

progress[data-position] {
    background: #e6e6e6;
    border: none;
    vertical-align: -0.2em
}

progress>* {
    display: none
}

progress span.progress-value {
    background: #2c7cb0;
    display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

progress[aria-valuenow] span.progress-value {
    background: #2c7cb0
}

progress::-webkit-progress-bar {
    background-color: #e6e6e6;
    color: #e6e6e6
}

progress::-webkit-progress-value {
    background-color: #2c7cb0;
    color: #2c7cb0;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease
}

progress::-moz-progress-bar {
    background-color: #2c7cb0;
    color: #2c7cb0
}

progress:indeterminate {
    background-color: #f4a15d;
    color: #f4a15d
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 2.6 / 2),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio: 1.3),
only screen and (min-resolution: 1.3dppx) {

    .proxy .cloud:before,
    .proxy .cloud:after {
        background-image: url('../assets/icons_2x-s6333fe7591.png');
        -moz-background-size: 170px, auto;
        -o-background-size: 170px, auto;
        -webkit-background-size: 170px, auto;
        background-size: 170px, auto
    }
}

@media screen and (min-width: 46.25em) {

    form .columns.two>.column,
    form .columns.cols-2>.column,
    form .columns.four>.column,
    form .columns.cols-4>.column {
        padding-left: 0;
        padding-right: 0.42857em;
        width: 50%
    }

    form .columns.two>.column:nth-child(even),
    form .columns.cols-2>.column:nth-child(even),
    form .columns.four>.column:nth-child(even),
    form .columns.cols-4>.column:nth-child(even) {
        padding-left: 0.42857em;
        padding-right: 0
    }

    .form-horizontal legend {
        padding-left: 30%;
        width: 70%
    }

    .form-horizontal .control-label {
        color: #333;
        float: left;
        font-size: 0.875rem;
        margin-bottom: 0;
        padding: 0.5625em 1.5rem 0.4375em 0;
        text-align: right;
        width: 30%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .form-horizontal .control-label label {
        display: block
    }

    .form-horizontal .checkbox-label {
        padding-top: 0
    }

    .form-horizontal .controls {
        margin-left: 30%;
        width: 70%
    }

    .form-horizontal .controls .columns {
        overflow: hidden
    }
}

.label,
.badge {
    background-color: #4e5255;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1;
    padding: 4px 8px;
    white-space: nowrap;
    text-transform: uppercase;
    -webkit-text-stroke: 0;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

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

.label {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.badge {
    padding-left: 0.375em;
    padding-right: 0.375em;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px
}

.label-error,
.label-important {
    background-color: #bf223c
}

.label-error[href],
.label-important[href] {
    background-color: #a01c32
}

.label-warning {
    background-color: #f4a15d
}

.label-warning[href] {
    background-color: #e06d10
}

.label-success {
    background-color: #79c698
}

.label-success[href] {
    background-color: #46a46c
}

.label-info {
    background-color: #2c7cb0
}

.label-info[href] {
    background-color: #276d9b
}

.label-inverse {
    background-color: #333
}

.label-inverse[href] {
    background-color: #000
}

.badge-error,
.badge-important {
    background-color: #bf223c
}

.badge-error[href],
.badge-important[href] {
    background-color: #a01c32
}

.badge-warning {
    background-color: #f4a15d
}

.badge-warning[href] {
    background-color: #e06d10
}

.badge-success {
    background-color: #79c698
}

.badge-success[href] {
    background-color: #46a46c
}

.badge-info {
    background-color: #2c7cb0
}

.badge-info[href] {
    background-color: #276d9b
}

.badge-inverse {
    background-color: #333
}

.badge-inverse[href] {
    background-color: #000
}

.badge-reverse {
    background-color: transparent;
    border: 1px solid #4e5255;
    color: #4e5255;
    text-shadow: none
}

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

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

.btn-mini .label,
.btn-mini .badge {
    top: 0
}

.ui-item {
    position: relative;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.ui-item+.ui-item,
.ui-item+.btn,
.ui-item+.btn-cancel {
    margin-left: 0.375rem
}

.ui-item select,
.ui-item .select2-container {
    width: 100%
}

.ui-item input,
.ui-item select {
    margin-bottom: 0
}

.ui-block {
    display: block;
    margin-bottom: 1em
}

.ui-group,
.btn-group {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

.ui-group+.ui-group,
.ui-group+.btn-group,
.ui-group+.ui-item,
.btn-group+.ui-group,
.btn-group+.btn-group,
.btn-group+.ui-item {
    margin-left: 0.375rem
}

.ui-group>.btn,
.ui-group>.btn-cancel,
.ui-group>.dropdown-menu,
.ui-group>.popover,
.ui-group>.select2-container,
.ui-group>.ui-item,
.btn-group>.btn,
.btn-group>.btn-cancel,
.btn-group>.dropdown-menu,
.btn-group>.popover,
.btn-group>.select2-container,
.btn-group>.ui-item {
    font-size: 0.9375rem;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.ui-item:empty,
.ui-group:empty,
.btn-group:empty {
    display: none
}

.ui-item>input,
.ui-group>input,
.btn-group>input {
    font-size: 0.875rem;
    margin-bottom: 0
}

.ui-toolbar {
    display: block;
    font-size: 0;
    margin-bottom: 0.66667rem;
    margin-top: 0.66667rem
}

.ui-toolbar .btn+.ui-item,
.ui-toolbar .btn-cancel+.ui-item,
.ui-toolbar .btn+.ui-group,
.ui-toolbar .btn-cancel+.ui-group,
.ui-toolbar .btn+.btn-group,
.ui-toolbar .btn-cancel+.btn-group,
.ui-toolbar .ui-group+.btn,
.ui-toolbar .ui-group+.btn-cancel,
.ui-toolbar .ui-group+.btn-group,
.ui-toolbar .btn-group+.btn,
.ui-toolbar .btn-group+.btn-cancel,
.ui-toolbar .btn-group+.ui-item,
.ui-toolbar .ui-item+.btn,
.ui-toolbar .ui-item+.btn-cancel,
.ui-toolbar .ui-item+.btn-group,
.ui-toolbar .ui-item+.ui-group {
    margin-left: 0.375rem
}

.ui-toolbar>.btn,
.ui-toolbar>.btn-cancel,
.ui-toolbar>.dropdown-menu,
.ui-toolbar>.popover,
.ui-toolbar>.select2-container,
.ui-toolbar>.ui-item {
    font-size: 0.9375rem;
    margin-bottom: 0
}

.ui-toolbar>select,
.ui-toolbar>input {
    font-size: 14px;
    margin-bottom: 0
}

.ui-toolbar>i {
    height: 2.25rem
}

.btn-group>.btn,
.btn-group>.btn-cancel {
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-group>.btn:hover,
.btn-group>.btn-cancel:hover,
.input-picker .picker-list td .btn-group>button.checked-value,
.btn-group>.btn:focus,
.btn-group>.btn-cancel:focus,
.btn-group>.btn:active,
.btn-group>.btn-cancel:active,
.btn-group>.btn.active,
.btn-group>.active.btn-cancel {
    z-index: 5
}

.btn-group>.btn:first-of-type:not(:last-child),
.btn-group>.btn-cancel:first-of-type:not(:last-child) {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.btn-group>.btn:last-of-type:not(:first-child),
.btn-group>.btn-cancel:last-of-type:not(:first-child) {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
}

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

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

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-cancel {
    display: block;
    float: none;
    margin: 0.375rem auto;
    max-width: 100%
}

.pagination .btn,
.pagination .btn-cancel {
    background-color: transparent;
    border-color: transparent;
    color: #2c7cb0;
    padding-left: 0.5em;
    padding-right: 0.5em
}

.pagination .btn:hover,
.pagination .btn-cancel:hover,
.pagination .input-picker .picker-list td button.checked-value,
.input-picker .picker-list td .pagination button.checked-value {
    background-color: transparent;
    border-color: transparent;
    color: #f4a15d
}

.pagination .btn.active,
.pagination .active.btn-cancel,
.pagination .btn:active,
.pagination .btn-cancel:active {
    background-color: transparent;
    border-color: transparent;
    color: #a1a1a1
}

.pagination .btn.inactive,
.pagination .inactive.btn-cancel,
.pagination .btn.disabled,
.pagination .disabled.btn-cancel,
.pagination .btn.loading,
.pagination .loading.btn-cancel,
.pagination .btn[disabled],
.pagination [disabled].btn-cancel {
    background-color: transparent;
    border-color: transparent;
    color: #a1a1a1
}

.pagination .btn+.pagination-set,
.pagination .btn-cancel+.pagination-set,
.pagination .pagination-set+.btn,
.pagination .pagination-set+.btn-cancel {
    margin-left: 0.375rem
}

.pagination li+li {
    margin-left: 0.375rem
}

.pagination .num-break {
    color: #a1a1a1;
    cursor: default;
    padding-left: 0;
    padding-right: 0
}

.pagination .pagination-info {
    font-size: 0.875rem;
    padding-left: 1em
}

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

.pagination ol,
.pagination ul,
.pagination li {
    display: inline;
    font-size: 0
}

.caret {
    border: 0.3125em solid transparent;
    border-top-color: inherit;
    content: "";
    height: 0;
    width: 0;
    vertical-align: top;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.dropdown {
    position: relative
}

.dropdown .caret {
    margin-top: 0.23438em;
    margin-left: 0.125em
}

.dropdown-toggle:active,
.open .dropdown-toggle {
    outline: 0
}

.dropdown-menu {
    background-color: #FFF;
    border: 1px solid #d5d7d8;
    display: none;
    float: left;
    list-style: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    top: 102%;
    left: 0;
    margin: 5px 0 0;
    min-width: 10rem;
    padding: 0.3125rem 0;
    text-align: left;
    z-index: 1040;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    -moz-animation: menuTransition 0.15s ease-out;
    -webkit-animation: menuTransition 0.15s ease-out;
    animation: menuTransition 0.15s ease-out
}

.dropdown-menu:before {
    border: 10px solid transparent;
    border-bottom-color: #FFF;
    content: '';
    position: absolute;
    top: -20px;
    left: 1rem;
    height: 0;
    width: 0
}

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

.dropdown-menu.pull-right:before {
    left: auto;
    right: 1rem
}

.dropdown-menu .divider {
    background-color: #d5d7d8;
    height: 1px;
    margin: 0.5rem 0;
    overflow: hidden
}

.dropdown-menu li>a {
    clear: both;
    display: block;
    line-height: 1.5;
    padding: 0.1875rem 1rem;
    white-space: nowrap
}

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-menu li>a:active {
    color: #FFF
}

.dropdown-menu li>a:hover {
    background-color: #2c7cb0
}

.dropdown-menu li>a:focus {
    background-color: #54a2d4
}

.dropdown-menu li>a:active {
    background-color: #0d2636
}

.dropdown-menu li>a.disabled {
    color: #4e5255;
    cursor: default;
    background-color: inherit
}

.open .dropdown-menu {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.sub-menu {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.sub-menu li:last-child {
    padding-bottom: 0.75rem
}

.sub-menu a {
    padding: 0.25rem 2rem
}

.sub-menu li.active>a,
.sub-menu a:hover {
    background-color: #318ac4
}

.sub-menu .sub-menu li:last-child {
    padding-bottom: 0
}

.sub-menu .sub-menu a {
    padding-left: 3rem
}

.sub-menu .sub-menu a:before {
    content: '\21B3';
    padding-right: 0.25rem
}

.logo {
    background: transparent url('../assets/logo.svg?1528279111') center no-repeat;
    width: 93.8px;
    height: 40px;
    overflow: hidden;
    text-indent: -9999em;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.logo.icon-only {
    background: transparent url('../assets/logo.svg?1528279111') center no-repeat;
    width: 133px
}

.close {
    color: #4e5255;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 2.3rem;
    float: right;
    height: 1.5rem;
    line-height: 0.6;
    overflow: hidden;
    position: relative;
    text-indent: 200%;
    width: 1.5rem;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.close:hover {
    color: #36383a
}

.close:before {
    content: '\D7';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    text-indent: 0;
    width: 100%
}

.cf-proxied,
.cf-unproxied,
.cf-unproxiable {
    background: transparent url('../assets/icons-seee324dde5.png') no-repeat;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    text-indent: 200%;
    height: 34px;
    width: 55px;
    background-position: 0 -82px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.cf-unproxied {
    background-position: 0 -150px;
    height: 34px;
    width: 55px
}

.cf-unproxiable {
    background-position: 0 -116px;
    height: 34px;
    width: 55px
}

@media (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {

    .logo,
    .cf-proxied,
    .cf-unproxied {
        background-image: url('../assets/icons_2x-s6333fe7591.png');
        -moz-background-size: 170px, auto;
        -o-background-size: 170px, auto;
        -webkit-background-size: 170px, auto;
        background-size: 170px, auto
    }
}

.header {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    color: #FFF;
    height: 60px;
    margin: 0 0 1em 0;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 1000
}

.gradient-bar-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNjk3NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2OTI1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-linear-gradient(315deg, #f16975, #f69259);
    background-image: -webkit-linear-gradient(315deg, #f16975, #f69259);
    background-image: linear-gradient(135deg, #f16975, #f69259);
    z-index: 1201
}

.header-main {
    top: 3px
}

.header-main .zone-picker .btn,
.header-main .zone-picker .btn-cancel {
    font-size: 1.125rem
}

.header-main .btn,
.header-main .btn-cancel {
    font-size: 0.875rem
}

.logo-navigation {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.logged-out {
    margin-top: 0;
    position: absolute;
    top: 0.5rem
}

.logo-header.logo {
    background: transparent url('../assets/logo.svg?1528279111') center no-repeat;
    min-width: 133px
}

.header-navigation {
    display: none;
    font-size: 0.875rem;
    margin-right: 1.5rem
}

.header-navigation li {
    position: relative
}

.header-navigation li.btn,
.header-navigation li.btn-cancel {
    padding: 0
}

.header-navigation a {
    color: #FFF;
    display: block;
    padding: 0.4375rem 1rem
}

.header-navigation a:hover {
    background-color: #4d4d4d
}

.icon-menu {
    cursor: pointer;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    text-indent: 200%;
    width: 60px;
    white-space: nowrap
}

.icon-menu:before {
    background: transparent url('../assets/icons-seee324dde5.png') 0 0 no-repeat;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    width: 100%
}

.mobile-navigation {
    opacity: 0;
    width: 70%;
    -moz-transition: opacity 0.05s ease 0.25s;
    -o-transition: opacity 0.05s ease 0.25s;
    -webkit-transition: opacity 0.05s ease;
    -webkit-transition-delay: 0.25s;
    transition: opacity 0.05s ease 0.25s
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 2.6 / 2),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio: 1.3),
only screen and (min-resolution: 1.3dppx) {
    .logo.logo-header {
        background: transparent url('../assets/logo.svg?1528279111') center no-repeat
    }
}

@media screen and (min-width: 46.25em) {
    .mobile-navigation {
        display: none
    }

    .header {
        background-color: #f9f9f9;
        border-bottom: 1px solid #ddd;
        height: 60px;
        color: #333;
        margin-bottom: 2.5rem
    }

    .header a:hover,
    .header li.active a {
        color: #333
    }

    .header .menu li:hover .sub-menu {
        display: block
    }

    .header-main {
        background-color: #f9f9f9;
        border-bottom: 1px solid #ddd
    }

    .logo.logo-header {
        background: transparent url('../assets/logo.svg?1528279111') center no-repeat;
        position: absolute;
        top: 0.5rem;
        left: 0%;
        margin-left: 0px;
        margin-top: 0
    }

    .logo-header {
        margin: 5.28px auto 0
    }

    .header-navigation {
        display: block;
        text-align: center;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .header-navigation .menu>li {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline
    }

    .header-navigation a {
        color: #2c7cb0;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px
    }

    .header-navigation a:hover {
        background-color: transparent
    }

    .header-navigation .dropdown--single-page-table .table-meta {
        display: none
    }

    .header-navigation .dropdown-menu {
        margin-top: 0;
        text-align: right;
        top: 100%;
        min-width: 100%;
        padding: 0;
        -moz-animation: fadeIn 0.15s ease-out;
        -webkit-animation: fadeIn 0.15s ease-out;
        animation: fadeIn 0.15s ease-out
    }

    .header-navigation .dropdown-menu:before {
        display: none
    }

    .header-navigation .dropdown-menu .pagination>ul {
        white-space: nowrap
    }

    .header-navigation .dropdown-menu .pagination li {
        display: inline-block
    }

    .header-navigation .dropdown-menu .table-pagination {
        padding-top: 0.5em;
        padding-bottom: 0.3em
    }

    .header-navigation .dropdown-menu .table-content {
        background-color: white
    }

    .header-navigation .dropdown-menu .search-box {
        padding: 0;
        border-bottom: 1px solid #d5d7d8
    }

    .header-navigation .dropdown-menu .search-box input {
        border: none
    }

    .header-navigation .dropdown-menu .search-box .clear-icon {
        right: 1em
    }

    .header-navigation .dropdown-menu .table {
        margin-bottom: 0.5em
    }

    .header-navigation .dropdown-menu .table thead {
        display: none
    }

    .header-navigation .dropdown-menu .table td {
        color: #2c7cb0;
        cursor: pointer;
        text-align: right;
        padding: 0.5em 1em;
        white-space: nowrap
    }

    .header-navigation .dropdown-menu .table-meta {
        border-top: 1px solid #d5d7d8;
        background-color: #f7f7f7
    }

    .header-navigation .dropdown-menu .divider {
        margin: 0
    }

    .header-navigation .dropdown-menu .pagination-info {
        white-space: nowrap;
        padding-right: 1em
    }

    .header-navigation .dropdown-menu .logout {
        padding-top: 0.5em;
        padding-bottom: 0.5em
    }

    .header-navigation .dropdown-menu .dropdown-link a {
        padding: 0
    }

    .header-navigation .open .dropdown-toggle {
        background-color: #333;
        color: #FFF;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 0 0
    }

    li.combo-action a {
        padding-right: 0.25em
    }

    li.combo-action a+a {
        padding-left: 0
    }

    li.combo-action .icon {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        padding-top: 0.46875rem
    }
}

@media only screen and (min-width: 46.25em) and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-wdith: 46.25em) and (-o-min-device-pixel-ratio: 2.6 / 2),
only screen and (min-wdith: 46.25em) and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-wdith: 46.25em) and (min-device-pixel-ratio: 1.3),
only screen and (min-wdith: 46.25em) and (min-resolution: 1.3dppx) {
    .logo.logo-header {
        background: transparent url('../assets/logo.svg?1528279111') center no-repeat;
        position: absolute;
        top: 0.5rem;
        left: 0%;
        margin-left: 0px;
        margin-top: 0
    }
}

@media screen and (min-width: 62em) {
    .header {
        text-align: left
    }

    .logo-header {
        float: left
    }

    .header-navigation {
        float: right;
        line-height: 31px;
        text-align: left
    }

    .header-navigation li {
        line-height: 1.5;
        vertical-align: middle
    }
}

@media screen and (max-width: 46.25em) {
    .site-wrapper {
        min-height: 100%;
        position: relative;
        width: 100%;
        z-index: 2;
        -moz-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.4);
        box-shadow: -5px 0 10px rgba(0, 0, 0, 0.4);
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease
    }

    .leftnav-active,
    .rightnav-active {
        height: 100%
    }

    .leftnav-active .mobile-navigation,
    .rightnav-active .mobile-navigation {
        opacity: 1;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }

    .leftnav-active,
    .leftnav-active .site-wrapper,
    .rightnav-active,
    .rightnav-active .site-wrapper {
        overflow: hidden
    }

    .leftnav-active .site-wrapper {
        -moz-transform: translate(70%, 0);
        -ms-transform: translate(70%, 0);
        -webkit-transform: translate(70%, 0);
        transform: translate(70%, 0)
    }

    .rightnav-active .site-wrapper {
        width: 100%;
        -moz-transform: translate(-70%, 0);
        -ms-transform: translate(-70%, 0);
        -webkit-transform: translate(-70%, 0);
        transform: translate(-70%, 0)
    }
}

#header.app-header {
    height: auto
}

.app-header .icon-only.logo-header {
    margin-left: 60px
}

.zone-picker {
    height: 60px;
    padding: 1rem 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.zone-picker select,
.zone-picker .select2-container {
    width: 100%
}

.zone-picker .plan-name {
    display: none
}

.icon.activate-flyout-menu {
    color: #333;
    display: block;
    font-size: 1.33em;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 60px;
    text-align: center;
    width: 60px
}

.icon.activate-flyout-menu:hover {
    color: #f4a15d
}

.icon.activate-flyout-menu:focus {
    color: #e06d10;
    outline: none
}

.icon.activate-flyout-menu.active,
.icon.activate-flyout-menu:active {
    color: #333
}

.apps-nav {
    background-color: #FFF;
    display: none;
    position: relative;
    z-index: 2
}

.apps-nav-add .icon {
    background-color: #46a46c;
    border-color: #46a46c
}

.apps-nav-add:hover .icon {
    background-color: #46a46c;
    border-color: #3b8b5c
}

.app-current {
    background-color: rgba(230, 230, 230, 0.9);
    border-bottom: 1px solid #cdcdcd;
    border-top: 3px solid transparent;
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.app-current:empty {
    display: none
}

.app-current .wrapper {
    padding: 0.75em 0
}

.app-current .icon {
    background-color: #2c7cb0;
    height: 2em;
    margin-right: 0.5em;
    width: 2em
}

.app-current .icon,
.app-current .icon-title {
    vertical-align: middle
}

@media screen and (min-width: 46.25em) {
    #header.app-header {
        margin-bottom: 0
    }

    .app-header .logo.logo-header {
        position: absolute;
        top: 0.5rem;
        left: 0;
        margin-left: 0
    }

    .icon.activate-flyout-menu {
        display: none
    }

    .header-navigation {
        float: none;
        text-align: right
    }

    .header-navigation a {
        padding: 0.5rem
    }

    .header-navigation .user-display-name {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 8em;
        vertical-align: middle;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline
    }

    .header-main {
        background-color: #f9f9f9;
        height: 60px;
        position: relative;
        width: 100%;
        z-index: 1200;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .adjustable-site-content {
        -moz-transition: -moz-transform 0.15s ease-in;
        -o-transition: -o-transform 0.15s ease-in;
        -webkit-transition: -webkit-transform 0.15s ease-in;
        transition: transform 0.15s ease-in
    }

    .apps-nav {
        display: block;
        margin-bottom: 2.5em
    }

    .apps-nav-container {
        background-color: #FFF;
        padding: 1.3125rem 0 0.6875rem 0;
        position: relative
    }

    .zone-picker {
        float: left;
        padding: 0;
        margin-left: 135px;
        max-width: 40%
    }

    .zone-picker .plan-name {
        display: table-cell
    }

    .app-current {
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        top: 60px;
        -moz-transition: opacity 1s ease-in 0.15s;
        -o-transition: opacity 1s ease-in 0.15s;
        -webkit-transition: opacity 1s ease-in;
        -webkit-transition-delay: 0.15s;
        transition: opacity 1s ease-in 0.15s
    }

    .app-current:empty {
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none
    }

    .zone-picker,
    .header-navigation {
        line-height: 42px
    }

    .sticky-header {
        padding-top: 60px
    }

    .sticky-header .gradient-bar-header {
        position: fixed;
        top: 0
    }

    .sticky-header .header-main {
        left: 0;
        height: 60px;
        position: fixed;
        top: 3;
        -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
    }
}

@media screen and (min-width: 62em) {
    .header-navigation li {
        line-height: inherit
    }

    .header-navigation .user-display-name {
        max-width: 15em
    }
}

@media screen and (max-width: 46.25em) {
    .app-header {
        margin-bottom: 1em
    }

    .app-header .wrapper {
        width: 100%
    }

    ul.logo-navigation li {
        border-bottom: 1px solid #ddd
    }

    ul.logo-navigation li a.mobile-only {
        border-right: 1px solid #ddd
    }

    ul.logo-navigation li a.logo-header {
        margin-top: 0.85rem;
        margin-bottom: 0.35rem;
        margin-left: 5rem;
        min-width: 11.25rem;
        background: transparent url('../assets/logo-flat.svg?1528279111') 0 0 no-repeat
    }

    ul.logo-navigation li .zone-picker {
        height: 54px;
        padding: 1rem 1rem 1.5rem 1rem;
        margin-bottom: 1rem;
        border: 0px
    }

    ul.logo-navigation li .zone-picker .zones-picker {
        border: 1px solid #ddd;
        height: 40px
    }

    ul.logo-navigation li .zone-picker .zones-picker a.current-zone {
        padding-top: 0.43rem
    }

    ul.logo-navigation li:last-child {
        border-bottom: 0 !important
    }

    .current-zone {
        margin: 0 auto 0 0;
        width: 100%
    }

    .apps-nav {
        background-color: transparent
    }

    .mobile-navigation {
        background-color: #333;
        display: block;
        height: 100%;
        left: 0;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0;
        position: fixed;
        top: 0;
        z-index: 1;
        -webkit-overflow-scrolling: auto
    }

    .mobile-navigation [role="navigation"] {
        bottom: auto;
        display: block;
        left: auto;
        margin: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        padding: 0;
        position: relative;
        top: auto;
        right: auto;
        width: 100%
    }

    .mobile-navigation,
    .mobile-navigation a {
        color: #e6e6e6
    }

    .mobile-navigation .slider-nav-prev,
    .mobile-navigation .slider-nav-next,
    .mobile-navigation .slider-nav-sticky {
        display: none
    }

    .mobile-navigation .icon-nav-list {
        white-space: normal
    }

    .mobile-navigation .icon-nav-list li {
        border-bottom: 1px solid #404040
    }

    .mobile-navigation .icon-nav-list li:nth-child(odd) {
        border-right: 1px solid #404040
    }

    .mobile-navigation .icon-item {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: 50%
    }

    .mobile-navigation .icon-item.empty {
        display: none
    }

    .mobile-navigation .icon-item a {
        padding: 1.5em 1em;
        width: 100%
    }

    .mobile-navigation .icon-item,
    .mobile-navigation .icon-item a {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mobile-navigation .icon-item.active .icon-title {
        color: #FFF
    }

    .mobile-navigation .icon-title {
        display: block;
        font-size: 1.125em;
        height: 1.4em;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 100%
    }

    .mobile-navigation .menu {
        border-top: 1px solid #404040;
        margin-top: -1px
    }

    .mobile-navigation .menu li+li {
        border-top: 1px solid #404040
    }

    .mobile-navigation .menu a {
        padding: 1em 1.5em
    }

    .mobile-navigation .icon-item.active a,
    .mobile-navigation .menu li.active a {
        background-color: #404040
    }

    .mobile-navigation .icon-item.disabled .icon {
        background-color: #404040;
        border-color: #262626
    }

    .mobile-navigation .icon-item.disabled .icon .svg-main {
        fill: #262626
    }

    .mobile-navigation .icon-item.disabled .icon .svg-alt {
        fill: #4d4d4d
    }

    .mobile-navigation .icon-item.disabled .icon .svg-bg-fill {
        fill: #666
    }

    .mobile-navigation .icon-item.reversed .icon {
        background-color: transparent;
        border-color: transparent
    }

    .mobile-navigation .icon-item.reversed .icon .svg-main {
        fill: #2c7cb0
    }

    .mobile-navigation .icon-item a:focus,
    .mobile-navigation .icon-item a:hover,
    .mobile-navigation .icon-item a:active,
    .mobile-navigation .menu li a:focus,
    .mobile-navigation .menu li a:hover,
    .mobile-navigation .menu li a:active {
        background-color: #404040;
        color: #FFF
    }

    .mobile-navigation .onboarding-progress {
        margin: 0;
        padding: 0
    }

    .mobile-navigation .onboarding-progress .progress-items {
        float: none;
        padding: 1.5em 0;
        font-size: 0;
        height: auto;
        margin-top: 12px;
        padding: 0
    }

    .mobile-navigation .onboarding-progress .progress-items li {
        cursor: pointer;
        margin: 0;
        padding: 1.5em 1em;
        border: 1px solid #404040;
        border-left: none;
        border-top: none
    }

    .mobile-navigation .onboarding-progress .progress-items li label {
        margin-bottom: 1em;
        color: #FFF;
        cursor: pointer
    }

    .mobile-navigation .onboarding-progress .progress-items li:hover {
        background-color: #404040
    }

    .mobile-navigation .onboarding-progress .progress-items li:before {
        content: counter(progresscount);
        counter-increment: progresscount;
        background: #2c7cb0;
        border: 4px solid transparent;
        color: #FFF;
        display: block;
        font-size: 1.8rem;
        height: 3rem;
        line-height: 2.6rem;
        margin: 0 auto 0.75rem auto;
        overflow: hidden;
        width: 3rem;
        font-weight: 700;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mobile-navigation .onboarding-progress .progress-items li.active {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        background-color: #404040
    }

    .mobile-navigation .onboarding-progress .progress-items li.active:before {
        background-color: #1d5072;
        border-color: transparent
    }

    .mobile-navigation .onboarding-progress .progress-items li.disabled {
        cursor: default
    }

    .mobile-navigation .onboarding-progress .progress-items li.disabled:before {
        background-color: #404040;
        border-color: #262626;
        color: #333
    }

    .mobile-navigation .onboarding-progress .progress-items li.disabled label {
        color: #4e5255;
        cursor: default
    }

    .mobile-navigation .onboarding-progress .progress-items+progress {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0
    }

    .mobile-navigation .dropdown .account-display-name {
        display: none
    }

    .mobile-navigation .dropdown .dropdown-menu {
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        float: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        background-color: transparent;
        border: none;
        z-index: auto;
        -moz-box-shadow: 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
        width: 100%
    }

    .mobile-navigation .dropdown .dropdown-menu:before {
        display: none
    }

    .mobile-navigation .dropdown .dropdown-menu .divider {
        display: none
    }
}

.footer {
    background-color: #FFF;
    margin-top: 1.25rem;
    padding-bottom: 2.1875rem;
    padding-top: 2.1875rem
}

.footer-nav {
    font-size: 0.8125rem
}

.footer-column {
    float: left;
    list-style: none;
    margin-left: 1%;
    margin-right: 1%;
    width: 48%
}

.footer-column+.footer-column {
    margin-bottom: 1rem
}

.footer-column .widget-title {
    margin-bottom: 7px
}

.footer-column ul.menu-footer {
    margin-bottom: 15px
}

.footer-column ul.menu-footer li {
    margin-bottom: 5px
}

.footer-column ul.menu-footer li a i {
    font-size: 14px;
    padding: 6px 18px 5px 6px;
    border: 1px solid;
    border-radius: 25px;
    margin: 3px 5px 3px 2px
}

.footer-column ul.menu-footer li a i:nth-child(1) {
    margin-left: 0px
}

.footer-language-select {
    margin: 0 auto 1.25rem;
    width: 12.75rem
}

.footer-language-select select,
.footer-language-select .select2-container {
    width: 100%
}

@media screen and (min-width: 46.25em) {
    .footer {
        margin-top: 2.5rem
    }

    .footer-column {
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 19%
    }

    .footer-column+.footer-column {
        margin-bottom: 0
    }
}

@media screen and (min-width: 62em) {
    .footer-language-select {
        float: left;
        margin-bottom: 0
    }

    .footer-nav {
        float: left;
        width: 60rem
    }
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    -moz-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear
}

.modal-backdrop.fade {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.modal-backdrop,
.modal-backdrop.fade.in {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.modal-container {
    display: block;
    min-height: 100%;
    position: relative;
    width: 100%;
    -moz-transform-origin: center 50%;
    -ms-transform-origin: center 50%;
    -webkit-transform-origin: center 50%;
    transform-origin: center 50%;
    z-index: 20
}

.modal {
    background-color: #FFF;
    left: 0;
    margin: 0;
    outline: none;
    max-width: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    -moz-transition: opacity 0.25s ease, -moz-transform 0.2s ease;
    -o-transition: opacity 0.25s ease, -o-transform 0.2s ease;
    -webkit-transition: opacity 0.25s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.25s ease, transform 0.2s ease;
    -moz-transform-origin: center 50%;
    -ms-transform-origin: center 50%;
    -webkit-transform-origin: center 50%;
    transform-origin: center 50%;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.modal.fade {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0002, 0, 0, 1, 0, 0, -10, 0, 1.1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0002, 0, 0, 1, 0, 0, -10, 0, 1.1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0002, 0, 0, 1, 0, 0, -10, 0, 1.1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0002, 0, 0, 1, 0, 0, -10, 0, 1.1)
}

.modal.fade.in,
.modal.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}

.modal-header,
.modal-content,
.modal-footer,
.modal-body-section {
    padding: 1.5rem;
    position: relative
}

.modal-header {
    padding: 1.5rem;
    word-wrap: break-word
}

.modal-header~.modal-body,
.modal-header~.modal-content,
.modal-header~.modal-body-section,
.modal-header~.modal-body .modal-content {
    padding-top: 0
}

.modal-validation {
    padding: 1rem 1.5rem
}

.modal-validation__label {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 0.35938em
}

.modal-validation__textarea {
    padding: 0.42188em 0.70313em;
    border: 1px solid #8d9296;
    font-size: 0.875em;
    line-height: 1.4;
    background: #edeeee;
    word-break: break-all;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.modal-error {
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    background: #bf223c;
    color: #FFF
}

.modal-body+.modal-body,
.modal-body+.modal-body-section,
.modal-body-section+.modal-body,
.modal-body-section+.modal-body-section {
    border-top: 1px solid #e6e6e6;
    padding-top: 1.5rem
}

.modal-table {
    padding: 0
}

.modal-table .table {
    margin-bottom: 0
}

.modal-table .table-meta {
    padding: 1.5rem;
    background-color: #e6e6e6
}

.modal-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.modal-title {
    font-weight: 400;
    word-break: break-all;
    word-break: break-word
}

.modal-section,
.purge-tags {
    background-color: #edeeee;
    border: 1px solid #d5d7d8;
    border-left: 0;
    border-right: 0
}

.modal-section.modal-content .setting-control,
.modal-content.purge-tags .setting-control {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.modal-section .control-group,
.purge-tags .control-group,
.modal-section .purge-tags__inner,
.purge-tags .purge-tags__inner {
    padding: 1rem 1.5rem
}

.modal-section .control-group+.control-group,
.purge-tags .control-group+.control-group,
.modal-section .purge-tags__inner+.control-group,
.purge-tags .purge-tags__inner+.control-group,
.modal-section .control-group+.purge-tags__inner,
.purge-tags .control-group+.purge-tags__inner,
.modal-section .purge-tags__inner+.purge-tags__inner,
.purge-tags .purge-tags__inner+.purge-tags__inner {
    border-top: 1px solid #d5d7d8
}

.modal-section .headline-divider span,
.purge-tags .headline-divider span {
    background-color: #edeeee
}

.modal-section.columns .control-group+.control-group,
.columns.purge-tags .control-group+.control-group,
.modal-section.columns .purge-tags__inner+.control-group,
.columns.purge-tags .purge-tags__inner+.control-group,
.modal-section.columns .control-group+.purge-tags__inner,
.columns.purge-tags .control-group+.purge-tags__inner,
.modal-section.columns .purge-tags__inner+.purge-tags__inner,
.columns.purge-tags .purge-tags__inner+.purge-tags__inner {
    border-top: 0;
    padding-top: 0
}

.modal-image {
    border-bottom: 1px solid #cdcdcd
}

.modal-image img {
    vertical-align: top
}

.modal-footer {
    background-color: #e6e6e6
}

.footer-simple {
    background-color: transparent
}

.modal-actions {
    float: right
}

.modal-nonessential {
    line-height: 2.2rem;
    vertical-align: middle
}

.modal-confirm .modal-footer {
    padding-top: 0
}

.modal-active {
    overflow: hidden
}

#overlays {
    height: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1500
}

@media screen and (min-width: 46.25em) {
    .modal {
        max-width: 95%;
        width: 28.125rem;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.75);
        box-shadow: 0 1px 15px rgba(0, 0, 0, 0.75)
    }
}

table {
    background-color: #FFF;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%
}

thead {
    background-color: #eaebeb
}

thead,
thead a {
    color: #333
}

thead a {
    cursor: pointer;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

thead input,
thead select,
thead textarea {
    border-color: #73787d
}

thead.inverse {
    background-color: #4e5255
}

thead.inverse,
thead.inverse a,
thead.inverse .sort-caret {
    color: #FFF
}

thead .sortable:hover {
    background-color: #c8cacc
}

thead .sortable:hover,
thead .sortable:hover a {
    color: #1a1a1a
}

th.sortable {
    cursor: pointer
}

.drag-row {
    position: absolute;
    top: -999px
}

.drag-row td {
    background-color: #FFF;
    padding: 0.75rem
}

.table .draggable.drag-over td {
    background-color: #ffe59a
}

.sort-caret {
    border: 4px solid transparent;
    content: "";
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 0;
    margin-left: 0.5em;
    width: 0;
    vertical-align: middle
}

.ascending .sort-caret {
    border-bottom-color: #333;
    margin-top: -4px
}

.descending .sort-caret {
    border-top-color: #333;
    margin-top: 4px
}

.sortable-arrow-cell {
    width: 5em
}

.sortable-arrow-cell .ui-item {
    display: inline-block
}

.sortable-arrow-cell .sortable-index {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    width: 1.5em
}

.sortable-arrow-cell .sortable-index input {
    margin: 0;
    padding: 1px;
    width: 1.5em;
    height: 2em
}

.table,
.table-container {
    width: 100%
}

.table {
    margin-bottom: 1.5rem
}

.table th,
.table td {
    border-top: 1px solid #d5d7d8;
    line-height: 1.5;
    padding: 0.75rem;
    vertical-align: middle
}

.table th {
    font-weight: 600
}

.table th:first-letter {
    text-transform: capitalize
}

.table thead th {
    vertical-align: bottom
}

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

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

.table .focus {
    border-left: 3px solid #479ad1
}

.align-content-top td {
    vertical-align: top
}

.table-condensed th,
.table-condensed td {
    padding: 0.375rem 0.875rem
}

.table-bordered {
    border: 1px solid #d5d7d8;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #d5d7d8
}

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

.table-bordered thead:first-child tr:first-child>th:first-child,
.table-bordered tbody:first-child tr:first-child>td:first-child,
.table-bordered tbody:first-child tr:first-child>th:first-child {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 0
}

.table-bordered thead:first-child tr:first-child>th:last-child,
.table-bordered tbody:first-child tr:first-child>td:last-child,
.table-bordered tbody:first-child tr:first-child>th:last-child {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 0 0
}

.table-bordered thead:last-child tr:last-child>th:first-child,
.table-bordered tbody:last-child tr:last-child>td:first-child,
.table-bordered tbody:last-child tr:last-child>th:first-child,
.table-bordered tfoot:last-child tr:last-child>td:first-child,
.table-bordered tfoot:last-child tr:last-child>th:first-child {
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 0 5px
}

.table-bordered thead:last-child tr:last-child>th:last-child,
.table-bordered tbody:last-child tr:last-child>td:last-child,
.table-bordered tbody:last-child tr:last-child>th:last-child,
.table-bordered tfoot:last-child tr:last-child>td:last-child,
.table-bordered tfoot:last-child tr:last-child>th:last-child {
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 0
}

.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.table-bordered caption+thead tr:first-child th:first-child,
.table-bordered caption+tbody tr:first-child td:first-child,
.table-bordered colgroup+thead tr:first-child th:first-child,
.table-bordered colgroup+tbody tr:first-child td:first-child {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 0
}

.table-bordered caption+thead tr:first-child th:last-child,
.table-bordered caption+tbody tr:first-child td:last-child,
.table-bordered colgroup+thead tr:first-child th:last-child,
.table-bordered colgroup+tbody tr:first-child td:last-child {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 0 0
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
    background-color: #fafafa
}

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

.table-bare td {
    border-top: 0
}

.table tbody tr.success,
.table tbody tr td.success {
    background-color: #e3f3e9
}

.table tbody tr.error,
.table tbody tr td.error {
    background-color: #f2b6c0
}

.table tbody tr.warning,
.table tbody tr td.warning {
    background-color: #fff5db
}

.table tbody tr.info,
.table tbody tr td.info {
    background-color: #bedbee
}

tr.fade,
tr.fade td {
    -moz-animation: bgFadeOut 3s;
    -webkit-animation: bgFadeOut 3s;
    animation: bgFadeOut 3s
}

.table-hover td {
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease
}

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

.table-hover tbody tr td.error:hover,
.table-hover tbody tr.error:hover>td {
    background-color: #eea0ad
}

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

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

td.editable:hover {
    cursor: text;
    outline: 1px dotted #73787d;
    outline-offset: -5px
}

td.editor {
    padding: 0
}

td.editor,
td.editor.editable {
    background-color: #FFF;
    outline: 1px solid #73787d;
    outline-offset: -5px
}

td.editor input,
td.editor select {
    background: transparent;
    border: 0;
    display: block;
    font-size: 1em;
    margin: 0;
    padding: 0.75rem;
    width: 100%
}

td.editor input:focus,
td.editor select:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

td.editor input {
    height: 100%
}

td.select-cell,
td.select-cell.editable.editor,
td.select-cell.editor:hover,
td.select2-cell,
td.select2-cell.editable.editor,
td.select2-cell.editor:hover,
td.edit-always,
td.edit-always.editable.editor,
td.edit-always.editor:hover,
td.proxy-cell,
td.proxy-cell.editable.editor,
td.proxy-cell.editor:hover,
td.boolean-cell,
td.boolean-cell.editable.editor,
td.boolean-cell.editor:hover {
    outline: none
}

.select2-cell.editor {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem
}

td.boolean-cell,
td.select-row-cell,
th.select-all-header-cell {
    text-align: center;
    width: 1.125em
}

.single-button-cell {
    width: 2.2em
}

.text-cell {
    max-width: 25em;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.select2-cell .select2-container {
    width: 100%
}

.icon-cell {
    text-align: center;
    width: 1.5em
}

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

.icon-cell:first-child {
    padding-right: 0
}

.icon-cell:last-child {
    padding-left: 0
}

.uri-cell a {
    cursor: pointer
}

.table-top:empty,
.table-content:empty,
.table-pagination:empty,
.table-meta:empty,
.table-info:empty,
.table-bottom:empty {
    display: none
}

.table-content {
    background-color: #d5d7d8;
    overflow: auto
}

.table-meta .pagination a,
.table-meta .link-nav-list a {
    font-size: 1rem;
    line-height: 1.5
}

@media screen and (max-width: 46.25em) {
    .table-content {
        max-width: 100%;
        overflow-x: auto
    }

    .table-responsive {
        display: block
    }

    .table-responsive thead {
        display: none
    }

    .table-responsive tbody {
        display: block
    }

    .table-responsive tr {
        display: block;
        padding: 0.75rem;
        border-top: 1px solid #d5d7d8
    }

    .table-responsive tr:first-child {
        border-top: none
    }

    .table-responsive tr:after {
        content: "";
        display: table;
        clear: both
    }

    .table-responsive td {
        display: block;
        border: none;
        float: left;
        clear: left;
        padding: 0
    }

    .table-responsive td[data-label]::before {
        content: attr(data-label) ": ";
        text-transform: capitalize;
        font-weight: bold
    }

    .table-responsive .table-responsive-action-cell {
        float: right;
        clear: none;
        width: auto
    }

    .table-responsive .table-responsive-ui-group {
        width: 100%;
        margin-top: 0.75rem
    }

    .table-responsive .table-responsive-ui-group .ui-group {
        width: 100%
    }

    .table-responsive tbody tr:hover>td {
        background: transparent
    }
}

@media screen and (min-width: 46.25em) {
    .table tbody tr.success>td {
        background-color: #e3f3e9
    }

    .table tbody tr.error>td {
        background-color: #f2b6c0
    }

    .table tbody tr.warning>td {
        background-color: #fff5db
    }

    .table tbody tr.info>td {
        background-color: #bedbee
    }

    .table-pagination {
        float: left
    }

    .table-info {
        float: right
    }
}

@media screen and (max-width: 46.25em) {

    .table-striped tbody>tr:nth-child(odd),
    .table-striped tbody>tr:nth-child(odd) {
        background-color: #fafafa
    }

    .table-striped tbody>tr:nth-child(odd)>td,
    .table-striped tbody>tr:nth-child(odd)>th,
    .table-striped tbody>tr:nth-child(odd)>td,
    .table-striped tbody>tr:nth-child(odd)>th {
        background-color: transparent
    }
}

thead th {
    font-weight: inherit
}

.tabs {
    display: table;
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    width: 100%
}

.tabs li {
    background-color: #FFF;
    display: table-cell;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle
}

.tabs li+li {
    border-left: 1px solid #e6e6e6
}

.tabs li:hover a {
    background-color: #f4f5f5;
    color: #2c7cb0
}

.tabs li.active a {
    background-color: #2c7cb0;
    color: #FFF
}

.tabs li.active a:before {
    border-width: 16px;
    margin-left: -16px
}

.tabs a {
    color: #2c7cb0;
    display: flex;
    height: auto;
    padding: 1.5rem 1rem;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.tabs a:before {
    border: 0 solid transparent;
    border-top-color: #2c7cb0;
    content: '';
    display: block;
    height: 0;
    margin-left: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.tab-container {
    position: relative
}

.tab-container .ui-spinner,
.tab-container .ui-spinner-simple {
    position: absolute;
    top: -42px;
    left: 50%;
    margin-left: -16px
}

.flexbox .tabs {
    justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flexbox .tabs li {
    display: block;
    flex: 1 1 0;
    -webkit-flex: 1 1 0
}

@media screen and (min-width: 14.75em) {
    .tab-select .select2-chosen {
        color: #2c7cb0;
        font-weight: bold
    }

    .tab-select .select2-arrow {
        width: 3rem
    }

    .tab-select .select2-container {
        width: 100%
    }

    .tab-select .select2-choice {
        padding: 1rem;
        height: auto
    }
}

.ui-spinner-simple {
    background: url('../assets/spinner.gif?1528279111') no-repeat center;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    min-width: 32px;
    min-height: 32px
}

.modunit {
    background-color: #FFF;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0;
    border: 1px solid #d5d7d8;
    border-radius: 5px;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.modunit.needs-upgrade .mod-setting-control:after {
    background-color: #2c7cb0;
    content: '$';
    color: #FFF;
    height: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 1.5rem;
    -moz-border-radius: 0 5px 0 5px;
    -webkit-border-radius: 0;
    border-radius: 0 5px 0 5px
}

.modunit.extended {
    margin-left: auto;
    margin-right: auto;
    width: 98%
}

.modunit>*+* {
    border-top: 1px solid #d5d7d8
}

.modunit>*:empty {
    display: none !important
}

.mod-content {
    margin: 0;
    padding: 1.5rem
}

.mod-content+.mod-content {
    padding-top: 0
}

.mod-content hr {
    margin: 1.5rem 0
}

.mod-header {
    margin: 0;
    padding: 16px;
    position: relative
}

.mod-header:only-child {
    border-bottom: 0
}

.mod-title {
    font-weight: 600;
    margin-bottom: 1rem
}

.mod-title small {
    padding-left: 0.375rem;
    white-space: nowrap
}

.mod-title+.mod-display-value {
    margin-top: -0.5em
}

.mod-drawer-title.mod-drawer-title {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px
}

.mod-drawer-title-text {
    display: inline-block;
    padding-left: 8px
}

.mod-notifications .notifications {
    margin-top: 1em
}

.mod-notifications .notifications:empty {
    display: none
}

.mod-pre {
    margin: 0.5em 0
}

.mod-api {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 0;
    padding-right: 0
}

.mod-api:first-of-type {
    padding-top: 0
}

.mod-api:last-of-type {
    padding-bottom: 0
}

.mod-api+.mod-api {
    border-top: 1px solid #eaebeb
}

.ancillary-info {
    color: #d5d7d8;
    line-height: 1;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.ancillary-info i {
    cursor: pointer;
    font-size: 1.17188rem;
    margin: 0;
    vertical-align: middle;
    -moz-transition: color 150ms ease;
    -o-transition: color 150ms ease;
    -webkit-transition: color 150ms ease;
    transition: color 150ms ease
}

.ancillary-info i:hover {
    color: #4e5255
}

.ancillary-info i+i {
    margin-left: 0.25rem
}

.mod-row {
    background-color: #FFF;
    clear: both;
    font-size: 0;
    padding: 0.75rem;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.striped .mod-row:nth-child(even),
.mod-row.stripe {
    background-color: #f7f7f7
}

.mod-row.ui-toolbar {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.mod-cell {
    display: block;
    font-size: 1rem;
    overflow: visible;
    padding: 0;
    position: relative;
    white-space: normal
}

.mod-cell:first-child {
    padding-left: 0
}

.mod-cell+* {
    padding-left: 0;
    margin-top: 0.5rem
}

.mod-cell .select2-container {
    width: 100%
}

.mod-cell,
.cell-primary {
    width: 100%
}

.mobile-horz .mod-cell {
    width: auto
}

.mobile-horz .mod-cell+* {
    padding-left: 0.375rem
}

.cell-actions .btn,
.cell-actions .btn-cancel {
    white-space: nowrap
}

.cell-icon {
    height: 100%;
    text-align: center
}

.cell-primary input,
.cell-primary select,
.cell-primary textarea {
    width: 100%
}

.cell-input input,
.cell-input select,
.cell-input textarea {
    margin-bottom: 0
}

.simple-actions {
    text-align: right
}

.mod-table-adjustable .mod-cell,
.mod-row-adjustable .mod-cell {
    width: 100%
}

.mod-table-adjustable .mod-cell+.mod-cell,
.mod-table-adjustable .mod-cell+.ui-group,
.mod-row-adjustable .mod-cell+.mod-cell,
.mod-row-adjustable .mod-cell+.ui-group {
    padding-left: 0;
    margin-top: 0.375rem
}

.mod-setting {
    display: table;
    width: 100%
}

.mod-setting .mod-header,
.mod-setting .mod-setting-control {
    display: table-cell;
    vertical-align: middle
}

.input-row,
.mod-setting,
.mod-setting-control,
.mod-table-adjustable .mod-row {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mod-setting-control {
    background-color: rgba(0, 0, 0, 0.07804);
    padding: 2rem;
    position: relative;
    text-align: center;
    border-left: 1px solid #d5d7d8;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

.mod-setting-control .select2-container {
    max-width: 100%
}

.mod-radio-group,
.mod-checkbox-group {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.mod-radio-group label,
.mod-checkbox-group label {
    font-size: 1rem
}

.mod-radio-group label+label,
.mod-checkbox-group label+label {
    margin-top: 1em
}

.mod-radio-group input[type="radio"],
.mod-checkbox-group input[type="checkbox"] {
    margin-top: 0.375em
}

.setting-control {
    margin-bottom: 0
}

.setting-control+.setting-control {
    margin-top: 1em
}

.mod-control-group.mod-setting-control {
    padding: 0;
    text-align: left
}

.mod-control-group .ui-block {
    margin-bottom: 0;
    padding: 1rem 1.375rem 1.25rem;
    width: 100%
}

.mod-control-group .ui-block+.ui-block {
    border-top: 1px solid #d9d9d9;
    margin-top: 0;
    margin-left: 0
}

.mod-control-group label {
    font-weight: 300
}

.mod-toolbar {
    color: #4e5255;
    overflow: hidden;
    position: relative
}

.modunit .link-nav-list a {
    padding: 0.75rem 0.5rem;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.modunit .link-nav-list {
    float: right;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right
}

.modunit .link-nav-list li {
    display: inline
}

.mod-more-link,
.modunit .link-nav-list .mod-more-link {
    padding-right: 2em;
    position: relative
}

.mod-more-link:after,
.modunit .link-nav-list .mod-more-link:after {
    content: '\F003';
    font-family: 'cloudflare-font';
    font-style: normal;
    font-weight: normal;
    margin-top: -0.7em;
    position: absolute;
    top: 50%;
    right: 1rem;
    -moz-transition: -moz-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease
}

.mod-more-link.active,
.modunit .link-nav-list .mod-more-link.active {
    color: #f4a15d
}

.mod-more-link.active:after,
.modunit .link-nav-list .mod-more-link.active:after {
    content: '\F0D7'
}

.cssanimations .mod-more-link.active:after,
.cssanimations .modunit .link-nav-list .mod-more-link.active:after {
    content: '\F003';
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.modunit-exception+.modunit-exception {
    border-top: 1px solid #d5d7d8
}

.modunit.loading .mod-setting-control {
    pointer-events: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.modunit.loading .mod-setting-control:before {
    background: transparent url('../assets/spinner.gif?1528279111') no-repeat right 1.5rem top 1.5rem;
    content: '';
    cursor: wait;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.modunit .table {
    margin-bottom: 0
}

.modunit .table-top .ui-toolbar {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}

.modunit .table-meta {
    border-top: 1px solid #d5d7d8
}

.modunit .table-pagination {
    overflow: hidden;
    overflow-x: auto;
    max-width: 100%;
    padding: 0 0.75rem;
    white-space: nowrap
}

.modunit .pagination .btn,
.modunit .pagination .btn-cancel {
    border: 0;
    padding: 0.75rem 0.5em;
    vertical-align: baseline;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.modunit .pagination .btn.disabled,
.modunit .pagination .disabled.btn-cancel,
.modunit .pagination .btn.loading,
.modunit .pagination .loading.btn-cancel {
    background-color: transparent
}

.modunit .pagination.centered {
    text-align: center
}

.modunit .pagination li+li {
    margin-left: 0
}

.modunit .form,
.modunit .control-group,
.modunit .purge-tags__inner {
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.modunit .controls {
    background-color: rgba(0, 0, 0, 0.07804);
    margin-left: 0;
    padding: 1rem
}

.modunit .control-group,
.modunit .purge-tags__inner {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    clear: none
}

.modunit .control-group+.control-group,
.modunit .purge-tags__inner+.control-group,
.modunit .control-group+.purge-tags__inner,
.modunit .purge-tags__inner+.purge-tags__inner {
    border-top: 1px solid #d5d7d8
}

.modunit .control-group+.control-group.group-above,
.modunit .purge-tags__inner+.control-group.group-above,
.modunit .control-group+.group-above.purge-tags__inner,
.modunit .purge-tags__inner+.group-above.purge-tags__inner {
    border-top: 0
}

.modunit .control-label {
    float: none;
    font-size: 1rem;
    padding: 1rem;
    text-align: left
}

.modunit .group-above .control-label,
.modunit .group-above .controls {
    padding-top: 0
}

.modunit .controls.form-actions {
    width: 100%
}

.flexbox .mod-row,
.flexbox .mod-toolbar,
.flexbox .mod-toolbar-menu {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flexbox .mod-row {
    align-content: start;
    -webkit-align-content: start;
    align-items: center;
    -webkit-align-items: center
}

.flexbox .input-row {
    align-items: stretch;
    -webkit-align-items: stretch
}

.flexbox .mod-cell,
.flexbox .mod-row>.ui-group {
    display: block;
    float: none;
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto
}

.flexbox .cell-primary {
    flex: 10 1 auto;
    -webkit-flex: 10 1 auto
}

.flexbox .mod-setting {
    align-items: stretch;
    -webkit-align-items: stretch
}

.flexbox .mod-setting .mod-header {
    flex-grow: 1;
    -webkit-flex-grow: 1
}

.flexbox .mod-setting,
.flexbox .mod-setting .mod-setting-control {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flexbox .mod-setting .mod-header {
    display: block
}

.flexbox .mod-setting-control {
    align-items: center;
    -webkit-align-items: center;
    align-content: center;
    -webkit-align-content: center;
    justify-content: center;
    -webkit-justify-content: center
}

.flexbox .mod-toolbar .mod-toolbar-menu li {
    display: block
}

.flexbox .mod-toolbar .mod-toolbar-menu {
    float: none;
    align-content: center;
    -webkit-align-content: center;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

.modunit-nested {
    border: 0;
    margin-bottom: 0;
    margin-top: 0
}

.modunit-nested .mod-setting-control {
    background: none;
    border: 0
}

.modunit-nested .mod-title {
    margin-bottom: 0
}

.modunit-nested .mod-toolbar {
    border: 0
}

.tab-content .modunit:first-child {
    margin-top: 0
}

@media screen and (min-width: 46.25em) {
    .modunit-nested {
        margin-top: 0;
        margin-bottom: 0
    }

    .modunit .table-pagination {
        overflow-x: visible
    }

    .mod-row {
        display: table
    }

    .mod-row+.mod-row {
        padding-top: 0
    }

    .mod-cell {
        display: table-cell;
        width: auto
    }

    .mod-cell+.mod-cell,
    .mod-cell+.ui-group {
        margin-top: 0;
        padding-left: 0.375rem
    }

    .cell-icon {
        width: 3%
    }

    .cell-expanded {
        line-height: 1.5;
        overflow: visible;
        white-space: normal
    }

    .cell-input {
        line-height: 1.5;
        overflow: visible
    }

    .cell-primary {
        line-height: 2;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 100%
    }

    .input-row {
        align-items: center;
        -webkit-align-items: center
    }

    .input-row .cell-primary {
        overflow: visible
    }

    .mod-control {
        width: 9.375rem
    }

    .singular-row .mod-cell {
        margin-left: 0;
        width: 100%
    }

    .mod-table-adjustable .mod-cell,
    .mod-row-adjustable .mod-cell {
        width: auto
    }

    .mod-table-adjustable .mod-cell+.mod-cell,
    .mod-table-adjustable .mod-cell+.ui-group,
    .mod-row-adjustable .mod-cell+.mod-cell,
    .mod-row-adjustable .mod-cell+.ui-group {
        padding-left: 0.375rem;
        margin-top: 0
    }

    .mod-table-adjustable .cell-primary,
    .mod-row-adjustable .cell-primary {
        width: 69%
    }

    .mod-table-adjustable .cell-actions,
    .mod-row-adjustable .cell-actions {
        min-width: 14.6875rem;
        width: 28%
    }

    .mod-table-adjustable .input-row .cell-primary,
    .mod-row-adjustable.input-row .cell-primary {
        width: 72%
    }

    .mod-setting-control {
        padding: 1rem;
        width: 40%
    }

    .modunit-exception+.modunit-exception {
        border-top: 0
    }

    .modunit .form-horizontal .controls {
        border-left: 1px solid #d5d7d8
    }

    .flexbox .mod-row {
        align-items: stretch;
        -webkit-align-items: stretch
    }

    .flexbox .input-row,
    .flexbox .mod-setting,
    .flexbox .mod-setting-control,
    .flexbox .mod-table-adjustable .mod-row,
    .flexbox .modunit .form-horizontal .control-group,
    .flexbox .modunit .form-horizontal .purge-tags__inner {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flexbox .mod-setting-control {
        flex: 0 0 auto;
        -webkit-flex: 0 0 auto
    }

    .mod-header {
        padding: 32px
    }
}

@media screen and (min-width: 62em) {
    .mod-setting-control {
        width: 30%
    }

    .mod-header {
        padding: 32px
    }
}

.gauge .c3-chart-arcs-title {
    font-size: 1.375rem
}

.gauge .c3-arc-overflow {
    fill: #e2e4e4 !important
}

.mini-modunit-graph {
    padding: 1.5rem
}

.c3-ygrids line:nth-child(odd) {
    stroke-opacity: 20%
}

.c3-legend-item text,
.c3-axis-x-label,
.c3-axis-y-label,
.c3 tspan {
    fill: #333
}

.c3 svg {
    font: 12px -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif
}

.c3 path,
.c3 line {
    fill: none;
    stroke: #d5d7d8
}

.c3-chart-arc path {
    stroke: #FFF;
    stroke-width: 1px
}

.c3-xgrid,
.c3-ygrid {
    stroke-dasharray: 0
}

.c3-line {
    stroke-width: 3px
}

.c3-circle {
    stroke-width: 2px;
    stroke: white
}

.sortable-item {
    position: relative
}

.sortable-item .drag-handle {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 24px
}

.sortable-item .list-item-content {
    margin-left: 30px
}

body {
    background-color: #FFF;
    -webkit-text-size-adjust: none
}

.page-wrapper,
.page-wrapper-basic {
    -moz-animation: fadeIn 500ms ease-out;
    -webkit-animation: fadeIn 500ms ease-out;
    animation: fadeIn 500ms ease-out
}

.page-content.loader-on-empty:empty {
    background: transparent url('../assets/spinner.gif?1528279111') no-repeat center;
    padding: 3em 0
}

hr,
.hr {
    border: 0;
    border-top: 1px solid #d5d7d8;
    display: block;
    height: 0;
    margin: 2rem 0;
    width: 100%
}

hr.double,
.hr.double {
    border-top: 3px double #d5d7d8
}

.drag-handle {
    cursor: move
}

.drag-handle.vert-arrows {
    cursor: ns-resize;
    height: 2rem
}

.drag-handle.horz-arrows {
    cursor: ew-resize
}

.login-form,
.forgot-password-form,
.password-reset-form,
.signup-form,
.signup-promotion {
    max-width: 24.5625rem;
    padding: 2em;
    background-color: white;
    border: 1px solid #d5d7d8
}

.login-form legend,
.forgot-password-form legend,
.password-reset-form legend,
.signup-form legend,
.signup-promotion legend {
    border: 0;
    text-align: center
}

.login-form .form-title,
.forgot-password-form .form-title,
.password-reset-form .form-title,
.signup-form .form-title,
.signup-promotion .form-title {
    font-weight: 400
}

@media screen and (min-width: 14.75em) {
    .signup-form {
        width: 90%
    }
}

@media screen and (min-width: 46.25em) {
    .signup-form {
        width: initial
    }
}

.flexbox .flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: flex-start;
    -webkit-align-content: flex-start
}

.flexbox .flex>* {
    display: block
}

.flexbox .flex>*+* {
    margin-top: 0.375rem
}

.flexbox .flex-columns {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexbox .mobile-horz {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flexbox .mobile-horz>*+* {
    margin-top: 0
}

.flexbox .flex-stretch-children {
    flex-grow: 1;
    -webkit-flex-grow: 1
}

.flexbox .flex-center-children {
    align-items: center;
    -webkit-align-items: center
}

.flexbox .flex-primary,
.flexbox .analytics-row.flex-columns .mini-modunit-graph,
.analytics-row.flex-columns .flexbox .mini-modunit-graph {
    flex-grow: 10;
    -webkit-flex-grow: 10
}

.sticky-item {
    z-index: 1300;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25)
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.inactive {
    color: #a1a1a1
}

@media screen and (min-width: 46.25em) {
    .flexbox .flex {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        align-content: center;
        -webkit-align-content: center
    }

    .flexbox .flex>*+* {
        margin-top: inherit
    }

    .flexbox .flex-columns {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flexbox .flex-columns>.column {
        padding: 0 1rem;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .flexbox .flex-columns>.column:first-child {
        padding-left: 0
    }

    .flexbox .flex-columns>.column:last-child {
        padding-right: 0
    }

    .flexbox .desktop-vert {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flexbox .desktop-vert>*+* {
        margin-top: 0.375rem
    }

    .flexbox .flex-even {
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center
    }

    .flexbox .flex-even>* {
        flex: 1 1 0;
        -webkit-flex: 1 1 0
    }

    .align-start {
        align-content: flex-start;
        -webkit-align-content: flex-start
    }

    .align-end {
        align-content: flex-end;
        -webkit-align-content: flex-end
    }
}

.signup-container {
    max-width: 24.5625rem
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden !important
}

.inline {
    display: inline !important
}

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

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.ui-clickable {
    cursor: pointer
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-light {
    font-weight: 300
}

.text-wrap {
    word-wrap: break-word
}

.disable-hover {
    pointer-events: none
}

.hide-overflow {
    overflow: hidden
}

.hide-overflow-x {
    overflow-x: hidden
}

.hide-overflow-y {
    overflow-y: hidden
}

progress {
    display: block;
    width: 100%
}

.progress-items {
    height: 2.5em;
    color: #4e5255;
    counter-reset: progresscount;
    font-size: 0.875em;
    margin: 8px 0 0;
    padding: 0
}

.progress-items li {
    text-align: center;
    padding: 0;
    cursor: pointer;
    height: auto
}

.progress-items li label {
    color: #4e5255;
    cursor: pointer
}

.progress-items li:before {
    content: none
}

.progress-items li.active label {
    color: #2c7cb0
}

.progress-items li.disabled {
    color: #d5d7d8;
    cursor: default
}

.progress-items li.disabled:after {
    color: #d5d7d8
}

.progress-items li.disabled label {
    cursor: default;
    color: #d5d7d8
}

.progress-items+progress {
    position: relative
}

.progress-items label {
    display: inline;
    text-transform: capitalize
}

.onboarding-progress {
    padding: 1.5em 0
}

@media screen and (min-width: 14.75em) {
    .progress-items li {
        margin: 0 auto;
        float: none;
        display: none
    }

    .progress-items li.active {
        display: block
    }
}

@media screen and (min-width: 46.25em) {
    .progress-items li {
        display: block;
        float: left;
        margin: 0
    }

    .pipes li:after {
        content: "|";
        display: block;
        text-align: center
    }
}

.map {
    position: relative;
    z-index: 0
}

.map-control-legend {
    background: #FFF;
    padding: 2px 6px;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}

.map-control-legend-grade {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 10px;
    height: 10px
}

.welcome-box {
    margin-top: 1rem;
    padding: 2rem;
    min-height: 220px;
    color: #FFF;
    background: #2c7cb0 right -260px center no-repeat;
    background-size: 360px
}

.welcome-box h3,
.welcome-box .callout .callout-heading,
.callout .welcome-box .callout-heading {
    font-size: 2.2rem;
    font-weight: 300;
    margin-bottom: 1rem
}

.welcome-box p {
    font-size: 1.1rem
}

.welcome-box a {
    text-decoration: underline
}

.welcome-box a:hover {
    color: #f4a15d
}

@media screen and (min-width: 30.5em) {
    .welcome-box {
        background-position: right -100px center
    }

    .welcome-box p {
        max-width: 75%
    }
}

@media screen and (min-width: 46.25em) {
    .welcome-box {
        background-position: right -15px center
    }

    .welcome-box p {
        max-width: 60%
    }
}

.card {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0;
    border: 1px solid #d5d7d8;
    border-radius: 5px;
    background-color: #FFF;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.card__title {
    font-weight: 600;
    margin-bottom: 1rem
}

.card__section {
    width: 100%
}

.card__section+.card__section {
    border-top: 1px solid #d5d7d8
}

.card__section--error {
    border-left: 3px solid #bf223c
}

.card__section--loading .card__control {
    pointer-events: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.card__section--loading .card__control:before {
    background: transparent url('../assets/spinner.gif?1528279111') no-repeat right 1.5rem top 1.5rem;
    content: '';
    cursor: wait;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.card__section--text,
.card__section--title,
.card__control_text {
    padding: 16px
}

.card__section--table .table {
    margin-bottom: 0
}

.card__section--table .table-top .ui-toolbar {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}

.card__section--table .table-meta {
    border-top: 1px solid #d5d7d8
}

.card__section--table .table-pagination {
    overflow: hidden;
    overflow-x: auto;
    max-width: 100%;
    padding: 0 0.75rem;
    white-space: nowrap
}

.card__section--table .pagination .btn,
.card__section--table .pagination .btn-cancel {
    border: 0;
    padding: 0.75rem 0.5em;
    vertical-align: baseline;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.card__section--table .pagination .btn.disabled,
.card__section--table .pagination .disabled.btn-cancel,
.card__section--table .pagination .btn.loading,
.card__section--table .pagination .loading.btn-cancel {
    background-color: transparent
}

.card__section--table .pagination.centered {
    text-align: center
}

.card__section--table .pagination li+li {
    margin-left: 0
}

.card__section--form .form,
.card__section--form .control-group,
.card__section--form .purge-tags__inner {
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.card__section--form .controls {
    background-color: #f7f7f8;
    margin-left: 0;
    padding: 1rem
}

.card__section--form .control-group,
.card__section--form .purge-tags__inner {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    clear: none
}

.card__section--form .control-group+.control-group,
.card__section--form .purge-tags__inner+.control-group,
.card__section--form .control-group+.purge-tags__inner,
.card__section--form .purge-tags__inner+.purge-tags__inner {
    border-top: 1px solid #d5d7d8
}

.card__section--form .control-group+.control-group.group-above,
.card__section--form .purge-tags__inner+.control-group.group-above,
.card__section--form .control-group+.group-above.purge-tags__inner,
.card__section--form .purge-tags__inner+.group-above.purge-tags__inner {
    border-top: 0
}

.card__section--form .control-label {
    float: none;
    font-size: 1rem;
    padding: 1rem;
    text-align: left
}

.card__section--form .group-above .control-label,
.card__section--form .group-above .controls {
    padding-top: 0
}

.card__section--form .controls.form-actions {
    width: 100%
}

@media screen and (min-width: 46.25em) {

    .card__section--form .form-horizontal .control-group,
    .card__section--form .form-horizontal .purge-tags__inner {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .card__section--form .form-horizontal .controls {
        border-left: 1px solid #d5d7d8
    }

    .card__section--form .form-horizontal .controls.form-actions {
        border-left-width: 0
    }

    .card__section--text,
    .card__section--title,
    .card__control_text {
        padding: 32px
    }
}

.card__control_text {
    padding: 16px
}

.card__control {
    position: relative;
    padding: 2rem;
    border: 0 solid #d5d7d8;
    border-top-width: 1px;
    background-color: #f7f7f8;
    text-align: center
}

@media screen and (min-width: 46.25em) {
    .card__section--control {
        display: table;
        table-layout: fixed
    }

    .card__control_text,
    .card__control {
        display: table-cell
    }

    .card__control {
        width: 40%;
        border-left-width: 1px;
        border-top-width: 0;
        vertical-align: middle
    }
}

@media screen and (min-width: 62em) {
    .card__control {
        width: 30%
    }

    .card__section--text,
    .card__section--title,
    .card__control_text {
        padding: 32px
    }
}

.card__toolbar {
    min-height: 3rem
}

.card__toolbar_links {
    float: right
}

.card__toolbar_link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 0.75rem 2em 0.75rem 0.5rem;
    line-height: 1.5rem
}

.card__toolbar_link:after {
    content: '\F003';
    font-family: 'cloudflare-font';
    font-style: normal;
    font-weight: normal;
    margin-top: -0.7em;
    position: absolute;
    top: 50%;
    right: 1rem;
    -moz-transition: -moz-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease
}

.card__toolbar_link--open:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.card__drawer {
    border-top: 1px solid #d5d7d8
}

.card__drawer--text {
    padding: 1.5rem
}

.card__loading_text {
    position: relative;
    margin: 3rem 0 1.5rem;
    width: 90%
}

.card__loading_text,
.card__loading_text::before,
.card__loading_text::after {
    height: 1rem;
    background: #f2f2f2
}

.card__loading_text::before,
.card__loading_text::after {
    content: "";
    display: block;
    position: absolute
}

.card__loading_text::before {
    width: 95%;
    top: -1.5rem;
    margin-top: -2px
}

.card__loading_text::after {
    width: 40%;
    bottom: -1.5rem;
    margin-bottom: -2px
}

.card__messages {
    padding-top: 0.5rem
}

.card__messages+p {
    margin-top: 1em
}

.copyable-textarea[readonly] {
    cursor: pointer;
    color: #333;
    resize: none
}

.copyable-textarea[readonly]:focus {
    border-color: #2c7cb0
}

.copyable-textarea__help-text {
    font-size: 0.8em;
    color: #4e5255;
    margin-top: -0.5em;
    margin-bottom: 1em
}

.tag,
.purge-tags__item {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    padding-left: 0.75rem;
    overflow: hidden;
    word-break: break-all;
    background: #d5d7d8;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.tags-container,
.purge-tags__items {
    margin: 0
}

.cf-flex--thin .cf-flex__item+.cf-flex__item {
    margin-top: 0.3125rem
}

.cf-flex--wide .cf-flex__item+.cf-flex__item {
    margin-top: 1.25rem
}

@media screen and (min-width: 46.25em) {
    .cf-flex {
        display: -webkit-flex;
        display: flex
    }

    .cf-flex__item {
        -webkit-flex: 1 0;
        flex: 1 0
    }

    .cf-flex__item--collapse {
        -webkit-flex: 0 auto;
        flex: 0 auto
    }

    .cf-flex__item--center {
        align-items: center;
        -webkit-align-items: center
    }

    .cf-flex--thin .cf-flex__item+.cf-flex__item {
        margin-top: 0;
        margin-left: 0.3125rem
    }

    .cf-flex--wide .cf-flex__item+.cf-flex__item {
        margin-top: 0;
        margin-left: 1.25rem
    }
}

.info-toast {
    color: #163d57;
    background-color: #ebf4fa;
    border-color: #add2eb;
    padding-bottom: 8px;
    padding-top: 8px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0px;
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
    display: block
}

.signup-promotion {
    margin-bottom: 2em
}

.signup-promotion__image_container,
.signup-promotion--collapsed .signup-promotion__image_container {
    max-width: 384px;
    margin-bottom: 1em
}

.signup-promotion__image {
    padding-bottom: 35.68773%;
    background-image: url('../assets/yjs-logo.svg?1528279111');
    background-repeat: no-repeat
}

.signup-promotion--collapsed .signup-promotion__image {
    padding-bottom: 17.84387%
}

.signup-promotion h3,
.signup-promotion .callout .callout-heading,
.callout .signup-promotion .callout-heading,
.signup-promotion.signup-promotion--collapsed h3,
.signup-promotion.signup-promotion--collapsed .callout .callout-heading,
.callout .signup-promotion.signup-promotion--collapsed .callout-heading {
    font-size: 1.125rem
}

.signup-promotion__continue,
.signup-promotion--collapsed .signup-promotion__continue,
.signup-promotion__collapse,
.signup-promotion--collapsed .signup-promotion__collapse {
    display: block;
    margin-top: 1em
}

@media screen and (min-width: 46.25em) {
    .signup-promotion__image_container {
        margin-bottom: 2em
    }

    .signup-promotion h3,
    .signup-promotion .callout .callout-heading,
    .callout .signup-promotion .callout-heading {
        font-size: 1.375rem
    }

    .signup-promotion__continue,
    .signup-promotion__collapse {
        margin-top: 2em
    }
}

.edit-subscription-modal {
    width: 640px
}

.edit-subscription-modal h4 {
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.7
}

.edit-subscription-modal .billing-info p {
    font-size: 0.8rem
}

.edit-subscription-modal .billing-info .icon {
    font-size: 2rem;
    margin-right: 1.5rem;
    vertical-align: middle
}

.edit-subscription-modal .cost {
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 300
}

.edit-subscription-modal .frequency {
    font-size: 1rem;
    font-weight: 300
}

.edit-subscription-modal .modal-content {
    padding: 0;
    color: #787878
}

.edit-subscription-modal .modal-content-row {
    border-bottom: 1px solid #d5d7d8;
    padding: 1rem 1.5rem;
    overflow: hidden
}

.edit-subscription-modal .modal-content-col-left {
    float: left;
    width: 54%
}

.edit-subscription-modal .modal-content-col-center {
    float: left;
    width: 26%;
    padding-right: 1.8rem;
    text-align: right
}

.edit-subscription-modal .modal-content-col-left-center {
    float: left;
    width: 80%
}

.edit-subscription-modal .modal-content-col-right {
    float: left;
    width: 20%;
    text-align: right
}

.edit-subscription-modal .modal-content-row[data-region=total] h4,
.edit-subscription-modal .modal-content-row[data-region=total] .cost,
.edit-subscription-modal .modal-content-row[data-region=total] .frequency {
    font-weight: 600
}

.edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] {
    clear: both
}

.edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message {
    background-color: #e6e6e6;
    display: flex;
    font-size: 0.8rem;
    font-weight: 600;
    color: #333;
    margin: 0.8rem 0;
    padding: 1rem
}

.edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message p {
    line-height: 1.2rem
}

.edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message label {
    font-size: 0.8rem
}

.edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message input[type=checkbox] {
    margin: 0.6rem
}

.edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message .icon {
    display: block;
    font-size: 1rem
}

.edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message .left {
    flex: 1
}

.edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message .right {
    flex: 9
}

.edit-subscription-modal .modal-content>.modal-content-row:last-child {
    border-bottom: 0px
}

.edit-subscription-modal .plan-selector__message {
    padding: 0.625rem 2.8125rem
}

.two-factor-auth-image {
    background: url('../assets/modal-two-factor-auth.png?1528279111') no-repeat center;
    background-size: 100%;
    padding-bottom: 45%
}

.two-factor-auth-description {
    padding: 0.5em 1.5rem 1.5rem;
    margin-top: -1.5rem
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3 / 1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .two-factor-auth-image {
        background-image: url('../assets/modal-two-factor-auth_2x.png?1528279111')
    }
}

.billing-form {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #d5d7d8
}

.billing-form__columns {
    margin-top: 1rem;
    border-bottom: 1px solid #d5d7d8
}

.billing-form .control-group,
.billing-form .purge-tags__inner {
    padding-top: 0
}

.billing-form__payment-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    margin-bottom: 1rem;
    width: 45% !important
}

.billing-form__or {
    text-align: center;
    width: 10% !important
}

.billing-form__container {
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.billing-form__payment-type-header {
    margin-bottom: 1rem;
    line-height: 1.9;
    vertical-align: middle
}

.billing-form__payment-type-info {
    margin-bottom: 1rem;
    margin-top: 0
}

.billing-form__show-credit-card {
    min-height: 44px;
    min-width: 115px
}

.billing-form__cancel-credit-card {
    float: right
}

#braintree-paypal-loggedin {
    max-width: 100% !important
}

#braintree-paypal-button {
    margin: auto
}

.billing-form--show-paypal .billing-form__payment-type,
.billing-form--show-credit-card .billing-form__payment-type {
    text-align: left;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.billing-form--show-paypal .billing-form__or,
.billing-form--show-credit-card .billing-form__or {
    display: none
}

.billing-form--show-paypal .billing-form__payment-type--credit-card {
    display: none
}

.billing-form--show-paypal .billing-form__payment-type--paypal {
    width: inherit !important
}

.billing-form--show-paypal .billing-form__payment-type--paypal #braintree-paypal-loggedin span {
    font-size: 1rem !important;
    line-height: 2
}

.billing-form--show-credit-card .billing-form__payment-type--paypal {
    display: none
}

.billing-form--show-credit-card .billing-form__payment-type--credit-card {
    width: inherit !important
}

.billing-form--show-credit-card .billing-form__payment-type-header {
    display: inline
}

.subscriptions-list td.cost a {
    font-size: 0.8rem
}

.zones-picker {
    display: block;
    line-height: 1.5;
    min-width: 100%;
    position: relative;
    max-width: 100%
}

.zones-picker .table-meta .input-row {
    background-color: transparent
}

.zones-picker.open .current-zone {
    background-color: #333;
    color: #FFF
}

.zones-picker.open .current-zone:hover {
    color: #FFF
}

.current-zone {
    background: transparent;
    border-color: transparent;
    color: #333;
    display: block;
    font-size: 1.125em;
    padding: 0.9375rem;
    padding-top: 1.01625rem;
    padding-bottom: 1.17188rem;
    padding-right: 1.5rem
}

.current-zone .caret {
    margin-top: 0.1875rem;
    margin-left: 0.125rem
}

.zones-manager .table-meta {
    background-color: #f7f7f7
}

.zones-dropdown {
    background-color: #FFF;
    border: none;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    z-index: 1040;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-background-clip: padding;
    background-clip: padding-box
}

.zone-picker-active {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: 0.25;
    pointer-events: none;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.zone-plan-cell {
    width: 10em
}

.domain-name-cell {
    cursor: pointer
}

@media screen and (min-width: 46.25em) {
    .zones-picker {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline
    }

    .current-zone {
        color: #333;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline
    }

    .current-zone.expandable,
    .current-zone:hover {
        color: #333
    }

    .zones-dropdown,
    .open .current-zone {
        -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25)
    }

    .zones-dropdown {
        margin: 0
    }

    .zones-manager .table-info {
        width: 60%
    }

    .zone-status-cell .icon {
        padding-right: 0.5em
    }
}

@media screen and (max-width: 46.25em) {
    .zones-dropdown {
        color: #333
    }

    .zones-dropdown .icon-cell {
        display: none
    }

    .zones-dropdown .zone-plan-cell {
        width: 5em
    }

    .zones-dropdown .zone-status-cell {
        max-width: 5em;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

.purge-tags {
    border-top: none;
    font-size: 0.8125rem
}

.purge-tags__header {
    margin-bottom: 0.5rem
}

.purge-tags__name,
.purge-tags__delete {
    vertical-align: middle
}

.dns-mx-content {
    display: block;
    position: relative;
    width: 100%
}

.dns-mx-content .text-cell {
    display: block;
    max-width: 100%;
    padding-right: 2em;
    width: 100%
}

.dns-mx-content .badge {
    position: absolute;
    top: 0.2em;
    right: 0
}

td.dns-proxy-cell {
    padding: 0 0.75rem;
    text-align: left
}

td.dns-proxy-cell:hover {
    outline: none
}

.expanded .dns-name-cell,
.expanded .dns-content-cell {
    overflow: visible;
    white-space: normal
}

.no-flexbox .add-dns-record .cell-primary {
    max-width: 50%
}

.ie9 .add-dns-record .cell-primary {
    width: 40%
}

@media screen and (min-width: 46.25em) {
    .dns-table .table {
        table-layout: fixed
    }

    .dns-type-cell {
        max-width: 5.5em;
        width: 5.5em
    }

    .dns-ttl-cell {
        max-width: 8em;
        width: 8em
    }

    .dns-proxy-cell {
        width: 8.6em
    }

    .dns-proxy-cell .proxy {
        height: 33px
    }

    .table .dns-actions-cell {
        padding-left: 0;
        width: 3.5em
    }

    .dns-name-cell {
        width: 40%
    }

    .dns-content-cell {
        width: 60%
    }

    .dns-record-info {
        float: right;
        margin-top: -1.2em;
        position: relative;
        right: -0.75rem
    }
}

@media screen and (max-width: 46.25em) {
    .dns-table .table-content {
        overflow: visible
    }

    .dns-table thead {
        display: none
    }

    .dns-table td,
    .dns-table th,
    .dns-table tr,
    .dns-table tbody,
    .dns-table tfoot,
    .dns-table colgroup,
    .dns-table table {
        border-top: 0;
        display: block;
        width: auto;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .dns-table td:empty,
    .dns-table th:empty,
    .dns-table tr:empty,
    .dns-table tbody:empty,
    .dns-table tfoot:empty,
    .dns-table colgroup:empty,
    .dns-table table:empty {
        display: none
    }

    .dns-table td {
        padding: 0
    }

    .dns-table .cell-actions,
    .dns-table .cell-actions .btn,
    .dns-table .cell-actions .btn-cancel {
        width: 100%
    }

    .add-dns-record {
        padding-top: 0
    }

    .add-dns-record input {
        width: 100%
    }

    .dns-row {
        position: relative
    }

    .dns-row td:first-child {
        border: 0
    }

    .dns-row,
    .dns-table .empty {
        padding: 0.75rem
    }

    .dns-type-cell {
        font-size: 0.9375em;
        font-weight: 700
    }

    .dns-type-cell div {
        display: inline
    }

    .dns-type-cell div:after {
        content: attr(data-label);
        padding-left: 0.4em
    }

    .dns-name-cell,
    .dns-content-cell {
        max-width: 80%;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .dns-ttl-cell:before {
        color: #4e5255;
        content: attr(data-label);
        padding-right: 0.4em
    }

    .dns-name-cell {
        font-size: 1.0625em
    }

    .dns-proxy-cell,
    .dns-actions-cell {
        margin-top: -17px;
        position: absolute;
        top: 25%;
        right: 0.75rem
    }

    .dns-actions-cell {
        bottom: 25%;
        margin-bottom: -0.75rem;
        right: 1.5rem;
        top: auto
    }

    .dns-mx-content .badge {
        background-color: none;
        border: 0;
        color: inherit;
        font-size: 1em;
        font-weight: 400;
        line-height: inherit;
        padding: 0;
        position: relative;
        top: auto
    }

    .dns-mx-content .badge:before {
        color: #4e5255;
        content: attr(data-original-title);
        padding-right: 0.4em
    }
}

.dns-import-warnings {
    list-style: none;
    margin-left: 0.75rem;
    font-size: 0.875em
}

.dns-import-warnings li {
    padding: 0 0.75rem;
    margin-top: 0.75rem
}

.dns-import-warnings ul {
    list-style: none;
    margin-left: 0.75rem
}

.next-beta {
    position: relative;
    padding: 0.5rem 1rem;
    color: #FFF;
    margin: 0;
    background: rgba(0, 0, 0, 0.8)
}

.next-beta.flex {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.next-beta .ui-item+.ui-item {
    margin: 0 0 0 0.75rem
}

.next-beta a {
    color: white;
    font-size: 1em;
    text-decoration: none
}

.next-beta a:hover {
    color: #4e5255
}

.feedback .form {
    position: fixed;
    z-index: 1040;
    bottom: 0;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 90%;
    max-height: 95%;
    padding: 1.5rem;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0;
    background: #FFF;
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.feedback .form.shut {
    visibility: hidden;
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.feedback .form textarea {
    width: 100%;
    min-height: 96px
}

.feedback .form .btn-primary {
    margin-left: 0.75rem;
    margin-bottom: 0.75rem
}

.feedback .form .info {
    margin: 0.75rem 0
}

.feedback .form .error {
    clear: both
}

@media screen and (min-width: 46.25em) {
    .next-beta {
        position: fixed;
        z-index: 1040;
        bottom: 0;
        right: 0
    }

    .next-beta a {
        font-size: 0.875em
    }

    .feedback .form {
        width: 36.375rem
    }
}

.firewall-event-details ul {
    float: right;
    font-size: 0.875rem
}

.firewall-event-details li {
    display: inline-block
}

.firewall-event-details li+li {
    margin-left: 0.5rem
}

.firewall-event-details li+li:before {
    content: '|';
    margin-right: 0.5rem
}

.firewall-event-details p {
    display: inline
}

.suggestion-results {
    display: none;
    position: absolute;
    z-index: 5;
    min-width: 100%;
    height: auto;
    left: 0;
    background: #FFF;
    border: 1px solid #d5d7d8;
    border-top: 0
}

.suggestion-results a {
    padding: 0.375rem;
    display: block
}

.access-rules-table thead {
    display: none
}

.access-rules-table .access-rules-target-cell,
.access-rules-table .access-rules-country-cell,
.access-rules-table .access-rules-action-cell {
    display: block;
    width: 100%
}

.access-rules-table .access-rules-target-cell:before,
.access-rules-table .access-rules-country-cell:before,
.access-rules-table .access-rules-action-cell:before {
    color: #4e5255;
    content: attr(data-label);
    display: inline;
    padding-right: 0.4em
}

.access-rules-table td {
    display: block;
    width: 100%
}

.access-rules-table td p.notes {
    font-size: 90%;
    color: #4e5255;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media screen and (min-width: 46.25em) {
    .access-rules-table thead {
        display: table-header-group
    }

    .access-rules-table .access-rules-target-cell,
    .access-rules-table .access-rules-country-cell {
        width: 35%
    }

    .access-rules-table .access-rules-target-cell,
    .access-rules-table .access-rules-country-cell,
    .access-rules-table .access-rules-action-cell {
        display: table-cell
    }

    .access-rules-table .access-rules-target-cell:before,
    .access-rules-table .access-rules-country-cell:before,
    .access-rules-table .access-rules-action-cell:before {
        display: none
    }

    .access-rules-table th.configuration_value {
        width: 77%
    }

    .access-rules-table td {
        display: table-cell
    }

    .access-rules-table td p.notes {
        width: 337px
    }

    .firewall-event-host-cell {
        max-width: 15em
    }
}

.event-actions .event-action {
    padding: 0.75rem;
    margin: 0.75rem;
    border: 1px solid #d5d7d8;
    margin-left: 0
}

.event-actions .event-action:nth-child(2) {
    margin-right: 0
}

.event-actions button {
    margin-left: 0.375rem
}

.event-actions .setting-control+.setting-control {
    margin-top: 0
}

@media screen and (min-width: 14.75em) {
    .firewall-details .row .col+.col {
        margin-top: 0.75rem
    }

    .event-actions {
        display: block
    }

    .event-actions .event-action {
        width: 100%;
        margin-right: 0
    }

    .access-rules-table th.configuration_value {
        min-width: auto
    }

    .access-rules-table td p.notes {
        width: 178px
    }
}

@media screen and (min-width: 62em) {
    .firewall-details .row .col+.col {
        margin-top: 0
    }

    .event-actions {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .event-actions .event-action {
        margin-right: 0.75rem
    }

    .access-rules-table th.configuration_value {
        min-width: 50%;
        width: auto
    }

    .access-rules-table td p.notes {
        width: 456px
    }
}

.subscription-legal-disclaimer {
    font-size: 60%;
    font-style: italic;
    margin-top: 2rem
}

.change-plan-modal .modal-body {
    border: none;
    padding: 0
}

.change-plan-modal .radio-group-jumbo {
    border-top: 1px solid #e6e6e6
}

.change-plan-modal .radio-group-jumbo .list {
    text-align: center
}

.plan-selector-title {
    padding: 1.5rem
}

.pricing-frequency {
    font-size: 1rem
}

.plan-price {
    font-size: 3em;
    font-weight: 400
}

.enterprise-price {
    font-size: 1.1rem
}

.enterprise-price .pricing-frequency {
    font-size: 0.8rem
}

.plan-selector-loading {
    margin: 1rem 0 2rem 0;
    text-align: center;
    font-weight: bold
}

.plan-selector i.icon.icon-ok {
    display: inline-block;
    color: #79c698;
    margin-right: 0.5rem
}

.plan-selector input[type="radio"] {
    left: 1.8rem;
    top: 2rem;
    padding: 0;
    z-index: 2
}

.plan-selector li,
.plan-selector li label,
.plan-selector li.active label {
    text-align: left
}

.plan-selector li label,
.plan-selector li.active label {
    padding-left: 4rem
}

.plan-selector li label {
    border-top: 1px solid #d5d7d8
}

.plan-selector .list,
.plan-selector .select-plan-cta {
    display: none
}

.plan-selector .list {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.plan-selector .list li {
    padding-left: 1.8rem
}

.plan-selector li {
    position: relative
}

.plan-selector li.active {
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    z-index: 3
}

.plan-selector li.active .list {
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.plan-selector li.active .list li {
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto
}

.plan-selector .radio-group-jumbo {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.plan-selector .radio-group-jumbo li {
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto
}

.plan-selector .radio-group-jumbo li .plan-price {
    background: none;
    border: none;
    padding: 1.5rem 1.8rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.plan-selector .radio-group-jumbo li.active .plan-price {
    color: #FFF
}

.plan-selector .radio-group-jumbo input[type="radio"]:checked+label {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none
}

.plan-selector__message {
    position: relative;
    padding: 0.5rem 2.5rem;
    padding-right: 2rem;
    font-size: 0.875rem;
    vertical-align: middle;
    -webkit-text-stroke: 0;
    background-color: #4e5255;
    border-color: #36383a;
    color: #FFF
}

.plan-selector__message:before {
    content: '\F006';
    position: absolute;
    top: 50%;
    left: 0.75rem;
    margin-top: -0.625rem;
    font-family: 'cloudflare-font';
    font-size: 1.25rem;
    line-height: 1;
    vertical-align: middle
}

.plan-selector__message.text-error {
    border-color: transparent;
    background-color: transparent;
    color: #bf223c
}

@media screen and (min-width: 46.25em) {
    .flexbox .plan-selector .list {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flexbox .plan-selector .list li {
        width: 50%
    }

    .enterprise-price {
        font-size: inherit
    }

    .enterprise-price .pricing-frequency {
        font-size: 1rem
    }
}

.plan-changed-success-image {
    background: #2c7cb0 url('../assets/plan-changed-success.svg?1528279111') no-repeat center;
    background-size: 100%;
    padding-bottom: 50%;
    border-bottom-width: 0
}

.request-submitted-success-image {
    background: #2c7cb0 url('../assets/request-submitted-success.svg?1528279111') no-repeat center;
    background-size: 100%;
    padding-bottom: 50%;
    border-bottom-width: 0
}

@-moz-keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slide-in-right {
    -moz-animation: slideInRight 0.2s ease-out;
    -webkit-animation: slideInRight 0.2s ease-out;
    animation: slideInRight 0.2s ease-out
}

.cell-member-auto-accept {
    padding-top: 0.4375em;
    padding-right: 0.25em
}

.reinvite .icon.icon-ok {
    color: #79c698
}

@media screen and (min-width: 46.25em) {
    .cell-member-role-picker {
        min-width: 20.5em;
        max-width: 20.5em
    }
}

.onboarding-video {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 1.5em 0;
    max-width: 100%
}

.registrar-image {
    float: right;
    border: none;
    margin: 0
}

.dns-scan-timer-progress {
    border: none
}

.dns-scan-modunit header {
    padding-bottom: 0
}

.dns-scan-modunit .mod-title {
    margin: 0
}

.dns-scan-modunit .progress-bar {
    padding: 0 1.5em 1.5em
}

.dns-scan-modunit .progress-bar h1 {
    margin: 1.5rem 0;
    font-weight: normal
}

.dns-modunit {
    border: none;
    margin-bottom: 0;
    margin-top: 0
}

.dns-modunit>*+* {
    border: none
}

.dns-modunit .legend {
    border: none;
    padding: 0 1.5rem
}

.dns-modunit .legend p,
.dns-modunit .legend .col-6,
.dns-modunit .legend .event-actions .event-action,
.event-actions .dns-modunit .legend .event-action {
    margin: 0
}

.dns-modunit .legend .col-8 {
    margin: 0 0 1.5rem
}

.dns-modunit .legend .cf-proxied,
.dns-modunit .legend .cf-unproxied {
    cursor: default
}

@media screen and (min-width: 46.25em) {
    .add-website-table .progress {
        width: 30%;
        padding: 0 0.75rem
    }

    .add-website-table .status {
        width: 17%
    }
}

.scan-progressbar progress::-webkit-progress-value {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

@media screen and (min-width: 14.75em) {
    .table-responsive td.zone-delete {
        padding-right: 1em
    }
}

.zone-delete {
    width: 3em
}

.ssl-modal .headline-divider {
    margin: 0 1.5rem
}

.ssl-notifications .alert {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 0;
    font-size: 16px
}

.ssl-notifications p {
    word-wrap: break-word
}

.ssl-table {
    position: relative
}

.ssl-table .draggable {
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.ssl-table .draggable .ui-item {
    display: block
}

.ssl-tooltip {
    text-align: left
}

.ssl-tooltip table {
    background: none
}

.ssl-tooltip td:first-child {
    padding-right: 1em
}

@media screen and (min-width: 46.25em) {
    .ssl-table .ssl-details-cell {
        padding: 0
    }

    .ssl-table .ssl-arrow-cell {
        display: table-cell;
        padding-right: 0;
        width: 0.5em
    }

    .ssl-table .ssl-type-cell {
        width: 6em
    }

    .ssl-table .ssl-issuer-cell {
        display: none
    }

    .ssl-table .ssl-expires-cell {
        width: 10em
    }

    .ssl-table .ssl-domain-cell {
        min-width: 20em
    }

    .ssl-table .ssl-domain-cell .hosts,
    .ssl-table .ssl-domain-cell .count {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        vertical-align: middle;
        overflow: hidden;
        white-space: nowrap
    }

    .ssl-table .ssl-domain-cell .hosts {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 13.5em
    }

    .ssl-table .ssl-domain-cell .count {
        width: 5em;
        text-align: right
    }
}

@media screen and (min-width: 62em) {
    .ssl-table .ssl-domain-cell {
        min-width: 24em
    }

    .ssl-table .ssl-domain-cell .hosts {
        width: 18.5em
    }
}

@media screen and (max-width: 46.25em) {
    .ssl-table td[data-label]:before {
        color: #4e5255;
        content: attr(data-label);
        padding-right: 0.4em
    }

    .ssl-table .draggable {
        cursor: default
    }

    .ssl-table thead {
        display: none
    }

    .ssl-table tr {
        padding: 0.75rem;
        display: block;
        position: relative
    }

    .ssl-table td {
        display: block;
        border: none;
        width: auto;
        background: none;
        padding: 0;
        font-size: 1.0625em
    }

    .ssl-table .ssl-details-cell {
        position: absolute;
        top: 0.75rem;
        right: 0.75rem
    }

    .ssl-table .ssl-domain-cell {
        width: 17em
    }

    .ssl-table .ssl-domain-cell span {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: 11em;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        text-align: left
    }

    .ssl-table .ssl-domain-cell span.count {
        width: 5em;
        text-overflow: initial;
        text-align: right
    }

    .ssl-table .ssl-actions-cell {
        position: absolute;
        bottom: 0.75rem;
        right: 0.75rem
    }
}

.analytics-page>.page-content {
    margin-top: 2em
}

.analytics-welcome-box {
    background-image: url('../assets/analytics-welcome.svg?1528279111');
    min-height: 220px;
    background-size: 360px
}

.analytics-data.columns.three>.column,
.analytics-data.columns.four>.column {
    border-right: 0
}

.analytics-share-box {
    background: #2c7cb0;
    color: #FFF
}

.analytics-share-box .tabs a {
    background-color: #276d9b;
    color: #d5d7d8;
    padding: 1rem;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto
}

.analytics-share-box .tabs a:hover {
    background-color: #318ac4;
    color: inherit
}

.analytics-share-box .tabs li.active a {
    background-color: #2c7cb0
}

.analytics-share-box .tabs li {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 0;
    -webkit-flex: 1 1 0;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: stretch;
    -webkit-align-items: stretch
}

.analytics-share-box .tabs li+li {
    border-left-color: #225f87
}

.analytics-share-box li.active a:before {
    display: none
}

.analytics-share-box .tab-content {
    margin: 1rem 0 0;
    padding: 5rem 3rem
}

.analytics-badge {
    font-size: 5rem;
    line-height: 1;
    flex: 0 0 7rem;
    -webkit-flex: 0 0 7rem
}

.analytics-share-badge {
    font-size: 6rem;
    width: 2rem
}

.analytics-data {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #d5d7d8
}

.analytics-data.columns.three>.column,
.analytics-data.columns.four>.column {
    padding: 1.5rem
}

.analytics-data.columns.three>.column:last-child,
.analytics-data.columns.four>.column:last-child {
    border-right: none
}

.analytics-data h2 {
    padding-top: 0.75rem;
    color: #4e5255;
    font-weight: normal
}

.analytics-billboard {
    padding-bottom: 0.75rem
}

.analytics-billboard .c3 {
    width: 98%;
    max-height: 320px
}

.cf-area-chart {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-content: center;
    -webkit-align-content: center;
    justify-content: center;
    -webkit-justify-content: center
}

.modunit-link-tabs a,
.modunit-link-tabs strong {
    font-size: 0.9375rem;
    padding: 0.4375rem
}

.modunit-link-tabs a:last-child,
.modunit-link-tabs strong:last-child {
    padding-right: 0
}

.analytics-toggle-mode-button {
    margin-right: 0.625rem
}

@media screen and (min-width: 46.25em) {
    .flexbox .modunit-tabs .tabs li {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex: 100px 1 0;
        -webkit-flex: 100px 1 0
    }

    .flexbox .modunit-tabs .tabs li:nth-child(-n+3) {
        border-bottom: 1px solid transparent
    }

    .analytics-data.columns.three>.column,
    .analytics-data.columns.four>.column {
        border-right: 1px solid #d5d7d8
    }
}

@media screen and (min-width: 14.75em) {
    .flexbox .modunit-tabs .tabs li {
        flex: 1 1 0;
        -webkit-flex: 1 1 0
    }

    .flexbox .modunit-tabs .tabs li:nth-child(-n+3) {
        border-bottom: 1px solid #d5d7d8
    }
}

.modunit-tabs {
    margin-top: 2rem
}

.modunit-tabs .tabs {
    border-right: 1px solid #d5d7d8;
    margin: 0;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modunit-tabs .tabs li {
    border: 1px solid #d5d7d8;
    border-right: 0
}

.modunit-tabs .tabs li a {
    border-top: 2px solid transparent;
    padding: 1rem
}

.modunit-tabs .tabs li.active {
    border-bottom: 0 !important
}

.modunit-tabs .tabs li.active a {
    background: none;
    color: #333;
    border-top: 2px solid #2c7cb0
}

.modunit-tabs .tabs li.active a:before {
    display: none
}

.modunit-tabs .tab-content {
    margin: 0
}

.modunit-tabs .modunit {
    border-top: 0
}

.analytics-row.flex-columns .modunit {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.cf-pie-chart .c3-chart-arcs text {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)
}

@media screen and (min-width: 46.25em) {
    .analytics-share-box .tab-content {
        height: 20em
    }
}

.analytics-legend-icon {
    display: inline-block;
    height: 0.8125rem;
    margin-right: 0.5rem;
    width: 0.8125rem
}

.analytics-legend-label {
    font-size: 80%
}

.analytics-tooltip-subheading th {
    background-color: #d5d7d8;
    color: #333;
    font-weight: bold
}

.analytics-tooltip-subheading th:last-of-type {
    text-align: right
}

.analytics-status-codes-content {
    position: relative
}

.analytics-status-codes-empty {
    z-index: 1
}

.analytics-status-codes-empty-text {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 5px 10px;
    background: #FFF
}

.analytics-status-codes-sidebar {
    border-top: 1px solid #d5d7d8;
    padding: 1rem 2rem;
    text-align: center
}

.analytics-status-codes-sidebar .btn-link {
    font-size: 0.8125rem;
    padding: 0
}

.analytics-status-codes-sidebar .text-splitter {
    margin: 0 0.5rem;
    background: #2c7cb0
}

.analytics-status-codes-code-list {
    list-style-type: none;
    margin: 0;
    padding: 1rem 0 0 0;
    text-align: left;
    -moz-columns: 12.5rem 3;
    -webkit-columns: 12.5rem 3;
    columns: 12.5rem 3
}

.analytics-status-codes-code-item {
    display: block;
    margin: 0;
    padding: 0 1rem 0.25rem 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    -moz-transition: opacity 100ms ease-out;
    -o-transition: opacity 100ms ease-out;
    -webkit-transition: opacity 100ms ease-out;
    transition: opacity 100ms ease-out
}

.analytics-status-codes-code-item.disabled {
    opacity: 0.15
}

@media screen and (min-width: 62em) {
    .analytics-status-codes {
        position: relative;
        height: 350px
    }

    .analytics-status-codes-content {
        position: absolute;
        left: 0;
        right: 250px;
        height: 100%
    }

    .analytics-status-codes-sidebar {
        position: absolute;
        right: 0;
        width: 250px;
        height: 100%;
        border-left: 1px solid #d5d7d8;
        overflow: auto;
        text-align: left;
        border-top: none
    }

    .analytics-status-codes-code-list {
        -moz-columns: auto;
        -webkit-columns: auto;
        columns: auto
    }
}

@media screen and (min-width: 62em) {
    .analytics-status-codes-code-list {
        -webkit-transform: translate3d(0, 0, 0)
    }

    .analytics-status-codes-code-list.has-focused-item .analytics-status-codes-code-item {
        opacity: 0.5
    }

    .analytics-status-codes-code-list .analytics-status-codes-code-item:hover {
        opacity: 1
    }
}

.analytics-status-codes-code-list .analytics-status-codes-code-item.disabled {
    opacity: 0.25
}

.web-traffic-title {
    margin-top: 2em
}

.web-traffic-title>h3,
.callout .web-traffic-title>.callout-heading {
    display: inline-block
}

.table .zones-connected a.text-nonessential,
.table .zones-connected .pagination a.pagination-info,
.pagination .table .zones-connected a.pagination-info {
    cursor: default
}

.table .zones-connected a.text-nonessential:hover,
.table .zones-connected .pagination a.pagination-info:hover,
.pagination .table .zones-connected a.pagination-info:hover {
    color: #4e5255
}

.railgun-connections-actions {
    width: 13.3rem
}

.china-icon,
.china-modal__requirements--icons .icon,
.china-modal__failed .icon {
    position: absolute;
    left: -1.8em;
    top: 4px
}

.china-modal__requirements,
.china-modal__requirements--icons {
    margin-left: 1.2em;
    margin-top: 1.2em
}

.china-modal__requirements li,
.china-modal__requirements--icons li {
    margin-bottom: 0.5em;
    position: relative
}

.china-modal__requirements--icons {
    list-style-type: none;
    margin-left: 2em
}

.china-modal__requirements--icons .icon {
    display: none
}

.china-modal__requirements--icons .icon-ok {
    color: #79c698
}

.china-modal__requirements--icons .icon-exclamation-sign {
    color: #bf223c
}

.china-modal__requirements--icons p {
    color: #4e5255;
    display: none
}

.china-modal__requirements--icons li {
    display: none
}

li.china-modal__requirements--icp,
li.china-modal__requirements--http {
    display: block
}

li.china-modal__requirements--icp.china-modal--ok .icon-ok,
li.china-modal__requirements--http.china-modal--ok .icon-ok {
    display: block
}

li.china-modal__requirements--icp.china-modal--error .icon-exclamation-sign,
li.china-modal__requirements--http.china-modal--error .icon-exclamation-sign {
    display: block
}

li.china-modal__requirements--icp.china-modal--error p,
li.china-modal__requirements--http.china-modal--error p {
    display: block
}

.china-modal__failed {
    display: none;
    margin-left: 2em;
    position: relative
}

.china-modal__failed .icon {
    display: none;
    color: #bf223c
}

.virtual-dns-modal>.modal-header {
    padding: 0;
    z-index: 1
}

.virtual-dns-modal .form-title {
    font-weight: 400
}

.virtual-dns-modal .form-controls,
.virtual-dns-modal .virtual-dns-nameservers__body {
    background-color: #edeeee;
    padding: 1.5rem;
    border-bottom: 1px solid #d5d7d8
}

.virtual-dns-modal .select2-search-field input {
    resize: horizontal
}

.virtual-dns-modal .modal-footer {
    background-color: #FFF
}

.virtual-dns-modal .select2-container-multi .select2-choices .select2-search-choice {
    background-color: #2c7cb0;
    border: 2px solid #2c7cb0;
    color: #FFF
}

.virtual-dns-form .modal-header {
    padding: 0;
    padding-top: 1.5rem
}

.virtual-dns-form legend {
    padding: 1.5rem;
    margin: 0;
    border-color: #d5d7d8
}

.virtual-dns-form .control-group,
.virtual-dns-form .purge-tags__inner {
    padding: .75rem 0
}

.virtual-dns-form .control-group:last-of-type,
.virtual-dns-form .purge-tags__inner:last-of-type {
    padding-bottom: 0
}

.virtual-dns-form .select2-search-choice-close:before {
    color: #FFF
}

.virtual-dns-form .select2-search-choice-close:hover:before {
    color: #479ad1
}

.virtual-dns-nameservers .modal-header {
    padding: 1.5rem
}

.virtual-dns-nameservers__body {
    border-top: 1px solid #d5d7d8
}

.virtual-dns-nameservers__subheadline {
    font-weight: 400
}

.virtual-dns-nameservers__container {
    list-style-type: none;
    margin: 0
}

.virtual-dns-nameservers__item {
    width: 49%;
    display: inline-block;
    margin-top: 0.75rem
}

.virtual-dns-nameservers__item .virtual-dns-nameservers__address {
    background-color: #FFF;
    border-color: #d5d7d8;
    color: #333;
    cursor: default;
    display: block;
    width: 100%
}

.virtual-dns-nameservers__copy {
    color: #4e5255;
    cursor: pointer
}

.page-rules-modal .add-setting-link {
    border-bottom: 1px dashed;
    padding: 0 0 0.4em;
    text-decoration: none
}

.page-rules-modal .add-setting-link.disabled {
    border: none;
    opacity: 1;
    color: #4e5255
}

.page-rules-modal .setting-editor {
    margin-bottom: 0.75rem
}

.page-rules-modal [data-region="valueControl1"] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.page-rules-modal [data-region="valueControl2"] {
    margin-top: 0.75rem
}

.page-rules-modal .text_value {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center
}

.sortable-index {
    text-align: center
}

.subscription-purchase .modal-header~.modal-body .modal-content {
    padding-top: 1.5rem
}

.subscription-purchase [data-region="summary"] {
    padding-top: 1.5rem
}

.subscription-purchase .payment-summary {
    padding: 0 1.5rem
}

.subscription-purchase .billing-info {
    padding: 1.5rem 1.5rem 0
}

.subscription-purchase .disclaimer-info {
    padding: 0 1.5rem 1.5rem
}

@media screen and (min-width: 14.75em) {
    .page-rules-table tr {
        display: block;
        border-top: 1px solid #d5d7d8
    }

    .page-rules-table td {
        border: none
    }

    .page-rules-table .drag-handle {
        display: none
    }

    .page-rules-table .sortable-arrow-cell {
        width: 1em
    }

    .page-rule-actions-cell {
        display: block
    }
}

@media screen and (min-width: 46.25em) {
    .page-rules-table tr {
        display: table-row;
        border: none
    }

    .page-rules-table td {
        border-top: 1px solid #d5d7d8
    }

    .page-rules-table .drag-handle {
        display: inline-block
    }

    .page-rules-table .sortable-arrow-cell {
        width: 5em
    }

    .page-rule-actions-cell {
        display: table-cell
    }
}

.page-rules__setting-select-dropdown .select2-search>input,
.page-rules__page-rule-select-dropdown .select2-search>input {
    padding-left: 0.3125rem
}

.page-rule-description-cell {
    word-wrap: break-word
}

@media screen and (min-width: 14.75em) {
    .page-rule-description-cell {
        max-width: 6.25rem
    }
}

@media screen and (min-width: 46.25em) {
    .page-rule-description-cell {
        max-width: 27.5rem
    }
}

@media screen and (min-width: 62em) {
    .page-rule-description-cell {
        max-width: 43.75rem
    }
}

.page-rules-welcome-box {
    background-image: url('../assets/analytics-welcome.svg?1528279111');
    min-height: 13.75rem;
    background-size: 22.5rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.page-rules-welcome-box p {
    margin-bottom: 0.9375rem;
    font-size: 1.3125rem;
    line-height: 1.875rem
}

#DedicatedCertificatesCard .card__sections:nth-child(1) .card__control:nth-child(2) .btn-ssl-certificate,
#DedicatedCertificatesCard .card__sections:nth-child(1) .card__control:nth-child(2) .btn-group {
    width: 251px
}

.bold-label {
    font-weight: 700
}

.certificates {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 0.625rem;
    margin: 1.75rem;
    margin-top: 0
}

.certificates__type {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: stretch;
    -webkit-align-items: stretch;
    box-shadow: inset 0 0 0 1px #cbcbcb;
    margin: 0 0.3125rem;
    height: 25rem;
    list-style-type: none;
    padding: 0.875rem;
    overflow: hidden
}

.certificates__type--selected {
    box-shadow: inset 0 0 0 3px #0f75bd
}

.certificates__title {
    color: #3b5669;
    font-size: 1.1rem;
    text-align: center
}

.certificates__example {
    background-color: #e0e0e0;
    padding: 0.5rem 0 0.5rem 0.375rem;
    margin-bottom: 1.125rem
}

.certificates__protocol {
    color: #15a04d
}

.certificates__zone-name {
    border: 1px solid #bababa;
    border-right: none;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    background-color: #fff;
    margin-bottom: 0.3125rem;
    overflow: hidden;
    padding: 0.0625rem 0 0.125rem 0.3125rem
}

.certificates__authority {
    border: 1px solid #bababa;
    border-right: none;
    padding-bottom: 0.25rem;
    background-color: #fff
}

.certificates__authority-text,
.certificates__authority-name {
    padding: 0.0625rem 0 0.125rem 0.3125rem
}

.certificates__authority-name {
    color: #fff;
    background-color: #3262ae
}

.geo-restriction-custom-warning {
    display: flex
}

.geo-restriction-custom-warning__icon {
    padding-top: 0.2rem;
    font-size: 1.2rem
}

.geo-restriction-custom-warning__text {
    padding-left: 1rem
}

.certificates__features ul {
    margin-left: 0.75rem;
    list-style-position: outside
}

.certificates__features ul li {
    color: #0f0f0f;
    list-style-type: none;
    font-weight: 600;
    margin-bottom: 0.3125rem;
    position: relative
}

.certificates__features ul li:before {
    position: absolute;
    display: block;
    width: 0.3125rem;
    height: 0.3125rem;
    background-color: #000;
    content: ' ';
    top: 5px;
    left: -10px
}

.certificates__pricing {
    font-size: 1.875rem;
    font-weight: 600;
    text-align: center
}

.certificates__pricing--universal_certificates,
.certificates__pricing--bordered {
    color: #bababa;
    border: 1px solid #bababa;
    font-size: 13px;
    padding: 6px;
    margin: 0 10px;
    width: 100%
}

.certificates__frequency {
    color: #bababa
}

.certificates__frequency,
.certificates__hostname-info {
    font-size: 0.6875rem
}

.certificates__type-top {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 2.8rem;
    margin-bottom: 1rem
}

.certificates__type-middle {
    flex: 3
}

.certificates__type-bottom {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 5rem
}

.certificates__entitlements {
    padding: 28px;
    padding-top: 0
}

.certificates__cert {
    vertical-align: middle
}

.modal-multi-step-certificates .billing-form {
    border: none
}

.modal-multi-step-certificates .confirm-hostnames,
.modal-multi-step-certificates .ordering-certificates,
.modal-multi-step-certificates .full-validation {
    padding: 0 1.5rem 1.5rem 1.5rem
}

.modal-multi-step-certificates .modal-multi-step-order__step-list,
.modal-multi-step-certificates .modal-multi-step-validation__step-list {
    margin-left: 1rem
}

.modal-multi-step-certificates .modal-multi-step-order__step-list li,
.modal-multi-step-certificates .modal-multi-step-validation__step-list li {
    margin: 1rem 0;
    padding-left: 1rem
}

.modal-multi-step-certificates .modal-multi-step-order__step-list li h5,
.modal-multi-step-certificates .modal-multi-step-validation__step-list li h5 {
    position: relative;
    font-size: 1.1rem
}

.modal-multi-step-certificates .modal-multi-step-order__step-list li.pending,
.modal-multi-step-certificates .modal-multi-step-validation__step-list li.pending {
    color: #d5d7d8;
    font-weight: normal
}

.modal-multi-step-certificates .modal-multi-step-order__step-list li .status,
.modal-multi-step-certificates .modal-multi-step-validation__step-list li .status {
    position: absolute;
    top: 0;
    right: 0
}

.modal-multi-step-certificates .modal-multi-step-order__step-list li .error-message,
.modal-multi-step-certificates .modal-multi-step-validation__step-list li .error-message {
    margin-top: 0.5em;
    width: 80%;
    font-size: 0.8em
}

.modal-multi-step-manage-certificates .modal-header {
    padding-bottom: 0
}

.modal-multi-step-manage-certificates .modal-title {
    padding-bottom: 0.5rem
}

.modal-multi-step-manage-certificates .ssl-table tr th:first-of-type,
.modal-multi-step-manage-certificates .ssl-table tr td:first-of-type {
    padding-left: 1.5rem
}

.modal-multi-step-manage-certificates .ssl-table tr th:last-of-type,
.modal-multi-step-manage-certificates .ssl-table tr td:last-of-type {
    padding-right: 1.5rem
}

.modal-multi-step-manage-certificates__copy-section,
.modal-multi-step-manage-certificates__title-section {
    padding: 0 1.5rem
}

.modal-multi-step-manage-certificates__title-section {
    padding: 0 1.5rem 0.5rem 1.5rem
}

.modal-multi-step-manage-certificates__title-section:first-of-type {
    padding-top: 1rem
}

.modal-multi-step-manage-certificates__copy-section {
    padding-bottom: 1.5rem
}

.modal-multi-step-manage-certificates__copy-section:first-of-type {
    border-bottom: 1px solid #d5d7d8
}

.modal-multi-step-manage-certificates .select2-choices .select2-search-choice {
    background-color: #79c698
}

.modal-multi-step-manage-certificates .select2-choices .select2-initial-choice {
    background-color: #d5d7d8
}

.modal-multi-step-certificates .select2-choices .select2-locked,
.modal-multi-step-manage-certificates .select2-choices .select2-locked {
    padding-left: 0.4rem
}

.hostnames-select-control {
    padding: 0 1.5rem
}

.modal-cert-deletion .modal-header {
    border-bottom: 1px solid #d5d7d8;
    margin-bottom: 1.6rem
}

.modal-cert-deletion .result i {
    float: left;
    font-size: 1.3rem;
    line-height: 1.3
}

.modal-cert-deletion .result div {
    margin-left: 2.4rem
}

.modal-multi-step-validation {
    padding: 0 1.5rem
}

.modal-multi-step-validation__description {
    padding-bottom: 1rem
}

.modal-multi-step-validation__emails {
    margin: 1rem;
    overflow: auto;
    margin-bottom: 1rem
}

.modal-multi-step-validation__email {
    display: block;
    float: left;
    width: 50%
}

.modal-multi-step-validation__email:before {
    content: '\2022';
    padding-right: 7px
}

.cname-table .ui-spinner-simple {
    position: static
}

@media screen and (min-width: 14.75em) {
    #DedicatedCertificatesCard .card__sections:nth-child(1) .card__control:nth-child(2) {
        padding: 2rem 0
    }

    .certificates {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .certificates .certificates__type {
        width: auto;
        margin-top: 1rem
    }
}

@media screen and (min-width: 14.75em) and (max-width: 30.5em) {
    .modal-multi-step-certificates .modal-body {
        font-size: 0.85rem
    }

    .modal-multi-step-certificates .modal-body p {
        margin: 1em 0
    }

    .modal-multi-step-certificates .modal-body .hostnames-select-control {
        padding: 0
    }

    .modal-multi-step-certificates .modal-body .billing-form__payment-type-header,
    .modal-multi-step-certificates .modal-body .billing-form__or {
        font-size: 0.9rem
    }

    .modal-multi-step-certificates .modal-body [data-region='cost'] {
        text-align: left
    }

    .modal-multi-step-certificates .modal-footer {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-around;
        -webkit-justify-content: space-around
    }

    .modal-multi-step-certificates .modal-footer .btn,
    .modal-multi-step-certificates .modal-footer .btn-cancel {
        font-size: 0.85rem
    }

    .modal-multi-step-certificates .modal-footer .modal-actions {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        flex-grow: 2;
        -webkit-flex-grow: 2;
        justify-content: flex-end;
        -webkit-justify-content: flex-end
    }

    .modal-multi-step-certificates .modal-footer .modal-nonessential {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        flex-grow: 1;
        -webkit-flex-grow: 1
    }

    .modal-multi-step-certificates .ordering-certificates ol li h5 {
        font-size: 0.9rem;
        width: 85%
    }
}

@media screen and (min-width: 30.5em) {
    .certificates {
        -webkit-flex-direction: initial;
        -moz-flex-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial
    }

    .certificates .certificates__type {
        width: 15rem;
        margin-top: 0
    }
}