/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */

hr,
input[type=search] {
    box-sizing: content-box
}

fieldset,
img,
legend {
    border: 0
}

.table--reports,
table {
    border-collapse: collapse
}

body,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul {
    margin: 0
}

legend,
ol,
td,
th,
ul {
    padding: 0
}

.em,
button,
select {
    text-transform: none
}

.icon-only-button,
.ir {
    text-indent: 100%;
    white-space: nowrap
}

a:active,
a:hover,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

.button,
.carousel__wrap,
.ct-label,
.icon-only-button,
.ir,
.page-action,
.page-action_item,
.page-actions,
.report-nav_item,
.report_block--list,
.status-percentage,
.td__nowrap,
.thumbnail-meta,
.tooltip:after {
    white-space: nowrap
}

html {
    -ms-text-size-adjust: 100%;
    box-sizing: border-box
}

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

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

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

[hidden],
template {
    display: none
}

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

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

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

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

figure {
    margin: 1em 40px
}

hr {
    height: 0
}

pre,
textarea {
    overflow: auto
}

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

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

button {
    overflow: visible
}

.ir,
body.no-scroll {
    overflow: hidden
}

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

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

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

input {
    line-height: normal
}

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

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

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

*,
.rule,
:after,
:before {
    box-sizing: inherit
}

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

fieldset {
    padding: .35em .625em .75em
}

table {
    border-spacing: 0
}

ol,
ul {
    list-style-type: none
}

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

.clearfix:after {
    clear: both
}

.error {
    color: #c81a19
}

.is-required:after {
    position: absolute;
    content: "*";
    margin: -1px 0 0 4px;
    font-weight: 500;
    color: #c81a19
}

.em {
    font-family: Playfair Display, serif;
    font-style: italic
}

.p-em {
    margin-left: .4em
}

.ir {
    display: block;
    color: transparent
}

.icon-before:before {
    z-index: 5;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 40%
}

#footer,
#main,
#topbar,
.containerWrap,
.nav,
body {
    position: relative
}

.arrow-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3Cpath d='M0-.25h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.checkmark-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%2343a047' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
    fill: #43a047
}

.home-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .home-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23007cbb' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.account-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2a7.2 7.2 0 0 1-6-3.22c.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08a7.2 7.2 0 0 1-6 3.22z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .account-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2a7.2 7.2 0 0 1-6-3.22c.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08a7.2 7.2 0 0 1-6 3.22z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.help-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .help-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.billing-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .billing-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.security-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .security-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.integrations-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5a2.5 2.5 0 0 0-5 0V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5a2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .integrations-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5a2.5 2.5 0 0 0-5 0V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5a2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.edit-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .edit-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.wizard-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .wizard-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.dropdown-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #fff
}

.dropdown-icon-dark:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.form-control.dropdown-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.close-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill-opacity='.87' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%23ccc'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #ccc
}

.no-touch .close-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill-opacity='.87' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #666
}

.edit-light-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23666' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #666
}

.no-touch .edit-light-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.delete-light-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23666' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #666
}

.no-touch .delete-light-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.upload-light-icon:before {
    background-position: 50% 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23666' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z'/%3E%3C/svg%3E");
    fill: #666
}

.no-touch .upload-light-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.listing-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .listing-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.report-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .report-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.launch-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .launch-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.notification-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23144272' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4a2 2 0 0 0 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E");
    fill: #144272
}

.lightning-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23144272' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 2v11h3v9l7-12h-4l4-8z'/%3E%3C/svg%3E");
    fill: #144272
}

.domain-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .domain-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.pages-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .pages-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.boxes-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 13v8h8v-8h-8zM3 21h8v-8H3v8zM3 3v8h8V3H3zm13.66-1.31L11 7.34 16.66 13l5.66-5.66-5.66-5.65z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .boxes-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 13v8h8v-8h-8zM3 21h8v-8H3v8zM3 3v8h8V3H3zm13.66-1.31L11 7.34 16.66 13l5.66-5.66-5.66-5.65z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.theme-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3a9 9 0 0 0 0 18c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .theme-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3a9 9 0 0 0 0 18c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.folder-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23666' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #666
}

.is-selected>.folder-icon:before,
.no-touch .folder-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.page-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23666' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #666
}

.is-selected>.page-icon:before,
.no-touch .page-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.page-icon-dark:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.is-selected>.page-icon-dark:before,
.no-touch .page-icon-dark:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.calculator-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='56.693' viewBox='0 0 56.693 56.693' width='56.693' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M43.742 4.687H13.094A3.107 3.107 0 0 0 9.99 7.79v43.301a3.107 3.107 0 0 0 3.104 3.102h30.648a3.108 3.108 0 0 0 3.104-3.102V7.79a3.107 3.107 0 0 0-3.104-3.103zM18.829 47.872a2.796 2.796 0 1 1 0-5.592 2.796 2.796 0 0 1 0 5.592zm0-9.617a2.796 2.796 0 1 1 0-5.592 2.796 2.796 0 0 1 0 5.592zm0-9.614a2.796 2.796 0 1 1 0-5.592 2.796 2.796 0 0 1 0 5.592zm9.615 19.231a2.797 2.797 0 1 1 .001-5.59 2.797 2.797 0 0 1-.001 5.59zm0-9.617a2.797 2.797 0 1 1 .001-5.593 2.797 2.797 0 0 1-.001 5.593zm0-9.614a2.797 2.797 0 1 1 .001-5.59 2.797 2.797 0 0 1-.001 5.59zm9.617 19.231c-1.543 0-2.797-1.254-2.797-2.797s1.254-2.795 2.797-2.795a2.796 2.796 0 0 1 0 5.592zm0-9.617c-1.543 0-2.797-1.252-2.797-2.795s1.254-2.797 2.797-2.797 2.795 1.254 2.795 2.797-1.252 2.795-2.795 2.795zm0-9.614c-1.543 0-2.797-1.254-2.797-2.797s1.254-2.795 2.797-2.795a2.796 2.796 0 0 1 0 5.592zm3.613-12.58a1.44 1.44 0 0 1-1.438 1.439h-23.48a1.438 1.438 0 0 1-1.438-1.439v-4.492c0-.793.643-1.438 1.438-1.438h23.479a1.44 1.44 0 0 1 1.438 1.438v4.492z'/%3E%3C/svg%3E");
    background-size: 96%;
    fill: #333
}

.is-selected>.calculator-icon:before,
.no-touch .calculator-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='56.693' viewBox='0 0 56.693 56.693' width='56.693' xmlns='http://www.w3.org/2000/svg' fill='%23007cbb'%3E%3Cpath d='M43.742 4.687H13.094A3.107 3.107 0 0 0 9.99 7.79v43.301a3.107 3.107 0 0 0 3.104 3.102h30.648a3.108 3.108 0 0 0 3.104-3.102V7.79a3.107 3.107 0 0 0-3.104-3.103zM18.829 47.872a2.796 2.796 0 1 1 0-5.592 2.796 2.796 0 0 1 0 5.592zm0-9.617a2.796 2.796 0 1 1 0-5.592 2.796 2.796 0 0 1 0 5.592zm0-9.614a2.796 2.796 0 1 1 0-5.592 2.796 2.796 0 0 1 0 5.592zm9.615 19.231a2.797 2.797 0 1 1 .001-5.59 2.797 2.797 0 0 1-.001 5.59zm0-9.617a2.797 2.797 0 1 1 .001-5.593 2.797 2.797 0 0 1-.001 5.593zm0-9.614a2.797 2.797 0 1 1 .001-5.59 2.797 2.797 0 0 1-.001 5.59zm9.617 19.231c-1.543 0-2.797-1.254-2.797-2.797s1.254-2.795 2.797-2.795a2.796 2.796 0 0 1 0 5.592zm0-9.617c-1.543 0-2.797-1.252-2.797-2.795s1.254-2.797 2.797-2.797 2.795 1.254 2.795 2.797-1.252 2.795-2.795 2.795zm0-9.614c-1.543 0-2.797-1.254-2.797-2.797s1.254-2.795 2.797-2.795a2.796 2.796 0 0 1 0 5.592zm3.613-12.58a1.44 1.44 0 0 1-1.438 1.439h-23.48a1.438 1.438 0 0 1-1.438-1.439v-4.492c0-.793.643-1.438 1.438-1.438h23.479a1.44 1.44 0 0 1 1.438 1.438v4.492z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.star-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='18' viewBox='0 0 18 18' width='18' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11.3l3.71 2.7-1.42-4.36L15 7h-4.55L9 2.5 7.55 7H3l3.71 2.64L5.29 14z'/%3E%3Cpath d='M0 0h18v18H0z' fill='none'/%3E%3C/svg%3E");
    background-size: 124%;
    fill: #333
}

.is-selected>.star-icon:before,
.no-touch .star-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='18' viewBox='0 0 18 18' width='18' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11.3l3.71 2.7-1.42-4.36L15 7h-4.55L9 2.5 7.55 7H3l3.71 2.64L5.29 14z'/%3E%3Cpath d='M0 0h18v18H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.lead-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='18' viewBox='0 0 24 24' width='18' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 0H4v2h16V0zM4 24h16v-2H4v2zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 2.75c1.24 0 2.25 1.01 2.25 2.25s-1.01 2.25-2.25 2.25S9.75 10.24 9.75 9 10.76 6.75 12 6.75zM17 17H7v-1.5c0-1.67 3.33-2.5 5-2.5s5 .83 5 2.5V17z'/%3E%3C/svg%3E");
    fill: #333
}

.is-selected>.lead-icon:before,
.no-touch .lead-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='18' viewBox='0 0 24 24' width='18' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 0H4v2h16V0zM4 24h16v-2H4v2zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 2.75c1.24 0 2.25 1.01 2.25 2.25s-1.01 2.25-2.25 2.25S9.75 10.24 9.75 9 10.76 6.75 12 6.75zM17 17H7v-1.5c0-1.67 3.33-2.5 5-2.5s5 .83 5 2.5V17z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.search-page-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='18' viewBox='0 0 24 24' width='18' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 19.59V8l-6-6H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c.45 0 .85-.15 1.19-.4l-4.43-4.43c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L20 19.59zM9 13c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z'/%3E%3C/svg%3E");
    background-size: 110%;
    fill: #333
}

.is-selected>.search-page-icon:before,
.no-touch .search-page-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='18' viewBox='0 0 24 24' width='18' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 19.59V8l-6-6H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c.45 0 .85-.15 1.19-.4l-4.43-4.43c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L20 19.59zM9 13c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.external-page-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 17H6v-2h12v2zm0-4H6v-2h12v2zm0-4H6V7h12v2zM3 22l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    background-size: 96%;
    fill: #333
}

.is-selected>.external-page-icon:before,
.no-touch .external-page-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 17H6v-2h12v2zm0-4H6v-2h12v2zm0-4H6V7h12v2zM3 22l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.move-up-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23666' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z'/%3E%3C/svg%3E");
    fill: #666
}

.no-touch .move-up-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.move-down-icon:before {
    -ms-transform: rotate(180deg) translateY(50%)!important;
    transform: rotate(180deg) translateY(50%)!important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23666' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z'/%3E%3C/svg%3E");
    fill: #666
}

.no-touch .move-down-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.link-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .link-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%23007cbb'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.calendar-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E");
    fill: #333;
    background-size: 95%
}

.no-touch .calendar-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%23007cbb'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.rss-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='6.18' cy='17.82' r='2.18'/%3E%3Cpath d='M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .rss-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='6.18' cy='17.82' r='2.18'/%3E%3Cpath d='M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z'/%3E%3C/svg%3E");
    fill: #007cbb
}

.message-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333
}

.no-touch .message-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.snapshot-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #333;
    background-size: 95%
}

.no-touch .snapshot-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

.camera-icon:before,
.camera-light-icon:before {
    background-size: 95%;
    background-position: 50% 60%
}

.camera-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #e5e5e5
}

.camera-light-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23666' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #666
}

.no-touch .camera-light-icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' fill='%23007cbb' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    fill: #007cbb
}

#main,
body,
html {
    background: #f5f5f5
}

@keyframes a {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes b {
    0% {
        opacity: 0;
        transform: translate3d(-50%, -10%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(-50%, -50%, 0)
    }
}

body,
html {
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 1.6;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    color: rgba(0, 0, 0, .87)
}

#topbar {
    z-index: 6;
    padding: 0 2%;
    width: 100%;
    height: 80px;
    border-top: 4px solid #144272;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

#main {
    padding: 25px 6% 50px
}

#main.external {
    padding: 0
}

.centered-containerWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.container {
    display: inline-block;
    vertical-align: top
}

.content-container {
    position: relative;
    display: block;
    width: 100%;
    max-width: 780px;
    margin: 0 auto 50px
}

.centered-container {
    width: 94%;
    max-width: 600px;
    margin: 0
}

.media_block-wrap {
    margin-top: 6%
}

.media_block-wrap--collapse {
    margin-bottom: -2%;
    border-bottom: 1px solid #ccc
}

.editor-wrap {
    width: 100%;
    min-height: 300px;
    background: #fff
}

.form-group .editor-wrap {
    width: 100%!important;
    background: #f5f5f5
}

#footer {
    height: 50px;
    padding: 10px 3%;
    text-align: center;
    background: #fff
}

.h1,
.h2 {
    font-weight: 300
}

.h3 {
    font-weight: 400
}

.content-h1,
.content-h2 {
    max-width: 90%;
    margin: 0 0 .8em
}

.content-h1 {
    font-size: 2.52rem;
    line-height: 1.5
}

.content-h2 {
    margin-top: 1.5em
}

.content-h2,
.content-h3 {
    font-size: 2rem;
    line-height: 2.6rem
}

.content-h3 {
    margin: 1.5em 0 1.1em
}

.rule {
    margin: 1.8em 0 1.5em;
    max-width: 750px;
    border-top: 1px #f5f5f5;
    font-size: 2rem
}

.content-li,
.content-p {
    font-size: 1.8rem;
    font-weight: 300
}

.content-p {
    max-width: 700px;
    margin-bottom: .9em;
    line-height: 2.5rem
}

.content-link {
    color: #006ba2
}

.no-touch .content-link:hover {
    text-decoration: underline
}

ol.content-ol,
ul.content-ul {
    margin-bottom: 3em
}

ol.content-ol ol.content-ol,
ol.content-ol ul.content-ul,
ul.content-ul ol.content-ol,
ul.content-ul ul.content-ul {
    margin: 1em 0
}

ul.content-ul {
    margin-bottom: 3em;
    list-style-type: square
}

.content-li {
    margin: 0 0 .6em
}

.content-li .content-li {
    line-height: 2.5rem;
    width: 80%
}

ul.content-ul .content-li {
    margin-left: 2em
}

.column-li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-left: 0!important;
    padding: 0 1rem 0 0;
    font-size: 1.4rem
}

.cite,
.nav_action {
    display: block
}

.blockquote {
    margin: 0 2% 1.2em 0;
    padding: .3em 1.3em;
    border-left: 1px solid #007cbb;
    font-family: Playfair Display, serif;
    font-size: 1.8rem;
    color: #333
}

.cite {
    margin-top: 1.2em;
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 300;
    color: #666
}

.blended-link {
    color: inherit
}

.no-touch .blended-link:hover {
    color: #006ba2
}

.sidebar-h3 {
    margin: 0 0 1.6em;
    font-size: 1.8rem;
    line-height: 2.5rem;
    width: 90%;
    text-transform: uppercase;
    text-align: left
}

.button,
.main-nav,
.main-nav_action,
.wizard-nav_item {
    text-align: center
}

.status--active {
    color: #43a047
}

.status--sale-pending,
.status--sold {
    color: #c81a19
}

.status--coming-soon {
    color: #fbc02d
}

.copyright {
    font-size: .8rem;
    line-height: 20px;
    color: rgba(0, 0, 0, .62)
}

.horiz-nav_item {
    display: inline-block
}

.main-nav {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 25%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: none;
    width: 50%;
    height: 100%
}

.main-nav_item {
    font-size: 0;
    display: inline-block;
    height: 100%;
    border-left: 1px solid #f5f5f5
}

.main-nav_item:first-child {
    border: 0
}

.main-nav_action {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 46px 22.5px 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #666
}

.no-touch .main-nav_action:hover {
    background-color: #fafafa;
    color: #333
}

.main-nav_action:before {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 1.9em;
    height: 1.9em;
    margin-left: -.95em;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.main-nav_action.home-icon:before {
    background-size: 104% auto
}

.main-nav_action.edit-icon:before {
    background-size: 88% auto
}

.main-nav_action:active {
    background: hsla(0, 0%, 100%, .12)
}

.util-nav {
    display: none;
    position: absolute;
    top: 50%;
    right: 3%;
    height: 1.6rem;
    margin-top: -.8rem
}

.util-nav_item {
    border-left: 1px solid #e5e5e5
}

.util-nav_item:first-child {
    border: 0
}

.util-nav_action {
    padding: 0 1em;
    line-height: 1.6rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #333
}

.no-touch .util-nav_action:hover {
    color: #666
}

.footer-nav {
    position: relative;
    top: -1px;
    display: block;
    font-size: 1.2rem
}

.footer-nav_item {
    border-left: 1px solid #ccc
}

.footer-nav_item:first-child {
    border: 0
}

.footer-nav_action {
    padding: 0 1em;
    line-height: 16px;
    color: rgba(0, 0, 0, .62)
}

.button,
.page-action {
    line-height: 1.4;
    text-overflow: ellipsis
}

.no-touch .footer-nav_action:hover {
    color: #006ba2
}

.folder-wrap {
    display: none;
    padding: 1.4em 6% .6em;
    border-bottom: 1px solid #f5f5f5;
    background: hsla(0, 0%, 96%, .5)
}

.is-selected .folder-wrap {
    display: block
}

.thumbnail-image,
.thumbnail-meta-wrap {
    display: inline-block;
    vertical-align: top
}

.thumbnail-image {
    position: relative;
    width: 44%;
    height: auto;
    margin-right: 1em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%
}

.thumbnail-image.is-empty {
    background: #fafafa
}

.thumbnail-image--checkbox {
    width: 100%;
    margin-bottom: 1em
}

.thumbnail-meta-wrap {
    width: 300px
}

.thumbnail-meta {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.thumbnail-meta--group {
    margin-top: .8em
}

.thumbnail-meta--group-labels {
    margin-top: 1.4em
}

.thumbnail-meta-item {
    display: inline-block;
    border-left: 1px solid #e5e5e5;
    padding: 0 .6em
}

.thumbnail-meta-item:first-child {
    padding-left: 0;
    border: 0
}

.thumbnail-meta__label {
    display: block;
    margin-right: .6em;
    font-size: 1rem;
    text-transform: uppercase
}

.menu-nav,
.thumbnail-nav_action:before {
    display: none
}

.file-nav_item,
.folder-nav_item {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    font-size: 1.4rem;
    background: #fff
}

.file-nav_item--nested {
    margin-bottom: 1px;
    background: #f5f5f5
}

.folder-nav_action,
.thumbnail-nav_action {
    position: relative;
    padding: 1em 50% 1em 50px;
    color: #666
}

.folder-nav_action:before,
.thumbnail-nav_action:before {
    top: 50%;
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    left: 12px;
    width: 20px;
    height: 20px
}

.is-selected>.folder-nav_action,
.is-selected>.thumbnail-nav_action {
    border-bottom: 1px solid #fff;
    background: rgba(0, 124, 187, .1)
}

.no-touch .folder-nav_action:hover,
.no-touch .thumbnail-nav_action:hover {
    background: rgba(0, 0, 0, .02)
}

.thumbnail-nav_action {
    padding-left: 1.3em;
    padding-right: 1em
}

.subpage-nav {
    width: 100%!important
}

.no-touch .subpage-nav_action:hover {
    background: rgba(0, 0, 0, .04)
}

.menu-nav {
    z-index: 7;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, .12);
    font-size: 1.4rem;
    background: #fff
}

.is-active .menu-nav {
    display: block
}

.menu-nav--above,
.menu-nav--top {
    top: auto;
    bottom: 100%
}

.menu-nav_action {
    position: relative;
    padding: .8em 2em .8em 46px;
    color: #666
}

.menu-nav_action:before {
    top: 50%;
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    left: 12px;
    width: 20px;
    height: 20px
}

.no-touch .menu-nav_action:hover {
    background: #f5f5f5
}

.wizard-nav {
    position: relative;
    display: inline-block
}

.wizard-nav_item {
    width: 50px;
    height: 50px;
    padding: .6em;
    font-size: 1.8rem;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    color: #666
}

.wizard-nav_item:first-child {
    margin: 0;
    z-index: 5
}

.wizard-nav_item:nth-child(2) {
    z-index: 4
}

.wizard-nav_item:nth-child(3) {
    z-index: 3
}

.wizard-nav_item:nth-child(4) {
    z-index: 2
}

.wizard-nav_item:nth-child(5) {
    z-index: 1
}

.wizard-nav_item.is-selected {
    border-color: #007cbb;
    background: #007cbb;
    color: #fff
}

.selected-nav_item>.nav_action {
    cursor: default;
    color: #fff
}

.action_item {
    display: inline-block;
    vertical-align: top
}

.action,
.action_item {
    position: relative;
    height: 100%
}

.action {
    display: block;
    padding: 1em 1.2em 1em 38px
}

.action.ir {
    padding: 0;
    width: 36px
}

.action.ir:before {
    left: 50%;
    margin-left: -10px
}

.page-actions {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 50%;
    height: 44px;
    display: -ms-flexbox;
    display: flex
}

.page-actions--landing {
    position: absolute;
    top: 15px;
    right: 2px;
    width: 75%;
    height: 44px;
    display: -ms-flexbox;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex
	
}

.page-actions--wrapped {
    position: relative;
    width: 100%
}

.page-action_item {
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 140px
}

.page-action,
.page-action_item {
    overflow: hidden
}

.page-action {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 0;
    font-size: 1.2rem;
    background-color: inherit;
    color: #007cbb
}

.page-action:before {
    top: 50%;
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    left: 12px;
    width: 20px;
    height: 20px
}

.logo {
    position: absolute;
    top: 0;
    width: 210px;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 823.723 87.286'%3E%3Cg fill='%23144272'%3E%3Cpath d='M47.633 5.756L45.263 16.9H29.65L19.032 67.112H4.997L15.61 16.9H0L2.367 5.756h45.266z'/%3E%3Cpath d='M33.834 43.042c2.728-12.83 6.916-23.8 24.207-23.8 17.29 0 16.82 10.97 14.09 23.8-3.12 14.683-7.54 25-24.46 25s-16.95-10.317-13.83-25zm25.35-.75c2.074-9.76 2.654-14.682-2.92-14.682-5.58 0-7.09 4.92-9.165 14.683-3.05 14.318-2.49 17.38 2.34 17.38s6.69-3.06 9.73-17.38zm36.922-22.12L95 25.376h.183c3.385-4.556 7.346-6.132 12.368-6.132 13.57 0 9.91 15.053 7.86 24.73-2.02 9.473-4.75 24.068-17.94 24.068-4.74 0-7.69-1.394-9.54-5.39h-.18L83.9 82.866l-14.505 4.422 14.26-67.113H96.11zm6.626 23.053c1.993-9.387 3.47-15.896-2.197-15.896-5.392 0-6.684 6.5-8.68 15.89-2.51 11.8-2.718 16.73 1.743 16.73 4.744 0 6.624-4.94 9.134-16.73zm36.506-37.65h25.284c12.827 0 16.186 7.807 13.577 20.07-1.62 7.63-6.42 19.71-22.88 19.71h-10.41l-4.62 21.757h-14.03l13.07-61.537zm7.772 29.463h7.81c4.183 0 8.028-4.555 8.98-9.016 1.168-5.483.666-10.134-5.655-10.134h-7.062l-4.073 19.15zm50.412-14.865l-1.287 6.036h.185c3.562-5.39 8.364-6.97 13.66-6.97l-2.487 11.71c-11.372-.75-12.98 5.94-13.97 10.59l-5.43 25.56h-13.108l9.98-46.94h12.457zm10.942 22.87c2.722-12.83 6.912-23.8 24.206-23.8 17.287 0 16.816 10.97 14.088 23.8-3.122 14.682-7.542 25-24.46 25-16.917 0-16.957-10.318-13.834-25zm25.348-.75c2.074-9.76 2.654-14.683-2.92-14.683-5.578 0-7.09 4.92-9.165 14.683-3.044 14.318-2.49 17.38 2.348 17.38 4.834 0 6.697-3.06 9.737-17.38zm38.442 24.82l1.104-5.2h-.183c-3.385 4.55-7.347 6.13-12.368 6.13-13.57 0-9.904-15.054-7.85-24.73 2.015-9.475 4.745-24.07 17.944-24.07 4.75 0 7.7 1.394 9.55 5.39h.19l4.01-18.867L298.87 0l-14.263 67.112h-12.453zm4.425-23.888c1.99-9.387 3.47-15.896-1.92-15.896-5.68 0-6.96 6.5-8.96 15.89-2.51 11.8-2.72 16.73 2.02 16.73 4.46 0 6.34-4.94 8.85-16.73zm39.95 19.143h-.19c-3.49 4.19-7.34 5.674-12.27 5.674-6.23 0-10.92-3.72-9.54-10.23l8-37.64h13.1l-6.92 32.533c-.89 4.18-.8 7.252 3.38 7.252s5.58-3.072 6.47-7.252l6.91-32.532h13.11l-8 37.64c-.65 3.072-1.14 6.227-1.51 9.3H315.5l1.008-4.745zm50.18-25.465c1.48-6.972.2-9.292-3.88-9.292-5.58 0-7.09 4.93-9.17 14.69-3.05 14.32-2.49 17.38 2.34 17.38 4.09 0 6.83-3.72 8.13-9.85l14.05-3.7c-3.26 17.32-11.7 21.93-23.96 21.93-16.92 0-16.96-10.31-13.84-25 2.73-12.83 6.92-23.8 24.2-23.8 12.09 0 17.82 5.39 15.216 17.66h-13.1zm29.62 8.832c-1.18 5.575-2.77 13.938 2.98 13.938 4.64 0 6.52-4.46 7.35-8.363h13.29c-1.27 5.115-3.83 9.294-7.61 12.176-3.68 2.886-8.69 4.556-14.81 4.556-16.92 0-16.95-10.316-13.83-25 2.72-12.83 6.91-23.8 24.19-23.8 17.65 0 17.18 11.43 13.51 26.493h-25.09zm13.54-7.343c.96-4.554 2.53-11.062-3.69-11.062-6.04 0-7.45 7.062-8.3 11.062h11.98zm35.04-18.22l-1.29 6.037h.19c3.56-5.39 8.36-6.97 13.65-6.97l-2.49 11.71c-11.37-.75-12.98 5.94-13.97 10.59l-5.42 25.57h-13.1l9.97-46.94h12.45zm27.03 4.315c-.64 3.002-3.55 5.426-6.54 5.426-3.01 0-4.9-2.424-4.26-5.426.64-3.005 3.55-5.403 6.56-5.403 2.99 0 4.88 2.398 4.24 5.403zm-1.02 0c.52-2.423-1.04-4.39-3.44-4.39-2.44 0-4.82 1.967-5.34 4.39-.51 2.425 1.02 4.41 3.47 4.41 2.39 0 4.79-1.985 5.3-4.41zm-5.72 3.118h-1.42l1.33-6.285h2.63c.97 0 1.47.578 1.24 1.656-.17.8-.63 1.393-1.595 1.535v.04c.3.02 1.216.09.97 1.22-.08.41-.3 1.59-.23 1.85h-1.393c-.106-.37-.016-.8.074-1.21.15-.74.41-1.38-.7-1.38h-.36l-.56 2.61zm.74-3.483h.63c.57 0 .85-.522.94-.93.12-.593-.12-.825-.57-.825h-.64l-.37 1.755z'/%3E%3C/g%3E%3Cpath d='M583.92 45.822c-1.21 5.58-2.836 13.95 3.05 13.95 4.744 0 6.662-4.464 7.51-8.37h13.572c-1.3 5.115-3.916 9.3-7.768 12.182-3.758 2.884-8.867 4.558-15.13 4.558-17.274 0-17.313-10.324-14.126-25.017 2.783-12.834 7.063-23.808 24.716-23.808 18.032 0 17.545 11.44 13.803 26.505H583.92zm13.838-7.347c.988-4.557 2.59-11.067-3.768-11.067-6.17 0-7.608 7.068-8.477 11.067h12.245zm25.4-32.92L637.6.065l-5.347 24.646h.19c3.62-3.99 7.244-5.39 12.084-5.39 13.478 0 9.932 14.6 7.873 24.09-2.098 9.67-4.89 24.74-18.75 24.74-5.123 0-8.48-1.58-9.96-6.14h-.19l-1.13 5.21h-12.718l13.505-61.66zm16.165 37.756c2.038-9.39 3.545-15.9-2.245-15.9-5.505 0-6.822 6.51-8.86 15.91-2.56 11.81-2.775 16.74 1.78 16.74 4.84 0 6.764-4.93 9.325-16.74zm26.842 8.84c-.56 2.14-.908 4.19-.567 5.67.438 1.49 1.7 2.24 4.355 2.24 2.658 0 5.3-1.67 5.985-4.83 2.158-9.95-21.863-7.72-18.615-22.69 2.198-10.13 13.114-13.2 21.75-13.2 9.112 0 16.442 4.28 13.484 14.42H679.46c.705-3.25.75-5.21-.02-6.04-.672-.83-1.77-1.02-3.192-1.02-2.942 0-4.96 1.86-5.646 5.02-1.614 7.44 22.005 7.07 18.736 22.13-1.775 8.19-9.94 14.33-21.044 14.33-11.675 0-18.832-2.88-15.23-15.992h13.1zm38.11 15.07h-13.383l10.188-46.97h13.382l-10.187 46.97zM717.78 5.56l-2.24 10.323h-13.38l2.238-10.323h13.382zm.764 14.692h5.41l1.613-7.44 14.653-5.86-2.886 13.298h6.93l-1.755 8.092h-6.93l-5.45 25.102c-.77 3.534-1.37 5.86 3 5.86.85 0 1.71 0 2.41-.187l-1.76 8.09c-1.85.187-3.81.466-7.03.466-11.58 0-11.47-7.53-10.84-10.415l6.27-28.923h-5.41l1.75-8.09zm36.213 25.575c-1.212 5.58-2.837 13.95 3.048 13.95 4.745 0 6.662-4.464 7.51-8.37h13.572c-1.3 5.115-3.916 9.3-7.768 12.182-3.76 2.88-8.87 4.55-15.14 4.55-17.28 0-17.31-10.33-14.13-25.02 2.78-12.84 7.06-23.81 24.71-23.81 18.03 0 17.54 11.44 13.8 26.5h-25.62zm13.836-7.347c.988-4.557 2.59-11.067-3.77-11.067-6.168 0-7.606 7.068-8.474 11.067h12.24zm28.07 13.67c-.56 2.14-.907 4.186-.565 5.673.435 1.488 1.698 2.233 4.355 2.233s5.298-1.67 5.985-4.832c2.157-9.95-21.863-7.72-18.616-22.69 2.198-10.138 13.114-13.207 21.752-13.207 9.11 0 16.44 4.277 13.482 14.414h-13.098c.705-3.25.75-5.2-.018-6.04-.673-.84-1.77-1.02-3.196-1.02-2.94 0-4.958 1.86-5.644 5.02-1.614 7.44 22.005 7.07 18.735 22.14-1.774 8.19-9.94 14.33-21.045 14.33-11.673 0-18.83-2.88-15.228-15.99h13.1zM497.748 5.468h14.713l-1.3 43.105h.19l21.04-43.108h16.9l.02 43.108h.19l18.77-43.108h14.05l-29.75 61.39h-15.85l-.07-44.895h-.19l-22.52 44.894h-15.57l-.62-61.39z' fill='%239c9c9c'/%3E%3C/svg%3E")
}

.logo--topbar {
    transform: translate3d(-50%, 0, 0);
    left: 50%
}

.logo--relative {
    position: relative;
    left: 0;
    width: 260px;
    height: 50px;
    margin-bottom: 25px
}

.button_row {
    position: relative;
    margin-top: 3rem
}

.modal-button_row {
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #ccc;
    background: #fff
}

.copy-button_row {
    margin-top: 2em
}

.button {
    display: inline-block;
    vertical-align: top;
    margin-right: 1rem;
    padding: 10px 16px;
    overflow: hidden;
    border: 1px solid #ccc;
    font-size: 1.4rem;
    border-radius: 1px;
    color: rgba(0, 0, 0, .87)
}

.no-touch .button:hover {
    background-color: #006ba2
}

.button:active {
    transform: translate3d(0, 1px, 0);
    background-color: #ccc
}

.button_row:not(.modal-button_row) .button {
    margin-bottom: 1rem
}

.transparent-button {
    border: 1px solid hsla(0, 0%, 100%, .3);
    background: #e5e5e5
}

.no-touch .transparent-button:hover {
    border-color: rgba(0, 0, 0, .1);
    background: #fff
}

.primary-button {
    border-color: #007cbb;
    background-color: #007cbb;
    color: hsla(0, 0%, 100%, .87)
}

.no-touch .primary-button:hover {
    background-color: #09acff
}

.primary-transparent-button {
    border-color: #007cbb;
    background: 0 0;
    color: #007cbb
}

.no-touch .primary-transparent-button:hover {
    border-color: #007cbb;
    background: #fff
}

.link-button {
    border: 0;
    font-size: 1.2rem;
    background: 0 0
}

.no-touch .link-button:hover {
    background: 0 0;
    color: #007cbb
}

.copy-button {
    position: relative;
    display: block;
    max-width: 125px;
    margin-top: 1.8em;
    padding: 6px 8px;
    line-height: inherit;
    font-size: 1.8rem
}

.min-button {
    min-width: 110px
}

.icon-button {
    position: relative;
    padding-left: 40px;
    text-align: left
}

.icon-button:before {
    top: 50%;
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    left: 12px;
    width: 20px;
    height: 20px
}

.icon-button--right {
    padding-right: 36px;
    padding-left: 16px
}

.icon-button--right:before {
    left: auto;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px
}

.icon-only-button {
    overflow: hidden;
    color: transparent;
    position: relative;
    display: inline-block;
    padding: 0;
    border: 0;
    background: 0 0
}

.icon-only-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 20px;
    height: 20px
}

.no-touch .icon-only-button:hover {
    background-color: transparent
}

.modal-button {
    margin: 0;
    width: 50%;
    border: 1px solid #ccc;
    border-width: 0 0 0 1px;
    padding: 18px 16px;
    border-radius: 0;
    background: 0
}

.modal-button:first-child {
    border-left-color: transparent
}

.no-touch .modal-button:hover {
    background: #fafafa
}

.primary_modal-button {
    color: #007cbb
}

.field-button {
    z-index: 5;
    position: absolute;
    top: 50%;
    right: 0;
    max-width: 150px
}

.field-button,
.field-button:active {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel,
.fieldset {
    margin-top: 3%;
    padding: 25px;
    background: #fff
}

.fieldset--controls {
    margin-bottom: -2%;
    border-bottom: 1px solid #e5e5e5
}

.form-group {
    position: relative;
    margin-top: 2em
}

.form-group:first-child {
    margin-top: 0
}

.form-group__column {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 2em
}

.form-group__column:first-child {
    margin: 0
}

.form-group__column:nth-child(2n) {
    margin-right: 0
}

.form-group__column--right {
    float: right
}

.control-label {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 1.2rem
}

.control-label--field {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -42%, 0)
}

[contenteditable].form-control,
[type=email].form-control,
[type=password].form-control,
[type=tel].form-control,
[type=text].form-control,
input.form-control,
input[type=email],
input[type=number],
input[type=password],
input[type=text],
select.form-control,
textarea,
textarea.form-control {
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: inset 0 -1px 0 #e5e5e5;
    font-weight: 300
}

[contenteditable].form-control:focus,
[type=email].form-control:focus,
[type=password].form-control:focus,
[type=tel].form-control:focus,
[type=text].form-control:focus,
input.form-control:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
select.form-control:focus,
textarea.form-control:focus,
textarea:focus {
    box-shadow: inset 0 -1px 0 #666
}

.form-control {
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 36px;
    font-size: 1.4rem;
    background: 0 0
}

input[type=text].form-control--with-button {
    padding-right: 45%
}

input[type=text].form-control--field-label {
    padding-left: 2.3em
}

.form-control--small {
    width: 85px
}

select.form-control {
    padding-right: 2em;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 25px
}

textarea.form-control {
    height: auto
}

.form-value {
    display: block;
    margin-top: .4em
}

.form-p,
.form-value {
    font-size: 1.4rem;
    color: #666
}

.form-p {
    max-width: 95%;
    margin: 0 0 1em
}

.external .form-p {
    max-width: none
}

.form-p:last-child {
    margin: 0
}

.micro-p {
    max-width: 85%;
    margin: 2em 0 0;
    font-size: 1.2rem;
    color: #666
}

.external .micro-p {
    max-width: 95%
}

.micro-p--header {
    position: absolute;
    top: .4em;
    right: calc(3% + 1em);
    margin: 0
}

.message-p {
    display: inline-block;
    transform: translateY(50%);
}

.checkbox-group {
    margin-bottom: 2px;
    padding: 1em 1.4em;
    border-radius: 1px;
    background: #fafafa
}

.checkbox-group--thumbnail {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 25px;
    padding: 0;
    background: 0 0
}

.checkbox-group--thumbnail .checkbox {
    position: absolute;
    top: 0;
    left: 0
}

.checkbox {
    margin-right: .4em;
    font-size: 1.8rem
}

.checkbox-label {
    font-size: 1.4rem
}

.image-upload {
    position: relative;
    width: 180px;
    height: 240px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%
}

.image-upload.is-empty {
    background: #fafafa
}

.image-upload.is-empty:before {
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.image-upload--landscape,
.image-upload--logo {
    width: 240px;
    height: 180px
}

.form-switch {
    margin: 1em 0 3em
}

.toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.toggle+.toggle-label {
    position: relative;
    display: block;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.toggle--round+.toggle-label {
    width: 80px;
    height: 25px;
    border-radius: 25px;
    background-color: #e5e5e5
}

input.toggle--page-type+.toggle-label {
    width: 85px
}

input.toggle--yes-no+.toggle-label {
    width: 60px
}

input.toggle--site-status+.toggle-label {
    width: 150px
}

input.toggle--asc-dsc+.toggle-label {
    width: 100px
}

input.toggle--random-slideshow+.toggle-label {
    width: 95px
}

input.toggle--round+.toggle-label:after,
input.toggle--round+.toggle-label:before {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    display: block;
    content: ""
}

input.toggle--round+.toggle-label:before {
    transition: background .4s;
    right: 1px;
    padding: 0 .9em;
    content: "offline";
    border-radius: 25px;
    text-align: right;
    line-height: 23px;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: #f5f5f5
}

input.toggle--page-type+.toggle-label:before {
    content: "subpage"
}

input.toggle--yes-no+.toggle-label:before {
    content: "no"
}

input.toggle--site-status+.toggle-label:before {
    content: "under construction"
}

input.toggle--asc-dsc+.toggle-label:before {
    content: "ascending"
}

input.toggle--random-slideshow+.toggle-label:before {
    content: "slideshow"
}

input.toggle--round+.toggle-label:after {
    transition: margin .4s;
    width: 23px;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    background-color: #fff
}

.modal,
.tooltip:after {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .38)
}

input.toggle--round:checked+.toggle-label:before {
    content: "online";
    text-align: left;
    background-color: #3fc478;
    color: #fff
}

input.toggle--page-type:checked+.toggle-label:before {
    content: "mainpage"
}

input.toggle--yes-no:checked+.toggle-label:before {
    content: "yes"
}

input.toggle--site-status:checked+.toggle-label:before {
    content: "running / online"
}

input.toggle--asc-dsc:checked+.toggle-label:before {
    content: "descending"
}

input.toggle--random-slideshow:checked+.toggle-label:before {
    content: "random"
}

input.toggle--round:checked+.toggle-label:after {
    margin-left: 55px
}

input.toggle--page-type:checked+.toggle-label:after {
    margin-left: 63px
}

input.toggle--yes-no:checked+.toggle-label:after {
    margin-left: 39px
}

input.toggle--site-status:checked+.toggle-label:after {
    margin-left: 130px
}

input.toggle--asc-dsc:checked+.toggle-label:after {
    margin-left: 75px
}

input.toggle--random-slideshow:checked+.toggle-label:after {
    margin-left: 70px
}

.status-bar {
    position: relative;
    margin: 1em 0;
    width: 100%;
    height: 25px;
    border-radius: 25px;
    overflow: hidden;
    background-color: #f5f5f5
}

.status-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 10%;
    border-radius: 25px;
    background-color: rgba(0, 124, 187, .7)
}

.status-percentage {
    position: absolute;
    top: 50%;
    transform: translate3d(-120%, -50%, 0);
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #fff
}

.card_label,
.links-item {
    font-size: 1.4rem
}

.card {
    border-radius: 2px
}

.card_action {
    position: relative;
    display: block;
    color: inherit
}

.no-touch .card_action:hover {
    background-color: #f5f5f5;
    background-image: linear-gradient(180deg, #fff, #f5f5f5)
}

.card_label {
    display: inline-block;
    min-width: 60px;
    color: #666
}

.sidebar-card {
    margin-bottom: 50px;
    width: 100%;
    background: #f5f5f5
}

.links-action,
.media_block-card {
    position: relative;
    margin-bottom: 1px
}

.links-action {
    display: block;
    padding: 1em 1.3em 1em 50px;
    background: #fff;
    color: #333
}

.no-touch .links-action:hover {
    background-color: #fafafa
}

.links-action:before {
    top: 50%;
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    left: 12px;
    width: 20px;
    height: 20px
}

.media_block-card {
    width: 100%;
    padding: 20px 25px 20px 50px;
    background: #fff
}

.media_block-card:before {
    top: 50%;
    left: -20px;
    margin-top: -23px;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background-size: 30px 30px;
    background-color: #f5f5f5
}

.media_block-action {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.no-touch .media_block-action:hover {
    background: rgba(0, 0, 0, .02)
}

.media_block-label {
    display: block;
    margin-bottom: .3em;
    font-size: 1.8rem;
    color: #333
}

.media_block-p {
    display: block;
    margin-bottom: .3em;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #666
}

.sites-list {
    font-size: 0
}

.list-card {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 2%;
    border: 1px solid #e5e5e5;
    background: #fff
}

.list-card_thumbnail {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #e5e5e5
}

.modal,
.overlay {
    position: fixed;
    opacity: 0
}

.list-card_details {
    padding: 25px;
    font-size: 1.4rem
}

.is-inactive .list-card_thumbnail {
    opacity: .5
}

.is-inactive .list-card_detail {
    opacity: .3
}

.list-card_detail {
    margin-bottom: .4em;
    color: #666
}

.list-card_domain {
    font-size: 1.8rem;
    font-size: 300;
    color: inherit
}

.list-card_desription,
.list-card_domain {
    margin-bottom: 1.6rem
}

.list-card_toggle {
    margin-top: 2rem
}

.overlay {
    z-index: 8;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, .5)
}

.overlay.is-active {
    animation: a .6s forwards;
    animation-timing-function: ease-out;
    width: 100%;
    height: 100%
}

.modal {
    overflow: scroll-y;
    z-index: 9;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff
}

.modal.is-active {
    animation: b .3s forwards;
    animation-timing-function: ease-out;
    width: 90%;
    max-height: 500px;
    height: 65%;
    max-width: 600px
}

.modal-header {
    position: relative;
    z-index: 5;
    padding: 12px 44px 12px 16px;
    background: #fafafa
}

.modal-close {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate3d(0, -50%, 0);
    width: 25px;
    height: 25px
}

.modal-close:active {
    transform: translate3d(0, -49%, 0)
}

.modal-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 75px 16px;
    overflow: scroll
}

.modal-h2 {
    font-size: 2rem;
    font-weight: 300
}

.modal-h3 {
    font-size: 1.8rem
}

.modal-p {
    margin: 0 0 1em;
    font-size: 1.4rem
}

.tooltip {
    position: relative
}

.tooltip:after {
    z-index: 9;
    transition: opacity .3s ease-out, transform .3s ease-out;
    opacity: 0;
    position: absolute;
    top: -100%;
    right: 100%;
    transform: translate3d(0, -200%, 0);
    width: auto;
    padding: .6em 1.6em;
    border-radius: 50px;
    font-size: 1.4rem;
    font-weight: 300;
    background: rgba(0, 124, 187, .96);
    color: #fff
}

.carousel,
.carousel__slide {
    position: relative
}

.tooltip:hover:after {
    opacity: 1;
    transform: translate3d(0, 25%, 0)
}

.message {
    transform: translate3d(-50%, 0, 0);
    position: relative;
    left: 50%;
    display: inline-block;
    width: auto;
    max-width: 300px;
    margin: 1em 0;
    padding: .6em 1.6em;
    text-align: center;
    border-radius: 50px;
    font-size: 1.4rem;
    background: rgba(0, 124, 187, .9);
    color: #fff
}

.emoji:before {
    margin-right: .6em;
    color: #fff
}

.emoji--party-popper:before {
    content: "\1F389"
}

.emoji--thumbs-up:before {
    content: "\1F44D"
}

.carousel:after {
    content: "smartPortraitAndUp";
    display: none
}

.carousel__wrap {
    font-size: 0;
    width: 1px;
    min-width: 100%;
    overflow: hidden;
    padding: 0 0 25px
}

.carousel__meta,
.carousel__title {
    font-size: 1.4rem;
    text-align: center
}

.carousel__meta {
    max-width: 100%!important;
    margin: .4em 0
}

.carousel__meta--top {
    margin-bottom: 2em
}

.carousel__list {
    transition: transform .6s cubic-bezier(.215, .61, .355, 1)
}

.carousel-index0 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 0));
    transform: translateX(calc((-100% - 25px) * 0))
}

.carousel-index1 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 1));
    transform: translateX(calc((-100% - 25px) * 1))
}

.carousel-index2 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 2));
    transform: translateX(calc((-100% - 25px) * 2))
}

.carousel-index3 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 3));
    transform: translateX(calc((-100% - 25px) * 3))
}

.carousel-index4 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 4));
    transform: translateX(calc((-100% - 25px) * 4))
}

.carousel-index5 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 5));
    transform: translateX(calc((-100% - 25px) * 5))
}

.carousel-index6 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 6));
    transform: translateX(calc((-100% - 25px) * 6))
}

.carousel-index7 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 7));
    transform: translateX(calc((-100% - 25px) * 7))
}

.carousel-index8 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 8));
    transform: translateX(calc((-100% - 25px) * 8))
}

.carousel-index9 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 9));
    transform: translateX(calc((-100% - 25px) * 9))
}

.carousel-index10 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 10));
    transform: translateX(calc((-100% - 25px) * 10))
}

.carousel-index11 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 11));
    transform: translateX(calc((-100% - 25px) * 11))
}

.carousel-index12 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 12));
    transform: translateX(calc((-100% - 25px) * 12))
}

.carousel-index13 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 13));
    transform: translateX(calc((-100% - 25px) * 13))
}

.carousel-index14 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 14));
    transform: translateX(calc((-100% - 25px) * 14))
}

.carousel-index15 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 15));
    transform: translateX(calc((-100% - 25px) * 15))
}

.carousel-index16 .carousel__list {
    -ms-transform: translateX(calc((-100% - 25px) * 16));
    transform: translateX(calc((-100% - 25px) * 16))
}

.carousel__slide {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    margin-right: 25px;
    padding: 10px 10px 20px
}

.carousel__slide:before {
    display: none;
    left: 50%;
    top: 100%;
    width: 25px;
    height: 25px;
    transform: translate3d(-50%, -50%, 0);
    border: 1px solid #e5e5e5;
    border-radius: 25px;
    background-size: 70%;
    background-color: #f5f5f5
}

.carousel__slide.is-selected:before {
    display: block
}

.carousel__slide.is-selected,
.no-touch .carousel__slide.is-selected:hover {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background-color: #f5f5f5
}

.carousel__thumbnail {
    transition: opacity .3s ease-out;
    opacity: .9;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.77419%;
    outline-offset: 4px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 0
}

.no-touch .carousel__slide:hover .carousel__thumbnail {
    opacity: 1
}

.carousel__slide.is-selected .carousel__thumbnail,
.no-touch .carousel__slide.is-selected .carousel__thumbnail:hover {
    opacity: 1;
    background-color: #e5e5e5
}

.carousel-at-end .nav_item--carousel-next,
.carousel-at-start .nav_item--carousel-prev {
    opacity: 0
}

.carousel__title {
    display: block;
    margin-top: .4em
}

.nav_item--carousel {
    position: absolute;
    top: 45%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 50px;
    background: #fff
}

.no-touch .nav_item--carousel:hover {
    background: #fafafa
}

.nav_item--carousel-prev {
    left: -20px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav_item--carousel-prev:active {
    transform: translate3d(0, 1px, 0) rotate(180deg)
}

.nav_item--carousel-next {
    right: -20px
}

#mainPortal,
#topbar {
    position: relative
}

#mainPortal {
    padding: 130px 4%;
    background: #f5f5f5
}

.previewThumb {
    left: 0;
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%
}

.ct-double-octave:before,
.ct-major-eleventh:before,
.ct-major-second:before,
.ct-major-seventh:before,
.ct-major-sixth:before,
.ct-major-tenth:before,
.ct-major-third:before,
.ct-major-twelfth:before,
.ct-minor-second:before,
.ct-minor-seventh:before,
.ct-minor-sixth:before,
.ct-minor-third:before,
.ct-octave:before,
.ct-perfect-fifth:before,
.ct-perfect-fourth:before,
.ct-square:before {
    float: left;
    height: 0;
    content: ""
}

.maintanience_class {
    background-image: url(../images/portal/statusSetup1.gif);
    opacity: .5
}

.sidebar-container {
    display: none
}

.reports {
    position: relative;
    padding: 25px;
    background: #fff
}

.reports__header {
    position: relative;
    margin-bottom: 25px
}

.form-group--reports {
    margin-top: 25px
}

.report_block--list {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    width: 1px;
    min-width: 100%;
    padding-bottom: 1em
}

.report-nav {
    padding-bottom: 25px
}

.report-nav_item {
    position: relative;
    display: inline-block;
    min-width: 36%;
    text-align: center;
    margin-top: 1px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5
}

.report-nav_item:first-child {
    margin: 0
}

.report-nav_item.is-selected {
    border-bottom-color: #fff;
    background: #fff
}

.report-sub-nav {
    transform: translate3d(-50%, 0, 0);
    display: none;
    position: absolute;
    top: 110%;
    left: 50%
}

.is-selected .report-sub-nav {
    display: block
}

.report-sub-nav_item {
    display: inline-block
}

.report-nav_action,
.report-sub-nav_action {
    padding: .6em 1.2em;
    font-size: 1.2rem;
    color: inherit
}

.is-selected>.report-nav_action,
.is-selected>.report-sub-nav_action,
.no-touch .report-nav_action:hover,
.no-touch .report-sub-nav_action:hover {
    color: #007cbb
}

.report-sub-nav_action {
    padding-left: 1.2em;
    color: #666
}

.report__date {
    font-size: 1.2rem;
    color: #666
}

.table--reports {
    width: 100%;
    margin-top: 25px;
    font-size: 1.2rem;
    background: #fff
}

tr.tr--reports:not(.tr--reports-left):nth-child(2n) {
    background: #fafafa
}

.td--reports,
.th--reports {
    padding: .6em 1.6em;
    border: 1px solid #e5e5e5;
    text-align: center
}

.td--reports:first-child,
.th--reports:first-child {
    text-align: left
}

th.th--reports {
    font-weight: 400;
    background: #f5f5f5
}

tfoot th.th--reports {
    border-color: #fff;
    background: #fff
}

.td--reports {
    position: relative;
    width: 25%
}

.td--reports:first-child {
    width: 50%
}

.table--reports-left .td--reports {
    width: 35%
}

.table--reports-left .td--reports:first-child {
    width: 65%
}

.td__nowrap {
    transform: translate3d(0, -50%, 0);
    display: block;
    position: absolute;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ct-axis-title {
    font-size: 1rem;
    fill: #666
}

.ct-label.ct-horizontal {
    transform: translate3d(-50%, 50%, 0)
}

.ct-label.ct-horizontal,
.ct-label.ct-vertical {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.ct-label.ct-vertical {
    transform: translate3d(0, 48%, 0);
    -ms-flex-align: center!important;
    align-items: center!important
}

.ct-label {
    fill: rgba(0, 0, 0, .4);
    color: #333;
    font-size: 1rem;
    line-height: 1
}

.ct-grid-background,
.ct-line {
    fill: none
}

.ct-chart-bar .ct-label,
.ct-chart-line .ct-label {
    display: block;
    display: -ms-flexbox;
    display: flex
}

.ct-chart-donut .ct-label,
.ct-chart-pie .ct-label {
    dominant-baseline: central
}

.ct-label.ct-horizontal.ct-start {
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.ct-label.ct-horizontal.ct-end,
.ct-label.ct-horizontal.ct-start {
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-label.ct-horizontal.ct-end {
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.ct-label.ct-vertical.ct-start {
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-label.ct-vertical.ct-end {
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end
}

.ct-grid {
    stroke: rgba(0, 0, 0, .2);
    stroke-width: 1px;
    stroke-dasharray: 2px
}

.ct-point {
    stroke-width: 8px;
    stroke-linecap: round
}

.ct-line {
    stroke-width: 2px
}

.ct-area {
    stroke: none;
    fill-opacity: .1
}

.ct-bar {
    fill: none;
    stroke-width: 10px
}

.ct-slice-donut {
    fill: none;
    stroke-width: 60px
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-slice-pie,
.ct-series-b .ct-area,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-slice-pie,
.ct-series-c .ct-area,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-slice-pie,
.ct-series-d .ct-area,
.ct-series-d .ct-slice-donut-solid,
.ct-series-d .ct-slice-pie,
.ct-series-e .ct-area,
.ct-series-e .ct-slice-donut-solid,
.ct-series-e .ct-slice-pie,
.ct-series-f .ct-area,
.ct-series-f .ct-slice-donut-solid,
.ct-series-f .ct-slice-pie,
.ct-series-g .ct-area,
.ct-series-g .ct-slice-donut-solid,
.ct-series-g .ct-slice-pie,
.ct-series-i .ct-area,
.ct-series-i .ct-slice-donut-solid,
.ct-series-i .ct-slice-pie,
.ct-series-j .ct-area,
.ct-series-j .ct-slice-donut-solid,
.ct-series-j .ct-slice-pie,
.ct-series-k .ct-area,
.ct-series-k .ct-slice-donut-solid,
.ct-series-k .ct-slice-pie,
.ct-series-l .ct-area,
.ct-series-l .ct-slice-donut-solid,
.ct-series-l .ct-slice-pie,
.ct-series-m .ct-area,
.ct-series-m .ct-slice-donut-solid,
.ct-series-m .ct-slice-pie,
.ct-series-n .ct-area,
.ct-series-n .ct-slice-donut-solid,
.ct-series-n .ct-slice-pie,
.ct-series-o .ct-area,
.ct-series-o .ct-slice-donut-solid,
.ct-series-o .ct-slice-pie {
    fill: #007cbb
}

.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut,
.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut,
.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut,
.ct-series-d .ct-bar,
.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-d .ct-slice-donut,
.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut,
.ct-series-f .ct-bar,
.ct-series-f .ct-line,
.ct-series-f .ct-point,
.ct-series-f .ct-slice-donut,
.ct-series-g .ct-bar,
.ct-series-g .ct-line,
.ct-series-g .ct-point,
.ct-series-g .ct-slice-donut,
.ct-series-i .ct-bar,
.ct-series-i .ct-line,
.ct-series-i .ct-point,
.ct-series-i .ct-slice-donut,
.ct-series-j .ct-bar,
.ct-series-j .ct-line,
.ct-series-j .ct-point,
.ct-series-j .ct-slice-donut,
.ct-series-k .ct-bar,
.ct-series-k .ct-line,
.ct-series-k .ct-point,
.ct-series-k .ct-slice-donut,
.ct-series-l .ct-bar,
.ct-series-l .ct-line,
.ct-series-l .ct-point,
.ct-series-l .ct-slice-donut,
.ct-series-m .ct-bar,
.ct-series-m .ct-line,
.ct-series-m .ct-point,
.ct-series-m .ct-slice-donut,
.ct-series-n .ct-bar,
.ct-series-n .ct-line,
.ct-series-n .ct-point,
.ct-series-n .ct-slice-donut,
.ct-series-o .ct-bar,
.ct-series-o .ct-line,
.ct-series-o .ct-point,
.ct-series-o .ct-slice-donut {
    stroke: #007cbb
}

.ct-series-h .ct-bar,
.ct-series-h .ct-line,
.ct-series-h .ct-point,
.ct-series-h .ct-slice-donut {
    stroke: #007cbb
}

.ct-series-h .ct-area,
.ct-series-h .ct-slice-donut-solid,
.ct-series-h .ct-slice-pie {
    fill: #007cbb
}

.ct-square {
    display: block;
    position: relative;
    width: 100%
}

.ct-square:before {
    display: block;
    width: 0;
    padding-bottom: 100%
}

.ct-square:after {
    content: "";
    display: table;
    clear: both
}

.ct-square>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-second:before {
    display: block;
    width: 0;
    padding-bottom: 93.75%
}

.ct-minor-second:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-second:before {
    display: block;
    width: 0;
    padding-bottom: 88.88889%
}

.ct-major-second:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-third:before {
    display: block;
    width: 0;
    padding-bottom: 83.33333%
}

.ct-minor-third:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-third:before {
    display: block;
    width: 0;
    padding-bottom: 80%
}

.ct-major-third:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fourth:before {
    display: block;
    width: 0;
    padding-bottom: 75%
}

.ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both
}

.ct-perfect-fourth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fifth:before {
    display: block;
    width: 0;
    padding-bottom: 66.66667%
}

.ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both
}

.ct-perfect-fifth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-sixth:before {
    display: block;
    width: 0;
    padding-bottom: 62.5%
}

.ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-golden-section {
    display: block;
    position: relative;
    width: 100%
}

.ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.8047%
}

.ct-golden-section:after {
    content: "";
    display: table;
    clear: both
}

.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-sixth:before {
    display: block;
    width: 0;
    padding-bottom: 60%
}

.ct-major-sixth:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-seventh:before {
    display: block;
    width: 0;
    padding-bottom: 56.25%
}

.ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both
}

.ct-minor-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-seventh:before {
    display: block;
    width: 0;
    padding-bottom: 53.33333%
}

.ct-major-seventh:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-octave:before {
    display: block;
    width: 0;
    padding-bottom: 50%
}

.ct-octave:after {
    content: "";
    display: table;
    clear: both
}

.ct-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-tenth:before {
    display: block;
    width: 0;
    padding-bottom: 40%
}

.ct-major-tenth:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-tenth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-eleventh:before {
    display: block;
    width: 0;
    padding-bottom: 37.5%
}

.ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-eleventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-twelfth:before {
    display: block;
    width: 0;
    padding-bottom: 33.33333%
}

.ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both
}

.ct-major-twelfth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ct-double-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-double-octave:before {
    display: block;
    width: 0;
    padding-bottom: 25%
}

.ct-double-octave:after {
    content: "";
    display: table;
    clear: both
}

.ct-double-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (min-width:480px) {
    #main {
        padding: 25px 3% 50px
    }
    .thumbnail-image--checkbox {
        width: 200px
    }
    .wizard-nav {
        position: absolute;
        top: 0;
        right: 0
    }
    .page-actions {
        width: 40%
    }
    .page-actions--wrapped {
        width: 50%
    }
    .field-button {
        max-width: none
    }
    .form-group__column {
        width: calc(50% - 1.2em);
        margin: 0 2em 0 0
    }
    .form-group__column:first-child {
        margin-right: 2em
    }
    .form-group__column--right {
        width: auto;
        text-align: right
    }
    input[type=text].form-control--with-button {
        padding-right: 20%
    }
    .form-control--medium {
        width: 150px
    }
    .form-control--large {
        width: 350px
    }
    .form-p {
        max-width: 85%
    }
    .checkbox-group--half {
        display: inline-block;
        width: calc(50% - 2px)
    }
    .status-bar {
        width: 60%
    }
    .list-card {
        width: 48%;
        margin: 0 2% 2% 0
    }
    .modal.is-active {
        height: 90%
    }
    .message {
        max-width: 420px
    }
    .carousel:after {
        content: "smartLandscapeAndUp"
    }
    .carousel__slide {
        width: calc(33.3333% - 25px + 25px/3)
    }
    .report-nav_item {
        min-width: 16%
    }
}

@media only screen and (min-width:668px) {
    .centered-container {
        margin: 8% 0
    }
    .media_block-wrap {
        margin-top: 3%
    }
    #footer {
        text-align: left
    }
    .content-h1 {
        font-size: 2.8rem;
        line-height: 2.8rem
    }
    .column-li {
        width: 30%
    }
    .blockquote {
        padding-right: 30%
    }
    .copyright {
        display: inline-block;
        margin-left: 40%;
        width: 60%;
        font-size: 1.2rem;
        line-height: 30px;
        text-align: right
    }
    .util-nav {
        display: block
    }
    .footer-nav {
        position: absolute;
        top: 17px;
        left: 3%;
        display: inline-block;
        width: 40%;
        margin-left: -1em
    }
    .folder-wrap {
        padding: 2em 50px 1em
    }
    .thumbnail-image {
        width: 200px
    }
    .thumbnail-meta-wrap {
        width: auto
    }
    .no-touch .page-actions {
        transition: opacity .3s ease-in-out;
        opacity: 0
    }
    .nav_item.is-selected>.page-actions,
    .no-touch .nav_item:hover>.page-actions {
        opacity: 1
    }
    .page-action {
        font-size: inherit
    }
    .link-button {
        font-size: 1.4rem
    }
    .centered-fieldset {
        padding: 50px
    }
    .card_label {
        min-width: 50px
    }
    .sidebar-card {
        width: 90%
    }
    .media_block-card:before {
        left: -23px
    }
    .modal.is-active {
        width: 60%;
        height: 50%
    }
    .nav_item--carousel-prev {
        left: -20px
    }
    .nav_item--carousel-next {
        right: -20px
    }
    .ct-axis-title {
        font-size: 1.2rem
    }
    .ct-point {
        stroke-width: 9px
    }
    .ct-line {
        stroke-width: 3px
    }
}

@media only screen and (min-width:881px) {
    #main {
        padding: 50px 3%
    }
    .content-container {
        margin: 0 auto;
        padding: 0 3% 50px
    }
    .sidebar-h3 {
        margin: 0 0 .6em .4em;
        font-size: 1.4rem;
        line-height: 1.9rem;
        text-align: left
    }
    .main-nav {
        display: block
    }
    .wizard-nav {
        right: 5%
    }
    .logo--topbar {
        transform: translateZ(0);
        left: 3%
    }
    .logo--relative {
        width: 300px
    }
    .sidebar-card {
        width: 100%
    }
    .list-card_details {
        display: block;
        width: 100%
    }
    .modal.is-active {
        width: 40%
    }
    .nav_item--carousel-prev {
        left: -35px
    }
    .nav_item--carousel-next {
        right: -35px
    }
    .reports {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 50px 25px 25px
    }
    .form-group--reports {
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: right
    }
    .report_block--list {
        white-space: normal;
        position: absolute;
        top: 0;
        right: 100%;
        width: auto;
        min-width: 0;
        border-top: 1px solid #e5e5e5
    }
    .report_block--results {
        -ms-flex-positive: 3;
        flex-grow: 3;
        padding: 0 25px
    }
    .report-nav {
        padding-bottom: 0
    }
    .report-nav_item {
        display: block;
        min-width: auto;
        border-color: transparent transparent #e5e5e5 #e5e5e5;
        text-align: left
    }
    .report-nav_item.is-selected {
        border-bottom-color: #e5e5e5
    }
    .report-sub-nav {
        position: relative;
        top: auto
    }
    .report-sub-nav_item {
        display: block
    }
    .report-nav_action,
    .report-sub-nav_action {
        padding: .6em 2.6em .6em 1.6em
    }
    .report-sub-nav_action {
        padding-left: 2.6em
    }
    .table--reports-left .td--reports,
    .table--reports-left .td--reports:first-child {
        width: 50%
    }
}

@media only screen and (min-width:1133px) {
    .content-h2:first-child {
        margin-top: 0
    }
    .list-card {
        width: 31.3333%
    }
}

@media only screen and (min-width:1280px) {
    .main-nav_action {
        padding: 46px 25px 0
    }
    .main-nav_action,
    .util-nav_action {
        font-size: 1.4rem
    }
    .page-actions--wrapped {
        position: absolute;
        top: 2px;
        left: auto;
        bottom: auto;
        right: 2px;
        width: 40%
    }
}

@media only screen and (min-width:1366px) {
    .content-container {
        max-width: 940px;
        padding-top: 25px
    }
    .wizard-nav {
        top: 25px;
        right: 5%
    }
}

.page-actions--wrapped_class {
    position: relative;
    width: 100%
}

@media only screen and (min-width:1280px) {
    .page-actions--wrapped_class {
        position: absolute;
        top: 2px;
        left: auto;
        bottom: auto;
        right: 2px;
        width: 55%
    }
}

.page-action_item_class {
    white-space: nowrap
}

.page-action_item_class {
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 293px
}

.progressCentre {
    z-index: 999;
    color: white;
    top: 129px;
    position: relative;
    display: none;
    left: 117px;
}
.badges {
    margin: 1em 0;
    max-width: 500px
}

.badge {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 .4em .4em 0;
    border-radius: 50%;
    background: #e5e5e5;
    background-image: url(../images/sprite-certification-sm.png);
    background-position: 0 0
}

.badge__label {
    display: none;
    transform: translate3d(-50%, -46px, 0);
    position: absolute;
    top: 0;
    left: 50%;
    white-space: nowrap;
    padding: .7em 1em .5em;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
    content: attr(title);
    letter-spacing: .04em;
    text-align: center;
    font-size: 1.2rem;
    background: #fff
}
.no-touch .badge:hover .badge__label:after,
.no-touch .badge:hover .badge__label:before {
    z-index: 5;
    transform: translate3d(-50%, 0, 0);
    position: absolute;
    top: 100%;
    left: 50%;
    display: inline-block;
    border: 11px solid transparent;
    border-top-color: #e5e5e5;
    content: ""
}

.no-touch .badge:hover .badge__label:after {
    transform: translate3d(-50%, -2px, 0);
    border-top-color: #fff
}

.no-touch .badge:hover .badge__label {
    display: inline-block
}

.badge--abr {
    background-position: 0 0
}

.badge--abrm {
    background-position: -36px 0
}

.badge--ahwd {
    background-position: -72px 0
}

.badge--alc {
    background-position: -109px 0
}

.badge--ccim {
    background-position: -144px 0
}

.badge--cips {
    background-position: 0 -36px
}

.badge--cpm {
    background-position: -36px -36px
}

.badge--crb {
    background-position: -72px -36px
}

.badge--cre {
    background-position: -109px -36px
}

.badge--crs {
    background-position: -145px -36px
}

.badge--epro {
    background-position: 0 -72px
}

.badge--gaa {
    background-position: -36px -72px
}

.badge--grn {
    background-position: -72px -72px
}

.badge--gri {
    background-position: -109px -72px
}

.badge--pmn,
.badge--rene {
    background-position: 0 -108px
}

.badge--raa {
    background-position: -36px -108px
}

.badge--psa {
    background-position: -71px -108px
}

.badge--rsps {
    background-position: -108px -108px
}

.badge--sfr {
    background-position: -145px -108px
}

.badge--sior {
    background-position: 0 -144px
}

.badge--sres {
    background-position: -36px -144px
}

.badge--srs {
    background-position: -72px -144px
}

.badge--mrp {
    background-position: -108px -144px
}

.badge--bpor {
    background-position: -144px -144px
}


/* start LiveAgent CSS */

.embeddedServiceSidebarMinimizedDefaultUI.helpButton {
    background-color: #005290 !important;
    border-color: #005290 !important;
    border: #005290 !important;
}

    .embeddedServiceSidebarMinimizedDefaultUI.helpButton:hover::before, .embeddedServiceSidebarMinimizedDefaultUI.helpButton:focus::before {
        content: " " !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: #000 !important;
        opacity: 0.2 !important;
        pointer-events: none !important;
    }

    .embeddedServiceSidebarMinimizedDefaultUI.helpButton:hover {
        background-color: #005290 !important;
        border-color: #005290 !important;
    }

.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:focus {
    background-color: #005290 !important;
}

[embeddedservice-chatheader_chatheader-host] {
    background-color: #005290 !important;
}

.embeddedServiceHelpButton .helpButton {
    height: 60px !important;
    bottom: 10px !important;
}

.embeddedServiceHelpButton .uiButton {
    min-width: 60px !important;
    max-width: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
}

.embeddedServiceHelpButton .helpButton .uiButton {
    border-radius: 50% !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
}

.embeddedServiceHelpButton .helpButton .helpButtonLabel {
    display: none !important;
}

.embeddedServiceHelpButton .embeddedServiceIcon::before {
    font-size: 40px !important;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: none !important;
}

.embeddedServiceHelpButton .embeddedServiceIcon {
    margin-right: 0px !important;
}

.embeddedServiceHelpButton .helpButtonEnabled .uiButton {
    display: none !important;
}

.embeddedServiceHelpButton .helpButton .helpButtonEnabled .uiButton {
    display: none !important;
}

.embeddedServiceIcon {
    padding-left: 11px !important;
}

.embeddedServiceHelpButton .helpButtonLabel {
    display: none !important;
}

.embeddedServiceHelpButton .assistiveText {
    display: none !important;
}

.embeddedServiceHelpButton .message {
    display: none !important;
}

.embeddedServiceSidebarMinimizedDefaultUI {
    min-width: 60px !important;
    max-width: 60px !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    bottom: 10px !important;
}

    .embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon {
        margin-right: 9px !important;;
    }

.embeddedServiceIcon.x-small svg {
    width: 40px !important;
    height: 40px !important;
}

.embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover::before, .embeddedServiceHelpButton .helpButton .helpButtonEnabled:focus::before {
    opacity: 0.2 !important;
    border-radius: 50% !important;
}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #005290 !important;
    font-family: "Arial", sans-serif !important;
}

    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: 1px solid #005290 !important;
    }

/* end LiveAgent CSS */