html::before {
    content: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/buttons/loading-gif-button-white.png) url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/buttons/loading-gif-button-dark.png);
    display: none
}

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

html {
    touch-action: manipulation
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, fieldset, form, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    line-height: 24px
}

html, body {
    min-height: 100%;
    width: 100%
}

a, span {
    line-height: inherit
}

ul {
    list-style: none
}

body {
    background-color: #ffffff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

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

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

blockquote, q {
    quotes: "" ""
}

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

.line::after {
    clear: both
}

.group, .lastGroup, .lastUnit, .unit {
    overflow: hidden;
    background-clip: padding-box !important;
    float: left
}

.lastUnit, .unit {
    padding-left: 15px;
    padding-right: 15px
}

.lastUnit, .lastGroup {
    float: none;
    width: auto
}

.size8of8 {
    width: 100%
}

.size7of8 {
    width: 87.5%
}

.size6of8 {
    width: 75%
}

.size5of8 {
    width: 62.5%
}

.size4of8 {
    width: 50%
}

.size3of8 {
    width: 37.5%
}

.size2of8 {
    width: 25%
}

.size1of8 {
    width: 12.5%
}

.size4of4 {
    width: 100%
}

.size3of4 {
    width: 75%
}

.size2of4 {
    width: 50%
}

.size1of4 {
    width: 25%
}

.size2of2 {
    width: 100%
}

.size1of2 {
    width: 50%
}

.size3of3 {
    width: 100%
}

.size2of3 {
    width: 66.66666667%
}

.size1of3 {
    width: 33.33333333%
}

.size1of1 {
    width: 100%
}

@media screen and (max-width:64em) {
    .size1of4\@tablet {
        width: 25%
    }

    .size1of3\@tablet {
        width: 33.33333333%
    }

    .size1of2\@tablet {
        width: 50%
    }

    .size1of1\@tablet {
        width: 100%
    }
}

@media screen and (max-width:60em) {
    .size1of4\@xlphone {
        width: 25%
    }

    .size1of3\@xlphone {
        width: 33.33333333%
    }

    .size1of2\@xlphone {
        width: 50%
    }

    .size1of1\@xlphone {
        width: 100%
    }
}

@media screen and (max-width:40em) {
    .size1of2, .size1of3, .size1of4, .size2of3, .size2of4, .size3of4, .size3of8, .size4of8, .size5of8, .size7of8 {
        width: 100%
    }

    .size1of8 {
        width: 50%
    }

    .size1of2.nochange {
        width: 50%
    }

    .size1of3.nochange {
        width: 33.33333333%
    }

    .size1of4\@phone {
        width: 25%
    }

    .size1of3\@phone {
        width: 33.33333333%
    }

    .size1of2\@phone {
        width: 50%
    }

    .size1of1\@phone {
        width: 100%
    }
}

@media screen and (max-width:31.25em) {
    .unit, .group {
        float: none;
        display: block
    }

    .nochange {
        float: left
    }

    .size2of8, .size6of8 {
        width: 100%
    }
}

.main-section {
    margin-bottom: 66px
}

@media only screen and (max-width:64em) {
    .main-section {
        margin-bottom: 42px
    }
}

.sub-section {
    margin-bottom: 60px
}

    .sub-section::before, .sub-section::after {
        content: " ";
        display: table
    }

    .sub-section::after {
        clear: both
    }

    .sub-section::before, .sub-section::after {
        content: " ";
        display: table
    }

    .sub-section::after {
        clear: both
    }

    .sub-section > *:last-child, .sub-section > *:last-child > *:last-child {
        margin-bottom: 0
    }

@media only screen and (max-width:64em) {
    .sub-section {
        margin-bottom: 30px
    }

        .sub-section > .group, .sub-section > .unit {
            margin-bottom: 30px
        }
}

html {
    font-size: 62.5%
}

body {
    color: #241c15;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    vertical-align: baseline;
    font-size: 1.6rem;
    line-height: 1.5
}

dd, dl, blockquote, figure, address {
    margin-bottom: 6px
}

em {
    font-style: italic
}

b, strong {
    font-weight: 500
}

a {
    color: #007c89;
    text-decoration: none
}

    a:hover {
        color: #004e56
    }

.nolink {
    color: #241c15
}

    .nolink:hover {
        color: #241c15
    }

.link--onDarkBg {
    color: #00aabc;
    font-weight: 500
}

    .link--onDarkBg:hover {
        color: #00d8ef
    }

img {
    vertical-align: middle;
    max-width: 100%
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    color: #241c15;
    line-height: 1.25;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    outline: 0
}

h1, .h1 {
    font-family: "Cooper Light",Georgia,Times,"Times New Roman",serif;
    font-size: 4.4rem;
    margin-bottom: 6px;
    text-transform: capitalize;
    word-spacing: -0.2rem;
    line-height: 1.1
}

h2, .h2 {
    font-size: 3.6rem;
    letter-spacing: -0.05rem;
    margin-bottom: 36px
}

h3, .h3 {
    font-size: 2.8rem;
    letter-spacing: -0.02rem;
    margin-bottom: 24px
}

    h3 + label, .h3 + label {
        margin-top: 18px
    }

h4, .h4 {
    font-size: 2rem;
    margin-bottom: 18px
}

h5, .h5 {
    font-size: 1.6rem;
    margin-bottom: 18px
}

p, .p {
    max-width: 635px;
    font-size: 1.6rem;
    margin-bottom: 12px
}

    p > a, .button ~ a:not(.button), .link-underline a:not(.button) {
        line-height: normal;
        border-bottom: 1px solid
    }

.button ~ a:not(.button) {
    font-size: 1.4rem;
    font-weight: 500
}

h3 + table {
    margin-top: 18px
}

p + table {
    margin-top: 24px !important
}

p + form {
    margin-top: 18px
}

li > a {
    display: block;
    line-height: inherit;
    height: inherit
}

ol {
    padding: 0 0 0 24px
}

ul, ol {
    font-size: 1.6rem;
    line-height: 24px;
    outline: 0
}

code {
    font-size: 1.4rem;
    line-height: 18px;
    font-family: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace;
    color: #db3a1b;
    word-spacing: normal;
    word-wrap: break-word
}

    code .tag {
        color: #6dc5dc
    }

    code .attr {
        color: #ee836e
    }

    code .num {
        opacity: .6;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

pre {
    display: block;
    font-size: 1.4rem;
    font-family: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace;
    white-space: pre-wrap;
    padding: 12px 15px;
    max-width: 635px
}

.code {
    font-family: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace
}

abbr, .smallcaps {
    border-bottom: none;
    font-variant: small-caps;
    text-transform: lowercase
}

abbr {
    cursor: help;
    font-variant: normal;
    text-transform: uppercase;
    text-decoration: none
}

hr {
    border: 0 none;
    height: 1px;
    background-color: #dedddc;
    margin: 0
}

s {
    opacity: .5
}

::selection {
    color: #241c15;
    background: rgba(255,113,208,0.2)
}

::-moz-selection {
    color: #241c15;
    background: rgba(255,113,208,0.2)
}

.c-media, .c-media--centeredChildren {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.c-media--centeredChildren {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c-mediaImage, .c-mediaImage--centered {
    margin-right: 15px
}

.c-mediaImage--centered {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.c-mediaImage.v-isFreddicon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.c-mediaBody, .c-mediaBody--centered {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-mediaBody--centered {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.media .float-left {
    padding-right: 15px
}

.media .float-right {
    padding-left: 15px
}

.media, .media-body {
    overflow: hidden
}

.media-image {
    float: left;
    margin-right: 15px
}

    .media-image [class*="circle-color"] {
        line-height: 1.2
    }

.media img {
    display: block
}

.media-list.rows h1, .media-list.rows h2, .media-list.rows h3, .media-list.rows h4 {
    margin: 0 0 6px
}

.media-list.rows p {
    margin: 0
}

    .media-list.rows p + button, .media-list.rows p + .button, .media-list.rows p + .button-small {
        margin-top: 12px
    }

.media-list.rows > li {
    border-top: 1px dotted #dedddc
}

.media-list.rows .media {
    padding: 23px 0 24px
}

.media-list.slim .media {
    padding: 12px 0
}

.media-list.no-border > li {
    border-top: none
}

.media-list.bottom-border > li:last-child {
    border-bottom: 1px dotted #dedddc
}

.media-list .media-list {
    margin-top: 18px
}

ol {
    counter-reset: li
}

    ol.media-list {
        margin-left: 0
    }

        ol.media-list li {
            position: relative;
            list-style: none;
            padding-left: 60px
        }

            ol.media-list li::before {
                content: counter(li);
                counter-increment: li;
                position: absolute;
                left: 0;
                width: 42px;
                height: 42px;
                padding: 12px;
                border-radius: 50%;
                color: #ffffff;
                background: #b1e0ec;
                font-weight: 500;
                text-align: center;
                line-height: 1
            }

.schedule-meta {
    padding-left: 36px;
    margin: 18px 0
}

    .schedule-meta select, .schedule-meta span {
        margin: 0 6px 0 0
    }

@media only screen and (max-width:40em) {
    .schedule-meta select, .schedule-meta span {
        margin: 0
    }
}

.batch-options {
    padding: 18px 0;
    margin-left: 36px;
    border-top: 1px solid #dedddc;
    border-bottom: 1px solid #dedddc
}

.roadblock.noheader .roadblock-header {
    display: none
}

.compliance-alert.warning {
    background-color: #ffe8aa
}

    .compliance-alert.warning a {
        color: #241c15;
        border-bottom: 1px solid
    }

.compliance-alert.error {
    background-color: #ee836e;
    color: #ffffff
}

    .compliance-alert.error a {
        color: #ffffff;
        border-bottom: 1px solid
    }

.c-flashBlock {
    font-size: 1.6rem
}

    .c-flashBlock h1, .c-flashBlock h2, .c-flashBlock h3, .c-flashBlock h4, .c-flashBlock .h1, .c-flashBlock .h2, .c-flashBlock .h3, .c-flashBlock .h4 {
        font-size: 2rem
    }

    .c-flashBlock a {
        color: #241c15;
        text-decoration: underline;
        border: 0 none
    }

        .c-flashBlock a:visited, .c-flashBlock a:hover {
            color: #241c15
        }

        .c-flashBlock a.button, .c-flashBlock a.button-small, .c-flashBlock a.freddicon {
            color: #241c15;
            border: 0 none;
            text-decoration: none
        }

            .c-flashBlock a.button:visited, .c-flashBlock a.button-small:visited, .c-flashBlock a.freddicon:visited, .c-flashBlock a.button:hover, .c-flashBlock a.button-small:hover, .c-flashBlock a.freddicon:hover {
                border: 0 none
            }

        .c-flashBlock a.p0 {
            color: #ffffff
        }

.av-flash {
    border-radius: 2px;
    margin-top: 30px
}

    .av-flash a {
        display: inline-block;
        white-space: nowrap
    }

.wizard-top-margin .av-flash {
    margin: 0 0 24px 0
}

.v-flashBlock--info {
    background-color: #c5dbf2
}

.v-flashBlock--error {
    background-color: #fbcfbd
}

.v-flashBlock--success {
    background-color: #d8eacc
}

.v-flashBlock--warning {
    background-color: #fbeeca
}

.badge {
    background-color: #efeeea;
    color: #241c15;
    font-size: 1.4rem;
    line-height: normal;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    white-space: nowrap;
    border-radius: 200px;
    height: 24px;
    padding: 3px 9px;
    margin: 0 6px;
    display: inline-block
}

    .badge.info {
        background-color: #c5dbf2;
        color: #241c15
    }

    .badge.success {
        background-color: #d8eacc;
        color: #241c15
    }

    .badge.warning {
        background-color: #fbeeca;
        color: #241c15
    }

    .badge.error {
        background-color: #fbcfbd;
        color: #241c15
    }

    .badge.new {
        background-color: #f9e0fa;
        color: #241c15
    }

    .badge.notification {
        background-color: #f25f25;
        color: #ffffff
    }

        .badge.notification::selection {
            background-color: #ffffff
        }

    .badge.pro {
        background-color: rgba(36,28,21,0.7);
        color: #ffffff
    }

        .badge.pro::selection {
            background-color: #ffffff
        }

.checkbox .badge {
    text-indent: 0
}

.badge.dot {
    font-size: 6px;
    margin-right: 18px
}

.dijitMenuItemSelected .badge, .dijitMenuItemHover .badge {
    background-color: #ffffff;
    color: #241c15
}

.feedback-block {
    font-size: 1.6rem;
    padding: 12px 0;
    background-color: #c5dbf2;
    border-radius: 2px;
    color: #241c15;
    overflow: hidden
}

    .feedback-block a {
        color: #241c15;
        text-decoration: underline;
        border: 0 none
    }

        .feedback-block a:visited, .feedback-block a:hover {
            color: #241c15
        }

        .feedback-block a.button, .feedback-block a.button-small, .feedback-block a.freddicon {
            color: #241c15;
            border: 0 none;
            text-decoration: none
        }

            .feedback-block a.button:visited, .feedback-block a.button-small:visited, .feedback-block a.freddicon:visited, .feedback-block a.button:hover, .feedback-block a.button-small:hover, .feedback-block a.freddicon:hover {
                border: 0 none
            }

        .feedback-block a.p0 {
            color: #ffffff
        }

    .feedback-block h1, .feedback-block h2, .feedback-block h3, .feedback-block h4 {
        font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
        font-size: 1.4rem;
        font-weight: 500;
        letter-spacing: normal;
        word-spacing: normal;
        margin-bottom: 0
    }

    .feedback-block p {
        font-size: 1.4rem
    }

        .feedback-block p:last-child {
            margin-bottom: 0
        }

    .feedback-block.readable-max-width {
        max-width: 635px
    }

    .feedback-block ol, .feedback-block ul {
        max-width: 500px
    }

    .feedback-block .badge {
        background-color: #ffffff;
        display: inline-block
    }

    .feedback-block .media-image {
        padding-left: 1px;
        line-height: 36px
    }

@media screen and (max-width:40em) {
    .feedback-block .media-image, .feedback-block .media-body {
        float: none;
        text-align: center;
        margin: 0
    }

    .popup .feedback-block .media-image {
        float: left;
        margin-right: 15px
    }

    .popup .feedback-block .media-body {
        text-align: left
    }
}

.mini-icon {
    background: linear-gradient(to right, #2c9ab7 0, #2c9ab7 42px, #ccebf3 42px, #ccebf3 100%);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

    .mini-icon .freddicon {
        color: #ffffff;
        margin-right: 18px
    }

.panel-block {
    background-color: #efeeea;
    padding: 12px;
    border-radius: 2px
}

    .panel-block > *:last-child {
        margin-bottom: 0
    }

    .panel-block.error {
        background-color: #fbcfbd
    }

    .panel-block.warning {
        background-color: #fbeeca
    }

div.success {
    background-color: #d8eacc
}

div.error {
    background-color: #fbcfbd
}

div.warning {
    background-color: #fbeeca
}

div.info {
    background-color: #c5dbf2
}

div.base {
    background-color: #efeeea
}

.c-cardNotification {
    box-shadow: 0 0 0 3px #ffffff;
    border: 6px solid
}

.c-cardNotification--topLeft {
    top: -3px;
    left: -3px
}

.c-cardNotification--error {
    border-color: #f25f25
}

.no-data {
    border: 1px solid #dedddc;
    border-radius: 4px;
    padding: 24px 0 21px;
    margin: 0 auto;
    text-align: center;
    background: #ffffff
}

    .no-data > .icon {
        display: block;
        height: 240px;
        width: 240px;
        margin: 0 auto 12px;
        padding: 0 12px 12px
    }

    .no-data.no-border-radius-top {
        border-radius: 0 0 6px 6px
    }

    .no-data h1, .no-data h2 {
        margin: 0 auto;
        max-width: 640px
    }

    .no-data p {
        margin: 0 auto
    }

    .no-data .add-btn, .no-data .button {
        float: none;
        margin-top: 18px
    }

        .no-data .button:last-child, .no-data .button-small:last-child {
            margin-right: 0
        }

.dijitTooltipContents .no-data {
    border: 0 none
}

    .dijitTooltipContents .no-data > .icon {
        height: 80px;
        width: 80px
    }

.c-noDataActionState {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 30px
}

.c-noDataActionState_image {
    margin-right: 36px
}

@media only screen and (max-width:64em) {
    .c-noDataActionState {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c-noDataActionState_image {
        margin: 0 auto 24px
    }
}

@media only screen and (max-width:40em) {
    .c-noDataActionState_buttons {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.education-block {
    border: 1px solid #dedddc;
    border-radius: 6px;
    padding: 24px 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

    .education-block h1, .education-block h2, .education-block h3, .education-block h4 {
        font-size: 1.7rem;
        font-weight: normal;
        padding-bottom: 18px
    }

    .education-block h1, .education-block h2 {
        border-bottom: 1px solid #dedddc
    }

    .education-block .content {
        max-width: 75em
    }

    .education-block .button-close {
        background: transparent;
        font-weight: normal;
        opacity: .4
    }

        .education-block .button-close:hover {
            opacity: 1
        }

.c-slatMeta {
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 18px 0
}

@media only screen and (min-width:40em) {
    .c-slatMeta {
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

.c-slatMeta_info {
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media only screen and (min-width:40em) {
    .c-slatMeta_info {
        padding: 0 24px 0 0
    }
}

.c-slatMeta_action {
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-top: 12px
}

@media only screen and (min-width:40em) {
    .c-slatMeta_action {
        margin-top: 0;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }
}

.c-slatMeta_action .c-slatButton {
    margin: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .c-slatMeta_action .c-slatButton + .c-slatButton {
        margin: 0 0 0 18px
    }

.c-slatInfoImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-right: 18px
}

    .c-slatInfoImage:hover .c-emailImageWrapper_overlay {
        visibility: visible;
        opacity: 1
    }

@media only screen and (min-width:40em) {
    .c-slatInfoImage {
        padding-bottom: 18px
    }
}

@media only screen and (min-width:75em) {
    .c-slatInfoImage {
        padding-bottom: 0
    }
}

.c-slatInfoImage .c-slatInfoOption {
    margin: 8px 18px 0 0
}

.v-slatInfoImage--visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row;
    -webkit-flex-flow: row;
    flex-flow: row
}

.c-emailImageWrapper, .c-emailImageWrapper_overlay, .c-emailImageWrapper_overlay_bg, .c-emailImageWrapper_overlay_content, .c-emailImage {
    width: 120px;
    height: 120px
}

.c-emailImageWrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.c-emailImageWrapper_overlay {
    position: absolute;
    z-index: 5;
    opacity: 0;
    visibility: hidden
}

.c-emailImageWrapper_overlay--always-show {
    visibility: visible;
    opacity: 1
}

.c-emailImageWrapper_overlay_bg {
    position: inherit;
    background: #000000;
    opacity: .75;
    border-radius: 6px
}

.c-emailImageWrapper_overlay_content {
    position: inherit;
    color: #ffffff
}

.c-emailImageWrapper .c-emailImage {
    background-color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    border: 1px solid #d0d0d0;
    border-radius: 6px
}

.c-emailImageWrapper .c-emailImage--stack::before {
    position: absolute;
    display: block;
    top: 5px;
    left: 5px;
    width: 120px;
    height: 120px;
    content: "";
    background: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    z-index: -1
}

.c-emailImageWrapper .c-emailImage--stack::after {
    position: absolute;
    display: block;
    top: 10px;
    left: 10px;
    width: 120px;
    height: 120px;
    content: "";
    background: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    z-index: -2
}

.dojoDndMove .dojoDndItemOver .c-emailImageWrapper .c-emailImage {
    display: none
}

.c-slatInfo {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap
}

@media only screen and (min-width:75em) {
    .c-slatInfo {
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

.c-slatInfoBody {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media only screen and (min-width:64em) {
    .c-slatInfoBody {
        min-width: 550px
    }
}

.c-slatInfoStats {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 12px
}

    .c-slatInfoStats:hover .c-number-container {
        display: inherit
    }

    .c-slatInfoStats:hover .c-percentage-container {
        display: none
    }

@media only screen and (min-width:40em) {
    .c-slatInfoStats {
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-top: 6px
    }
}

@media only screen and (min-width:75em) {
    .c-slatInfoStats {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 0
    }
}

.c-slatStat {
    min-width: 72px
}

    .c-slatStat .c-number-container {
        display: none
    }

@media only screen and (min-width:40em) {
    .c-slatStat + .c-slatStat {
        margin-left: 24px
    }
}

.c-disabledSlat {
    opacity: .5;
    user-select: none
}

    .c-disabledSlat button, .c-disabledSlat a {
        cursor: not-allowed
    }

input {
    -webkit-appearance: none
}

::-moz-focus-inner {
    border: 0
}

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

input[type="search"]::-ms-clear {
    display: none
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-webkit-input-placeholder {
    opacity: .6
}

input:-moz-placeholder {
    opacity: .6
}

input::-moz-placeholder {
    opacity: .6
}

input:-ms-input-placeholder {
    opacity: .6
}

legend {
    width: 100%;
    display: block;
    color: #241c15;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: .01em;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    margin: 0 0 18px 0
}

    legend small {
        font-size: 1.4rem
    }

label, input, select, textarea {
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal
}

label {
    color: #241c15;
    font-weight: 500;
    display: block;
    max-width: 635px;
    padding-bottom: 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    label * {
        line-height: inherit
    }

    legend.required::after, label.required::after {
        content: "required";
        float: right;
        color: #959595;
        font-size: 1.6rem
    }

textarea {
    height: auto;
    -ms-overflow-style: scrollbar
}

input[type="file"] {
    cursor: pointer
}

    input[type="file"]::-webkit-file-upload-button {
        cursor: pointer
    }

textarea, input[type="text"], input[type="password"], input[type="file"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .faux-file {
    display: inline-block;
    padding: 0 8px;
    margin-bottom: 24px;
    vertical-align: middle;
    border-radius: 2px;
    min-width: 50px;
    max-width: 635px;
    width: 100%;
    min-height: 36px;
    background-color: #ffffff;
    border: 1px solid rgba(36,28,21,0.3);
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s
}

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .faux-file:focus {
        outline: none;
        border: 1px solid #007c89;
        box-shadow: inset 0 0 0 1px #007c89
    }

    textarea.invalid, input[type="text"].invalid, input[type="password"].invalid, input[type="file"].invalid, input[type="datetime"].invalid, input[type="datetime-local"].invalid, input[type="date"].invalid, input[type="month"].invalid, input[type="time"].invalid, input[type="week"].invalid, input[type="number"].invalid, input[type="email"].invalid, input[type="url"].invalid, input[type="search"].invalid, input[type="tel"].invalid, input[type="color"].invalid, .faux-file.invalid {
        border-color: #f25f25;
        box-shadow: inset 0 0 0 1px #f25f25
    }

    textarea[disabled], input[type="text"][disabled], input[type="password"][disabled], input[type="file"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="date"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="week"][disabled], input[type="number"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="color"][disabled], .faux-file[disabled] {
        filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
        -webkit-filter: grayscale(100%);
        opacity: .5;
        cursor: not-allowed
    }

.invalid input[type="text"] {
    border: 1px solid #f25f25;
    box-shadow: 0 0 0 1px #f25f25
}

.invalid span {
    margin-bottom: 0
}

.invalid + .CodeMirror {
    border-color: #f25f25 !important
}

textarea {
    padding: 6px 0 0 6px
}

    textarea.code {
        font-family: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace;
        font-size: 1.4rem
    }

input[type="radio"], input[type="checkbox"] {
    cursor: pointer
}

.radio, .checkbox {
    max-width: 635px;
    margin-bottom: 24px;
    padding-bottom: 0;
    padding-left: 36px;
    text-indent: -36px
}

input[type="image"], input[type="submit"], input[type="reset"], input[type="button"] {
    width: auto
}

input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 0 none
}

input:not([type="submit"])[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #efeeea
}

.c-fauxCheckmark {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/sprites/input-sprites-spaced-2x.png);
    background-size: 24px 388px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    overflow: hidden
}

.c-fauxCheckmark--checked {
    background-position: 0 -104px
}

.faux-file {
    font-size: 15px;
    padding: 3px 6px 2px 6px;
    color: #000000
}

.faux-file-field {
    cursor: pointer;
    margin-bottom: 6px;
    position: relative
}

    .faux-file-field .faux-file {
        cursor: inherit;
        margin: 0;
        position: relative;
        padding: 0
    }

        .faux-file-field .faux-file input[type="file"] {
            margin: 0;
            opacity: 0;
            z-index: 2;
            cursor: inherit
        }

    .faux-file-field button {
        position: absolute;
        right: 0;
        cursor: inherit;
        margin: 0;
        border-radius: 0
    }

    .faux-file-field .faux-selected {
        font-size: 1.6rem;
        font-weight: 500;
        max-width: 320px;
        overflow: hidden;
        position: absolute;
        top: 0;
        line-height: 36px;
        padding: 0 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        pointer-events: none
    }

@media only screen and (max-width:40em) {
    .faux-file-field .faux-selected {
        width: 75%
    }
}

.c-largeForm input[type="text"], .c-largeForm input[type="email"], .c-largeForm input[type="url"], .c-largeForm input[type="password"], .c-largeForm input[type="tel"], .c-largeForm input[type="number"] {
    min-height: 52px;
    font-size: 1.7rem;
    line-height: 20px;
    padding: 0 15px
}

.c-largeForm select {
    min-height: 52px
}

.form-inline input, .form-inline textarea, .form-inline select, .form-inline .help-inline, .form-inline .uneditable-input, .form-inline .input-prepend, .form-inline .input-append {
    display: inline-block
}

.form-inline button, .form-inline .button, .form-inline .button-small {
    margin-bottom: 24px
}

.form-inline label, .inline-label {
    display: inline-block;
    margin-right: 6px
}

.form-inline .radio, .form-inline .checkbox {
    margin-bottom: 0
}

    .form-inline input, .form-inline textarea, .form-inline select, .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        margin-right: 6px;
        margin-left: 0
    }

.form-inline.max-readable {
    max-width: 635px
}

.form-inline.with-button input[type="text"], .form-inline.with-button input[type="url"], .form-inline.with-button input[type="search"] {
    margin: 0;
    border-radius: 2px;
    min-width: 100%;
    padding-right: 20%;
    -moz-transition: none
}

    .form-inline.with-button input[type="text"] ~ .field-help, .form-inline.with-button input[type="url"] ~ .field-help, .form-inline.with-button input[type="search"] ~ .field-help, .form-inline.with-button input[type="text"] ~ .invalid-error, .form-inline.with-button input[type="url"] ~ .invalid-error, .form-inline.with-button input[type="search"] ~ .invalid-error {
        display: block;
        top: 6px;
        margin-bottom: 0
    }

    .form-inline.with-button input[type="text"]:focus + [class*="button"], .form-inline.with-button input[type="url"]:focus + [class*="button"], .form-inline.with-button input[type="search"]:focus + [class*="button"] {
        border: 1px solid #007c89;
        border-left: none
    }

.form-inline.with-button [class*="button"] {
    margin: 0;
    position: absolute;
    right: 1px;
    z-index: 2;
    border-radius: 0 1px 1px 0;
    height: 34px;
    line-height: 34px;
    top: 1px;
    padding: 0 18px;
    padding-left: 19px;
    border-left: none;
    -moz-transition: none
}

    .form-inline.with-button [class*="button"].button-loading {
        padding-left: 60px
    }

.form-inline.with-button .freddicon {
    line-height: 32px;
    display: block
}

.field-help, .invalid-error {
    white-space: normal;
    word-wrap: break-word;
    width: 100%;
    max-width: 635px;
    font-size: 1.4rem;
    line-height: 18px;
    font-weight: 500;
    position: relative;
    color: rgba(36,28,21,0.65);
    margin-top: -19px;
    margin-bottom: 18px
}

    .field-help .help-tip, .invalid-error .help-tip {
        margin: 0
    }

.invalid-error {
    display: block;
    color: #bf3e0b;
    max-height: 200px
}

.asterisk {
    color: #bf3e0b
}

.field-wrapper {
    margin: 0;
    clear: both;
    position: relative;
    overflow: visible
}

    .field-wrapper input[type="text"], .field-wrapper input[type="number"], .field-wrapper input[type="email"], .field-wrapper input[type="url"], .field-wrapper input[type="tel"], .field-wrapper input[type="password"], .field-wrapper textarea {
        position: relative
    }

        .field-wrapper input[type="text"] ~ .field-help, .field-wrapper input[type="number"] ~ .field-help, .field-wrapper input[type="email"] ~ .field-help, .field-wrapper input[type="url"] ~ .field-help, .field-wrapper input[type="tel"] ~ .field-help, .field-wrapper input[type="password"] ~ .field-help, .field-wrapper textarea ~ .field-help {
            -ms-transition: all .25s ease-in-out 0s;
            transition: all .25s ease-in-out 0s;
            display: block;
            opacity: 0;
            max-height: 0;
            overflow: hidden
        }

        .field-wrapper input[type="text"]:focus ~ .field-help, .field-wrapper input[type="number"]:focus ~ .field-help, .field-wrapper input[type="email"]:focus ~ .field-help, .field-wrapper input[type="url"]:focus ~ .field-help, .field-wrapper input[type="tel"]:focus ~ .field-help, .field-wrapper input[type="password"]:focus ~ .field-help, .field-wrapper textarea:focus ~ .field-help, .field-wrapper input[type="text"]:active ~ .field-help, .field-wrapper input[type="number"]:active ~ .field-help, .field-wrapper input[type="email"]:active ~ .field-help, .field-wrapper input[type="url"]:active ~ .field-help, .field-wrapper input[type="tel"]:active ~ .field-help, .field-wrapper input[type="password"]:active ~ .field-help, .field-wrapper textarea:active ~ .field-help {
            opacity: 1;
            max-height: 200px
        }

    .field-wrapper .invalid-error {
        max-height: 200px
    }

.always-show, .dijitSelect + .field-help, select + .field-help {
    opacity: 1 !important;
    max-height: 200px !important;
    margin: -19px 0 24px;
    -ms-transition: none;
    transition: none
}

.checkbox-group {
    margin-bottom: 24px;
    max-width: 635px
}

    .checkbox-group label {
        padding-top: 3px;
        padding-bottom: 0
    }

        .checkbox-group label:last-child {
            margin-bottom: 0
        }

    .checkbox-group.inline .av-checkbox {
        margin-right: 6px
    }

    .checkbox-group.inline label {
        padding-top: 0;
        float: left;
        padding-right: 18px;
        margin-right: 6px
    }

@media only screen and (max-width:800px) {
    .checkbox-group.inline label {
        padding-right: 0
    }
}

table .checkbox-group {
    margin-bottom: 0
}

.label-description, .radio-description, .checkbox-description {
    display: block;
    margin-top: 0;
    text-indent: 0;
    color: #241c15;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.5
}

    .label-description p, .radio-description p, .checkbox-description p, .label-description ul, .radio-description ul, .checkbox-description ul {
        font-size: 1.6rem
    }

.radio-description-out {
    padding-left: 42px
}

.field-wrapper > .radio-description, .field-wrapper > .checkbox-description {
    margin: -18px 0 18px 36px;
    max-width: 635px
}

@media screen and (max-width:40em) {
    .search {
        margin-bottom: 24px
    }
}

.search.size1of2 {
    max-width: 100%
}

.search input[type="search"] {
    background-color: transparent;
    color: #959595;
    font-weight: 500;
    border-radius: 0;
    vertical-align: baseline;
    border: 0 none;
    border-bottom: 1px solid #dedddc;
    padding: 0 24px 0 0;
    font-size: 18px;
    max-width: 100%
}

    .search input[type="search"]:hover, .search input[type="search"]:focus {
        border-bottom: 1px solid #737373;
        color: #737373
    }

        .search input[type="search"]:hover::-webkit-input-placeholder, .search input[type="search"]:focus::-webkit-input-placeholder {
            color: #737373
        }

        .search input[type="search"]:hover:-ms-input-placeholder, .search input[type="search"]:focus:-ms-input-placeholder {
            color: #737373
        }

        .search input[type="search"]:hover + a, .search input[type="search"]:focus + a {
            color: #737373
        }

    .search input[type="search"] + a {
        right: 2px;
        top: 0;
        color: #959595;
        font-size: 21px;
        padding: 6px 0 6px 12px
    }

table .checkbox-group label {
    margin-bottom: 0;
    padding-bottom: 0
}

table input[type="text"] {
    margin-bottom: 0
}

    table input[type="text"] ~ .invalid-error, table input[type="text"] ~ .field-help {
        margin-top: 0
    }

.radio-group {
    margin-bottom: 18px
}

    .radio-group > label {
        padding-bottom: 0
    }

        .radio-group > label:last-child {
            margin-bottom: 0
        }

    .radio-group.inline label {
        float: left;
        padding-right: 18px;
        margin-right: 6px
    }

select {
    display: inline-block;
    padding: 0 8px;
    margin-bottom: 24px;
    vertical-align: middle;
    border-radius: 2px;
    min-width: 50px;
    max-width: 635px;
    width: 100%;
    min-height: 36px;
    background-color: #ffffff;
    border: 1px solid rgba(36,28,21,0.3);
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -webkit-appearance: scrollbarbutton-down;
    -moz-appearance: scrollbarbutton-down;
    position: relative;
    font-size: 1.4rem;
    letter-spacing: .01em;
    color: #241c15;
    padding: 0 39px 0 18px;
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/dropdown.svg) no-repeat right center;
    background-size: 30px auto
}

    select:focus {
        outline: none;
        border: 1px solid #007c89;
        box-shadow: inset 0 0 0 1px #007c89
    }

    select.invalid {
        border-color: #f25f25;
        box-shadow: inset 0 0 0 1px #f25f25
    }

    select[disabled] {
        filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
        -webkit-filter: grayscale(100%);
        opacity: .5;
        cursor: not-allowed
    }

    select[multiple], select[size] {
        padding: 0;
        height: auto;
        background-image: none;
        background-color: #ffffff;
        border: 1px solid rgba(36,28,21,0.3)
    }

        select[multiple] > option, select[size] > option {
            padding: 12px 18px
        }

    select > option {
        font-size: 1.4rem;
        padding: 6px 10px;
        cursor: pointer;
        background-color: #ffffff
    }

    select::-ms-expand {
        visibility: visible;
    }

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    select {
        background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/dropdown.png) no-repeat right 12px center #efeeea;
        background-size: 10px
    }
}

@-moz-document url-prefix() {
    select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #241c15
    }
}

.select-small {
    height: 32px;
    font-size: 1.4rem
}

optgroup {
    background: #ffffff;
    font-style: normal;
    padding: 5px 8px;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif
}

.hover-list-select {
    padding: 0 32px 0 18px !important
}

    .hover-list-select::after {
        font-family: "freddicons";
        content: "\e024";
        font-size: 20px;
        display: inline-block;
        margin: 0 0 0 3px;
        line-height: 34px;
        font-weight: normal !important;
        font-style: normal !important;
        position: absolute;
        right: 12px
    }

.dijitSelect.invalid {
    border: 2px solid #f25f25
}

.codemirror-border-wrap .CodeMirror {
    border: 2px solid rgba(36,28,21,0.3);
    border-radius: 3px;
    margin: 0 0 24px 0;
    max-width: 635px
}

    .codemirror-border-wrap .CodeMirror:hover {
        border-color: rgba(36,28,21,0.3)
    }

    .codemirror-border-wrap .CodeMirror.CodeMirror-focused {
        border: 2px solid #52bad5
    }

.codemirror-border-wrap.full-width .CodeMirror {
    max-width: none
}

.codemirror-border-wrap.no-margin .CodeMirror {
    margin: 0
}

.codemirror-border-wrap.nowrap .CodeMirror {
    max-width: 100%
}

    .codemirror-border-wrap.nowrap .CodeMirror .CodeMirror-scroll {
        overflow: auto
    }

    .codemirror-border-wrap.nowrap .CodeMirror pre {
        white-space: pre;
        word-break: normal
    }

.c-currencyInput.c-currencyInput {
    padding-left: 24px
}

.c-currencyInput.c-currencyInput--wide {
    padding-left: 36px
}

.c-currencyInput.c-currencyInput--wider {
    padding-left: 42px
}

.c-currencyInput ~ .invalid-error {
    margin-top: unset
}

.c-currencyInput--symbol {
    padding: 2px 6px;
    margin: 4px 2px
}

.c-suffixInput.c-suffixInput {
    padding-right: 24px
}

.c-suffixInput.c-suffixInput--wide {
    padding-right: 36px
}

.c-suffixInput.c-suffixInput--wider {
    padding-right: 42px
}

.c-suffixInput ~ .invalid-error {
    margin-top: unset
}

.c-suffixInput--symbol {
    right: 0;
    padding: 2px 6px;
    margin: 4px
}

.grecaptcha-badge {
    display: none
}

.c-choiceCard {
    list-style: none
}

.c-choiceCard_label {
    display: block;
    max-width: none;
    cursor: pointer;
    border-color: rgba(36,28,21,0.3);
    border-radius: 2px !important
}

    .c-choiceCard_label .cardIndicator {
        border-bottom-right-radius: border-radius--lv0;
        background-color: #bdbbb9
    }

    .c-choiceCard_label:hover .cardIndicator {
        -ms-transition: background-color .2s ease-in-out 0s;
        transition: background-color .2s ease-in-out 0s;
        background-color: #007c89;
        color: #ffffff
    }

.c-choiceCard_indicator {
    -ms-transition: opacity .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s;
    opacity: 0;
    color: #007c89
}

.c-choiceCard_input {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    color: transparent;
    speak: none
}

.c-choiceCard_revealed:hover {
    -ms-transition: opacity .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s;
    visibility: visible;
    opacity: 1
}

.c-choiceCard_label:hover ~ .c-choiceCard_revealed, .c-choiceCard_input:checked ~ .c-choiceCard_revealed, .c-choiceCard_input:focus ~ .c-choiceCard_revealed {
    -ms-transition: opacity .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s;
    visibility: visible;
    opacity: 1
}

.c-choiceCard_innerContainer {
    position: relative
}

.c-choiceCard_label:hover {
    -ms-transition: border .2s ease-in-out 0s;
    transition: border .2s ease-in-out 0s;
    -ms-transition-property: border,box-shadow;
    transition-property: border,box-shadow;
    border-color: #007c89
}

.c-choiceCard_input:focus + .c-choiceCard_label {
    border-color: #007c89;
    box-shadow: inset 0 0 0 1px #007c89
}

.c-choiceCard_input:checked + .c-choiceCard_label {
    border-color: #007c89
}

    .c-choiceCard_input:checked + .c-choiceCard_label .cardIndicator {
        background-color: #007c89;
        color: #ffffff
    }

.c-choiceCard_input:checked ~ .c-choiceCard_indicator {
    opacity: 1
}

.c-choiceCard--thick .c-choiceCard_indicator {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/tick-mark.svg) no-repeat center / 14px #6dc5dc
}

.c-choiceCard--thick .c-choiceCard_input[type="radio"] ~ .c-choiceCard_indicator {
    background-color: #007c89;
    border-radius: 50%;
    width: 26px;
    height: 26px
}

.c-choiceCard--thick .c-choiceCard_input[type="checkbox"] ~ .c-choiceCard_indicator {
    background-color: #007c89;
    border-radius: 2px;
    width: 24px;
    height: 24px
}

.c-choiceCard--thick .c-choiceCard_input:focus + .c-choiceCard_label, .c-choiceCard--thick .c-choiceCard_input:checked + .c-choiceCard_label {
    box-shadow: inset 0 0 0 2px #007c89
}

.c-choiceCard--thick_innerContainer {
    position: relative;
    margin: 2px
}

.c-choiceCardGroup .c-choiceCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-right: 18px;
    position: relative;
    min-height: 96px
}

@media only screen and (max-width:64em) {
    .c-choiceCardGroup .c-choiceCard {
        margin-right: 0;
        margin-bottom: 12px
    }
}

.c-choiceCardGroup .c-choiceCard_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 24px 18px;
    position: relative;
    text-align: center
}

.c-brandedDomain {
    padding: 0 18px
}

.c-brandedDomain_breadcrumbs {
    height: 25px;
    color: #007c89;
    margin-top: 12px;
    margin-bottom: 12px
}

.c-brandedDomain_content-header {
    margin-top: 24px;
    margin-bottom: 18px
}

.c-brandedDomain_loader-container {
    position: relative;
    height: 300px
}

.c-brandedDomain_loader {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    opacity: .8;
    z-index: 1;
    padding: 100px 0
}

.c-brandedDomain_list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width:64em) {
    .c-brandedDomain_list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:64em) {
    .c-brandedDomain_list_details {
        -webkit-flex: 0 1 400px;
        -ms-flex: 0 1 400px;
        flex: 0 1 400px;
        align-self: center
    }
}

@media screen and (max-width:64em) {
    .c-brandedDomain_list_details {
        width: calc(100% - 373px);
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media screen and (max-width:40em) {
    .c-brandedDomain_list_details {
        width: 100%;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .c-brandedDomain_list_details h4 {
            word-break: break-all
        }

            .c-brandedDomain_list_details h4 > span {
                display: table;
                margin-left: 0
            }
}

.c-brandedDomain_list_status {
    overflow: hidden
}

@media screen and (min-width:64em) {
    .c-brandedDomain_list_status {
        -webkit-flex: 1 1 120px;
        -ms-flex: 1 1 120px;
        flex: 1 1 120px;
        align-self: center
    }
}

@media screen and (max-width:64em) {
    .c-brandedDomain_list_status {
        width: 100%
    }

        .c-brandedDomain_list_status > .badge {
            margin-left: 0
        }
}

@media screen and (max-width:40em) {
    .c-brandedDomain_list_status {
        margin-bottom: 12px
    }
}

.c-brandedDomain_list_actions {
    width: 100%;
    text-align: right;
    overflow: hidden
}

@media screen and (min-width:64em) {
    .c-brandedDomain_list_actions {
        width: auto;
        -webkit-flex: 0 0 240px;
        -ms-flex: 0 0 240px;
        flex: 0 0 240px;
        align-self: center
    }
}

@media screen and (max-width:64em) and (min-width:40em) {
    .c-brandedDomain_list_actions {
        position: absolute;
        right: 0;
        top: 17px
    }
}

.c-radio {
    margin-bottom: 12px
}

.c-radio-description {
    margin-top: -36px
}

    .c-radio-description.noForm {
        margin-top: 0;
        margin-bottom: 36px
    }

    .c-radio-description .c-radio_char-count {
        text-align: right
    }

.c-radio-description__helper {
    margin-top: -12px;
    margin-bottom: 30px
}

.c-invalid-error {
    position: absolute;
    margin-top: 0
}

.c-frontDoorIntro_exploreContainer {
    border-bottom: solid 1px #dedddc
}

@media only screen and (max-height:800px) {
    .c-frontDoorIntro_exploreContainer {
        padding-bottom: 12px;
        margin-bottom: 12px
    }
}

.c-frontDoorIntro_explore-image {
    width: 364px
}

@media only screen and (max-height:800px) {
    .c-frontDoorIntro_explore-image {
        width: 324px
    }
}

.c-frontDoorIntro_explore_button.button {
    background: #ffffff;
    color: #241c15;
    font-weight: 500;
    border: 2px solid #241c15;
    height: auto;
    opacity: 1;
    transition: opacity .15s linear
}

    .c-frontDoorIntro_explore_button.button:active, .c-frontDoorIntro_explore_button.button:focus, .c-frontDoorIntro_explore_button.button:hover {
        background: transparent;
        opacity: .7;
        border-width: 2px;
        box-shadow: none
    }

.c-frontDoorIntro_shortcut {
    -webkit-flex: 0 0 200px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px
}

@media only screen and (max-height:800px) {
    .c-frontDoorIntro_shortcut {
        padding: 6px;
        margin-bottom: 0
    }
}

@media only screen and (max-width:60em) {
    .c-frontDoorIntro_shortcut.c-frontDoorIntro_shortcut {
        margin: 0
    }
}

.c-frontDoorIntro_shortcut:hover .c-frontDoorIntro_shortcutImage {
    opacity: .6
}

.c-frontDoorIntro_shortcut--leftAligned {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

    .c-frontDoorIntro_shortcut--leftAligned .c-frontDoorIntro_shortcutImage {
        -webkit-flex: 0 0 60px;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }

    .c-frontDoorIntro_shortcut--leftAligned .c-frontDoorIntro_shortcutDescription {
        color: #241c15;
        font-size: 1.4rem;
        line-height: 18px
    }

.c-frontDoorIntro--leftAligned {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

    .c-frontDoorIntro--leftAligned .c-frontDoorIntro_shortcut-container {
        max-height: 560px;
        overflow-y: auto
    }

@media only screen and (max-width:60em) {
    .c-frontDoorIntro--leftAligned {
        display: inline-block
    }

        .c-frontDoorIntro--leftAligned .c-frontDoorIntro_shortcut-container {
            max-height: auto
        }
}

@media only screen and (max-height:800px) {
    .c-frontDoorIntro_heading {
        margin-top: 18px;
        color: #241c15;
        line-height: 1.25;
        font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
        outline: 0;
        font-size: 2.8rem;
        letter-spacing: -0.02rem;
        margin-bottom: 24px;
        font-style: normal
    }

        .c-frontDoorIntro_heading + label {
            margin-top: 18px
        }
}

.c-frontDoorIntro_shortcut-container [tabindex]:focus {
    background-color: #e6f2f3;
    outline: none
}

.c-frontDoorIntro_pathway:focus {
    outline: none
}

.c-frontDoorConfig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 400px;
    align-items: center
}

.c-frontDoorSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

    .c-frontDoorSearch .c-autocomplete {
        width: 100%;
        max-width: 635px
    }

        .c-frontDoorSearch .c-autocomplete input[type="search"] {
            text-align: center
        }

.c-frontDoor .disclosure-closed:hover {
    background-color: #efeeea;
    color: #241c15
}

    .c-frontDoor .disclosure-closed:hover::before {
        color: #241c15
    }

.c-frontDoor .disclosure-open :hover {
    color: #241c15
}

    .c-frontDoor .disclosure-open :hover::before {
        color: #241c15
    }

.c-automatedGroupsTabs .tabLabel {
    font-size: 13px
}

.c-automatedGroupsTabs .dijitTabContainerTop-container {
    margin: 0
}

.c-configurationViewBlurbs {
    border-left: 5px solid #dedddc
}

    .c-configurationViewBlurbs li > a {
        display: inline
    }

.marketingHero .right {
    right: 0
}

.marketingHero .bottom {
    bottom: 0
}

.marketingHero .bottom-right {
    right: 0;
    bottom: 0
}

.marketingHero .bottom-left {
    bottom: 0
}

.marketingHero .centered-content {
    top: 40%;
    left: 50%;
    width: 300px;
    transform: translate(-50%, -50%)
}

.marketingHero .text-right {
    text-align: right
}

@media only screen and (max-width:64em) {
    .marketingHero .text-right\@tablet {
        text-align: right
    }
}

@media only screen and (max-width:40em) {
    .marketingHero .text-right\@phone {
        text-align: right
    }
}

.marketingHero .text-left {
    text-align: left
}

@media only screen and (max-width:64em) {
    .marketingHero .text-left\@tablet {
        text-align: left
    }
}

@media only screen and (max-width:40em) {
    .marketingHero .text-left\@phone {
        text-align: left
    }
}

.marketingHero .text-centered {
    text-align: center
}

@media only screen and (max-width:64em) {
    .marketingHero .text-centered\@tablet {
        text-align: center
    }
}

@media only screen and (max-width:40em) {
    .marketingHero .text-centered\@phone {
        text-align: center
    }
}

.c-templateSelection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.c-templateSelection_item {
    max-width: none;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width:120em) {
    .c-templateSelection_item {
        width: 308px
    }
}

@media only screen and (max-width:120em) {
    .c-templateSelection_item {
        width: 16.6%
    }
}

@media only screen and (max-width:105em) {
    .c-templateSelection_item {
        width: 20%
    }
}

@media only screen and (max-width:75em) {
    .c-templateSelection_item {
        width: 25%
    }
}

@media only screen and (max-width:64em) {
    .c-templateSelection_item {
        width: 33.3%
    }
}

@media only screen and (max-width:40em) {
    .c-templateSelection_item {
        width: 50%
    }
}

@media only screen and (max-width:31.25em) {
    .c-templateSelection_item {
        width: 100%
    }
}

.c-filteredSearch {
    max-width: 635px
}

.c-filteredSearch_icon {
    top: 6px;
    left: 12px
}

.c-filteredSearch input[type="search"] {
    padding-left: 42px;
    padding-right: 36px
}

.c-filteredSearch_clear {
    top: 10px;
    right: 10px;
    cursor: pointer
}

    .c-filteredSearch_clear:hover {
        opacity: .5
    }

.c-autocomplete {
    max-width: 635px
}

.c-autocomplete_divider {
    color: #848484
}

.c-autocomplete_suggestions {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.c-autocomplete_suggestion:hover {
    background-color: #e6f2f3;
    color: #241c15
}

.c-autocomplete_suggestion_icon {
    color: #b7b7b7
}

.c-autocomplete_suggestion_iconImage {
    height: 20px;
    vertical-align: text-top
}

.c-autocomplete_suggestion_prompt {
    color: #848484
}

    .c-autocomplete_suggestion_prompt:hover {
        background-color: #e6f2f3
    }

.c-autocomplete_suggestion--highlighted {
    background-color: #e6f2f3
}

.mc-table {
    table-layout: auto;
    word-break: normal;
    font-size: 1.6rem;
    margin-bottom: 30px;
    width: 100%
}

.mc-table--wrapper {
    min-width: 1300px
}

@media only screen and (max-width:64em) {
    .mc-table {
        overflow-x: auto;
        overflow-y: hidden;
        display: block
    }

    .mc-table--nowrap-mobile {
        white-space: nowrap
    }
}

.mc-table th {
    word-break: normal;
    text-align: left;
    background-color: #f2f2f2;
    border-bottom: 1px solid #dedddc;
    border-top: 1px solid #dedddc;
    font-weight: 500
}

.mc-table td {
    border-bottom: 1px dotted #dedddc;
    cursor: default
}

    .mc-table td .meter {
        min-width: 60px;
        margin: 0
    }

.mc-table th, .mc-table td {
    vertical-align: top;
    padding: 12px 15px
}

.mc-table > tbody:only-child > td:first-child {
    padding-left: 0
}

.mc-table > tbody:only-child > td:last-child {
    padding-right: 0
}

.mc-table > tbody:only-child .child-row td:first-child {
    padding-left: 24px
}

.mc-table .button-small, .mc-table .button {
    margin: 0 0 0 15px
}

    .mc-table .button-small:first-child, .mc-table .button:first-child {
        margin-left: 0
    }

    .mc-table .button-small.float-right:last-child, .mc-table .button.float-right:last-child {
        margin-left: 0
    }

    .mc-table .button-small.float-right:first-child, .mc-table .button.float-right:first-child {
        margin-left: 15px
    }

.mc-table .badge {
    margin: 0
}

.mc-table strike {
    opacity: .7;
    font-weight: normal;
    margin-right: 6px
}

.mc-table .child-row td:first-child {
    padding-left: 36px
}

@media only screen and (max-width:64em) {
    .queue-table .mc-table {
        display: table;
        white-space: nowrap
    }
}

@media only screen and (max-width:31.25em) {
    .queue-table .mc-table {
        display: block
    }
}

.dijitDialogPaneContent .mc-table {
    table-layout: auto
}

.table-content-middle th, .table-content-middle td {
    vertical-align: middle
}

.dense td, .dense td > *, .dense th {
    font-size: 13px
}

.scroll-small {
    table-layout: fixed
}

    .scroll-small th, .scroll-small td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

@media only screen and (max-width:64em) {
    .scroll-small {
        display: table
    }
}

@media only screen and (max-width:31.25em) {
    .scroll-small {
        display: block
    }
}

@media only screen and (max-width:64em) {
    .nowrap-small {
        white-space: nowrap
    }
}

tr.mergeup td {
    border-top: 2px solid #ffffff;
    position: relative;
    top: -1px;
    padding-top: 0
}

.vbars > li {
    padding-left: 13px;
    margin-left: 12px;
    border-left: 1px solid #dedddc
}

    .vbars > li:first-child {
        border-left: 0 none
    }

.spaces > li {
    padding-left: 18px
}

@media only screen and (max-width:40em) {
    .spaces > li {
        float: none !important;
        display: block;
        padding-left: 0 !important
    }
}

.dots > li {
    padding-left: 18px;
    position: relative
}

    .dots > li::before {
        content: "•";
        position: absolute;
        top: 0;
        left: 6px;
        font-size: 12px;
        color: #959595
    }

    .dots > li:first-child::before {
        content: ""
    }

    .dots > li > a {
        display: inline-block
    }

.linear-list {
    display: block
}

    .linear-list > li {
        float: left
    }

        .linear-list > li:first-child {
            padding-left: 0;
            margin-left: 0;
            border-left: 0 none
        }

.vbar {
    padding-left: 13px;
    margin-left: 12px;
    position: relative;
    display: inline-block
}

    .vbar::before {
        content: "";
        position: absolute;
        left: 0;
        border-left: 1px solid #dedddc
    }

.leaders {
    overflow-x: hidden
}

    .leaders li {
        margin-bottom: 12px;
        background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/bg-leaders.png) transparent 0 17px repeat-x
    }

        .leaders li > span {
            background-color: #ffffff
        }

            .leaders li > span:first-child {
                padding-right: 12px
            }

            .leaders li > span + span {
                float: right;
                padding-left: 12px
            }

        .leaders li:last-child {
            margin-bottom: 0
        }

.regular > li a {
    padding: 12px;
    border-radius: 2px;
    margin-bottom: 6px;
    color: #241c15;
    display: block
}

    .regular > li a:hover {
        background: #e6f2f3
    }

.regular > li.selected a {
    background: #cce5e7
}

.c-menuBarToggle {
    display: none;
    color: #007c89;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media only screen and (max-width:40em) {
    .c-menuBarToggle {
        display: block
    }
}

.c-menuBar {
    outline: 0
}

@media only screen and (max-width:40em) {
    .c-menuBar {
        display: none
    }
}

.c-menuParent {
    display: inline-block;
    padding: 12px 12px 12px 0
}

    .c-menuParent + .c-menuParent {
        padding-left: 12px
    }

@media only screen and (max-width:40em) {
    .c-menuParent + .c-menuParent {
        border-top: 1px solid #bdbbb9;
        padding: 0
    }
}

.c-menuParent:hover, .c-menuParent:focus {
    color: #007c89
}

    .c-menuParent:hover .c-menuParent_link, .c-menuParent:focus .c-menuParent_link {
        color: #007c89
    }

.c-menuParent:active {
    outline: 0
}

@media only screen and (max-width:40em) {
    .c-menuParent {
        padding: 0;
        display: block
    }

        .c-menuParent .menu-down {
            float: right
        }
}

.c-menuParent_link {
    color: #241c15;
    outline: 0
}

.v-menuParent {
    outline: 0
}

@media only screen and (max-width:40em) {
    .v-menuParent {
        padding: 12px;
        display: block
    }
}

.v-menuParent--selected, .v-menuParent--active {
    color: #007c89
}

.c-menuChild {
    position: absolute;
    left: 0;
    top: 46px;
    overflow-y: auto;
    max-height: 480px;
    border: 1px solid #bdbbb9;
    border-radius: 0 0 6px 6px;
    display: none;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2)
}

@media only screen and (max-width:40em) {
    .c-menuChild {
        position: static;
        border: 0 none;
        border-radius: 0;
        box-shadow: none
    }
}

.v-menuChild--active {
    display: block
}

.c-menuItem:focus {
    background-color: #ccebf3;
    outline: 0
}

.c-menuItem_link {
    outline: 0;
    padding: 12px 18px;
    color: #241c15;
    -ms-transition: background-color 0.18s ease-in-out 0s;
    transition: background-color 0.18s ease-in-out 0s
}

    .c-menuItem_link:hover {
        color: #241c15;
        background-color: #e6f2f3
    }

.v-menuItem_link--selected {
    color: #007c89
}

    .v-menuItem_link--selected:hover {
        color: #004e56
    }

.hover-list {
    position: relative
}

    .hover-list > li > ul {
        display: none;
        position: absolute;
        z-index: 999;
        top: 30px;
        right: auto;
        left: 0;
        border: 1px solid #dedddc;
        background-color: #ffffff;
        white-space: nowrap;
        border-radius: 2px;
        box-shadow: 0 2px 3px 0 #dedddc;
        max-height: 480px;
        overflow: hidden;
        overflow-y: auto
    }

    .hover-list.stayopen > li > ul {
        display: block !important
    }

    .hover-list > li > a::after {
        font-family: 'freddicons';
        speak: none;
        vertical-align: top;
        display: inline-block;
        line-height: unset;
        font-weight: normal !important;
        font-style: normal !important;
        text-transform: none !important;
        font-size: 20px !important;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        content: "\e024";
        margin-left: 3px
    }

    .hover-list .right-edge {
        left: auto;
        right: 0 !important
    }

.field-help .hover-list > li > ul {
    width: 450px
}

    .field-help .hover-list > li > ul li {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        white-space: normal
    }

.hover-list .divider {
    display: block;
    border-top: 1px solid #dedddc
}

.hover-list > li > ul > li > a, .hover-list > li > ul > li > ul > li > a {
    font-size: 1.4rem;
    color: #241c15;
    padding: 12px 18px;
    -ms-transition: background-color 0.18s ease-in-out 0s;
    transition: background-color 0.18s ease-in-out 0s
}

    .hover-list > li > ul > li > a:hover, .hover-list > li > ul > li > ul > li > a:hover {
        background-color: #e6f2f3
    }

.alignc .hover-list ul {
    left: 40%
}

.hover-list .right-edge::after, .hover-list .right-edge::before {
    right: 15px;
    left: auto
}

.hover-list .fixed-width {
    width: 250px;
    white-space: normal
}

.hover-list.inline-block > li > ul {
    right: auto
}

.mc-dropdown a, .mc-dropdown a:link, .mc-dropdown a:visited {
    display: block;
    font-size: 1.4rem;
    padding: 12px 18px;
    background: transparent;
    color: #241c15
}

    .mc-dropdown a:hover, .mc-dropdown a:focus, .mc-dropdown a:active, .mc-dropdown a.zeroclipboard-is-hover {
        background: #e6f2f3
    }

.mc-dropdown div:first-child a {
    border-radius: 2px 2px 0 0
}

.mc-dropdown div:last-child a {
    border-radius: 0 0 2px 2px
}

.c-interstitial_popup {
    width: 980px;
    -webkit-flex: 0 0 980px;
    -ms-flex: 0 0 980px;
    flex: 0 0 980px
}

@media only screen and (max-width:64em) {
    .c-interstitial_popup {
        width: 59em;
        -webkit-flex: 0 0 59em;
        -ms-flex: 0 0 59em;
        flex: 0 0 59em
    }
}

@media only screen and (max-width:60em) {
    .c-interstitial_popup {
        width: 39em;
        -webkit-flex: 0 0 39em;
        -ms-flex: 0 0 39em;
        flex: 0 0 39em
    }
}

@media only screen and (max-width:40em) {
    .c-interstitial_popup {
        width: 30.25em;
        -webkit-flex: 0 0 30.25em;
        -ms-flex: 0 0 30.25em;
        flex: 0 0 30.25em
    }
}

@media only screen and (max-width:31.25em) {
    .c-interstitial_popup {
        width: 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

        .c-interstitial_popup.c-interstitial_popup {
            margin: 0;
            border-radius: 0
        }
}

.c-interstitial_search-container {
    width: calc(100% - 68px)
}

.c-interstitial_hybrid-height_container {
    max-height: calc(100vh - 46px);
    margin-bottom: 0
}

@media only screen and (max-width:31.25em) {
    .c-interstitial_hybrid-height_container {
        max-height: 100vh
    }
}

.c-interstitial_hybrid-height_content {
    max-height: calc(100vh - 118px)
}

@media only screen and (max-width:31.25em) {
    .c-interstitial_hybrid-height_content {
        max-height: calc(100vh - 72px)
    }
}

.c-interstitial_button:hover {
    color: #007c89
}

.c-blueprintCard {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 250px;
    height: 240px;
    padding: 54px 18px 0 18px;
    margin-top: 0;
    margin-bottom: 48px
}

.c-blueprintCard_container {
    padding-left: 66px;
    padding-right: 66px;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media only screen and (max-width:60em) {
    .c-blueprintCard_container {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.c-blueprintCard_container::after {
    content: "";
    width: 250px;
    height: 1px;
    display: block
}

.c-blueprintCard_container_meta.c-blueprintCard_container_meta {
    padding-left: 66px;
    padding-right: 66px
}

    .c-blueprintCard_container_meta.c-blueprintCard_container_meta::before {
        position: absolute;
        margin-left: -24px;
        margin-top: 6px
    }

.c-blueprintCard_container_count {
    margin-top: 6px
}

@media only screen and (max-width:60em) {
    .c-blueprintCard_container_count {
        float: none;
        display: block;
        position: absolute
    }
}

.c-blueprintCard_container_description {
    position: absolute;
    top: 72px;
    padding-left: 66px;
    padding-right: 66px
}

@media only screen and (max-width:60em) {
    .c-blueprintCard_container_description {
        position: static;
        margin-bottom: 48px
    }
}

.c-blueprintCard_simple-container {
    padding-left: 0;
    padding-right: 0;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media only screen and (max-width:60em) {
    .c-blueprintCard_simple-container {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.c-blueprintCard_simple-container::after {
    content: "";
    width: 290px;
    height: 1px;
    display: block
}

.c-blueprintCard_simple {
    height: 130px;
    margin-bottom: 18px;
    padding-top: 18px;
    text-align: center;
    width: 290px
}

    .c-blueprintCard_simple .c-channelIcon, .c-blueprintCard_simple .c-blueprintCard--automation {
        display: none
    }

    .c-blueprintCard_simple .c-blueprintCard-description {
        line-height: 21px
    }

.c-blueprintCard--icon {
    position: absolute;
    top: 18px;
    left: 18px
}

.c-blueprintCard--automation {
    position: absolute;
    top: 18px;
    right: 18px;
    font-size: 12px;
    color: rgba(36,28,21,0.65);
    font-weight: 500
}

.c-blueprintCard--automation_img {
    vertical-align: middle;
    margin-bottom: 3px
}

.c-blueprintCard:focus {
    outline: none;
    border-color: #007c89;
    box-shadow: inset 0 0 0 1px #007c89
}

.c-promotionCard {
    border-radius: 2px;
    padding: 18px;
    margin: 0 18px 48px 18px;
    max-width: 635px
}

.c-promotionCard--one_promo {
    max-width: 70%
}

.c-promotionCard_container {
    margin-left: auto;
    margin-right: auto
}

.c-promotionCard_container--width-single-column {
    max-width: 635px
}

.c-promotionCard_container--width-multiple-columns {
    max-width: 75%
}

.c-promotionCard_bg-automation {
    background-color: #fcece9
}

.c-promotionCard_bg-ad {
    background-color: #ebf7fa
}

.c-promotionCard_headline {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 24px
}

.c-promotionCard_image {
    padding-bottom: 18px
}

.c-promotionCard_description {
    font-weight: normal;
    text-align: left;
    padding-bottom: 6px;
    opacity: .8
}

.c-confirmation {
    margin-top: 36px;
    margin-bottom: 60px;
    padding: 30px
}

.c-confirmation_row {
    margin-right: auto;
    margin-left: auto
}

.c-confirmation_summary {
    margin-bottom: 48px
}

.c-confirmation_animation {
    margin-bottom: 24px;
    height: 210px
}

.c-confirmation_animation--ads {
    height: 212px
}

.c-confirmation_animation--interactive {
    cursor: pointer
}

.c-confirmation_headline {
    margin-bottom: 18px;
    text-transform: none;
    max-width: 635px
}

.c-confirmation_sub-headline {
    max-width: 635px
}

.c-confirmation_sub-headline_link {
    border-bottom: 1px solid #007c89
}

.c-confirmation_integrations {
    margin-top: 48px;
    border-top: 1px solid #dedddc;
    padding-top: 48px;
    max-width: 50%
}

.c-confirmation_paragraph {
    width: 100%;
    max-width: 635px
}

.c-confirmation_campaignUrl {
    font-size: 2rem;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 24px;
    max-width: 635px
}

.c-confirmation_campaignUrl_link {
    border-bottom: 1px solid #007c89;
    word-break: break-all
}

.c-confirmation_social-share {
    margin-bottom: 24px
}

.c-confirmation_social-share_headline {
    opacity: .8;
    text-align: center;
    margin-bottom: 0;
    max-width: 100%;
    width: 100%
}

.c-confirmation_social-share_icon {
    padding: 6px
}

.c-confirmation_buttonContainer {
    margin-bottom: 24px
}

.c-confirmation_date-estimate {
    width: 100%;
    max-width: 320px;
    border-radius: 2px
}

.c-confirmation_date-estimate_disclaimer {
    color: rgba(36,28,21,0.65)
}

.c-sendItAnimation_circle {
    fill: #fbeeca
}

.dotted-list {
    margin-bottom: 12px
}

    .dotted-list > li {
        line-height: 24px;
        padding: 12px 0 11px;
        border-bottom: 1px dotted #dedddc
    }

        .dotted-list > li > div {
            padding: 0
        }

            .dotted-list > li > div > a {
                display: block
            }

        .dotted-list > li .feedback-block {
            padding: inherit
        }

.topborder > li:first-child {
    border-top: 1px dotted #dedddc
}

.list-thick {
    margin-bottom: 24px
}

    .list-thick > li {
        padding: 24px 0 23px
    }

.list-squished > li {
    padding: 6px 0 5px
}

button, .button, .button-small {
    color: #241c15;
    background-color: #efeeea;
    -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    font-weight: 500;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 18px;
    margin-right: 18px;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    -ms-transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
    transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
    font-size: 1.4rem;
    height: 36px;
    line-height: 34px
}

    button:visited, .button:visited, .button-small:visited {
        color: #241c15
    }

    button:hover, .button:hover, .button-small:hover {
        cursor: pointer;
        color: #241c15;
        background-color: #d9d7cd
    }

    button:focus, .button:focus, .button-small:focus {
        border: 1px solid #007c89;
        box-shadow: inset 0 0 0 1px #007c89;
        outline: none
    }

    button:active, .button:active, .button-small:active, button.active, .button.active, .button-small.active {
        background-color: #cecbbf
    }

    button[disabled], .button[disabled], .button-small[disabled], button.disabled, .button.disabled, .button-small.disabled, button.loading, .button.loading, .button-small.loading {
        pointer-events: none;
        border: 1px solid #dedddc;
        color: #bdbbb9;
        background-color: transparent
    }

        button[disabled].button--onDarkBg, .button[disabled].button--onDarkBg, .button-small[disabled].button--onDarkBg, button.disabled.button--onDarkBg, .button.disabled.button--onDarkBg, .button-small.disabled.button--onDarkBg, button.loading.button--onDarkBg, .button.loading.button--onDarkBg, .button-small.loading.button--onDarkBg {
            opacity: .3
        }

        button.disabled.clickable, .button.disabled.clickable, .button-small.disabled.clickable {
            pointer-events: all
        }

    button.success, .button.success, .button-small.success {
        color: #ffffff;
        background-color: #95d1c4;
        -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
        transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
    }

        button.success:visited, .button.success:visited, .button-small.success:visited {
            color: #ffffff
        }

        button.success:hover, .button.success:hover, .button-small.success:hover {
            cursor: pointer;
            color: #ffffff;
            background-color: #71c2b0
        }

        button.success:focus, .button.success:focus, .button-small.success:focus {
            border: 1px solid #007c89;
            box-shadow: inset 0 0 0 1px #007c89;
            outline: none
        }

        button.success:active, .button.success:active, .button-small.success:active, button.success.active, .button.success.active, .button-small.success.active {
            background-color: #60baa6
        }

        button.success[disabled], .button.success[disabled], .button-small.success[disabled], button.success.disabled, .button.success.disabled, .button-small.success.disabled, button.success.loading, .button.success.loading, .button-small.success.loading {
            pointer-events: none;
            border: 1px solid #dedddc;
            color: #bdbbb9;
            background-color: transparent
        }

            button.success[disabled].button--onDarkBg, .button.success[disabled].button--onDarkBg, .button-small.success[disabled].button--onDarkBg, button.success.disabled.button--onDarkBg, .button.success.disabled.button--onDarkBg, .button-small.success.disabled.button--onDarkBg, button.success.loading.button--onDarkBg, .button.success.loading.button--onDarkBg, .button-small.success.loading.button--onDarkBg {
                opacity: .3
            }

            button.success.disabled.clickable, .button.success.disabled.clickable, .button-small.success.disabled.clickable {
                pointer-events: all
            }

    button .freddicon, .button .freddicon, .button-small .freddicon {
        margin-right: 6px
    }

        button .freddicon.no-text, .button .freddicon.no-text, .button-small .freddicon.no-text {
            margin-right: 0
        }

        button .freddicon.on-right, .button .freddicon.on-right, .button-small .freddicon.on-right {
            margin-left: 6px;
            margin-right: 0
        }

.button-large {
    font-weight: 500;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 18px;
    margin-right: 18px;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    -ms-transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
    transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
    font-size: 1.6rem;
    height: 48px;
    line-height: 48px
}

    .button-large.success {
        color: #ffffff;
        background-color: #95d1c4;
        -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
        transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
    }

        .button-large.success:visited {
            color: #ffffff
        }

        .button-large.success:hover {
            cursor: pointer;
            color: #ffffff;
            background-color: #71c2b0
        }

        .button-large.success:focus {
            border: 1px solid #007c89;
            box-shadow: inset 0 0 0 1px #007c89;
            outline: none
        }

        .button-large.success:active, .button-large.success.active {
            background-color: #60baa6
        }

        .button-large.success[disabled], .button-large.success.disabled, .button-large.success.loading {
            pointer-events: none;
            border: 1px solid #dedddc;
            color: #bdbbb9;
            background-color: transparent
        }

            .button-large.success[disabled].button--onDarkBg, .button-large.success.disabled.button--onDarkBg, .button-large.success.loading.button--onDarkBg {
                opacity: .3
            }

            .button-large.success.disabled.clickable {
                pointer-events: all
            }

    .button-large .freddicon {
        margin-right: 6px
    }

        .button-large .freddicon.no-text {
            margin-right: 0
        }

        .button-large .freddicon.on-right {
            margin-left: 6px;
            margin-right: 0
        }

.button-wide {
    padding: 0 42px
}

.p0 {
    color: #ffffff;
    background-color: #716b67;
    -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}

    .p0:visited {
        color: #ffffff
    }

    .p0:hover {
        cursor: pointer;
        color: #ffffff;
        background-color: #56524f
    }

    .p0:focus {
        border: 1px solid #004e56;
        box-shadow: inset 0 0 0 1px #004e56;
        outline: none
    }

    .p0:active, .p0.active {
        background-color: #494542
    }

    .p0[disabled], .p0.disabled, .p0.loading {
        pointer-events: none;
        border: 1px solid #dedddc;
        color: #bdbbb9;
        background-color: transparent
    }

        .p0[disabled].button--onDarkBg, .p0.disabled.button--onDarkBg, .p0.loading.button--onDarkBg {
            opacity: .3
        }

        .p0.disabled.clickable {
            pointer-events: all
        }

    .p0.button-loading {
        background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/buttons/loader-white@2x.png)
    }

.p1 {
    color: #ffffff;
    background-color: #007c89;
    -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}

    .p1:visited {
        color: #ffffff
    }

    .p1:hover {
        cursor: pointer;
        color: #ffffff;
        background-color: #006570
    }

    .p1:focus {
        border: 1px solid #004e56;
        box-shadow: inset 0 0 0 1px #004e56;
        outline: none
    }

    .p1:active, .p1.active {
        background-color: #004e56
    }

    .p1[disabled], .p1.disabled, .p1.loading {
        pointer-events: none;
        border: 1px solid #dedddc;
        color: #bdbbb9;
        background-color: transparent
    }

        .p1[disabled].button--onDarkBg, .p1.disabled.button--onDarkBg, .p1.loading.button--onDarkBg {
            opacity: .3
        }

        .p1.disabled.clickable {
            pointer-events: all
        }

    .p1.button-loading {
        background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/buttons/loader-white@2x.png)
    }

.p2, a.button.p2 {
    color: #ffffff;
    background-color: #f25f25;
    -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}

    .p2:visited, a.button.p2:visited {
        color: #ffffff
    }

    .p2:hover, a.button.p2:hover {
        cursor: pointer;
        color: #ffffff;
        background-color: #d7460d
    }

    .p2:focus, a.button.p2:focus {
        border: 1px solid #bf3e0b;
        box-shadow: inset 0 0 0 1px #bf3e0b;
        outline: none
    }

    .p2:active, a.button.p2:active, .p2.active, a.button.p2.active {
        background-color: #bf3e0b
    }

    .p2[disabled], a.button.p2[disabled], .p2.disabled, a.button.p2.disabled, .p2.loading, a.button.p2.loading {
        pointer-events: none;
        border: 1px solid #dedddc;
        color: #bdbbb9;
        background-color: transparent
    }

        .p2[disabled].button--onDarkBg, a.button.p2[disabled].button--onDarkBg, .p2.disabled.button--onDarkBg, a.button.p2.disabled.button--onDarkBg, .p2.loading.button--onDarkBg, a.button.p2.loading.button--onDarkBg {
            opacity: .3
        }

        .p2.disabled.clickable, a.button.p2.disabled.clickable {
            pointer-events: all
        }

    .p2.button-loading, a.button.p2.button-loading {
        background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/buttons/loader-white@2x.png)
    }

.button--light {
    color: #241c15;
    background-color: #f2f2f2;
    -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}

    .button--light:visited {
        color: #241c15
    }

    .button--light:hover {
        cursor: pointer;
        color: #241c15;
        background-color: #d9d9d9
    }

    .button--light:focus {
        border: 1px solid false;
        box-shadow: inset 0 0 0 1px false;
        outline: none
    }

    .button--light:active, .button--light.active {
        background-color: #ccc
    }

    .button--light[disabled], .button--light.disabled, .button--light.loading {
        pointer-events: none;
        border: 1px solid #dedddc;
        color: #bdbbb9;
        background-color: transparent
    }

        .button--light[disabled].button--onDarkBg, .button--light.disabled.button--onDarkBg, .button--light.loading.button--onDarkBg {
            opacity: .3
        }

        .button--light.disabled.clickable {
            pointer-events: all
        }

.button-loading {
    background-size: 20px;
    background-position: 18px center;
    background-repeat: no-repeat;
    padding-left: 44px;
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/buttons/loader-dark@2x.png)
}

    .button-loading.disabled, .button-loading[disabled] {
        background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/buttons/loader-light@2x.png)
    }

.c-button--circle {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    color: #241c15;
    background-color: #f8f8f8;
    -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}

    .c-button--circle:visited {
        color: #241c15
    }

    .c-button--circle:hover {
        cursor: pointer;
        color: #241c15;
        background-color: #dfdfdf
    }

    .c-button--circle:focus {
        border: 1px solid #007c89;
        box-shadow: inset 0 0 0 1px #007c89;
        outline: none
    }

    .c-button--circle:active, .c-button--circle.active {
        background-color: #d2d2d2
    }

    .c-button--circle[disabled], .c-button--circle.disabled, .c-button--circle.loading {
        pointer-events: none;
        border: 1px solid #dedddc;
        color: #bdbbb9;
        background-color: transparent
    }

        .c-button--circle[disabled].button--onDarkBg, .c-button--circle.disabled.button--onDarkBg, .c-button--circle.loading.button--onDarkBg {
            opacity: .3
        }

        .c-button--circle.disabled.clickable {
            pointer-events: all
        }

    .c-button--circle .freddicon {
        font-size: 16px !important;
        margin-right: 0
    }

    .c-button--circle:focus {
        outline: 0
    }

.button-group {
    position: relative;
    display: inline-block;
    font-size: inherit;
    white-space: nowrap;
    vertical-align: middle
}

    .button-group + .button-group {
        margin-left: 30px
    }

    .button-group .button, .button-group .button-small {
        position: relative;
        margin-right: 0
    }

        .button-group .button:first-child, .button-group .button-small:first-child {
            border-radius: 2px 0 0 2px
        }

        .button-group .button:last-child, .button-group .button-small:last-child {
            margin-right: 0;
            border-radius: 0 2px 2px 0
        }

        .button-group .button.selected, .button-group .button-small.selected {
            outline: 0
        }

    .button-group.dark .button, .button-group.dark .button-small {
        color: #ffffff;
        background-color: #716b67;
        -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
        transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
    }

        .button-group.dark .button:visited, .button-group.dark .button-small:visited {
            color: #ffffff
        }

        .button-group.dark .button:hover, .button-group.dark .button-small:hover {
            cursor: pointer;
            color: #ffffff;
            background-color: #56524f
        }

        .button-group.dark .button:focus, .button-group.dark .button-small:focus {
            border: 1px solid #004e56;
            box-shadow: inset 0 0 0 1px #004e56;
            outline: none
        }

        .button-group.dark .button:active, .button-group.dark .button-small:active, .button-group.dark .button.active, .button-group.dark .button-small.active {
            background-color: #494542
        }

        .button-group.dark .button[disabled], .button-group.dark .button-small[disabled], .button-group.dark .button.disabled, .button-group.dark .button-small.disabled, .button-group.dark .button.loading, .button-group.dark .button-small.loading {
            pointer-events: none;
            border: 1px solid #dedddc;
            color: #bdbbb9;
            background-color: transparent
        }

            .button-group.dark .button[disabled].button--onDarkBg, .button-group.dark .button-small[disabled].button--onDarkBg, .button-group.dark .button.disabled.button--onDarkBg, .button-group.dark .button-small.disabled.button--onDarkBg, .button-group.dark .button.loading.button--onDarkBg, .button-group.dark .button-small.loading.button--onDarkBg {
                opacity: .3
            }

            .button-group.dark .button.disabled.clickable, .button-group.dark .button-small.disabled.clickable {
                pointer-events: all
            }

    .button-group .button + .button, .button-group .button-small + .button-small {
        margin-left: -3px
    }

.c-buttonGroupButton {
    overflow: hidden;
    border: 0 none;
    background: none;
    border-radius: 0;
    white-space: nowrap;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    margin: 0;
    line-height: 1;
    position: relative
}

.c-buttonGroupItem:first-child .v-buttonGroupBordered {
    border-radius: 2px 0 0 2px;
    margin-left: 0
}

.c-buttonGroupItem:first-child .v-buttonGroupUnderlined {
    margin-left: 0
}

.c-buttonGroupItem:last-child .v-buttonGroupBordered {
    border-radius: 0 2px 2px 0
}

.c-buttonGroupItem:last-child .v-buttonGroupUnderlined {
    margin-right: 0
}

.v-buttonGroupItemFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.v-buttonGroupButtonFlex {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

    .v-buttonGroupButtonFlex .freddicon {
        line-height: 1.6rem
    }

.v-buttonGroupBasic:hover, .v-buttonGroupBasic:focus {
    border: none;
    box-shadow: none;
    background: #f2f2f2
}

.v-buttonGroupBasic:active {
    background: #e5e5e5
}

.v-buttonGroupUnderlined {
    color: rgba(36,28,21,0.65);
    background: none;
    padding: 0;
    margin: 0 18px;
    border-bottom: 2px solid transparent;
    -ms-transition: none;
    transition: none
}

    .v-buttonGroupUnderlined:hover, .v-buttonGroupUnderlined:focus {
        color: #241c15;
        outline: none;
        box-shadow: none;
        border: none;
        border-bottom: 2px solid transparent;
        background: none
    }

.v-buttonGroupUnderlined--compact {
    margin: 0 6px
}

.v-buttonGroupUnderlined--active {
    color: #007c89;
    border-color: #007c89
}

    .v-buttonGroupUnderlined--active:focus {
        border-bottom: 2px solid #007c89;
        color: #007c89
    }

    .v-buttonGroupUnderlined--active:hover {
        border-bottom: 2px solid #004e56;
        color: #004e56;
        cursor: default
    }

.v-buttonGroupBordered, .v-buttonGroupLabel {
    border: 1px solid #bdbbb9;
    margin-left: -1px;
    z-index: 1
}

    .v-buttonGroupBordered:hover, .v-buttonGroupLabel:hover {
        outline: none;
        background: #e6f2f3
    }

.v-buttonGroupBordered--active {
    background: #cce5e7;
    border-color: #007c89;
    z-index: 2
}

    .v-buttonGroupBordered--active:hover {
        background: #e6f2f3
    }

.v-buttonGroupLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 18px;
    height: 36px;
    font-size: 1.4rem
}

    .v-buttonGroupLabel:first-of-type {
        border-radius: 2px 0 0 2px;
        margin-left: 0
    }

    .v-buttonGroupLabel:last-of-type {
        border-radius: 0 2px 2px 0
    }

    .v-buttonGroupLabel:only-of-type {
        border-radius: 2px
    }

.v-buttonGroupControl:checked + .v-buttonGroupLabel {
    background: #cce5e7;
    border-color: #007c89;
    z-index: 2
}

    .v-buttonGroupControl:checked + .v-buttonGroupLabel:hover, .v-buttonGroupControl:checked + .v-buttonGroupLabel:focus {
        background: #e6f2f3
    }

.v-imageThumb--animGrayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -ms-transition: opacity .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s;
    opacity: .4
}

.v-buttonGroupList--animColor {
    color: rgba(36,28,21,0.65)
}

.v-buttonGroupList:hover, .v-buttonGroupList:focus {
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    color: #241c15
}

    .v-buttonGroupList:hover .v-imageThumb--animGrayscale, .v-buttonGroupList:focus .v-imageThumb--animGrayscale {
        opacity: 1
    }

.v-buttonGroupList--active, .v-buttonGroupList--active:hover, .v-buttonGroupList--active:focus {
    background: #f8f8f8;
    color: #241c15
}

    .v-buttonGroupList--active .v-imageThumb--animGrayscale {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1
    }

.v-buttonGroupMenuItem:hover, .v-buttonGroupMenuItem:focus {
    border: none;
    box-shadow: none;
    background: #e6f2f3
}

.v-buttonGroupMenuItem:active, .v-buttonGroupMenuItem--active {
    background: #cce5e7
}

@font-face {
    font-family: 'freddicons';
    src: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/fonts/freddicons-20px.eot);
    src: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/fonts/freddicons-20px.eot?#iefix) format('embedded-opentype'),url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/fonts/freddicons-20px.woff) format('woff'),url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/fonts/freddicons-20px.woff2) format('woff2'),url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/fonts/freddicons-20px.ttf) format('truetype')
}

@font-face {
    font-family: 'freddicons36';
    src: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/fonts/freddicons-36px.eot);
    src: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/fonts/freddicons-36px.eot?#iefix) format('embedded-opentype'),url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/fonts/freddicons-36px.woff) format('woff'),url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/fonts/freddicons-36px.woff2) format('woff2'),url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/fonts/freddicons-36px.ttf) format('truetype')
}

.freddicon {
    font-family: 'freddicons';
    speak: none;
    vertical-align: top;
    display: inline-block;
    line-height: unset;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .freddicon > span {
        display: inline-block;
        text-indent: -9999em;
        opacity: 0;
        visibility: hidden;
        position: absolute
    }

    .freddicon[class*="large"] {
        font-family: 'freddicons36';
        line-height: 2
    }

.freddiconLink--gray {
    color: #737373;
    -ms-transition-property: all;
    transition-property: all;
    -ms-transition-duration: .23s;
    transition-duration: .23s;
    -ms-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

    .freddiconLink--gray:hover {
        color: #595959
    }

.freddicon.freddicon--disc-offset {
    margin-left: -42px;
    margin-right: 20px
}

.freddicon.edit::after {
    content: '\e000'
}

.freddicon.duplicate::after {
    content: '\e001'
}

.freddicon.trash::after {
    content: '\e002'
}

.freddicon.add-circle::after {
    content: '\e003'
}

.freddicon.add-fill::after {
    content: '\e004'
}

.freddicon.remove-circle::after {
    content: '\e005'
}

.freddicon.remove-fill::after {
    content: '\e006'
}

.freddicon.tick-circle::after {
    content: '\e007'
}

.freddicon.tick-circle-color::after {
    content: '\e007';
    color: #72c1b0
}

.freddicon.tick-fill::after {
    content: '\e008'
}

.freddicon.cross-circle::after {
    content: '\e009'
}

.freddicon.cross-circle-color::after {
    content: '\e009';
    color: #ee836e
}

.freddicon.cross-fill::after {
    content: '\e010'
}

.freddicon.info-circle::after {
    content: '\e011'
}

.freddicon.info-circle-color::after {
    content: '\e011';
    color: #52bad5
}

.freddicon.info-fill::after {
    content: '\e012'
}

.freddicon.time-circle::after {
    content: '\e013'
}

.freddicon.time-fill::after {
    content: '\e014'
}

.freddicon.warn-circle::after {
    content: '\e015'
}

.freddicon.warn-circle-color::after {
    content: '\e015';
    color: #febe12
}

.freddicon.warn-fill::after {
    content: '\e016'
}

.freddicon.play-circle::after {
    content: '\e017'
}

.freddicon.play-fill::after {
    content: '\e018'
}

.freddicon.pause-circle::after {
    content: '\e019'
}

.freddicon.pause-fill::after {
    content: '\e020'
}

.freddicon.menu-left::after {
    content: '\e021'
}

.freddicon.menu-left-on-left::after {
    content: '\e021';
    margin-left: -7px
}

.freddicon.menu-up::after {
    content: '\e022'
}

.freddicon.menu-right::after {
    content: '\e023'
}

.freddicon.menu-right-on-right::after {
    content: '\e023';
    margin-right: -7px
}

.freddicon.menu-down::after {
    content: '\e024'
}

.freddicon.play::after {
    content: '\e025'
}

.freddicon.arrow-left::after {
    content: '\e026'
}

.freddicon.arrow-right::after {
    content: '\e027'
}

.freddicon.arrow-left-right::after {
    content: '\e028'
}

.freddicon.arrow-up::after {
    content: '\e029'
}

.freddicon.arrow-down::after {
    content: '\e030'
}

.freddicon.download::after {
    content: '\e031'
}

.freddicon.share::after {
    content: '\e032'
}

.freddicon.refresh::after {
    content: '\e033'
}

.freddicon.undo::after {
    content: '\e034'
}

.freddicon.plus::after {
    content: '\e035'
}

.freddicon.tick::after {
    content: '\e036'
}

.freddicon.cross::after {
    content: '\e037'
}

.freddicon.menu-right-large::after {
    content: '\e038'
}

.freddicon.pause::after {
    content: '\e039'
}

.freddicon.code::after {
    content: '\e040'
}

.freddicon.print::after {
    content: '\e041'
}

.freddicon.no-comment::after {
    content: '\e042'
}

.freddicon.comment::after {
    content: '\e043'
}

.freddicon.pic::after {
    content: '\e044'
}

.freddicon.analytics::after {
    content: '\e045'
}

.freddicon.calendar::after {
    content: '\e046'
}

.freddicon.month::after {
    content: '\e047'
}

.freddicon.week::after {
    content: '\e048'
}

.freddicon.day::after {
    content: '\e049'
}

.freddicon.maximize::after {
    content: '\e050'
}

.freddicon.minimize::after {
    content: '\e051'
}

.freddicon.camera::after {
    content: '\e052'
}

.freddicon.conversation::after {
    content: '\e053'
}

.freddicon.eye::after {
    content: '\e054'
}

.freddicon.link::after {
    content: '\e055'
}

.freddicon.settings::after {
    content: '\e056'
}

.freddicon.search::after, .freddicon.solidsearch::after {
    content: '\e057'
}

.freddicon.phone::after {
    content: '\e058'
}

.freddicon.conversation-fill::after {
    content: '\e059'
}

.freddicon.location::after {
    content: '\e060'
}

.freddicon.grid-view::after {
    content: '\e061'
}

.freddicon.list-view::after {
    content: '\e062'
}

.freddicon.hamburger::after {
    content: '\e063'
}

.freddicon.vellip-square::after {
    content: '\e064'
}

.freddicon.vellip::after {
    content: '\e065'
}

.freddicon.add-subscriber::after {
    content: '\e066'
}

.freddicon.star-fill::after {
    content: '\e067';
    color: #febe12
}

.freddicon.graystar-fill::after {
    content: '\e067';
    color: #e0e0e0
}

.freddicon.star-half::after {
    content: '\e068'
}

.freddicon.star::after {
    content: '\e069'
}

.freddicon.heart-fill::after {
    content: '\e070'
}

.freddicon.heart::after {
    content: '\e071'
}

.freddicon.desktop::after {
    content: '\e072'
}

.freddicon.phone::after {
    content: '\e073'
}

.freddicon.offline::after {
    content: '\e074'
}

.freddicon.text-bold::after {
    content: '\e075'
}

.freddicon.text-italics::after {
    content: '\e076'
}

.freddicon.text-underline::after {
    content: '\e077'
}

.freddicon.text-color::after {
    content: '\e078'
}

.freddicon.fill-color::after {
    content: '\e079'
}

.freddicon.bullet-list::after {
    content: '\e080'
}

.freddicon.left-align::after {
    content: '\e081'
}

.freddicon.center-align::after {
    content: '\e082'
}

.freddicon.right-align::after {
    content: '\e083'
}

.freddicon.justify::after {
    content: '\e084'
}

.freddicon.anchor-link::after {
    content: '\e085'
}

.freddicon.editor-pic::after {
    content: '\e086'
}

.freddicon.editor-code::after {
    content: '\e087'
}

.freddicon.copy::after {
    content: '\e088'
}

.freddicon.copy-word::after {
    content: '\e089'
}

.freddicon.editor-link::after {
    content: '\e090'
}

.freddicon.editor-unlink::after {
    content: '\e091'
}

.freddicon.clear-style::after {
    content: '\e092'
}

.freddicon.number-list::after {
    content: '\e093'
}

.freddicon.editor-undo::after {
    content: '\e094'
}

.freddicon.editor-redo::after {
    content: '\e095'
}

.freddicon.spellcheck::after {
    content: '\e096'
}

.freddicon.horizontal-rule::after {
    content: '\e097'
}

.freddicon.paragraph::after {
    content: '\e098'
}

.freddicon.paragraph-rtl::after {
    content: '\e099'
}

.freddicon.crop::after {
    content: '\e100'
}

.freddicon.fullscreen::after {
    content: '\e101'
}

.freddicon.redirect::after {
    content: '\e102'
}

.freddicon.refresh-pro::after {
    content: '\e103'
}

.freddicon.plus-small::after {
    content: '\e104'
}

.freddicon.minus-small::after {
    content: '\e105'
}

.freddicon.not-allowed::after {
    content: '\e106'
}

.freddicon.not-allowed-color::after {
    content: '\e106';
    color: #ee836e
}

.freddicon.eye-hide::after {
    content: '\e107'
}

.freddicon.light-bulb::after {
    content: '\e108'
}

.freddicon.light-bulb-color::after {
    content: '\e108';
    color: #fed156
}

.freddicon.text-strikethrough::after {
    content: "\e109"
}

.freddicon.campaign-list::after {
    content: "\e110"
}

.freddicon.ab-test::after {
    content: "\e111"
}

.freddicon.email-campaign::after {
    content: "\e112"
}

.freddicon.rss-feed::after {
    content: "\e113"
}

.freddicon.campaign-ongoing::after {
    content: "\e114"
}

.freddicon.ad-campaign::after {
    content: "\e115"
}

.freddicon.landing-page::after {
    content: "\e116"
}

.freddicon.edit-circle-large::after {
    content: '\f000'
}

.freddicon.edit-circle-large-color::after {
    content: '\f000';
    color: #959595
}

.freddicon.edit-fill-large::after {
    content: '\f001'
}

.freddicon.duplicate-circle-large::after {
    content: '\f002'
}

.freddicon.duplicate-fill-large::after {
    content: '\f003'
}

.freddicon.trash-circle-large::after {
    content: '\f004'
}

.freddicon.trash-fill-large::after {
    content: '\f005'
}

.freddicon.add-circle-large::after {
    content: '\f006'
}

.freddicon.add-fill-large::after {
    content: '\f007'
}

.freddicon.remove-circle-large::after {
    content: '\f008'
}

.freddicon.remove-fill-large::after {
    content: '\f009'
}

.freddicon.tick-circle-large::after {
    content: '\f010'
}

.freddicon.tick-circle-large-color::after {
    content: '\f010';
    color: #72c1b0
}

.freddicon.tick-fill-large::after {
    content: '\f011';
    color: #72c1b0
}

.freddicon.cross-circle-large::after {
    content: '\f012'
}

.freddicon.cross-circle-large-color::after {
    content: '\f012';
    color: #ee836e
}

.freddicon.cross-fill-large::after {
    content: '\f013';
    color: #ee836e
}

.freddicon.info-circle-large::after {
    content: '\f014'
}

.freddicon.info-circle-large-color::after {
    content: '\f014';
    color: #52bad5
}

.freddicon.info-fill-large::after {
    content: '\f015';
    color: #52bad5
}

.freddicon.schedule-circle-large::after {
    content: '\f016'
}

.freddicon.schedule-circle-large-color::after {
    content: '\f016';
    color: #febe12
}

.freddicon.schedule-fill-large::after {
    content: '\f017'
}

.freddicon.warn-fill-large::after {
    content: '\f019';
    color: #fede88
}

.freddicon.warn-circle-large::after {
    content: '\f018'
}

.warning .freddicon.warn-circle-large::after {
    color: #241c15
}

.freddicon.warn-circle-large-color::after {
    content: '\f018';
    color: #febe12
}

.freddicon.pause-circle-large::after {
    content: '\f020'
}

.freddicon.pause-circle-large-color::after {
    content: '\f020';
    color: #959595
}

.freddicon.pause-fill-large::after {
    content: '\f021';
    color: #ee836e
}

.freddicon.code-circle-large::after {
    content: '\f022'
}

.freddicon.code-fill-large::after {
    content: '\f023'
}

.freddicon.conversation-circle-large::after {
    content: '\f024'
}

.freddicon.conversation-circle-large-color::after {
    content: '\f024';
    color: #72c1b0
}

.freddicon.conversation-fill-large::after {
    content: '\f025'
}

.freddicon.eye-circle-large::after {
    content: '\f026'
}

.freddicon.eye-fill-large::after {
    content: '\f027'
}

.freddicon.link-circle-large::after {
    content: '\f028'
}

.freddicon.link-fill-large::after {
    content: '\f029'
}

.freddicon.search-circle-large::after {
    content: '\f030'
}

.freddicon.search-fill-large::after {
    content: '\f031'
}

.freddicon.refresh-circle-large::after {
    color: #52bad5;
    content: '\f032'
}

.freddicon.not-allowed-large::after {
    content: '\f033'
}

.freddicon.not-allowed-large-color::after {
    content: '\f033';
    color: #ee836e
}

.freddicon.not-allowed-fill-large::after {
    content: '\f034'
}

.freddicon.undo-large::after {
    content: '\f035'
}

.is-running {
    -webkit-animation: rotateZ 1.5s linear 0s infinite normal;
    animation: rotateZ 1.5s linear 0s infinite normal
}

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

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

@keyframes rotateZ {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.freddie {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/brand_assets/logos/mc-freddie-dark.svg) no-repeat scroll 50% 0 transparent;
    background-size: 200px;
    height: 210px
}

.freddie--login {
    background-size: 120px;
    height: 130px
}

@media only screen and (max-width:64em) {
    .freddie {
        background-size: 120px;
        height: 130px
    }
}

@media only screen and (max-width:40em) {
    .freddie {
        background-size: 85px;
        height: 90px
    }
}

.hide-freddie .freddie {
    display: none
}

.c-baseOverlay {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fdfdfd;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 60px 30px;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -10;
    opacity: .4;
    visibility: hidden;
    -ms-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

@media only screen and (max-width:64em) {
    .c-baseOverlay {
        padding: 60px 0
    }
}

.c-overlayCloseButton {
    overflow: hidden;
    border: 0 none;
    background: none;
    border-radius: 0;
    white-space: nowrap;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    background: transparent;
    margin: 0;
    padding: 0
}

    .c-overlayCloseButton:hover {
        background: transparent
    }

    .c-overlayCloseButton:focus {
        border: 0 none;
        box-shadow: inset 0 0 0 2px #007c89
    }

    .c-overlayCloseButton .freddicon {
        margin-right: 0
    }

.c-progress {
    margin-top: 0
}

@media only screen and (max-width:64em) {
    .c-progress {
        margin-top: 36px
    }
}

.c-progress_step {
    height: 12px;
    width: 12px
}

@media only screen and (max-width:64em) {
    .c-progress_step {
        height: 8px;
        width: 8px
    }
}

.c-progress_step:last-of-type {
    margin-right: 0
}

.c-tooltip {
    border-radius: 12px;
    position: absolute;
    display: none;
    text-align: center;
    font-size: 1.4rem;
    line-height: 21px;
    border: 1px solid #dedddc;
    width: 70%;
    left: calc(50% - 70% / 2);
    box-shadow: 0 2px 3px 0 #e0e0e0;
    padding: 12px 6px
}

.c-tooltipTarget {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    position: relative
}

    .c-tooltipTarget::before, .c-tooltipTarget::after {
        content: "";
        border: 8px solid transparent;
        width: 0;
        height: 0;
        position: absolute;
        left: calc(50% - 8px)
    }

    .c-tooltipTarget span {
        border-bottom: 1px dashed
    }

.c-tooltip--default {
    top: calc(100% + 8px);
    background-color: #ffffff
}

.c-tooltip--mini {
    bottom: calc(100% + 8px);
    background-color: #000000;
    color: #ffffff;
    font-weight: 600
}

.v-tooltipTarget--default::before {
    border-bottom: 8px solid #dedddc;
    top: 16px
}

.v-tooltipTarget--default::after {
    border-bottom: 8px solid #ffffff;
    top: 17px
}

.v-tooltipTarget--mini::before {
    border-top: 8px solid #dedddc;
    bottom: 16px
}

.v-tooltipTarget--mini::after {
    border-top: 8px solid #000000;
    bottom: 17px
}

.c-campaignArchiveUrl_token--editing {
    background: #ccebf3;
    padding: 6px
}

.c-campaignArchiveUrl .invalid-error {
    margin: 0 0 6px
}

.c-noDataBlock {
    padding: 42px 6px 42px;
    margin: 0 auto
}

.c-noDataBlock_icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 240px;
    width: 240px;
    margin: 0 auto 24px
}

.c-noDataBlock_icon--compact {
    height: 186px;
    width: 186px
}

.c-noDataBlock_title {
    margin: 0 auto;
    max-width: 640px
}

.c-noDataBlock_message {
    margin: 0 auto
}

.c-noDataBlock_action {
    margin: 18px 0 0 0
}

.c-campaignManager_actionBar {
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -20px;
    -ms-transition: padding 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87);
    transition: padding 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87)
}

@media screen and (max-width:64em) {
    .c-campaignManager_actionBar {
        display: none
    }
}

.c-campaignManager_actionBar--fixed {
    position: fixed;
    width: calc(((1300px - (30px * 2)) * (83/100)) - 68px + 2px)
}

@media screen and (max-width:1300px) {
    .c-campaignManager_actionBar--fixed {
        width: calc(((100% - (30px * 2)) * (83/100)) - 68px + 2px)
    }
}

@media screen and (max-width:64em) {
    .c-campaignManager_actionBar--fixed {
        position: static;
        width: 83%
    }
}

.c-campaignManager_actionBar--fixed + .c-campaignManager_listWrapper {
    padding-top: 56px
}

@media screen and (max-width:64em) {
    .c-campaignManager_actionBar--fixed + .c-campaignManager_listWrapper {
        padding-top: inherit
    }
}

.c-campaignManager_actionBar--fixed > .c-campaignManager_selectActions {
    top: 0;
    left: -68px;
    width: calc(100% + 68px);
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 0
}

.c-campaignManager_actionBar--fixed > .c-campaignManager_selectActions--visible {
    z-index: 10
}

.c-campaignManager_actionBar--fixed > .c-campaignManager_sortDropdown {
    top: 20px
}

.c-campaignManager_actionBar--tall {
    padding-bottom: 40px
}

    .c-campaignManager_actionBar--tall.c-campaignManager_actionBar--fixed + .c-campaignManager_listWrapper {
        padding-top: 76px
    }

@media screen and (max-width:64em) {
    .c-campaignManager_actionBar--tall.c-campaignManager_actionBar--fixed + .c-campaignManager_listWrapper {
        padding-top: inherit
    }
}

.c-campaignManager_actionBar--tall > .c-campaignManager_selectActions {
    padding-bottom: 40px
}

.c-campaignManager_actionBar--tall.c-campaignManager_actionBar--fixed > .c-campaignManager_selectActions--visible {
    padding-bottom: 40px
}

.c-campaignManager_sortDropdown .dijitSelect {
    margin: 0
}

.c-campaignManager_searchBox {
    max-width: 460px;
    padding-left: 6px
}

.c-campaignManager_searchCount {
    color: #848484;
    padding-left: 6px;
    position: absolute
}

.c-campaignManager_selectActions {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    visibility: hidden;
    top: -50px;
    left: 0;
    opacity: 0;
    width: 100%;
    padding-left: 50px;
    background-color: #ffffff;
    z-index: 10;
    -ms-transition: opacity 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), top 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), z-index 0.3s ease-in, visibility 0s 0.3s;
    transition: opacity 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), top 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), z-index 0.3s ease-in, visibility 0s 0.3s
}

@media screen and (max-width:85.375em) {
    .c-campaignManager_selectActions {
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

.c-campaignManager_selectActions--visible {
    visibility: visible;
    opacity: 1;
    top: 0;
    -ms-transition: opacity 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), top 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), z-index 0.3s ease-in, visibility 0s 0s, padding-bottom 0.3s ease-in;
    transition: opacity 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), top 0.3s cubic-bezier(0.62, 0.25, 0.15, 0.87), z-index 0.3s ease-in, visibility 0s 0s, padding-bottom 0.3s ease-in
}

.c-campaignManager_selectActions .folders-btn {
    display: inline-block
}

.c-campaignManager_selectActions_selectionCount {
    display: inline-block;
    min-width: 180px
}

.c-campaignManager_sidebar {
    width: 17%;
    padding: 0;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (max-width:64em) {
    .c-campaignManager_sidebar {
        width: 30%
    }
}

@media screen and (max-width:40em) {
    .c-campaignManager_sidebar {
        width: 100%
    }
}

.c-campaignManager_sidebar--fixed {
    position: fixed;
    top: 84px;
    width: calc((1300px - (15px) * 2 - (15px * 2)) * (17 / 100))
}

@media screen and (max-width:1300px) {
    .c-campaignManager_sidebar--fixed {
        width: calc((100vw - (15px) * 2 - (15px * 2)) * (17 / 100))
    }
}

@media screen and (max-width:64em) {
    .c-campaignManager_sidebar--fixed {
        position: static;
        width: 30%
    }
}

@media screen and (max-width:40em) {
    .c-campaignManager_sidebar--fixed {
        width: 100%
    }
}

.c-campaignManager_sidebar--fixed + .c-campaignManager_listOuter {
    margin-left: 17%
}

@media screen and (max-width:64em) {
    .c-campaignManager_sidebar--fixed + .c-campaignManager_listOuter {
        margin: 0
    }
}

.c-campaignManager_sidebar_folderList {
    max-height: 175px;
    -ms-transition: max-height .25s ease-in .0001s;
    transition: max-height .25s ease-in .0001s
}

.c-campaignManager_sidebar_link {
    color: #737373;
    display: block
}

    .c-campaignManager_sidebar_link:hover {
        color: #373737;
        background-color: #f8f8f8
    }

        .c-campaignManager_sidebar_link:hover .c-campaignManager_sidebar_action {
            display: block;
            color: #373737;
            background-color: #f8f8f8;
            box-shadow: 0px 0px 10px 5px #f8f8f8
        }

.c-campaignManager_sidebar_link--selected {
    color: #237a91;
    font-weight: 500
}

    .c-campaignManager_sidebar_link--selected:hover {
        color: #237a91
    }

.c-campaignManager_sidebar_link_icon {
    height: 20px;
    width: 32px
}

.c-campaignManager_sidebar_createLink--disabled {
    opacity: .5;
    pointer-events: none
}

.c-campaignManager_sidebar_action {
    display: none
}

.c-campaignManager_sidebar_badge {
    margin-right: 0;
    margin-left: 6px;
    font-weight: 500;
    color: #b7b7b7
}

.c-campaignManager_sidebar_editInput[type="text"] {
    margin: 2px 0
}

.c-campaignManager_listOuter {
    width: 83%;
    padding-left: 68px;
    position: relative
}

@media screen and (max-width:64em) {
    .c-campaignManager_listOuter {
        padding-left: 20px;
        width: 70%
    }
}

@media screen and (max-width:40em) {
    .c-campaignManager_listOuter {
        padding-left: 0;
        width: 100%
    }
}

.c-campaignManager_list--hasSelection .c-campaignManager_slat_checkbox {
    opacity: 1
}

.c-campaignManager_list_group:first-child {
    margin-top: 0
}

.c-campaignManager_list_group_heading {
    color: #959595;
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
    background: #ffffff;
    z-index: 1;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: -1px
}

@media screen and (max-width:64em) {
    .c-campaignManager_list_group_heading {
        position: static
    }
}

.c-campaignManager_slat {
    border-top: 1px solid #e0e0e0
}

@media screen and (max-width:64em) {
    .c-campaignManager_slat {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-campaignManager_slat:last-child {
    border-bottom: none
}

.c-campaignManager_slat:hover .c-campaignManager_slat_actions > .dijitComboButton {
    opacity: 1
}

.c-campaignManager_slat:hover .c-campaignManager_slat_checkbox {
    opacity: 1
}

.c-campaignManager_slat:hover .c-campaignManager_slat_stat_secondary {
    display: block
}

.c-campaignManager_slat:hover .c-campaignManager_slat_stat_primary {
    display: none
}

.c-campaignManager_slat_checkbox {
    position: absolute;
    top: 22px;
    left: -30px;
    opacity: 0;
    -ms-transition: opacity .15s ease-out .0001s;
    transition: opacity .15s ease-out .0001s
}

    .c-campaignManager_slat_checkbox .dijitCheckBox {
        margin: 0
    }

.c-campaignManager_slat_icon {
    top: 6px;
    margin-right: 18px;
    overflow: hidden
}

@media screen and (min-width:64em) {
    .c-campaignManager_slat_icon {
        -webkit-flex: 0 0 24px;
        -ms-flex: 0 0 24px;
        flex: 0 0 24px
    }
}

@media screen and (max-width:40em) {
    .c-campaignManager_slat_icon {
        display: none
    }
}

@media screen and (max-width:64em) {
    .c-campaignManager_slat_icon {
        height: 20px
    }
}

.c-campaignManager_slat_typeIcon {
    vertical-align: text-bottom
}

.c-campaignManager_slat_details {
    color: #737373;
    overflow: hidden
}

.c-campaignManager_slat_details_link {
    cursor: pointer
}

.c-campaignManager_slat_details_listName {
    color: #484848
}

@media screen and (min-width:64em) {
    .c-campaignManager_slat_details {
        -webkit-flex: 1 1 200px;
        -ms-flex: 1 1 200px;
        flex: 1 1 200px
    }
}

@media screen and (max-width:64em) {
    .c-campaignManager_slat_details {
        width: calc(100% - 197px);
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media screen and (max-width:40em) {
    .c-campaignManager_slat_details {
        width: 100%;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.c-campaignManager_slat_stats {
    padding-left: 6px;
    overflow: hidden;
    justify-content: center
}

@media screen and (min-width:64em) {
    .c-campaignManager_slat_stats {
        -webkit-flex: 0 0 280px;
        -ms-flex: 0 0 280px;
        flex: 0 0 280px
    }
}

@media screen and (max-width:64em) {
    .c-campaignManager_slat_stats {
        padding-left: 42px;
        flex-basis: 100%;
        justify-content: left
    }
}

@media screen and (max-width:40em) {
    .c-campaignManager_slat_stats {
        padding-left: 0
    }
}

.c-campaignManager_slat_stat {
    width: 33%;
    color: #848484
}

.c-campaignManager_slat_stat_secondary {
    display: none
}

.c-campaignManager_slat_actions {
    text-align: right;
    overflow: hidden;
    -ms-transition: opacity .15s ease-out .0001s;
    transition: opacity .15s ease-out .0001s
}

@media screen and (min-width:64em) {
    .c-campaignManager_slat_actions {
        -webkit-flex: 0 0 180px;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px
    }
}

@media screen and (max-width:64em) and (min-width:40em) {
    .c-campaignManager_slat_actions {
        position: absolute;
        right: 0;
        top: auto
    }
}

.c-campaignManager_slat_actions > .dijitComboButton {
    opacity: 0
}

@media screen and (max-width:64em) {
    .c-campaignManager_slat_actions > .dijitComboButton {
        opacity: 1
    }
}

.c-campaignManager_slat_actions > .dijitFocused {
    opacity: 1
}

.c-campaignManager_slat_actions_single .dijitArrowButton {
    display: none
}

.c-campaignManager_slat_actions .button-small {
    margin: 0
}

.c-campaignManager_slat_status {
    overflow: hidden
}

@media screen and (min-width:64em) {
    .c-campaignManager_slat_status {
        -webkit-flex: 0 0 120px;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px
    }
}

@media screen and (max-width:64em) {
    .c-campaignManager_slat_status {
        width: 100%;
        padding-left: 42px
    }

        .c-campaignManager_slat_status > .badge {
            margin-left: 0;
            margin-top: 6px;
            margin-bottom: 6px
        }
}

@media screen and (max-width:40em) {
    .c-campaignManager_slat_status {
        width: 100%;
        padding-left: 0
    }
}

.c-campaignManager--overflowFix {
    overflow: visible
}

.c-supportKnobsContainer {
    box-shadow: 0 0 12px #888888;
    right: 48px;
    bottom: 72px
}

.c-supportKnobsHeader {
    border-radius: 4px 4px 0 0
}

.c-supportKnobsButton {
    min-width: 114px
}

.statsBot-category {
    cursor: pointer;
    border: 2px solid #d0d0d0;
    padding: 0 12px;
    margin-bottom: 6px;
    border-radius: 2px;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    background: #e0e0e0
}

    .statsBot-category:hover {
        border-color: #a5a4a7;
        background-color: #c7c7c7
    }

.statsBot-stat {
    cursor: pointer;
    border: 2px solid #d0d0d0;
    margin: 6px 0;
    padding: 12px;
    border-radius: 2px;
    user-select: none;
    display: flex;
    align-items: center;
    position: relative
}

    .statsBot-stat .handle {
        padding-right: 12px;
        cursor: move
    }

    .statsBot-stat .content {
        text-align: left;
        max-width: 540px
    }

    .statsBot-stat .status, .statsBot-stat .toggle-stat-title {
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px
    }

    .statsBot-stat .message, .statsBot-stat .title {
        max-width: 560px
    }

    .statsBot-stat .title {
        font-weight: bold
    }

    .statsBot-stat .title-disabled {
        color: #d3d3d3;
        text-decoration: line-through
    }

    .statsBot-stat .toggle-stat-title {
        color: #a5a4a7;
        position: unset
    }

    .statsBot-stat .dijitTextBox {
        padding: 3px
    }

    .statsBot-stat:hover {
        border-color: #a5a4a7;
        background-color: #f9f9fa
    }

    .statsBot-stat.selected {
        border-color: #4dcaf0;
        background-color: #e6f7fd
    }

        .statsBot-stat.selected:hover {
            border-color: #4dcaf0;
            background-color: #bfecfa
        }

    .statsBot-stat.dojoDndItemBefore {
        border-top: 5px solid #4dcaf0
    }

    .statsBot-stat.dojoDndItemAfter {
        border-bottom: 5px solid #4dcaf0
    }

.c-checklistEditor_socialPostingItem {
    width: 54%;
    max-width: 635px
}

@media only screen and (max-width:64em) {
    .c-checklistEditor_socialPostingItem {
        width: 100%
    }
}

.c-checklistEditor_socialPostingItem_header {
    min-height: 55px
}

    .c-checklistEditor_socialPostingItem_header .switchDescription {
        display: none
    }

    .c-checklistEditor_socialPostingItem_header .dojoxCheckedMultiSelect .dijitButtonText {
        text-transform: none
    }

    .c-checklistEditor_socialPostingItem_header .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton, .c-checklistEditor_socialPostingItem_header .dijitSelect {
        margin-bottom: 0
    }

.c-checklistEditor_socialPostingItem_content {
    margin-left: 48px;
    margin-right: 60px
}

@media only screen and (max-width:40em) {
    .c-checklistEditor_socialPostingItem_content {
        margin: 0
    }
}

.c-checklistEditor_socialPostingItem_preview {
    width: 60%
}

@media only screen and (max-width:40em) {
    .c-checklistEditor_socialPostingItem_preview {
        width: 100%
    }
}

.c-checklistEditor_socialPostingItem_preview_image {
    background-size: cover;
    width: 100%;
    height: 200px;
    background-position: center
}

.c-checklistEditor_socialPostingItem_preview_counter {
    background-color: rgba(0,0,0,0.5)
}

.c-checklistEditor_socialPostingItem_imageStrip--compact .c-checklistEditor_socialPostingItem_imageStrip_item {
    margin-top: 0;
    height: 60px
}

.c-checklistEditor_socialPostingItem_imageStrip_item {
    height: 70px
}

.c-checklistEditor_socialPostingItem_imageStrip_item--add {
    width: 120px;
    border: dashed 1px #d0d0d0
}

.c-checklistEditor_socialPostingItem_imageStrip_item_preview {
    border: solid 1px #e0e0e0;
    height: 100%
}

.c-checklistEditor_socialPostingItem_imageStrip_item_remove {
    height: 24px;
    top: 2px;
    right: 4px;
    color: #ffffff
}

    .c-checklistEditor_socialPostingItem_imageStrip_item_remove:hover {
        color: #ffffff
    }

.c-checklistEditor_items .c-checklistSlat {
    border-top: 1px dotted #dedddc
}

.c-checklistEditor_items > :first-child .c-checklistSlat {
    border: 0 none
}

@media only screen and (max-width:40em) {
    .c-checklistEditor .c-checklistEditor_items {
        border: none;
        margin: 6px
    }
}

.c-checklistSettingsRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.c-checklistSettingsRow_item-half {
    flex: 0 1 50%;
    padding-left: 36px;
    padding-right: 36px
}

@media only screen and (max-width:64em) {
    .c-checklistSettingsRow {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c-checklistSettingsRow_item-half {
        margin: 0;
        flex: 1 1 auto
    }
}

.c-checklistSettingsItemButtons {
    width: 100%;
    padding-left: 36px;
    padding-right: 36px
}

@media only screen and (max-width:85.375em) {
    .c-checklistSettingsItemButtons\@xltablet {
        width: 100%
    }
}

@media only screen and (max-width:75em) {
    .c-checklistSettingsItemButtons\@desktop {
        width: 100%
    }
}

@media only screen and (max-width:64em) {
    .c-checklistSettingsItemButtons\@tablet {
        width: 100%
    }
}

@media only screen and (max-width:40em) {
    .c-checklistSettingsItemButtons\@phone {
        width: 100%
    }
}

@media only screen and (max-width:64em) {
    .c-checklistSettingsItemButtons\@tablet {
        padding-bottom: 0
    }
}

@media only screen and (max-width:64em) {
    .c-checklistSettingsItemButtons {
        padding-top: 36px
    }
}

.c-statusBarContainer {
    max-width: 1300px;
    width: 100%;
    padding: 0 30px
}

@media only screen and (max-width:64em) {
    .c-statusBarContainer {
        padding: 0 15px
    }
}

.c-postcardPreview {
    width: 300px;
    height: 216px
}

.c-postcardPreview_content {
    transform: scale(.5)
}

@media only screen and (max-width:75em) {
    .c-postcardPreview {
        width: 240px;
        height: 173px
    }

    .c-postcardPreview_content {
        transform: scale(.4)
    }
}

@media only screen and (max-width:64em) {
    .c-postcardPreview {
        width: 198px;
        height: 143px
    }

    .c-postcardPreview_content {
        transform: scale(.33)
    }
}

@media only screen and (max-width:64em) {
    .c-postcardPreview_container {
        flex-direction: column
    }
}

.c-postcardPreview_contentWithGuides {
    margin: 36px;
    margin-top: 0;
    margin-right: 0;
    max-width: 100%
}

@media only screen and (max-width:64em) {
    .c-postcardPreview_contentWithGuides {
        margin: 18px
    }
}

.c-postcardPreview_content {
    width: 600px;
    height: 432px;
    transform-origin: top left
}

.c-postcardPreview_content--full-size {
    transform: none
}

.c-postcardPreview_clippingGuide {
    border: .125in solid rgba(234,102,146,0.7);
    padding: .125in;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.c-postcardPreview_clippingGuide_safeZone {
    border: 1px solid #ffffff;
    outline: 1px dashed #000000;
    outline-offset: -1px;
    min-height: 100%;
    position: relative
}

.c-postcardPreview_clippingOverlay {
    border: .125in solid #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.c-postcardPreview_clippingOverlay_inner {
    display: flex;
    min-height: 100%;
    min-width: 100%
}

.c-postcardPreview_clippingGuideToggle_legend {
    max-width: 250px
}

.c-postcardPreview_clippingGuideToggle_legendSymbol--safe {
    display: inline-block;
    border: 1px solid #ffffff;
    outline: 1px dashed #000000;
    outline-offset: -1px;
    height: 16px;
    width: 16px
}

.c-postcardPreview_clippingGuideToggle_legendSymbol--bleed {
    display: inline-block;
    background-color: rgba(234,102,146,0.7);
    height: 16px;
    width: 16px
}

.c-postcardPreview_dialog {
    width: auto !important
}

.c-postcardEditor_form {
    width: 56%
}

.c-postcardEditor_preview {
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (max-width:64em) {
    .c-postcardEditor_preview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        position: static
    }
}

.c-postcardEditor_promoCodeSelector .dijitComboBoxDisabled {
    padding-left: 0 !important
}

.c-imageUploader .mojoImageItem {
    padding: 0;
    border: none
}

    .c-imageUploader .mojoImageItem .disabledAction {
        cursor: help;
        border-bottom: 1px dashed;
        opacity: .5
    }

.c-campaignConfirmationDialog .dijitDialogPaneContent {
    max-height: none
}

.c-statusTimeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: center;
    align-content: center;
    padding-right: 48px;
    padding-bottom: 48px;
    padding-left: 36px;
    margin-right: 18px;
    position: relative;
    overflow: visible
}

@media only screen and (max-width:64em) {
    .c-statusTimeline {
        font-size: 1.4rem;
        line-height: inherit
    }
}

@media only screen and (max-width:40em) {
    .c-statusTimeline {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-statusTimelineNode, .c-statusTimelineEdge {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width:40em) and only screen and (max-width:85.375em) {
    .c-statusTimelineNode\@xltablet, .c-statusTimelineEdge\@xltablet {
        padding: 0
    }
}

@media only screen and (max-width:40em) and only screen and (max-width:64em) {
    .c-statusTimelineNode\@tablet, .c-statusTimelineEdge\@tablet {
        padding: 0
    }
}

@media only screen and (max-width:40em) and only screen and (max-width:40em) {
    .c-statusTimelineNode\@phone, .c-statusTimelineEdge\@phone {
        padding: 0
    }
}

.c-statusTimelineEdge {
    position: relative
}

    .c-statusTimelineEdge::before {
        content: '';
        position: absolute;
        top: 18px;
        left: 0;
        right: 0;
        height: 3px;
        background-color: #e0e0e0;
        width: 100%
    }

@media only screen and (max-width:85.375em) {
    .c-statusTimelineEdge::before\@xltablet {
        width: 100%
    }
}

@media only screen and (max-width:75em) {
    .c-statusTimelineEdge::before\@desktop {
        width: 100%
    }
}

@media only screen and (max-width:64em) {
    .c-statusTimelineEdge::before\@tablet {
        width: 100%
    }
}

@media only screen and (max-width:40em) {
    .c-statusTimelineEdge::before\@phone {
        width: 100%
    }
}

@media only screen and (max-width:40em) {
    .c-statusTimelineEdge::before {
        top: 0;
        height: 100%;
        left: 18px;
        width: 3px;
        margin-right: 3px
    }
}

.c-statusTimelineEdge--checked::before {
    background-color: #00d6a3;
    border-color: #00d6a3
}

@media only screen and (max-width:40em) {
    .c-statusTimelineEdge {
        height: 18px;
        margin: 6px;
        margin-left: 0;
        margin-right: 0
    }
}

.c-statusTimelineNode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    text-align: center;
    overflow: visible
}

@media only screen and (max-width:64em) {
    .c-statusTimelineNode\@tablet {
        text-align: center
    }
}

@media only screen and (max-width:40em) {
    .c-statusTimelineNode\@phone {
        text-align: center
    }
}

@media only screen and (max-width:40em) {
    .c-statusTimelineNode {
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (max-width:40em) and only screen and (max-width:85.375em) {
    .c-statusTimelineNode\@xltablet {
        padding: 0
    }
}

@media only screen and (max-width:40em) and only screen and (max-width:64em) {
    .c-statusTimelineNode\@tablet {
        padding: 0
    }
}

@media only screen and (max-width:40em) and only screen and (max-width:40em) {
    .c-statusTimelineNode\@phone {
        padding: 0
    }
}

.c-statusTimelineNode_ordinal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    color: #d0d0d0;
    border: 4px solid #959595;
    font-size: 90%;
    outline: 6px solid #ffffff;
    height: 36px;
    width: 36px;
    z-index: 3
}

@media only screen and (max-width:64em) {
    .c-statusTimelineNode_ordinal\@tablet {
        text-align: center
    }
}

@media only screen and (max-width:40em) {
    .c-statusTimelineNode_ordinal\@phone {
        text-align: center
    }
}

@media only screen and (max-width:40em) {
    .c-statusTimelineNode_ordinal {
        outline: 0 none
    }
}

.c-statusTimelineNode_title {
    position: absolute;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
    padding-top: 12px;
    -ms-transform: translateY(36px);
    -webkit-transform: translateY(36px);
    transform: translateY(36px)
}

@media only screen and (max-width:64em) {
    .c-statusTimelineNode_title\@tablet {
        text-align: center
    }
}

@media only screen and (max-width:40em) {
    .c-statusTimelineNode_title\@phone {
        text-align: center
    }
}

@media only screen and (max-width:40em) {
    .c-statusTimelineNode_title {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding-left: 12px;
        text-align: left;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        white-space: normal;
        padding-top: 0;
        position: static
    }
}

@media only screen and (max-width:40em) and only screen and (max-width:64em) {
    .c-statusTimelineNode_title\@tablet {
        text-align: left
    }
}

@media only screen and (max-width:40em) and only screen and (max-width:40em) {
    .c-statusTimelineNode_title\@phone {
        text-align: left
    }
}

.c-statusTimelineNode--checked .c-statusTimelineNode_ordinal {
    background-color: #00d6a3;
    border-color: #00d6a3;
    color: #ffffff
}

.tag-action-button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-radius: 2px;
    margin: 6px 3px;
    padding: 0 12px;
    transition: background-color .25s ease-in 0s;
    background-color: #ffffff
}

    .tag-action-button:hover, .tag-action-button:focus, .tag-action-button.active {
        background-color: #e6f2f3
    }

    .tag-action-button.all, .tag-action-button.mixed {
        background-color: #cce5e7
    }

    .tag-action-button .tag-text-container {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: middle
    }

    .tag-action-button .icon-button .status-icon-container {
        width: 10%
    }

    .tag-action-button .icon-button .tag-text-container {
        max-width: 90%
    }

    .tag-action-button .no-icon-button .tag-text-container {
        max-width: 100%
    }

.tag-dropdownbutton--no-icon {
    height: auto
}

    .tag-dropdownbutton--no-icon .dijitArrowButtonInner {
        display: none !important
    }

    .tag-dropdownbutton--no-icon .freddicon {
        padding-right: 7px
    }

.contact-table-action-bar {
    position: relative
}

    .contact-table-action-bar.sticky {
        position: fixed;
        z-index: 30;
        max-width: 1270px
    }

.filter-segment-bar {
    line-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

    .filter-segment-bar .bar-button {
        transition: color .2s linear;
        border-width: 0 1px;
        border-style: solid;
        border-color: #dedddc
    }

    .filter-segment-bar.actions {
        background-color: #007c89;
        color: #ffffff
    }

        .filter-segment-bar.actions .bar-button, .filter-segment-bar.actions .dijitDropDownButton {
            background-color: #007c89;
            color: #ffffff;
            border-left: 0;
            border-color: #ffffff
        }

            .filter-segment-bar.actions .bar-button.dijitOpened, .filter-segment-bar.actions .dijitDropDownButton.dijitOpened, .filter-segment-bar.actions .bar-button:hover, .filter-segment-bar.actions .dijitDropDownButton:hover {
                background-color: #004e56
            }

    .filter-segment-bar.top-level {
        background-color: #f2f2f2
    }

        .filter-segment-bar.top-level .bar-button:hover {
            background-color: #f8f8f8
        }

        .filter-segment-bar.top-level .dijitDropDownButton {
            background-color: #f2f2f2;
            border: 0
        }

            .filter-segment-bar.top-level .dijitDropDownButton.dijitOpened, .filter-segment-bar.top-level .dijitDropDownButton:hover {
                background-color: #f8f8f8
            }

    .filter-segment-bar.filter .filter-container {
        flex: 6
    }

    .filter-segment-bar.filter .c-tagList_item {
        margin-top: 3px;
        margin-bottom: 3px
    }

    .filter-segment-bar.segment .segment-bar-pane {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

@media only screen and (max-width:40em) {
    .filter-segment-bar.segment .segment-bar-pane {
        flex-direction: column
    }
}

.filter-segment-bar.segment, .filter-segment-bar.filter {
    background-color: #241c15
}

    .filter-segment-bar.segment .dijitDropDownButton, .filter-segment-bar.filter .dijitDropDownButton {
        background-color: #241c15;
        color: #ffffff;
        border-color: #dedddc
    }

        .filter-segment-bar.segment .dijitDropDownButton.dijitOpened, .filter-segment-bar.filter .dijitDropDownButton.dijitOpened, .filter-segment-bar.segment .dijitDropDownButton:hover, .filter-segment-bar.filter .dijitDropDownButton:hover {
            background-color: #3a332c
        }

.filter-segment-bar .dijitDropDownButton {
    height: 60px;
    padding: 0;
    border-radius: 0;
    border-width: 0 1px;
    border-style: solid
}

    .filter-segment-bar .dijitDropDownButton .dijitButtonNode {
        height: 60px
    }

@media only screen and (max-width:40em) {
    .filter-segment-bar .dijitDropDownButton {
        border: none !important
    }

        .filter-segment-bar .dijitDropDownButton .dijitButtonContents, .filter-segment-bar .dijitDropDownButton .dijitButtonNode {
            vertical-align: middle !important;
            display: table-cell !important
        }

        .filter-segment-bar .dijitDropDownButton .dijitArrowButtonInner {
            position: inherit
        }

        .filter-segment-bar .dijitDropDownButton .dijitButtonText {
            float: left;
            max-width: none;
            overflow: auto
        }
}

.filter-segment-bar .left-border-only .dijitDropDownButton {
    border-width: 0 0 0 1px
}

.filter-segment-bar .close-button {
    margin: 18px 12px;
    transition: opacity .2s linear;
    color: #ffffff;
    opacity: .6
}

    .filter-segment-bar .close-button:hover {
        opacity: 1
    }

.contact-overlay-container {
    width: 420px !important
}

@media only screen and (max-width:40em) {
    .contact-overlay-container {
        min-width: 180px !important;
        width: 100% !important
    }
}

.contact-overlay-container .loading-spinner {
    margin-left: calc(50% - 25px)
}

.overlay-input-container {
    padding: 6px
}

    .overlay-input-container .overlay-input {
        margin-bottom: 0 !important
    }

.scrollable-overlay-container {
    max-height: 270px
}

    .scrollable-overlay-container::after {
        content: '';
        display: block;
        height: 36px
    }

.contact-overlay-segment-line-item {
    transition: background-color .2s linear;
    background-color: #ffffff
}

    .contact-overlay-segment-line-item:hover {
        background-color: #b1e0ec
    }

.overlay-footer {
    background-image: linear-gradient(rgba(255,255,255,0) 6px, #ffffff 33px);
    margin-top: -36px;
    padding-top: 30px !important;
    position: relative
}

.contact-table-options .dijitDropDownButtonFocused {
    outline: none
}

.switcher-line-item-top-line {
    transition: background-color .2s linear;
    border-top: 1px solid #efeeea;
    background-color: #ffffff
}

    .switcher-line-item-top-line:hover {
        background-color: #b1e0ec
    }

.c-footerWordmark {
    width: 126px;
    opacity: .3
}

.c-legalNotice {
    font-size: 1.2rem;
    color: rgba(36,28,21,0.65);
    line-height: 1.5
}

.padding--lv8 {
    padding: 48px
}

.\!padding--lv8 {
    padding: 48px !important
}

.padding-top--lv8 {
    padding-top: 48px
}

.\!padding-top--lv8 {
    padding-top: 48px !important
}

.padding-right--lv8 {
    padding-right: 48px
}

.\!padding-right--lv8 {
    padding-right: 48px !important
}

.padding-bottom--lv8 {
    padding-bottom: 48px
}

.\!padding-bottom--lv8 {
    padding-bottom: 48px !important
}

.padding-left--lv8 {
    padding-left: 48px
}

.\!padding-left--lv8 {
    padding-left: 48px !important
}

.padding--lv7 {
    padding: 42px
}

.\!padding--lv7 {
    padding: 42px !important
}

.padding-top--lv7 {
    padding-top: 42px
}

.\!padding-top--lv7 {
    padding-top: 42px !important
}

.padding-right--lv7 {
    padding-right: 42px
}

.\!padding-right--lv7 {
    padding-right: 42px !important
}

.padding-bottom--lv7 {
    padding-bottom: 42px
}

.\!padding-bottom--lv7 {
    padding-bottom: 42px !important
}

.padding-left--lv7 {
    padding-left: 42px
}

.\!padding-left--lv7 {
    padding-left: 42px !important
}

.padding--lv6 {
    padding: 36px
}

.\!padding--lv6 {
    padding: 36px !important
}

.padding-top--lv6 {
    padding-top: 36px
}

.\!padding-top--lv6 {
    padding-top: 36px !important
}

.padding-right--lv6 {
    padding-right: 36px
}

.\!padding-right--lv6 {
    padding-right: 36px !important
}

.padding-bottom--lv6 {
    padding-bottom: 36px
}

.\!padding-bottom--lv6 {
    padding-bottom: 36px !important
}

.padding-left--lv6 {
    padding-left: 36px
}

.\!padding-left--lv6 {
    padding-left: 36px !important
}

.padding--lv5 {
    padding: 30px
}

.\!padding--lv5 {
    padding: 30px !important
}

.padding-top--lv5 {
    padding-top: 30px
}

.\!padding-top--lv5 {
    padding-top: 30px !important
}

.padding-right--lv5 {
    padding-right: 30px
}

.\!padding-right--lv5 {
    padding-right: 30px !important
}

.padding-bottom--lv5 {
    padding-bottom: 30px
}

.\!padding-bottom--lv5 {
    padding-bottom: 30px !important
}

.padding-left--lv5 {
    padding-left: 30px
}

.\!padding-left--lv5 {
    padding-left: 30px !important
}

.padding--lv4 {
    padding: 24px
}

.\!padding--lv4 {
    padding: 24px !important
}

.padding-top--lv4 {
    padding-top: 24px
}

.\!padding-top--lv4 {
    padding-top: 24px !important
}

.padding-right--lv4 {
    padding-right: 24px
}

.\!padding-right--lv4 {
    padding-right: 24px !important
}

.padding-bottom--lv4 {
    padding-bottom: 24px
}

.\!padding-bottom--lv4 {
    padding-bottom: 24px !important
}

.padding-left--lv4 {
    padding-left: 24px
}

.\!padding-left--lv4 {
    padding-left: 24px !important
}

.padding--lv3 {
    padding: 18px
}

.\!padding--lv3 {
    padding: 18px !important
}

.padding-top--lv3 {
    padding-top: 18px
}

.\!padding-top--lv3 {
    padding-top: 18px !important
}

.padding-right--lv3 {
    padding-right: 18px
}

.\!padding-right--lv3 {
    padding-right: 18px !important
}

.padding-bottom--lv3 {
    padding-bottom: 18px
}

.\!padding-bottom--lv3 {
    padding-bottom: 18px !important
}

.padding-left--lv3 {
    padding-left: 18px
}

.\!padding-left--lv3 {
    padding-left: 18px !important
}

.padding--lv2 {
    padding: 12px
}

.\!padding--lv2 {
    padding: 12px !important
}

.padding-top--lv2 {
    padding-top: 12px
}

.\!padding-top--lv2 {
    padding-top: 12px !important
}

.padding-right--lv2 {
    padding-right: 12px
}

.\!padding-right--lv2 {
    padding-right: 12px !important
}

.padding-bottom--lv2 {
    padding-bottom: 12px
}

.\!padding-bottom--lv2 {
    padding-bottom: 12px !important
}

.padding-left--lv2 {
    padding-left: 12px
}

.\!padding-left--lv2 {
    padding-left: 12px !important
}

.padding--lv1 {
    padding: 6px
}

.\!padding--lv1 {
    padding: 6px !important
}

.padding-top--lv1 {
    padding-top: 6px
}

.\!padding-top--lv1 {
    padding-top: 6px !important
}

.padding-right--lv1 {
    padding-right: 6px
}

.\!padding-right--lv1 {
    padding-right: 6px !important
}

.padding-bottom--lv1 {
    padding-bottom: 6px
}

.\!padding-bottom--lv1 {
    padding-bottom: 6px !important
}

.padding-left--lv1 {
    padding-left: 6px
}

.\!padding-left--lv1 {
    padding-left: 6px !important
}

.padding--lv0 {
    padding: 0
}

.\!padding--lv0 {
    padding: 0 !important
}

.padding-top--lv0 {
    padding-top: 0
}

.\!padding-top--lv0 {
    padding-top: 0 !important
}

.padding-right--lv0 {
    padding-right: 0
}

.\!padding-right--lv0 {
    padding-right: 0 !important
}

.padding-bottom--lv0 {
    padding-bottom: 0
}

.\!padding-bottom--lv0 {
    padding-bottom: 0 !important
}

.padding-left--lv0 {
    padding-left: 0
}

.\!padding-left--lv0 {
    padding-left: 0 !important
}

.padding-top-bottom--lv0 {
    padding-top: 0;
    padding-bottom: 0
}

.padding-left-right--lv0 {
    padding-left: 0;
    padding-right: 0
}

.\!padding-top-bottom--lv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.\!padding-left-right--lv0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media only screen and (max-width:85.375em) {
    .padding--lv0\@xltablet {
        padding: 0
    }
}

@media only screen and (max-width:64em) {
    .padding--lv0\@tablet {
        padding: 0
    }
}

@media only screen and (max-width:40em) {
    .padding--lv0\@phone {
        padding: 0
    }
}

@media only screen and (max-width:85.375em) {
    .padding-left--lv0\@xltablet {
        padding-left: 0
    }
}

@media only screen and (max-width:64em) {
    .padding-left--lv0\@tablet {
        padding-left: 0
    }
}

@media only screen and (max-width:40em) {
    .padding-left--lv0\@phone {
        padding-left: 0
    }
}

@media only screen and (max-width:64em) {
    .padding-bottom--lv0\@tablet {
        padding-bottom: 0
    }
}

.margin--lv0 {
    margin: 0
}

.margin--lv1 {
    margin: 6px
}

.margin--lv2 {
    margin: 12px
}

.margin--lv3 {
    margin: 18px
}

.margin--lv4 {
    margin: 24px
}

.margin--lv5 {
    margin: 30px
}

.margin--lv6 {
    margin: 36px
}

.margin--lv7 {
    margin: 42px
}

.margin--lv8 {
    margin: 48px
}

.margin-top--lv0 {
    margin-top: 0
}

.margin-right--lv0 {
    margin-right: 0
}

.margin-bottom--lv0 {
    margin-bottom: 0
}

.margin-left--lv0 {
    margin-left: 0
}

.margin-left--lv1 {
    margin-left: 6px
}

.margin-left--lv2 {
    margin-left: 12px
}

.margin-left--lv6 {
    margin-left: 36px
}

.margin-right--lv1 {
    margin-right: 6px
}

.margin-right--lv2 {
    margin-right: 12px
}

.margin-right--lv3 {
    margin-right: 18px
}

.margin-top-bottom--lv0 {
    margin-top: 0;
    margin-bottom: 0
}

.margin-left-right--lv0 {
    margin-left: 0;
    margin-right: 0
}

.margin-bottom--lv1 {
    margin-bottom: 6px
}

.margin-bottom--lv2 {
    margin-bottom: 12px
}

.margin-bottom--lv3 {
    margin-bottom: 18px
}

.margin-bottom--lv4 {
    margin-bottom: 24px
}

.margin-bottom--lv5 {
    margin-bottom: 30px
}

.margin-bottom--lv6 {
    margin-bottom: 36px
}

.margin-bottom--lv7 {
    margin-bottom: 42px
}

.margin-bottom--lv8 {
    margin-bottom: 48px
}

.margin--auto {
    margin: auto
}

.margin-left--auto {
    margin-left: auto
}

.section {
    margin-bottom: 24px
}

.\!margin--lv0 {
    margin: 0 !important
}

.\!margin-top--lv0 {
    margin-top: 0 !important
}

.\!margin-right--lv0 {
    margin-right: 0 !important
}

.\!margin-bottom--lv0 {
    margin-bottom: 0 !important
}

.\!margin-left--lv0 {
    margin-left: 0 !important
}

.\!margin-top-bottom--lv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.\!margin-left-right--lv0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.\!margin-bottom--lv1 {
    margin-bottom: 6px !important
}

.\!margin-bottom--lv2 {
    margin-bottom: 12px !important
}

.\!margin-bottom--lv3 {
    margin-bottom: 18px !important
}

.\!margin-bottom--lv4 {
    margin-bottom: 24px !important
}

.\!margin-bottom--lv5 {
    margin-bottom: 30px !important
}

.\!margin-bottom--lv6 {
    margin-bottom: 36px !important
}

.\!margin-bottom--lv7 {
    margin-bottom: 42px !important
}

.\!margin-bottom--lv8 {
    margin-bottom: 48px !important
}

@media only screen and (max-width:85.375em) {
    .margin--lv0\@xltablet {
        margin: 0
    }
}

@media only screen and (max-width:75em) {
    .margin--lv0\@desktop {
        margin: 0
    }
}

@media only screen and (max-width:64em) {
    .margin--lv0\@tablet {
        margin: 0
    }
}

@media only screen and (max-width:40em) {
    .margin--lv0\@phone {
        margin: 0
    }
}

@media only screen and (max-width:40em) {
    .margin-right--lv0\@phone {
        margin-right: 0
    }
}

@media only screen and (max-width:64em) {
    .margin-bottom--lv1\@tablet {
        margin-bottom: 6px
    }
}

@media only screen and (max-width:64em) {
    .margin-bottom--lv2\@tablet {
        margin-bottom: 12px
    }
}

.font-style--italic {
    font-style: italic
}

.font-style--normal {
    font-style: normal
}

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

.font-weight--light {
    font-weight: 300
}

.font-weight--normal {
    font-weight: 400 !important
}

.line-height--inherit {
    line-height: inherit
}

.line-height--buttonHeight {
    line-height: 32px
}

.line-height--lv3 {
    line-height: 18px
}

.text-align--center {
    text-align: center
}

@media only screen and (max-width:64em) {
    .text-align--center\@tablet {
        text-align: center
    }
}

@media only screen and (max-width:40em) {
    .text-align--center\@phone {
        text-align: center
    }
}

.text-align--left {
    text-align: left
}

@media only screen and (max-width:64em) {
    .text-align--left\@tablet {
        text-align: left
    }
}

@media only screen and (max-width:40em) {
    .text-align--left\@phone {
        text-align: left
    }
}

.text-align--right {
    text-align: right
}

@media only screen and (max-width:64em) {
    .text-align--right\@tablet {
        text-align: right
    }
}

@media only screen and (max-width:40em) {
    .text-align--right\@phone {
        text-align: right
    }
}

.text-decoration--line-through {
    text-decoration: line-through
}

.text-decoration--underline {
    text-decoration: underline
}

.text-transform--capitalize {
    text-transform: capitalize
}

.text-transform--lowercase {
    text-transform: lowercase
}

.text-transform--none {
    text-transform: none
}

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

.white-space--normal {
    white-space: normal
}

.white-space--nowrap {
    white-space: nowrap
}

.white-space--preline {
    white-space: pre-line
}

.word-wrap--break-all {
    word-break: break-all
}

.word-wrap--break-word {
    word-wrap: break-word
}

.small-meta {
    font-size: 1.4rem;
    line-height: inherit
}

.normal-meta {
    font-size: 1.6rem;
    line-height: inherit
}

.large-meta {
    font-size: 1.7rem;
    line-height: inherit
}

.textcolor {
    color: #241c15
}

.textcolor--secondary {
    color: rgba(36,28,21,0.65)
}

.textcolor-light {
    color: #f2f2f2
}

.\!textcolor--gray4 {
    color: #b7b7b7 !important
}

.fspositive {
    color: #449a88
}

.fsnegative, .error-text {
    color: #bf3e0b
}

.v-textColorWhite {
    color: #ffffff
}

.v-textColorGray {
    color: #959595
}

.v-textColorGreen {
    color: #72c1b0
}

.v-textColorGreenLight {
    color: #95d1c4
}

.v-textColorRedLight {
    color: #ee836e
}

.v-textColor--error {
    color: #db3a1b
}

.v-linkColorWhite {
    color: #ffffff
}

    .v-linkColorWhite:hover {
        color: #f8f8f8
    }

.float--left {
    float: left
}

.float--right {
    float: right
}

.\!float--none {
    float: none !important
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.nofloat {
    float: none !important
}

.centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.position--relative {
    position: relative
}

.position--absolute {
    position: absolute
}

.position--fixed {
    position: fixed
}

.position--static {
    position: static
}

.top--0 {
    top: 0
}

.left--0 {
    left: 0
}

.bottom--0 {
    bottom: 0
}

.right--0 {
    right: 0
}

.top-bottom--0 {
    top: 0;
    bottom: 0
}

.left-right--0 {
    left: 0;
    right: 0
}

.vertical-align--top {
    vertical-align: top
}

.vertical-align--middle {
    vertical-align: middle
}

.vertical-align--baseline {
    vertical-align: baseline
}

.valign-top {
    vertical-align: top
}

.valign-middle {
    vertical-align: middle
}

.valign-baseline {
    vertical-align: baseline
}

.clear {
    clear: both
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

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

.selfclear::after {
    clear: both
}

.flex, .flex-row, .flex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flex-i {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important
}

.flex-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-col {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-around {
    -ms-flex-pack: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.flex-justify--start {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.flex-justify--center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.flex-justify-right {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.flex-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flex-equal {
    -webkit-box: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.flex-self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flex-grow-1 {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-grow-2 {
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.flex-grow-none {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.flex-shrink-none {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-shrink--0 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex--1 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-auto {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-none {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.flex-full {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.flex-three-fourths {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
}

.flex-fourth {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.flex-two-thirds {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
}

.flex-third {
    -webkit-flex: 0 0 32.333333333333336%;
    -ms-flex: 0 0 32.333333333333336%;
    flex: 0 0 32.333333333333336%
}

.flex-half {
    -webkit-flex: 0 0 49%;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%
}

.order--1 {
    order: 1
}

.order--unset {
    order: unset
}

@media only screen and (max-width:40em) {
    .order--unset\@phone {
        order: unset
    }
}

.flex-direction--row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:75em) {
    .flex-direction--row\@desktop {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:64em) {
    .flex-direction--row\@tablet {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:40em) {
    .flex-direction--row\@phone {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.flex-direction--column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:75em) {
    .flex-direction--column\@desktop {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:64em) {
    .flex-direction--column\@tablet {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:40em) {
    .flex-direction--column\@phone {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.flex-direction--unset {
    -webkit-flex-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset
}

@media only screen and (max-width:40em) {
    .flex-direction--unset\@phone {
        -webkit-flex-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset
    }
}

.align-content--start {
    -webkit-align-content: flex-start;
    align-content: flex-start
}

.align-content--end {
    -webkit-align-content: flex-end;
    align-content: flex-end
}

.align-content--center {
    -webkit-align-content: center;
    align-content: center
}

.align-items--center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.align-items--baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.align-items--flex-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.align-items--flex-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.align-self--flex-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-self--flex-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: flex-end;
    align-self: flex-end
}

.align-self--center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.justify-content--flex-end {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.justify-content--center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.justify-content--space-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-content--unset {
    -ms-flex-pack: center;
    -webkit-justify-content: unset;
    justify-content: unset
}

@media only screen and (max-width:40em) {
    .justify-content--unset\@phone {
        -ms-flex-pack: center;
        -webkit-justify-content: unset;
        justify-content: unset
    }
}

.flex-flow--nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-wrap--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.full-height {
    height: 100%
}

.height--100vh {
    height: 100vh
}

.height--inherit {
    height: inherit
}

.width--0 {
    width: 0
}

.width--100 {
    width: 100%
}

@media only screen and (max-width:85.375em) {
    .width--100\@xltablet {
        width: 100%
    }
}

@media only screen and (max-width:75em) {
    .width--100\@desktop {
        width: 100%
    }
}

@media only screen and (max-width:64em) {
    .width--100\@tablet {
        width: 100%
    }
}

@media only screen and (max-width:40em) {
    .width--100\@phone {
        width: 100%
    }
}

@media only screen and (max-width:40em) {
    .\!width--100\@phone {
        width: 100% !important
    }
}

.\!width--auto {
    width: auto !important
}

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

.min-width--lv0 {
    min-width: 1px
}

.max-height-inherit {
    max-height: inherit !important
}

.max-height--100 {
    max-height: 100%
}

.min-height--100 {
    min-height: 100%
}

.max-width--100 {
    max-width: 100%
}

.max-width--50 {
    max-width: 50%
}

.readable-max-width {
    max-width: 635px
}

.readable-double-width {
    max-width: 1270px
}

.v-inlineInput--small[type="text"] {
    width: 48px
}

.cursor-pointer {
    cursor: pointer
}

.cursor--pointer {
    cursor: pointer
}

.cursor--default {
    cursor: default
}

.cursor--text {
    cursor: text
}

.cursor--help {
    cursor: help
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-zoom-in {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in
}

.cursor-col-resize {
    cursor: col-resize
}

.no-clicky {
    pointer-events: none;
    cursor: default
}

.overflow--hidden {
    overflow: hidden
}

.overflow--visible {
    overflow: visible
}

.overflow--auto {
    overflow: auto
}

.overflow--scroll {
    overflow: scroll
}

.overflow-y--auto {
    overflow-y: auto
}

.overflow-x--hidden {
    overflow-x: hidden
}

.overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.\!overflow--hidden {
    overflow: hidden !important
}

.\!overflow--visible {
    overflow: visible !important
}

.\!overflow--auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden
}

.overflow-hidden-x {
    overflow-x: hidden
}

.overflow-auto {
    overflow: auto
}

.overflow-auto-y {
    overflow-y: auto
}

.overflow-visible {
    overflow: visible !important
}

.display--none {
    display: none
}

@media only screen and (max-width:75em) {
    .display--none\@desktop {
        display: none
    }
}

@media only screen and (max-width:85.375em) {
    .display--none\@xltablet {
        display: none
    }
}

@media only screen and (max-width:64em) {
    .display--none\@tablet {
        display: none
    }
}

@media only screen and (min-width:64em) {
    .display--none\@tablet-min {
        display: none
    }
}

@media only screen and (max-width:60em) {
    .display--none\@xlphone {
        display: none
    }
}

@media only screen and (max-width:40em) {
    .display--none\@phone {
        display: none
    }
}

.display--inline {
    display: inline
}

.display--block {
    display: block
}

.display--inline-block {
    display: inline-block
}

.display--table {
    display: table
}

.display--table-cell {
    display: table-cell
}

.display--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media only screen and (max-width:40em) {
    .display--flex\@phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

@media only screen and (max-width:64em) {
    .display--flex\@tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

.hide {
    display: none !important
}

.js-hide {
    display: none
}

.block {
    display: block !important
}

.block-i {
    display: block !important
}

.inline {
    display: inline
}

.inline-i {
    display: inline !important
}

.inline-block {
    display: inline-block
}

.inline-block-i {
    display: inline-block !important
}

.inline-row > * {
    display: inline-block;
    margin: 0 15px 0 0
}

    .inline-row > *:last-child {
        margin: 0
    }

.zin-0 {
    z-index: inherit
}

.zin-lv1 {
    z-index: 1
}

.zin-lv2 {
    z-index: 10
}

.zin-lv3 {
    z-index: 100
}

.zin-lv4 {
    z-index: 1000
}

.zin-lv5 {
    z-index: 10000
}

.dim2 {
    opacity: .2
}

.dim3 {
    opacity: .3
}

.dim6 {
    opacity: .6
}

.dim-el {
    opacity: .8
}

.opaque {
    opacity: 1 !important
}

.opacity-0 {
    opacity: 0
}

.disabled-container {
    opacity: .5;
    pointer-events: none
}

.grayscale {
    filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    -webkit-filter: grayscale(100%);
    opacity: .5
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible !important
}

.v-visuallyHidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.noborder {
    border: 0 none !important
}

.no-first-border:first-of-type {
    border: none
}

.no-last-border:last-of-type {
    border: none
}

.border-default {
    border: solid 1px #dedddc
}

.border-gray {
    border: solid 1px #bdbbb9
}

.border-gray-lightest {
    border: solid 1px #f8f8f8
}

.border-bottom {
    border-bottom: 1px solid #bdbbb9
}

.border-top {
    border-top: 1px solid #bdbbb9
}

.border-left {
    border-left: 1px solid #bdbbb9
}

.border-right {
    border-right: 1px solid #bdbbb9
}

.border-top-light {
    border-top: 1px solid #dedddc
}

.border-top-dotted {
    border-top: 1px dotted #dedddc
}

.border-top--dotted {
    border-top: 1px dotted #dedddc
}

.border-top--none {
    border-top: none
}

.border-bottom-light {
    border-bottom: 1px solid #dedddc
}

.border-bottom-dotted {
    border-bottom: 1px dotted #dedddc
}

.border-dotted {
    border-style: dotted
}

.border-dashed {
    border-style: dashed
}

.border-radius--lv0 {
    border-radius: 0
}

.border-radius--lv1 {
    border-radius: 2px
}

.border-radius--lv2 {
    border-radius: 4px
}

.border-radius--lv3 {
    border-radius: 12px
}

.border-radius--rounded {
    border-radius: 50%
}

.v-border--selected {
    border-color: #6dc5dc;
    box-shadow: 0 0 0 2px #6dc5dc inset
}

@media only screen and (max-width:64em) {
    .noborder-tablet {
        border: 0 none
    }

    .border-bottom-tablet {
        border-bottom: 1px solid #bdbbb9
    }
}

.border--0 {
    border: 0
}

@media only screen and (max-width:40em) {
    .border--0\@phone {
        border: 0
    }
}

.\!background--none {
    background: none !important
}

.background-color--light {
    background-color: #ffffff
}

.background-color--dark {
    background-color: #241c15
}

.background-color--underlay {
    background-color: rgba(0,0,0,0.8)
}

.bg-gray, .v-bg-base-gray {
    background-color: #f2f2f2
}

.v-bg-gray-dark {
    background-color: #484848
}

.v-bg-gray-light {
    background-color: #d0d0d0
}

.v-bg-gray-lightest {
    background-color: #f8f8f8
}

.v-bg-green {
    background-color: #72c1b0
}

.v-bg-yellow {
    background-color: #fed156
}

.v-bg-red {
    background-color: #e85c41
}

.v-bg-viz-green {
    background-color: #00d6a3
}

.v-bg-gender-female {
    background-color: #ffd45b
}

.v-bg-gender-male {
    background-color: #4de2bf
}

.v-bg-gender-other {
    background-color: #a175de
}

.v-bg-gender-unknown {
    background-color: #ffb126
}

.contain {
    background-size: contain !important
}

.background-size--cover {
    background-size: cover
}

.background-position--center-top {
    background-position: center top
}

.v-aspectRatio--square {
    width: 100%;
    padding-bottom: 100%
}

.v-containedBackgroundImage {
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.v-coveredBackgroundImage {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.u-square--lv1 {
    min-width: 36px;
    height: 36px
}

.u-square--lv2 {
    min-width: 72px;
    height: 72px
}

.u-circle--lv4 {
    border-radius: 50%;
    width: 24px;
    height: 24px
}

.resize--none {
    resize: none
}

.preserve-3d-transform {
    transform-style: preserve-3d
}

.list-style--none {
    list-style: none
}

.list-style-none {
    list-style-type: none
}

.disc {
    list-style: disc;
    padding-left: 15px
}

.drop-shadow {
    box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.15)
}

.popover-shadow {
    box-shadow: 0 2px 3px 0 #e0e0e0
}

.pulse {
    width: 40px
}

.underlay {
    background-color: #000000 !important;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

.v-clearSafeAreaInset {
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right)
}

.show-phone, .show-mobile {
    display: none !important
}

@media only screen and (max-width:40em) {
    .flex-col-phone {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .full-width-phone {
        width: 100%
    }

    .nomargin-small {
        margin: 0
    }

    .nopadding--phone {
        padding: 0
    }

    .nofloat-small {
        float: none
    }

    .block-small {
        display: block !important
    }

    .hide-phone {
        display: none !important
    }

    .show-phone {
        display: inline-block !important
    }

        .show-phone.mc-dropdown {
            display: table !important
        }
}

@media only screen and (max-width:64em) {
    .block-medium {
        display: block !important
    }

    .flex-col-tablet {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .full-width-mobile {
        width: 100%
    }

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

    .nofloat-tablet {
        float: none
    }

    .nopadding--tablet {
        padding: 0
    }

    .nomargin--tablet {
        margin: 0
    }

    .mar-lr-auto--tablet {
        margin-left: auto;
        margin-right: auto
    }

    .below12--tablet {
        margin-bottom: 12px
    }

    .hide-mobile {
        display: none !important
    }

    .show-mobile {
        display: inline-block !important
    }

    .flex--none\@tablet {
        flex: none
    }
}

.hide-desktop {
    display: none
}

@media only screen and (max-width:64em) {
    .hide-desktop {
        display: block
    }
}

@media only screen and (max-width:85.375em) {
    .full-width--xltablet {
        width: 100%
    }
}

.show-legacy-ie {
    display: none
}

.dj_ie9 .full-width-legacy-ie, .dj_ie8 .full-width-legacy-ie, .dj_ie7 .full-width-legacy-ie, .dj_ie6 .full-width-legacy-ie {
    width: 100%
}

.dj_ie9 .hide-legacy-ie, .dj_ie8 .hide-legacy-ie, .dj_ie7 .hide-legacy-ie, .dj_ie6 .hide-legacy-ie {
    display: none
}

.dj_ie9 .show-legacy-ie, .dj_ie8 .show-legacy-ie, .dj_ie7 .show-legacy-ie, .dj_ie6 .show-legacy-ie {
    display: inherit
}

.dj_ie10 .ms-overflow-style--scrollebar\@ie10 {
    -ms-overflow-style: scrollbar
}

.dj_safari.dj_ios .iosSafariMenuFix {
    padding-bottom: 82px
}

.no-unit-padding .unit, .no-unit-padding .lastUnit {
    padding-left: 0;
    padding-right: 0
}

.sentence-case {
    display: inline-block
}

    .sentence-case::first-letter {
        text-transform: uppercase
    }

.inline-links > li > a {
    display: inline-block
}

.ulst::before, .urst::before {
    margin-right: 3px;
    content: "\e021";
    vertical-align: top;
    font-family: 'freddicons';
    font-weight: normal;
    font-size: 20px;
    display: inline-block
}

.urst::before {
    content: "\e023"
}

.udst::after, .udst-left::before {
    content: "\e024";
    margin-left: 3px;
    vertical-align: top;
    font-family: 'freddicons';
    font-weight: normal;
    font-size: 20px;
    display: inline-block
}

.udst-left::before {
    margin-right: 3px
}

.alignl {
    text-align: left !important
}

.alignc {
    text-align: center !important
}

.alignc-large {
    text-align: center
}

.alignr {
    text-align: right !important
}

.textr {
    text-align: right
}

.fwb {
    font-weight: 500
}

.fwn {
    font-weight: normal !important
}

.fwl {
    font-weight: 300
}

.fsi {
    font-style: italic
}

.fsn {
    font-style: normal
}

.underline {
    text-decoration: underline
}

.strike {
    text-decoration: line-through
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.no-transform {
    text-transform: none
}

.ttn {
    text-transform: none !important
}

.nowrap {
    white-space: nowrap
}

.wspreline {
    white-space: pre-line
}

.wsnormal {
    white-space: normal !important
}

.wordwrap {
    word-wrap: break-word
}

.breakall {
    word-break: break-all
}

@media only screen and (max-width:40em) {
    .left-on-small {
        text-align: left
    }

    .center-on-small {
        text-align: center
    }
}

@media only screen and (max-width:64em) {
    .left-on-medium {
        text-align: left
    }

    .center-on-medium {
        text-align: center
    }
}

.safari_6 .flex {
    display: block
}

.full-height-vh {
    height: 100vh
}

.height-inherit {
    height: inherit
}

.auto-width {
    width: auto !important
}

.min-width-none {
    min-width: 0
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.pos-tb0 {
    top: 0;
    bottom: 0
}

.pos-lr0 {
    left: 0;
    right: 0
}

.pos-l0 {
    left: 0
}

.pos-r0 {
    right: 0
}

.pos-t0 {
    top: 0
}

.pos-b0 {
    bottom: 0
}

.noround {
    border-radius: 0
}

.rounded {
    border-radius: 50%
}

.rounded3 {
    border-radius: 2px
}

.rounded6 {
    border-radius: 4px
}

.rounded12 {
    border-radius: 12px
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.bg-none {
    background: none !important
}

.bg-clear {
    background-color: #ffffff
}

.bg-white {
    background-color: #ffffff
}

.bg-dark {
    background-color: #241c15
}

.dijitReset {
    border: 0;
    line-height: unset;
    outline: 0 none
}

.dj_a11y .dijitReset {
    -moz-appearance: none
}

.dijitInline {
    display: inline-table;
    vertical-align: middle
}

.dijitHidden, .dijitDisplayNone {
    display: none !important
}

.dijitVisible {
    display: block !important
}

.dijitReadOnly *, .dijitDisabled *, .dijitReadOnly, .dijitDisabled {
    cursor: default
}

.dijitSpacer {
    position: relative;
    height: 1px;
    overflow: hidden;
    visibility: hidden
}

.dijitInputContainer {
    float: none;
    overflow: hidden;
    position: relative
}

.dijitPlaceHolder {
    position: absolute;
    top: 6px;
    left: 0;
    color: #959595
}

.dijitInputInner {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
    min-height: 32px !important
}

.dijitValidationTextBox {
    max-width: 635px
}

    .dijitValidationTextBox .dijitArrowButtonInner {
        display: none
    }

    .dijitValidationTextBox .dijitArrowButton {
        color: #241c15;
        background-color: #efeeea;
        -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
        transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
        float: right;
        line-height: 34px;
        padding: 0 12px
    }

        .dijitValidationTextBox .dijitArrowButton:visited {
            color: #241c15
        }

        .dijitValidationTextBox .dijitArrowButton:hover {
            cursor: pointer;
            color: #241c15;
            background-color: #d9d7cd
        }

        .dijitValidationTextBox .dijitArrowButton:focus {
            border: 1px solid #007c89;
            box-shadow: inset 0 0 0 1px #007c89;
            outline: none
        }

        .dijitValidationTextBox .dijitArrowButton:active, .dijitValidationTextBox .dijitArrowButton.active {
            background-color: #cecbbf
        }

        .dijitValidationTextBox .dijitArrowButton[disabled], .dijitValidationTextBox .dijitArrowButton.disabled, .dijitValidationTextBox .dijitArrowButton.loading {
            pointer-events: none;
            border: 1px solid #dedddc;
            color: #bdbbb9;
            background-color: transparent
        }

            .dijitValidationTextBox .dijitArrowButton[disabled].button--onDarkBg, .dijitValidationTextBox .dijitArrowButton.disabled.button--onDarkBg, .dijitValidationTextBox .dijitArrowButton.loading.button--onDarkBg {
                opacity: .3
            }

            .dijitValidationTextBox .dijitArrowButton.disabled.clickable {
                pointer-events: all
            }

    .dijitValidationTextBox .dijitPlaceHolder {
        top: 0;
        line-height: 34px
    }

.dijitOffScreen {
    position: absolute !important;
    top: 0 !important;
    left: -10000px !important;
    visibility: hidden
}

.dijitStretch {
    white-space: nowrap
}

.dijitBackgroundIframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    height: 100%
}

.dojoDndItem {
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.dojoDndAvatar {
    width: auto;
    height: auto;
    border-collapse: collapse;
    overflow: hidden
}

    .dojoDndAvatar li {
        list-style: none
    }

body:not(.neapolitan) .dojoDndAvatar {
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.2)
}

.dojoDndAvatarHeader {
    display: none
}

.dojoDndMove *, .dojoDndCopy * {
    cursor: move;
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important
}

.dojoDndAvatarItem > td {
    padding: 18px
}

.dojoDndHandle {
    color: #959595;
    outline: 0 none;
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

    .dojoDndHandle:active {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

.dojoDndItemOver {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

body:not(.neapolitan) .dojoDndItemOver {
    cursor: auto
}

.dijitButtonNode {
    padding: 0 18px;
    cursor: pointer;
    border: 0 none;
    vertical-align: middle;
    display: table-cell;
    white-space: nowrap;
    -ms-transition: background-color 0.23s ease-in-out 0s;
    transition: background-color 0.23s ease-in-out 0s
}

    .dijitButtonNode * {
        outline: 0 none;
        cursor: pointer
    }

.dijitButton .dijitButtonNode, .dijitComboButton .dijitButtonNode {
    padding: 0
}

.dijitTextBox .dijitButtonNode {
    border-width: 0
}

    .dijitTextBox .dijitButtonNode::after {
        font-family: 'freddicons';
        speak: none;
        vertical-align: top;
        display: inline-block;
        line-height: unset;
        font-weight: normal !important;
        font-style: normal !important;
        text-transform: none !important;
        font-size: 20px !important;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        content: "\e024"
    }

.dijitButtonContents {
    display: table-cell
}

@media only screen and (max-width:40em) {
    .dijitButtonContents {
        display: block
    }
}

.dijitComboButton, .dojoxCheckedMultiSelectButton {
    padding: 0 !important
}

    .dijitComboButton.p0, .dojoxCheckedMultiSelectButton.p0 {
        background-color: #716b67 !important
    }

    .dijitComboButton a, .dojoxCheckedMultiSelectButton a {
        display: block;
        color: inherit !important;
        border-bottom: none;
        text-decoration: none
    }

    .dijitComboButton .dijitDownArrowButton, .dojoxCheckedMultiSelectButton .dijitDownArrowButton {
        padding: 0 11px;
        border-left: 1px solid #ffffff
    }

.feedback-block .dijitComboButton .dijitDownArrowButton, .feedback-block .dojoxCheckedMultiSelectButton .dijitDownArrowButton {
    border-left-color: rgba(255,255,255,0.8)
}

.dijitComboButton .dijitButtonText a, .dojoxCheckedMultiSelectButton .dijitButtonText a {
    padding: 0 18px
}

@media only screen and (max-width:40em) {
    .dijitComboButton > tbody, .dojoxCheckedMultiSelectButton > tbody, .dijitComboButton > tbody *, .dojoxCheckedMultiSelectButton > tbody * {
        width: 100%
    }
}

.dijitComboButton {
    background-color: #efeeea !important
}

    .dijitComboButton.disabled, .dijitComboButton[disabled] {
        background-color: transparent !important
    }

        .dijitComboButton.disabled .dijitDownArrowButton, .dijitComboButton[disabled] .dijitDownArrowButton {
            border-left: 1px solid #dedddc
        }

.dijitDropDownButton {
    padding: 0 8px;
    margin-bottom: 24px;
    vertical-align: middle;
    border-radius: 2px;
    min-width: 50px;
    max-width: 635px;
    width: 100%;
    min-height: 36px;
    background-color: #ffffff;
    border: 1px solid rgba(36,28,21,0.3);
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    margin-bottom: 0;
    padding: 0;
    width: auto;
    display: inline-block;
    position: relative
}

    .dijitDropDownButton:focus {
        outline: none;
        border: 1px solid #007c89;
        box-shadow: inset 0 0 0 1px #007c89
    }

    .dijitDropDownButton.invalid {
        border-color: #f25f25;
        box-shadow: inset 0 0 0 1px #f25f25
    }

    .dijitDropDownButton[disabled] {
        filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
        -webkit-filter: grayscale(100%);
        opacity: .5;
        cursor: not-allowed
    }

    .dijitDropDownButton .dijitButtonNode {
        padding-right: 11px
    }

    .dijitDropDownButton .dijitButtonText {
        text-align: left
    }

@media only screen and (max-width:40em) {
    .dijitDropDownButton {
        display: block
    }

        .dijitDropDownButton .dijitButtonNode {
            display: block
        }

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

        .dijitDropDownButton .dijitButtonContents::after {
            clear: both
        }

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

        .dijitDropDownButton .dijitButtonContents::after {
            clear: both
        }

        .dijitDropDownButton .dijitButtonText {
            display: inline-block;
            float: left;
            max-width: 85%;
            overflow: hidden
        }

        .dijitDropDownButton .dijitArrowButtonInner {
            position: absolute;
            top: 0;
            right: 10px
        }
}

.dijitDownArrowButton .dijitArrowButtonInner::after {
    font-family: "freddicons";
    content: "\e024";
    font-size: 20px;
    display: inline-block;
    margin: 0 0 0 3px;
    line-height: 34px;
    font-weight: normal !important;
    font-style: normal !important;
    margin: 0 !important
}

.help-tip .dijitDownArrowButton .dijitArrowButtonInner {
    display: none
}

.dijitButtonText {
    font-size: 1.4rem;
    height: 36px;
    line-height: 34px;
    height: 34px;
    vertical-align: top;
    text-align: center
}

.dijitSelect .dijitButtonText {
    float: left
}

.dijitTextBox {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(36,28,21,0.3);
    border-radius: 2px;
    padding: 0 6px;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    min-height: 36px;
    padding-right: 0
}

    .dijitTextBox:active, .dijitTextBox:focus {
        border-color: #007c89;
        box-shadow: inset 0 0 0 1px #007c89
    }

    .dijitTextBox.invalid {
        border-color: #f25f25;
        box-shadow: inset 0 0 0 1px #f25f25
    }

.invalid .dijitTextBox {
    border-color: #f25f25;
    box-shadow: inset 0 0 0 1px #f25f25
}

.dijitTextBox input {
    margin: 1px 0 !important;
    width: calc(100% - 1px)
}

.dijitTextBox .dijitValidationContainer {
    display: none
}

.dijitComboBoxFocused, .dijitTextBoxFocused {
    border-color: #007c89 !important;
    box-shadow: inset 0 0 0 1px #007c89
}

.dijitComboBoxError, .dijitTextBoxError {
    border-color: #f25f25 !important;
    box-shadow: inset 0 0 0 1px #f25f25
}

.dijitValidationTextBox .dijitArrowButton {
    -ms-transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
    transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
    border: 1px solid transparent;
    border-left: none;
    max-height: 34px
}

.dijitValidationTextBoxError .dijitArrowButton {
    border-color: #f25f25 !important
}

.dijitValidationTextBoxFocused .dijitArrowButton {
    border-color: #007c89
}

.dijitValidationTextBoxDisabled {
    filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    -webkit-filter: grayscale(100%);
    opacity: .5
}

    .dijitValidationTextBoxDisabled .dijitInputInner {
        width: 100%;
        margin: 0 !important;
        line-height: 34px
    }

    .dijitValidationTextBoxDisabled .dijitArrowButton {
        filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
        -webkit-filter: grayscale(100%);
        opacity: .5;
        pointer-events: none;
        border-left: 1px solid rgba(36,28,21,0.3)
    }

.dijitValidationTextBox .dijitPlaceHolder {
    font-weight: normal
}

.dijitDateTextBox {
    position: relative;
    min-width: 175px
}

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

    .dijitDateTextBox::after {
        clear: both
    }

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

    .dijitDateTextBox::after {
        clear: both
    }

    .dijitDateTextBox .dijitArrowButtonContainer {
        -ms-transition: color 0.2s ease-in-out 0s;
        transition: color 0.2s ease-in-out 0s;
        color: rgba(36,28,21,0.65);
        background: transparent;
        border: none;
        padding: 0 18px;
        position: relative;
        float: right;
        display: inline-block;
        height: 28px;
        right: 2px;
        top: 3px
    }

        .dijitDateTextBox .dijitArrowButtonContainer::after {
            font-family: 'freddicons';
            speak: none;
            vertical-align: top;
            display: inline-block;
            line-height: unset;
            font-weight: normal !important;
            font-style: normal !important;
            text-transform: none !important;
            font-size: 20px !important;
            -webkit-font-smoothing: antialiased;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
            content: "\e046";
            left: 9px;
            position: absolute;
            line-height: 28px
        }

        .dijitDateTextBox .dijitArrowButtonContainer:hover {
            background: transparent
        }

    .dijitDateTextBox.dijitDateTextBoxFocused .dijitArrowButtonContainer {
        color: #007c89
    }

    .dijitDateTextBox .dijitArrowButtonInner {
        display: none
    }

    .dijitDateTextBox .dijitInputContainer {
        position: absolute;
        top: 0;
        left: 6px;
        right: 36px
    }

    .dijitDateTextBox .dijitInputInner {
        border: 0 none !important;
        padding: 0 !important;
        background: transparent
    }

.dijitButtonNodeHover, .dijitDownArrowButtonHover {
    background-color: #d9d7cd
}

.p0 .dijitButtonNodeHover, .p0 .dijitDownArrowButtonHover {
    background-color: #56524f
}

.dijitDropDownButtonFocused {
    border: 1px solid #007c89;
    box-shadow: inset 0 0 0 1px #007c89;
    outline: none
}

.dijitDisabled * {
    cursor: not-allowed
}

.dijitButtonDisabled, .dijitDropDownButtonDisabled, .dijitComboButtonDisabled, .dijitToggleButtonDisabled {
    outline: 0 none;
    opacity: .5;
    pointer-events: none;
    background-image: none
}

.dijitNoIcon, .dijitArrowButtonChar, .dijitToggleButtonIconChar {
    display: none !important
}

.dijitRadio, .dijitCheckBox, .dijitCheckBoxInput, .dojoxTriStateCheckBox, .dojoxTriStateCheckBoxInput, .dojoxCheckedMultiSelectMenu .dijitMenuItemIconCell {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/sprites/input-sprites-spaced-2x.png);
    background-size: 24px 388px
}

.dijitRadio, .dijitCheckBox, .dojoxTriStateCheckBox {
    margin-right: 12px
}

.dijitCheckBoxInput, .dojoxTriStateCheckBoxInput {
    display: block;
    margin: 0 !important;
    opacity: .01;
    -moz-appearance: none;
    -webkit-appearance: none
}

.dojoxTriStateCheckBox {
    display: inline-block
}

.dojoxTriStateCheckBoxInner {
    display: none
}

.dijitCheckBox, .dojoxTriStateCheckBox {
    background-position: 0 -26px
}

.dijitCheckBoxFocused, .dojoxTriStateCheckBoxFocused {
    background-position: 0 -52px
}

.dijitCheckBoxChecked, .dojoxTriStateCheckBoxChecked {
    background-position: 0 -104px
}

.dijitCheckBoxCheckedFocused, .dojoxTriStateCheckBoxCheckedFocused {
    background-position: 0 -130px
}

.dojoxTriStateCheckBoxMixed {
    background-position: 0 -182px
}

.dijitCheckBoxDisabled, .dojoxTriStateCheckBoxDisabled {
    background-position: 0 0
}

.dijitCheckBoxCheckedDisabled, .dojoxTriStateCheckBoxCheckedDisabled {
    background-position: 0 -78px
}

.dijitRadio {
    background-position: 0 -260px
}

.dijitRadioDisabled {
    background-position: 0 -234px
}

.dijitRadioFocused {
    background-position: 0 -286px
}

.dijitRadioChecked {
    background-position: 0 -338px
}

.dijitRadioCheckedDisabled {
    background-position: 0 -312px
}

.dijitRadioCheckedFocused {
    background-position: 0 -364px
}

.dj_a11y .dijitCheckBox, .dj_a11y .dijitRadio {
    width: auto !important;
    height: auto !important
}

.dj_a11y .dijitCheckBoxInput {
    opacity: 1;
    width: auto;
    height: auto
}

.dijitSelect {
    display: inline-block;
    padding: 0 8px;
    margin-bottom: 24px;
    vertical-align: middle;
    border-radius: 2px;
    min-width: 50px;
    max-width: 635px;
    width: 100%;
    min-height: 36px;
    background-color: #ffffff;
    border: 1px solid rgba(36,28,21,0.3);
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    width: auto;
    cursor: pointer;
    position: relative;
    padding: 0 !important
}

    .dijitSelect:focus {
        outline: none;
        border: 1px solid #007c89;
        box-shadow: inset 0 0 0 1px #007c89
    }

    .dijitSelect.invalid {
        border-color: #f25f25;
        box-shadow: inset 0 0 0 1px #f25f25
    }

    .dijitSelect[disabled] {
        filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
        -webkit-filter: grayscale(100%);
        opacity: .5;
        cursor: not-allowed
    }

@media only screen and (max-width:40em) {
    .dijitSelect {
        display: block
    }
}

.dijitSelect .dijitButtonContents {
    vertical-align: middle;
    padding: 0 36px 0 18px
}

    .dijitSelect .dijitButtonContents::after {
        font-family: "freddicons";
        content: "\e024";
        font-size: 20px;
        display: inline-block;
        margin: 0 0 0 3px;
        line-height: 34px;
        font-weight: normal !important;
        font-style: normal !important;
        position: absolute;
        right: 11px;
        top: 0
    }

.big-search .dijitSelect .dijitButtonContents::after {
    top: auto
}

.dijitSelect .dijitArrowButtonContainer, .dijitSelect .dijitValidationContainer {
    display: none
}

.dijitSelectLabel {
    vertical-align: top
}

.dijitSelectFocused {
    outline: 0
}

.dijitSelectDisabled {
    pointer-events: none;
    border: 1px solid #dedddc;
    color: #bdbbb9;
    background-color: transparent
}

    .dijitSelectDisabled.button--onDarkBg {
        opacity: .3
    }

.dijitSelectLabel {
    text-transform: none
}

.dijitContainer {
    overflow: hidden
}

.dijitLayoutContainer {
    display: block;
    position: relative;
    overflow: hidden
}

.dijitTabContainerNoLayout {
    width: 100%
}

.dijitTabContainer {
    z-index: 0;
    overflow-y: visible
}

.dijitTabController {
    z-index: 1
}

.dijitTabListContainer-top {
    border-bottom: 1px solid #d9d9d9;
    overflow: visible;
    background-color: #ffffff;
    left: 0;
    right: 0;
    width: auto !important
}

.c-baseOverlay .dijitTabListContainer-top {
    background: inherit
}

@media only screen and (max-width:40em) {
    .dijitTabListContainer-top {
        border: 0 none;
        background-color: #716b67;
        border-radius: 3px
    }

    .c-baseOverlay .dijitTabListContainer-top {
        background: #716b67
    }
}

.dijitbelow-altArrowButton {
    outline: 0 none;
    right: 0;
    left: auto !important;
    background: #d0d0d0
}

    .dijitbelow-altArrowButton::after {
        font-family: "freddicons";
        content: "\e024";
        font-size: 20px;
        display: inline-block;
        margin: 0 0 0 3px;
        line-height: 34px;
        font-weight: normal !important;
        font-style: normal !important;
        position: absolute;
        right: 12px;
        top: 0;
        line-height: 36px
    }

@media only screen and (max-width:40em) {
    .dijitbelow-altArrowButton {
        right: 0;
        background-color: transparent;
        left: 0 !important;
        display: block !important;
        background: transparent
    }

        .dijitbelow-altArrowButton::after {
            line-height: 48px
        }
}

.dijitTabListWrapper {
    overflow: hidden;
    z-index: 1;
    left: 0 !important;
    width: 100% !important
}

.dijitTabContainerTop-container {
    overflow: hidden;
    z-index: 0;
    margin: 0 -15px
}

.c-baseOverlay .dijitTabContainerTop-container {
    margin: 0
}

.dijitTabContainerTop-tabs {
    z-index: 1;
    height: 36px
}

@media only screen and (max-width:40em) {
    .dijitTabContainerTop-tabs {
        height: 48px
    }
}

.dijitTab {
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    height: inherit;
    line-height: 36px;
    min-width: 42px;
    color: rgba(36,28,21,0.65);
    font-weight: 500;
    z-index: 3;
    margin: 0 15px
}

    .dijitTab:hover {
        color: #241c15
    }

        .dijitTab:hover.dijitTabFocused {
            color: #004e56
        }

    .dijitTab:first-child {
        margin-left: 0
    }

@media only screen and (max-width:40em) {
    .dijitTab {
        color: #ffffff !important;
        border: 0 none !important;
        display: none;
        line-height: 48px
    }

        .dijitTab:first-child {
            margin-left: 15px
        }
}

.tabLabel {
    outline: 0 none;
    font-size: 1.6rem
}

.dijitTabChecked {
    cursor: default;
    border-bottom: 2px solid #007c89;
    color: #007c89
}

    .dijitTabChecked:hover {
        color: #004e56;
        border-color: #004e56
    }

@media only screen and (max-width:40em) {
    .dijitTabChecked {
        display: block
    }
}

.swm-templates #template-container_tablist {
    display: none
}

@media only screen and (max-width:40em) {
    .dijitTabListContainer-top, .dijitTabListWrapper, .dijitTabContainerTop-tabs {
        width: 100% !important
    }
}

.dijitTabContainerTop-dijitContentPane, .dijitTabContainerLeft-dijitContentPane, .dijitTabContainerBottom-dijitContentPane, .dijitTabContainerRight-dijitContentPane, .dijitAccordionContainer-dijitContentPane {
    background-color: #ffffff;
    padding: 30px 0 0 0
}

.c-baseOverlay .dijitTabContainerTop-dijitContentPane, .c-baseOverlay .dijitTabContainerLeft-dijitContentPane, .c-baseOverlay .dijitTabContainerBottom-dijitContentPane, .c-baseOverlay .dijitTabContainerRight-dijitContentPane, .c-baseOverlay .dijitAccordionContainer-dijitContentPane {
    background: inherit;
    padding: 0
}

.dijitContentPane {
    display: block;
    overflow: auto
}

.dijitIconLoading {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/pulse.png) no-repeat 50% 30px transparent;
    background-size: 40px auto
}

.dijitIconError::before {
    font-family: 'freddicons';
    speak: none;
    vertical-align: top;
    display: inline-block;
    line-height: unset;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: "\e010";
    color: #e85c41;
    padding-left: 15px
}

.dijitDialogUnderlayWrapper {
    position: fixed;
    left: 0;
    top: 0 !important;
    right: 0;
    bottom: 0;
    z-index: 998;
    display: none;
    background: transparent !important;
    pointer-events: none;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.dijitDialogUnderlay {
    opacity: 1;
    visibility: hidden;
    background-color: transparent;
    pointer-events: none;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

    .dijitDialogUnderlay.on {
        visibility: visible;
        pointer-events: all;
        background-color: rgba(36,28,21,0.5)
    }

.dj_ie .dijitDialogUnderlay {
    filter: alpha(opacity=50)
}

.dijitDialog {
    background-color: #ffffff;
    border-radius: 4px;
    background-clip: padding-box;
    overflow: hidden;
    position: absolute;
    z-index: -99 !important;
    pointer-events: none;
    max-width: 80vw;
    visibility: hidden;
    opacity: 0 !important;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s
}

@media only screen and (max-width:40em) {
    .dijitDialog {
        left: 30px !important;
        right: 30px !important;
        width: auto !important;
        max-width: none
    }

    .dijitDialog--fullScreen\@phone {
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        top: 0 !important;
        bottom: 0 !important;
        border-radius: 0;
        height: 100% !important;
        max-width: none
    }
}

.dijitDialog .closeText {
    display: none
}

.dijitDialogShow {
    visibility: visible;
    opacity: 1 !important;
    z-index: 999 !important;
    pointer-events: auto
}

.dijitDialogTitleBar {
    cursor: move;
    position: static !important;
    background-color: #efeeea;
    outline: 0 none;
    height: auto;
    width: 100% !important;
    font-weight: 500;
    text-align: center;
    padding: 18px
}

@media only screen and (max-width:40em) {
    .dijitDialog--fullScreen\@phone .dijitDialogTitleBar {
        position: absolute;
        top: 0;
        left: 0
    }
}

.dijitDialogTitle {
    display: block
}

.dijitDialogCloseIcon {
    color: rgba(36,28,21,0.65);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    line-height: 60px;
    outline: 0 none
}

    .dijitDialogCloseIcon::before {
        font-family: 'freddicons';
        speak: none;
        vertical-align: top;
        display: inline-block;
        line-height: unset;
        font-weight: normal !important;
        font-style: normal !important;
        text-transform: none !important;
        font-size: 20px !important;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        content: "\e037"
    }

    .dijitDialogCloseIcon:hover {
        color: #241c15
    }

.dijitDialogPaneContent {
    background-color: #ffffff;
    border-radius: 0 0 6px 6px;
    overflow-y: auto;
    position: static !important;
    width: auto !important;
    height: 100% !important;
    max-height: 30em;
    min-width: 25em
}

@media only screen and (max-width:40em) {
    .dijitDialogPaneContent {
        min-width: 100%;
        max-height: none
    }
}

.dijitDialogPaneContent input[type="text"] {
    max-width: 100% !important
}

.dijitDialogPaneContent h4 {
    margin-bottom: 18px
}

.dijitDialogPaneContent .feedback-block h4 {
    margin-bottom: 0
}

.dijitDialogPaneContent html {
    overflow: auto
}

.no-min-width .dijitDialogPaneContent {
    min-width: 0
}

.dijitDialogPaneContentArea {
    margin-bottom: 72px;
    padding: 24px 18px;
    max-height: 25em;
    overflow: auto;
    outline: none
}

    .dijitDialogPaneContentArea.nobar {
        margin-bottom: 0
    }

@media only screen and (max-width:40em) {
    .dijitDialogPaneContentArea {
        max-height: none
    }

    .dijitDialogPaneContentArea--mobile {
        margin-bottom: 54px
    }
}

@media only screen and (max-width:40em) {
    .dijitDialog--fullScreen\@phone .dijitDialogPaneContentArea {
        position: absolute !important;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 69px
    }
}

.dijitDialogPaneActionBar {
    position: absolute;
    background-color: #ffffff;
    border-top: 1px solid #dedddc;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 18px 18px;
    border-radius: 0 0 4px 4px;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#mc-module-dialog .dijitDialogPaneContent {
    padding: 0
}

    #mc-module-dialog .dijitDialogPaneContent body {
        margin-bottom: 24px
    }

#mc-module-dialog iframe {
    width: 100% !important;
    display: block
}

.c-reauthDialog {
    z-index: 100000 !important
}

    .c-reauthDialog .dijitDialogCloseIcon {
        display: none
    }

    .c-reauthDialog + .dijitDialogUnderlayWrapper {
        z-index: 1000 !important
    }

.feature-dialog {
    width: 650px
}

    .feature-dialog .dijitDialogPaneContent {
        max-height: none
    }

    .feature-dialog .dijitDialogTitleBar {
        display: none
    }

.closeable-feature-dialog {
    width: 650px
}

    .closeable-feature-dialog .dijitDialogPaneContent {
        max-height: none
    }

    .closeable-feature-dialog .dijitDialogTitleBar {
        background-color: #ffffff
    }

        .closeable-feature-dialog .dijitDialogTitleBar .dijitDialogCloseIcon::before {
            color: #737373;
            font-family: 'freddicons';
            speak: none;
            vertical-align: top;
            display: inline-block;
            line-height: unset;
            font-weight: normal !important;
            font-style: normal !important;
            text-transform: none !important;
            font-size: 20px !important;
            -webkit-font-smoothing: antialiased;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
            content: "\e037"
        }

.indicateScrolling .dijitDialogPaneContent {
    overflow-y: visible;
    margin-bottom: 69px
}

.indicateScrolling .dijitDialogPaneContentArea {
    margin-bottom: 0
}

.scrollIndicator::before {
    z-index: 1;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px
}

.scrollIndicator--above::before {
    top: -11px;
    background: -ms-linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(0,0,0,0.2) 100%),-ms-linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(0,0,0,0.2) 100%),linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.1) 100%)
}

.scrollIndicator--top::before {
    top: 60px;
    background: -ms-linear-gradient(to top, rgba(255,255,255,0) 0, rgba(0,0,0,0.2) 100%),-ms-linear-gradient(to top, transparent 60%, rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to top, rgba(255,255,255,0) 0, rgba(0,0,0,0.2) 100%),linear-gradient(to top, transparent 60%, rgba(0,0,0,0.1) 100%)
}

.scrollIndicatorStopper {
    z-index: 2;
    position: relative;
    height: 24px;
    margin-left: -18px;
    margin-right: -18px
}

.scrollIndicatorStopper--top {
    margin-top: -24px;
    background: linear-gradient(to top, rgba(255,255,255,0) 0, #ffffff 60%)
}

.scrollIndicatorStopper--bottom {
    margin-bottom: -24px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0, #ffffff 60%)
}

[data-dojo-type="dijit/Dialog"] {
    display: none
}

.help-tip {
    color: rgba(36,28,21,0.65);
    background-color: transparent !important;
    outline: 0 none;
    line-height: unset;
    border: none;
    box-shadow: none
}

.dj_ie10 .help-tip {
    line-height: inherit
}

    .dj_ie10 .help-tip .dijitReset {
        line-height: inherit
    }

.c-wizardNavigation .help-tip {
    color: rgba(255,255,255,0.5)
}

    .c-wizardNavigation .help-tip:hover {
        color: #ffffff
    }

.help-tip .dijitButtonNode {
    padding: 0
}

.help-tip .dijitButtonText {
    line-height: unset;
    height: unset;
    max-width: 100%
}

.help-tip .freddicon {
    vertical-align: unset
}

.dj_gecko .help-tip .freddicon.menu-down {
    vertical-align: middle
}

.help-tip:hover, .help-tip.dijitOpened {
    color: #241c15
}

.v-helpTip--normal .dijitButtonText {
    font-size: 1.6rem;
    font-weight: normal;
    color: #237a91;
    line-height: 31px
}

.help-tip-lines > li {
    line-height: 21px;
    margin-bottom: 9px
}

    .help-tip-lines > li:last-child {
        margin-bottom: 0
    }

.help-tip-lines a {
    display: inline
}

    .help-tip-lines a:focus {
        outline: 0 none
    }

@media only screen and (max-width:40em) {
    .help-tip-lines {
        padding-top: 36px
    }
}

.help-tip-dialog .dijitTooltipConnector {
    display: none
}

@media only screen and (max-width:40em) {
    .help-tip-dialog .dijitTooltipContainer {
        box-shadow: none
    }

        .help-tip-dialog .dijitTooltipContainer .dialog-close {
            display: block !important;
            text-align: right;
            color: #241c15;
            font-size: 15px;
            padding: 0 15px 12px;
            position: absolute;
            left: 0;
            right: 0;
            top: 15px;
            outline: 0 none
        }
}

.dijitTooltip {
    position: absolute;
    z-index: 2000;
    display: block;
    left: 0;
    top: -10000px;
    overflow: visible;
    border-radius: 6px;
    border: 1px solid #dedddc;
    box-sizing: content-box
}

.dijitTooltip, .dijitTooltipDialog {
    max-width: 500px;
    outline: 0 none
}

@media screen and (max-width:40em) {
    .dijitTooltip, .dijitTooltipDialog {
        max-width: inherit
    }
}

.dijitTooltipContainer {
    background-clip: padding-box;
    border-radius: 6px;
    padding: 12px 15px;
    box-shadow: 0 6px 24px 1px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    font-size: 1.4rem
}

.dijitTooltipContents {
    outline: 0 none
}

    .dijitTooltipContents .dialog-close {
        display: none !important
    }

.dijitTooltipData {
    display: none
}

.dijitTooltipConnector {
    position: absolute;
    border: 8px solid transparent;
    width: 0;
    height: 0
}

    .dijitTooltipConnector::after {
        content: "";
        border: inherit;
        width: 0;
        height: 0;
        position: inherit;
        z-index: -1
    }

@media only screen and (max-width:40em) {
    .dijitTooltipConnector {
        display: none
    }
}

.dijitTooltipBelow .dijitTooltipConnector {
    border-top: none;
    border-bottom-color: #ffffff;
    top: 0;
    margin-top: -6px;
    left: 24px
}

    .dijitTooltipBelow .dijitTooltipConnector::after {
        border-bottom-color: #dedddc;
        border-top: none;
        top: -2px;
        left: -8px
    }

.dijitTooltipAbove .dijitTooltipConnector {
    border-bottom: none;
    border-top-color: #ffffff;
    top: 100%;
    margin-top: -2px;
    left: 24px
}

    .dijitTooltipAbove .dijitTooltipConnector::after {
        border-top-color: #dedddc;
        border-bottom: none;
        top: -6px;
        left: -8px
    }

.dijitTooltipLeft .dijitTooltipConnector {
    border-right: none;
    border-left-color: #ffffff;
    left: auto !important;
    right: 0;
    top: 12px;
    margin-right: -6px
}

    .dijitTooltipLeft .dijitTooltipConnector::after {
        border-left-color: #dedddc;
        border-right: none;
        top: -8px;
        right: -2px
    }

.dijitTooltipRight .dijitTooltipConnector {
    border-left: none;
    border-right-color: #ffffff;
    left: 0;
    top: 12px;
    margin-left: -6px
}

    .dijitTooltipRight .dijitTooltipConnector::after {
        border-right-color: #dedddc;
        border-left: none;
        top: -8px;
        left: -2px
    }

.dijitTooltipABRight .dijitTooltipConnector {
    left: auto !important;
    right: 12px
}

.dijitPopup {
    margin-top: 5px;
    position: absolute;
    background-color: #ffffff;
    border-radius: 2px;
    border: 1px solid #dedddc;
    background-clip: padding-box;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (max-width:40em) {
    .dijitPopup {
        width: 96% !important;
        left: 50% !important;
        margin: 6px auto 0 -48%
    }
}

.dijitTooltipDialogHelpPopup, .dijitTooltipDialogPopup {
    box-shadow: none
}

@media screen and (max-width:40em) {
    .dijitTooltipDialogHelpPopup, .dijitTooltipDialogPopup {
        top: 60px !important;
        bottom: 12px !important;
        left: 0;
        right: 0;
        height: 390px !important;
        overflow-y: hidden !important;
        box-shadow: 0 0 0 1200px rgba(0, 0, 0, 0.5)
    }
}

@media screen and (max-width:40em) {
    .dijitTooltipDialogHelpPopup {
        bottom: auto !important;
        height: auto !important;
        padding-bottom: 20px
    }
}

.dijitMenuPopup {
    overflow: hidden !important;
    overflow-y: auto !important
}

    .dijitMenuPopup[dijitpopupparent] {
        max-height: 30em;
        min-width: 18em
    }

.dijitMenu {
    width: 100%
}

.dijitMenuItem {
    padding: 6px 18px
}

.dijitMenuItemSelected {
    background-color: #cce5e7
}

.dijitMenuItemHover {
    background-color: #e6f2f3
}

.dijitMenuItemDisabled {
    opacity: .5;
    background-color: #efeeea
}

.dijitMenuItemLabel {
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 24px;
    padding: 12px 18px
}

    .dijitMenuItemLabel a {
        color: #241c15;
        padding: 12px 18px;
        margin: -12px -18px
    }

.dijitSelectWithOptionGroup .dijitMenuItemLabel {
    padding-left: 36px
}

.dijitMenuItemSelected .dijitMenuItemLabel {
    background-color: #e6f2f3
}

.dijitSelectSelectedOption .dijitMenuItemLabel {
    background-color: #cce5e7
}

.dijitMenuItemDisabled .dijitMenuItemLabel {
    cursor: not-allowed
}

[aria-haspopup="true"] .dijitMenuItemLabel {
    padding: 12px 30px 12px 18px
}

    [aria-haspopup="true"] .dijitMenuItemLabel::after {
        font-family: 'freddicons';
        speak: none;
        vertical-align: top;
        display: inline-block;
        line-height: unset;
        font-weight: normal !important;
        font-style: normal !important;
        text-transform: none !important;
        font-size: 20px !important;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        content: "\e023";
        position: absolute;
        right: 6px;
        color: #b7b7b7
    }

.dijitMenuSeparatorLabelCell {
    border-top: 1px dotted #dedddc
}

.dijitMenuSeparatorIconCell, .dijitMenuItemIconCell, .dijitMenuArrowCell {
    display: none
}

.dijitCalendar {
    width: 100%;
    border-radius: 2px;
    padding: 18px
}

    .dijitCalendar th, .dijitCalendar td {
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        font-size: 1.6rem;
        letter-spacing: .05em;
        outline: none
    }

    .dijitCalendar .dijitDropDownButton {
        background-color: transparent;
        display: inline-block
    }

    .dijitCalendar .dijitDropDownButtonFocused {
        outline: none
    }

    .dijitCalendar .dijitButtonText, .dijitCalendar .dijitArrowButtonInner {
        float: none
    }

.dijitCalendarArrow::after {
    font-family: 'freddicons';
    speak: none;
    vertical-align: top;
    display: inline-block;
    line-height: unset;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: "\e023"
}

.dijitCalendarArrow:first-child::after {
    content: "\e021"
}

.dijitCalendarMonthLabel {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: inherit;
    cursor: pointer
}

.dijitCalendarMonthMenu .dijitCalendarMonthLabel {
    padding: 6px 18px
}

    .dijitCalendarMonthMenu .dijitCalendarMonthLabel:first-child {
        border-radius: 2px 2px 0 0
    }

    .dijitCalendarMonthMenu .dijitCalendarMonthLabel:last-child {
        border-radius: 0 0 2px 2px
    }

    .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover {
        background-color: #e6f2f3
    }

.dijitCalendarDayLabel, .dijitCalendarDateLabel {
    display: block;
    padding: 6px 10px;
    border: 1px solid transparent
}

.dijitCalendarDayLabel {
    cursor: default
}

.dijitCalendarDateLabel {
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s
}

    .dijitCalendarDateLabel:hover {
        background-color: #e6f2f3;
        border-radius: 2px;
        color: #241c15
    }

.dijitCalendarSelectedDate .dijitCalendarDateLabel {
    background-color: #cce5e7;
    border: 1px solid #007c89;
    border-radius: 2px
}

.dijitCalendarDisabledDate .dijitCalendarDateLabel {
    background-color: #efeeea;
    border: 1px solid #efeeea;
    border-right: 1px solid transparent;
    color: rgba(36,28,21,0.65);
    opacity: .5
}

.dijitCalendarEnabledDate {
    outline: 0 none
}

.dijitCalendarYearLabel {
    padding-top: 6px
}

    .dijitCalendarYearLabel > span {
        padding: 6px 9px;
        margin: 0 2px;
        font-weight: normal
    }

.dijitCalendarArrow, .dijitCalendarNextYear, .dijitCalendarPreviousYear {
    border: 1px solid transparent;
    color: rgba(36,28,21,0.65)
}

    .dijitCalendarArrow:hover, .dijitCalendarNextYear:hover, .dijitCalendarPreviousYear:hover {
        color: #241c15
    }

.dijitCalendarSelectedYear {
    color: #241c15;
    border: 1px solid transparent
}

.dijitA11ySideArrow {
    display: none
}

.dijitInlineEditBoxDisplayMode {
    border: 1px solid transparent;
    padding: 3px;
    cursor: pointer;
    outline: 0 none
}

.dijitInlineEditBoxDisplayModeHover {
    background-color: #f2f2f2;
    border-color: #d0d0d0
}

.dijitInlineEditBoxDisplayModeDisabled {
    cursor: default
}

.dijitToasterClip {
    position: fixed;
    z-index: 10000;
    clip: inherit !important;
    top: auto !important;
    right: auto !important;
    left: 24px !important
}

@media screen and (max-width:40em) {
    .dijitToasterClip {
        left: auto !important;
        width: 100% !important
    }
}

.dijitToasterContainer {
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40em;
    min-height: 60px;
    box-shadow: 0 2px 3px 0 rgba(149,149,149,0.4);
    background-color: #241c15;
    color: #ffffff;
    font-size: 1.6rem
}

@media screen and (max-width:40em) {
    .dijitToasterContainer {
        width: 95% !important;
        margin: 0 auto
    }
}

.dijitToasterContent {
    width: 100%;
    padding: 18px 24px
}

.dijitTitlePane {
    display: block;
    overflow: hidden
}

    .dijitTitlePane .dijitArrowNode, .dijitTitlePane .dijitArrowNodeInner {
        display: none
    }

    .dijitTitlePane .dijitOpen::before, .dijitTitlePane .dijitClosed::before {
        font-family: 'freddicons';
        speak: none;
        vertical-align: top;
        display: inline-block;
        line-height: unset;
        font-weight: normal !important;
        font-style: normal !important;
        text-transform: none !important;
        font-size: 20px !important;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .dijitTitlePane .dijitOpen {
        color: #237a91
    }

        .dijitTitlePane .dijitOpen::before {
            content: "\e024"
        }

    .dijitTitlePane .dijitClosed::before {
        content: "\e023"
    }

.dijitTitlePaneTitle {
    color: #2c9ab7;
    cursor: pointer;
    line-height: 30px
}

.dijitTitlePaneTitleHover {
    color: #237a91
}

.dijitTitlePaneTitleActive {
    outline: 0
}

.dijitTitlePaneTitleFocus {
    outline: 0;
    display: inline-block
}

.dijitTitlePaneTextNode {
    line-height: 24px;
    font-size: 1.6rem
}

.dijitTitlePaneContentInner {
    padding-left: 24px
}

.dojoxRatingStar::before {
    font-family: 'freddicons';
    speak: none;
    vertical-align: top;
    display: inline-block;
    line-height: unset;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: "\e069";
    color: #d0d0d0;
    line-height: 32px;
    cursor: pointer
}

.dojoxRatingStarChecked::before, .dojoxRatingStarHover::before {
    font-family: 'freddicons';
    speak: none;
    vertical-align: top;
    display: inline-block;
    line-height: unset;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: "\e067";
    color: #febe12;
    line-height: 32px;
    cursor: pointer
}

.dojoxColorPickerPreviewContainer {
    display: none
}

.dojoxColorPicker {
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #dedddc;
    border-radius: 3px
}

    .dojoxColorPicker table {
        border: 0 none
    }

    .dojoxColorPicker td {
        padding: 0 3px;
        vertical-align: middle
    }

.dojoxHuePicker {
    position: relative
}

.dojoxColorPickerBox {
    position: relative;
    margin: -1px 0 0 0;
    border: 1px solid #dedddc;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dojoxColorPickerUnderlay {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    max-width: 100%
}

.dojoxColorPickerPoint, .dojoxHuePickerPoint {
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    cursor: move;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: -2px;
    outline: none
}

.dojoxColorPickerPoint {
    background-color: transparent;
    border: solid 2px #ffffff;
    box-shadow: 0 0 0 2px rgba(55,55,55,0.3),0 0 10px 0 rgba(55,55,55,0.4);
    margin-left: -2px;
    margin-top: -2px
}

.dojoxHuePickerUnderlay {
    position: relative;
    width: 12px;
    height: 150px;
    z-index: 1;
    text-align: center;
    background: linear-gradient(to top, #ff0000 0, #ffff00 15%, #00ff00 30%, #00ffff 50%, #0000ff 65%, #ff00ff 80%, #ff0000 100%)
}

.dojoxHuePickerPoint {
    background-color: #efeeea;
    border: 2px solid #959595;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.6),0 0 10px 0 rgba(55,55,55,0.4);
    margin-left: -1px;
    margin-top: -3px
}

.dojoxColorPickerOptional {
    clear: both;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

    .dojoxColorPickerOptional td {
        padding: 4px 4px 4px 3px;
        border: none
    }

.dojoxColorPickerHsv input {
    width: 66px !important;
    margin: 0 0 6px 0 !important
}

.mojoCustomColorContainer {
    clear: both;
    user-select: none
}

.mojoCustomColorContainer--special {
    margin-top: 6px
}

.mojoCustomColor {
    height: 18px;
    width: 18px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    display: inline-block;
    margin: 0;
    cursor: pointer
}

    .mojoCustomColor:hover {
        box-shadow: inset 0 0 0 1px rgba(0,0,0,0.4)
    }

.mojoCustomColor--special {
    overflow: visible;
    white-space: nowrap;
    text-indent: 24px;
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    background: linear-gradient(135deg, #ffffff 0, #ffffff 45%, #e85c41 45%, #e85c41 55%, #ffffff 55%, #ffffff 100%);
    line-height: 18px;
    font-size: 13px;
    color: rgba(36,28,21,0.65)
}

table.dojoxColorPicker {
    margin-top: 12px
}

    table.dojoxColorPicker td {
        vertical-align: top;
        padding-bottom: 6px
    }

    table.dojoxColorPicker .dojoxColorPickerHsv, table.dojoxColorPicker .dojoxColorPickerHex {
        display: none
    }

.dojoxColorPicker {
    background: #ffffff;
    border: 1px solid #dedddc;
    padding: 10px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2)
}

.dojoxColorPickers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 6px;
    width: 170px
}

.dojoxColorPickerOptional label {
    font-size: 13px;
    text-transform: capitalize;
    line-height: 18px;
    font-weight: normal;
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif
}

.dojoxColorPickerArrow {
    display: none
}

.c-colorInput {
    width: 114px;
    padding: 0
}

    .c-colorInput .dijitInputField {
        padding: 0 0 0 3px
    }

.c-colorInput_previewSwatch {
    position: relative;
    height: 24px;
    width: 24px;
    margin: 5px;
    border-radius: 2px;
    float: left;
    border: 1px solid #dedddc
}

.c-colorInput_previewSwatch--large {
    height: 30px;
    width: 30px
}

.c-colorInput--swatchOnly {
    width: 30px;
    border: none
}

    .c-colorInput--swatchOnly .dijitInputField {
        display: none
    }

.v-unsetSwatch {
    background: #ffffff;
    background: linear-gradient(135deg, #ffffff 0, #ffffff 45%, #e85c41 45%, #e85c41 55%, #ffffff 55%, #ffffff 100%)
}

.mojoCustomColors {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
    font-size: 15px;
    line-height: 24px;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.mojoCustomColors--special {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.mojoCustomColorLabel {
    color: #241c15;
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-style: inherit;
    vertical-align: baseline;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    display: block;
    max-width: 635px;
    padding-bottom: .8em;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

input {
    -webkit-appearance: none
}

    input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

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

.dojoxColorPickerRgb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.dojoxColorPickerHexCode[type="text"], .dojoxColorPickerRgbInput[type="number"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: content-box;
    vertical-align: middle;
    border-radius: 3px;
    max-width: 635px;
    background-color: #ffffff;
    border: 1px solid rgba(36,28,21,0.3);
    -webkit-appearance: none;
    margin: 0;
    height: 22px;
    min-height: 0;
    font-size: 13px;
    text-align: center;
    padding: 0;
    display: block
}

    .dojoxColorPickerHexCode[type="text"]:hover, .dojoxColorPickerRgbInput[type="number"]:hover {
        border: 1px solid rgba(36,28,21,0.3)
    }

    .dojoxColorPickerHexCode[type="text"]:focus, .dojoxColorPickerRgbInput[type="number"]:focus {
        border: 1px solid #007c89;
        outline: none
    }

.dojoxColorPickerHexCode[type="text"] {
    width: 68px;
    text-transform: lowercase;
    text-align: center
}

.dojoxColorPickerRgbInput[type="number"] {
    width: 30px;
    min-width: 30px
}

.dojoxColorPickerControl {
    text-align: center;
    padding-bottom: 0;
    color: rgba(36,28,21,0.65)
}

.dojoxColorPickerRgb > .dojoxColorPickerControl {
    float: left
}

.dojoxColorPickerRgbInput[type="number"] {
    border-radius: 0
}

.dojoxColorPickerControl:first-child > .dojoxColorPickerRgbInput[type="number"] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right-width: 0
}

.dojoxColorPickerControl:last-child > .dojoxColorPickerRgbInput[type="number"] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left-width: 0
}

.dijitSliderMoveable {
    z-index: 99;
    position: absolute !important;
    right: 0
}

.dj_a11y .dijitSliderImageHandle, .dijitSliderImageHandle {
    position: relative !important;
    border: 2px solid #d0d0d0;
    background: #ffffff;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 200px;
    outline: none !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18)
}

    .dj_a11y .dijitSliderImageHandle:hover, .dijitSliderImageHandle:hover, .dj_a11y .dijitSliderImageHandle:focus, .dijitSliderImageHandle:focus {
        border-color: #959595
    }

.dijitDisabled .dijitSliderImageHandle {
    background: #f2f2f2;
    cursor: not-allowed;
    box-shadow: none
}

.dijitSliderImageHandleH {
    left: 50%;
    top: -12px
}

.dijitSliderBar {
    cursor: default;
    -webkit-tap-highlight-color: transparent
}

.dijitSliderBarContainerH {
    position: relative
}

.dj_gecko .dijitSliderBarContainerH, .dj_ie .dijitSliderBarContainerH {
    top: -6px
}

.dijitSliderBarH {
    height: 6px;
    top: 0
}

.dijitSliderProgressBar {
    background: #52bad5
}

.dijitSliderProgressBarH {
    position: absolute;
    width: 0;
    vertical-align: middle;
    overflow: visible;
    z-index: 3
}

.dijitSliderRemainingBar {
    overflow: hidden;
    background: #f2f2f2;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.dijitSliderRemainingBarH {
    width: 100% !important
}

.dijitSliderBumper {
    overflow: hidden
}

.dijitSliderBumperH {
    width: 6px;
    height: 6px
}

.dijitSliderLeftBumper {
    border-radius: 4px 0 0 4px;
    background: #52bad5
}

.dijitSliderRightBumper {
    border-radius: 0 4px 4px 0;
    background: #f2f2f2
}

.dijitSliderDecoration {
    text-align: center;
    height: 18px
}

.dijitSliderDecorationC {
    position: relative
}

.dijitSliderDecorationH {
    width: 100%
}

.dj_a11y .dijitSliderButtonInner {
    visibility: visible !important
}

.dijitSliderButtonContainer {
    text-align: center;
    height: 0
}

    .dijitSliderButtonContainer * {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent
    }

.dijitSlider .dijitButtonNode {
    padding: 0;
    display: block
}

.dijitRuleContainer {
    position: relative;
    overflow: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.dijitRuleMark {
    position: absolute;
    border: 1px solid #ffffff;
    line-height: 0;
    height: 6px;
    top: -6px;
    z-index: 4
}

.dijitRuleMarkH {
    width: 0;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    border-left-width: 0 !important
}

.dijitRuleLabelContainerH {
    text-align: center;
    display: inline-block
}

.dijitRuleLabelH {
    position: relative;
    font-size: 13px
}

.dj_a11y .dijitSliderReadOnly, .dj_a11y .dijitSliderDisabled {
    opacity: .6
}

.dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar, .dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar {
    filter: alpha(opacity=40)
}

.dj_a11y .dijitSlider .dijitSliderButtonContainer div {
    font-family: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace;
    font-size: 1em;
    line-height: 1em;
    height: auto;
    width: auto;
    margin: 0 4px
}

.dijitSliderPotentialBar {
    background: #b1e0ec;
    -ms-transition: width 0.23s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    transition: width 0.23s cubic-bezier(0.7, 0, 0.175, 1) 0s
}

.dijitSlider.tall-slider .dijitSliderBarH, .dijitSlider.tall-slider .dijitSliderBumperH, .dijitSlider.tall-slider .dijitRuleMarkH {
    height: 12px
}

.dijitSlider.tall-slider .dijitRuleMark {
    top: -12px
}

.dijitSlider.tall-slider .dijitSliderImageHandleH {
    top: -9px
}

.dijitSlider.tall-slider .dijitSliderLeftBumper {
    border-radius: 8px 0 0 8px
}

.dijitSlider.tall-slider .dijitSliderRightBumper {
    border-radius: 0 8px 8px 0
}

.dijitSlider.gradient-slider .dijitSliderLeftBumper {
    background: #85cee1
}

.dijitSlider.gradient-slider .dijitSliderProgressBar {
    background: linear-gradient(90deg, #85cee1, #52bad5)
}

.slider-label {
    width: 36px;
    height: 30px;
    line-height: 30px;
    background: #373737;
    color: #ffffff;
    top: -81px;
    left: 15px
}

    .slider-label::before {
        content: '';
        position: absolute;
        top: 30px;
        left: 13px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #373737
    }

.dojoxCheckedMultiSelect select[multiple] {
    display: none
}

.dojoxCheckedMultiSelectHidden {
    display: none
}

.dojoxCheckedMultiSelectButton {
    padding: 0 8px;
    margin-bottom: 24px;
    vertical-align: middle;
    min-width: 50px;
    max-width: 635px;
    width: 100%;
    min-height: 36px;
    background-color: #ffffff;
    border: 1px solid rgba(36,28,21,0.3);
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    width: auto;
    overflow: hidden;
    cursor: pointer;
    margin-right: 18px;
    border-radius: 2px;
    display: inline-block
}

    .dojoxCheckedMultiSelectButton:focus {
        outline: none;
        border: 1px solid #007c89;
        box-shadow: inset 0 0 0 1px #007c89
    }

    .dojoxCheckedMultiSelectButton.invalid {
        border-color: #f25f25;
        box-shadow: inset 0 0 0 1px #f25f25
    }

    .dojoxCheckedMultiSelectButton[disabled] {
        filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
        -webkit-filter: grayscale(100%);
        opacity: .5;
        cursor: not-allowed
    }

    .dojoxCheckedMultiSelectButton .dijitDownArrowButton {
        border-left: none
    }

    .dojoxCheckedMultiSelectButton .dijitButtonNodeHover {
        background-color: transparent
    }

.dojoxCheckedMultiSelectButtonOpenedFocused {
    -ms-transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    transition: border 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    border: 1px solid #007c89;
    box-shadow: inset 0 0 0 1px #007c89
}

.dojoxCheckedMultiSelectMenu {
    overflow-y: auto !important;
    max-width: 350px
}

    .dojoxCheckedMultiSelectMenu .dijitMenuItemIconCell {
        background-position: 0 -26px
    }

    .dojoxCheckedMultiSelectMenu .dijitMenuItem {
        cursor: pointer;
        width: 100%
    }

        .dojoxCheckedMultiSelectMenu .dijitMenuItem.dijitMenuItemFocused .dijitMenuItemIconCell {
            background-position: 0 -52px
        }

        .dojoxCheckedMultiSelectMenu .dijitMenuItem.dojoxCheckedMultiSelectMenuItemChecked .dijitMenuItemIconCell {
            background-position: 0 -104px
        }

        .dojoxCheckedMultiSelectMenu .dijitMenuItem.dojoxCheckedMultiSelectMenuItemChecked.dijitMenuItemFocused .dijitMenuItemIconCell {
            background-position: 0 -130px
        }

    .dojoxCheckedMultiSelectMenu .dijitMenuItemIconCell {
        position: relative;
        display: block;
        margin: 0 0 0 16px
    }

        .dojoxCheckedMultiSelectMenu .dijitMenuItemIconCell .dojoxCheckedMultiSelectMenuCheckBoxItemIcon {
            opacity: 0;
            visibility: hidden;
            width: 0
        }

    .dojoxCheckedMultiSelectMenu .dijitMenuItemLabel {
        width: 100%;
        background-color: transparent
    }

.icon80 {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/icons/integration-hero-icons.png) no-repeat scroll 0 0 transparent;
    width: 80px;
    height: 80px;
    margin: 0 auto
}

    .icon80.directory {
        background-position: -90px 0
    }

.icon64 {
    height: 64px;
    width: 64px
}

    .icon64.active {
        background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/icons/integration-icons-color.png) 0 0 transparent no-repeat
    }

    .icon64.inactive {
        background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/icons/integration-icons-gray.png) 0 0 transparent no-repeat
    }

    .icon64.twitter {
        background-position: 0 -94px
    }

    .icon64.mandrill {
        background-position: 0 -188px
    }

    .icon64.smonkey {
        background-position: 0 -282px
    }

    .icon64.google {
        background-position: 0 -376px
    }

    .icon64.shopify {
        background-position: 0 -470px
    }

    .icon64.eventbrite {
        background-position: 0 -564px
    }

    .icon64.gizmo {
        background-position: 0 -658px
    }

    .icon64.highrise {
        background-position: 0 -752px
    }

    .icon64.salesforce {
        background-position: 0 -846px
    }

    .icon64.freshbooks {
        background-position: 0 -940px
    }

    .icon64.zendesk {
        background-position: 0 -1034px
    }

    .icon64.zoho {
        background-position: 0 -1128px
    }

    .icon64.capsule {
        background-position: 0 -1222px
    }

    .icon64.amazonses {
        background-position: 0 -1504px
    }

    .icon64.goal {
        background-position: 0 -1598px
    }

    .icon64.paypal {
        background-position: 0 -1786px
    }

    .icon64.bigcommerce {
        background-position: 0 -2162px
    }

    .icon64.magento {
        background-position: 0 -2256px
    }

    .icon64.woocommerce {
        background-position: 0 -2350px
    }

.v-icon--withOffset {
    margin: 12px 0 11px 30px
}

.partners {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/third-party-logos/partners.png) no-repeat 8px 6px transparent;
    margin-top: 6px
}

    .partners.ss {
        background-position: 0 -166px
    }

    .partners.tw {
        background-position: 0 -582px
    }

    .partners.wf {
        background-position: 0 -793px
    }

.c-channelIcon {
    width: 24px;
    height: 25px;
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/sprites/channel-icons-v3.svg) no-repeat;
    background-position: 0 -32px;
    background-size: 24px 247px
}

.c-channelIcon--ad {
    background-position: 0 0
}

.c-channelIcon--email {
    background-position: 0 -32px
}

.c-channelIcon--site {
    background-position: 0 -64px
}

.c-channelIcon--settings {
    background-position: 0 -96px
}

.c-channelIcon--code {
    background-position: 0 -128px
}

.c-channelIcon--page {
    background-position: 0 -160px
}

.c-channelIcon--postcard {
    background-position: 0 -192px
}

.c-channelIcon--social {
    background-position: 0 -223px
}

.profile {
    display: block;
    height: inherit;
    vertical-align: top
}

.st-overlay {
    display: none;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.9)
}

    .st-overlay.loading {
        z-index: 2;
        display: block
    }

    .st-overlay img {
        left: 50%;
        top: 48px;
        position: absolute
    }

.segmentation-overlay {
    background-color: #ffffff;
    margin-left: 15px;
    margin-right: 15px
}

#member-grid-wrap.disabled {
    display: none
}

.subscriber-table {
    padding: 0 15px
}

.st {
    border: 1px solid #dedddc;
    border-bottom: 0 none;
    left: 0;
    right: 0
}

    .st .star-rating {
        line-height: inherit
    }

    .st:only-child {
        border: 1px solid #dedddc
    }

        .st:only-child .col-head {
            border-bottom: 1px solid #dedddc
        }

    .st + .st {
        border-bottom: 1px solid #dedddc
    }

    .st + .few-rows .col-head {
        font-weight: 500;
        background-color: #f2f2f2;
        border-bottom: 1px solid #dedddc
    }

    .st + .few-rows .row-select {
        min-height: 49px
    }

        .st + .few-rows .row-select + td {
            line-height: 48px
        }

    .st a, .st a:visited {
        color: #241c15
    }

    .st .inner {
        overflow-x: auto;
        overflow-y: hidden;
        background: linear-gradient(90deg, #ffffff 100%, rgba(255,255,255,0)) 0 0,linear-gradient(270deg, #ffffff 100%, rgba(255,255,255,0)) 100% 0,linear-gradient(90deg, #e3e3e3 95%, rgba(255,255,255,0)) 0 0,linear-gradient(270deg, #e3e3e3 0, rgba(255,255,255,0)) 100% 0;
        background-repeat: no-repeat;
        background-color: #ffffff;
        background-size: 301px 100%,12px 100%,301px 100%,12px 100%;
        background-attachment: local,local,scroll,scroll
    }

@media only screen and (max-width:64em) {
    .st .inner {
        background: #ffffff
    }
}

.st img {
    max-height: 45px
}

.st .freddicon {
    line-height: inherit
}

.st table {
    margin-left: 288px;
    table-layout: fixed;
    font-size: 13px;
    cursor: default
}

@media only screen and (max-width:40em) {
    .st table {
        margin-left: 0 !important
    }
}

.st .email-only {
    margin-left: 0;
    width: 100%
}

.st .profile-view::after {
    font-family: 'freddicons';
    vertical-align: top;
    display: inline-block;
    line-height: unset;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: "\e023";
    position: absolute;
    right: 12px;
    top: 15px;
    color: #b7b7b7;
    speak: none
}

.st .profile-view > a {
    display: block;
    line-height: 48px;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.st td {
    line-height: 48px;
    padding: 0 18px;
    white-space: nowrap;
    vertical-align: top;
    border-bottom: 1px solid #dedddc;
    overflow-x: hidden;
    overflow-y: auto
}

.st .address {
    height: 48px;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 21px
}

.st .row-head {
    background: #ffffff;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    left: 0;
    border-right: 1px solid #f2f2f2;
    min-width: 240px !important;
    max-width: 240px !important
}

    .st .row-head.row-select, .st .row-head.profile-select {
        text-align: center;
        min-width: 48px !important;
        max-width: 48px !important;
        padding: 0
    }

    .st .row-head .dijitCheckBox {
        margin: -3px 0 0
    }

    .st .row-head + .row-head {
        left: 48px
    }

@media only screen and (max-width:40em) {
    .st .row-head + .row-head {
        left: 0
    }
}

.st .row-head.col-head {
    background-color: #f2f2f2
}

@media only screen and (max-width:40em) {
    .st .row-head {
        position: relative
    }
}

.st .no-checkbox .row-head {
    min-width: 288px !important;
    max-width: 288px !important
}

.st .col-head {
    border-bottom: 0 none;
    font-weight: 500
}

.st .sortable:hover {
    background-color: #fff2cf;
    cursor: pointer
}

.st .sorted {
    background-color: #f2f2f2
}

    .st .sorted::after {
        font-family: "freddicons";
        font-weight: normal;
        margin-left: 6px;
        line-height: 1;
        vertical-align: baseline
    }

.st .sort-a::after {
    content: "\e030"
}

.st .sort-d::after {
    content: "\e029"
}

.st .row-head {
    font-weight: 500;
    color: #241c15
}

.st .row-select {
    overflow: visible;
    z-index: 1
}

    .st .row-select a {
        text-align: left
    }

    .st .row-select .hover-list > li > a {
        text-align: center;
        padding: 0
    }

        .st .row-select .hover-list > li > a::after {
            line-height: 48px;
            margin: 0
        }

    .st .row-select + td {
        line-height: 48px
    }

.st .table-contents tr:last-child td {
    border-bottom: 0 none
}

.st .table-contents tr:hover td:not(.col-head) {
    background-color: #fff2cf
}

.st .table-header {
    overflow: visible
}

.st.sticky {
    border-bottom: 1px solid #dedddc;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
    position: fixed;
    z-index: 30;
    top: 0;
    right: auto;
    left: auto;
    max-width: 1240px;
    margin: 0 auto
}

@media only screen and (max-width:64em) {
    .st.sticky {
        left: 15px;
        right: 15px
    }
}

.st.sticky .row-select + td {
    line-height: 48px
}

.fixed-header .inner {
    background: linear-gradient(90deg, #f2f2f2 100%, rgba(255,255,255,0)) 0 0,linear-gradient(270deg, #f2f2f2 100%, rgba(255,255,255,0)) 100% 0,linear-gradient(90deg, #e3e3e3 95%, rgba(255,255,255,0)) 0 0,linear-gradient(270deg, #e3e3e3 0, rgba(255,255,255,0)) 100% 0;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    background-size: 304px 100%,12px 100%,304px 100%,12px 100%;
    background-attachment: local,local,scroll,scroll
}

@media only screen and (max-width:64em) {
    .fixed-header .inner {
        background: #f2f2f2
    }
}

.dj_ie .fixed-header {
    width: 100%
}

.dj_ios .st table {
    margin-left: 0
}

.dj_ios .st td {
    background: #ffffff
}

.dj_ios .st .col-head {
    background: #f2f2f2
}

.dj_ios .st .row-head {
    left: 48px
}

.dj_ios .st .profile-select, .dj_ios .st .row-select {
    left: 0
}

.dj_ios .st .row-head, .dj_ios .st .row-select {
    position: -webkit-sticky;
    z-index: 2
}

.dj_ios .fixed-header {
    position: -webkit-sticky !important;
    top: 0 !important
}

    .dj_ios .fixed-header .row-select {
        z-index: 9
    }

.stat-block {
    padding-top: 30px;
    padding-bottom: 30px;
    border: 1px solid #bdbbb9;
    border-left: 0 none
}

    .stat-block.no-border {
        border: none
    }

        .stat-block.no-border:first-child {
            border: none
        }

    .stat-block:first-child {
        border-left: 1px solid #bdbbb9;
        border-radius: 4px 0 0 4px
    }

    .stat-block:last-child {
        border-radius: 0 4px 4px 0
    }

    .stat-block:only-child {
        border-radius: 4px
    }

    .stat-block > .freddicon {
        color: #d0d0d0;
        display: block;
        margin: 0 auto 12px
    }

    .stat-block p {
        max-width: 100%;
        margin-bottom: 0
    }

@media only screen and (max-width:40em) {
    .stat-block p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.stat-block p .freddicon {
    color: #b7b7b7
}

.stat-block .hover-list > li > ul {
    left: auto;
    right: auto;
    top: 42px
}

@media only screen and (max-width:40em) {
    .stat-block {
        padding-top: 12px;
        padding-bottom: 12px;
        border-left: 1px solid #bdbbb9;
        border-top: 0 none
    }

        .stat-block:nth-child(n) {
            border-radius: 0
        }

        .stat-block:first-child {
            border-top: 1px solid #bdbbb9;
            border-radius: 4px 4px 0 0
        }

        .stat-block:last-child {
            border-radius: 0 0 4px 4px
        }
}

@media only screen and (max-width:40em) {
    .c-statBlock {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-unavailableStat {
    color: #d9d9d9
}

.radio-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .radio-grid li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        min-width: 210px;
        max-width: 25%;
        width: 25%;
        padding: 0 15px 15px 0
    }

@media only screen and (max-width:60em) {
    .radio-grid li {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media only screen and (max-width:40em) {
    .radio-grid li {
        max-width: none;
        width: 100%
    }
}

@media only screen and (max-width:60em) {
    .dj_safari .radio-grid li {
        min-width: 25%
    }
}

.radio-grid.small-grid li {
    min-width: 100px;
    max-width: none;
    width: 33%
}

.radio-grid label {
    -ms-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    border: 1px solid rgba(36,28,21,0.3);
    width: 100%;
    position: relative
}

    .radio-grid label:focus, .radio-grid label:hover {
        border-color: #007c89
    }

    .radio-grid label::after {
        font-family: 'freddicons';
        speak: none;
        vertical-align: top;
        display: inline-block;
        line-height: unset;
        font-weight: normal !important;
        font-style: normal !important;
        text-transform: none !important;
        font-size: 20px !important;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        content: "\e036";
        -ms-transition: color .2s ease-in-out 0s;
        transition: color .2s ease-in-out 0s;
        color: transparent;
        position: absolute;
        top: 6px;
        right: 6px
    }

.radio-grid input[type="radio"] {
    top: 0;
    left: 0;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

    .radio-grid input[type="radio"]:checked + label {
        border-color: #007c89
    }

        .radio-grid input[type="radio"]:checked + label::after {
            color: #007c89
        }

.switchWrapperDisabled {
    filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    -webkit-filter: grayscale(100%);
    opacity: .5
}

.switch, .switch-small {
    width: 85px;
    height: 40px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

    .switch label, .switch-small label {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0;
        border-radius: 40px;
        background: #ffffff;
        box-shadow: inset 0 0 0 1px rgba(36,28,21,0.3);
        -ms-transition: background 0.2s ease-in-out 0s;
        transition: background 0.2s ease-in-out 0s
    }

.switchWrapperDisabled .switch label, .switchWrapperDisabled .switch-small label {
    background: #efeeea
}

.switch label span, .switch-small label span {
    display: block;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background: #efeeea;
    position: absolute;
    z-index: 2;
    right: 46px;
    top: 2px;
    -ms-transition: background 0.2s ease-in-out 0s;
    transition: background 0.2s ease-in-out 0s;
    -ms-transition: right 0.1s ease-in 0s;
    transition: right 0.1s ease-in 0s
}

.switchWrapperDisabled .switch label span, .switchWrapperDisabled .switch-small label span {
    background: #ffffff
}

.switch label span::before, .switch-small label span::before {
    font-family: 'freddicons';
    font-size: 20px;
    color: transparent;
    content: "\e037";
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -32px
}

.switch input, .switch-small input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer
}

    .switch input:checked ~ label, .switch-small input:checked ~ label {
        box-shadow: none;
        background: #007c89
    }

.switchWrapperDisabled .switch input:checked ~ label, .switchWrapperDisabled .switch-small input:checked ~ label {
    background: #efeeea
}

.switch input:checked ~ label span, .switch-small input:checked ~ label span {
    background: #ffffff;
    right: 3px
}

    .switch input:checked ~ label span::before, .switch-small input:checked ~ label span::before {
        font-family: 'freddicons';
        font-size: 20px;
        content: "\e036";
        right: 45px;
        color: #ffffff
    }

.switchWrapperDisabled .switch input:checked ~ label span::before, .switchWrapperDisabled .switch-small input:checked ~ label span::before {
    color: rgba(36,28,21,0.3)
}

.switch-small {
    height: 28px;
    width: 66px
}

    .switch-small label span {
        height: 24px;
        width: 24px;
        right: 39px
    }

        .switch-small label span::before {
            font-size: 15px;
            right: -27px
        }

    .switch-small input:checked ~ label span {
        right: 3px
    }

        .switch-small input:checked ~ label span::before {
            font-family: 'freddicons';
            font-size: 17px;
            right: 33px
        }

.switchDescription {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    text-align: left
}

    .switchDescription p {
        margin-bottom: 0
    }

img.emoji {
    display: inline;
    width: 16px;
    height: 16px
}

.emoji-pop.mc-dijitMenu {
    max-width: 240px
}

    .emoji-pop.mc-dijitMenu .dijitTooltipContainer {
        position: relative;
        height: 236px
    }

        .emoji-pop.mc-dijitMenu .dijitTooltipContainer .esprite {
            cursor: pointer
        }

            .emoji-pop.mc-dijitMenu .dijitTooltipContainer .esprite:hover {
                border-color: #e6f2f3;
                background-color: #e6f2f3
            }

    .emoji-pop.mc-dijitMenu .dijitTooltipConnector {
        display: block
    }

@media screen and (max-width:40em) {
    .emoji-pop.mc-dijitMenu {
        max-width: 100%
    }

        .emoji-pop.mc-dijitMenu .dijitTooltipContainer {
            height: 388px
        }

        .emoji-pop.mc-dijitMenu .emojiscroll {
            height: 332px
        }
}

.emojibutton {
    background: none !important;
    outline: none;
    min-width: auto;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    opacity: .4
}

    .emojibutton .dijitButtonNode {
        padding: 6px 0 0 0
    }

    .emojibutton .dijitButtonText {
        line-height: 18px;
        height: 22px
    }

    .emojibutton .dijitArrowButtonInner {
        display: none
    }

    .emojibutton .dijitbelow-altArrowButton {
        background: transparent
    }

        .emojibutton .dijitbelow-altArrowButton::after {
            display: none
        }

    .emojibutton .esprite {
        border-color: transparent;
        border-width: 0 8px
    }

    .emojibutton.dijitDropDownButtonHover {
        opacity: 1
    }

    .emojibutton.dijitDropDownButtonFocused {
        opacity: 1;
        box-shadow: inset 0 0 0 2px #007c89
    }

.emojiscroll {
    height: 190px;
    overflow: auto;
    border-bottom: 1px solid #d0d0d0;
    padding: 4px 0 0 4px
}

.esprite {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/emoji/sprite48.png);
    background-repeat: no-repeat;
    background-size: 900px;
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 6px solid #ffffff;
    box-sizing: content-box
}

.e-cat-nav {
    position: absolute;
    bottom: 0;
    left: 4px
}

.e-1f004 {
    background-position: -3px -3px
}

.e-1f0cf {
    background-position: -33px -3px
}

.e-1f170 {
    background-position: -63px -3px
}

.e-1f171 {
    background-position: -93px -3px
}

.e-1f17e {
    background-position: -123px -3px
}

.e-1f17f {
    background-position: -153px -3px
}

.e-1f18e {
    background-position: -183px -3px
}

.e-1f191 {
    background-position: -213px -3px
}

.e-1f192 {
    background-position: -243px -3px
}

.e-1f193 {
    background-position: -273px -3px
}

.e-1f194 {
    background-position: -303px -3px
}

.e-1f195 {
    background-position: -333px -3px
}

.e-1f196 {
    background-position: -363px -3px
}

.e-1f197 {
    background-position: -393px -3px
}

.e-1f198 {
    background-position: -423px -3px
}

.e-1f199 {
    background-position: -453px -3px
}

.e-1f19a {
    background-position: -483px -3px
}

.e-1f1e6 {
    background-position: -513px -3px
}

.e-1f1e7 {
    background-position: -543px -3px
}

.e-1f1e8 {
    background-position: -573px -3px
}

.e-1f1e8-1f1f3 {
    background-position: -603px -3px
}

.e-1f1e9 {
    background-position: -633px -3px
}

.e-1f1e9-1f1ea {
    background-position: -663px -3px
}

.e-1f1ea {
    background-position: -693px -3px
}

.e-1f1ea-1f1f8 {
    background-position: -723px -3px
}

.e-1f1eb {
    background-position: -753px -3px
}

.e-1f1eb-1f1f7 {
    background-position: -783px -3px
}

.e-1f1ec {
    background-position: -813px -3px
}

.e-1f1ec-1f1e7 {
    background-position: -843px -3px
}

.e-1f1ed {
    background-position: -3px -33px
}

.e-1f1ee {
    background-position: -33px -33px
}

.e-1f1ee-1f1f9 {
    background-position: -63px -33px
}

.e-1f1ef {
    background-position: -93px -33px
}

.e-1f1ef-1f1f5 {
    background-position: -123px -33px
}

.e-1f1f0 {
    background-position: -153px -33px
}

.e-1f1f0-1f1f7 {
    background-position: -183px -33px
}

.e-1f1f1 {
    background-position: -213px -33px
}

.e-1f1f2 {
    background-position: -243px -33px
}

.e-1f1f3 {
    background-position: -273px -33px
}

.e-1f1f4 {
    background-position: -303px -33px
}

.e-1f1f5 {
    background-position: -333px -33px
}

.e-1f1f6 {
    background-position: -363px -33px
}

.e-1f1f7 {
    background-position: -393px -33px
}

.e-1f1f7-1f1fa {
    background-position: -423px -33px
}

.e-1f1f8 {
    background-position: -453px -33px
}

.e-1f1f9 {
    background-position: -483px -33px
}

.e-1f1fa {
    background-position: -513px -33px
}

.e-1f1fa-1f1f8 {
    background-position: -543px -33px
}

.e-1f1fb {
    background-position: -573px -33px
}

.e-1f1fc {
    background-position: -603px -33px
}

.e-1f1fd {
    background-position: -633px -33px
}

.e-1f1fe {
    background-position: -663px -33px
}

.e-1f1ff {
    background-position: -693px -33px
}

.e-1f201 {
    background-position: -723px -33px
}

.e-1f202 {
    background-position: -753px -33px
}

.e-1f21a {
    background-position: -783px -33px
}

.e-1f22f {
    background-position: -813px -33px
}

.e-1f232 {
    background-position: -843px -33px
}

.e-1f233 {
    background-position: -3px -63px
}

.e-1f234 {
    background-position: -33px -63px
}

.e-1f235 {
    background-position: -63px -63px
}

.e-1f236 {
    background-position: -93px -63px
}

.e-1f237 {
    background-position: -123px -63px
}

.e-1f238 {
    background-position: -153px -63px
}

.e-1f239 {
    background-position: -183px -63px
}

.e-1f23a {
    background-position: -213px -63px
}

.e-1f250 {
    background-position: -243px -63px
}

.e-1f251 {
    background-position: -273px -63px
}

.e-1f300 {
    background-position: -303px -63px
}

.e-1f301 {
    background-position: -333px -63px
}

.e-1f302 {
    background-position: -363px -63px
}

.e-1f303 {
    background-position: -393px -63px
}

.e-1f304 {
    background-position: -423px -63px
}

.e-1f305 {
    background-position: -453px -63px
}

.e-1f306 {
    background-position: -483px -63px
}

.e-1f307 {
    background-position: -513px -63px
}

.e-1f308 {
    background-position: -543px -63px
}

.e-1f309 {
    background-position: -573px -63px
}

.e-1f30a {
    background-position: -603px -63px
}

.e-1f30b {
    background-position: -633px -63px
}

.e-1f30c {
    background-position: -663px -63px
}

.e-1f30d {
    background-position: -693px -63px
}

.e-1f30e {
    background-position: -723px -63px
}

.e-1f30f {
    background-position: -753px -63px
}

.e-1f310 {
    background-position: -783px -63px
}

.e-1f311 {
    background-position: -813px -63px
}

.e-1f312 {
    background-position: -843px -63px
}

.e-1f313 {
    background-position: -3px -93px
}

.e-1f314 {
    background-position: -33px -93px
}

.e-1f315 {
    background-position: -63px -93px
}

.e-1f316 {
    background-position: -93px -93px
}

.e-1f317 {
    background-position: -123px -93px
}

.e-1f318 {
    background-position: -153px -93px
}

.e-1f319 {
    background-position: -183px -93px
}

.e-1f31a {
    background-position: -213px -93px
}

.e-1f31b {
    background-position: -243px -93px
}

.e-1f31c {
    background-position: -273px -93px
}

.e-1f31d {
    background-position: -303px -93px
}

.e-1f31e {
    background-position: -333px -93px
}

.e-1f31f {
    background-position: -363px -93px
}

.e-1f320 {
    background-position: -393px -93px
}

.e-1f330 {
    background-position: -423px -93px
}

.e-1f331 {
    background-position: -453px -93px
}

.e-1f332 {
    background-position: -483px -93px
}

.e-1f333 {
    background-position: -513px -93px
}

.e-1f334 {
    background-position: -543px -93px
}

.e-1f335 {
    background-position: -573px -93px
}

.e-1f337 {
    background-position: -603px -93px
}

.e-1f338 {
    background-position: -633px -93px
}

.e-1f339 {
    background-position: -663px -93px
}

.e-1f33a {
    background-position: -693px -93px
}

.e-1f33b {
    background-position: -723px -93px
}

.e-1f33c {
    background-position: -753px -93px
}

.e-1f33d {
    background-position: -783px -93px
}

.e-1f33e {
    background-position: -813px -93px
}

.e-1f33f {
    background-position: -843px -93px
}

.e-1f340 {
    background-position: -3px -123px
}

.e-1f341 {
    background-position: -33px -123px
}

.e-1f342 {
    background-position: -63px -123px
}

.e-1f343 {
    background-position: -93px -123px
}

.e-1f344 {
    background-position: -123px -123px
}

.e-1f345 {
    background-position: -153px -123px
}

.e-1f346 {
    background-position: -183px -123px
}

.e-1f347 {
    background-position: -213px -123px
}

.e-1f348 {
    background-position: -243px -123px
}

.e-1f349 {
    background-position: -273px -123px
}

.e-1f34a {
    background-position: -303px -123px
}

.e-1f34b {
    background-position: -333px -123px
}

.e-1f34c {
    background-position: -363px -123px
}

.e-1f34d {
    background-position: -393px -123px
}

.e-1f34e {
    background-position: -423px -123px
}

.e-1f34f {
    background-position: -453px -123px
}

.e-1f350 {
    background-position: -483px -123px
}

.e-1f351 {
    background-position: -513px -123px
}

.e-1f352 {
    background-position: -543px -123px
}

.e-1f353 {
    background-position: -573px -123px
}

.e-1f354 {
    background-position: -603px -123px
}

.e-1f355 {
    background-position: -633px -123px
}

.e-1f356 {
    background-position: -663px -123px
}

.e-1f357 {
    background-position: -693px -123px
}

.e-1f358 {
    background-position: -723px -123px
}

.e-1f359 {
    background-position: -753px -123px
}

.e-1f35a {
    background-position: -783px -123px
}

.e-1f35b {
    background-position: -813px -123px
}

.e-1f35c {
    background-position: -843px -123px
}

.e-1f35d {
    background-position: -3px -153px
}

.e-1f35e {
    background-position: -33px -153px
}

.e-1f35f {
    background-position: -63px -153px
}

.e-1f360 {
    background-position: -93px -153px
}

.e-1f361 {
    background-position: -123px -153px
}

.e-1f362 {
    background-position: -153px -153px
}

.e-1f363 {
    background-position: -183px -153px
}

.e-1f364 {
    background-position: -213px -153px
}

.e-1f365 {
    background-position: -243px -153px
}

.e-1f366 {
    background-position: -273px -153px
}

.e-1f367 {
    background-position: -303px -153px
}

.e-1f368 {
    background-position: -333px -153px
}

.e-1f369 {
    background-position: -363px -153px
}

.e-1f36a {
    background-position: -393px -153px
}

.e-1f36b {
    background-position: -423px -153px
}

.e-1f36c {
    background-position: -453px -153px
}

.e-1f36d {
    background-position: -483px -153px
}

.e-1f36e {
    background-position: -513px -153px
}

.e-1f36f {
    background-position: -543px -153px
}

.e-1f370 {
    background-position: -573px -153px
}

.e-1f371 {
    background-position: -603px -153px
}

.e-1f372 {
    background-position: -633px -153px
}

.e-1f373 {
    background-position: -663px -153px
}

.e-1f374 {
    background-position: -693px -153px
}

.e-1f375 {
    background-position: -723px -153px
}

.e-1f376 {
    background-position: -753px -153px
}

.e-1f377 {
    background-position: -783px -153px
}

.e-1f378 {
    background-position: -813px -153px
}

.e-1f379 {
    background-position: -843px -153px
}

.e-1f37a {
    background-position: -3px -183px
}

.e-1f37b {
    background-position: -33px -183px
}

.e-1f37c {
    background-position: -63px -183px
}

.e-1f380 {
    background-position: -93px -183px
}

.e-1f381 {
    background-position: -123px -183px
}

.e-1f382 {
    background-position: -153px -183px
}

.e-1f383 {
    background-position: -183px -183px
}

.e-1f384 {
    background-position: -213px -183px
}

.e-1f385 {
    background-position: -243px -183px
}

.e-1f386 {
    background-position: -273px -183px
}

.e-1f387 {
    background-position: -303px -183px
}

.e-1f388 {
    background-position: -333px -183px
}

.e-1f389 {
    background-position: -363px -183px
}

.e-1f38a {
    background-position: -393px -183px
}

.e-1f38b {
    background-position: -423px -183px
}

.e-1f38c {
    background-position: -453px -183px
}

.e-1f38d {
    background-position: -483px -183px
}

.e-1f38e {
    background-position: -513px -183px
}

.e-1f38f {
    background-position: -543px -183px
}

.e-1f390 {
    background-position: -573px -183px
}

.e-1f391 {
    background-position: -603px -183px
}

.e-1f392 {
    background-position: -633px -183px
}

.e-1f393 {
    background-position: -663px -183px
}

.e-1f3a0 {
    background-position: -693px -183px
}

.e-1f3a1 {
    background-position: -723px -183px
}

.e-1f3a2 {
    background-position: -753px -183px
}

.e-1f3a3 {
    background-position: -783px -183px
}

.e-1f3a4 {
    background-position: -813px -183px
}

.e-1f3a5 {
    background-position: -843px -183px
}

.e-1f3a6 {
    background-position: -3px -213px
}

.e-1f3a7 {
    background-position: -33px -213px
}

.e-1f3a8 {
    background-position: -63px -213px
}

.e-1f3a9 {
    background-position: -93px -213px
}

.e-1f3aa {
    background-position: -123px -213px
}

.e-1f3ab {
    background-position: -153px -213px
}

.e-1f3ac {
    background-position: -183px -213px
}

.e-1f3ad {
    background-position: -213px -213px
}

.e-1f3ae {
    background-position: -243px -213px
}

.e-1f3af {
    background-position: -273px -213px
}

.e-1f3b0 {
    background-position: -303px -213px
}

.e-1f3b1 {
    background-position: -333px -213px
}

.e-1f3b2 {
    background-position: -363px -213px
}

.e-1f3b3 {
    background-position: -393px -213px
}

.e-1f3b4 {
    background-position: -423px -213px
}

.e-1f3b5 {
    background-position: -453px -213px
}

.e-1f3b6 {
    background-position: -483px -213px
}

.e-1f3b7 {
    background-position: -513px -213px
}

.e-1f3b8 {
    background-position: -543px -213px
}

.e-1f3b9 {
    background-position: -573px -213px
}

.e-1f3ba {
    background-position: -603px -213px
}

.e-1f3bb {
    background-position: -633px -213px
}

.e-1f3bc {
    background-position: -663px -213px
}

.e-1f3bd {
    background-position: -693px -213px
}

.e-1f3be {
    background-position: -723px -213px
}

.e-1f3bf {
    background-position: -753px -213px
}

.e-1f3c0 {
    background-position: -783px -213px
}

.e-1f3c1 {
    background-position: -813px -213px
}

.e-1f3c2 {
    background-position: -843px -213px
}

.e-1f3c3 {
    background-position: -3px -243px
}

.e-1f3c4 {
    background-position: -33px -243px
}

.e-1f3c6 {
    background-position: -63px -243px
}

.e-1f3c7 {
    background-position: -93px -243px
}

.e-1f3c8 {
    background-position: -123px -243px
}

.e-1f3c9 {
    background-position: -153px -243px
}

.e-1f3ca {
    background-position: -183px -243px
}

.e-1f3e0 {
    background-position: -213px -243px
}

.e-1f3e1 {
    background-position: -243px -243px
}

.e-1f3e2 {
    background-position: -273px -243px
}

.e-1f3e3 {
    background-position: -303px -243px
}

.e-1f3e4 {
    background-position: -333px -243px
}

.e-1f3e5 {
    background-position: -363px -243px
}

.e-1f3e6 {
    background-position: -393px -243px
}

.e-1f3e7 {
    background-position: -423px -243px
}

.e-1f3e8 {
    background-position: -453px -243px
}

.e-1f3e9 {
    background-position: -483px -243px
}

.e-1f3ea {
    background-position: -513px -243px
}

.e-1f3eb {
    background-position: -543px -243px
}

.e-1f3ec {
    background-position: -573px -243px
}

.e-1f3ed {
    background-position: -603px -243px
}

.e-1f3ee {
    background-position: -633px -243px
}

.e-1f3ef {
    background-position: -663px -243px
}

.e-1f3f0 {
    background-position: -693px -243px
}

.e-1f400 {
    background-position: -723px -243px
}

.e-1f401 {
    background-position: -753px -243px
}

.e-1f402 {
    background-position: -783px -243px
}

.e-1f403 {
    background-position: -813px -243px
}

.e-1f404 {
    background-position: -843px -243px
}

.e-1f405 {
    background-position: -3px -273px
}

.e-1f406 {
    background-position: -33px -273px
}

.e-1f407 {
    background-position: -63px -273px
}

.e-1f408 {
    background-position: -93px -273px
}

.e-1f409 {
    background-position: -123px -273px
}

.e-1f40a {
    background-position: -153px -273px
}

.e-1f40b {
    background-position: -183px -273px
}

.e-1f40c {
    background-position: -213px -273px
}

.e-1f40d {
    background-position: -243px -273px
}

.e-1f40e {
    background-position: -273px -273px
}

.e-1f40f {
    background-position: -303px -273px
}

.e-1f410 {
    background-position: -333px -273px
}

.e-1f411 {
    background-position: -363px -273px
}

.e-1f412 {
    background-position: -393px -273px
}

.e-1f413 {
    background-position: -423px -273px
}

.e-1f414 {
    background-position: -453px -273px
}

.e-1f415 {
    background-position: -483px -273px
}

.e-1f416 {
    background-position: -513px -273px
}

.e-1f417 {
    background-position: -543px -273px
}

.e-1f418 {
    background-position: -573px -273px
}

.e-1f419 {
    background-position: -603px -273px
}

.e-1f41a {
    background-position: -633px -273px
}

.e-1f41b {
    background-position: -663px -273px
}

.e-1f41c {
    background-position: -693px -273px
}

.e-1f41d {
    background-position: -723px -273px
}

.e-1f41e {
    background-position: -753px -273px
}

.e-1f41f {
    background-position: -783px -273px
}

.e-1f420 {
    background-position: -813px -273px
}

.e-1f421 {
    background-position: -843px -273px
}

.e-1f422 {
    background-position: -3px -303px
}

.e-1f423 {
    background-position: -33px -303px
}

.e-1f424 {
    background-position: -63px -303px
}

.e-1f425 {
    background-position: -93px -303px
}

.e-1f426 {
    background-position: -123px -303px
}

.e-1f427 {
    background-position: -153px -303px
}

.e-1f428 {
    background-position: -183px -303px
}

.e-1f429 {
    background-position: -213px -303px
}

.e-1f42a {
    background-position: -243px -303px
}

.e-1f42b {
    background-position: -273px -303px
}

.e-1f42c {
    background-position: -303px -303px
}

.e-1f42d {
    background-position: -333px -303px
}

.e-1f42e {
    background-position: -363px -303px
}

.e-1f42f {
    background-position: -393px -303px
}

.e-1f430 {
    background-position: -423px -303px
}

.e-1f431 {
    background-position: -453px -303px
}

.e-1f432 {
    background-position: -483px -303px
}

.e-1f433 {
    background-position: -513px -303px
}

.e-1f434 {
    background-position: -543px -303px
}

.e-1f435 {
    background-position: -573px -303px
}

.e-1f436 {
    background-position: -603px -303px
}

.e-1f437 {
    background-position: -633px -303px
}

.e-1f438 {
    background-position: -663px -303px
}

.e-1f439 {
    background-position: -693px -303px
}

.e-1f43a {
    background-position: -723px -303px
}

.e-1f43b {
    background-position: -753px -303px
}

.e-1f43c {
    background-position: -783px -303px
}

.e-1f43d {
    background-position: -813px -303px
}

.e-1f43e {
    background-position: -843px -303px
}

.e-1f440 {
    background-position: -3px -333px
}

.e-1f442 {
    background-position: -33px -333px
}

.e-1f443 {
    background-position: -63px -333px
}

.e-1f444 {
    background-position: -93px -333px
}

.e-1f445 {
    background-position: -123px -333px
}

.e-1f446 {
    background-position: -153px -333px
}

.e-1f447 {
    background-position: -183px -333px
}

.e-1f448 {
    background-position: -213px -333px
}

.e-1f449 {
    background-position: -243px -333px
}

.e-1f44a {
    background-position: -273px -333px
}

.e-1f44b {
    background-position: -303px -333px
}

.e-1f44c {
    background-position: -333px -333px
}

.e-1f44d {
    background-position: -363px -333px
}

.e-1f44e {
    background-position: -393px -333px
}

.e-1f44f {
    background-position: -423px -333px
}

.e-1f450 {
    background-position: -453px -333px
}

.e-1f451 {
    background-position: -483px -333px
}

.e-1f452 {
    background-position: -513px -333px
}

.e-1f453 {
    background-position: -543px -333px
}

.e-1f454 {
    background-position: -573px -333px
}

.e-1f455 {
    background-position: -603px -333px
}

.e-1f456 {
    background-position: -633px -333px
}

.e-1f457 {
    background-position: -663px -333px
}

.e-1f458 {
    background-position: -693px -333px
}

.e-1f459 {
    background-position: -723px -333px
}

.e-1f45a {
    background-position: -753px -333px
}

.e-1f45b {
    background-position: -783px -333px
}

.e-1f45c {
    background-position: -813px -333px
}

.e-1f45d {
    background-position: -843px -333px
}

.e-1f45e {
    background-position: -3px -363px
}

.e-1f45f {
    background-position: -33px -363px
}

.e-1f460 {
    background-position: -63px -363px
}

.e-1f461 {
    background-position: -93px -363px
}

.e-1f462 {
    background-position: -123px -363px
}

.e-1f463 {
    background-position: -153px -363px
}

.e-1f464 {
    background-position: -183px -363px
}

.e-1f465 {
    background-position: -213px -363px
}

.e-1f466 {
    background-position: -243px -363px
}

.e-1f467 {
    background-position: -273px -363px
}

.e-1f468 {
    background-position: -303px -363px
}

.e-1f469 {
    background-position: -333px -363px
}

.e-1f46a {
    background-position: -363px -363px
}

.e-1f46b {
    background-position: -393px -363px
}

.e-1f46c {
    background-position: -423px -363px
}

.e-1f46d {
    background-position: -453px -363px
}

.e-1f46e {
    background-position: -483px -363px
}

.e-1f46f {
    background-position: -513px -363px
}

.e-1f470 {
    background-position: -543px -363px
}

.e-1f471 {
    background-position: -573px -363px
}

.e-1f472 {
    background-position: -603px -363px
}

.e-1f473 {
    background-position: -633px -363px
}

.e-1f474 {
    background-position: -663px -363px
}

.e-1f475 {
    background-position: -693px -363px
}

.e-1f476 {
    background-position: -723px -363px
}

.e-1f477 {
    background-position: -753px -363px
}

.e-1f478 {
    background-position: -783px -363px
}

.e-1f479 {
    background-position: -813px -363px
}

.e-1f47a {
    background-position: -843px -363px
}

.e-1f47b {
    background-position: -3px -393px
}

.e-1f47c {
    background-position: -33px -393px
}

.e-1f47d {
    background-position: -63px -393px
}

.e-1f47e {
    background-position: -93px -393px
}

.e-1f47f {
    background-position: -123px -393px
}

.e-1f480 {
    background-position: -153px -393px
}

.e-1f481 {
    background-position: -183px -393px
}

.e-1f482 {
    background-position: -213px -393px
}

.e-1f483 {
    background-position: -243px -393px
}

.e-1f484 {
    background-position: -273px -393px
}

.e-1f485 {
    background-position: -303px -393px
}

.e-1f486 {
    background-position: -333px -393px
}

.e-1f487 {
    background-position: -363px -393px
}

.e-1f488 {
    background-position: -393px -393px
}

.e-1f489 {
    background-position: -423px -393px
}

.e-1f48a {
    background-position: -453px -393px
}

.e-1f48b {
    background-position: -483px -393px
}

.e-1f48c {
    background-position: -513px -393px
}

.e-1f48d {
    background-position: -543px -393px
}

.e-1f48e {
    background-position: -573px -393px
}

.e-1f48f {
    background-position: -603px -393px
}

.e-1f490 {
    background-position: -633px -393px
}

.e-1f491 {
    background-position: -663px -393px
}

.e-1f492 {
    background-position: -693px -393px
}

.e-1f493 {
    background-position: -723px -393px
}

.e-1f494 {
    background-position: -753px -393px
}

.e-1f495 {
    background-position: -783px -393px
}

.e-1f496 {
    background-position: -813px -393px
}

.e-1f497 {
    background-position: -843px -393px
}

.e-1f498 {
    background-position: -3px -423px
}

.e-1f499 {
    background-position: -33px -423px
}

.e-1f49a {
    background-position: -63px -423px
}

.e-1f49b {
    background-position: -93px -423px
}

.e-1f49c {
    background-position: -123px -423px
}

.e-1f49d {
    background-position: -153px -423px
}

.e-1f49e {
    background-position: -183px -423px
}

.e-1f49f {
    background-position: -213px -423px
}

.e-1f4a0 {
    background-position: -243px -423px
}

.e-1f4a1 {
    background-position: -273px -423px
}

.e-1f4a2 {
    background-position: -303px -423px
}

.e-1f4a3 {
    background-position: -333px -423px
}

.e-1f4a4 {
    background-position: -363px -423px
}

.e-1f4a5 {
    background-position: -393px -423px
}

.e-1f4a6 {
    background-position: -423px -423px
}

.e-1f4a7 {
    background-position: -453px -423px
}

.e-1f4a8 {
    background-position: -483px -423px
}

.e-1f4a9 {
    background-position: -513px -423px
}

.e-1f4aa {
    background-position: -543px -423px
}

.e-1f4ab {
    background-position: -573px -423px
}

.e-1f4ac {
    background-position: -603px -423px
}

.e-1f4ad {
    background-position: -633px -423px
}

.e-1f4ae {
    background-position: -663px -423px
}

.e-1f4af {
    background-position: -693px -423px
}

.e-1f4b0 {
    background-position: -723px -423px
}

.e-1f4b1 {
    background-position: -753px -423px
}

.e-1f4b2 {
    background-position: -783px -423px
}

.e-1f4b3 {
    background-position: -813px -423px
}

.e-1f4b4 {
    background-position: -843px -423px
}

.e-1f4b5 {
    background-position: -3px -453px
}

.e-1f4b6 {
    background-position: -33px -453px
}

.e-1f4b7 {
    background-position: -63px -453px
}

.e-1f4b8 {
    background-position: -93px -453px
}

.e-1f4b9 {
    background-position: -123px -453px
}

.e-1f4ba {
    background-position: -153px -453px
}

.e-1f4bb {
    background-position: -183px -453px
}

.e-1f4bc {
    background-position: -213px -453px
}

.e-1f4bd {
    background-position: -243px -453px
}

.e-1f4be {
    background-position: -273px -453px
}

.e-1f4bf {
    background-position: -303px -453px
}

.e-1f4c0 {
    background-position: -333px -453px
}

.e-1f4c1 {
    background-position: -363px -453px
}

.e-1f4c2 {
    background-position: -393px -453px
}

.e-1f4c3 {
    background-position: -423px -453px
}

.e-1f4c4 {
    background-position: -453px -453px
}

.e-1f4c5 {
    background-position: -483px -453px
}

.e-1f4c6 {
    background-position: -513px -453px
}

.e-1f4c7 {
    background-position: -543px -453px
}

.e-1f4c8 {
    background-position: -573px -453px
}

.e-1f4c9 {
    background-position: -603px -453px
}

.e-1f4ca {
    background-position: -633px -453px
}

.e-1f4cb {
    background-position: -663px -453px
}

.e-1f4cc {
    background-position: -693px -453px
}

.e-1f4cd {
    background-position: -723px -453px
}

.e-1f4ce {
    background-position: -753px -453px
}

.e-1f4cf {
    background-position: -783px -453px
}

.e-1f4d0 {
    background-position: -813px -453px
}

.e-1f4d1 {
    background-position: -843px -453px
}

.e-1f4d2 {
    background-position: -3px -483px
}

.e-1f4d3 {
    background-position: -33px -483px
}

.e-1f4d4 {
    background-position: -63px -483px
}

.e-1f4d5 {
    background-position: -93px -483px
}

.e-1f4d6 {
    background-position: -123px -483px
}

.e-1f4d7 {
    background-position: -153px -483px
}

.e-1f4d8 {
    background-position: -183px -483px
}

.e-1f4d9 {
    background-position: -213px -483px
}

.e-1f4da {
    background-position: -243px -483px
}

.e-1f4db {
    background-position: -273px -483px
}

.e-1f4dc {
    background-position: -303px -483px
}

.e-1f4dd {
    background-position: -333px -483px
}

.e-1f4de {
    background-position: -363px -483px
}

.e-1f4df {
    background-position: -393px -483px
}

.e-1f4e0 {
    background-position: -423px -483px
}

.e-1f4e1 {
    background-position: -453px -483px
}

.e-1f4e2 {
    background-position: -483px -483px
}

.e-1f4e3 {
    background-position: -513px -483px
}

.e-1f4e4 {
    background-position: -543px -483px
}

.e-1f4e5 {
    background-position: -573px -483px
}

.e-1f4e6 {
    background-position: -603px -483px
}

.e-1f4e7 {
    background-position: -633px -483px
}

.e-1f4e8 {
    background-position: -663px -483px
}

.e-1f4e9 {
    background-position: -693px -483px
}

.e-1f4ea {
    background-position: -723px -483px
}

.e-1f4eb {
    background-position: -753px -483px
}

.e-1f4ec {
    background-position: -783px -483px
}

.e-1f4ed {
    background-position: -813px -483px
}

.e-1f4ee {
    background-position: -843px -483px
}

.e-1f4ef {
    background-position: -3px -513px
}

.e-1f4f0 {
    background-position: -33px -513px
}

.e-1f4f1 {
    background-position: -63px -513px
}

.e-1f4f2 {
    background-position: -93px -513px
}

.e-1f4f3 {
    background-position: -123px -513px
}

.e-1f4f4 {
    background-position: -153px -513px
}

.e-1f4f5 {
    background-position: -183px -513px
}

.e-1f4f6 {
    background-position: -213px -513px
}

.e-1f4f7 {
    background-position: -243px -513px
}

.e-1f4f9 {
    background-position: -273px -513px
}

.e-1f4fa {
    background-position: -303px -513px
}

.e-1f4fb {
    background-position: -333px -513px
}

.e-1f4fc {
    background-position: -363px -513px
}

.e-1f500 {
    background-position: -393px -513px
}

.e-1f501 {
    background-position: -423px -513px
}

.e-1f502 {
    background-position: -453px -513px
}

.e-1f503 {
    background-position: -483px -513px
}

.e-1f504 {
    background-position: -513px -513px
}

.e-1f505 {
    background-position: -543px -513px
}

.e-1f506 {
    background-position: -573px -513px
}

.e-1f507 {
    background-position: -603px -513px
}

.e-1f508 {
    background-position: -633px -513px
}

.e-1f509 {
    background-position: -663px -513px
}

.e-1f50a {
    background-position: -693px -513px
}

.e-1f50b {
    background-position: -723px -513px
}

.e-1f50c {
    background-position: -753px -513px
}

.e-1f50d {
    background-position: -783px -513px
}

.e-1f50e {
    background-position: -813px -513px
}

.e-1f50f {
    background-position: -843px -513px
}

.e-1f510 {
    background-position: -3px -543px
}

.e-1f511 {
    background-position: -33px -543px
}

.e-1f512 {
    background-position: -63px -543px
}

.e-1f513 {
    background-position: -93px -543px
}

.e-1f514 {
    background-position: -123px -543px
}

.e-1f515 {
    background-position: -153px -543px
}

.e-1f516 {
    background-position: -183px -543px
}

.e-1f517 {
    background-position: -213px -543px
}

.e-1f518 {
    background-position: -243px -543px
}

.e-1f519 {
    background-position: -273px -543px
}

.e-1f51a {
    background-position: -303px -543px
}

.e-1f51b {
    background-position: -333px -543px
}

.e-1f51c {
    background-position: -363px -543px
}

.e-1f51d {
    background-position: -393px -543px
}

.e-1f51e {
    background-position: -423px -543px
}

.e-1f51f {
    background-position: -453px -543px
}

.e-1f520 {
    background-position: -483px -543px
}

.e-1f521 {
    background-position: -513px -543px
}

.e-1f522 {
    background-position: -543px -543px
}

.e-1f523 {
    background-position: -573px -543px
}

.e-1f524 {
    background-position: -603px -543px
}

.e-1f525 {
    background-position: -633px -543px
}

.e-1f526 {
    background-position: -663px -543px
}

.e-1f527 {
    background-position: -693px -543px
}

.e-1f528 {
    background-position: -723px -543px
}

.e-1f529 {
    background-position: -753px -543px
}

.e-1f52a {
    background-position: -783px -543px
}

.e-1f52b {
    background-position: -813px -543px
}

.e-1f52c {
    background-position: -843px -543px
}

.e-1f52d {
    background-position: -3px -573px
}

.e-1f52e {
    background-position: -33px -573px
}

.e-1f52f {
    background-position: -63px -573px
}

.e-1f530 {
    background-position: -93px -573px
}

.e-1f531 {
    background-position: -123px -573px
}

.e-1f532 {
    background-position: -153px -573px
}

.e-1f533 {
    background-position: -183px -573px
}

.e-1f534 {
    background-position: -213px -573px
}

.e-1f535 {
    background-position: -243px -573px
}

.e-1f536 {
    background-position: -273px -573px
}

.e-1f537 {
    background-position: -303px -573px
}

.e-1f538 {
    background-position: -333px -573px
}

.e-1f539 {
    background-position: -363px -573px
}

.e-1f53a {
    background-position: -393px -573px
}

.e-1f53b {
    background-position: -423px -573px
}

.e-1f53c {
    background-position: -453px -573px
}

.e-1f53d {
    background-position: -483px -573px
}

.e-1f550 {
    background-position: -513px -573px
}

.e-1f551 {
    background-position: -543px -573px
}

.e-1f552 {
    background-position: -573px -573px
}

.e-1f553 {
    background-position: -603px -573px
}

.e-1f554 {
    background-position: -633px -573px
}

.e-1f555 {
    background-position: -663px -573px
}

.e-1f556 {
    background-position: -693px -573px
}

.e-1f557 {
    background-position: -723px -573px
}

.e-1f558 {
    background-position: -753px -573px
}

.e-1f559 {
    background-position: -783px -573px
}

.e-1f55a {
    background-position: -813px -573px
}

.e-1f55b {
    background-position: -843px -573px
}

.e-1f55c {
    background-position: -3px -603px
}

.e-1f55d {
    background-position: -33px -603px
}

.e-1f55e {
    background-position: -63px -603px
}

.e-1f55f {
    background-position: -93px -603px
}

.e-1f560 {
    background-position: -123px -603px
}

.e-1f561 {
    background-position: -153px -603px
}

.e-1f562 {
    background-position: -183px -603px
}

.e-1f563 {
    background-position: -213px -603px
}

.e-1f564 {
    background-position: -243px -603px
}

.e-1f565 {
    background-position: -273px -603px
}

.e-1f566 {
    background-position: -303px -603px
}

.e-1f567 {
    background-position: -333px -603px
}

.e-1f5fb {
    background-position: -363px -603px
}

.e-1f5fc {
    background-position: -393px -603px
}

.e-1f5fd {
    background-position: -423px -603px
}

.e-1f5fe {
    background-position: -453px -603px
}

.e-1f5ff {
    background-position: -483px -603px
}

.e-1f600 {
    background-position: -513px -603px
}

.e-1f601 {
    background-position: -543px -603px
}

.e-1f602 {
    background-position: -573px -603px
}

.e-1f603 {
    background-position: -603px -603px
}

.e-1f604 {
    background-position: -633px -603px
}

.e-1f605 {
    background-position: -663px -603px
}

.e-1f606 {
    background-position: -693px -603px
}

.e-1f607 {
    background-position: -723px -603px
}

.e-1f608 {
    background-position: -753px -603px
}

.e-1f609 {
    background-position: -783px -603px
}

.e-1f60a {
    background-position: -813px -603px
}

.e-1f60b {
    background-position: -843px -603px
}

.e-1f60c {
    background-position: -3px -633px
}

.e-1f60d {
    background-position: -33px -633px
}

.e-1f60e {
    background-position: -63px -633px
}

.e-1f60f {
    background-position: -93px -633px
}

.e-1f610 {
    background-position: -123px -633px
}

.e-1f611 {
    background-position: -153px -633px
}

.e-1f612 {
    background-position: -183px -633px
}

.e-1f613 {
    background-position: -213px -633px
}

.e-1f614 {
    background-position: -243px -633px
}

.e-1f615 {
    background-position: -273px -633px
}

.e-1f616 {
    background-position: -303px -633px
}

.e-1f617 {
    background-position: -333px -633px
}

.e-1f618 {
    background-position: -363px -633px
}

.e-1f619 {
    background-position: -393px -633px
}

.e-1f61a {
    background-position: -423px -633px
}

.e-1f61b {
    background-position: -453px -633px
}

.e-1f61c {
    background-position: -483px -633px
}

.e-1f61d {
    background-position: -513px -633px
}

.e-1f61e {
    background-position: -543px -633px
}

.e-1f61f {
    background-position: -573px -633px
}

.e-1f620 {
    background-position: -603px -633px
}

.e-1f621 {
    background-position: -633px -633px
}

.e-1f622 {
    background-position: -663px -633px
}

.e-1f623 {
    background-position: -693px -633px
}

.e-1f624 {
    background-position: -723px -633px
}

.e-1f625 {
    background-position: -753px -633px
}

.e-1f626 {
    background-position: -783px -633px
}

.e-1f627 {
    background-position: -813px -633px
}

.e-1f628 {
    background-position: -843px -633px
}

.e-1f629 {
    background-position: -3px -663px
}

.e-1f62a {
    background-position: -33px -663px
}

.e-1f62b {
    background-position: -63px -663px
}

.e-1f62c {
    background-position: -93px -663px
}

.e-1f62d {
    background-position: -123px -663px
}

.e-1f62e {
    background-position: -153px -663px
}

.e-1f62f {
    background-position: -183px -663px
}

.e-1f630 {
    background-position: -213px -663px
}

.e-1f631 {
    background-position: -243px -663px
}

.e-1f632 {
    background-position: -273px -663px
}

.e-1f633 {
    background-position: -303px -663px
}

.e-1f634 {
    background-position: -333px -663px
}

.e-1f635 {
    background-position: -363px -663px
}

.e-1f636 {
    background-position: -393px -663px
}

.e-1f637 {
    background-position: -423px -663px
}

.e-1f638 {
    background-position: -453px -663px
}

.e-1f639 {
    background-position: -483px -663px
}

.e-1f63a {
    background-position: -513px -663px
}

.e-1f63b {
    background-position: -543px -663px
}

.e-1f63c {
    background-position: -573px -663px
}

.e-1f63d {
    background-position: -603px -663px
}

.e-1f63e {
    background-position: -633px -663px
}

.e-1f63f {
    background-position: -663px -663px
}

.e-1f640 {
    background-position: -693px -663px
}

.e-1f645 {
    background-position: -723px -663px
}

.e-1f646 {
    background-position: -753px -663px
}

.e-1f647 {
    background-position: -783px -663px
}

.e-1f648 {
    background-position: -813px -663px
}

.e-1f649 {
    background-position: -843px -663px
}

.e-1f64a {
    background-position: -3px -693px
}

.e-1f64b {
    background-position: -33px -693px
}

.e-1f64c {
    background-position: -63px -693px
}

.e-1f64d {
    background-position: -93px -693px
}

.e-1f64e {
    background-position: -123px -693px
}

.e-1f64f {
    background-position: -153px -693px
}

.e-1f680 {
    background-position: -183px -693px
}

.e-1f681 {
    background-position: -213px -693px
}

.e-1f682 {
    background-position: -243px -693px
}

.e-1f683 {
    background-position: -273px -693px
}

.e-1f684 {
    background-position: -303px -693px
}

.e-1f685 {
    background-position: -333px -693px
}

.e-1f686 {
    background-position: -363px -693px
}

.e-1f687 {
    background-position: -393px -693px
}

.e-1f688 {
    background-position: -423px -693px
}

.e-1f689 {
    background-position: -453px -693px
}

.e-1f68a {
    background-position: -483px -693px
}

.e-1f68b {
    background-position: -513px -693px
}

.e-1f68c {
    background-position: -543px -693px
}

.e-1f68d {
    background-position: -573px -693px
}

.e-1f68e {
    background-position: -603px -693px
}

.e-1f68f {
    background-position: -633px -693px
}

.e-1f690 {
    background-position: -663px -693px
}

.e-1f691 {
    background-position: -693px -693px
}

.e-1f692 {
    background-position: -723px -693px
}

.e-1f693 {
    background-position: -753px -693px
}

.e-1f694 {
    background-position: -783px -693px
}

.e-1f695 {
    background-position: -813px -693px
}

.e-1f696 {
    background-position: -843px -693px
}

.e-1f697 {
    background-position: -3px -723px
}

.e-1f698 {
    background-position: -33px -723px
}

.e-1f699 {
    background-position: -63px -723px
}

.e-1f69a {
    background-position: -93px -723px
}

.e-1f69b {
    background-position: -123px -723px
}

.e-1f69c {
    background-position: -153px -723px
}

.e-1f69d {
    background-position: -183px -723px
}

.e-1f69e {
    background-position: -213px -723px
}

.e-1f69f {
    background-position: -243px -723px
}

.e-1f6a0 {
    background-position: -273px -723px
}

.e-1f6a1 {
    background-position: -303px -723px
}

.e-1f6a2 {
    background-position: -333px -723px
}

.e-1f6a3 {
    background-position: -363px -723px
}

.e-1f6a4 {
    background-position: -393px -723px
}

.e-1f6a5 {
    background-position: -423px -723px
}

.e-1f6a6 {
    background-position: -453px -723px
}

.e-1f6a7 {
    background-position: -483px -723px
}

.e-1f6a8 {
    background-position: -513px -723px
}

.e-1f6a9 {
    background-position: -543px -723px
}

.e-1f6aa {
    background-position: -573px -723px
}

.e-1f6ab {
    background-position: -603px -723px
}

.e-1f6ac {
    background-position: -633px -723px
}

.e-1f6ad {
    background-position: -663px -723px
}

.e-1f6ae {
    background-position: -693px -723px
}

.e-1f6af {
    background-position: -723px -723px
}

.e-1f6b0 {
    background-position: -753px -723px
}

.e-1f6b1 {
    background-position: -783px -723px
}

.e-1f6b2 {
    background-position: -813px -723px
}

.e-1f6b3 {
    background-position: -843px -723px
}

.e-1f6b4 {
    background-position: -3px -753px
}

.e-1f6b5 {
    background-position: -33px -753px
}

.e-1f6b6 {
    background-position: -63px -753px
}

.e-1f6b7 {
    background-position: -93px -753px
}

.e-1f6b8 {
    background-position: -123px -753px
}

.e-1f6b9 {
    background-position: -153px -753px
}

.e-1f6ba {
    background-position: -183px -753px
}

.e-1f6bb {
    background-position: -213px -753px
}

.e-1f6bc {
    background-position: -243px -753px
}

.e-1f6bd {
    background-position: -273px -753px
}

.e-1f6be {
    background-position: -303px -753px
}

.e-1f6bf {
    background-position: -333px -753px
}

.e-1f6c0 {
    background-position: -363px -753px
}

.e-1f6c1 {
    background-position: -393px -753px
}

.e-1f6c2 {
    background-position: -423px -753px
}

.e-1f6c3 {
    background-position: -453px -753px
}

.e-1f6c4 {
    background-position: -483px -753px
}

.e-1f6c5 {
    background-position: -513px -753px
}

.e-203c {
    background-position: -543px -753px
}

.e-2049 {
    background-position: -573px -753px
}

.e-2122 {
    background-position: -603px -753px
}

.e-2139 {
    background-position: -633px -753px
}

.e-2194 {
    background-position: -663px -753px
}

.e-2195 {
    background-position: -693px -753px
}

.e-2196 {
    background-position: -723px -753px
}

.e-2197 {
    background-position: -753px -753px
}

.e-2198 {
    background-position: -783px -753px
}

.e-2199 {
    background-position: -813px -753px
}

.e-21a9 {
    background-position: -843px -753px
}

.e-21aa {
    background-position: -3px -783px
}

.e-23-20e3 {
    background-position: -33px -783px
}

.e-231a {
    background-position: -63px -783px
}

.e-231b {
    background-position: -93px -783px
}

.e-23e9 {
    background-position: -123px -783px
}

.e-23ea {
    background-position: -153px -783px
}

.e-23eb {
    background-position: -183px -783px
}

.e-23ec {
    background-position: -213px -783px
}

.e-23f0 {
    background-position: -243px -783px
}

.e-23f3 {
    background-position: -273px -783px
}

.e-24c2 {
    background-position: -303px -783px
}

.e-25aa {
    background-position: -333px -783px
}

.e-25ab {
    background-position: -363px -783px
}

.e-25b6 {
    background-position: -393px -783px
}

.e-25c0 {
    background-position: -423px -783px
}

.e-25fb {
    background-position: -453px -783px
}

.e-25fc {
    background-position: -483px -783px
}

.e-25fd {
    background-position: -513px -783px
}

.e-25fe {
    background-position: -543px -783px
}

.e-2600 {
    background-position: -573px -783px
}

.e-2601 {
    background-position: -603px -783px
}

.e-260e {
    background-position: -633px -783px
}

.e-2611 {
    background-position: -663px -783px
}

.e-2614 {
    background-position: -693px -783px
}

.e-2615 {
    background-position: -723px -783px
}

.e-261d {
    background-position: -753px -783px
}

.e-263a {
    background-position: -783px -783px
}

.e-2648 {
    background-position: -813px -783px
}

.e-2649 {
    background-position: -843px -783px
}

.e-264a {
    background-position: -3px -813px
}

.e-264b {
    background-position: -33px -813px
}

.e-264c {
    background-position: -63px -813px
}

.e-264d {
    background-position: -93px -813px
}

.e-264e {
    background-position: -123px -813px
}

.e-264f {
    background-position: -153px -813px
}

.e-2650 {
    background-position: -183px -813px
}

.e-2651 {
    background-position: -213px -813px
}

.e-2652 {
    background-position: -243px -813px
}

.e-2653 {
    background-position: -273px -813px
}

.e-2660 {
    background-position: -303px -813px
}

.e-2663 {
    background-position: -333px -813px
}

.e-2665 {
    background-position: -363px -813px
}

.e-2666 {
    background-position: -393px -813px
}

.e-2668 {
    background-position: -423px -813px
}

.e-267b {
    background-position: -453px -813px
}

.e-267f {
    background-position: -483px -813px
}

.e-2693 {
    background-position: -513px -813px
}

.e-26a0 {
    background-position: -543px -813px
}

.e-26a1 {
    background-position: -573px -813px
}

.e-26aa {
    background-position: -603px -813px
}

.e-26ab {
    background-position: -633px -813px
}

.e-26bd {
    background-position: -663px -813px
}

.e-26be {
    background-position: -693px -813px
}

.e-26c4 {
    background-position: -723px -813px
}

.e-26c5 {
    background-position: -753px -813px
}

.e-26ce {
    background-position: -783px -813px
}

.e-26d4 {
    background-position: -813px -813px
}

.e-26ea {
    background-position: -843px -813px
}

.e-26f2 {
    background-position: -3px -843px
}

.e-26f3 {
    background-position: -33px -843px
}

.e-26f5 {
    background-position: -63px -843px
}

.e-26fa {
    background-position: -93px -843px
}

.e-26fd {
    background-position: -123px -843px
}

.e-2702 {
    background-position: -153px -843px
}

.e-2705 {
    background-position: -183px -843px
}

.e-2708 {
    background-position: -213px -843px
}

.e-2709 {
    background-position: -243px -843px
}

.e-270a {
    background-position: -273px -843px
}

.e-270b {
    background-position: -303px -843px
}

.e-270c {
    background-position: -333px -843px
}

.e-270f {
    background-position: -363px -843px
}

.e-2712 {
    background-position: -393px -843px
}

.e-2714 {
    background-position: -423px -843px
}

.e-2716 {
    background-position: -453px -843px
}

.e-2728 {
    background-position: -483px -843px
}

.e-2733 {
    background-position: -513px -843px
}

.e-2734 {
    background-position: -543px -843px
}

.e-2744 {
    background-position: -573px -843px
}

.e-2747 {
    background-position: -603px -843px
}

.e-274c {
    background-position: -633px -843px
}

.e-274e {
    background-position: -663px -843px
}

.e-2753 {
    background-position: -693px -843px
}

.e-2754 {
    background-position: -723px -843px
}

.e-2755 {
    background-position: -753px -843px
}

.e-2757 {
    background-position: -783px -843px
}

.e-2764 {
    background-position: -813px -843px
}

.e-2795 {
    background-position: -843px -843px
}

.e-2796 {
    background-position: -873px -3px
}

.e-2797 {
    background-position: -873px -33px
}

.e-27a1 {
    background-position: -873px -63px
}

.e-27b0 {
    background-position: -873px -93px
}

.e-27bf {
    background-position: -873px -123px
}

.e-2934 {
    background-position: -873px -153px
}

.e-2935 {
    background-position: -873px -183px
}

.e-2b05 {
    background-position: -873px -213px
}

.e-2b06 {
    background-position: -873px -243px
}

.e-2b07 {
    background-position: -873px -273px
}

.e-2b1b {
    background-position: -873px -303px
}

.e-2b1c {
    background-position: -873px -333px
}

.e-2b50 {
    background-position: -873px -363px
}

.e-2b55 {
    background-position: -873px -393px
}

.e-30-20e3 {
    background-position: -873px -423px
}

.e-3030 {
    background-position: -873px -453px
}

.e-303d {
    background-position: -873px -483px
}

.e-31-20e3 {
    background-position: -873px -513px
}

.e-32-20e3 {
    background-position: -873px -543px
}

.e-3297 {
    background-position: -873px -573px
}

.e-3299 {
    background-position: -873px -603px
}

.e-33-20e3 {
    background-position: -873px -633px
}

.e-34-20e3 {
    background-position: -873px -663px
}

.e-35-20e3 {
    background-position: -873px -693px
}

.e-36-20e3 {
    background-position: -873px -723px
}

.e-37-20e3 {
    background-position: -873px -753px
}

.e-38-20e3 {
    background-position: -873px -783px
}

.e-39-20e3 {
    background-position: -873px -813px
}

.e-a9 {
    background-position: -873px -843px
}

.e-ae {
    background-position: -3px -873px
}

.e-e50a {
    background-position: -33px -873px
}

.e-mc-nature {
    background-position: -63px -873px
}

.e-mc-objects {
    background-position: -93px -873px
}

.e-mc-people {
    background-position: -123px -873px
}

.e-mc-places {
    background-position: -153px -873px
}

.e-mc-recent {
    background-position: -183px -873px
}

.e-mc-symbols {
    background-position: -213px -873px
}

.c-tagInput {
    display: inline-block;
    padding: 0 8px;
    margin-bottom: 24px;
    vertical-align: middle;
    border-radius: 2px;
    min-width: 50px;
    max-width: 635px;
    width: 100%;
    min-height: 36px;
    background-color: #ffffff;
    border: 1px solid rgba(36,28,21,0.3);
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    padding: 0 3px;
    margin-bottom: 0;
    cursor: text
}

    .c-tagInput:focus {
        outline: none;
        border: 1px solid #007c89;
        box-shadow: inset 0 0 0 1px #007c89
    }

    .c-tagInput.invalid {
        border-color: #f25f25;
        box-shadow: inset 0 0 0 1px #f25f25
    }

    .c-tagInput[disabled] {
        filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
        -webkit-filter: grayscale(100%);
        opacity: .5;
        cursor: not-allowed
    }

.c-tagInput--dropdown .c-tagInput {
    padding-left: 69px
}

.c-tagList {
    padding: 5px 2px 2px 2px;
    overflow: hidden
}

.c-tagList_label {
    line-height: 24px;
    font-weight: normal
}

.c-tagInput--dropdown .c-tagListDropdown {
    top: 1px;
    left: 1px
}

    .c-tagInput--dropdown .c-tagListDropdown .dijitSelect {
        border: none;
        border-radius: 0;
        box-shadow: inset -1px 0 0 rgba(36,28,21,0.3);
        min-height: 34px;
        width: 66px
    }

        .c-tagInput--dropdown .c-tagListDropdown .dijitSelect:focus {
            box-shadow: inset 0 0 0 1px #007c89,0 0 0 1px #007c89;
            border-radius: 2px 0 0 2px
        }

    .c-tagInput--dropdown .c-tagListDropdown .dijitButtonText {
        line-height: inherit;
        height: auto;
        font-weight: normal
    }

    .c-tagInput--dropdown .c-tagListDropdown .dijitButtonContents {
        padding: 4px 18px 6px 12px
    }

        .c-tagInput--dropdown .c-tagListDropdown .dijitButtonContents::after {
            line-height: 1.9em;
            right: 6px;
            font-size: 18px
        }

.c-tagList_item {
    margin: 0 6px 6px 0;
    height: 24px;
    background-color: #efeeea
}

.c-tagList_item--highlight {
    background-color: #fbeeca
}

    .c-tagList_item--highlight .c-tagList_remove {
        background-color: #fbeeca
    }

        .c-tagList_item--highlight .c-tagList_remove:hover {
            background-color: #f7df9b
        }

    .c-tagList_item--highlight .c-tagList_inner:hover {
        background-color: #f7df9b
    }

.c-tagList_item.active {
    background-color: transparent;
    border: 2px solid #007c89
}

    .c-tagList_item.active:focus {
        outline: none
    }

.c-tagList_item .freddicon {
    font-size: 8px !important;
    line-height: 22px;
    color: #241c15
}

.c-tagList_item.edit-mode {
    background: none
}

.c-tagInput .c-tagList_item {
    margin-bottom: 3px
}

.c-tagList_inner {
    border-radius: 2px 0 0 2px;
    max-height: 100%
}

    .c-tagList_inner:hover {
        background-color: #d9d7cd
    }

    .c-tagList_inner:active {
        background-color: #efeeea
    }

.active .c-tagList_inner {
    padding: 0 4px;
    margin-top: -2px
}

    .active .c-tagList_inner:hover, .active .c-tagList_inner:active {
        background-color: transparent
    }

.edit-mode .c-tagList_inner {
    background: none
}

.c-tagList_remove {
    border-radius: 0 2px 2px 0;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    -ms-transition: none;
    transition: none
}

.active .c-tagList_remove {
    padding: 0 4px;
    margin-top: -2px;
    background-color: transparent !important
}

.c-tagList_remove:focus {
    border: none;
    border-left: 2px solid #007c89;
    box-shadow: none
}

.edit-mode .c-tagList_remove {
    background: none
}

.c-tagList_input input[type="text"] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    min-height: 24px !important;
    line-height: 24px;
    font-weight: normal
}

.view-mode .c-tagList_input {
    display: none
}

.c-tagList_input .dijitTextBox {
    display: inline;
    border: 0 none;
    padding: 0
}

.c-tagList_input .dijitArrowButton {
    display: none !important
}

.c-tagList_input .dijitInputInner {
    padding: 0 !important;
    font-size: 1.4rem;
    font-weight: 500
}

.c-locationsWrapper ~ .field-help, .c-tagInput + .invalid-error {
    margin: 0
}

.c-thumbnailPreview {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.c-thumbnailPreview_overlay {
    -ms-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
    opacity: 0;
    background-color: rgba(0,0,0,0.75)
}

.c-thumbnailPreview:hover .c-thumbnailPreview_overlay {
    opacity: 1
}

.cards-container {
    margin-right: -15px
}

@media screen and (max-width:1270px) {
    .cards-container {
        margin-right: 0
    }
}

.card-wrapper {
    position: relative;
    float: left;
    margin: 0 15px 18px 0
}

@media screen and (max-width:1270px) {
    .card-wrapper {
        width: 100%;
        float: none
    }
}

@media screen and (max-width:1641px) and (min-width:1270px) {
    .card-wrapper {
        width: 48%
    }
}

@media screen and (max-width:2014px) and (min-width:1641px) {
    .card-wrapper {
        width: 32%
    }
}

@media screen and (min-width:2014px) {
    .card-wrapper {
        width: 24%
    }
}

.c-card {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.card-content {
    border: 1px solid rgba(36,28,21,0.3);
    background: #ffffff;
    border-radius: 2px;
    overflow: hidden
}

.card-footer {
    bottom: 24px;
    left: 0;
    right: 0
}

.actionable-card {
    height: 180px
}

    .actionable-card:hover {
        cursor: pointer;
        box-shadow: inset 0 0 0 1px #52bad5;
        border: 1px solid #52bad5
    }

    .actionable-card.selected {
        cursor: default;
        box-shadow: inset 0 0 0 1px #00d6a3;
        border: 2px solid #00d6a3
    }

    .actionable-card.not-available {
        cursor: default;
        box-shadow: inset 0 0 0 0 #d0d0d0;
        border: 1px solid #d0d0d0;
        background: #f2f2f2
    }

.meter {
    position: relative;
    background: #f2f2f2;
    margin: 7px 0 30px;
    height: 13px;
    overflow: hidden;
    border-radius: 2px
}

@media print {
    .meter {
        border: 1px solid #373737;
        background: #ffffff;
        -webkit-print-color-adjust: exact
    }
}

#print-report .meter {
    border: 1px solid #373737;
    background: #ffffff
}

.meter--large {
    height: 24px
}

.meter .meterFill, .meter > span {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    border-radius: 2px 0 0 2px;
    background: linear-gradient(to right, #72c1b0, #95d1c4)
}

@media print {
    .meter .meterFill, .meter > span {
        background: #000000;
        border-radius: 0
    }
}

#print-report .meter .meterFill, #print-report .meter > span {
    background: #000000;
    border-radius: 0
}

.meter.spectrum {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/rainbow.svg);
    background-repeat: no-repeat;
    background-size: 100%
}

    .meter.spectrum .meterFill, .meter.spectrum > span {
        background: transparent
    }

.c-meterToolTip {
    border-right: 2px solid #484848
}

.c-meterToolTip_bubble {
    top: 36px;
    right: -24px
}

    .c-meterToolTip_bubble::after {
        position: absolute;
        left: 50%;
        bottom: 100%;
        margin-left: -6px;
        border: solid transparent;
        border-bottom-color: #484848;
        border-width: 6px;
        width: 0;
        height: 0;
        content: " "
    }

.c-meterAverageRange {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/diagonal-pattern.svg);
    background-repeat: repeat;
    width: 30%;
    left: 48%;
    height: 100%
}

.c-inlineMeter_range, .c-inlineMeter_perc {
    padding-top: 3px
}

.c-inlineMeter_range {
    flex: 0 0 36px
}

.c-inlineMeter_perc {
    flex: 0 0 54px
}

.c-topSliderPane {
    z-index: 95
}

    .c-topSliderPane iframe {
        display: block
    }

.c-topSliderPane_content {
    top: 60px
}

.main-navigation {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    border-bottom: 1px solid #dedddc;
    height: 60px;
    outline: 0
}

    .main-navigation li {
        line-height: 60px
    }

    .main-navigation .account-button {
        padding-right: 6px;
        line-height: 54px
    }

    .main-navigation .avatar {
        border-radius: 50%;
        box-shadow: inset 0 0 0 1px rgba(36,28,21,0.15);
        width: 36px;
        height: 36px;
        position: relative;
        vertical-align: middle;
        background-size: 100%
    }

    .main-navigation .avatar-notification {
        top: 50%;
        right: 24px;
        transform: translateY(-50%);
        box-shadow: 0 0 0 2px #ffffff
    }

    .main-navigation .account-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 180px;
        line-height: 18px
    }

.c-mobileNavigationAvatar {
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(36,28,21,0.15)
}

.uid-link {
    -webkit-user-select: text;
    -ms-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.navigationItem {
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    color: rgba(36,28,21,0.65);
    vertical-align: top;
    position: relative;
    font-size: 1.4rem
}

    .navigationItem:focus, .navigationItem:hover, .navigationItem:visited {
        color: #241c15
    }

    .navigationItem.selected {
        color: #007c89;
        font-weight: 500
    }

.c-navigationItem_button {
    overflow: hidden;
    border: 0 none;
    background: none;
    border-radius: 0;
    white-space: nowrap;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    background: transparent;
    margin: 0;
    display: block;
    line-height: inherit;
    height: inherit
}

    .c-navigationItem_button:hover {
        background: transparent
    }

    .c-navigationItem_button:focus {
        border: 0 none;
        box-shadow: inset 0 0 0 2px #007c89
    }

@media only screen and (max-width:64em) {
    .branding {
        position: absolute;
        left: 50%;
        margin-left: -36px !important
    }
}

.navigation-right li {
    float: right
}

.mc-content {
    margin: 0 auto;
    width: 100%;
    max-width: 1300px
}

.mc-small-content {
    max-width: 640px
}

    .mc-small-content p {
        max-width: 100%
    }

.mc-mini-content {
    max-width: 480px
}

.mobile-overlay .phone-overlay-container, .mobile-overlay .tablet-overlay-container, .account-overlay .account-overlay-container, .search-overlay .search-overlay-container, .mk-overlay .mk-overlay-container, .kb-overlay .kb-overlay-container {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mobile-nav {
    width: 100%;
    opacity: .4;
    -ms-transition: opacity 0.25s linear 0s;
    transition: opacity 0.25s linear 0s
}

.mobile-overlay .mobile-nav {
    opacity: 1
}

.close-overlay {
    color: rgba(36,28,21,0.65)
}

    .close-overlay:hover {
        color: #241c15
    }

.close-right {
    right: 20px;
    top: 20px;
    right: constant(safe-area-inset-right)
}

.close-left {
    left: 20px;
    top: 20px;
    left: constant(safe-area-inset-left)
}

.phone-menu-link, .tablet-menu-link {
    font-size: 1.6rem;
    color: #241c15;
    -ms-transition: background-color 0.333s ease-in-out 0s;
    transition: background-color 0.333s ease-in-out 0s
}

    .phone-menu-link:hover, .tablet-menu-link:hover, .phone-menu-link:visited, .tablet-menu-link:visited {
        color: #241c15
    }

    .phone-menu-link:hover, .tablet-menu-link:hover {
        background-color: rgba(0,124,137,0.1)
    }

.tablet-menu-link {
    font-size: 3.6rem;
    display: block
}

    .tablet-menu-link.selected {
        color: #007c89;
        font-weight: 500
    }

.phone-menu-link.selected {
    font-weight: 500;
    color: #007c89
}

.account-menu {
    right: 120px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
    border-radius: 2px;
    -ms-transform: translate3d(0, -10%, 0);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
    visibility: hidden;
    z-index: -1;
    opacity: .01;
    top: 66px;
    -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.active-compliance-alert .account-menu {
    top: 126px
}

.account-menu--active {
    opacity: 1;
    z-index: 99;
    visibility: visible;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.notification-list {
    height: calc(100% - 65px)
}

.account-link:hover {
    background-color: #e6f2f3
}

.sliding-card {
    width: 20em;
    height: 100%;
    left: 100%;
    top: 0;
    z-index: 1;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: -1px 0 0 0 #dedddc
}

.sliding-card--container {
    width: 40em;
    height: auto
}

.sliding-card--mask {
    width: 20em;
    overflow: hidden
}

.sliding-card--sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 0;
    background-color: rgba(255,255,255,0.95);
    border-bottom: 1px solid #dedddc
}

.sliding-card--phone-container {
    min-height: 426px
}

.sliding-card--phone-mask, .sliding-card--phone-container, .sliding-card--phone {
    width: auto
}

.sliding-card--phone {
    right: 0;
    background-color: #fdfdfd
}

@media only screen and (max-width:64em) {
    .sliding-card--phone {
        right: auto;
        width: 100%
    }
}

.global-search {
    margin: 0 auto;
    opacity: .4;
    -ms-transition: opacity 0.25s linear 0s;
    transition: opacity 0.25s linear 0s
}

@media only screen and (max-width:64em) {
    .global-search {
        max-width: 85%
    }
}

.search-overlay .global-search, .mk-overlay .global-search, .kb-overlay .global-search {
    opacity: 1
}

.big-search-field {
    color: #241c15;
    font-size: 24px;
    font-weight: 300;
    padding: 0 102px 0 144px !important;
    height: 54px;
    line-height: 54px
}

.kb-search .big-search-field {
    padding-left: 18px !important
}

@media only screen and (max-width:40em) {
    .big-search-field {
        position: relative;
        padding: 0 48px 0 16px !important;
        font-size: 1.7rem
    }
}

.big-search-controls {
    position: absolute;
    top: 2px;
    right: 2px;
    height: 50px;
    color: rgba(36,28,21,0.65)
}

    .big-search-controls:hover, .big-search-controls:focus {
        color: #241c15
    }

@media only screen and (max-width:40em) {
    .big-search-controls {
        top: 56px
    }

    .kb-overlay .big-search-controls {
        top: 2px
    }
}

.big-search-controls button {
    background-color: transparent !important;
    height: inherit;
    color: rgba(36,28,21,0.65)
}

    .big-search-controls button:hover, .big-search-controls button:focus {
        border-color: transparent;
        box-shadow: none;
        color: #241c15
    }

@media only screen and (max-width:40em) {
    .big-search-controls button {
        padding: 0 12px
    }
}

.big-search-controls .clear-search {
    right: 18px;
    top: 13px;
    z-index: 2
}

@media only screen and (max-width:40em) {
    .big-search-controls .clear-search {
        right: 15px
    }
}

.big-search-filter {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: inset -1px 0 0 rgba(36,28,21,0.3);
    background-color: transparent
}

    .big-search-filter:focus {
        border: none;
        box-shadow: inset 0 0 0 1px #007c89,0 0 0 1px #007c89;
        border-radius: 2px 0 0 2px
    }

    .big-search-filter .dijitButtonContents {
        height: 52px;
        line-height: 52px
    }

        .big-search-filter .dijitButtonContents::after {
            line-height: 52px
        }

@media only screen and (max-width:40em) {
    .big-search-filter {
        position: static;
        width: 100%;
        margin-bottom: 18px;
        background-color: #ffffff;
        box-shadow: none;
        border: 1px solid rgba(36,28,21,0.3);
        border-radius: 2px
    }

        .big-search-filter:focus {
            border: 1px solid #007c89;
            box-shadow: inset 0 0 0 1px #007c89;
            border-radius: 2px
        }

        .big-search-filter .dijitButtonContents {
            height: auto
        }

            .big-search-filter .dijitButtonContents::after {
                line-height: 36px
            }
}

.loading-search {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/loader-kale-large@2x.png) no-repeat 50% 50% transparent;
    background-size: 40px;
    display: block;
    right: 0;
    top: -3px
}

@media only screen and (max-width:40em) {
    .loading-search {
        top: 51px
    }

    .kb-overlay .loading-search {
        top: -3px;
        right: -3px
    }
}

.search-results .cp-meta h4, .search-results .cp-meta p {
    padding-left: 60px
}

.search-results .campaign-results p {
    margin: 0
}

.search-results .data h4, .search-results .data p {
    padding-left: 0
}

.kb-article h2 {
    margin: 36px 0 18px
}

.kb-article h3 {
    margin: 42px 0 18px
}

.kb-article h4 {
    margin: 24px 0 9px
}

.kb-article ol {
    padding: 0
}

.kb-article ul {
    list-style: disc
}

.kb-article li {
    margin: 0 0 18px 0
}

    .kb-article li > a {
        display: inline;
        border-bottom: 1px solid
    }

.kb-article pre {
    background: #ffffff
}

.kb-article-note {
    background: #ccebf3;
    border-radius: 6px;
    padding: 24px;
    margin: 0 -24px
}

    .kb-article-note h3 {
        margin-top: 0
    }

    .kb-article-note a {
        border-bottom: 1px solid
    }

.kb-article img {
    margin: 1em 0
}

.kb-article u {
    text-decoration: none
}

.kb-article-code .CodeMirror {
    height: auto;
    margin: 1em 0
}

.kb-article-mergetag {
    margin: 0 0 36px
}

    .kb-article-mergetag input {
        margin: 0 0 12px
    }

.kb-article-intro-video, .kb-article-video-link {
    position: relative;
    padding-bottom: 67.25%;
    height: 0
}

    .kb-article-intro-video iframe, .kb-article-video-link iframe {
        position: absolute;
        top: 0;
        left: 0
    }

.kb-results ol {
    padding: 0 0 0 15px
}

.kb-results ul {
    list-style: disc;
    padding-left: 15px
}

.kb-results li > a {
    display: inline;
    border-bottom: 1px solid
}

.wrap {
    background-color: #ffffff;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0
}

.content {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background-color: inherit
}

@media only screen and (max-width:64em) {
    .content {
        -ms-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.main-content {
    height: calc(100vh - 60px);
    padding: 0 15px;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width:64em) {
    .main-content {
        padding: 0;
        -ms-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.local-nav-container {
    position: relative;
    z-index: 3;
    margin-bottom: 30px
}

    .local-nav-container > div {
        overflow: visible
    }

.mobile-top-nav {
    display: none
}

    .mobile-top-nav > a {
        padding: 12px 15px 11px;
        line-height: 24px;
        border-top: solid 1px #dedddc;
        border-bottom: solid 1px #dedddc;
        display: block
    }

        .mobile-top-nav > a::after {
            font-family: 'freddicons';
            speak: none;
            vertical-align: top;
            display: inline-block;
            line-height: unset;
            font-weight: normal !important;
            font-style: normal !important;
            text-transform: none !important;
            font-size: 20px !important;
            -webkit-font-smoothing: antialiased;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
            content: "\e024";
            margin-left: 6px;
            float: right
        }

    .mobile-top-nav.active > a {
        padding-bottom: 12px;
        color: #007c89
    }

        .mobile-top-nav.active > a::after {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

@media only screen and (max-width:40em) {
    .mobile-top-nav {
        display: block
    }
}

.local-nav {
    border-bottom: solid 1px #dedddc;
    display: block
}

@media only screen and (max-width:40em) {
    .local-nav {
        border-bottom: 0
    }
}

@media only screen and (max-width:40em) {
    .local-nav > li {
        border-bottom: 1px solid #dedddc
    }
}

@media only screen and (max-width:40em) {
    .local-nav .hover-list > li > a::after {
        float: right;
        font-size: 1.6rem;
        line-height: 24px
    }
}

.local-nav .hover-list > li > ul {
    top: 53px;
    border-radius: 0 0 6px 6px;
    z-index: 1000
}

@media only screen and (max-width:40em) {
    .local-nav .hover-list > li > ul {
        border-radius: 0;
        position: relative;
        top: 0;
        box-shadow: none;
        border: 0 none;
        padding: 0;
        font-size: 1.6rem
    }

        .local-nav .hover-list > li > ul > li > a:hover {
            background-color: #ccebf3
        }
}

@media only screen and (max-width:40em) {
    .local-nav .stayopen > li > a {
        color: #007c89 !important;
        background-color: #ccebf3;
        border: 0
    }

        .local-nav .stayopen > li > a::after {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }
}

.local-nav > li {
    display: inline-block;
    overflow: visible;
    vertical-align: top
}

    .local-nav > li > a, .local-nav > li .hover-list > li > a {
        color: #241c15;
        font-weight: 500;
        padding: 14px 24px 15px 0;
        line-height: 24px;
        float: left;
        font-size: 1.6rem
    }

        .local-nav > li > a:hover, .local-nav > li .hover-list > li > a:hover {
            color: #007c89
        }

@media only screen and (max-width:40em) {
    .local-nav > li > a, .local-nav > li .hover-list > li > a {
        padding: 12px 15px 11px;
        float: none
    }
}

.local-nav > li > a.active, .local-nav > li .hover-list > li > a.active {
    color: #007c89
}

.local-nav > li .hover-list > li > ul > li.current > a {
    color: #007c89
}

.local-nav > li.current > a, .local-nav > li.current > ul > li > a {
    color: #007c89
}

@media only screen and (max-width:40em) {
    .local-nav > li {
        position: relative;
        display: block
    }

        .local-nav > li:last-child > a, .local-nav > li:last-child .hover-list > li > a {
            border: 0 none
        }
}

.local-nav .data-nav {
    float: right
}

@media only screen and (max-width:64em) {
    .local-nav .data-nav {
        float: none
    }
}

.local-nav .data-nav a {
    font-size: 2.8rem;
    color: #241c15;
    margin: 0
}

    .local-nav .data-nav a:hover {
        color: #007c89
    }

@media only screen and (max-width:64em) {
    .local-nav .data-nav a {
        padding: 15px 24px 15px 0
    }
}

@media only screen and (max-width:40em) {
    .local-nav .data-nav a {
        padding: 15px
    }
}

.local-nav .data-nav li {
    display: inline-block;
    vertical-align: bottom
}

.local-nav .subscriber-nav .freddicon {
    padding: 10px
}

@media only screen and (max-width:40em) {
    .local-nav .subscriber-nav .freddicon {
        padding-right: 15px
    }
}

.local-nav .subscriber-nav .hover-list > li > ul {
    left: auto;
    right: 0
}

.local-nav.local-tabs {
    border-top: none
}

    .local-nav.local-tabs > li > a {
        -ms-transition: all .1s ease-in 0s;
        transition: all .1s ease-in 0s;
        padding: 15px 24px;
        color: #737373;
        border: 0 solid #ffffff
    }

        .local-nav.local-tabs > .current > a, .local-nav.local-tabs > li > a:hover {
            padding: 15px 24px 10px;
            color: #241c15;
            border-bottom: 5px solid #241c15
        }

@media only screen and (max-width:40em) {
    .local-nav {
        display: none
    }

    .active + .local-nav {
        display: block
    }
}

.header {
    overflow: visible;
    margin: 48px 0;
    position: relative;
    z-index: 5
}

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

    .header::after {
        clear: both
    }

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

    .header::after {
        clear: both
    }

@media screen and (max-width:40em) {
    .header {
        margin-bottom: 18px
    }
}

.header--checklist {
    margin-bottom: 30px
}

@media screen and (max-width:40em) {
    .header--checklist {
        margin: 18px 0
    }
}

.header .add-btn {
    float: right;
    display: inline-block;
    margin: 6px 0 0 15px
}

@media screen and (max-width:40em) {
    .header .add-btn {
        margin: 24px 0 0;
        width: 100%;
        display: block;
        float: none
    }

        .header .add-btn + .add-btn {
            margin-top: 17px
        }
}

.header .dijitSelect.add-btn {
    display: block;
    overflow: hidden
}

@media screen and (max-width:40em) {
    .header .dijitSelect.add-btn {
        display: table;
        width: 100%
    }

        .header .dijitSelect.add-btn .dijitButtonContents {
            width: 100%
        }

        .header .dijitSelect.add-btn .dijitButtonText {
            float: none
        }
}

@media screen and (max-width:40em) {
    .header .p0 {
        height: 48px;
        line-height: 48px
    }

        .header .p0 .dijitArrowButtonInner::after {
            line-height: 48px !important
        }
}

.header .hover-list {
    display: inline-block;
    float: left;
    margin-top: 6px
}

    .header .hover-list.draft-picker {
        float: right;
        margin-top: 6px
    }

    .header .hover-list > li > ul {
        right: auto;
        top: auto
    }

@media screen and (max-width:40em) {
    .header .hover-list > li > ul {
        max-width: 40em
    }

        .header .hover-list > li > ul a {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }
}

@media screen and (max-width:31.25em) {
    .header .hover-list > li > ul {
        max-width: 14em
    }
}

.header .hover-list > li > a {
    padding: 0 12px 0 0
}

.header .title, .header .sub-count {
    float: left;
    margin: 0 12px 0 0;
    display: inline-block
}

#freddie-send {
    height: inherit
}

@keyframes shakeAndPoint {
    0% {
        transform: translate(0, -15px)
    }

    40% {
        transform: rotate(.18deg)
    }

    41% {
        transform: rotate(-0.18deg)
    }

    42% {
        transform: rotate(.18deg)
    }

    43% {
        transform: rotate(-0.18deg)
    }

    44% {
        transform: rotate(.18deg)
    }

    45% {
        transform: rotate(.18deg)
    }

    46% {
        transform: rotate(-0.15deg)
    }

    47% {
        transform: rotate(.1deg)
    }

    48% {
        transform: rotate(-0.1deg)
    }

    49% {
        transform: rotate(.1deg)
    }

    50% {
        transform: translate(0, 0)
    }

    51% {
        transform: rotate(.1deg)
    }

    52% {
        transform: rotate(-0.1deg)
    }

    53% {
        transform: rotate(.15deg)
    }

    54% {
        transform: rotate(-0.15deg)
    }

    55% {
        transform: rotate(.15deg)
    }

    56% {
        transform: rotate(.18deg)
    }

    57% {
        transform: rotate(-0.18deg)
    }

    58% {
        transform: rotate(.2deg)
    }

    59% {
        transform: rotate(-0.2deg)
    }

    100% {
        transform: translate(0, -15px)
    }
}

@-webkit-keyframes shakeAndPoint {
    0% {
        -webkit-transform: translate(0, -15px)
    }

    40% {
        -webkit-transform: rotate(.18deg)
    }

    41% {
        -webkit-transform: rotate(-0.18deg)
    }

    42% {
        -webkit-transform: rotate(.18deg)
    }

    43% {
        -webkit-transform: rotate(-0.18deg)
    }

    44% {
        -webkit-transform: rotate(.18deg)
    }

    45% {
        -webkit-transform: rotate(.18deg)
    }

    46% {
        -webkit-transform: rotate(-0.15deg)
    }

    47% {
        -webkit-transform: rotate(.1deg)
    }

    48% {
        -webkit-transform: rotate(.1deg)
    }

    49% {
        -webkit-transform: rotate(.1deg)
    }

    50% {
        -webkit-transform: translate(0, 0)
    }

    51% {
        -webkit-transform: rotate(.1deg)
    }

    52% {
        -webkit-transform: rotate(-0.1deg)
    }

    53% {
        -webkit-transform: rotate(.15deg)
    }

    54% {
        -webkit-transform: rotate(-0.15deg)
    }

    55% {
        -webkit-transform: rotate(.15deg)
    }

    56% {
        -webkit-transform: rotate(.18deg)
    }

    57% {
        -webkit-transform: rotate(-0.18deg)
    }

    58% {
        -webkit-transform: rotate(.2deg)
    }

    59% {
        -webkit-transform: rotate(-0.2deg)
    }

    100% {
        -webkit-transform: translate(0, -15px)
    }
}

.shakeAndPoint {
    -webkit-animation: shakeAndPoint 4.5s ease infinite;
    animation: shakeAndPoint 4.5s ease infinite
}

@keyframes rockingHover {
    0% {
        transform-origin: 50% 100%;
        transform: rotate(0deg);
        -ms-transform-origin: 50% 100%;
        -ms-transform: rotate(0deg)
    }

    25% {
        transform-origin: 50% 100%;
        transform: rotate(-2deg);
        -ms-transform-origin: 50% 100%;
        -ms-transform: rotate(-2deg)
    }

    75% {
        transform-origin: 50% 100%;
        transform: rotate(2deg);
        -ms-transform-origin: 50% 100%;
        -ms-transform: rotate(2deg)
    }

    100% {
        transform-origin: 50% 100%;
        transform: rotate(0deg);
        -ms-transform-origin: 50% 100%;
        -ms-transform: rotate(0deg)
    }
}

@-webkit-keyframes rockingHover {
    0% {
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: rotate(-2deg)
    }

    75% {
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: rotate(2deg)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: rotate(0deg)
    }
}

.rockingHover {
    -webkit-animation: rockingHover 3s linear 500ms infinite;
    animation: rockingHover 3s linear 500ms infinite
}

.delayed-reveal {
    opacity: 0;
    animation-name: loadSlow;
    animation-iteration-count: 1;
    animation-delay: 1s;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in
}

@keyframes loadSlow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.dj_ie #list-or-group {
    visibility: hidden
}

    .dj_ie #list-or-group.active {
        visibility: visible
    }

.dj_ie label, .dj_ie .badge, .dj_ie .fwb, .dj_ie .font-weight--bold, .dj_ie .sub-t thead, .dj_ie .sub-t .v-head, .dj_ie .cp-filter li, .dj_ie .popup-list li, .dj_ie .cp-footer, .dj_ie .nav-label, .dj_ie .tablet-nav a, .dj_ie .local-nav .hover-list > li > a, .dj_ie .local-nav > li > a {
    font-weight: bold
}

.dj_ie input {
    line-height: 24px
}

.dj_ie .big-search-field {
    line-height: 30px
}

.amcharts-balloon-div div {
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif !important
}

.bg-login {
    -webkit-overflow-scrolling: touch
}

    .bg-login .dijitDialog button {
        margin-bottom: 0
    }

    .bg-login .dijitTextBox {
        width: 99%
    }

    .bg-login #av-flash-block {
        top: 0
    }

@media only screen and (max-height:800px) {
    .c-loginContainer {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0
    }
}

.c-loginContent {
    max-width: 540px
}

.input-append input[type="text"], .input-append input[type="search"], .input-append input[type="password"] {
    width: 70%;
    border-radius: 3px 0 0 3px;
    z-index: 1
}

.input-append .add-on {
    position: absolute;
    right: 0;
    width: 30%;
    display: inline-block;
    min-height: 32px;
    border-radius: 0 3px 3px 0;
    border: 2px solid rgba(36,28,21,0.3);
    border-left: none;
    background: #e0e0e0
}

.stay-signed-in {
    background: #e0e0e0;
    height: 48px
}

@media only screen and (max-width:64em) {
    .stay-signed-in {
        height: 36px
    }
}

.password-requirements {
    position: relative;
    opacity: 0;
    max-height: 0;
    display: block;
    -ms-transition: all .25s ease-in-out 0s;
    transition: all .25s ease-in-out 0s
}

    .password-requirements ul li {
        -ms-transition: all .25s ease-in-out 0s;
        transition: all .25s ease-in-out 0s
    }

        .password-requirements ul li::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            margin-right: 10px;
            border-radius: 8px;
            background: #007c89
        }

        .password-requirements ul li.completed {
            color: #bdbbb9
        }

            .password-requirements ul li.completed::before {
                background: #bdbbb9
            }

    .password-requirements.open, .password-requirements.always-open {
        opacity: 1;
        max-height: 200px
    }

.accountSelectBox a {
    color: #241c15;
    outline: 0;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.accountSelectBox .focus a {
    background-color: #007c89;
    color: #ffffff
}

.accountSelectBox .freddicon {
    right: 18px
}

.login-oauth--connection {
    height: 60px;
    margin: 30px auto
}

.login-oauth--icon {
    width: 60px
}

.login-oauth--connector {
    width: 120px
}

.login-oauth--freddie {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/navigation/freddie_wink.svg) no-repeat scroll 50% 0 transparent;
    background-size: 52px
}

.c-billboard {
    height: 100vh;
    position: relative
}

.c-billboard__wrapper {
    position: fixed;
    right: 0;
    min-height: auto
}

.c-billboard.v_position--top .c-billboard__image {
    background-position-y: center
}

.c-billboard.v_position--top .c-billboard__cta, .c-billboard.v_position--top .c-billboard__message {
    top: 10%
}

.c-billboard.v_position--center .c-billboard__image {
    background-position-y: center
}

.c-billboard.v_position--center .c-billboard__cta, .c-billboard.v_position--center .c-billboard__message {
    top: 50%;
    transform: translateY(-50%)
}

.c-billboard.v_position--bottom .c-billboard__image {
    background-position-y: center
}

.c-billboard.v_position--bottom .c-billboard__cta, .c-billboard.v_position--bottom .c-billboard__message {
    bottom: 10%
}

.c-billboard.h_position--left .c-billboard__image {
    background-position-x: center
}

.c-billboard.h_position--left .c-billboard__cta {
    left: 5%
}

.c-billboard.h_position--left .c-billboard__message {
    right: auto
}

@media screen and (max-width:75em) {
    .c-billboard.h_position--left .c-billboard__message {
        max-width: 60%
    }
}

@media screen and (max-width:75em) {
    .c-billboard.h_position--left .c-billboard__message__line {
        display: inline
    }
}

.c-billboard.h_position--center .c-billboard__image {
    background-position-x: center
}

.c-billboard.h_position--center .c-billboard__cta {
    text-align: center;
    max-width: 600px;
    left: 0;
    right: 0
}

.c-billboard.h_position--center .c-billboard__message {
    text-align: center
}

    .c-billboard.h_position--center .c-billboard__message p {
        max-width: 100%
    }

.c-billboard.h_position--right .c-billboard__image {
    background-position-x: center
}

.c-billboard.h_position--right .c-billboard__cta {
    right: 5%
}

.c-billboard.h_position--right .c-billboard__message {
    left: auto
}

@media screen and (max-width:75em) {
    .c-billboard.h_position--right .c-billboard__message {
        max-width: 60%
    }
}

@media screen and (max-width:75em) {
    .c-billboard.h_position--right .c-billboard__message__line {
        display: inline
    }
}

.c-billboard__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d9d9d9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.c-billboard__cta {
    position: absolute;
    max-width: 40%;
    margin: auto;
    padding-top: 0
}

.c-billboard__cta__title {
    font-size: 21px;
    font-weight: 500;
    text-transform: none
}

.c-billboard__cta__button {
    background: transparent;
    color: #241c15;
    font-weight: bold;
    border: 2px solid #241c15;
    margin: 0;
    height: auto;
    opacity: 1;
    transition: opacity .15s linear
}

    .c-billboard__cta__button:active, .c-billboard__cta__button:focus, .c-billboard__cta__button:hover {
        background: transparent;
        opacity: .7
    }

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

.c-billboard__message {
    position: absolute;
    right: 5%;
    left: 5%;
    margin: auto;
    padding-top: 0
}

.c-billboard__message__title {
    font-size: 21px;
    font-weight: 500;
    text-transform: none
}

.c-billboard__message__button {
    background: transparent;
    color: #241c15;
    font-weight: bold;
    border: 2px solid #241c15;
    height: auto;
    opacity: 1;
    transition: opacity .15s linear
}

    .c-billboard__message__button:active, .c-billboard__message__button:focus, .c-billboard__message__button:hover {
        background: transparent;
        opacity: .7
    }

.c-billboard__message__line {
    display: block
}

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

.c-signupWrapper {
    height: calc(100vh - 140px)
}

@media only screen and (max-width:64em) {
    .c-signupWrapper {
        height: auto
    }
}

.c-signupContent {
    max-width: 900px
}

@media only screen and (max-width:64em) {
    .c-signupContent {
        max-width: 600px
    }
}

.c-showPassword {
    color: #007c89;
    padding-left: 30px
}

    .c-showPassword:hover {
        color: #004e56
    }

.c-showPassword--showIcon::before {
    font-family: 'freddicons';
    speak: none;
    vertical-align: top;
    display: inline-block;
    line-height: unset;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: '\e054';
    position: absolute;
    left: 0
}

.c-showPassword--hideIcon::before {
    font-family: 'freddicons';
    speak: none;
    vertical-align: top;
    display: inline-block;
    line-height: unset;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: '\e107';
    position: absolute;
    left: -6px
}

.c-socialSvg {
    width: 30px;
    height: 30px;
    background-size: contain !important
}

.c-socialSvg_facebook {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/icons/svg/facebook.svg) no-repeat scroll center transparent
}

.c-socialSvg_twitter {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/icons/svg/twitter.svg) no-repeat scroll center transparent
}

.c-signupSecondaryInput {
    background-color: #ffffff;
    color: #959595;
    cursor: pointer
}

    .c-signupSecondaryInput:hover, .c-signupSecondaryInput:focus {
        -ms-transition: color .2s ease-in-out 0s;
        transition: color .2s ease-in-out 0s;
        -ms-transition-property: color;
        transition-property: color;
        color: #241c15
    }

    .c-signupSecondaryInput:focus {
        border: 1px solid #241c15;
        box-shadow: inset 0 0 0 1px #241c15;
        outline: none
    }

.c-segmentBrain_container {
    position: relative;
    margin: 36px 0 12px 36px;
    width: 200px;
    height: 236px
}

.c-segmentBrain_image {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%
}

.c-segmentQuestion {
    min-height: 156px
}

@media only screen and (max-width:64em) {
    .c-segmentQuestion {
        min-height: auto
    }
}

.c-segmentQuestion_headline {
    line-height: 42px
}

@media only screen and (max-width:64em) {
    label[for^="notify"]:first-child {
        margin-bottom: 12px !important
    }
}

.right-sidebar {
    position: absolute;
    z-index: 5;
    width: 22%;
    right: 15px
}

    .right-sidebar.isFixed .right-sidebar-contents {
        position: fixed;
        top: 80px;
        width: 279px
    }

@media only screen and (max-width:75em) {
    .right-sidebar.isFixed .right-sidebar-contents {
        width: 23%;
        right: 30px
    }
}

@media only screen and (max-width:64em) {
    .right-sidebar.isFixed .right-sidebar-contents {
        position: inherit;
        width: 100%;
        padding: 0 15px;
        max-width: unset;
        right: auto
    }
}

@media only screen and (max-width:64em) {
    .right-sidebar {
        position: inherit;
        width: 100%;
        padding: 0 15px;
        right: auto
    }
}

.border-above {
    padding-top: 23px;
    margin-top: 24px;
    border-top: 1px dotted #dedddc
}

.border-below {
    padding-bottom: 23px;
    margin-bottom: 24px;
    border-bottom: 1px dotted #dedddc
}

.pmt-block {
    padding-left: 48px
}

    .pmt-block::after {
        content: "";
        position: absolute;
        top: 12px;
        left: 0;
        width: 40px;
        height: 23px;
        margin-bottom: -5px;
        background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/icons/payment-sprite.png);
        background-size: auto 23px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-color: transparent
    }

.pmt-Visa::after {
    background-position: -50px 0
}

.pmt-Mast::after {
    background-position: -100px 0
}

.pmt-Amex::after {
    background-position: -150px 0
}

.pmt-Disc::after {
    background-position: -200px 0
}

.pmt-Bank {
    padding-left: 30px
}

    .pmt-Bank::after {
        background-position: -250px 0;
        width: 30px
    }

.pmt-Paypal {
    padding-left: 30px
}

    .pmt-Paypal::after {
        background-position: -300px 0;
        width: 30px
    }

.pricing-table td {
    padding: 12px 15px !important
}

    .pricing-table td:last-child {
        text-align: right
    }

.integration-item {
    padding: 15px 0;
    border-bottom: 1px solid #dedddc;
    position: relative
}

    .integration-item > ul {
        margin-bottom: 0
    }

        .integration-item > ul > li {
            padding: 0 0 0 2em
        }

    .integration-item .panel-header h4 {
        margin: 0;
        font-size: 1.6rem
    }

    .integration-item .panel-header p {
        max-width: none
    }

    .integration-item .panel-header .int-connected {
        float: right
    }

    .integration-item .integration-summary {
        padding-left: 6em;
        position: relative
    }

    .integration-item .icon64 {
        position: absolute;
        top: 0;
        left: 0;
        width: 64px;
        height: 64px
    }

    .integration-item table {
        text-align: left
    }

    .integration-item .disclosure-open, .integration-item .disclosure-closed {
        color: #241c15
    }

        .integration-item .disclosure-open::before, .integration-item .disclosure-closed::before {
            display: block;
            height: 0;
            left: 15px;
            position: absolute;
            top: 36px;
            color: #959595
        }

.panel-status {
    padding-left: 8em
}

@media screen and (max-width:31.25em) {
    .panel-status {
        padding-left: 2em
    }
}

.connection-results li a {
    cursor: pointer
}

.test-results, .test-connection {
    margin: 1em 0 0
}

.security-challenge .disclosure-open::before, .security-challenge .disclosure-closed::before {
    top: auto
}

.challenge-panel {
    margin: 1em 0 0 30px
}

.api-result.cross {
    color: #f25f25
}

.api-result.tick {
    color: #00c14e
}

.loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: inherit;
    width: inherit;
    background-color: #ffffff;
    opacity: .85;
    z-index: 3
}

    .loader img {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

.img-overlay {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50%;
    position: relative;
    width: 96px;
    height: 96px;
    border: 1px solid #dedddc;
    margin: 6px 0 0;
    overflow: hidden
}

    .img-overlay .edit-img {
        -ms-transition: background-color 0.15s ease-in-out 0s;
        transition: background-color 0.15s ease-in-out 0s;
        width: 100%;
        z-index: 2;
        text-align: center;
        position: absolute;
        bottom: 0;
        padding: 6px;
        color: #ffffff;
        background-color: rgba(36,28,21,0.7)
    }

        .img-overlay .edit-img:hover {
            background-color: rgba(36,28,21,0.7);
            opacity: 1
        }

.take-picture-modal-container .dijitDialogCloseIcon {
    display: none
}

.take-picture-modal-container .dijitDialogPaneContent {
    min-width: 400px !important
}

.take-picture-modal {
    height: 480px;
    width: 480px;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

    .take-picture-modal .video-container {
        margin: 0 !important;
        padding: 0 !important;
        height: 480px;
        width: 480px;
        overflow: hidden
    }

        .take-picture-modal .video-container video {
            margin-left: -80px
        }

    .take-picture-modal .save-cancel-group {
        z-index: 1;
        background: #ffffff;
        padding: 18px;
        bottom: 0;
        left: 0;
        right: 0
    }

.minh-lv3 {
    min-height: 3em
}

.minh-lv6 {
    min-height: 6em
}

#list-or-group {
    -ms-transition: all .25s cubic-bezier(.7, 0, .175, 1) 0s;
    transition: all .25s cubic-bezier(.7, 0, .175, 1) 0s
}

    #list-or-group .lastUnit, #list-or-group .panel-block {
        -ms-transition: all .25s cubic-bezier(.7, 0, .175, 1) 0s;
        transition: all .25s cubic-bezier(.7, 0, .175, 1) 0s;
        padding: 0;
        max-height: 0;
        opacity: 0;
        z-index: -1
    }

    #list-or-group.active .lastUnit, #list-or-group.active .panel-block {
        max-height: 20em;
        opacity: 1;
        z-index: 0
    }

    #list-or-group.active .panel-block {
        padding: 24px 15px
    }

    #list-or-group.active .lastUnit {
        padding: 0 15px
    }

    #list-or-group .button {
        margin-right: 11px
    }

.remind select, .remind p {
    margin-bottom: 12px
}

.member-segment-nav > * {
    vertical-align: top;
    display: inline-block
}

.member-segment-nav > a:first-child {
    background-image: none
}

    .member-segment-nav > a:first-child.disclosure-open {
        background-color: #52bad5;
        margin-right: 9px
    }

        .member-segment-nav > a:first-child.disclosure-open:hover {
            background-color: #52bad5
        }

.member-segment-nav select {
    width: auto
}

.member-segment-nav .button, .member-segment-nav select, .member-segment-nav .dijitSelect {
    margin: 0 18px 12px 0;
    -ms-transition: none;
    transition: none
}

.member-segment-nav .reorder {
    display: inline-block
}

@media only screen and (max-width:40em) {
    .member-segment-nav > * {
        display: block;
        float: none;
        margin: 0 0 12px
    }

    .member-segment-nav .dijitSelect {
        margin: 0
    }

    .member-segment-nav .reorder {
        display: block;
        width: 100%;
        margin-bottom: 30px
    }

        .member-segment-nav .reorder .button {
            margin: 0;
            width: inherit
        }
}

.column-toggle-button, .tagging-button {
    padding-right: 11px
}

.column-toggle, .tags-toggle {
    -ms-transform: translate3d(0, -5%, 0);
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
    -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 6px 0 18px 0;
    top: 42px;
    position: absolute;
    background-color: #ffffff;
    outline: 0 none;
    min-width: 25em;
    max-width: 30em;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);
    visibility: hidden;
    z-index: -1;
    opacity: .01
}

.column-toggle--active, .tags-toggle--active {
    opacity: 1;
    z-index: 3;
    visibility: visible;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.column-toggle .button, .tags-toggle .button {
    margin: 0 11px 0 0
}

.column-toggle .dijitCheckBox, .tags-toggle .dijitCheckBox {
    margin: 0 8px 0 0
}

.column-toggle label, .tags-toggle label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 85%;
    -webkit-user-select: all;
    -ms-user-select: all;
    -moz-user-select: all;
    user-select: all
}

@media only screen and (max-width:40em) {
    .column-toggle, .tags-toggle {
        max-width: 20em;
        right: auto
    }
}

@media only screen and (max-width:40em) {
    .column-toggle, .tags-toggle {
        min-width: 16em
    }
}

.column-toggle .dojoDndItemBefore, .tags-toggle .dojoDndItemBefore, .column-toggle .dojoDndItemAfter + .dojoDndItem, .tags-toggle .dojoDndItemAfter + .dojoDndItem {
    border-top: solid 2px #000000;
    padding-top: 12px
}

.tags-toggle li {
    list-style: none
}

.column-toggle ul {
    max-height: 15em;
    overflow: hidden;
    overflow-y: auto;
    border-bottom: 1px solid #dedddc;
    margin-bottom: 18px;
    padding-bottom: 18px
}

    .column-toggle ul + .button {
        margin-left: 15px
    }

.column-toggle li {
    border-top: 2px solid transparent;
    padding: 12px 15px 12px 8;
    line-height: 0
}

    .column-toggle li:hover {
        background-color: #ccebf3
    }

.triangle {
    border: 10px solid #ffffff;
    border-color: transparent transparent #ffffff;
    height: 0;
    width: 0;
    position: absolute;
    top: -20px;
    left: 8px
}

    .triangle.center {
        left: 50%
    }

.overview-chart li {
    margin-right: 15px;
    margin-top: 6px
}

.merge-fields-table .options-heading {
    margin-top: 12px
}

.merge-fields-table .field-name-input {
    max-width: 185px;
    float: left;
    margin-right: 15px
}

    .merge-fields-table .field-name-input.options-input {
        margin-bottom: 12px
    }

    .merge-fields-table .field-name-input.merge-var {
        max-width: 140px;
        margin-left: 3px;
        margin-right: 3px;
        float: none
    }

.add-delete {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    padding: 0;
    margin: 0;
    background: #efeeea;
    text-indent: -9999px;
    position: relative;
    margin-right: 3px !important;
    margin-top: 6px;
    float: left !important
}

    .add-delete::after {
        content: "";
        width: 11px;
        height: 3px;
        background: #484848;
        display: block;
        position: absolute;
        top: 11px;
        left: 7px
    }

    .add-delete.add::before {
        content: "";
        height: 11px;
        width: 3px;
        background: #484848;
        display: block;
        position: absolute;
        left: 11px;
        top: 7px
    }

    .add-delete:hover {
        background: #e4e2dc
    }

#list-settings-fieldlist .button {
    float: left;
    margin-right: 6px;
    margin-bottom: 12px
}

.tips {
    list-style: disc outside none;
    padding-left: 12px
}

    .tips li {
        max-width: 635px
    }

.form-pathway-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/signup-pathway-sprites.png) no-repeat 0 0;
    background-size: 400px
}

    .form-pathway-icon.general-form {
        background-position: -100px 0
    }

    .form-pathway-icon.ecommerce-popup {
        background-position: 0 0
    }

    .form-pathway-icon.embeddable-form {
        background-position: -300px 0
    }

    .form-pathway-icon.integrations-form {
        background-position: -200px 0
    }

.edit-profile .interestgroup_row {
    list-style: none
}

.edit-profile label {
    margin-right: 15px
}

    .edit-profile label:last-child {
        margin-right: 0
    }

.edit-profile .radio-group, .edit-profile .checkbox-group {
    margin-bottom: 30px
}

.edit-profile .datefield {
    margin: 0 0 24px
}

.edit-profile .dijitDateTextBox {
    width: auto
}

.edit-profile .subfields {
    display: block;
    margin-bottom: 30px
}

    .edit-profile .subfields label {
        display: none
    }

    .edit-profile .subfields .subfield {
        display: inline-block
    }

        .edit-profile .subfields .subfield input {
            width: 40px;
            margin-bottom: 0
        }

        .edit-profile .subfields .subfield:last-child input {
            width: 60px;
            margin-right: 15px
        }

.edit-profile .addressfield .subfield label {
    display: none
}

.two-up p, .two-up label, .two-up textarea, .two-up input[type="text"], .two-up input[type="datetime"], .two-up input[type="datetime-local"], .two-up input[type="date"], .two-up input[type="month"], .two-up input[type="time"], .two-up input[type="week"], .two-up input[type="number"], .two-up input[type="email"], .two-up input[type="url"], .two-up input[type="tel"], .two-up select {
    max-width: inherit
}

.form-integrations .media-image {
    height: 38px;
    width: 38px;
    margin-right: 0
}

.form-integrations .media {
    border-bottom: solid 1px #dedddc;
    padding: 12px 0;
    margin-bottom: 0
}

@media only screen and (max-width:40em) {
    .form-integrations .media .button.float-right {
        float: left !important
    }
}

.form-integrations .tweet-field {
    width: auto
}

.tweet-followers li {
    min-height: 216px
}

#subscriber-nav {
    z-index: 3;
    padding-right: 15px
}

@media only screen and (max-width:40em) {
    .member-content h3 + a {
        float: right;
        margin: 0
    }
}

.view-profile .req {
    display: none
}

.paging p {
    margin: 0 12px 0 0
}

.paging .button {
    padding: 0 8px
}

    .paging .button:first-child {
        border-radius: 3px 0 0 3px
    }

    .paging .button:last-child {
        border-radius: 0 3px 3px 0
    }

.import-to-group-options {
    clear: both
}

.new-group-inputs-container {
    padding-left: 48px
}

    .new-group-inputs-container .dnd-input-container {
        padding: 12px 0;
        margin: -10px 0;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent
    }

    .new-group-inputs-container .dojoDndItemBefore .dnd-input-container {
        border-top: solid 2px #000000
    }

    .new-group-inputs-container .dojoDndItemAfter .dnd-input-container {
        border-bottom: solid 2px #000000
    }

#new-interest-grouping {
    margin-left: -42px
}

#groups-list {
    margin-bottom: 8em
}

    #groups-list > li {
        cursor: default;
        border-bottom: solid 1px #dedddc;
        padding: 15px 0
    }

        #groups-list > li:first-child {
            border-top: solid 1px #dedddc
        }

        #groups-list > li .view-group {
            margin-bottom: 10px
        }

@media only screen and (max-width:40em) {
    #groups-list > li .view-group {
        margin-top: 0;
        margin-bottom: 24px;
        float: left
    }
}

.descending-tree {
    position: relative
}

.dojoDndAvatar .descending-tree {
    padding: 0;
    margin: 0 !important
}

    .dojoDndAvatar .descending-tree::before, .dojoDndAvatar .descending-tree::after {
        display: none !important
    }

    .dojoDndAvatar .descending-tree > div {
        border: 0;
        margin: 0
    }

    .dojoDndAvatar .descending-tree .stat-block {
        padding: 0;
        margin: 0;
        border: 0 none
    }

.descending-tree::before {
    content: "";
    width: 9px;
    height: 64px;
    border-left: solid 2px #dedddc;
    border-bottom: solid 2px #dedddc;
    position: absolute;
    top: -42px;
    left: 6px
}

.descending-tree:last-of-type::after {
    top: -56px;
    z-index: -1
}

.dojoDndAvatar .interest-groups-ctr {
    padding: 12px !important
}

.subgroup::before {
    height: 60px;
    left: 12px;
    top: -18px
}

.subgroup.dojoDndItemBefore::before {
    height: 180px
}

.subgroup::after {
    position: absolute;
    content: "";
    border-left: solid 2px #dedddc;
    height: 90px;
    top: 42px;
    left: 12px
}

.subgroup .drop-target, .subgroup .drop-target-last {
    visibility: hidden;
    height: 0;
    opacity: 0
}

.subgroup.dojoDndItemBefore .drop-target, .subgroup.dojoDndItemAfter + .subgroup .drop-target, .subgroup:last-of-type.dojoDndItemAfter .drop-target-last {
    opacity: 1;
    visibility: visible;
    margin: 0 0 12px 30px;
    padding: 6px 12px;
    background: #ffe8aa;
    color: #484848;
    border-radius: 6px;
    font-size: 18px;
    background: #ffeebf;
    border: 2px dashed #d6b250;
    color: #d6b250;
    content: "Drop here";
    display: block !important;
    min-height: 102px
}

.subgroup:last-of-type.dojoDndItemAfter .drop-target-last {
    margin-top: 18px
}

.interest-name-edit-container, .grouping-name-edit-container {
    display: none;
    margin-bottom: 6px
}

    .interest-name-edit-container input, .grouping-name-edit-container input {
        width: 250px;
        margin: 0 18px 0 0
    }

.another-group-form {
    padding-left: 30px;
    margin-top: -60px;
    padding-top: 60px
}

    .another-group-form::before {
        left: 12px;
        height: 30px;
        top: 42px
    }

li ~ .another-group-form::before {
    height: 114px;
    top: -42px
}

.add-single-group {
    margin-left: 30px !important;
    float: none !important
}

.c-productRecommendations .product-listing {
    padding-right: 36px;
    padding-bottom: 36px
}

@media only screen and (max-width:40em) {
    .c-productRecommendations .product-listing {
        padding-right: 18px;
        padding-bottom: 18px
    }
}

.c-productRecommendations .product-img {
    width: 128px;
    height: 128px;
    background-color: #f2f2f2;
    background-size: cover;
    background-position: 50%;
    min-width: 128px
}

.c-productRecommendations .product-title {
    max-width: 130px
}

#email-headers input {
    margin: 0
}

#preview-container .iframe-wrap {
    margin-right: 280px
}

#preview-container.no-col .iframe-wrap {
    margin-right: 0
}

#preview-container .iframe-wrap iframe {
    width: 100%;
    min-height: 800px
}

#preview-container .preview-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    max-height: 800px;
    padding-left: 20px
}

#build-panel-options .button {
    margin: 0 0 10px 0;
    width: 100%
}

#preview-container .dijitTabContainerTop-dijitContentPane {
    padding-top: 12px
}

#list-form-build-panel .dijitTabContainerTop-container {
    margin: 0
}

#preview-sidebar-toggle {
    position: absolute;
    top: 10px;
    z-index: 2;
    width: 22px;
    height: 106px;
    text-indent: -9999px;
    cursor: pointer;
    right: 0;
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/buttons/show-themes.png) no-repeat
}

    #preview-sidebar-toggle.sidebar-hider {
        right: 280px;
        background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/buttons/hide-themes.png) no-repeat
    }

#preview-container #mobile-view {
    padding: 10px;
    border: 2px solid #ffffff;
    background: #f2f2f2
}

#merge-choices-form input {
    width: 175px;
    float: left;
    margin-right: 10px
}

#design-edittabs {
    border-bottom: 1px solid #dedddc
}

#embed-form-display {
    width: 100%;
    height: 300px;
    overflow: auto;
    border: 1px solid #dedddc
}

.slim .hide-slim, .horizontal-slim .hide-horizontal-slim, .naked .hide-naked, .show-slim, .show-classic, .show-naked {
    display: none
}

.slim .show-slim, .classic .show-classic, .naked .show-naked {
    display: block
}

@media only screen and (max-width:64em) {
    #preview-container .preview-sidebar {
        max-height: none;
        right: -280px;
        -ms-transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s;
        transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s;
        background: #ffffff
    }

    #preview-container .iframe-wrap {
        margin-right: 0
    }

    body.open-drawer #preview-container .preview-sidebar {
        right: 0
    }
}

.info-nav {
    padding: 18px 18px 18px 48px;
    position: relative
}

    .info-nav .button, .info-nav .button-small {
        margin-right: 0
    }

    .info-nav .cross-fill {
        position: absolute;
        left: 18px;
        top: 19px
    }

@media only screen and (max-width:40em) {
    .info-nav > div:first-child {
        margin-bottom: 12px
    }
}

@media only screen and (max-width:40em) {
    .info-nav .paging {
        margin-top: 18px
    }
}

.info-nav .paging p {
    margin: 0 12px 0 0
}

.info-nav .paging .button-group .button {
    padding: 0 8px
}

.avatar-notes {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 54px;
    height: 54px;
    border-radius: 3px
}

@media screen and (max-width:40em) {
    .subscriber-exports .filter-btn {
        width: 100% !important
    }

        .subscriber-exports .filter-btn .dijitDropDownButton {
            width: 100%
        }

            .subscriber-exports .filter-btn .dijitDropDownButton .dijitButtonNode {
                display: block
            }
}

.link-modal.dijitDialogShow ~ .dijitDialog {
    z-index: 10 !important
}

.popup-iframe-wrapper {
    pointer-events: none;
    cursor: default
}

#fields-pane .field label.checkbox {
    position: relative;
    left: 25px;
    padding-right: 25px;
    line-height: inherit
}

#fields-pane .field .move-handle {
    cursor: grab;
    display: none;
    margin: 1px 0 0;
    position: absolute;
    width: 25px
}

#fields-pane .field .switchWrapper {
    display: none
}

#fields-pane .field.selected .move-handle {
    display: block
}

#fields-pane .field.selected .switchWrapper {
    display: block
}

.popup-description .cke_contents {
    border-bottom: none !important
}

.field .field-drop {
    border: 2px dashed #dedddc;
    display: none;
    height: 30px;
    margin: 0 0 15px 0
}

    .field .field-drop::before {
        color: #dedddc;
        content: "Drop field";
        padding-left: 10px
    }

.field .group-label {
    opacity: .8;
    font-size: 13px;
    position: relative;
    left: 42px
}

#fields-pane .dojoDndSourceMoved .field.dojoDndItemOver .field-drop {
    display: block !important
}

#fields-pane .dojoDndSourceMoved .field.dojoDndItemOver .group, #fields-pane .dojoDndSourceMoved .field.dojoDndItemOver .lastGroup {
    display: none
}

.dojoDndAvatar .field {
    min-width: 300px
}

    .dojoDndAvatar .field .checkbox {
        padding-left: 16px
    }

#custom-translations.rtl input {
    text-align: right
}

.import-icon {
    height: 100px;
    border: 2px solid #dedddc;
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/icons/import-sprite.png) no-repeat center 100px;
    cursor: pointer
}

    .import-icon:hover {
        border-color: #6dc5dc;
        background-color: #ccebf3
    }

    .import-icon:active {
        border-color: #6dc5dc;
        background-color: #6dc5dc
    }

    .import-icon.bordered {
        border-color: #6dc5dc
    }

.vcenter {
    display: table;
    height: 95px
}

    .vcenter a {
        color: #241c15;
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px
    }

.mac-contacts {
    border-radius: 3px;
    border: 1px solid #dedddc;
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 1.5em
}

.import-salesforce {
    background-position: center 0
}

.import-highrise {
    background-position: center -100px
}

.import-batchbook {
    background-position: center -200px
}

.import-zendesk {
    background-position: center -300px
}

.import-ccfile {
    background-position: center -400px
}

.import-surveygizmo {
    background-position: center -500px
}

.import-capsule {
    background-position: center -600px
}

.import-eventbrite {
    background-position: center -700px
}

.import-zoho {
    background-position: center -800px
}

.import-freshbooks {
    background-position: center -900px
}

.import-gdrive {
    background-position: center -1000px
}

.import-gcontacts {
    background-position: center -1100px
}

.hotkey {
    display: inline-block;
    border: 2px solid #dedddc;
    border-radius: 3px;
    text-align: center;
    width: 32px;
    height: 32px;
    margin: 0 6px 0 15px;
    font-size: 18px;
    line-height: 25px
}

#map-columns {
    overflow: auto;
    width: 100%
}

#import-map {
    margin: 0 0 12px -10px;
    padding-right: 800px;
    border-spacing: 10px 0
}

    #import-map .form-actions-importmap {
        margin-top: 10px;
        margin-bottom: 5px
    }

    #import-map th strong {
        color: #241c15
    }

    #import-map th .button-small {
        margin-right: 5px;
        padding: 0 10px
    }

    #import-map .header-name {
        display: block;
        font-size: 13px
    }

    #import-map .unnamed strong {
        color: #241c15;
        line-height: 14px
    }

    #import-map td, #import-map th {
        padding: 6px 10px;
        font-size: 13px;
        border-left: 2px solid #dedddc;
        border-right: 2px solid #dedddc
    }

    #import-map td {
        border-top: 1px dotted #dedddc
    }

    #import-map th {
        height: 130px;
        min-width: 250px;
        text-align: middle;
        vertical-align: middle;
        border-top: 2px solid #dedddc
    }

    #import-map tbody tr:last-child td {
        border-bottom: 2px solid #dedddc
    }

    #import-map tbody.has-header-row tr:first-child td {
        background: #f2f2f2;
        border-top: none
    }

    #import-map tbody.has-header-row tr:nth-child(2) td {
        border-top: none
    }

    #import-map .map-deleted {
        border-color: #dedddc;
        border-bottom: none
    }

    #import-map th.map-deleted {
        border-top-color: #dedddc;
        color: #dedddc
    }

        #import-map th.map-deleted .header-name {
            color: #e85c41
        }

    #import-map tbody tr:last-child td.map-deleted {
        border-bottom-color: #dedddc
    }

    #import-map tbody.has-header-row tr:first-child td.map-deleted {
        background: #f8f8f8
    }

    #import-map .unnamed {
        border-color: #ee836e;
        border-bottom: none
    }

    #import-map td.unnamed {
        background-color: #f8d0c8
    }

    #import-map th.unnamed {
        border-top-color: #ee836e
    }

        #import-map th.unnamed .field-type-label {
            color: #bf3e0b
        }

    #import-map tbody tr:last-child .unnamed {
        border-bottom-color: #ee836e
    }

    #import-map tbody.has-header-row tr:first-child td.unnamed {
        background: #ee836e
    }

    #import-map .map-activecol {
        border-color: #52bad5;
        border-bottom: none;
        color: #241c15;
        text-align: left
    }

    #import-map td.map-activecol {
        background-color: #b1e0ec
    }

    #import-map th.map-activecol {
        border-top-color: #52bad5
    }

    #import-map tbody tr:last-child .map-activecol {
        border-bottom-color: #52bad5
    }

    #import-map tbody.has-header-row tr:first-child td.map-activecol {
        background: #52bad5
    }

    #import-map span.deleted .help-tip .freddicon.info-circle {
        margin-left: -30px
    }

    #import-map span.deleted .dijitDropDownButtonFocused {
        outline: none
    }

    #import-map .header-cell .deleted, #import-map .header-cell.map-deleted .not-deleted {
        display: none
    }

    #import-map .header-cell .not-deleted, #import-map .header-cell.map-deleted .deleted {
        display: block
    }

    #import-map.hide-skipped .map-deleted, #import-map.hide-skipped .map-deleted-cell {
        display: none
    }

.segment-editor-container {
    margin: 0 0 18px 36px
}

.segment-editor {
    position: relative
}

    .segment-editor .dijitInlineTable {
        width: 100px;
        padding: 0
    }

    .segment-editor input {
        width: auto;
        margin-bottom: 0
    }

    .segment-editor select {
        width: auto;
        margin: 0 15px
    }

        .segment-editor select[multiple] {
            max-width: none
        }

    .segment-editor .relative {
        border-top: 1px dotted #d9d9d9
    }

.segment-condition {
    padding-top: 15px;
    border-bottom: 1px dotted #d9d9d9
}

.add-button {
    border-bottom: 1px dotted #d9d9d9
}

.segment-condition {
    clear: left
}

    .segment-condition select {
        margin: 0
    }

@media only screen and (max-width:31.25em) {
    .segment-condition select {
        width: 100%
    }
}

.segment-condition input {
    min-width: 210px
}

.segment-block {
    display: inline-block;
    margin: 0 15px 15px 0;
    vertical-align: top
}

@media only screen and (max-width:64em) {
    .segment-block {
        margin-right: 6px
    }
}

@media only screen and (max-width:40em) {
    .segment-block {
        display: block
    }
}

.segment-block .dijitTextBox {
    margin-bottom: 0
}

.segment-block span {
    line-height: 32px;
    margin-bottom: 0
}

.segment-value input, .segment-value select {
    margin-right: 15px
}

.geo-field-group input {
    margin-bottom: 0;
    margin-top: -4px;
    margin-right: 11px
}

.geo-field-group a.button-small {
    margin-top: -4px;
    margin-bottom: 0
}

.segment-condition .delete {
    -ms-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s;
    line-height: 36px;
    margin-right: 11px;
    cursor: pointer;
    color: #b7b7b7
}

    .segment-condition .delete:hover {
        color: #959595
    }

.segment-editor .dijitDateTextBox + a {
    text-decoration: none
}

.c-plainTextEditor {
    position: absolute;
    right: 50%;
    padding: 0
}

@media only screen and (max-width:40em) {
    .c-plainTextEditor {
        position: relative;
        right: auto;
        padding: 0 30px 30px 30px
    }
}

.c-plainTextEditor textarea {
    font-family: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace;
    resize: none;
    max-width: none;
    height: 100%;
    border: none;
    padding: 30px 18px 6px 18px
}

@media only screen and (max-width:40em) {
    .c-plainTextEditor textarea {
        height: 250px;
        padding: 0 12px 0 12px;
        border: 1px solid #dedddc;
        overflow: auto
    }
}

.c-plainTextDetails {
    position: absolute;
    left: 50%
}

@media only screen and (max-width:40em) {
    .c-plainTextDetails {
        position: relative;
        left: auto
    }
}

.a-b-container {
    position: relative;
    overflow: hidden;
    display: block;
    height: 105px;
    width: 100%;
    margin-bottom: 12px;
    background: #dedddc;
    border-radius: 5px;
    z-index: 0
}

    .a-b-container .a-b-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        border: 4px solid #484848;
        height: inherit;
        background: #b1e0ec;
        font-weight: bold;
        border-radius: 5px;
        width: 10%;
        z-index: 2
    }

        .a-b-container .a-b-wrapper::before {
            content: "A";
            line-height: 100px;
            text-align: center;
            display: block;
            height: 100%;
            width: 50%;
            background: #52bad5;
            float: left
        }

        .a-b-container .a-b-wrapper::after {
            content: "B";
            line-height: 100px;
            text-align: center;
            width: 50%;
            display: block;
            float: right
        }

    .a-b-container .a-b-handle {
        position: absolute;
        top: 0;
        left: 9%;
        cursor: col-resize;
        background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/ab-split-handle.png) 50% 50% no-repeat #484848;
        border-radius: 5px;
        width: 20px;
        height: 100%;
        z-index: 3
    }

        .a-b-container .a-b-handle:hover {
            background-color: #626262;
            cursor: col-resize
        }

    .a-b-container .remainder-label {
        position: absolute;
        top: 40%;
        right: 30px
    }

#test-subjectSelect .dijitSelectLabel, #test-subjectSelect_menu .dijitMenuItemLabel {
    font-weight: 500
}

.wizard-form label .badge {
    display: inline-block;
    margin: 0;
    text-indent: 0
}

ul.mini-tabs {
    border-bottom: 1px solid #dedddc;
    margin-bottom: 24px;
    font-weight: 700
}

    ul.mini-tabs li {
        display: inline-block;
        line-height: 32px
    }

    ul.mini-tabs a {
        display: inline-block;
        color: #737373;
        border-bottom: 1px solid #dedddc;
        position: relative;
        bottom: -1px;
        line-height: 32px;
        margin: 0 24px 0 0
    }

        ul.mini-tabs a:hover {
            color: #007c89
        }

        ul.mini-tabs a.active {
            color: #007c89;
            border-bottom-color: #000000
        }

    ul.mini-tabs.alignr a {
        margin: 0 0 0 24px
    }

.promotion-preview {
    border: 1px solid #dedddc;
    background: #f2f2f2;
    overflow: auto
}

.pr-preview {
    padding: 0 10px 24px 10px
}

    .pr-preview .media {
        margin-top: 24px
    }

    .pr-preview .media-image {
        display: block;
        float: none;
        margin: 0
    }

    .pr-preview .media-body {
        position: relative
    }

#pr-twitter .media {
    width: 530px;
    padding: 12px 12px 24px 12px;
    background: #ffffff;
    border: 1px solid #dedddc;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15)
}

#pr-twitter .media-image {
    margin: 0 0 18px 0
}

#pr-twitter .pr-url {
    font-size: 14px;
    color: #0084b4;
    text-decoration: none
}

    #pr-twitter .pr-url:hover {
        text-decoration: underline
    }

#pr-twitter .pr-title {
    font-size: 14px;
    color: #373737;
    font-weight: bold;
    overflow: hidden;
    word-wrap: break-word;
    margin: 0 0 5px 0
}

#pr-twitter .pr-desc {
    font-size: 14px;
    line-height: 18px;
    color: #241c15;
    overflow: hidden;
    word-wrap: break-word;
    margin: 6px 5px 6px 0
}

#pr-facebook .media {
    width: 484px;
    background: #ffffff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px rgba(0, 0, 0, 0.1)
}

#pr-facebook .media-body {
    padding: 12px
}

#pr-facebook .pr-url {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#pr-facebook .pr-title {
    font-family: Georgia,'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #141823;
    margin-bottom: 5px
}

#pr-facebook .pr-desc {
    font-family: Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    max-height: 64px;
    overflow: hidden;
    color: #333333
}

#pr-facebook .pr-domain {
    font-family: Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9197a3;
    padding-top: 9px
}

#pr-facebook-small .media-body {
    height: 158px
}

#pr-facebook-small .media-image {
    float: left;
    width: 156px;
    height: 156px;
    margin: 1px;
    background-size: cover
}

#pr-facebook-small .pr-title {
    max-height: 44px;
    overflow: hidden
}

#pr-facebook-small .pr-domain {
    position: absolute;
    bottom: 12px;
    left: 12px
}

#pr-facebook-large .media-image {
    width: 482px;
    height: 255px;
    margin: 1px;
    background-size: cover
}

#pr-pinterest .media {
    margin-top: 0;
    width: 475px;
    padding: 0;
    background: #ffffff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22)
}

#pr-pinterest .media-image {
    background: #f2f2f2
}

    #pr-pinterest .media-image img {
        margin: 0 auto
    }

#pr-pinterest .pr-domain-wrap {
    border: 1px solid #dedddc;
    border-width: 1px 0;
    font-weight: bold;
    font-size: 15px;
    color: #373737;
    padding: 8px 16px
}

#pr-pinterest .pr-title {
    font-size: 20px;
    color: #373737;
    font-weight: bold;
    overflow: hidden;
    word-wrap: break-word;
    padding: 18px 16px 5px 16px
}

#pr-pinterest .pr-favicon {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/icons/pinterest-richpin-favicon.png) no-repeat 18px center;
    padding: 0 16px 0 44px;
    margin-bottom: 14px
}

#pr-pinterest .pr-desc {
    font-size: 14px;
    color: #241c15;
    overflow: hidden;
    word-wrap: break-word;
    background: #f2f2f2;
    border-top: 1px solid #dedddc;
    padding: 14px 16px
}

#share-settings .promotion-settings .switch {
    margin-right: 0 !important
}

#share-settings .promotion-settings .pr-img-bg {
    width: 150px;
    height: 100px;
    background-size: cover
}

#share-settings .disabled {
    opacity: .3;
    pointer-events: none
}

    #share-settings .disabled .media-image, #share-settings .disabled .pr-title, #share-settings .disabled .pr-desc {
        display: none
    }

.predelivery-checklist {
    width: 80%;
    max-width: 960px
}

    .predelivery-checklist [data-workflow-mode="view"] {
        display: block;
        margin: 0 !important
    }

        .predelivery-checklist [data-workflow-mode="view"] ul {
            font-size: inherit;
            margin: 0 !important
        }

            .predelivery-checklist [data-workflow-mode="view"] ul li {
                border: none;
                padding: 0;
                margin-bottom: 6px
            }

    .predelivery-checklist .step {
        min-width: 90px
    }

@media only screen and (max-width:40em) {
    .predelivery-checklist .step {
        margin: 12px 0 0
    }
}

.comma-spans span::after {
    content: ", "
}

.comma-spans span.font-weight--bold::after, .comma-spans span:last-child::after {
    content: ""
}

.edit-plaintext-dialog textarea {
    font-family: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace;
    height: 360px;
    margin-bottom: 60px
}

.campaign-finished .high-five, .campaign-finished .rock-on {
    width: 400px;
    height: 400px;
    margin: 0 auto 36px auto
}

@media only screen and (max-width:31.25em) {
    .campaign-finished .high-five, .campaign-finished .rock-on {
        width: 200px;
        height: 200px
    }
}

.campaign-finished .high-five, .campaign-finished .rock-on {
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/high-five-freddie.png) no-repeat scroll 50% 50% transparent;
    background-size: 100% auto
}

.campaign-finished .rock-on {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/scheduled-freddie.png)
}

.campaign-finished > div {
    margin: 36px auto
}

#preview-template {
    width: 100%
}

#editor-tabs {
    height: 230px
}

    #editor-tabs .dijitTabPaneWrapper {
        margin: 0
    }

#edit-styles-wrap {
    height: 100px;
    overflow: auto
}

.editor-tab {
    padding-top: 10px !important
}

#design-edittabs div[id^="editor-tab-"] {
    overflow: hidden
}

.editor-subtabs .dijitTab {
    top: 0;
    height: 32px;
    font-size: 1.4rem
}

.editor-subtabs {
    margin-top: -5px
}

    .editor-subtabs .dijitTabContainerTop-tabs {
        height: 32px
    }

#editor-tab-monkeyrewards #list-badge-list {
    width: 43%;
    right: 30%
}

    #editor-tab-monkeyrewards #list-badge-list a {
        text-decoration: none
    }

.edit-style {
    float: left;
    overflow: hidden;
    margin-right: 10px
}

    .edit-style label {
        padding-bottom: 5px;
        font-size: 1.4rem
    }

    .edit-style select {
        width: auto;
        padding: 4px;
        margin-top: 2px;
        height: 36px;
        min-width: 90px;
        margin-bottom: 15px
    }

.dj_webkit .edit-style select {
    padding: 4px 35px 4px 10px
}

.edit-style input {
    width: 100px;
    float: left;
    margin-right: 4px;
    margin-top: 2px;
    margin-bottom: 15px
}

.editor-subtab .tips {
    float: left;
    clear: both;
    font-size: 1.2rem
}

.edit-style .border-fields select, .edit-style .border-fields input, .edit-style .border-fields span, .edit-style .padding input {
    float: left;
    width: 20px
}

.edit-style span.suffix {
    height: 30px;
    padding: 6px 3px 0 0;
    float: left
}

.border-type {
    margin-right: 4px
}

.edit-style .border-fields select.border-type {
    width: 90px
}

.edit-style .border-fields input.border-color, .edit-style input.color-picker-field-fg, .edit-style input.color-picker-field-bg {
    width: 90px
}

#list-form-translate-panel .inline-label {
    line-height: 24px
}

.rewards-badge-list {
    display: block;
    max-width: 635px;
    overflow-y: auto
}

    .rewards-badge-list li {
        display: inline-block
    }

#edit-content-modal .dijitDialogPaneContent {
    max-height: none
}

.link-modal .dijitDialogPaneContent {
    min-width: 0
}

#file-manager-modal {
    width: 95%;
    max-width: 1090px;
    min-height: 350px
}

    #file-manager-modal .dijitDialogPaneContent {
        padding: 0;
        min-height: 425px;
        background: none;
        width: auto !important;
        overflow-x: hidden !important
    }

    #file-manager-modal .template-thumbnail img {
        width: auto;
        height: auto;
        max-height: 110px;
        vertical-align: top
    }

.tertiary-nav li {
    line-height: 1.8em
}

    .tertiary-nav li a {
        padding: 0 10px;
        border-radius: 3px;
        margin-left: -10px
    }

    .tertiary-nav li.current a {
        background: #f2f2f2;
        color: #373737
    }

.merge-cheatsheet {
    position: relative
}

    .merge-cheatsheet .merges {
        border: 1px solid #dedddc
    }

.merges {
    max-height: 230px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important
}

#merges-list {
    border-collapse: separate;
    margin-bottom: 60px;
    position: relative;
    top: 24px;
    left: 0;
    right: 0;
    background: #ffffff
}

    #merges-list td {
        padding: 4px 10px
    }

.mcd .cke_skin_mc a.cke_toolbox_collapser {
    visibility: hidden;
    border: none !important;
    margin: -40px 8px 0 0 !important;
    width: 30px !important;
    height: 30px !important;
    background: transparent none !important;
    position: relative
}

.cke_skin_mc a.cke_toolbox_collapser::after {
    content: "\25be";
    font-size: 20px;
    color: #373737;
    position: absolute;
    top: 5px;
    right: 5px;
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.cke_skin_mc a.cke_toolbox_collapser_min::after {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.template-thumbnail img {
    border: solid 1px #dedddc
}

#email-headers tr > th:first-child {
    padding-right: 15px
}

.no-header tr:first-child td {
    border-top: dotted 1px #dedddc
}

.c-adTouDialog {
    width: 660px
}

@media only screen and (max-width:40em) {
    .v-adThumbnailItem {
        margin-right: 12px
    }
}

.c-adThumbnail {
    background-position: 50% 50%;
    background-size: cover;
    border: 2px solid #e0e0e0;
    padding: 2px;
    background-clip: content-box;
    cursor: pointer
}

    .c-adThumbnail:hover, .c-adThumbnail:focus {
        border-color: rgba(0,0,0,0.2)
    }

    .c-adThumbnail ~ .c-adThumbnail {
        margin-top: 18px
    }

.c-adThumbnailControl:checked + .c-adThumbnail, .c-adThumbnailControl:checked + .c-adThumbnail:hover, .c-adThumbnailControl:checked + .c-adThumbnail:focus {
    border-color: #52bad5
}

    .c-adThumbnailControl:checked + .c-adThumbnail .c-adThumbnail_button {
        display: block
    }

.c-adThumbnailControl:checked ~ .c-adThumbnail_button {
    display: block
}

.c-adThumbnail_button {
    display: none;
    top: -9px;
    right: -9px;
    box-shadow: -2px -1px #ffffff,24px 24px #ffffff inset;
    z-index: 2
}

.c-adThumbnail_add {
    border: 1px dashed #d0d0d0
}

.v-fbAttachment {
    width: 100%
}

.v-fbAttachment--default {
    width: 100%;
    padding-bottom: 52.36%;
    height: 0
}

.v-fbAttachment--carousel {
    width: 52.36%;
    padding-bottom: 52.36%;
    height: 0;
    margin: 0 auto
}

.c-attachment_overlay {
    visibility: hidden;
    opacity: .001;
    background-color: rgba(0,0,0,0.62);
    -ms-transition: all 0.23s ease-in-out 0s;
    transition: all 0.23s ease-in-out 0s
}

.c-attachment:hover .c-attachment_overlay {
    visibility: visible;
    opacity: 1
}

.max-width--textBox {
    max-width: 175px
}

.c-adsActionBar .dijitSelect.dijitInline {
    margin: 0
}

.c-previewPager_item + .c-previewPager_item {
    margin-left: 18px
}

@media only screen and (max-width:40em) {
    .c-previewPager_item + .c-previewPager_item {
        margin-left: 6px
    }
}

.c-previewPager_thumbnail {
    border: 2px solid transparent;
    padding: 3px;
    width: 72px;
    height: 72px
}

.c-previewPager_thumbnail--active {
    border-color: #52bad5
}

@media only screen and (max-width:40em) {
    .c-previewPager_thumbnail {
        width: 48px;
        height: 48px
    }
}

.c-previewContent {
    height: calc(100vh - 60px - 108px - 2px)
}

.c-ghostBrowser {
    max-width: 1024px
}

    .c-ghostBrowser::before {
        content: "● ● ●";
        position: absolute;
        top: 18px;
        left: 18px;
        display: block;
        font-size: 26px;
        line-height: 0;
        speak: none;
        color: #dedddc
    }

.v-stripedBackground--gray {
    background: linear-gradient(to bottom, #f2f2f2, #f2f2f2 50%, #ffffff 50%, #ffffff);
    background-size: 100% 30px
}

.c-adsPlacementSummary .u-adsItem--hidden\@summary {
    display: none
}

.c-adsChannelItem {
    width: calc((50% - 6px * 3) + (6px * 3 / 2))
}

@media only screen and (max-width:64em) {
    .c-adsChannelItem {
        width: 100%
    }
}

.c-adsChannelItem_placementList {
    font-size: 1.4rem;
    line-height: 18px
}

.v-channelAvatarThumbnail {
    width: 36px;
    height: 36px
}

.v-channelIndicator {
    border: 1px solid #ffffff;
    right: -6px;
    bottom: -6px
}

.invalid-error ul {
    list-style-type: disc;
    padding: 0 0 0 18px;
    font-size: 1.4rem;
    line-height: 18px
}

.c-adsChoiceCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-right: 18px;
    position: relative;
    min-height: 96px
}

@media only screen and (max-width:64em) {
    .c-adsChoiceCard {
        margin-right: 0;
        margin-bottom: 12px
    }
}

.c-adsChoiceCard_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 24px 18px;
    position: relative;
    text-align: center
}

.c-adsChoiceCard_description {
    font-size: 1.4rem;
    line-height: 18px
}

.c-audienceTargetSummary_item {
    margin-bottom: 18px
}

    .c-audienceTargetSummary_item:last-of-type {
        margin-bottom: unset
    }

.c-audienceTargetSummary_subItem {
    margin-bottom: 6px
}

    .c-audienceTargetSummary_subItem:last-of-type {
        margin-bottom: unset
    }

.c-checklistContainer {
    width: 75%
}

@media screen and (max-width:64em) {
    .c-checklistContainer {
        width: 65%
    }
}

@media screen and (max-width:60em) {
    .c-checklistContainer {
        width: 100%
    }
}

@media screen and (max-width:40em) {
    .c-checklistContainer {
        border-top: solid 1px #d0d0d0;
        border-bottom: solid 1px #d0d0d0
    }
}

.c-checklistSidebar {
    width: 25%
}

@media screen and (max-width:64em) {
    .c-checklistSidebar {
        width: 35%
    }
}

@media screen and (max-width:60em) {
    .c-checklistSidebar {
        width: 635px
    }
}

@media screen and (max-width:40em) {
    .c-checklistSidebar {
        width: 100%
    }
}

.c-actionBarToaster {
    background-color: #52bad5;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px
}

.v-gAttachment {
    width: 100%
}

.v-gAttachment--1x91 {
    width: 100%;
    padding-bottom: 52.36%;
    height: 0
}

.v-gAttachment--1x1 {
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    margin: 0 auto
}

.c-gAdThumbnail {
    border: 2px solid rgba(0,0,0,0);
    padding: 2px;
    min-width: 108px;
    height: 108px
}

    .c-gAdThumbnail ~ .c-gAdThumbnail {
        margin-top: 18px
    }

@media only screen and (max-width:64em) {
    .c-gAdThumbnail {
        min-width: 72px;
        height: 72px
    }
}

.c-gAdThumbnail_image {
    background-position: 50% 50%;
    background-size: cover;
    background-clip: content-box
}

.c-gAdThumbnail_label {
    left: 6px;
    bottom: 6px
}

.c-gAdThumbnailControl:checked + .c-gAdThumbnail, .c-gAdThumbnailControl:checked + .c-gAdThumbnail:hover, .c-gAdThumbnailControl:checked + .c-gAdThumbnail:focus {
    border: 2px solid #52bad5;
    padding: 2px
}

    .c-gAdThumbnailControl:checked + .c-gAdThumbnail .c-adThumbnail_button {
        display: block
    }

.c-gAdThumbnailControl:checked ~ .c-gAdThumbnail_button {
    display: block
}

.c-gAdThumbnail_button {
    display: none;
    top: -9px;
    right: -9px;
    box-shadow: -2px -1px #ffffff,24px 24px #ffffff inset;
    z-index: 2;
    padding: 0
}

.c-gAdThumbnail_add {
    color: #241c15;
    background-color: #f2f2f2;
    -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    border: 1px dashed #d0d0d0
}

    .c-gAdThumbnail_add:visited {
        color: #241c15
    }

    .c-gAdThumbnail_add:hover {
        cursor: pointer;
        color: #241c15;
        background-color: #d9d9d9
    }

    .c-gAdThumbnail_add:focus {
        border: 1px solid #007c89;
        box-shadow: inset 0 0 0 1px #007c89;
        outline: none
    }

    .c-gAdThumbnail_add:active, .c-gAdThumbnail_add.active {
        background-color: #ccc
    }

    .c-gAdThumbnail_add[disabled], .c-gAdThumbnail_add.disabled, .c-gAdThumbnail_add.loading {
        pointer-events: none;
        border: 1px solid #dedddc;
        color: #bdbbb9;
        background-color: transparent
    }

        .c-gAdThumbnail_add[disabled].button--onDarkBg, .c-gAdThumbnail_add.disabled.button--onDarkBg, .c-gAdThumbnail_add.loading.button--onDarkBg {
            opacity: .3
        }

        .c-gAdThumbnail_add.disabled.clickable {
            pointer-events: all
        }

.c-adPreview {
    font-family: Roboto;
    color: #000000;
    font-weight: 300
}

.c-adPreview--160x600 {
    width: 160px;
    height: 600px
}

.c-adPreview--970x90 {
    width: 970px;
    height: 92px
}

.c-adPreview--300x250 {
    width: 300px;
    height: 250px
}

.c-adPreview--320x50 {
    width: 320px;
    height: 50px
}

.c-adProduct--160 {
    width: 158px;
    height: 83px !important
}

.c-adProduct--300 {
    width: 298px;
    height: 157px !important
}

.c-adProduct--320 {
    width: 95px;
    height: 50px !important
}

.c-adProduct--970 {
    width: 171px;
    height: 90px !important
}

.c-adHeadline--160 {
    color: #ffffff;
    background-color: #535353;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.5;
    height: 120px
}

.c-adHeadline--970 {
    color: #ffffff;
    background-color: #535353;
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    width: 401px !important;
    white-space: nowrap
}

.c-adHeadline--300 {
    color: #ffffff;
    background-color: #535353;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    height: 32px;
    white-space: nowrap
}

.c-adHeadline--320 {
    color: #535353;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    width: 170px
}

.c-adDescription--160 {
    color: #000000;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.6;
    height: 310px
}

.c-adDescription--970 {
    color: #535353;
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    width: 327px !important
}

.c-adDescription--300 {
    color: #000000;
    font-weight: 300;
    font-size: 10px;
    line-height: normal;
    width: 220px
}

.c-adUrl--160 {
    color: #000000;
    font-weight: 300;
    font-size: 14px;
    line-height: 42px
}

.c-adUrl--970 {
    color: #ffffff;
    font-weight: 300;
    font-size: 14px;
    line-height: normal;
    left: 12px
}

.c-adUrl--300 {
    color: #000000;
    font-weight: 300;
    font-size: 10px;
    line-height: normal
}

.c-facebookDesktopPreview {
    font-family: Helvetica,Arial,sans-serif;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    max-width: 500px
}

.c-facebookMobilePreview {
    font-family: Helvetica,Arial,sans-serif;
    padding: 10px 0;
    background-color: #dddfe2;
    max-width: 320px;
    width: 100%
}

.c-fbAdContainer {
    padding: 12px 12px 0;
    text-align: left;
    color: #1d2129;
    background-color: #ffffff
}

.c-fbAdContainer--mobile {
    padding: 0
}

.c-fbPageContainer {
    line-height: 1.35;
    color: #90949c
}

.c-fbPageContainer--mobile {
    line-height: 17px;
    color: #1d2129
}

.c-fbPage_avatar {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    border: 1px solid rgba(0,0,0,0.3)
}

.c-fbPage_name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.38;
    font-family: Helvetica,Arial,sans-serif
}

.c-fbContentMeta {
    font-size: 12px;
    color: #90949c
}

.c-fbContentMeta--small {
    font-size: 11px;
    line-height: 11px
}

.c-fbContentMeta--mobile {
    line-height: 16px;
    height: 16px;
    color: #1d2129
}

.c-fblink--desktop {
    color: #365899
}

.c-fblink--mobile {
    color: #1d2129;
    font-weight: bold
}

.c-fbAdButton {
    background-color: #f6f7f9;
    color: #4b4f56;
    border-radius: 2px;
    border: 1px solid #ced0d4;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    padding: 0 8px;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize
}

.c-fbAdButton--mobile {
    border: 1px solid;
    border-radius: 4px;
    background-color: transparent;
    line-height: 16px;
    font-weight: normal;
    font-family: sans-serif;
    text-transform: uppercase;
    padding: 3px 8px
}

.c-fbAdCta--carousel {
    bottom: -4px;
    margin: 15px 2px 0 2px;
    font-family: Helvetica,Arial,sans-serif
}

.c-fbAdCta--carouselMobile {
    margin-left: 8px;
    line-height: 28px;
    height: 28px;
    border-radius: 2px;
    padding: 0 9px;
    text-transform: capitalize
}

.c-fbAdCta:empty {
    display: none
}

.c-fbAdMessage {
    text-align: left;
    line-height: 1.38;
    font-size: 14px;
    color: #1d2129;
    font-family: Helvetica,Arial,sans-serif
}

.c-fbAdMessage--mobile {
    padding: 0 10px;
    margin: 8px 0
}

.c-fbAdHeader {
    padding: 10px 10px 0
}

.c-fbAdIcon {
    display: inline-block;
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/ads/facebook-icon-sprite.png);
    background-repeat: no-repeat;
    background-size: auto;
    height: 16px;
    width: 16px
}

.c-fbAdIcon--carousel {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/ads/facebook-carousel-sprite.png);
    width: 20px;
    height: 20px
}

.c-fbAdIcon--thumbup {
    background-position: -72px -185px
}

.c-fbAdIcon--thumbupMobile {
    background-position: -72px -110px;
    width: 24px;
    height: 24px
}

.c-fbAdIcon--ellispse {
    background-position: 0 -143px;
    width: 20px;
    height: 20px
}

.c-fbAdIcon--globe {
    background-position: -88px -48px;
    width: 10px;
    height: 11px;
    margin-left: 4px
}

.c-fbAdIcon--chevronLeft {
    background-position: 0 0
}

.c-fbAdIcon--chevronRight {
    background-position: 0 -21px
}

.c-fbAdIcon--like {
    background-position: -62px -163px;
    width: 20px;
    height: 20px
}

.c-fbAdIcon--share {
    background-position: -84px -163px;
    width: 20px;
    height: 20px
}

.c-fbAdIcon--comment {
    background-position: -42px -163px;
    width: 20px;
    height: 20px
}

.c-fbContent_container {
    transition: 500ms
}

.c-fbAdContent_item {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset,0 1px 4px rgba(0,0,0,0.1)
}

.c-fbAdContent_item--default {
    width: 100%
}

.c-fbAdContent_item--carousel {
    min-width: 300px;
    margin-right: 6px
}

.c-fbAdContent_item--carouselMobile {
    min-width: 230px;
    margin-right: 10px;
    border-radius: 4px
}

    .c-fbAdContent_item--carouselMobile:first-of-type {
        margin-left: 10px
    }

.c-fbAdContent_item--mobile {
    box-shadow: none
}

.c-fbAdContent_img {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.c-fbAdContent_img--default {
    height: 250px
}

.c-fbAdContent_img--defaultMobile {
    padding-bottom: 52.188%
}

.c-fbAdContent_img--carousel {
    height: 300px;
    border: 1px solid rgba(0,0,0,0.1)
}

.c-fbAdContent_img--carouselMobile {
    width: 230px;
    height: 230px;
    border-radius: 4px 4px 0 0;
    border: 1px solid rgba(0,0,0,0.1)
}

.c-fbAdContent_title {
    font-family: Helvetica,Arial,sans-serif
}

.c-fbAdContent_title--default {
    font-family: Georgia,serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 5px;
    max-height: 110px
}

.c-fbAdContent_title--mobile {
    overflow: hidden;
    -webkit-line-clamp: 2;
    white-space: normal;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    font-family: Helvetica,Arial,sans-serif
}

.c-fbAdContent_title--carousel {
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    height: 36px;
    -webkit-line-clamp: 2;
    line-height: 18px;
    font-weight: bold;
    font-size: 12px
}

.c-fbAdContent_title--carouselMobile {
    font-size: 14px;
    text-overflow: ellipsis
}

.c-fbAdContent_desc {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    max-height: 80px
}

.c-fbAdContent_section {
    padding: 12px
}

.c-fbAdContent_section--mobile {
    background-color: #e8eaee
}

.c-fbAdContent_details--default {
    padding: 12px
}

.c-fbAdContent_details--carousel {
    height: 54px;
    padding: 6px 8px;
    box-sizing: content-box
}

.c-fbAdContent_details--carouselMobile {
    padding: 8px
}

.c-fbAdCarousel_actions {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%
}

.c-fbAdCarousel_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    width: 94px;
    cursor: pointer;
    transition: background-color 200ms
}

.c-fbAdCarousel_button--prev {
    transform: translateX(-14px)
}

.c-fbAdCarousel_button--next {
    transform: translateX(14px)
}

.c-fbAdCarousel_button--large {
    width: 182px
}

.c-fbAdCarousel_button--hover {
    background-color: rgba(233,235,238,0.5)
}

.c-fbAdCarousel_action {
    position: relative;
    background-color: #ffffff;
    border: 1.5px solid #dfe0e4;
    border-radius: 2px;
    line-height: 1;
    padding: 8px 9px
}

.c-fbAdSeeMore {
    font-size: 12px;
    line-height: 1.2
}

.c-fbIconActions {
    padding: 10px
}

.c-fbIconActions--mobile::before {
    height: 1px;
    width: 100%;
    display: block;
    margin: 15px 0 10px;
    border-top: 1px solid #ced0d4;
    content: ''
}

.c-fbIconAction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    color: #616770
}

.c-instagramPreview {
    font-family: Helvetica,Arial,sans-serif;
    padding-bottom: 20px;
    border: 1px solid rgba(0,0,0,0.3);
    max-width: 320px
}

.c-igBrand_header {
    height: 40px;
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/ads/instagram-action-sprite.png);
    background-size: 321px 67px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.c-igBrand_icon {
    display: inline-block;
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/ads/instagram-action-sprite.png);
    background-repeat: no-repeat;
    background-size: auto;
    height: 18px;
    width: 21px
}

.c-igBrand_icon--chevron-right {
    background-position: -123px -48px;
    width: 16px;
    height: 16px
}

.c-igBrand_icon--bookmark {
    background-position: -85px -48px;
    width: 18px;
    height: 18px
}

.c-igBrand_icon--dot {
    display: inline-block;
    height: 3px;
    width: 3px;
    margin: 0 1px;
    border-radius: 100px;
    background-color: #000000
}

.c-igBrand_icon--heart {
    background-position: 0 -48px
}

.c-igBrand_icon--bubble {
    background-position: -44px -48px
}

.c-igBrand_icon--send {
    background-position: -65px -48px
}

.c-igBrand_icon--action {
    margin-right: 15px
}

.c-igPage_avatar {
    width: 26px;
    height: 26px;
    margin-right: 8px;
    border-radius: 100px
}

.c-igPageHandleContainer {
    line-height: 1
}

.c-igPage_handleName {
    font-size: 11px;
    font-weight: 600;
    font-family: HelveticaNeue,Helvetica Neue,Helvetica,sans-serif;
    color: #111111;
    line-height: 1.2
}

.c-igPage_handleName--secondary {
    letter-spacing: 0;
    display: inline-block;
    margin-right: 3px
}

.c-igContentMeta {
    font-size: 10px;
    font-family: HelveticaNeue,Helvetica Neue,Helvetica,sans-serif
}

.c-igAdAttachment_img {
    width: 100%;
    height: 305px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.c-igAdAttachment_singleImg {
    width: 318px;
    height: 100%
}

.c-igButtonContainer {
    padding: 10px 10px 0
}

.c-igAdCta {
    border-bottom: 1px solid #e9eaeb;
    padding-bottom: 8px
}

.c-igAdButton {
    color: #3397f0;
    font-family: 'Freight Sans Bold',Helvetica,Arial,sans-serif !important;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    text-transform: capitalize
}

.c-igAdIconActions {
    margin: 0 10px;
    padding: 8px 0
}

.c-igAdContents {
    margin: 0 10px
}

.c-igAdMessage {
    text-align: left;
    font-size: 11px;
    line-height: 15px;
    min-height: 60px;
    letter-spacing: .5px;
    font-family: HelveticaNeue,Helvetica Neue,Helvetica,sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.c-igAdCarousel_action {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/ads/instagram-icon-sprite.png);
    background-size: 49px 867px;
    background-position: -19px -362px;
    height: 32px;
    width: 18px;
    opacity: .5;
    transition: 300ms;
    cursor: pointer
}

    .c-igAdCarousel_action:first-of-type {
        background-position: 0 -362px
    }

    .c-igAdCarousel_action:hover {
        opacity: 1
    }

.c-igAdCarousel_actions {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 100%;
    height: 35px;
    padding: 0 20px;
    transform: translateY(-50%)
}

.c-igAdCarousel_bullets {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.c-igAdCarousel_bullet {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    background-color: #3897f0;
    margin: 0 2px
}

.c-igAdCarousel_bullet--deselected {
    background-color: #c6c9cc
}

.c-igAdImageContainer {
    transition: 500ms ease-in-out
}

.segment-condition {
    padding-top: 15px;
    clear: left
}

    .segment-condition select {
        margin: 0;
        width: auto
    }

@media only screen and (max-width:31.25em) {
    .segment-condition select {
        width: 100%
    }
}

.segment-condition input {
    width: auto;
    margin-bottom: 0
}

.segment-condition .radio, .segment-condition .checkbox {
    min-width: 210px;
    line-height: 36px;
    margin-bottom: 0;
    cursor: pointer
}

.segment-condition:only-child {
    border-bottom: none
}

    .segment-condition:only-child .condition-actions {
        margin-left: 0
    }

    .segment-condition:only-child .category-fields {
        margin-left: 0
    }

    .segment-condition:only-child .delete-link {
        display: none
    }

.segment-condition .segment-unit {
    margin-bottom: 18px
}

.segment-condition .category-fields {
    margin-left: 40px
}

.segment-condition .delete {
    -ms-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s;
    line-height: 36px;
    cursor: pointer;
    color: #b7b7b7
}

    .segment-condition .delete:hover {
        color: #959595
    }

.segment-count-fixed {
    position: fixed;
    top: 60px;
    margin: 0;
    width: calc(100% - 40px);
    background-color: #ffffff;
    border-bottom: 1px solid #dedddc;
    z-index: 1
}

.condition-actions {
    clear: both;
    margin: 0 0 18px 40px
}

.adv-segmentation {
    max-width: 1300px
}

    .adv-segmentation .action-row {
        padding: 18px;
        padding-left: 36px
    }

    .adv-segmentation .condition-row {
        padding: 6px 36px 0 36px
    }

        .adv-segmentation .condition-row:first-of-type {
            margin-top: 18px
        }

    .adv-segmentation .nested-group {
        background-color: #f8f8f8;
        border: 1px solid #dedddc;
        border-radius: 3px;
        margin: 12px 18px 18px 36px
    }

    .adv-segmentation .condition-row {
        -ms-transition: background-color .2s ease-out 0s;
        transition: background-color .2s ease-out 0s;
        background-color: transparent
    }

        .adv-segmentation .condition-row.edit-mode {
            box-shadow: 0px -1px 5px 2px rgba(132, 132, 132, 0.2), 0px 3px 5px 0px rgba(132, 132, 132, 0.2);
            background: #ffffff
        }

            .adv-segmentation .condition-row.edit-mode .condition-block {
                margin-right: 12px
            }

        .adv-segmentation .condition-row.view-mode .condition-block {
            margin: 0 12px 12px 0
        }

        .adv-segmentation .condition-row .remove-row {
            position: absolute;
            top: 0;
            left: 0
        }

            .adv-segmentation .condition-row .remove-row > a {
                -ms-transition: color .2s ease-out 0s;
                transition: color .2s ease-out 0s;
                color: #b7b7b7;
                line-height: 30px
            }

                .adv-segmentation .condition-row .remove-row > a:hover {
                    color: #959595
                }

    .adv-segmentation .flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .adv-segmentation .condition-block.segment-field, .adv-segmentation .condition-block.segment-op {
        -webkit-flex: 0 0 200px;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px
    }

@media only screen and (max-width:64em) {
    .adv-segmentation .condition-block.segment-field, .adv-segmentation .condition-block.segment-op {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.adv-segmentation .condition-block.segment-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    min-width: 300px
}

    .adv-segmentation .condition-block.segment-value .dojoxRating {
        margin-left: 20px
    }

    .adv-segmentation .condition-block.segment-value .tag-input {
        max-width: inherit
    }

.adv-segmentation .condition-block .condition-value {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 12px 6px 0
}

@media only screen and (max-width:40em) {
    .adv-segmentation .nested-conditions > li:not(:last-of-type) {
        margin-bottom: 12px
    }
}

.adv-segmentation .view-mode-label {
    padding: 0 12px 5px;
    border-bottom: 1px dotted #b7b7b7;
    font-weight: 500
}

.bananaphone {
    margin: 18px auto;
    width: 350px;
    height: 620px;
    padding: 54px 12px 76px;
    position: relative;
    border: 2px solid #007c89;
    border-radius: 35px;
    -ms-transition: all 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    transition: all 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s
}

    .bananaphone .iframe-wrapper {
        position: relative;
        border: 2px solid #dedddc;
        width: 324px;
        height: 484px
    }

    .bananaphone iframe {
        width: 320px;
        height: 480px
    }

        .bananaphone iframe.mobile-text {
            background: #ffffff
        }

.landscape .bananaphone {
    margin: -80px auto;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

    .landscape .bananaphone iframe {
        position: absolute;
        top: 80px;
        left: -80px;
        width: 480px;
        height: 320px;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        min-height: 0 !important
    }

    .landscape .bananaphone.nochrome iframe {
        top: 152px;
        left: -90px
    }

.bananaphone.nochrome {
    width: 320px;
    height: 640px;
    padding: 0;
    border: none;
    overflow: visible;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none
}

    .bananaphone.nochrome::after, .bananaphone.nochrome::before {
        display: none
    }

    .bananaphone.nochrome .iframe-wrapper {
        border: none
    }

    .bananaphone.nochrome iframe {
        border: 1px solid #dedddc
    }

.merge-next, .merge-back {
    position: absolute;
    top: 0
}

.merge-next {
    right: 0
}

.merge-back {
    left: 0
}

.sp-card {
    width: 500px;
    border: dashed 1px #000000;
    padding: 30px
}

.disclosure-open, .disclosure-closed {
    color: #007c89;
    cursor: pointer;
    display: block;
    padding-left: 18px
}

    .disclosure-open::before, .disclosure-closed::before {
        font-family: 'freddicons';
        speak: none;
        vertical-align: top;
        display: inline-block;
        line-height: unset;
        font-weight: normal !important;
        font-style: normal !important;
        text-transform: none !important;
        font-size: 20px !important;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        content: "\e023";
        margin-left: -18px;
        position: relative;
        color: #007c89
    }

    .disclosure-open.border-above, .disclosure-closed.border-above {
        border-top: 1px solid #dedddc;
        padding-top: 18px;
        margin-top: 12px
    }

    .disclosure-open::before {
        content: "\e024"
    }

.numbered-step {
    width: 20px;
    height: 20px;
    line-height: 20px
}

.onboarding {
    width: 96px;
    height: 96px;
    display: block;
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/dashboard-onboarding-sprites.png) no-repeat;
    background-size: 96px;
    background-position: 0 0
}

    .onboarding span {
        display: inline-block;
        text-indent: -9999em;
        opacity: 0;
        visibility: hidden;
        position: absolute
    }

    .onboarding.create-campaigns {
        background-position: 0 0
    }

    .onboarding.create-lists {
        background-position: 0 -144px
    }

    .onboarding.signup-forms {
        background-position: 0 -288px
    }

    .onboarding.invite-users {
        background-position: 0 -432px
    }

    .onboarding.verify-domains {
        background-position: 0 -576px
    }

.c-sourcesChartNoData {
    height: 204px
}

.c-explore_content {
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%
}

@media screen and (max-width:64em) {
    .c-explore_content {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        margin-bottom: 12px
    }
}

@media screen and (max-width:64em) {
    .c-explore {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c-explore_wrapper {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.add-btn {
    float: right;
    margin: 3px 0 0 0
}

@media screen and (max-width:31.25em) {
    .add-btn {
        float: none;
        margin: 24px 0 0 0
    }
}

.member-segment-nav .sort-selector-label {
    display: none
}

.add-circle {
    margin-right: 6px
}

.slats .add-circle {
    margin: 0
}

.slats li .drop-target, .slats li .drop-target-last {
    visibility: hidden;
    height: 0;
    opacity: 0;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #484848
}

.slats li.dojoDndItemOver.dojoDndItemBefore, .slats li.dojoDndItemAfter + .dojoDndItem {
    border-top: none
}

    .slats li.dojoDndItemOver.dojoDndItemBefore .slat-dnd-display-container, .slats li.dojoDndItemAfter + .dojoDndItem .slat-dnd-display-container {
        border-top: solid 1px #dedddc;
        padding-top: 15px
    }

    .slats li.dojoDndItemOver.dojoDndItemBefore::before, .slats li.dojoDndItemAfter + .dojoDndItem::before {
        border-radius: 6px;
        font-size: 18px;
        background: #ffeebf;
        border: 2px dashed #d6b250;
        color: #d6b250;
        content: "Drop here";
        display: block !important;
        opacity: 1;
        min-height: 36px;
        visibility: visible;
        margin: 0 0 12px;
        padding: 6px 12px
    }

.slats li:last-of-type.dojoDndItemAfter::after {
    border-radius: 6px;
    font-size: 18px;
    background: #ffeebf;
    border: 2px dashed #d6b250;
    color: #d6b250;
    content: "Drop here";
    display: block !important;
    opacity: 1;
    min-height: 36px;
    visibility: visible;
    margin: 12px 0 0;
    padding: 6px 12px
}

.action-bar .button, .action-bar .button-small, .action-bar .dijitSelect {
    margin: 0 15px 0 0
}

.action-bar .dojoxTriStateCheckBox {
    margin: 0 25px 0 0
}

@media screen and (max-width:40em) {
    .action-bar .dojoxTriStateCheckBox {
        display: none
    }
}

.action-bar .filter-btn, .action-bar .folders-btn {
    display: inline-block
}

@media screen and (max-width:40em) {
    .action-bar .filter-btn, .action-bar .folders-btn {
        width: 48%
    }
}

@media screen and (max-width:40em) {
    .action-bar .filter-btn {
        float: right
    }
}

.slats {
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slats > ul {
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -ms-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        padding: 0 15px
    }

        .slats > ul > li {
            border-bottom: 1px solid #dedddc;
            padding: 17px 0
        }

            .slats > ul > li:first-child {
                border-top: 1px solid #dedddc
            }

    .slats.notopborder > ul > li:first-child {
        border-top: none
    }

    .slats.with-hover > ul > li {
        -ms-transition: background-color .2s ease-out 0s;
        transition: background-color .2s ease-out 0s;
        cursor: pointer
    }

        .slats.with-hover > ul > li:hover {
            background-color: #ccebf3
        }

    .slats form {
        padding-left: 54px
    }

@media screen and (max-width:40em) {
    .slats form {
        padding-left: 0
    }
}

.slats form label {
    line-height: 1.5
}

.slats form .dijitCheckBox {
    margin: 0 12px 0 0
}

.slats form .button {
    margin-right: 11px
}

.slats form .feedback-block {
    padding: 15px
}

.slats form > * {
    font-size: inherit;
    line-height: 1.5
}

.slats .form-wrapper {
    padding: 0
}

    .slats .form-wrapper .dijitContentPane {
        margin-top: 18px
    }

    .slats .form-wrapper h2 {
        padding-left: 54px
    }

@media screen and (max-width:40em) {
    .slats .form-wrapper h2 {
        padding-left: 0
    }
}

.slats .move-handle {
    width: 0;
    opacity: 0;
    visibility: hidden;
    -ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s
}

.slats .drag-mode .move-handle {
    opacity: 1;
    visibility: visible;
    width: 30px
}

    .slats .drag-mode .move-handle + .dijitCheckBox {
        margin-right: 18px
    }

@media screen and (max-width:40em) {
    .slats .drag-mode .move-handle {
        display: none
    }
}

.slats .drag-mode .list-meta-container p, .slats .drag-mode .list-meta-container h4 {
    padding-left: 72px
}

@media screen and (max-width:40em) {
    .slats .drag-mode .list-meta-container p, .slats .drag-mode .list-meta-container h4 {
        padding-left: 0
    }
}

.meta .size1of2:first-child {
    max-width: 100%
}

.meta .dijitCheckBox {
    float: left;
    margin: 3px 0 0;
    position: relative;
    z-index: 1
}

    .meta .dijitCheckBox + img {
        margin: 0 0 0 30px
    }

@media screen and (max-width:64em) {
    .meta .dijitCheckBox + img {
        margin-left: 18px
    }
}

.meta .dijitCheckBox + .freddicon, .meta .dijitCheckBox + .c-slatIcon {
    float: left;
    margin-left: 30px
}

@media screen and (max-width:64em) {
    .meta .dijitCheckBox + .freddicon, .meta .dijitCheckBox + .c-slatIcon {
        margin-left: 18px
    }
}

@media screen and (max-width:40em) {
    .meta .dijitCheckBox {
        display: none
    }
}

.meta .freddicon {
    color: #959595
}

    .meta .freddicon.star-fill::after, .meta .freddicon.graystar-fill::after {
        margin-right: -5px
    }

.meta .tick-circle-large::after {
    color: #72c1b0
}

.meta .warning {
    color: #fed156
}

.meta .success {
    color: #72c1b0
}

.meta .error {
    color: #e85c41
}

.meta .published {
    background-color: #c5e5de;
    color: #484848
}

.meta .campaign-status {
    float: left;
    display: inline-block;
    font-size: 42px
}

.meta h4 {
    margin: 0
}

.meta p {
    margin: 0
}

@media screen and (max-width:40em) {
    .meta p + p {
        margin-top: 6px
    }
}

.meta h4, .meta p {
    padding-left: 52px
}

@media screen and (max-width:40em) {
    .meta h4, .meta p {
        padding-left: 0
    }
}

.meta .member-rating {
    margin-top: 0
}

@media screen and (max-width:40em) {
    .meta .member-rating {
        margin-right: 12px
    }

        .meta .member-rating .freddicon {
            vertical-align: baseline
        }
}

.meta .number-container {
    display: none
}

.meta .stats-container:hover .number-container {
    display: inherit
}

.meta .stats-container:hover .percentage-container {
    display: none
}

.cp-meta h4, .cp-meta p {
    padding-left: 123px
}

@media screen and (max-width:64em) {
    .cp-meta h4, .cp-meta p {
        padding-left: 93px
    }
}

@media screen and (max-width:40em) {
    .cp-meta h4, .cp-meta p {
        padding-left: 0
    }
}

.rss-children-list .cp-meta h4, .rss-children-list .cp-meta p, .landing-pages-list .cp-meta h4, .landing-pages-list .cp-meta p {
    padding-left: 0
}

@media screen and (max-width:60em) {
    .cp-meta p {
        margin-bottom: 6px
    }
}

@media screen and (max-width:40em) {
    .cp-meta + .meta-actions .dijitComboButton {
        display: block
    }

    .cp-meta + .meta-actions .dijitStretch {
        width: 93%
    }
}

.unread .cp-meta::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 30px;
    background: #6dc5dc;
    height: 12px;
    width: 12px;
    border-radius: 14px
}

.cp-meta .dijitCheckBox {
    position: relative;
    z-index: 1
}

.cp-meta .dotted-list {
    padding-left: 122px
}

@media screen and (max-width:60em) {
    .cp-meta .dotted-list {
        padding-left: 0
    }
}

.rss-children-list .cp-meta .dotted-list {
    padding-left: 0
}

.rp-meta h4, .rp-meta p {
    padding-left: 0
}

.rp-meta-status h4, .rp-meta-status p {
    padding-left: 54px
}

@media screen and (max-width:40em) {
    .rp-meta-status h4, .rp-meta-status p {
        padding: 0
    }
}

.data {
    text-align: left;
    padding-left: 30px
}

    .data h4, .data p {
        padding-left: 0
    }

@media screen and (max-width:40em) {
    .data {
        padding-left: 45px;
        margin-right: 30px
    }
}

.swatch {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    vertical-align: baseline
}

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

    .swatch.yellow {
        background-color: #fed156
    }

        .swatch.yellow.triangle-up {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-bottom: 10px solid #fed156
        }

        .swatch.yellow.triangle-down {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-top: 10px solid #fed156
        }

        .swatch.yellow.diamond {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #fed156;
            position: relative;
            top: -8px;
            background-color: transparent
        }

            .swatch.yellow.diamond::after {
                content: "";
                position: absolute;
                left: -8px;
                top: 8px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #fed156
            }

    .swatch.red {
        background-color: #ee836e
    }

        .swatch.red.triangle-up {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-bottom: 10px solid #ee836e
        }

        .swatch.red.triangle-down {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-top: 10px solid #ee836e
        }

        .swatch.red.diamond {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #ee836e;
            position: relative;
            top: -8px;
            background-color: transparent
        }

            .swatch.red.diamond::after {
                content: "";
                position: absolute;
                left: -8px;
                top: 8px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #ee836e
            }

    .swatch.green {
        background-color: #72c1b0
    }

        .swatch.green.triangle-up {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-bottom: 10px solid #72c1b0
        }

        .swatch.green.triangle-down {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-top: 10px solid #72c1b0
        }

        .swatch.green.diamond {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #72c1b0;
            position: relative;
            top: -8px;
            background-color: transparent
        }

            .swatch.green.diamond::after {
                content: "";
                position: absolute;
                left: -8px;
                top: 8px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #72c1b0
            }

    .swatch.blue {
        background-color: #52bad5
    }

        .swatch.blue.triangle-up {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-bottom: 10px solid #52bad5
        }

        .swatch.blue.triangle-down {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-top: 10px solid #52bad5
        }

        .swatch.blue.diamond {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #52bad5;
            position: relative;
            top: -8px;
            background-color: transparent
        }

            .swatch.blue.diamond::after {
                content: "";
                position: absolute;
                left: -8px;
                top: 8px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #52bad5
            }

    .swatch.gray {
        background-color: #d0d0d0
    }

        .swatch.gray.triangle-up {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-bottom: 10px solid #f2f2f2
        }

        .swatch.gray.triangle-down {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-top: 10px solid #f2f2f2
        }

        .swatch.gray.diamond {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #f2f2f2;
            position: relative;
            top: -8px;
            background-color: transparent
        }

            .swatch.gray.diamond::after {
                content: "";
                position: absolute;
                left: -8px;
                top: 8px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #f2f2f2
            }

    .swatch.pattern {
        background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/diagonal-pattern.svg);
        background-repeat: repeat
    }

.conv-meta h4, .conv-meta p {
    padding-left: 15px
}

.conv-meta .media {
    padding-left: 30px
}

@media screen and (max-width:40em) {
    .conv-meta .media {
        padding: 0 0 12px 0
    }
}

@media screen and (max-width:40em) {
    .conv-meta + .meta-actions .dijitComboButton {
        display: block
    }

    .conv-meta + .meta-actions .dijitStretch {
        width: 93%
    }

    .unread .conv-meta::after {
        left: 0
    }
}

.conv-meta .dijitCheckBox {
    position: relative;
    z-index: 1
}

.unread .msg-date {
    padding: 0 0 0 18px;
    margin: 3px 0 12px
}

    .unread .msg-date::after {
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        background: #6dc5dc;
        height: 12px;
        width: 12px;
        border-radius: 14px
    }

.meta-actions .button:last-child, .meta-actions .button-small:last-child, .meta-actions .dijitComboButton:last-child {
    margin: 0
}

.meta-actions .new-comments-notification, .meta-actions .new-conversation-notification {
    margin: 0 12px 0 0
}

@media screen and (max-width:64em) {
    .conversations-list .meta-actions.aresp {
        padding-left: 130px
    }

    .meta-actions .new-comments-notification, .meta-actions .new-conversation-notification {
        position: absolute;
        right: 0;
        bottom: 17px;
        margin-right: 0
    }

        .meta-actions .new-comments-notification:nth-of-type(2), .meta-actions .new-conversation-notification:nth-of-type(2) {
            margin-right: 48px
        }
}

@media screen and (max-width:40em) {
    .meta-actions.conv {
        padding-left: 90px
    }

    .meta-actions .button-small {
        width: 100%;
        margin: 0
    }

        .meta-actions .button-small:first-child {
            margin-bottom: 11px;
            margin-top: 8px
        }

        .meta-actions .button-small:only-child {
            margin: 0
        }
}

.filter-btn, .folders-btn {
    margin-right: 15px
}

@media only screen and (max-width:40em) {
    .filter-btn, .folders-btn {
        margin-right: 0
    }
}

.mc-dijitMenu {
    width: 20em !important
}

    .mc-dijitMenu .dijitTooltipContainer {
        padding: 0;
        font-size: 1.6rem
    }

        .mc-dijitMenu .dijitTooltipContainer a {
            display: block;
            padding: 0 18px
        }

@media screen and (max-width:40em) {
    .mc-dijitMenu .dijitTooltipContainer {
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        position: absolute
    }
}

@media screen and (max-width:40em) {
    .mc-dijitMenu .dijitTooltipContents {
        position: absolute;
        background-color: #ffffff;
        bottom: 6px;
        top: 0;
        left: 0;
        right: 0;
        overflow: hidden
    }
}

.mc-dijitMenu .dijitTooltipConnector {
    display: none
}

@media screen and (max-width:40em) {
    .mc-dijitMenu {
        width: 100% !important;
        top: 0;
        position: absolute;
        bottom: 0;
        padding-top: 0
    }
}

@media screen and (max-width:40em) {
    .mc-dijitMenu .cp-filter {
        background-color: #ffffff;
        bottom: 12px;
        top: 12px
    }

        .mc-dijitMenu .cp-filter + div {
            background-color: #ffffff;
            bottom: 0;
            position: absolute;
            left: 0;
            right: 0;
            top: auto
        }
}

.mc-dijitMenu .title {
    border-bottom: 1px dotted #dedddc;
    background-color: #dedddc;
    border-radius: 6px 6px 0 0
}

.popup-list {
    max-height: 20em
}

.cp-filter {
    max-height: 24em !important
}

    .cp-filter .dijitButtonContents::after {
        right: 12px
    }

    .cp-filter .dijitSelect {
        display: block
    }

    .cp-filter tbody {
        width: 85%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .cp-filter .dijitButtonText {
        text-align: left
    }

    .cp-filter + div {
        padding: 12px 18px
    }

.cp-filter, .popup-list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

    .cp-filter li, .popup-list li {
        font-size: 1.4rem;
        padding: 12px 18px;
        cursor: pointer;
        max-height: 48px
    }

@media screen and (max-width:40em) {
    .cp-filter li, .popup-list li {
        padding: 6px 18px;
        max-height: 38px
    }
}

.cp-filter li .freddicon, .popup-list li .freddicon {
    color: #b7b7b7
}

.cp-filter li:hover, .popup-list li:hover, .cp-filter li.selected, .popup-list li.selected {
    background-color: #e6f2f3
}

    .cp-filter li:hover .badge, .popup-list li:hover .badge, .cp-filter li.selected .badge, .popup-list li.selected .badge {
        background-color: #ffffff;
        color: #241c15
    }

.cp-filter li.selected, .popup-list li.selected {
    background-color: #cce5e7
}

.cp-filter li:first-child, .popup-list li:first-child, .cp-filter li:first-child + li, .popup-list li:first-child + li {
    border-radius: 6px 6px 0 0
}

@media screen and (max-width:40em) {
    .cp-filter li:first-child, .popup-list li:first-child, .cp-filter li:first-child + li, .popup-list li:first-child + li {
        border-radius: 0
    }
}

.cp-filter li.empty-message:hover, .popup-list li.empty-message:hover {
    background-color: transparent;
    color: #241c15;
    cursor: auto
}

.cp-filter .dijitOffScreen, .popup-list .dijitOffScreen {
    left: auto !important
}

.cp-filter .dijitInlineEditBoxDisplayMode, .popup-list .dijitInlineEditBoxDisplayMode {
    outline: 0 none
}

    .cp-filter .dijitInlineEditBoxDisplayMode a, .popup-list .dijitInlineEditBoxDisplayMode a, .cp-filter .dijitInlineEditBoxDisplayMode span, .popup-list .dijitInlineEditBoxDisplayMode span {
        float: left;
        display: inline-block
    }

    .cp-filter .dijitInlineEditBoxDisplayMode a, .popup-list .dijitInlineEditBoxDisplayMode a {
        padding: 0 0 0 18px;
        line-height: inherit;
        display: none
    }

@media screen and (max-width:40em) {
    .cp-filter .dijitInlineEditBoxDisplayMode a, .popup-list .dijitInlineEditBoxDisplayMode a {
        position: absolute;
        right: 66px
    }

        .cp-filter .dijitInlineEditBoxDisplayMode a.edit, .popup-list .dijitInlineEditBoxDisplayMode a.edit {
            right: 18px
        }
}

.cp-filter .dijitInlineEditBoxDisplayMode a:hover, .popup-list .dijitInlineEditBoxDisplayMode a:hover {
    color: #241c15
}

.cp-filter .dijitInlineEditBoxDisplayMode span, .popup-list .dijitInlineEditBoxDisplayMode span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cp-filter .badge, .popup-list .badge {
    display: inline-block
}

.cp-filter .dijitTextBox, .popup-list .dijitTextBox {
    margin: 15px;
    max-width: 20em
}

.cp-filter.filter-list li:hover, .popup-list.filter-list li:hover, .cp-filter.filter-list li.selected, .popup-list.filter-list li.selected {
    background-color: transparent
}

.cp-filter li, .height-normal li {
    max-height: inherit
}

@media screen and (max-width:40em) {
    .cp-filter li, .height-normal li {
        max-height: inherit
    }
}

.popup-list .dijitInlineEditBoxDisplayMode span {
    width: 70%
}

.popup-list label {
    padding: 0;
    text-indent: 0
}

.edit-mode .dijitInlineEditBoxDisplayMode .badge {
    display: none
}

.edit-mode .dijitInlineEditBoxDisplayMode a {
    display: inline-block
}

.cp-footer {
    padding: 18px;
    border-top: 1px solid #dedddc;
    cursor: pointer;
    font-weight: 500;
    font-size: 1.4rem !important
}

@media screen and (max-width:40em) {
    .cp-footer {
        padding: 6px
    }
}

.close-popover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 6px;
    text-align: right;
    color: #959595;
    z-index: 12
}

.folder-archive {
    border-top: 1px solid #dedddc;
    padding: 12px 0 !important;
    font-size: 1.4rem !important
}

@media screen and (max-width:40em) {
    .folder-archive {
        padding: 6px !important
    }
}

.switcher {
    max-height: 30em;
    overflow-y: auto;
    min-width: 20em;
    width: auto;
    margin: 6px 0
}

    .switcher > li > a {
        padding-right: 30px !important
    }

    .switcher .withdates {
        position: relative;
        max-width: 450px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 130px !important
    }

        .switcher .withdates .small-meta {
            position: absolute;
            right: 15px
        }

.c-activityTimeline .activity-date {
    width: 134px
}

@media only screen and (max-width:40em) {
    .c-activityTimeline .activity-date {
        width: 96px
    }
}

.c-activityTimeline > ul > li {
    border: 2px solid #dedddc;
    border-radius: 6px;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative
}

    .c-activityTimeline > ul > li::before {
        content: '';
        position: absolute;
        top: -31px;
        width: 2px;
        height: 22px;
        background: #e0e0e0;
        left: 65px
    }

@media only screen and (max-width:40em) {
    .c-activityTimeline > ul > li::before {
        left: 46px
    }
}

.c-activityTimeline .activity-meta {
    width: 134px
}

@media only screen and (max-width:40em) {
    .c-activityTimeline .activity-meta {
        width: 96px
    }
}

.c-activityTimeline .activity-time {
    margin-bottom: 18px
}

@media only screen and (max-width:40em) {
    .c-activityTimeline .activity-time {
        margin-bottom: 12px
    }
}

.c-activityTimeline .activity-content {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    width: calc(100% - 134px);
    word-wrap: break-word
}

@media only screen and (max-width:40em) {
    .c-activityTimeline .activity-content {
        width: calc(100% - 96px)
    }
}

.c-activityTimeline .activity-icon {
    height: 60px;
    width: 60px;
    border-radius: 50%
}

    .c-activityTimeline .activity-icon.success {
        background-color: #c5e5de
    }

    .c-activityTimeline .activity-icon.error {
        background-color: #f5b7ab
    }

    .c-activityTimeline .activity-icon.info {
        background-color: #b1e0ec
    }

.c-activityTimeline .activity-sprite {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/css/icons/dashboard-sprites.svg);
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 2px 0;
    width: 35px;
    height: 30px;
    margin: 15px auto
}

    .c-activityTimeline .activity-sprite.report {
        background-position: 2px -30px
    }

    .c-activityTimeline .activity-sprite.campaign-sent {
        background-position: 2px -60px
    }

    .c-activityTimeline .activity-sprite.campaign-opened {
        background-position: 2px -90px
    }

    .c-activityTimeline .activity-sprite.campaign-clicked {
        background-position: 2px -120px
    }

    .c-activityTimeline .activity-sprite.campaign-purchase {
        background-position: 2px -150px
    }

    .c-activityTimeline .activity-sprite.subscribe {
        background-position: 2px -270px
    }

    .c-activityTimeline .activity-sprite.unsubscribe {
        background-position: 2px -180px
    }

    .c-activityTimeline .activity-sprite.abuse-report {
        background-position: 2px -210px
    }

    .c-activityTimeline .activity-sprite.bounced {
        background-position: 2px -240px
    }

    .c-activityTimeline .activity-sprite.import {
        background-position: 2px -300px
    }

    .c-activityTimeline .activity-sprite.inbox-inspection {
        background-position: 2px -331px
    }

    .c-activityTimeline .activity-sprite.profile-update {
        background-position: 2px -361px
    }

    .c-activityTimeline .activity-sprite.forward-to-friend {
        background-position: 2px -389px
    }

    .c-activityTimeline .activity-sprite.facebook-like {
        background-position: 2px -419px
    }

.c-productListing {
    width: 235px
}

@media only screen and (max-width:40em) {
    .c-productListing {
        max-width: 100%;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }
}

.c-productListing_img {
    width: 62px;
    height: 62px;
    background-color: #f2f2f2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    min-width: 62px;
    margin-right: 18px
}

@media only screen and (max-width:40em) {
    .c-productListing_img {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.c-productListing_quantity {
    position: absolute;
    top: -10px;
    right: -8px;
    line-height: 18px;
    background-color: #52bad5;
    color: #ffffff;
    box-shadow: 0 0 0 2px #ffffff;
    text-align: center
}

.c-productListing_title {
    line-height: 20px;
    vertical-align: middle
}

.c-productListing_tooltip {
    background-color: #ffffff;
    border: 1px solid #dedddc;
    width: 315px;
    min-height: 125px;
    top: 25px;
    left: -9999px;
    box-shadow: 0 0 9px 0 rgba(183, 183, 183, 0.3);
    opacity: 0
}

    .c-productListing_tooltip .c-productListing_img {
        width: 98px;
        height: 98px
    }

    .c-productListing_tooltip .c-productListing_desc {
        max-width: 175px
    }

.c-productListing:hover .c-productListing_tooltip {
    -webkit-animation: fadeIn .1s linear .75s 1 normal;
    animation: fadeIn .1s linear .75s 1 normal;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeIn {
    0% {
        left: -9999px;
        opacity: 0
    }

    50% {
        left: 25px;
        opacity: 0
    }

    100% {
        left: 25px;
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        left: -9999px;
        opacity: 0
    }

    50% {
        left: 25px;
        opacity: 0
    }

    100% {
        left: 25px;
        opacity: 1
    }
}

.c-callout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-callout-card {
    padding: 12px;
    line-height: 21px
}

@media screen and (max-width:64em) {
    .c-callout-card {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 18px
    }
}

.c-wizardBasicContent {
    top: 60px;
    bottom: 60px;
    z-index: 3
}

.c-wizardBasicContent--fixedColumn {
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: inherit
}

@media only screen and (min-width:64em) {
    .c-wizardBasicContent--fixedColumn {
        border-bottom: none;
        position: fixed;
        top: 60px
    }
}

.c-wizardNavigation {
    height: 60px;
    color: rgba(255,255,255,0.5)
}

.c-wizardNavigation--overlay {
    color: rgba(36,28,21,0.65)
}

    .c-wizardNavigation--overlay .badge {
        background-color: #ffffff;
        margin-right: 12px
    }

.c-wizardButton {
    margin-top: 14px
}

.c-wizardLink--top {
    color: rgba(255,255,255,0.5);
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s
}

    .stayopen .c-wizardLink--top, .c-wizardLink--top:hover, .c-wizardLink--top:focus {
        color: #ffffff
    }

.c-wizardLink--overlay {
    color: rgba(36,28,21,0.65);
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s
}

    .c-wizardLink--overlay:hover, .c-wizardLink--overlay:focus {
        color: #241c15
    }

.c-wizardLink--bottom {
    color: rgba(255,255,255,0.5)
}

    .c-wizardLink--bottom:hover, .c-wizardLink--bottom:focus {
        color: #ffffff
    }

.c-wizardLink--step {
    color: rgba(255,255,255,0.5)
}

    .c-wizardLink--step .freddicon {
        color: rgba(255,255,255,0.5)
    }

    .c-wizardLink--step:hover {
        color: #ffffff;
        background: #007c89
    }

        .c-wizardLink--step:hover .freddicon {
            color: #ffffff
        }

.wizard-freddie {
    -ms-transition: all 0.29s ease-in-out 0s;
    transition: all 0.29s ease-in-out 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 93px;
    height: 60px
}

    .wizard-freddie:hover {
        background-color: #040302
    }

.wizard-title {
    left: 108px
}

    .wizard-title .campaign-title {
        line-height: 60px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

@media only screen and (min-width:105em) {
    .wizard-title .campaign-title {
        max-width: 84em
    }
}

@media only screen and (max-width:105em) {
    .wizard-title .campaign-title {
        max-width: 52.5em
    }
}

@media only screen and (max-width:85.375em) {
    .wizard-title .campaign-title {
        max-width: 42.6875em
    }
}

@media only screen and (max-width:75em) {
    .wizard-title .campaign-title {
        max-width: 37.5em
    }
}

@media only screen and (max-width:64em) {
    .wizard-title .campaign-title {
        max-width: 32em
    }
}

@media only screen and (max-width:40em) {
    .wizard-title .campaign-title {
        max-width: 24em
    }
}

@media only screen and (max-width:31.25em) {
    .wizard-title .campaign-title {
        max-width: 18.75em
    }
}

.exitnav .right-edge {
    top: 60px;
    border-radius: 0 0 2px 2px;
    border-top: 0;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.12)
}

@media only screen and (max-width:64em) {
    .exitnav .right-edge {
        width: 100% !important;
        top: 0;
        position: inherit !important;
        border-radius: 0;
        border: 0;
        box-shadow: none
    }
}

.goToNextStepContainer.disabled > * {
    opacity: .4;
    pointer-events: none
}

.progress-bar--step::after {
    font-family: 'freddicons';
    speak: none;
    vertical-align: top;
    display: inline-block;
    line-height: unset;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: "\e023";
    position: absolute;
    top: 20px;
    right: -10px;
    color: rgba(255,255,255,0.5)
}

.progress-bar--step:last-child::after {
    content: ""
}

.progress-bar--substep {
    color: rgba(255,255,255,0.5)
}

    .progress-bar--substep::after {
        content: "|";
        position: absolute;
        top: -1px;
        right: -8px;
        color: rgba(255,255,255,0.5)
    }

.progress-bar--nonlinear::after {
    content: "|";
    position: absolute;
    top: 18px;
    right: -6px
}

.progress-bar--current {
    color: #ffffff !important
}

.absplit-a ul.hover-list ul li, .absplit-b ul.hover-list ul li, .subject ul.hover-list ul li {
    padding: 6px 15px
}

.c-deliveryOptions_button {
    margin-left: 18px
}

    .c-deliveryOptions_button:first-child {
        margin: 0
    }

    .c-deliveryOptions_button:only-child {
        margin-right: 18px
    }

@media only screen and (max-width:40em) {
    .c-deliveryOptions .dijitStretch {
        width: auto
    }
}

.c-contactInfoModal .dijitDialogPaneContent {
    overflow: hidden
}

.ar-send input, .ar-send select {
    width: auto
}

.goal-events-container .add-delete {
    margin-top: 6px;
    margin-right: 12px !important
}

.goal-events-container .add-delete {
    display: none
}

.goal-events-container.multiple-on .add-delete {
    display: block
}

.add-button {
    border-bottom: none
}

.c-contextualScrollRow {
    top: 60px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    padding: 18px 30px
}

.c-recipientCountBar {
    line-height: 32px
}

.c-recipientCountBar_circularLoader {
    height: 24px
}

@media only screen and (max-width:64em) {
    .c-wizardLink--top {
        color: #484848
    }

    .hover-item {
        border-bottom: 1px solid #dedddc
    }

    .divider {
        display: none !important
    }

    .stayopen .c-wizardLink--top {
        background-color: #ccebf3;
        color: #2c9ab7
    }

        .stayopen .c-wizardLink--top::after {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .wizard-menu-nav {
        background: #ffffff;
        display: none;
        position: fixed;
        width: 100%;
        left: 0;
        top: 60px;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.12)
    }

    .active + .wizard-menu-nav {
        display: block
    }

    .wizard-menu-nav li {
        float: none
    }

    .wizard-menu-nav .hover-link:hover {
        background-color: #ccebf3
    }

    .wizard-menu-nav .hover-link::after {
        float: right
    }

    .exitnav .mobile-top-nav {
        display: block;
        cursor: pointer
    }

        .exitnav .mobile-top-nav.active {
            background-color: #484848
        }

    .hover-list ul a {
        padding: 18px 18px 18px 30px
    }

        .hover-list ul a:hover {
            color: #2c9ab7
        }

    .c-topSliderPane .mobile-top-nav {
        color: #241c15
    }
}

.grid-slat-module [class*="grid-"]:not([class*="dijitComboButton"]) {
    vertical-align: middle;
    display: inline-block;
    margin-right: 18px
}

.grid-slat-module li:first-child {
    border-top: 1px solid #dedddc
}

.grid-slat-module li {
    padding: 18px 0;
    border-bottom: 1px solid #dedddc;
    position: relative
}

.grid-slat-module h4, .grid-slat-module p {
    margin: 0;
    word-wrap: break-word
}

.grid-slat-module .no-data p {
    margin: 0 auto
}

.grid-slat-module .c-noDataBlock_message {
    margin: 0 auto
}

.grid-slat-module .size::after {
    content: " \00b7 "
}

.grid-slat-module .grid-actions {
    position: absolute;
    right: 0;
    top: 18px;
    margin: 0
}

@media only screen and (max-width:40em) {
    .grid-slat-module .grid-actions {
        position: static;
        width: 100%;
        margin-top: 12px
    }

        .grid-slat-module .grid-actions a {
            margin: 0;
            display: block
        }
}

.grid-image {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 72px;
    width: 72px
}

.templates-list-item .grid-meta, .templates-list-item .dijitCheckBox {
    vertical-align: top
}

.slat-template-image {
    height: 90px;
    border: 1px solid #dedddc;
    margin-left: 18px
}

@media screen and (max-width:40em) {
    .slat-template-image {
        margin-left: 0
    }
}

.grid-active [class*="grid-"] {
    display: block;
    margin: 0;
    padding-bottom: 18px
}

.grid-active ul {
    width: 100%
}

.grid-active li {
    float: left;
    padding: 0;
    border-bottom: 0 none;
    width: 19.2%;
    margin: 0 .5% 36px
}

    .grid-active li:nth-child(5n) {
        clear: right;
        margin-right: 0
    }

    .grid-active li:nth-child(5n + 1) {
        margin-left: 0;
        clear: left
    }

@media only screen and (max-width:1900px) {
    .grid-active li {
        width: 24%;
        margin: 0 .66666667% 36px
    }

        .grid-active li:nth-child(5n), .grid-active li:nth-child(5n + 1) {
            clear: none;
            margin: 0 .66666667% 36px
        }

        .grid-active li:nth-child(4n) {
            clear: right;
            margin-right: 0
        }

        .grid-active li:nth-child(4n + 1) {
            margin-left: 0;
            clear: left
        }
}

@media only screen and (max-width:1400px) {
    .grid-active li {
        width: 32%;
        margin: 0 1% 36px
    }

        .grid-active li:nth-child(5n), .grid-active li:nth-child(5n + 1), .grid-active li:nth-child(4n), .grid-active li:nth-child(4n + 1) {
            clear: none;
            margin: 0 1% 36px
        }

        .grid-active li:nth-child(3n) {
            clear: right;
            margin-right: 0
        }

        .grid-active li:nth-child(3n + 1) {
            margin-left: 0;
            clear: left
        }
}

@media only screen and (max-width:64em) {
    .grid-active li {
        width: 48%;
        margin: 0 2% 36px
    }

        .grid-active li:nth-child(5n), .grid-active li:nth-child(5n + 1), .grid-active li:nth-child(4n), .grid-active li:nth-child(4n + 1), .grid-active li:nth-child(3n), .grid-active li:nth-child(3n + 1) {
            clear: none;
            margin: 0 2% 36px
        }

        .grid-active li:nth-child(2n) {
            clear: right;
            margin-right: 0
        }

        .grid-active li:nth-child(2n + 1) {
            margin-left: 0;
            clear: left
        }
}

@media only screen and (max-width:40em) {
    .grid-active li {
        width: 96%;
        display: block
    }

        .grid-active li:nth-child(n) {
            margin: 0 .5% 36px
        }
}

.grid-active .template-wrap {
    padding: 18px;
    border: 1px solid #dedddc
}

@media only screen and (max-width:1600px) {
    .grid-active .template-wrap {
        padding: 12px
    }
}

.grid-active .grid-image {
    height: 0;
    width: 100%;
    padding-bottom: 66.67%
}

.grid-active span {
    display: block
}

.grid-active .size::after {
    content: ""
}

.template-wrap {
    border-radius: 4px;
    border: 1px solid #dedddc
}

    .template-wrap .grid-image {
        padding-bottom: 125%;
        background-position: center top;
        border: 1px solid #dedddc
    }

.code-own .template-wrap .grid-image {
    background-size: 50% auto;
    background-position: center center;
    background-color: #f2f2f2
}

.template-wrap .grid-meta {
    word-wrap: break-word;
    font-weight: 500;
    font-size: 15px;
    padding-left: 18px
}

@media only screen and (max-width:1600px) {
    .template-wrap .grid-meta {
        padding-left: 12px
    }
}

.template-wrap .grid-meta p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 6px
}

    .template-wrap .grid-meta p:first-child {
        font-size: 15px
    }

@media only screen and (max-width:1280px) {
    .template-wrap .grid-meta p:first-child {
        font-size: 13px
    }
}

.template-wrap .button, .template-wrap .link, .template-wrap .card-actions p {
    left: 18px;
    right: auto;
    bottom: 0
}

@media only screen and (max-width:1600px) {
    .template-wrap .button, .template-wrap .link, .template-wrap .card-actions p {
        left: 12px
    }
}

.template-wrap .card-actions p {
    bottom: 18px
}

.template-wrap.selected {
    border: 2px solid #95d1c4 !important
}

    .template-wrap.selected .button {
        background-color: #95d1c4;
        color: #ffffff
    }

.template, .template-meta {
    width: 50%
}

.template-meta {
    height: 0;
    padding-bottom: 62.5%
}

@media only screen and (max-width:40em) {
    .c-templateContainer .folders-btn {
        margin-bottom: 24px
    }
}

#template-container_tablist {
    position: absolute;
    top: 0
}

    #template-container_tablist ~ .dijitTabContainerTop-container .dijitTabContainerTop-dijitContentPane {
        padding-top: 54px
    }

@media only screen and (max-width:40em) {
    #template-container_tablist ~ .dijitTabContainerTop-container .dijitTabContainerTop-dijitContentPane {
        padding-top: 84px
    }
}

.swm #template-container_tablist ~ .dijitTabContainerTop-container .dijitTabContainerTop-dijitContentPane {
    padding-top: 0
}

.c-codeEditorContainer fieldset {
    padding-bottom: 24px !important
}

.c-codeEditorContainer .CodeMirror {
    top: 0;
    bottom: 60px;
    position: absolute;
    width: 100%;
    height: auto
}

.c-codeEditor {
    top: 60px;
    bottom: 60px
}

.drag-split {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5px;
    width: 12px;
    cursor: col-resize;
    z-index: 4
}

.html-url .field-wrapper.with-button, .html-paste .field-wrapper.with-button {
    margin-right: 18px
}

    .html-url .field-wrapper.with-button input, .html-paste .field-wrapper.with-button input {
        padding-right: 90px
    }

    .html-url .field-wrapper.with-button .button, .html-paste .field-wrapper.with-button .button {
        opacity: 1 !important
    }

.html-url fieldset.section, .html-paste fieldset.section {
    margin-bottom: 30px !important
}

@media only screen and (max-width:40em) {
    .c-templateControls .folders-btn {
        width: 100%
    }

    .c-templateControls .button, .c-templateControls .dijitSelect {
        display: inline-block;
        margin: 0
    }

    .c-templateControls .c-templateSelect {
        margin-bottom: 18px
    }

    .c-templateControls .c-templateSort {
        margin-right: 12px
    }
}

@media only screen and (max-width:40em) {
    .template-list .dijitCheckBox {
        display: none
    }

    .template-list .slat-template-image {
        float: left
    }

    .template-list .grid-meta {
        display: inline
    }
}

.sidebar-left .split-left {
    left: 0;
    width: 456px;
    border-right: 1px solid #dedddc;
    -ms-transition: left .25s cubic-bezier(.7, 0, .175, 1) 0s;
    transition: left .25s cubic-bezier(.7, 0, .175, 1) 0s
}

.sidebar-left .split-right {
    right: 0;
    width: calc(100% - 456px)
}

.sidebar-left .drawer-tab {
    position: absolute;
    top: 21px;
    left: 456px;
    cursor: pointer
}

    .sidebar-left .drawer-tab::after {
        content: "\e023";
        font-family: 'freddicons';
        display: none;
        font-size: 20px;
        width: 39px;
        height: 40px;
        line-height: 40px;
        background: #ffffff;
        border: 1px solid #dedddc;
        border-left: none;
        border-radius: 0 6px 6px 0;
        text-align: center
    }

.sidebar-right .split-left {
    left: 0;
    width: calc(100% - 456px)
}

.sidebar-right .split-right {
    right: 0;
    width: 456px;
    border-left: 1px solid #dedddc;
    -ms-transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s;
    transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s
}

.sidebar-right .drawer-tab {
    position: absolute;
    top: 21px;
    left: -40px;
    cursor: pointer
}

    .sidebar-right .drawer-tab::after {
        content: "\e021";
        font-family: 'freddicons';
        display: none;
        font-size: 20px;
        width: 39px;
        height: 40px;
        line-height: 40px;
        background: #ffffff;
        border: 1px solid #dedddc;
        border-right: none;
        border-radius: 6px 0 0 6px;
        text-align: center
    }

@media only screen and (max-width:64em) {
    .sidebar-left .split-left {
        z-index: 2;
        left: -456px;
        background: #ffffff
    }

    .sidebar-left .split-right {
        z-index: 1;
        width: 100% !important
    }

    .sidebar-left .drawer-tab::after {
        display: block
    }

    .sidebar-right .split-left {
        z-index: 1;
        width: 100%
    }

    .sidebar-right .split-right {
        z-index: 2;
        right: -456px;
        background: #ffffff
    }

    .sidebar-right .drawer-tab::after {
        display: block
    }

    body.open-drawer .sidebar-left .split-left {
        left: 0
    }

    body.open-drawer .sidebar-left .drawer-tab::after {
        content: "\e021"
    }

    body.open-drawer .sidebar-right .split-right {
        right: 0
    }

    body.open-drawer .sidebar-right .drawer-tab::after {
        content: "\e023"
    }
}

.sidebar-section {
    border-bottom: 1px solid #d0d0d0
}

    .sidebar-section:last-child {
        border-bottom: none
    }

.split-wrapper .column fieldset {
    padding: 0
}

.c-productActivityThumbnail {
    width: 78px;
    height: 78px
}

.r-overview .size1of2 {
    max-width: 100%
}

@media only screen and (max-width:40em) {
    .r-overview p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media only screen and (max-width:40em) {
    .r-overview strong {
        display: inline-block;
        width: 5em
    }
}

.r-overview .top-links li > a {
    display: inline-block;
    max-width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (max-width:40em) {
    .r-overview .top-links li > a {
        width: 85%
    }
}

.r-overview .url {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.r-overview .activity h2 > a {
    font-size: 1.4rem;
    float: right
}

@media only screen and (max-width:31.25em) {
    .r-overview .activity h2 > a {
        float: none;
        display: inline-block
    }
}

.star-rating li {
    display: inline-block
}

.report-clicks .track-url {
    max-width: 0
}

    .report-clicks .track-url > a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.heatmap, .heatmap iframe {
    width: 700px;
    min-height: 500px
}

.perf-chart {
    position: inherit;
    overflow-y: hidden
}

    .perf-chart .dijitTabListContainer-top, .perf-chart .dijitTabPaneWrapper {
        position: relative !important
    }

    .perf-chart .dijitTabContainerTop-dijitContentPane, .perf-chart .dijitTabPaneWrapper {
        height: auto !important;
        width: inherit !important
    }

    .perf-chart .dijitTabPaneWrapper {
        top: auto !important;
        margin: 0
    }

    .perf-chart .dijitTabContainerTop-dijitContentPane {
        overflow-y: hidden
    }

    .perf-chart .legend li {
        font-size: 1.6rem;
        margin-right: 30px
    }

        .perf-chart .legend li:last-child {
            margin-right: 0
        }

@media only screen and (max-width:40em) {
    .perf-chart .legend li {
        width: 100%
    }
}

.perf-chart .legend li > span {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: baseline;
    background-color: #95d1c4;
    margin-right: 6px
}

.perf-chart .legend .clicks {
    background-color: #2c9ab7
}

.perf-chart .legend .indAvg {
    background-color: #e85c41
}

.perf-chart .legend .sends {
    background-color: #b1e0ec
}

.growth-chart .swatch {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    vertical-align: baseline;
    margin-right: 9px;
    margin-left: 3px
}

    .growth-chart .swatch.circle {
        border-radius: 50%
    }

    .growth-chart .swatch.yellow {
        background-color: #fed156
    }

        .growth-chart .swatch.yellow.triangle-up {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-bottom: 10px solid #fed156
        }

        .growth-chart .swatch.yellow.triangle-down {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-top: 10px solid #fed156
        }

        .growth-chart .swatch.yellow.diamond {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #fed156;
            position: relative;
            top: -8px;
            background-color: transparent
        }

            .growth-chart .swatch.yellow.diamond::after {
                content: "";
                position: absolute;
                left: -8px;
                top: 8px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #fed156
            }

    .growth-chart .swatch.red {
        background-color: #ee836e
    }

        .growth-chart .swatch.red.triangle-up {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-bottom: 10px solid #ee836e
        }

        .growth-chart .swatch.red.triangle-down {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-top: 10px solid #ee836e
        }

        .growth-chart .swatch.red.diamond {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #ee836e;
            position: relative;
            top: -8px;
            background-color: transparent
        }

            .growth-chart .swatch.red.diamond::after {
                content: "";
                position: absolute;
                left: -8px;
                top: 8px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #ee836e
            }

    .growth-chart .swatch.green {
        background-color: #72c1b0
    }

        .growth-chart .swatch.green.triangle-up {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-bottom: 10px solid #72c1b0
        }

        .growth-chart .swatch.green.triangle-down {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-top: 10px solid #72c1b0
        }

        .growth-chart .swatch.green.diamond {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #72c1b0;
            position: relative;
            top: -8px;
            background-color: transparent
        }

            .growth-chart .swatch.green.diamond::after {
                content: "";
                position: absolute;
                left: -8px;
                top: 8px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #72c1b0
            }

    .growth-chart .swatch.blue {
        background-color: #52bad5
    }

        .growth-chart .swatch.blue.triangle-up {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-bottom: 10px solid #52bad5
        }

        .growth-chart .swatch.blue.triangle-down {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-top: 10px solid #52bad5
        }

        .growth-chart .swatch.blue.diamond {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #52bad5;
            position: relative;
            top: -8px;
            background-color: transparent
        }

            .growth-chart .swatch.blue.diamond::after {
                content: "";
                position: absolute;
                left: -8px;
                top: 8px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #52bad5
            }

    .growth-chart .swatch.gray {
        background-color: #d0d0d0
    }

        .growth-chart .swatch.gray.triangle-up {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-bottom: 10px solid #f2f2f2
        }

        .growth-chart .swatch.gray.triangle-down {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            background-color: transparent;
            border-top: 10px solid #f2f2f2
        }

        .growth-chart .swatch.gray.diamond {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #f2f2f2;
            position: relative;
            top: -8px;
            background-color: transparent
        }

            .growth-chart .swatch.gray.diamond::after {
                content: "";
                position: absolute;
                left: -8px;
                top: 8px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-color: #f2f2f2
            }

    .growth-chart .swatch.pattern {
        background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/diagonal-pattern.svg);
        background-repeat: repeat
    }

.growth-chart .c0 {
    background-color: #b1e0ec
}

.growth-chart .c1 {
    background-color: #6dc5dc
}

.growth-chart .c2 {
    background-color: #2c9ab7
}

#ab-report-container .winner {
    color: #72c1b0
}

#absplit-report-a td, #absplit-report-b td, #absplit-report-a th, #absplit-report-b th {
    padding: 6px;
    font-size: 1.4rem
}

#absplit-report-a th, #absplit-report-b th {
    font-weight: bold
}

#absplit-report-a .odd, #absplit-report-b .odd {
    background: #ffffff
}

#absplit-report-a .even, #absplit-report-b .even {
    background: #e0e0e0
}

#absplit-clicks .track-url {
    max-width: 400px
}

#absplit-clicks .a-click {
    background: #ccebf3
}

#absplit-clicks .b-click {
    background: #f8d0c8
}

#absplit-clicks .alignr {
    text-align: right
}

.team-b thead th, .team-b tbody td {
    text-align: right
}

.team-b th {
    text-align: left
}

.team-b th {
    background: #f8d0c8
}

.team-a th {
    background: #ccebf3
}

.win-loss-col {
    width: 45px
}

#ab-report-container .won {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/icons/icons24.png);
    background-position: center -2780px;
    background-repeat: no-repeat
}

#timnewarp-map-header {
    width: 30%;
    margin-bottom: -12px;
    padding: 5px 10px;
    background: #f2f2f2;
    color: #241c15;
    font-weight: bold;
    border-radius: 4px
}

#timewarp-deliver-status {
    margin-top: -4px;
    font-size: 12px;
    color: rgba(36,28,21,0.65);
    font-weight: normal
}

#timewarp-map-wrapper #map {
    position: relative;
    top: auto;
    left: auto;
    width: 860px;
    height: 510px;
    margin: 10px 0;
    padding: 5px 10px;
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/timewarp-map.png) no-repeat 11px 5px;
    border: 1px solid #dedddc;
    border-radius: 4px
}

#print-report {
    background: #737373;
    padding-top: 100px
}

    #print-report .hide-print {
        display: none
    }

    #print-report .page-content {
        width: 800px;
        background: #ffffff;
        padding: 50px;
        min-height: 850px;
        margin: 0 auto 30px auto;
        box-shadow: 0 0 5px #484848
    }

        #print-report .page-content * {
            color: #000000
        }

        #print-report .page-content .v-textColorWhite--print {
            color: #ffffff
        }

    #print-report .top-links li > a {
        word-break: break-all;
        max-width: 85%
    }

    #print-report h2 {
        font-size: 20px
    }

    #print-report h3.page-title {
        border-bottom: 2px solid #241c15;
        margin: 45px 15px 15px 15px;
        padding-bottom: .5em
    }

    #print-report #custom-report {
        padding-left: 42px
    }

    #print-report #print-bar {
        width: 100%;
        padding: 10px 15px;
        position: fixed;
        top: 0;
        left: 0;
        box-shadow: 0 0 5px #484848;
        z-index: 1000;
        background-color: #f2f2f2
    }

    #print-report #campaign-title {
        margin: 200px 0 30px 0;
        font-size: 68px;
        letter-spacing: -3px
    }

    #print-report #cover-page p.sent-stat {
        position: absolute;
        bottom: 100px
    }

    #print-report .no-data h2 {
        padding: 0 10px
    }

    #print-report .no-data > .icon {
        width: 100px;
        height: 100px;
        padding: 25px
    }

.campaign-data li {
    margin-bottom: 12px
}

.campaign-data .title-wide {
    width: 10em
}

.meter-data {
    vertical-align: bottom
}

    .meter-data > span {
        line-height: inherit
    }

.not-active {
    pointer-events: none;
    cursor: default;
    color: #241c15 !important
}

.percent-spacer {
    display: inline-block;
    min-width: 3.5em
}

.conversation-message ul li {
    margin-left: 20px;
    list-style: disc outside
}

#filter.convfilter > div {
    display: block !important
}

.n .coachmark {
    position: absolute;
    background-color: #373737;
    color: #f2f2f2;
    padding: 18px;
    font-size: 1.4rem;
    z-index: 10
}

    .n .coachmark::after {
        content: "";
        position: absolute;
        border: 8px solid transparent;
        width: 0;
        height: 0
    }

    .n .coachmark a {
        border-bottom: 1px solid;
        color: #d0d0d0
    }

    .n .coachmark.arrowup::after {
        bottom: 100%;
        left: 50%;
        border-bottom-color: #373737
    }

    .n .coachmark.arrowdown::after {
        top: 100%;
        left: 50%;
        border-top-color: #373737
    }

    .n .coachmark.arrowleft::after {
        top: 50%;
        right: 100%;
        margin-top: -8px;
        border-right-color: #373737
    }

    .n .coachmark.arrowright::after {
        top: 50%;
        left: 100%;
        margin-top: -8px;
        border-left-color: #373737
    }

#neapolitan-coachmark-step1 {
    position: relative;
    margin: 0 18px 18px;
    z-index: 0
}

    #neapolitan-coachmark-step1.coachmark.arrowdown::after {
        left: 52px
    }

#neapolitan-coachmark-step2 {
    right: 0;
    top: 18px;
    width: 400px
}

#neapolitan-coachmark-step3 {
    left: 0;
    margin-left: -115px;
    bottom: 120px;
    width: 330px;
    top: auto
}

#neapolitan-coachmark-step4 {
    left: 50%;
    top: 80px;
    margin-left: 296px;
    width: 300px
}

#neapolitan-coachmark-step5 {
    position: absolute;
    top: 5px;
    left: 20px;
    right: 20px;
    z-index: 1
}

    #neapolitan-coachmark-step5.coachmark.arrowright::after {
        top: 15px
    }

#neapolitan-coachmark-step6 {
    left: 20px;
    right: 20px;
    top: 65px
}

#neapolitan-coachmark-step7 {
    position: relative;
    margin: 0 20px 20px 0
}

#template-section-hide-coachmark-step1 {
    top: 50px;
    left: 50%;
    right: 20px
}

.mojoBlockSourceItem {
    margin: 0 0 18px 18px;
    width: 114px;
    height: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);
    border-radius: 6px
}

.dojoDndAvatar .mojoBlockSourceItem {
    margin: 0
}

.mojoBlockSourceItem:hover {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18)
}

.style-field {
    margin: 0 0 18px 0;
    width: 100%
}

.mojoBorderWidth {
    width: 30%;
    min-width: 66px;
    margin: 0 18px 6px 0
}

.mojoMeasurementInput {
    margin-bottom: 18px
}

    .mojoMeasurementInput .dijitTextBox {
        width: 60px;
        margin-right: 6px
    }

.mojoFontSizeInput {
    width: 114px
}

.mojoFontSizeInput_button {
    top: 1px;
    right: 1px;
    height: 34px;
    border-radius: 0;
    border-left: none;
    padding: 0 12px;
    margin: 0;
    line-height: 30px
}

.dijitTextBoxFocused + .mojoFontSizeInput_button {
    border: 1px solid #007c89;
    border-left: none
}

.mojoFontSizeInput_menuPopup {
    width: 114px;
    max-height: 30em;
    overflow-x: hidden !important;
    overflow-y: auto !important
}

.dijitSelectLabel .mojoFontFamilyInputLabel {
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif !important
}

.dijitSelectMenu .mojoFontFamilyInputLabel {
    font-weight: normal
}

.mojoPreviewSelect {
    display: block;
    position: relative
}

    .mojoPreviewSelect::after {
        content: "";
        position: absolute;
        top: 0;
        left: 144px;
        right: 0;
        text-align: right
    }

    .mojoPreviewSelect.border-style::after {
        border-top: 6px solid #b7b7b7;
        top: 9px
    }

    .mojoPreviewSelect.border-style.none::after {
        border-top-style: none
    }

    .mojoPreviewSelect.border-style.dashed::after {
        border-top-style: dashed
    }

    .mojoPreviewSelect.border-style.dotted::after {
        border-top-style: dotted
    }

    .mojoPreviewSelect.border-style.groove::after {
        border-top-style: groove
    }

    .mojoPreviewSelect.border-style.ridge::after {
        border-top-style: ridge
    }

    .mojoPreviewSelect.border-style.inset::after {
        border-top-style: inset
    }

    .mojoPreviewSelect.border-style.outset::after {
        border-top-style: outset
    }

.mojoEditorSection .dijitTextBoxDisabled {
    padding: 0
}

    .mojoEditorSection .dijitTextBoxDisabled input:not([type="submit"])[disabled] {
        border-radius: 0;
        padding: 0 6px !important
    }

    .mojoEditorSection .dijitTextBoxDisabled .dijitPlaceHolder {
        left: 6px
    }

.c-commentMessageSummary {
    max-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 72px
}

.c-feedbackItem.done .feedbackItem__inner::after {
    font-family: 'freddicons';
    speak: none;
    vertical-align: top;
    display: inline-block;
    line-height: unset;
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: "\e036";
    color: #72c1b0;
    position: absolute;
    top: 36%;
    right: 42px
}

.c-feedbackItem.newreply .feedbackItem__inner::after {
    border-radius: 50%;
    border: 6px solid #52bad5;
    content: "";
    position: absolute;
    top: calc(44%);
    right: 42px
}

.c-linkCheckImage {
    width: 66px;
    height: 66px
}

    .c-linkCheckImage img {
        max-width: 66px;
        max-height: 66px
    }

    .c-linkCheckImage::before {
        font-family: 'freddicons';
        speak: none;
        vertical-align: top;
        display: inline-block;
        line-height: unset;
        font-weight: normal !important;
        font-style: normal !important;
        text-transform: none !important;
        font-size: 20px !important;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        content: '\e055';
        position: absolute;
        top: 20px;
        left: 23px;
        color: #484848
    }

    .c-linkCheckImage.icon-available::before {
        content: ''
    }

.mojoImageItem, .mojoItemListItem {
    display: block;
    position: relative;
    padding: 12px 18px 12px 48px;
    cursor: default;
    border-bottom: 1px solid #dedddc
}

    .mojoImageItem:hover .mojoItemListItemHandle, .mojoItemListItem:hover .mojoItemListItemHandle {
        -ms-transition: all .25s ease-in-out 0s;
        transition: all .25s ease-in-out 0s;
        opacity: .8
    }

.mojoImageEditor .mojoImageItem, .mojoImageEditor .mojoItemListItem, .mojoImageWithCaptionEditor .mojoImageItem, .mojoImageWithCaptionEditor .mojoItemListItem {
    padding-left: 18px;
    border-bottom: none
}

.style-backgroundimage .mojoImageItem, .style-backgroundimage .mojoItemListItem {
    padding: 0;
    border-bottom: none
}

.mojoItems--mobile .mojoImageItem, .mojoItems--mobile .mojoItemListItem {
    padding-left: 18px
}

.mojoImageItemIcon {
    width: 84px;
    max-width: 84px
}

.mojoItemListItemHandle {
    left: 2px;
    top: 3px
}

.mojoImageListOverlay {
    display: none;
    background: rgba(255,255,255,0.8)
}

.c-actionButtonsPane, .c-builder .save-cancel-group {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #dedddc;
    padding: 0 18px;
    height: 60px;
    line-height: 60px;
    background: #ffffff
}

.c-editortabs {
    padding-left: 18px
}

.c-editortabs_item {
    color: #241c15;
    text-decoration: none
}

    .c-editortabs_item.active {
        color: #007c89;
        border-bottom: 1px solid #484848
    }

.c-monkeyRewardImageListItem {
    min-height: 108px
}

.c-monkeyRewardImage--selected {
    outline: 2px solid #007c89
}

.c-paneSectionHeader {
    background: #f2f2f2;
    background: linear-gradient(-90deg, #f8f8f8, #f2f2f2);
    border-top: 1px solid #bdbbb9;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0 -18px 18px -18px;
    padding: 6px 18px
}

fieldset:first-child .c-paneSectionHeader:first-child {
    border-top: none
}

.c-paneLabel--small {
    margin-bottom: 6px;
    font-size: 1.4rem;
    line-height: 18px
}

.c-panelSectionFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 146px;
    width: 100%;
    border-top: 1px solid #d9d9d9;
    padding: 18px
}

.c-panelSectionFooterImage {
    border: 1px solid #d9d9d9
}

.v-paneFieldsetWrapper {
    padding-left: 18px;
    padding-right: 18px
}

.c-iconStyleSelector .iconStyle {
    display: inline-block;
    margin: 18px 18px 0 0;
    cursor: pointer
}

    .c-iconStyleSelector .iconStyle:hover {
        outline: 3px solid #bdbbb9
    }

    .c-iconStyleSelector .iconStyle.selected {
        outline: 3px solid #373737
    }

    .c-iconStyleSelector .iconStyle.light {
        background: #f2f2f2
    }

.c-iconStyleSelector img {
    width: 36px;
    height: 36px;
    margin: 6px
}

.mojoImageGroupLayout, .mojoTextSplitLayout {
    opacity: .4;
    border: 3px solid #373737;
    cursor: pointer;
    width: 76px;
    height: 91px;
    padding: 3px;
    margin-right: 15px
}

    .mojoImageGroupLayout:hover, .mojoTextSplitLayout:hover, .mojoImageGroupLayout.selected, .mojoTextSplitLayout.selected {
        -ms-transition: all .25s ease-in-out 0s;
        transition: all .25s ease-in-out 0s;
        opacity: .9
    }

.mojoTextSplitColumn {
    height: 78px;
    background: #373737;
    float: left;
    margin-right: 3px
}

    .mojoTextSplitColumn.last {
        margin-right: 0
    }

    .mojoTextSplitColumn.with50 {
        width: 30px
    }

    .mojoTextSplitColumn.with35 {
        width: 21px
    }

    .mojoTextSplitColumn.with65 {
        width: 39px
    }

.mojoImageGroupLayout .mojoImageGroupImageIcon {
    display: block;
    margin-bottom: 2px;
    background: #373737;
    float: left
}

.mojoImageGroupLayout:last-child {
    margin-right: 0
}

.mojoImageGroupLayoutRow.with1 .mojoImageGroupImageIcon {
    height: 25px;
    width: 64px
}

.mojoImageGroupLayoutRow.with2 .mojoImageGroupImageIcon {
    height: 18px;
    width: 31px;
    margin: 0 1px 2px 0
}

    .mojoImageGroupLayoutRow.with2 .mojoImageGroupImageIcon:last-child {
        margin: 0 0 2px 1px
    }

.mojoImageGroupLayoutRow.with3 .mojoImageGroupImageIcon {
    height: 15px;
    width: 20px;
    margin: 0 2px 2px 0
}

    .mojoImageGroupLayoutRow.with3 .mojoImageGroupImageIcon:last-child {
        margin: 0 0 2px 0
    }

.neapolitan.dojoDndMove .dojoDndAvatar {
    width: auto;
    min-width: 420px
}

    .neapolitan.dojoDndMove .dojoDndAvatar .dojoDndItemAnchor {
        border: solid 1px #dedddc;
        background: #ffffff;
        padding: 12px 18px;
        max-width: 400px
    }

    .neapolitan.dojoDndMove .dojoDndAvatar .hide-dnd-avatar {
        display: none
    }

.neapolitan.dojoDndMove .dojoDndItemAnchor {
    background: #e0e0e0
}

.neapolitan.dojoDndMove .dojoDndItemBefore {
    border-top: solid 3px #000000;
    margin-top: -1px
}

    .neapolitan.dojoDndMove .dojoDndItemBefore:first-child {
        margin-top: 0
    }

.neapolitan.dojoDndMove .dojoDndItemAfter {
    border-bottom: solid 3px #000000 !important
}

.c-hotkeyHelpPane {
    display: none;
    z-index: 9999;
    top: 24px;
    left: 24px;
    background: rgba(0,0,0,0.85)
}

.c-hotkeyHelpPane_indent {
    width: 60px;
    color: #ffffff;
    display: inline-block
}

html.n, html.n body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

    html.n.dj_ios, html.n.dj_ios body {
        position: fixed
    }

#av-neapolitan-content {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 60px
}

html.n .c-builder #main {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: none;
    overflow: hidden
}

html.n .c-builder.neapolitan #topmsg, html.n #av-flash-block, html.n #footerwrap {
    display: none
}

html.n .ck_field_wrapper {
    margin: -18px -18px 0 -18px
}

html.n #wizard-form {
    display: inline
}

html.n .mcd.c-builder .dijitContentPaneLoading {
    display: block;
    margin: 50px auto;
    width: 70px
}

html.n .c-builder .merge-cheatsheet {
    display: none
}

html.n .c-builder .cke_top {
    border: 1px solid #dedddc;
    border-width: 0 0 1px 0;
    border-radius: 0;
    padding-left: 15px
}

html.n .c-builder .cke_contents {
    border: none;
    border-bottom: 1px dashed #dedddc
}

html.n .c-builder .codeMirror-on .cke_contents {
    height: auto !important
}

html.n .c-builder .codeMirror-on a.cke_toolbox_collapser {
    display: none
}

html.n .c-builder .contentEditorScrolled .cke_top {
    display: block;
    background: #ffffff;
    border-width: 1px 1px 1px 0;
    position: fixed;
    top: 174px;
    z-index: 5;
    box-sizing: border-box
}

html.n .c-builder .contentEditorScrolled.mojoEditableTextSection .cke_top {
    top: 129px
}

html.n .c-builder .editorPaneHiding .contentEditorScrolled .cke_top {
    display: none
}

html.n .c-builder .cke_skin_mc .CodeMirror {
    font-size: 1.4rem
}

html.n .c-builder .cke_skin_mc .CodeMirror-scroll {
    height: auto;
    overflow: visible
}

html.n .c-builder .cke_contents > textarea {
    display: none
}

html.n iframe#preview-template {
    width: 100%;
    height: 800px;
    min-width: 620px;
    overflow-y: hidden;
    overflow-x: auto;
    position: absolute;
    top: 0;
    left: 0
}

.swm #av-neapolitan-content #main {
    overflow: scroll
}

.c-builder .column {
    position: absolute;
    top: 0;
    bottom: 0
}

.split-left {
    right: 456px;
    left: 0
}

.split-right {
    width: 456px;
    right: 0
}

.colheader {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 60px;
    width: 100%
}

#previewcol .colheader {
    width: auto
}

.colbody {
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.colbody--top-bar {
    margin-top: 60px
}

.colbody--has-panel-footer {
    bottom: 146px
}

.colbody .colbody {
    top: 61px
}

#previewcol .colbody {
    border-right: 1px solid #dedddc;
    width: auto;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f2f2f2
}

.colbodyInner {
    top: 0;
    bottom: 60px
}

.mojoDividerEditor .mojoEditorSection .colbody {
    top: 0;
    border-top: 1px solid #dedddc
}

.mojoCodeEditor .mojoEditorSection.colbody {
    top: 0
}

.mojoCodeEditor .codeDisclaimer {
    padding: 21px;
    border-top: 1px dashed #dedddc
}

#editor-pane {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    display: none;
    z-index: 3
}

    #editor-pane .cke_inner, #editor-pane .cke_wysiwyg_frame {
        background: none
    }

    #editor-pane .editorscroll.no-buttons {
        bottom: 0
    }

.editorscroll {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 60px;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.editorscroll--noPanel {
    top: 0
}

.wizard-header {
    height: 60px;
    line-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.wizard-header-offset {
    padding-bottom: 60px
}

.panel-button-nav {
    padding: 0 18px;
    height: inherit;
    width: 100%
}

.editordivider {
    border-bottom: 1px solid #dedddc;
    line-height: 60px
}

.mojoStyleEditor .colbody {
    top: 53px;
    bottom: 50px;
    border-top: 1px solid #dedddc
}

.mojoEditorSection.colbody {
    top: 46px;
    overflow: none
}

.mojoEditorSection .dijitDialogPaneContentArea {
    margin: 0;
    padding: 0;
    max-height: none
}

.drillnavbar {
    position: relative;
    height: 60px
}

    .drillnavbar .drillback {
        position: absolute;
        left: 18px;
        background: none;
        padding: 0;
        margin: 0;
        line-height: 60px;
        border: 0 none;
        top: 0;
        height: inherit
    }

    .drillnavbar h4 {
        margin: 0;
        line-height: 60px
    }

.drillnav li > * {
    display: block;
    position: relative;
    padding: 12px 30px 12px 18px;
    color: #241c15;
    border-bottom: 1px solid #dedddc;
    cursor: pointer;
    -ms-transition: background-color 0.333s ease-in-out 0s;
    transition: background-color 0.333s ease-in-out 0s
}

    .drillnav li > *:hover {
        background-color: #f2f2f2
    }

    .drillnav li > *::after {
        font-family: 'freddicons';
        speak: none;
        vertical-align: top;
        display: inline-block;
        line-height: unset;
        font-weight: normal !important;
        font-style: normal !important;
        text-transform: none !important;
        font-size: 20px !important;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        content: "\e023";
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -12px;
        color: #959595
    }

.togglenav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding: 12px 18px 12px 18px;
    color: #241c15;
    border-bottom: 1px solid #dedddc
}

.slider-editor .split-left {
    top: 0;
    left: 0;
    bottom: 0;
    right: 420px;
    overflow: auto;
    border-right: 1px solid #dedddc
}

.slider-editor .split-right {
    width: 420px
}

.slider-editor .drawer-tab {
    z-index: 96
}

.slider-editor #editor-pane {
    z-index: 96
}

.slider-editor #av-neapolitan-content {
    bottom: 0
}

.column label::first-letter {
    text-transform: capitalize
}

.column fieldset {
    margin: 0 !important;
    padding: 0 18px
}

.mojoStyleEditor .column fieldset {
    padding-bottom: 24px
}

.column .dijitSelect {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-bottom: 18px
}

.mojoItemListItem .typeSelectIcon {
    width: 36px;
    height: 36px
}

.mojoItemListItem .typeSelectContainer {
    margin-left: 48px
}

.mojoSocialFollowEditor .mojoItemListItem .typeSelectContainer, .mojoSocialShareEditor .mojoItemListItem .typeSelectContainer {
    margin-bottom: 12px
}

.mojoItemListItem .dijitSelect {
    width: 60% !important;
    margin: 0
}

.mojoItemListItem .removeLink {
    line-height: 36px;
    color: rgba(36,28,21,0.65);
    font-size: 20px;
    padding: 0 16px
}

.mojoItemListItem input {
    margin-bottom: 10px
}

.mojoSocialLayoutList li {
    border: 3px solid #000000;
    opacity: .3;
    width: 44%;
    min-width: 130px;
    float: left;
    margin: 0 12px 10px 0;
    padding: 0;
    cursor: pointer
}

    .mojoSocialLayoutList li:hover {
        opacity: .5
    }

    .mojoSocialLayoutList li.selected {
        opacity: .9
    }

.mojoSocialLayoutList img {
    display: block
}

.mojoSocialLayoutList .textOnly li {
    height: 40px
}

.mojoSocialLayoutList .textOnly .inlineHorizontal > img {
    padding: 10px 0 0
}

.mojoSocialLayoutList .iconOnly .stackedVertical {
    height: 132px
}

.mojoSocialLayoutList .iconAndText .stackedVertical {
    height: 138px
}

.mojoSocialShareEditor .inlineHorizontal {
    height: 52px
}

    .mojoSocialShareEditor .inlineHorizontal > img {
        padding: 15px 0 0
    }

.preview-content {
    position: absolute;
    top: 60px;
    bottom: 0;
    width: 100%
}

.viewcol {
    position: absolute;
    top: 0;
    bottom: 0
}

#mobile-toggle {
    display: none
}

.desktop-view-inner {
    background: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    border-right: 1px solid #dedddc
}

    .desktop-view-inner .iframe-wrapper {
        display: inline
    }

    .desktop-view-inner iframe {
        height: 100%;
        min-height: 100%
    }

a.close-preview {
    color: #ffffff;
    padding: 0 10px;
    font-size: 22px;
    line-height: 56px
}

.iframe-wrapper.loading {
    height: 100%;
    overflow: hidden
}

.iframe-loading-message {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    opacity: .8;
    z-index: 1;
    padding: 320px 0
}

.iframe-dnd-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow-y: hidden
}

.dojoDndCopy .iframe-dnd-overlay {
    display: block
}

.mc-container-ghost {
    display: none;
    border: 2px solid #373737;
    position: absolute
}

    .mc-container-ghost .sectionLabel {
        display: inline-block;
        text-transform: capitalize;
        padding: 3px 8px;
        height: 24px;
        margin: -24px 0 0 -2px;
        background: #373737;
        color: #ffffff;
        font-size: 11px;
        line-height: 18px;
        position: absolute;
        top: 0;
        left: 0
    }

    .mc-container-ghost .mojoDropFlag {
        position: absolute;
        top: 0;
        left: 0;
        right: 4px;
        text-align: center;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        font-size: 14px;
        background: #ccebf3;
        border-top: 2px solid #52bad5;
        border-bottom: 2px solid #52bad5;
        color: #237a91
    }

    .mc-container-ghost.active {
        display: block
    }

    .mc-container-ghost.dojoDndContainerOver {
        border-color: #52bad5
    }

        .mc-container-ghost.dojoDndContainerOver .sectionLabel {
            background: #52bad5
        }

        .mc-container-ghost.dojoDndContainerOver li.dojoDndItemOver {
            border: none;
            padding: 0;
            position: relative
        }

        .mc-container-ghost.dojoDndContainerOver li.dojoDndItemAfter .mojoDropFlag {
            top: auto;
            bottom: 0;
            margin-bottom: -40px
        }

.viewer-list {
    color: #241c15
}

    .viewer-list ul::after {
        content: " ";
        position: absolute;
        border: 8px solid transparent;
        width: 0;
        height: 0;
        bottom: 100%;
        left: 50%;
        border-bottom-color: #000000
    }

    .viewer-list ul::before {
        font-family: 'freddicons';
        color: #ffffff;
        font-size: 20px;
        content: '\e010';
        position: absolute;
        top: 5px;
        right: 15px !important;
        width: 16px
    }

    .viewer-list ul:hover::before {
        opacity: .8
    }

    .viewer-list a.viewer-status {
        display: inline-block;
        color: #febe12;
        background: none !important
    }

    .viewer-list > li > ul {
        border: 2px solid #000000;
        font-weight: normal
    }

    .viewer-list li.title {
        padding: 0 10px
    }

    .viewer-list li.viewer {
        padding: 5px 15px 5px 40px;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis
    }

.userColor {
    position: absolute;
    top: 9px;
    left: 10px;
    width: 18px;
    height: 18px
}

.ios-iframe-scroll {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    position: relative;
    width: 100%;
    height: 100%;
    display: block !important
}

@media only screen and (min-width:64em) {
    .split-left {
        right: 420px
    }

    .split-right {
        width: 420px
    }

    .contentEditorScrolled .cke_top {
        width: 420px
    }

    .contentEditorScrolled .cke_contents {
        padding-top: 114px
    }

    body.slider-editor .split-left {
        right: 414px !important
    }

    body.slider-editor .split-right {
        width: 414px !important
    }
}

@media only screen and (min-width:85.375em) {
    .split-left {
        right: 665px
    }

    .split-left--wide-templates {
        right: 420px
    }

    .split-right {
        width: 665px
    }

    .split-right--wide-templates {
        width: 420px
    }

    .contentEditorScrolled .cke_top {
        width: 665px
    }

    .contentEditorScrolled .cke_contents {
        padding-top: 72px
    }

    body.slider-editor .split-left {
        right: 665px !important
    }

    body.slider-editor .split-right {
        width: 665px !important
    }
}

@media only screen and (max-width:64em) {
    .drag-split {
        display: none
    }

    .split-left {
        right: 0 !important
    }

    .split-right {
        width: 420px;
        right: -419px;
        background: #ffffff;
        border-left: 1px solid #dedddc;
        -ms-transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s;
        transition: right .25s cubic-bezier(.7, 0, .175, 1) 0s
    }

    body.slider-editor .split-left {
        right: 0 !important
    }

    body.slider-editor .split-right {
        width: -416px !important
    }

    .drawer-tab {
        position: absolute;
        top: 21px;
        left: -40px;
        cursor: pointer
    }

        .drawer-tab::after {
            content: "\e021";
            font-family: 'freddicons';
            display: block;
            font-size: 20px;
            width: 39px;
            height: 40px;
            line-height: 40px;
            background: #ffffff;
            border: 1px solid #dedddc;
            border-right: none;
            border-radius: 6px 0 0 6px;
            text-align: center
        }

    body.open-drawer .split-right {
        right: 0
    }

    body.open-drawer .drawer-tab::after {
        content: "\e023"
    }

    .contentEditorScrolled .cke_top {
        width: 420px
    }

    .contentEditorScrolled .cke_contents {
        padding-top: 114px
    }

    #mobile-toggle {
        display: block
    }

    #mobile-preview {
        top: 60px;
        left: 100%;
        right: 0;
        border-left: 0;
        width: 100% !important;
        overflow: auto
    }

        #mobile-preview.show {
            left: 0
        }

    #neapolitan-coachmark-step2 {
        right: 275px;
        top: 22px
    }
}

@media only screen and (max-width:31.25em) {
    span.step-details {
        display: none
    }

    .split-right {
        width: 320px !important;
        right: -321px
    }

    .contentEditorScrolled .cke_top {
        width: 320px
    }

    .contentEditorScrolled .cke_contents {
        padding-top: 176px
    }
}

.c-topSliderPaneContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.topBarCloseMobile {
    display: none
}

.preview-frame {
    margin: 0 auto;
    -ms-transition: all 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    transition: all 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s
}

.preview-desktop .preview-frame {
    width: 100%;
    padding-bottom: 60px
}

.preview-mobile .preview-frame {
    width: 320px;
    border: 1px solid #007c89
}

.preview-split--wide {
    width: 65%
}

.preview-split--narrow {
    width: 35%
}

.preview-split--left {
    -ms-transition: width 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    transition: width 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    left: 0
}

.preview-split--right {
    -ms-transition: width 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    transition: width 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
    right: 0
}

.preview-split--full {
    width: 100%;
    left: 0;
    right: 0
}

.no-right-pane .preview-split--left {
    width: 100%
}

.no-right-pane .preview-split--right {
    width: 0
}

.inbox-preview-nodata-icon {
    max-width: 720px
}

.inbox-preview-row-header {
    padding: 6px 18px
}

.inbox-preview-row {
    position: relative;
    padding: 18px;
    -ms-transition: background-color 0.23s ease-in-out 0s;
    transition: background-color 0.23s ease-in-out 0s
}

@media only screen and (max-width:60em) {
    .inbox-preview-row {
        padding: 12px
    }
}

.inbox-preview-row:hover {
    background: #f2f2f2;
    cursor: pointer
}

.inbox-preview-row.active {
    background: #ccebf3
}

.inbox-preview-row.unread::after {
    border-radius: 50%;
    content: "";
    position: absolute;
    top: calc(44%);
    right: 24px;
    border: 6px solid #52bad5
}

@media only screen and (max-width:60em) {
    .inbox-preview-row.unread::after {
        top: 12px;
        right: 12px
    }
}

@keyframes inbox-shine-loader {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: 90%;
        opacity: 0
    }

    100% {
        left: 90%;
        opacity: 0
    }
}

.animate-preview-pane::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 95%);
    animation: inbox-shine-loader 3s ease-out infinite
}

.top-clients > li {
    border-bottom: 1px dotted #dedddc;
    padding: 12px 36px
}

    .top-clients > li::before, .top-clients > li::after {
        content: " ";
        display: table
    }

    .top-clients > li::after {
        clear: both
    }

    .top-clients > li::before, .top-clients > li::after {
        content: " ";
        display: table
    }

    .top-clients > li::after {
        clear: both
    }

    .top-clients > li:first-of-type {
        padding-top: 0
    }

    .top-clients > li:last-of-type {
        border-bottom: none
    }

@media only screen and (max-width:64em) {
    .top-clients > li {
        padding: 12px 18px
    }
}

.c-contextMessage .section {
    margin-bottom: 0
}

.v-gridView--active .u-hide\@GridActive {
    display: none
}

.v-listView--active .u-hide\@listActive {
    display: none
}

.c-fileItem {
    width: 100%
}

    .c-fileItem .c-fileItem_label {
        cursor: pointer
    }

    .c-fileItem .c-media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c-fileItem.disabled .c-fileGridItem {
        border: 1px solid #efeeea;
        background: none
    }

    .c-fileItem.disabled .c-fileGridItemImage_img, .c-fileItem.disabled .c-mediaImage, .c-fileItem.disabled .c-mediaBody--centered {
        opacity: .2
    }

    .c-fileItem.disabled .v-buttonGroupMenuItem:hover {
        background-color: inherit
    }

    .c-fileItem.disabled .c-fileItem_label {
        cursor: not-allowed
    }

.v-gridView--active .c-fileItem {
    width: calc((100% / 6 - 12px) + (12px / 6));
    margin-right: 12px;
    margin-bottom: 12px;
    height: 12vw
}

    .v-gridView--active .c-fileItem:nth-child(6n) {
        margin-right: 0
    }

@media only screen and (max-width:85.375em) {
    .v-gridView--active .c-fileItem {
        width: calc((100% / 5 - 12px) + (12px / 5));
        margin-right: 12px;
        margin-bottom: 12px;
        height: 14vw
    }

        .v-gridView--active .c-fileItem:nth-child(6n) {
            margin-right: 12px
        }

        .v-gridView--active .c-fileItem:nth-child(5n) {
            margin-right: 0
        }
}

@media only screen and (max-width:75em) {
    .v-gridView--active .c-fileItem {
        width: calc((100% / 4 - 12px) + (12px / 4));
        margin-right: 12px;
        margin-bottom: 12px;
        height: 17vw
    }

        .v-gridView--active .c-fileItem:nth-child(5n) {
            margin-right: 12px
        }

        .v-gridView--active .c-fileItem:nth-child(4n) {
            margin-right: 0
        }
}

@media only screen and (max-width:64em) {
    .v-gridView--active .c-fileItem {
        width: calc((100% / 3 - 12px) + (12px / 3));
        margin-right: 12px;
        margin-bottom: 12px;
        height: 30vw
    }

        .v-gridView--active .c-fileItem:nth-child(4n) {
            margin-right: 12px
        }

        .v-gridView--active .c-fileItem:nth-child(3n) {
            margin-right: 0
        }
}

@media only screen and (max-width:40em) {
    .v-gridView--active .c-fileItem {
        width: calc((100% / 2 - 12px) + (12px / 2));
        margin-right: 12px;
        margin-bottom: 12px;
        height: 45vw
    }

        .v-gridView--active .c-fileItem:nth-child(3n) {
            margin-right: 12px
        }

        .v-gridView--active .c-fileItem:nth-child(2n) {
            margin-right: 0
        }
}

.v-listView--active .c-fileItem {
    border-radius: 4px;
    margin-bottom: 6px
}

    .v-listView--active .c-fileItem:nth-child(even) {
        background-color: #efeeea
    }

.c-fileGridItem {
    -ms-transition: background-color .2s cubic-bezier(.17, .16, .24, .9) .0001s;
    transition: background-color .2s cubic-bezier(.17, .16, .24, .9) .0001s;
    background-color: #efeeea
}

.c-fileGridItem--selected {
    background-color: #e6f2f3
}

    .c-fileGridItem--selected .c-fileGridItemCheckmark {
        transform: scale(1, 1);
        opacity: 1;
        z-index: 1
    }

    .c-fileGridItem--selected .c-fileGridItemImage_img {
        filter: brightness(85%)
    }

    .c-fileGridItem--selected .c-fileGridItemImage_overlay, .c-fileGridItem--selected .c-fileGridItemImage_overlay:hover {
        opacity: 0
    }

.c-fileGridItemImage_img {
    -ms-transition: filter .2s cubic-bezier(.17, .16, .24, .9) .0001s;
    transition: filter .2s cubic-bezier(.17, .16, .24, .9) .0001s;
    height: auto;
    max-height: 12vw
}

@media only screen and (max-width:85.375em) {
    .c-fileGridItemImage_img {
        max-height: 14vw
    }
}

@media only screen and (max-width:75em) {
    .c-fileGridItemImage_img {
        max-height: 17vw
    }
}

@media only screen and (max-width:64em) {
    .c-fileGridItemImage_img {
        max-height: 30vw
    }
}

@media only screen and (max-width:40em) {
    .c-fileGridItemImage_img {
        max-height: 45vw
    }
}

.c-fileGridItemImage_overlay {
    -ms-transition: opacity .2s cubic-bezier(.17, .16, .24, .9) .0001s;
    transition: opacity .2s cubic-bezier(.17, .16, .24, .9) .0001s;
    opacity: 0
}

    .c-fileGridItemImage_overlay:hover {
        opacity: .25
    }

.c-fileGridItemImage_overlay_disabled {
    -ms-transition: opacity .2s cubic-bezier(.17, .16, .24, .9) .0001s;
    transition: opacity .2s cubic-bezier(.17, .16, .24, .9) .0001s;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .c-fileGridItemImage_overlay_disabled:hover {
        opacity: 1
    }

.c-fileGridItemCheckmark {
    -ms-transition: all .15s cubic-bezier(.73, .15, .33, .88) .0001s;
    transition: all .15s cubic-bezier(.73, .15, .33, .88) .0001s;
    transform: scale(.75, .75);
    opacity: 0
}

.v-versionsBadgeBackground {
    background-color: rgba(0,0,0,0.7)
}

.v-disabledBadgeBackground {
    background-color: #fbcfbd;
    color: #241c15
}

.c-listViewVersionBadge {
    margin: 0 -12px -6px 0
}

.c-listViewImgThumbnail {
    width: 54px;
    height: 54px
}

.c-fileMgrSidebarContainer {
    width: 234px
}

.v-contentSourceBtnImg {
    width: 24px
}

.c-detailViewBackground {
    background: rgba(0,0,0,0.85)
}

@media only screen and (max-width:60em) {
    .c-detailViewContainer {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width:60em) {
    .c-detailViewItemPreview {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (max-width:60em) {
    .c-detailViewItemPreview {
        width: 100%
    }
}

.c-detailViewDetailPane {
    width: 30%;
    max-width: 324px;
    overflow-y: scroll
}

@media only screen and (max-width:60em) {
    .c-detailViewDetailPane {
        width: 100%;
        max-width: none;
        overflow-y: auto
    }
}

.v-contentVariantBtnImg {
    width: 42px;
    height: 42px
}

.file-drop-target {
    top: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s
}

    .file-drop-target p {
        margin: 0 auto
    }

    .file-drop-target .dead-center {
        pointer-events: none;
        margin: auto;
        width: 480px;
        height: 50%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .file-drop-target.over {
        visibility: visible;
        opacity: .9
    }

.file-upload {
    width: 480px;
    position: fixed;
    bottom: 0;
    right: 60px;
    border: 1px solid #dedddc;
    border-bottom: 0;
    z-index: 99;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 1px 1px rgba(128,128,128,0.1)
}

    .file-upload ul {
        height: 300px;
        overflow: auto
    }

    .file-upload .header-bar {
        border-radius: 4px 4px 0 0;
        background: #373737;
        color: #ffffff
    }

        .file-upload .header-bar a {
            color: #ffffff
        }

    .file-upload .thumbnail {
        width: 50px;
        height: 50px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top
    }

        .file-upload .thumbnail .icon {
            margin: 6px
        }

@media only screen and (max-width:40em) {
    .file-upload {
        width: 95%;
        left: 50%;
        margin-left: -47.5%
    }
}

.upload-list .meter {
    margin: 18px 0;
    border-radius: 12px
}

.upload-list p {
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-fileTypeIcons--small .c-fileTypeIcons_icon {
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: center
}

.c-fileTypeIcons--small .text {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-text-small.svg)
}

.c-fileTypeIcons--small .audio {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-audio-small.svg)
}

.c-fileTypeIcons--small .document {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-document-small.svg)
}

.c-fileTypeIcons--small .presentation {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-presentation-small.svg)
}

.c-fileTypeIcons--small .spreadsheet {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-spreadsheet-small.svg)
}

.c-fileTypeIcons--small .video {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-video-small.svg)
}

.c-fileTypeIcons--small .archive {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-archive-small.svg)
}

.c-fileTypeIcons--small .unknown {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-unknown-small.svg)
}

.c-fileTypeIcons--small .image_other {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-imageother-small.svg)
}

.c-fileTypeIcons--large .c-fileTypeIcons_icon {
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center
}

.c-fileTypeIcons--large .text {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-text.svg)
}

.c-fileTypeIcons--large .audio {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-audio.svg)
}

.c-fileTypeIcons--large .document {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-document.svg)
}

.c-fileTypeIcons--large .presentation {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-presentation.svg)
}

.c-fileTypeIcons--large .spreadsheet {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-spreadsheet.svg)
}

.c-fileTypeIcons--large .video {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-video.svg)
}

.c-fileTypeIcons--large .archive {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-archive.svg)
}

.c-fileTypeIcons--large .unknown {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-unknown.svg)
}

.c-fileTypeIcons--large .image_other {
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/files/file-manager-imageother.svg)
}

.c-fileTypeIcon--large {
    width: 60px
}

.fm-pagination {
    bottom: 0;
    left: 0;
    right: 0
}

    .fm-pagination .dijitDownArrowButton {
        margin-bottom: 0 !important
    }

    .fm-pagination .paging-controls .button-small {
        padding: 0 8px
    }

        .fm-pagination .paging-controls .button-small:first-child {
            margin-left: 12px !important;
            margin-right: 0 !important
        }

        .fm-pagination .paging-controls .button-small:last-child {
            margin-left: 6px !important;
            margin-right: 0 !important
        }

.cross-browser-flex--1 {
    flex: 1 0 auto
}

.recipe-category {
    position: absolute;
    right: 18px;
    width: 20px;
    height: 20px;
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/sprites/automation-categories.svg) no-repeat 0 0 transparent;
    background-size: 142px 60px
}

    .recipe-category.automation_activity {
        background-position: -21px 0
    }

    .recipe-category.ecommerce {
        background-position: -62px -21px
    }

    .recipe-category.campaign_activity {
        background-position: -122px 0
    }

    .recipe-category.music {
        background-position: -81px 0
    }

    .recipe-category.nonprofit {
        background-position: -102px 0
    }

    .recipe-category.software {
        background-position: -81px -20px
    }

    .recipe-category.education {
        background-position: -102px -20px
    }

    .recipe-category.list_management {
        background-position: -41px -20px
    }

    .recipe-category.list_activity {
        background-position: -41px -20px
    }

    .recipe-category.transactional {
        background-position: -41px 0
    }

    .recipe-category.integration {
        background-position: -21px -20px
    }

    .recipe-category.date_based {
        background-position: -1px -21px
    }

    .recipe-category.custom {
        background-position: -122px 0
    }

    .recipe-category.shopify {
        background-position: -122px -20px
    }

    .recipe-category.tag {
        background-position: -1px -41px
    }

@media only screen and (max-width:40em) {
    .recipe-category {
        background: none
    }
}

.c-automationOverlay {
    padding-top: 60px
}

.c-automationOverlay_topBar {
    position: fixed;
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    border-bottom: 1px solid #dedddc
}

.c-automationOverlay .c-topBar_actions {
    top: 0;
    right: 0;
    height: 60px
}

.c-automationOverlay_viewContainer {
    position: fixed;
    height: 100%;
    margin-top: 60px;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0
}

.c-settingsOverlay {
    padding-top: 60px
}

.c-settingsOverlay_topBar {
    position: fixed;
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    border-bottom: 1px solid #dedddc
}

.c-settingsOverlay .c-topBar_title {
    padding-left: 10px
}

.c-settingsOverlay .c-topBar_actions {
    top: 0;
    right: 0;
    height: 60px
}

.c-settingsOverlay_viewContainer {
    position: fixed;
    height: 100%;
    margin-top: 60px;
    top: 0;
    right: 0;
    left: 0
}

.c-boxSlat {
    border: 2px solid #dedddc;
    margin-bottom: 24px
}

.c-boxSlat-selected {
    border: 2px solid #6dc5dc
}

.c-boxSlat-disabled {
    border: 2px solid #dedddc;
    background: #f8f8f8
}

.c-boxSlat_contents .c-triggerIcon {
    padding-right: 25px
}

.c-boxSlat_contents .c-triggerIcon_category {
    width: 20px;
    height: 20px;
    background: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/sprites/automation-categories.svg) no-repeat 0 0 transparent;
    background-size: 120px auto
}

    .c-boxSlat_contents .c-triggerIcon_category.automation_activity {
        background-position: -20px 0
    }

    .c-boxSlat_contents .c-triggerIcon_category.ecommerce {
        background-position: -60px -20px
    }

    .c-boxSlat_contents .c-triggerIcon_category.campaign_activity {
        background-position: -60px 0
    }

    .c-boxSlat_contents .c-triggerIcon_category.list_management {
        background-position: -40px -20px
    }

    .c-boxSlat_contents .c-triggerIcon_category.transactional {
        background-position: -40px 0
    }

    .c-boxSlat_contents .c-triggerIcon_category.integration {
        background-position: 0 0
    }

    .c-boxSlat_contents .c-triggerIcon_category.date_based {
        background-position: 0 -20px
    }

.c-boxSlat_settings {
    background: #f8f8f8
}

.c-boxSlat_padding {
    padding: 18px 30px
}

.c-boxSlat_selectTrigger {
    background: #f8f8f8
}

.c-triggerTabs .recipe-category {
    left: 0;
    right: 0;
    top: 9px
}

.email-container {
    display: flex;
    position: relative;
    padding: 30px 15px;
    z-index: 1
}

@media screen and (max-width:64em) {
    .email-container {
        padding: 12px 15px
    }
}

.email-status {
    color: rgba(36,28,21,0.65)
}

.timeline-container {
    width: 55px
}

    .timeline-container .timeline::after {
        border-left: 2px dashed #d0d0d0;
        content: "";
        position: absolute;
        top: 80px;
        height: 100%;
        left: 32px;
        z-index: -1
    }

.email-row-container:last-child .timeline-container .timeline::after {
    border: none
}

.timeline-container .freddicon {
    top: 12px
}

.paused .timeline-container .freddicon {
    color: #ee836e
}

.sending .timeline-container .timeline::after {
    border-left-style: solid
}

.sending .timeline-container .freddicon {
    color: #72c1b0
}

.email {
    border: 1px solid #d0d0d0;
    box-shadow: 0 1px 1px 0 rgba(208, 208, 208, 0.63)
}

    .email .feedback-block {
        border-radius: 6px 6px 0 0
    }

.c-emailImageWrapper .v-emailDropTarget {
    display: none;
    border-style: dashed
}

.dojoDndMove .dojoDndItemOver .c-emailImageWrapper .v-emailDropTarget {
    display: block
}

.c-emailImageWrapper .v-emailDropTarget::before {
    content: "Drop Content";
    color: #959595;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    position: absolute;
    top: 20%;
    padding: 12px;
    text-align: center
}

.c-emailImageWrapper .v-emailBadDropTarget {
    display: none;
    border-style: dashed
}

.dojoDndMove .dojoDndItemOver .c-emailImageWrapper .v-emailBadDropTarget {
    display: block
}

.c-emailImageWrapper .v-emailBadDropTarget::before {
    content: "Pause Email to Swap";
    color: #e85c41;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    position: absolute;
    top: 20%;
    padding: 12px;
    text-align: center
}

[data-mc-segment-options] {
    display: none
}

.ar-import-slat {
    border-top: 1px solid #d0d0d0;
    padding-top: 12px
}

    .ar-import-slat:last-child {
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 12px
    }

.segment-options-container .segment-count {
    display: none
}

#auto-settings .subfields {
    padding-left: 4px
}

    #auto-settings .subfields input {
        display: inline-block;
        width: 50px;
        margin: 0 2px;
        text-align: center
    }

    #auto-settings .subfields label {
        display: none
    }

    #auto-settings .subfields + .invalid-error {
        display: block;
        float: left;
        margin: 5px 0 0 6px
    }

    #auto-settings .subfields .phonedetail2 input {
        width: 65px
    }

.v-workflowName::before, .v-workflowListName::before {
    content: "List name";
    font-weight: 600;
    font-size: 1.4rem;
    color: #959595;
    display: block
}

.v-workflowName::before, .v-workflowMerge::before {
    content: "Date Field";
    font-weight: 600;
    font-size: 1.4rem;
    color: #959595;
    display: block
}

.v-workflowName::before {
    content: "Workflow recipe"
}

.dojoDndAvatar .email-container, .dojoDndAvatar .email-contents {
    padding: 0
}

.dojoDndAvatar .c-emailImageWrapper .c-emailImage {
    display: block !important
}

.dojoDndAvatar .c-emailImageWrapper .v-emailDropTarget {
    display: none !important
}

.dojoDndAvatar .timeline-container, .dojoDndAvatar .email_trigger, .dojoDndAvatar .c-slatInfoBody, .dojoDndAvatar .c-slatInfoStats, .dojoDndAvatar .c-slatMeta_action {
    display: none !important
}

.dojoDndAvatar .email {
    border: 0 none;
    box-shadow: none
}

.flash-block {
    display: block;
    clear: both
}

    .flash-block a {
        display: inline-block;
        white-space: nowrap
    }

.flash-info, .flash-errors, .flash-success {
    padding: 24px 15px 24px 15px;
    margin: 15px 15px 24px 15px;
    border-radius: 6px;
    background-color: #ccebf3
}

.flash-errors {
    background-color: #f8d0c8
}

.flash-success {
    background-color: #d4ece6
}

.swag_item.is-selected {
    border-color: #52bad5;
    box-shadow: inset 0 0 0 1px #52bad5
}

.swag_item .swag_item-picker {
    cursor: pointer
}

.swag_item .swag_item-picker_text {
    display: inline;
    vertical-align: middle
}

.swag_item img {
    width: 100%
}

@media only screen and (max-width:60em) {
    .swag_item img {
        max-height: 100%
    }
}

.swag_item dl dt {
    font-weight: bold
}

.swag_item-error {
    margin: 15px
}

.swag_card-grid {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .swag_card-grid .swag_card {
        width: calc( 25% - 15px - 15px );
        margin: 0 15px 30px 15px;
        float: left
    }

@media only screen and (max-width:60em) {
    .swag_card-grid .swag_card {
        width: calc(33% - 15px - 15px )
    }
}

@media only screen and (max-width:40em) {
    .swag_card-grid .swag_card {
        width: calc(50% - 15px - 15px )
    }
}

@media only screen and (max-width:31.25em) {
    .swag_card-grid .swag_card {
        width: calc(100% - 15px - 15px )
    }
}

.swag_card {
    border: 1px solid #dedddc;
    border-radius: 6px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .swag_card .card-action {
        border-top: 1px solid #dedddc;
        padding-top: 12px;
        margin-top: 6px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

        .swag_card .card-action .radio {
            width: 100%
        }

.c-taxonomyRules .select-inline {
    width: auto;
    margin: 0 6px;
    vertical-align: middle
}

.\!font-size--24 {
    font-size: 24px !important
}

.contact-profile-content-container {
    padding-top: 48px;
    position: relative
}

    .contact-profile-content-container .left-pane {
        width: 65%;
        padding-right: 24px;
        position: relative;
        float: left
    }

@media only screen and (max-width:64em) {
    .contact-profile-content-container .left-pane {
        width: 100%
    }
}

.contact-profile-content-container .right-pane {
    width: 35%;
    position: relative;
    float: right;
    padding-left: 12px
}

@media only screen and (max-width:64em) {
    .contact-profile-content-container .right-pane {
        width: 100%;
        padding: 12px 24px;
        padding-bottom: 72px
    }
}

.profile-overview {
    position: relative
}

    .profile-overview .profile-overview-flex-container {
        justify-content: space-between;
        flex-direction: row
    }

@media only screen and (max-width:40em) {
    .profile-overview .profile-overview-flex-container {
        flex-direction: column
    }
}

.profile-overview .media-image {
    width: 20%
}

.profile-overview .profile-overview-content {
    width: 60%
}

.profile-overview .actions-container {
    float: right
}

@media only screen and (max-width:40em) {
    .profile-overview .actions-container {
        float: left;
        padding: 0;
        padding-top: 24px
    }
}

.enhance-background {
    background-color: #f9e0fa
}

.contact-field {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0 !important
}

.activity-feed li:not(:last-of-type) .feed-icon-container::before {
    content: '';
    position: absolute;
    top: 30px;
    width: 2px;
    background: #e0e0e0;
    left: 12px
}

.activity-feed li:not(:last-of-type).single-height .feed-icon-container::before {
    height: 24px
}

.activity-feed li:not(:last-of-type).double-height .feed-icon-container::before {
    height: 48px
}

.activity-feed li:not(:last-of-type).triple-height .feed-icon-container::before {
    height: 72px
}

.activity-feed li:not(:last-of-type).quad-height .feed-icon-container::before {
    height: 96px
}

.activity-feed .feed-date-entry {
    padding-bottom: 36px
}

.activity-feed .feed-icon-container {
    width: 60px;
    position: relative;
    margin-top: 9px
}

    .activity-feed .feed-icon-container img {
        width: 24px;
        height: 24px
    }

.activity-feed .feed-content-container {
    flex: 1;
    overflow: hidden
}

    .activity-feed .feed-content-container .order-activity-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

        .activity-feed .feed-content-container .order-activity-container .order-item-list-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex: 1;
            height: 54px;
            padding-left: 12px;
            position: relative
        }

            .activity-feed .feed-content-container .order-activity-container .order-item-list-item .order-item-container {
                flex: 1;
                flex-wrap: nowrap !important;
                border: 1px solid #e0e0e0;
                max-width: 216px
            }

                .activity-feed .feed-content-container .order-activity-container .order-item-list-item .order-item-container .item-badge-count {
                    position: absolute;
                    top: -6px;
                    left: 6px;
                    border-radius: 12px;
                    background-color: #00b3ea;
                    color: #ffffff;
                    padding: 0 6px;
                    border: 1px solid #ffffff;
                    line-height: 20px
                }

                .activity-feed .feed-content-container .order-activity-container .order-item-list-item .order-item-container .order-item-image {
                    border-top-left-radius: 4px;
                    border-bottom-left-radius: 4px;
                    height: 100%;
                    width: 54px;
                    margin-right: 12px;
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-color: #e0e0e0
                }

                .activity-feed .feed-content-container .order-activity-container .order-item-list-item .order-item-container .order-item-info {
                    overflow: hidden;
                    padding-top: 6px
                }

                    .activity-feed .feed-content-container .order-activity-container .order-item-list-item .order-item-container .order-item-info .order-item-text {
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        margin-bottom: 0;
                        line-height: 18px !important
                    }

.CodeMirror {
    font-family: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace;
    font-size: 13px;
    height: 300px
}

.CodeMirror-scroll {
    overflow: auto
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre {
    padding: 0 4px
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    background-color: #ffffff
}

.CodeMirror-gutters {
    border-right: 1px solid #dddddd;
    background-color: #f7f7f7;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999999;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.CodeMirror-guttermarker {
    color: #000000
}

.CodeMirror-guttermarker-subtle {
    color: #999999
}

.CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid #000000
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
    width: auto;
    border: 0;
    background: #77ee77
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite
}

@-moz-keyframes blink {
    0% {
        background: #77ee77
    }

    50% {
        background: none
    }

    100% {
        background: #77ee77
    }
}

@-webkit-keyframes blink {
    0% {
        background: #77ee77
    }

    50% {
        background: none
    }

    100% {
        background: #77ee77
    }
}

@keyframes blink {
    0% {
        background: #77ee77
    }

    50% {
        background: none
    }

    100% {
        background: #77ee77
    }
}

.cm-tab {
    display: inline-block
}

.CodeMirror-ruler {
    border-left: 1px solid #cccccc;
    position: absolute
}

.cm-s-default .cm-keyword {
    color: #770088
}

.cm-s-default .cm-atom {
    color: #221199
}

.cm-s-default .cm-number {
    color: #116644
}

.cm-s-default .cm-def {
    color: #0000ff
}

.cm-s-default .cm-variable-2 {
    color: #0055aa
}

.cm-s-default .cm-variable-3 {
    color: #008855
}

.cm-s-default .cm-comment {
    color: #aa5500
}

.cm-s-default .cm-string {
    color: #aa1111
}

.cm-s-default .cm-string-2 {
    color: #ff5500
}

.cm-s-default .cm-meta {
    color: #555555
}

.cm-s-default .cm-qualifier {
    color: #555555
}

.cm-s-default .cm-builtin {
    color: #3300aa
}

.cm-s-default .cm-bracket {
    color: #999977
}

.cm-s-default .cm-tag {
    color: #117700
}

.cm-s-default .cm-attribute {
    color: #0000cc
}

.cm-s-default .cm-header {
    color: #0000ff
}

.cm-s-default .cm-quote {
    color: #009900
}

.cm-s-default .cm-hr {
    color: #999999
}

.cm-s-default .cm-link {
    color: #0000cc
}

.cm-negative {
    color: #dd4444
}

.cm-positive {
    color: #229922
}

.cm-header, .cm-strong {
    font-weight: bold
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-s-default .cm-error {
    color: #ff0000
}

.cm-invalidchar {
    color: #ff0000
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #00ff00
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #ff2222
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,0.3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    line-height: 1;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    color: #000000
}

.CodeMirror-scroll {
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: none;
    position: relative;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    position: absolute;
    z-index: 6;
    display: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    padding-bottom: 30px;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 30px;
    margin-bottom: -32px;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-lines {
    cursor: text
}

.CodeMirror pre {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    overflow: auto
}

.CodeMirror-wrap .CodeMirror-scroll {
    overflow-x: hidden
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

    .CodeMirror-measure pre {
        position: static
    }

.CodeMirror div.CodeMirror-cursor {
    position: absolute;
    border-right: none;
    width: 0
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 1
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.cm-searching {
    background: #ffffaa;
    background: rgba(255,255,0,0.4)
}

.CodeMirror span {
    *vertical-align: text-bottom
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.avpw {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 4px
}

    .avpw * {
        font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif !important
    }

    .avpw #avpw_tool_content_header .avpw_label {
        font-weight: 500
    }

    .avpw .avpw_selection_overlay_close_button {
        border-radius: 50%
    }

    .avpw #avpw_control_cancel_pane_inner {
        border: none;
        background: none;
        padding: 5px;
        margin: 0
    }

        .avpw #avpw_control_cancel_pane_inner:hover::after {
            color: #848484
        }

        .avpw #avpw_control_cancel_pane_inner::after {
            content: "\e010";
            font-family: 'freddicons' !important;
            font-size: 15px;
            position: absolute;
            top: 4px;
            right: 5px;
            color: #b7b7b7
        }

        .avpw #avpw_control_cancel_pane_inner .avpw_close_inner {
            display: none
        }

    .avpw .avpw_controlpanel_adjustments .avpw_inset_button_group {
        width: 100%
    }

    .avpw .avpw_button {
        color: #241c15 !important;
        background: #efeeea !important;
        border: none !important;
        font-size: 1.4rem !important;
        font-weight: 500;
        border-radius: 4px
    }

        .avpw .avpw_button:hover {
            background-color: #e4e2dc !important
        }

    .avpw .avpw_primary_button {
        background: #716b67 !important;
        color: #ffffff !important
    }

        .avpw .avpw_primary_button:hover {
            background-color: #5e5a56 !important
        }

    .avpw .avpw_number_input, .avpw .avpw_text_input {
        color: #241c15;
        border: 1px solid #241c15
    }

    .avpw .avpw_number_input {
        margin-bottom: 6px
    }

    .avpw .avpw_controlpanel_adjustments .avpw_inset_button_down .avpw_label {
        color: #241c15;
        font-weight: 500
    }

    .avpw .avpw_preset_crop_icon {
        border-right-color: transparent
    }

    .avpw .avpw_app_popup {
        border-radius: 4px
    }

        .avpw .avpw_app_popup .avpw_message_text {
            font-size: 1.6rem
        }

    .avpw .avpw_footer_text {
        max-width: none
    }

        .avpw .avpw_footer_text a {
            border: none
        }

input.narrowInput {
    width: 2em;
    margin-top: 1px
}

#transactional {
    padding-top: 80px;
    margin-top: -80px
}

@media only screen and (max-width:40em) {
    .full-width-phone + .full-width-phone {
        margin-top: 6px
    }
}

.mctx-modal {
    min-width: 670px
}

@media only screen and (max-width:40em) {
    .mctx-modal {
        min-width: 90%
    }
}

.target-plan td {
    background: #efeeea
}

.c-adyenInput {
    display: block;
    height: 1.5em;
    border: 1px solid rgba(36,28,21,0.3)
}

.select-platform-grid {
    max-width: 800px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.select-platform-section {
    margin: -15px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.select-platform-grid-item {
    width: 170px;
    height: 170px;
    margin: 15px;
    border: 1px solid rgba(36,28,21,0.3);
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-transition: border-color 0.23s ease-in-out 0s;
    transition: border-color 0.23s ease-in-out 0s
}

    .select-platform-grid-item:hover {
        border-color: #007c89
    }

    .select-platform-grid-item img {
        width: 80px;
        height: 60px
    }

@media screen and (max-width:40em) {
    .select-platform-section {
        margin: -8px
    }

    .select-platform-grid-item {
        width: 150px;
        height: 150px;
        margin: 8px
    }

        .select-platform-grid-item img {
            width: 65px;
            height: 50px
        }
}

.instructions-page-title-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

    .instructions-page-title-section .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-right: 24px;
        margin-bottom: 24px;
        height: 120px;
        width: 120px;
        border-radius: 8px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

        .instructions-page-title-section .logo img {
            width: 80px;
            height: 60px
        }

    .instructions-page-title-section .text-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .instructions-page-title-section .text-section .title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

    .instructions-page-title-section .button {
        max-width: 240px
    }

@media screen and (max-width:40em) {
    .instructions-page-title-section {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.instructions-list li > p {
    margin-bottom: 0
}

.instructions-install-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-right: 18px
}

    .instructions-install-images .large-install-image {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 100%;
        box-sizing: border-box;
        margin-right: 18px;
        padding: 18px;
        border-radius: 3px;
        border: 2px solid #dedddc
    }

    .instructions-install-images .install-image-thumbnail-container {
        width: 80px;
        height: 80px;
        box-sizing: border-box;
        padding: 4px;
        border-radius: 3px;
        border: 2px solid #dedddc;
        margin-bottom: 18px;
        cursor: pointer
    }

        .instructions-install-images .install-image-thumbnail-container:last-child {
            margin-bottom: 0
        }

        .instructions-install-images .install-image-thumbnail-container.active {
            border-color: #52bad5
        }

    .instructions-install-images .install-thumbnail-image {
        background-size: cover;
        background-position: center;
        height: 100%;
        width: 100%;
        border-radius: 2px
    }

@media screen and (max-width:40em) {
    .instructions-install-images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-right: 0
    }

        .instructions-install-images .install-thumbnail-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .instructions-install-images .install-image-thumbnail-container {
            width: 70px;
            height: 70px;
            margin-right: 18px
        }

            .instructions-install-images .install-image-thumbnail-container:last-child {
                margin-right: 0;
                margin-bottom: 18px
            }
}

.instructions-manual-code-snippet {
    cursor: pointer;
    border: solid 2px rgba(36,28,21,0.3);
    border-radius: 4px;
    background-color: #f8f8f8;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 12px
}

    .instructions-manual-code-snippet:hover {
        border-color: rgba(36,28,21,0.3)
    }

    .instructions-manual-code-snippet:active {
        border-color: #007c89
    }

    .instructions-manual-code-snippet pre {
        padding: 12px 18px
    }

    .instructions-manual-code-snippet .instructions-manual-code-copy {
        display: inline-block;
        border-top: 1px solid rgba(36,28,21,0.3);
        border-right: 1px solid rgba(36,28,21,0.3);
        border-top-right-radius: 4px;
        padding: 6px 18px
    }

.website-placeholder {
    background: no-repeat center top;
    overflow-y: auto
}

    .website-placeholder .banner-frame {
        display: none;
        z-index: 2
    }

        .website-placeholder .banner-frame iframe {
            margin: 0 auto;
            width: 100%
        }

    .website-placeholder .preview-wrapper {
        left: 0;
        top: 90px;
        z-index: 2
    }

    .website-placeholder .preview-wrapper--slide {
        position: absolute;
        right: 20px;
        bottom: 20px;
        left: auto;
        top: auto
    }

    .website-placeholder .preview-wrapper--fixed {
        border-top: 1px solid #e0e0e0;
        width: 100% !important;
        max-width: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto
    }

    .website-placeholder .preview-wrapper .c-addPhoto {
        cursor: pointer;
        left: 0;
        right: 0;
        top: 85px;
        width: 120px;
        padding: 10px
    }

    .website-placeholder .preview-wrapper .c-addPhoto--text {
        line-height: 18px
    }

    .website-placeholder .preview-wrapper .c-addPhoto--btn {
        display: none
    }

        .website-placeholder .preview-wrapper .c-addPhoto--btn:hover {
            background-color: #e0e0e0
        }

    .website-placeholder .preview-wrapper .c-addPhoto:hover .c-addPhoto--text {
        display: none
    }

    .website-placeholder .preview-wrapper .c-addPhoto:hover .c-addPhoto--btn {
        display: block
    }

    .website-placeholder .preview-wrapper .c-addPhoto.v-addPhoto--1 {
        display: none
    }

    .website-placeholder .preview-wrapper .c-addPhoto.v-addPhoto--3 {
        left: auto;
        right: 75px;
        top: 100px
    }

    .website-placeholder .preview-wrapper .c-addPhoto.v-addPhoto--4 {
        left: 75px;
        right: auto;
        top: 100px
    }

    .website-placeholder .preview-wrapper .close-modal {
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
        width: 30px;
        height: 30px;
        cursor: not-allowed;
        right: -10px;
        top: -10px;
        z-index: 2
    }

        .website-placeholder .preview-wrapper .close-modal::before, .website-placeholder .preview-wrapper .close-modal::after {
            background-color: #241c15;
            content: '';
            position: absolute;
            left: 14px;
            height: 14px;
            top: 8px;
            width: 2px
        }

        .website-placeholder .preview-wrapper .close-modal::before {
            transform: rotate(45deg)
        }

        .website-placeholder .preview-wrapper .close-modal::after {
            transform: rotate(-45deg)
        }

    .website-placeholder .preview-wrapper--fixed .c-addPhoto {
        display: none
    }

    .website-placeholder .preview-wrapper--fixed .close-modal {
        box-shadow: none;
        right: 10px;
        top: 10px;
        background-color: transparent
    }

    .website-placeholder .signup-frame {
        z-index: 2
    }

        .website-placeholder .signup-frame iframe {
            width: 100%;
            margin-bottom: 90px;
            background: #ffffff;
            border-radius: 6px
        }

        .website-placeholder .signup-frame .preview-wrapper--slide iframe {
            margin-bottom: 0;
            max-height: 480px;
            overflow-y: scroll
        }

        .website-placeholder .signup-frame .preview-wrapper--fixed iframe {
            border-radius: 0;
            margin-bottom: 0;
            display: block
        }

    .website-placeholder .signup-frame-bg {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        height: 100%;
        width: 100%;
        background-color: #000000;
        opacity: .1
    }

.bananaphone .website-placeholder {
    border: 1px solid #007c89
}

    .bananaphone .website-placeholder .banner-frame, .bananaphone .website-placeholder .signup-frame-bg {
        display: none
    }

    .bananaphone .website-placeholder .preview-wrapper {
        top: 0;
        width: 100% !important;
        height: 100%
    }

        .bananaphone .website-placeholder .preview-wrapper .c-addPhoto {
            left: 0;
            right: 0;
            top: 85px
        }

    .bananaphone .website-placeholder .signup-frame iframe {
        min-height: 100%;
        margin-bottom: 0;
        border-radius: 0
    }

    .bananaphone .website-placeholder .signup-frame .close-modal {
        background-color: rgba(255,255,255,0.8);
        box-shadow: none;
        right: 10px;
        top: 10px
    }

.banner-callout {
    display: none;
    max-width: 520px
}

.mobile-banner .website-placeholder .banner-frame {
    display: block;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2)
}

.mobile-banner .website-placeholder .signup-frame {
    display: none
}

.mobile-banner + .banner-callout {
    display: block
}

.mobile-banner .signup-frame-bg {
    display: none
}

.c-popupLayouts_icon {
    width: 64px;
    height: 64px;
    background-image: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6/images/signup-forms/popup/popup-layouts-kale.svg);
    background-repeat: no-repeat;
    filter: url(/release/1.1.105b3c3697e45ef7cbb5a593992d3548a320937c6data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    -webkit-filter: grayscale(100%);
    opacity: .3;
    -ms-transition: opacity .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s
}

.c-popupLayouts_icon--left {
    background-position: -80px 0
}

.c-popupLayouts_icon--right {
    background-position: -161px 0
}

.c-popupLayouts_icon--none {
    background-position: -242px 0
}

.c-popupLayouts input[type="radio"]:checked + div {
    filter: none;
    -webkit-filter: none;
    opacity: 1
}

    .c-popupLayouts input[type="radio"]:checked + div + .c-popupLayouts_description {
        color: #007c89
    }

.c-popupFormats_btn {
    width: 64px;
    height: 64px;
    border: 2px solid #d0d0d0;
    transition: border-color .2s,ease-in-out,0s;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-popupFormats_icon {
    background-color: #d0d0d0;
    border-radius: 2px;
    transition: background-color .2s,ease-in-out,0s
}

.c-popupFormats_icon--modal {
    width: 36px;
    height: 36px
}

.c-popupFormats_icon--slide {
    width: 24px;
    height: 32px;
    position: relative;
    left: 13px;
    top: 10px
}

.c-popupFormats_icon--fixed {
    width: 52px;
    height: 20px;
    border-radius: 0 0 2px 2px;
    align-self: flex-end;
    margin-bottom: 4px
}

.c-popupFormats input[type="radio"]:checked + .c-popupFormats_btn {
    border-color: #007c89
}

    .c-popupFormats input[type="radio"]:checked + .c-popupFormats_btn .c-popupFormats_icon {
        background-color: #007c89
    }

    .c-popupFormats input[type="radio"]:checked + .c-popupFormats_btn + .c-popupFormats_description {
        color: #007c89
    }

.popup--slide .fieldset-popup-style, .popup--slide .gdpr-image-align {
    display: none
}

.popup--modal .fieldset-popup-style, .popup--modal .gdpr-image-align {
    display: block
}

.popup--fixed .fieldset-popup-style, .popup--fixed .fieldset-image-align, .popup--fixed .btn-fields, .popup--fixed .section-image, .popup--fixed .popup-footer, .popup--fixed .gdpr-image-align {
    display: none !important
}

.popup--slide .fieldset-image-align, .popup-modal .fieldset-image-align, .popup--slide .section-image, .popup-modal .section-image, .popup--slide .popup-footer, .popup-modal .popup-footer {
    display: block
}

.popup--slide .btn-fields, .popup-modal .btn-fields {
    display: flex
}

.c-paymentForm_container {
    max-width: 1024px
}

.c-paymentForm_currencyDropdown {
    max-height: 200px !important
}

.c-onboardingDashboard_padding {
    padding: 48px 180px
}

@media only screen and (max-width:85.375em) {
    .c-onboardingDashboard_padding {
        padding: 48px 120px
    }
}

@media only screen and (max-width:64em) {
    .c-onboardingDashboard_padding {
        padding: 48px 48px
    }
}

@media only screen and (max-width:40em) {
    .c-onboardingDashboard_padding {
        padding: 12px
    }
}

.c-onboardingHeader_progress {
    background: #efeeea;
    height: 24px
}

.c-onboardingHeader_progress--fill {
    background: #00c14e;
    display: block;
    height: 100%
}

.c-onboardingChecklist_item {
    display: flex;
    margin-bottom: 30px
}

.c-onboardingChecklist_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 9px 0
}

.c-onboardingChecklist_header--complete {
    color: #bdbbb9
}

@media only screen and (max-width:40em) {
    .c-onboardingChecklist_header {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }
}

.c-onboardingChecklist_icon {
    border-radius: 50%;
    position: relative;
    margin-right: 18px;
    width: 54px;
    height: 54px
}

.c-onboardingChecklist_icon--incomplete {
    background-color: #efeeea
}

.c-onboardingChecklist_icon--done {
    background-color: #ffffff;
    border: solid 1px rgba(36,28,21,0.3)
}

.c-onboardingChecklist_icon--tick {
    color: #00c14e;
    font-size: 30px !important;
    position: absolute;
    top: 14px;
    left: 12px
}

.c-onboardingChecklist_choiceBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #241c15;
    margin-right: 18px;
    padding: 0 24px;
    height: 120px
}

@media only screen and (max-width:64em) {
    .c-onboardingChecklist_choiceBtn {
        margin-right: 0
    }
}

.c-onboardingChecklist_imageBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    color: #241c15;
    text-align: center;
    margin-right: 18px;
    height: 270px
}

    .c-onboardingChecklist_imageBtn:hover .c-onboardingChecklist_imageBtn--label {
        -ms-transition: border .2s ease-in-out 0s;
        transition: border .2s ease-in-out 0s;
        border-color: #007c89
    }

@media only screen and (max-width:40em) {
    .c-onboardingChecklist_imageBtn {
        width: 100%
    }
}

.c-onboardingChecklist_imageBtn--blank {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.c-onboardingChecklist_imageBtn--label {
    background: #ffffff;
    border: 1px solid rgba(36,28,21,0.3);
    border-width: 1px 0 0 0;
    padding: 18px 0;
    width: 100%
}

.c-onboardingChecklist_imageBtn--logo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 132px !important;
    background-position: center 28%
}

.c-onboardingChecklist_imageBtn--template {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}

.e-dashboardBlankSlateV3 {
    margin: 0 96px
}

@media only screen and (max-width:64em) {
    .e-dashboardBlankSlateV3 {
        margin: 0
    }
}

.e-dashboardBlankSlateV3 .dashPadding {
    margin: 0 24px;
    padding: 48px 24px;
    overflow: visible
}

@media only screen and (max-width:64em) {
    .e-dashboardBlankSlateV3 .dashPadding {
        margin: 0
    }
}

.e-dashboardBlankSlateV3 .welcome {
    color: #bdbbb9
}

.e-dashboardBlankSlateV3 .todoListItem {
    margin-bottom: 30px
}

.e-dashboardBlankSlateV3 .todoListItem_title {
    color: #241c15;
    line-height: 1.25;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    outline: 0;
    font-size: 2.8rem;
    letter-spacing: -0.02rem;
    margin-bottom: 24px;
    margin-bottom: 0
}

    .e-dashboardBlankSlateV3 .todoListItem_title + label {
        margin-top: 18px
    }

.e-dashboardBlankSlateV3 .todoListItem_title--complete {
    color: #bdbbb9
}

.e-dashboardBlankSlateV3 .todoListItem_content {
    margin: 0 78px
}

@media only screen and (max-width:64em) {
    .e-dashboardBlankSlateV3 .todoListItem_content {
        margin-right: 0
    }
}

.e-dashboardBlankSlateV3 .todoListItem .todoListItem_title_media_body {
    flex: 1;
    align-items: flex-end;
    margin-right: 78px;
    flex-wrap: wrap
}

@media only screen and (max-width:64em) {
    .e-dashboardBlankSlateV3 .todoListItem .todoListItem_title_media_body {
        margin-right: 0
    }
}

.e-dashboardBlankSlateV3 .todoListItem .todoListItem_title_media_body .todoListItem_title {
    flex: 1
}

.e-dashboardBlankSlateV3 .todoListItem .opt_out_store input {
    border: none;
    color: #007c89;
    cursor: pointer
}

.e-dashboardBlankSlateV3 .todoIcon {
    width: 54px;
    height: 54px;
    margin-right: 6px
}

.e-dashboardBlankSlateV3 .todoIcon_done {
    border-radius: 50%;
    background-color: #ffffff;
    border: solid 1px rgba(36,28,21,0.3)
}

.e-dashboardBlankSlateV3 .todoIcon_tick {
    color: #00c14e;
    font-size: 30px !important;
    position: absolute;
    top: 14px;
    left: 12px
}

.e-dashboardBlankSlateV3 .todoIcon_incomplete {
    border-radius: 50%;
    background-color: #efeeea
}

.e-dashboardBlankSlateV3 .templateItem {
    align-items: flex-end;
    border: 1px solid rgba(36,28,21,0.3);
    color: #241c15;
    height: 270px;
    width: 31.5%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 2px;
    transition: all .12s cubic-bezier(.44, .11, .16, .97)
}

    .e-dashboardBlankSlateV3 .templateItem:hover {
        border-color: #007c89
    }

    .e-dashboardBlankSlateV3 .templateItem strong {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        text-align: center;
        padding: 15px 0;
        background: #ffffff;
        border-color: inherit;
        border-width: 1px 0 0 0;
        border-style: solid
    }

.e-dashboardBlankSlateV3 .templateItem_blank {
    background-image: none
}

    .e-dashboardBlankSlateV3 .templateItem_blank strong {
        border: none;
        height: 100%
    }

@media only screen and (max-width:64em) {
    .e-dashboardBlankSlateV3 .templateItem {
        width: 48.5%;
        margin-bottom: 18px
    }
}

@media only screen and (max-width:40em) {
    .e-dashboardBlankSlateV3 .templateItem {
        width: 100%
    }
}

.e-dashboardBlankSlateV3 .templateItem.contain {
    background-size: 189px 189px !important;
    background-position: center 9px
}

.e-dashboardBlankSlateV3 .templateItem.templateItem_blank span.text {
    width: 140px
}

.e-dashboardBlankSlateV3 .bigButton {
    line-height: 1.25;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    outline: 0;
    font-size: 1.6rem;
    margin-bottom: 18px;
    color: #241c15;
    border: 1px solid rgba(36,28,21,0.3);
    border-radius: 2px;
    transition: all .1s cubic-bezier(.445, .05, .55, .95);
    height: 120px;
    padding: 0 42px;
    width: 49%
}

.e-dashboardBlankSlateV3 .bigButton_icon {
    padding-right: 30px
}

.e-dashboardBlankSlateV3 .bigButton:hover {
    border-color: #007c89
}

@media only screen and (max-width:40em) {
    .e-dashboardBlankSlateV3 .bigButton {
        width: 100%
    }
}

.e-dashboardBlankSlateV3 .progressBar {
    background: linear-gradient(to right, #00c14e, #00c14e)
}

.e-listUploadActivation {
    margin-left: 72px
}

@media only screen and (max-width:64em) {
    .e-listUploadActivation {
        margin: 0
    }
}

.e-listUploadActivation .bigButton {
    line-height: 1.25;
    font-family: "Graphik Web","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    outline: 0;
    font-size: 1.6rem;
    margin-bottom: 18px;
    color: #241c15;
    border: 1px solid rgba(36,28,21,0.3);
    border-radius: 2px;
    transition: all .1s cubic-bezier(.445, .05, .55, .95);
    height: 120px;
    padding: 0 42px;
    width: 31.5%
}

.e-listUploadActivation .bigButton_icon {
    padding-right: 30px
}

.e-listUploadActivation .bigButton:hover {
    border-color: #007c89
}

@media only screen and (max-width:64em) {
    .e-listUploadActivation .bigButton {
        width: 48.5%
    }
}

@media only screen and (max-width:40em) {
    .e-listUploadActivation .bigButton {
        width: 100%
    }
}

.e-listUploadActivation .progressBar {
    background: linear-gradient(to right, #9fedda, #9fedda)
}

.e-listUploadActivation .progressBar_rounded {
    border-radius: 15px
}

.instagram-page-picker .instagram-page-picker_title {
    max-width: 635px;
    margin-bottom: 12px
}

.instagram-page-picker .instagram-info-container {
    margin: 20px auto
}

    .instagram-page-picker .instagram-info-container p:not(:last-child) {
        margin-bottom: 20px
    }

.instagram-page-picker .instagram-page-picker_message {
    margin: 20px auto
}

.instagram-page-picker .instagram-anchor {
    max-width: 635px;
    margin: auto
}

.instagram-page-picker .instagram-page-picker {
    align-items: center;
    margin: auto;
    border-radius: 2px;
    min-width: 50px;
    max-width: 635px;
    min-height: 36px;
    background-color: #ffffff;
    border: 1px solid rgba(36,28,21,0.3);
    -ms-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    position: relative;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 24px;
    padding: 12px 18px;
    margin-bottom: 24px
}

.instagram-page-picker .instagram-page-picker_empty {
    margin-bottom: 12px
}

.instagram-page-picker .facebook-page-select {
    width: 450px;
    max-width: 100%;
    padding: 10px 0 !important
}

    .instagram-page-picker .facebook-page-select .dijitButtonText {
        font-size: 1.6rem
    }

    .instagram-page-picker .facebook-page-select .dijitButtonContents::after {
        top: 10px
    }

@media print {
    @page {
        margin: 1.5cm .5cm
    }

    .header {
        margin: 0 0 6pt
    }

    .sub-section {
        margin-bottom: 18pt
    }

    table {
        page-break-inside: avoid
    }

    .mc-table--wrapper {
        min-width: inherit
    }

    [class*="dim"] {
        opacity: 1
    }

    * {
        -webkit-transition-property: none !important;
        -ms-transition-property: none !important;
        transition-property: none !important
    }

    html, body {
        background: #ffffff;
        padding: 0 !important;
        display: block !important;
        height: inherit !important;
        min-height: inherit
    }

    .main-content {
        padding: 0;
        height: inherit
    }

    .main-navigation, .c-baseOverlay, .sliding-card--mask, .header + .local-nav-container, .feedback-block {
        display: none
    }

    .line {
        overflow: visible
    }

    .mc-table td {
        white-space: normal
    }

    .mc-table th {
        white-space: normal;
        background-color: #ffffff
    }

    .show-print {
        display: block
    }

    .inline-print {
        display: inline !important
    }

    .hide-print {
        display: none
    }

    .nopadding-print {
        padding: 0
    }

    .hide-after-print::after {
        display: none
    }

    .button, .button-small {
        display: none !important
    }

        .button.show-print, .button-small.show-print {
            display: inline-block !important
        }

    .billing-receipt div, .billing-receipt p {
        font-size: 12px
    }

    .billing-receipt h3 {
        margin-bottom: 6px;
        font-size: 18px
    }

    .slats .dijitCheckBox, .action-bar {
        display: none
    }

    .cp-meta.size3of4 {
        width: 100%
    }

    .cp-meta h4, .cp-meta p {
        padding-left: 54px
    }

    #print-report * {
        opacity: 1
    }

    #print-report div#print-bar {
        display: none
    }

    #print-report div.page-content {
        width: 100%;
        min-height: 7in;
        page-break-after: always;
        padding: 0;
        margin: 0;
        box-shadow: none
    }

        #print-report div.page-content:last-child {
            page-break-after: avoid
        }

    .v-textColorWhite--print {
        color: #ffffff
    }
}

.resize-logo {
    width: 150px;
    height: auto;
    display: block;
}