html::before {
    content: url(/release/11.7.102/images/buttons/loading-gif-button-white.png) url(/release/11.7.102/images/buttons/loading-gif-button-dark.png);
    display: none
}
head {
    font-family: 'xsphone,phone,xlphone,tablet,xltablet,desktop,xldesktop'
}
form {
  padding: 0 !important;
  margin: !important;
  height:100% !important;
}
.login-container img.elsa { width:191px; height:73px; }
.login-container img.sfe{ width:40%; }

@media only screen and (min-width: 105em) {
    body::after {
        font-family: xltablet
    }
}
@media only screen and (max-width: 85.375em) {
    body::after {
        font-family: xltablet
    }
}
@media only screen and (max-width: 75em) {
    body::after {
        font-family: desktop
    }
}
@media only screen and (max-width: 64em) {
    body::after {
        font-family: tablet
    }
}
@media only screen and (max-width: 60em) {
    body::after {
        font-family: xlphone
    }
}
@media only screen and (max-width: 40em) {
    body::after {
        font-family: phone
    }
}
@media only screen and (max-width: 31.25em) {
    body::after {
        font-family: xsphone
    }
}
*,
*::before,
*::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
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,
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: #fff;
    -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: "" ""
}
.baseline {
    background: url(/release/11.7.102/images/bg-baseline.png) repeat scroll 0 0 transparent
}
.line::before,
.line::after {
    content: " ";
    display: table
}
.line::after {
    clear: both
}
.group,
.lastGroup,
.lastUnit,
.unit {
    overflow: hidden;  
    float: left;
    background:#E5E6E6;

}
.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
    }
}

.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 {
    line-height: 36px
}
.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: .8em
}
.media-list.rows>li {
    border-top: 1px dotted #e0e0e0
}
.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 #e0e0e0
}
.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: #fff;
    background: #b1e0ec;
    font-weight: 600;
    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 #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}
.roadblock.noheader .roadblock-header {
    display: none
}
.compliance-alert.warning {
    background-color: #ffe8aa
}
.compliance-alert.warning a {
    color: #484848;
    border-bottom: 1px solid
}
.compliance-alert.error {
    background-color: #ee836e;
    color: #fff
}
.compliance-alert.error a {
    color: #fff;
    border-bottom: 1px solid
}
.c-flashBlock {
    font-size: 15px
}
.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: 1.0625em
}
.c-flashBlock a {
    color: #484848;
    text-decoration: underline;
    border: 0 none
}
.c-flashBlock a:visited,
.c-flashBlock a:hover {
    color: #484848
}
.c-flashBlock a.button,
.c-flashBlock a.button-small,
.c-flashBlock a.freddicon {
    color: #484848;
    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: #fff
}
.av-flash {
    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: #ccebf3
}
.v-flashBlock--error {
    background-color: #f8d0c8
}
.v-flashBlock--success {
    background-color: #d4ece6
}
.badge {
    background-color: #e0e0e0;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    white-space: nowrap;
    border-radius: 200px;
    color: #484848;
    padding: 0 9px;
    line-height: normal;
    margin: 0 6px;
    display: inline-block
}
.badge.info {
    background-color: #ccebf3
}
.badge.success {
    background-color: #d4ece6
}
.badge.warning {
    background-color: #ffeebf
}
.badge.error {
    background-color: #f8d0c8
}
.badge.dark {
    background-color: #4d4d4d
}
.badge.dot {
    font-size: 6px;
    margin-right: 18px
}
.badge-pro {
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: #626262;
    border: 1px solid #626262;
    border-radius: 200px;
    padding: 3px 12px
}
.coach-arrow-horizontal {
    background: url(/release/11.7.102/images/coachmark-horizontal-2x.png) no-repeat scroll 0 0 transparent;
    background-size: 74px;
    height: 44px;
    width: 85px;
    z-index: 2
}
.coach-arrow-vertical {
    background: url(/release/11.7.102/images/coachmark-vertical-2x.png) no-repeat scroll 0 0 transparent;
    background-size: 43px;
    height: 85px;
    width: 44px;
    z-index: 2
}
.dj_ie .coach-arrow-horizontal {
    background: url(/release/11.7.102/images/coachmark-horizontal-1x.png) no-repeat scroll 0 0 transparent
}
.dj_ie .coach-arrow-vertical {
    background: url(/release/11.7.102/images/coachmark-vertical-1x.png) no-repeat scroll 0 0 transparent
}
.create-campaign-help {
    position: absolute;
    right: 14px;
    top: 90px
}
@media screen and (max-width: 40em) {
    .create-campaign-help {
        z-index: 5;
        top: 160px
    }
}
.create-autoresponder {
    position: absolute;
    right: 100px;
    top: 90px
}
@media screen and (max-width: 40em) {
    .create-autoresponder {
        z-index: 5;
        top: 160px;
        right: 45%
    }
}
.create-list {
    position: absolute;
    top: -60px;
    right: 42px
}
@media screen and (max-width: 40em) {
    .create-list {
        top: -15px;
        right: 45%
    }
}
.create-template {
    position: absolute;
    z-index: 2;
    right: 60px;
    top: 90px
}
@media screen and (max-width: 40em) {
    .create-template {
        display: none
    }
}
.campaign-help {
    position: absolute;
    right: 370px;
    top: 6px
}
@media screen and (max-width: 40em) {
    .campaign-help {
        right: 60%;
        top: 143px
    }
}
.list-help {
    position: fixed;
    top: 400px;
    left: 172px
}
.list-help.narrow {
    top: 280px;
    left: 62px
}
@media screen and (max-width: 64em) {
    .list-help {
        top: 245px;
        z-index: 5
    }
    .list-help.narrow {
        top: 245px;
        left: 172px
    }
}
.create-segment {
    position: absolute;
    right: 80px;
    top: 100px
}
@media screen and (max-width: 31.25em) {
    .create-segment {
        right: auto;
        left: 30px
    }
}
.feedback-block {
    font-size: 15px;
    padding: .8em 0 .8em 0;
    background-color: #ccebf3;
    border-radius: 4px;
    color: #484848;
    overflow: hidden
}
.feedback-block a {
    color: #484848;
    text-decoration: underline;
    border: 0 none
}
.feedback-block a:visited,
.feedback-block a:hover {
    color: #484848
}
.feedback-block a.button,
.feedback-block a.button-small,
.feedback-block a.freddicon {
    color: #484848;
    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: #fff
}
.feedback-block h1,
.feedback-block h2,
.feedback-block h3,
.feedback-block h4 {
    font-size: .86666667em;
    line-height: 1.38461538em;
    margin-bottom: 0
}
.feedback-block p {
    font-size: .86666667em;
    line-height: 1.38461538em
}
.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: #fff;
    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: #fff;
    margin-right: 18px
}
.panel-block {
    background-color: #e0e0e0;
    padding: .75em .75em .75em .75em;
    border-radius: 6px
}
.panel-block>*:last-child {
    margin-bottom: 0
}
.panel-block.error {
    background-color: #f8d0c8
}
.panel-block.warning {
    background-color: #ffeebf
}
div.success {
    background-color: #d4ece6
}
div.error {
    background-color: #f8d0c8
}
div.warning {
    background-color: #ffeebf
}
div.info {
    background-color: #ccebf3
}
div.base {
    background-color: #f2f2f2
}
.no-data {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 24px 0 21px;
    margin: 0 auto;
    text-align: center;
    background: #fff
}
.no-data>.icon {
    display: block;
    height: 120px;
    width: 120px;
    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 {
    font-size: 1.5625em;
    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: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #f8f8f8;
    border-radius: 6px;
    padding: 54px
}
.c-noDataActionState_image {
    margin-right: 15px
}
.c-noDataActionState_action {
    min-height: 150px;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}
@media only screen and (max-width: 64em) {
    .c-noDataActionState {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 450px
    }
    .c-noDataActionState_image {
        min-height: 150px;
        margin-bottom: 24px
    }
}
.education-block {
    border: 1px solid #e0e0e0;
    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.0625em;
    font-weight: normal;
    padding-bottom: 18px
}
.education-block h1,
.education-block h2 {
    border-bottom: 1px solid #e0e0e0
}
.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-slatMeta_summary {
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-flex: 0.35 0 auto;
    -ms-flex: 0.35 0 auto;
    flex: 0.35 0 auto
}
.c-slatInfoImage {
    display: none;
    -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 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        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: #000;
    opacity: .75;
    border-radius: 6px
}
.c-emailImageWrapper_overlay_content {
    position: inherit;
    color: #fff
}
.c-emailImageWrapper .c-emailImage {
    background-color: #fff;
    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: #fff;
    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: #fff;
    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;
    min-width: 550px
}
@media only screen and (min-width: 64em) {
    .c-slatInfoBody {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}
.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
}


.padding--lv0 {
    padding: 0
}
.padding--lv1 {
    padding: 6px
}
.padding--lv2 {
    padding: 12px
}
.padding--lv3 {
    padding: 18px
}
.padding--lv4 {
    padding: 24px
}
.padding--lv5 {
    padding: 30px
}
.padding--lv6 {
    padding: 36px
}
.padding--lv7 {
    padding: 42px
}
.padding--lv8 {
    padding: 48px
}
.padding-top--lv0 {
    padding-top: 0
}
.padding-right--lv0 {
    padding-right: 0
}
.padding-bottom--lv0 {
    padding-bottom: 0
}
.padding-left--lv0 {
    padding-left: 0
}
.padding-top-bottom--lv0 {
    padding-top: 0;
    padding-bottom: 0
}
.padding-left-right--lv0 {
    padding-left: 0;
    padding-right: 0
}
.\!padding--lv0 {
    padding: 0 !important
}
.\!padding-top--lv0 {
    padding-top: 0 !important
}
.\!padding-right--lv0 {
    padding-right: 0 !important
}
.\!padding-bottom--lv0 {
    padding-bottom: 0 !important
}
.\!padding-left--lv0 {
    padding-left: 0 !important
}
.\!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
    }
}
.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-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
}
.section {
    margin-bottom: 1.5em
}
.\!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
    }
}
.resize--none {
    resize: none
}
.centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}
.relative {
    position: relative
}
.position--relative {
    position: relative
}
.absolute {
    position: absolute
}
.position--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
}
.valign-top {
    vertical-align: top
}
.valign-middle {
    vertical-align: middle
}
.valign-baseline {
    vertical-align: baseline
}
.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 (max-width: 40em) {
    .display--none\@phone {
        display: none
    }
}
.hide {
    display: none !important
}
.js-hide {
    display: none
}
.block {
    display: block !important
}
.block-i {
    display: block !important
}
.table {
    display: table
}
.table-cell {
    display: table-cell
}
.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
}
.overflow--hidden {
    overflow: hidden
}
.overflow--visible {
    overflow: visible
}
.overflow--auto {
    overflow: auto
}
.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
}
.clear {
    clear: both
}
.clear-left {
    clear: left
}
.clear-right {
    clear: right
}
.selfclear::before,
.selfclear::after {
    content: " ";
    display: table
}
.selfclear::after {
    clear: both
}
.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
}
.preserve-3d-transform {
    transform-style: preserve-3d
}
.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-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-auto {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.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%
}
.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
}
.justify-content--center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.full-height {
    height: 100%
}
.full-height-vh {
    height: 100vh
}
.height-inherit {
    height: inherit
}
.auto-width {
    width: auto !important
}
.\!width--auto {
    width: auto !important
}
.full-width {
    width: 100% !important;
    max-width: 100% !important
}
.min-width-none {
    min-width: 0
}
.max-height-inherit {
    max-height: inherit !important
}
.readable-max-width {
    max-width: 635px
}
.readable-double-width {
    max-width: 1270px
}
.contain {
    background-size: contain !important
}
.cursor-pointer {
    cursor: pointer
}
.cursor--pointer {
    cursor: pointer
}
.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
}
.show-phone,
.show-mobile {
    display: none !important
}
@media only screen and (max-width: 40em) {
    .left-on-small {
        text-align: left
    }
    .center-on-small {
        text-align: center
    }
    .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) {
    .left-on-medium {
        text-align: left
    }
    .center-on-medium {
        text-align: center
    }
    .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
    }
}
.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
}
.no-unit-padding .unit,
.no-unit-padding .lastUnit {
    padding-left: 0;
    padding-right: 0
}


.login-billboard {
    min-height: 600px
}
.login-billboard-image {
    height: 100%;
    background-image: url(../img/leaves_large.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.login-announcement-mobile {
    display: none;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    margin: 80px -60px 0 -60px
}
.login-announcement-mobile:hover {
    background-color: #fff
}
.login-announcement-mobile .media-image {
    margin: 0 48px 0 0
}
.login-announcement-mobile .media-image .round {
    border-radius: 50%;
    overflow: hidden
}
.login-announcement-mobile .media {
    margin: 48px
}
.login-announcement-mobile .media h1 {
    line-height: 1.2em
}
@media only screen and (max-width: 40em) {
    .login-announcement-mobile .media {
        margin: 24px 40px;
        padding: 0 6px
    }
}
@media only screen and (max-width: 64em) {
    .login-announcement-mobile {
        display: block
    }
}
@media only screen and (max-width: 40em) {
    .login-announcement-mobile {
        text-align: center
    }
    .login-announcement-mobile .media-image {
        margin: 0 0 12px 0 !important
    }
}