/* red */
/* neon red */
/* purple */
/* deep-purple */
/* blue */
/* light-blue */
/* dark-green */
/* green */
/* light-green */
@value colorLightGreenShadow:rgb(colorLightGreenShadowRgb);
/* yellow UPDATE GRADIENT*/
/* orange */
/* brown */
/* gray */
/* turquoise */
/* blue-gray */
/* grays */
/* background colors */
/* Used to automatically color items in a list */
/* Text Colors */
.colors__darkestText___21n97 {
    color: #444444;
}

.colors__darkText___xxYp7 {
    color: #5e5e5e;
}

.colors__emphText___3doBs {
    color: rgb(0, 127, 175);
}

.colors__emphTextDark___2bD6l {
    color: rgb(5, 93, 127);
}

.colors__offwhiteBackground___12gV2 {
    background-color: #f7f7f7;
}

.layout__paddingStandard___12N4v {
    padding: 40px;
}

.layout__textCenter___hIVdq {
    text-align: center;
}

.layout__spacer___3CKcA {
    margin: 0 0.5em;
    color: #5c5c5c;
}

.layout__flex___3wG9U {
    display: flex;
}

.layout__column___-HRH2 {
    flex-direction: column;
}

.layout__row___30Mbh {
    flex-direction: row;
}

.layout__justifyCenter___1USd5 {
    justify-content: center;
}

.layout__justifyStart___3P7jv {
    justify-content: flex-start;
}

.layout__justifyEnd___83N6L {
    justify-content: flex-end;
}

.layout__justifyBetween___37D7e {
    justify-content: space-between;
}

.layout__alignCenter___WNNfz {
    align-items: center;
}

.layout__alignEnd___2ja38 {
    align-items: flex-end;
}

.layout__center___sxcXy {
    align-content: center;
    justify-content: center;
}


/* red */
/* neon red */
/* purple */
/* deep-purple */
/* blue */
/* light-blue */
/* dark-green */
/* green */
/* light-green */
@value colorLightGreenShadow:rgb(colorLightGreenShadowRgb);
/* yellow UPDATE GRADIENT*/
/* orange */
/* brown */
/* gray */
/* turquoise */
/* blue-gray */
/* grays */
/* background colors */
/* Used to automatically color items in a list */
/* Text Colors */
.common__darkestText___gGFbq {
    color: #444444;
}

.common__darkText___2B0WM {
    color: #5e5e5e;
}

.common__emphText___O0_W- {
    color: rgb(0, 127, 175);
}

.common__emphTextDark___M0ccx {
    color: rgb(5, 93, 127);
}

.common__offwhiteBackground___10fjo {
    background-color: #f7f7f7;
}

.common__paddingStandard___2N0Fu {
    padding: 40px;
}

.common__textCenter___3cyG0 {
    text-align: center;
}

.common__spacer___7nWY_ {
    margin: 0 0.5em;
    color: #5c5c5c;
}

.common__flex___3EIau {
    display: flex;
}

.common__column___18aNO {
    flex-direction: column;
}

.common__row___dnPOK {
    flex-direction: row;
}

.common__justifyCenter___xfM99 {
    justify-content: center;
}

.common__justifyStart___2cP7k {
    justify-content: flex-start;
}

.common__justifyEnd___35qVo {
    justify-content: flex-end;
}

.common__justifyBetween___3ULyg {
    justify-content: space-between;
}

.common__alignCenter___3GL4A {
    align-items: center;
}

.common__alignEnd___2TPWm {
    align-items: flex-end;
}

.common__center___2FSTg {
    align-content: center;
    justify-content: center;
}
/* prettier-ignore */
/* values */
/* families */
.common__sansSerif___1_tYR {
    font-family: 'proxima-nova', 'Helvetica Neue', sans-serif;
}

.common__serif___3j4yj {
    font-family: 'elena-web-basic', serif;
}

.common__specialSans___1-x2h {
    font-family: 'lato', 'proxima-nova', 'Helvetica Neue', sans-serif;
}

.common__emojiFontFamily___3LvNy {
    font-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol;
}
/* weights */
.common__heavy___36p4T {
    font-weight: 900;
}

.common__bold___3EJQv {
    font-weight: 700;
}

.common__semibold___2GyAd {
    font-weight: 600;
}

.common__regular___1p2pk {
    font-weight: normal;
}

.common__light___3eQA_ {
    font-weight: 300;
}
/* fonts */
.common__default___DhAU7 {
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
}

.common__title___2iNoL {
    font-size: 26px;
}

.common__subtitle___3tdMU {
    font-size: 20px;
}

.common__smallTitle___2FNVC {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.common__paragraph___1Trrp {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.common__userParagraph___34IaT {
    white-space: pre-wrap;
}

.common__formLabel___252Y_ {
    color: #444444;
    font-size: 13px;
}

.common__formLabelSubtext___2Hr9t {
    font-size: 12px;
}

.common__buttonText___oLaQz {
    font-size: 14px;
}

.common__captionText___3oLAk {
    font-size: 14px;
}

.common__linkText___2jKxZ {
    font-weight: 700;
    color: rgb(0, 127, 175);
}

.common__numberHeavyText___1wAi7 {
}

.common__numberText___108Ti {
    font-size: 41px;
}

.common__barLabelText___3uUqS {
    font-size: 14px;
}

.common__barInsideText___uEvL5 {
    font-size: 12px;
}

.common__zeroDataText___uFT9Q {
    font-size: 24px;
    color: #dddddd;
}
/* special things */
.common__ellipsis___56srh {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* prettier-ignore */
.common__button___2ZSbX {
    height: 40px;
    padding: 0 1em;
    border: 1px solid rgb(0, 127, 175);
    border-radius: 4px;
    text-align: center;
    background: rgb(0, 127, 175);
    font-size: 14px;
    color: #fff;
    outline: none;
    cursor: pointer;
    /* for flexible items (div, a) that use this class */
    justify-content: center;
    align-items: center;
}

    .common__button___2ZSbX:hover {
        background: #4aa2c4;
    }

    .common__button___2ZSbX:active {
        border-color: rgb(5, 93, 127);
    }

    .common__button___2ZSbX[disabled='disabled'],
    .common__button___2ZSbX:disabled,
    .common__button___2ZSbX:disabled:hover,
    .common__button___2ZSbX:disabled:active,
    .common__disabledButton___1QJFP,
    .common__disabledButton___1QJFP:hover,
    .common__disabledButton___1QJFP:active {
        cursor: default;
        border-color: #c4c4c4;
        background: #ddeaef;
        color: #444444;
    }

.common__secondaryButton___2FSza {
    border-color: #dddddd;
    background-color: transparent;
    color: #9b9b9b;
    font-weight: weight-bold;
}

    .common__secondaryButton___2FSza:hover {
        border-color: #2b2b2b;
        background-color: transparent;
        color: #2b2b2b;
    }

    .common__secondaryButton___2FSza:active {
        opacity: 0.8;
    }

    .common__secondaryButton___2FSza[disabled='disabled'],
    .common__secondaryButton___2FSza:disabled,
    .common__secondaryButton___2FSza:disabled:hover,
    .common__secondaryButton___2FSza:disabled:active {
        background-color: transparent;
    }

.common__newButton___bSIfg {
    align-items: center;
    background: rgb(0, 127, 175);
    border-radius: 5px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24), 0px 1px 8px rgba(0, 0, 0, 0.12);
    color: #fff;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    display: inherit;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
}

    .common__newButton___bSIfg:hover {
        box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.24), 0px 3px 24px rgba(0, 0, 0, 0.12);
    }

.common__defaultButton___oMY-0 {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24), 0px 1px 8px rgba(0, 0, 0, 0.12), inset 0px 1px 0px #ffffff;
    background-color: #f7f7f7;
    color: rgb(0, 127, 175);
}

    .common__defaultButton___oMY-0:hover {
        box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.24), 0px 3px 24px rgba(0, 0, 0, 0.12), inset 0px 1px 0px #ffffff;
    }

.common__largePrimaryButton___1v2rA {
}

.common__linkButton___2RoWx {
    display: inherit;
}

.common__largeLinkButton___1OLRQ {
    display: inherit;
}

.common__shortButton___1P51r {
    height: auto;
    line-height: 15px;
    padding: 7px 12px 8px;
}

.common__shortInactiveButton___3VKOt {
    background-color: transparent;
    border: 1px solid #dddddd;
    color: #5e5e5e;
}

    .common__shortInactiveButton___3VKOt:hover {
        border-color: #4aa2c4;
        background-color: transparent;
    }

    .common__shortInactiveButton___3VKOt:active {
        background-color: rgb(0, 127, 175);
        color: #fff;
    }
/* dark text with a light background */
.common__secondaryBadge___2Suyb {
    border: 1px solid #ddeaef;
    border-radius: 4px;
    background-color: #ddeaef;
    color: rgb(0, 127, 175);
    font-size: 14px;
    line-height: 14px;
    padding: 4px 12px 5px;
}

.common__shortSecondaryButton___3lqGm {
    cursor: pointer;
}

    .common__shortSecondaryButton___3lqGm:hover {
        border-color: rgb(0, 127, 175);
    }

    .common__shortSecondaryButton___3lqGm:active {
        background: rgb(0, 127, 175);
        border-color: rgb(0, 127, 175);
        color: #fff;
    }

        .common__shortSecondaryButton___3lqGm:active:focus {
            background: rgb(0, 127, 175);
            border-color: rgb(0, 127, 175);
            color: #fff;
        }

.common__textButton___3VBfu {
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    transition: 0.15s color;
}

    .common__textButton___3VBfu > svg {
        margin-right: 0.5em;
    }

    .common__textButton___3VBfu:enabled:hover {
        color: #000;
    }

    .common__textButton___3VBfu:disabled {
        cursor: default;
        color: #c4c4c4;
    }

.common__emphTextButton___2zr25 {
    color: rgb(0, 127, 175);
}

    .common__emphTextButton___2zr25:hover {
        color: #4aa2c4;
    }

    .common__emphTextButton___2zr25:active {
        color: rgb(5, 93, 127);
    }

.common__textInput___3w9UP {
    height: 40px;
    padding: 0 14px;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
    font-size: 14px;
    font-weight: normal;
    color: #2b2b2b;
    background: #fff;
    transition: border-color 0.2s;
}

    .common__textInput___3w9UP:focus {
        border-color: rgb(0, 127, 175);
    }

    .common__textInput___3w9UP:-ms-input-placeholder {
        color: #777777;
    }

    .common__textInput___3w9UP::-ms-input-placeholder {
        color: #777777;
    }

    .common__textInput___3w9UP::placeholder {
        color: #777777;
    }

    .common__textInput___3w9UP:disabled {
        color: #aaaaaa;
        border-color: #dddddd;
        background: #f7f7f7;
        cursor: not-allowed;
    }

    .common__textInput___3w9UP::-ms-clear,
    .common__textInput___3w9UP::-ms-reveal {
        width: 20px;
    }

.common__textInputError___qa1qg {
    background: #f4e2e6;
    border: 1px solid #ea3556;
}

    .common__textInputError___qa1qg:focus {
        border: 1px solid #ea3556;
    }

.common__numberInput___1sbHF {
    padding-right: 5px;
}

.common__textArea___2iSjO {
    padding: 10px;
}

.common__bottomBorder___2IawK {
    border-bottom: 1px solid #dddddd;
}

.common__box___281oM {
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
}

.common__boxHeader___1UrzB {
    height: 64px;
    padding: 0 32px;
    align-items: center;
}

.common__card___mFVsB {
    background-color: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 5px;
    padding: 10px;
}

.common__eventBox____5KhP {
    background: linear-gradient( to right, rgb(0, 127, 175), rgb(0, 127, 175) 20px, #fff 20px );
    padding: 20px 20px 20px calc(20px + 20px);
}

.common__textLink___29rB4 {
    text-decoration: underline;
    color: rgb(0, 127, 175);
}

.common__link___3Zm1x {
    font-weight: bold;
    color: rgb(0, 127, 175);
}

@media print {
    .common__printNone___1iYne {
        display: none !important;
    }

    .common__printColors___1QRtq {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

@keyframes common__animationSpin___JvOHj {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes common__spin___domSY {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.common__spin___domSY {
    animation: common__spin___domSY 1s infinite linear;
}

.common__steppedSpin___1WYgo {
    animation: common__steppedRotate___3OP2z 3s infinite ease-in-out;
}

@keyframes common__steppedRotate___3OP2z {
    from {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    to {
        transform: rotate(359deg);
    }
}
/* Chrome extension (450px) */

/* prettier-ignore */
.button__button___31ego {
    display: flex;
    flex-direction: row;
    padding: 8px 32px;
    height: 52px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    align-items: center;
    /* TODO (kyle): we need some sort of outline for accessbility. */
    /*outline: none;*/
    cursor: pointer;
}

.button__buttonPrimary___1XTwa {
    color: #fff;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24), 0px 1px 8px rgba(0, 0, 0, 0.12);
    background: rgb(0, 127, 175);
}

.button__buttonDefault___n0drI {
    color: rgb(0, 127, 175);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24), 0px 1px 8px rgba(0, 0, 0, 0.12), inset 0px 1px 0px #FFFFFF;
    background: #f7f7f7;
}

.button__buttonIcon___3O48d {
    padding: 0 32px 0 0;
}

    .button__buttonIcon___3O48d > .button__icon___31m_S {
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
        margin: 8px;
    }

.button__button___31ego:hover {
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.24), 0px 3px 24px rgba(0, 0, 0, 0.12);
}

.button__buttonDefault___n0drI:hover {
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.24), 0px 3px 24px rgba(0, 0, 0, 0.12), inset 0px 1px 0px #FFFFFF;
}

.button__button___31ego:active {
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.24), inset 0px 0px 4px rgba(0, 0, 0, 0.12);
}

.button__buttonDefault___n0drI:active {
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.24), inset 0px 0px 4px rgba(0, 0, 0, 0.12), 0 1px 0 #ffffff;
}

.button__button___31ego[disabled],
.button__button___31ego:disabled,
.button__button___31ego:disabled:hover,
.button__button___31ego:disabled:active,
.button__buttonDisabled___37iE7,
.button__buttonDisabled___37iE7:hover,
.button__buttonDisabled___37iE7:active {
    cursor: default;
    background: #f7f7f7;
    color: #919191;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.24), inset 0px 0px 4px rgba(0, 0, 0, 0.12), 0 1px 0 #ffffff;
    border-radius: 5px;
}

.button__children___20BCe {
    flex: 1 1 auto;
    text-align: center;
}

/* prettier-ignore */
.hover-icon-button__hoverIcon___3yrM2 {
    cursor: pointer;
    position: relative;
    border: none;
    background: transparent;
    font-size: 0;
    align-items: center;
    justify-content: center;
}

.hover-icon-button__hoverIconRoot___2DWXe {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.hover-icon-button__hoverIconBgContainer___yrKhd {
    position: absolute;
    z-index: 0;
}

.hover-icon-button__hoverIconBg___2MvUD {
    background-color: black;
    transition-duration: 150ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
    opacity: 0;
    transform: scale(0);
}

.hover-icon-button__hoverIcon___3yrM2:hover .hover-icon-button__hoverIconBg___2MvUD,
.hover-icon-button__hoverIconBgActive___X_dwa {
    opacity: 0.1;
    transform: scale(1);
}

.hover-icon-button__hoverIconIcon___3M3kY {
    position: relative;
}

/* these values are being imported by jsx files */

/* for error, alert, warning */

/* for confirmation */

/* for success */

.base-modal__container___1wXdk {
    min-width: 400px;
    max-width: 560px;
    width: 100%;
    padding: 32px;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
}

.base-modal__titleBarContainer___3NaR2 {
    flex-wrap: wrap;
    max-width: 560px;
}

.base-modal__titleBarModal___hwCPW {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.base-modal__titleBar___3zvXC {
    color: #fff;
    width: 100%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    justify-content: space-between;
    align-items: center;
    padding: 18px;
}

.base-modal__title___2p6vZ {
    font-size: 24px;
    justify-content: center;
    line-height: 1.4;
}

.base-modal__titleAndIcon___1Ecsi {
    align-items: center;
    line-height: 0;
}

.base-modal__titleIcon___3ISPb {
    margin-right: 16px;
}

.base-modal__textContent___T98-D {
    display: inline-block;
    justify-content: center;
    font-size: 16px;
    line-height: 1.4;
}

    .base-modal__textContent___T98-D > p {
        margin: 0 0 2em;
    }

.base-modal__text___2XQmd {
    margin-bottom: 1rem;
}

.base-modal__details___2Tgn7 {
    max-height: 200px;
    margin-bottom: 1rem;
    padding: 30px;
    overflow: auto;
    font-family: monospace;
    white-space: pre;
    background: #ededed;
}

.base-modal__buttonMenu___4glS8 {
    width: 100%;
    align-self: center;
    justify-content: flex-end;
    align-items: center;
    margin-top: 1rem;
}

    .base-modal__buttonMenu___4glS8 > * + * {
        margin-left: 30px;
    }

.base-modal__closeXHoverButton___3MRTb {
    /* offsets hover icon background of 33px so title will be distanced by 4px via 33px - 22px icon + 4px*/
    margin-left: 15px;
}

.base-modal__closeXIcon___AbxQC {
    fill: #fff;
    cursor: pointer;
}

.base-modal__linkIcon___rne1O {
    fill: rgb(0, 127, 175);
    margin-right: 8px;
}

@media (max-width: 360px) {
    .base-modal__container___1wXdk {
        min-width: 300px;
    }

    .base-modal__buttonMenu___4glS8 {
        flex-direction: column;
    }

    .base-modal__abortButton___3N9h4 {
        margin: 0 0 16px 0;
    }
}

.mouse-tip__tip___vWkfU {
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 300px;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    background: #fff;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    /*z-index: 6;*/
    overflow-wrap: break-word;
    background-clip: border-box;
}

.mouse-tip__content___2ACgF,
.mouse-tip__button___1SLNu {
    padding: 12px 15px;
}

.mouse-tip__topCenterTip___3WKaf {
    transform: translate(-50%, -100%);
}

.mouse-tip__topEndTip___huI34 {
    transform: translate(-80%, -100%);
}

.mouse-tip__topStartTip___Jrm9D {
    transform: translate(-20%, -100%);
}

.mouse-tip__bottomCenterTip___3LutM {
    transform: translate(-50%, 0);
}

.mouse-tip__bottomEndTip___29_UH {
    transform: translate(-80%, 0);
}

.mouse-tip__bottomStartTip___JqICZ {
    transform: translate(-20%, 0);
}

.mouse-tip__leftCenterTip___3WwXQ {
    transform: translate(-100%, -50%);
}

.mouse-tip__leftEndTip___19Jcb {
    transform: translate(-100%, -80%);
}

.mouse-tip__leftStartTip___1vKdO {
    transform: translate(-100%, -20%);
}

.mouse-tip__rightCenterTip___Kv9Bw {
    transform: translate(0, -50%);
}

.mouse-tip__rightEndTip___3wavQ {
    transform: translate(0, -80%);
}

.mouse-tip__rightStartTip___3CxLB {
    transform: translate(0, -20%);
}

.mouse-tip__tipSvg___1M9Ca {
    position: absolute;
    width: 11px;
    height: 9px;
}

.mouse-tip__topCenterSvg___1S5kz {
    bottom: -9px;
    left: calc(50% - 6px);
    transform: rotate(0deg);
}

.mouse-tip__topEndSvg___bBpiR {
    bottom: -9px;
    left: calc(80% - 6px);
    transform: rotate(0deg);
}

.mouse-tip__topStartSvg___NaWXV {
    bottom: -9px;
    left: calc(20% - 6px);
    transform: rotate(0deg);
}

.mouse-tip__bottomCenterSvg___ypSQ1 {
    top: -9px;
    left: calc(50% - 6px);
    transform: rotate(180deg);
}

.mouse-tip__bottomEndSvg___3mmk8 {
    top: -9px;
    left: calc(80% - 6px);
    transform: rotate(180deg);
}

.mouse-tip__bottomStartSvg___20Gzy {
    top: -9px;
    left: calc(20% - 6px);
    transform: rotate(180deg);
}

.mouse-tip__leftCenterSvg___2f7yt {
    top: calc(50% - 4px);
    right: -9px;
    transform: rotate(270deg);
}

.mouse-tip__leftEndSvg___jLLfD {
    top: calc(80% - 4px);
    right: -9px;
    transform: rotate(270deg);
}

.mouse-tip__leftStartSvg___1Y67Y {
    top: calc(20% - 4px);
    right: -9px;
    transform: rotate(270deg);
}

.mouse-tip__rightCenterSvg___2CW0X {
    top: calc(50% - 4px);
    left: -9px;
    transform: rotate(90deg);
}

.mouse-tip__rightEndSvg___1nZ3Q {
    top: calc(80% - 4px);
    left: -9px;
    transform: rotate(90deg);
}

.mouse-tip__rightStartSvg___OPCeq {
    top: calc(20% - 4px);
    left: -9px;
    transform: rotate(90deg);
}

.mouse-tip__arrow___2NCGf {
    fill: #fff;
    stroke-width: 1px;
    stroke: #c4c4c4;
}

.mouse-tip__arrowCover___l-BKL {
    stroke-width: 1px;
    stroke: #fff;
}

.mouse-tip__buttons___3XhfM {
    display: flex;
    flex-flow: row nowrap;
    border-top: 1px solid #c4c4c4;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

.mouse-tip__button___1SLNu {
    flex: 1 0 auto;
    padding: 16px 0;
    min-width: 100px;
    cursor: pointer;
}

    .mouse-tip__button___1SLNu:hover {
        background-color: #ddeaef;
    }

    .mouse-tip__button___1SLNu:active {
        background-color: rgb(0, 127, 175);
        color: #fff;
    }

.truncated-text__container___2CFH- {
    display: flex;
    width: 100%;
}

.truncated-text__truncatedText___33Fmo {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.truncated-text__wrapText___7xY0H,
.truncated-text__truncatedText___33Fmo {
    width: 100%
}

/* prettier-ignore */
.style__container___14LKc {
    position: relative;
    flex-direction: column;
}

    .style__container___14LKc:focus {
        outline: none;
    }

    .style__container___14LKc > * {
        flex: 0 0 auto;
    }

.style__inputContainer___2-FtX {
    position: relative;
    flex-direction: column;
    outline: none;
}

.style__inputContainerNew___2m9XO {
    align-items: stretch;
    color: #5e5e5e;
    font-size: 14px;
}

.style__box___3gT9i {
    align-items: center;
    flex: 0 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    cursor: pointer;
}

    .style__box___3gT9i:focus {
        outline: none;
    }

    .style__box___3gT9i.style__inputDisabled___2LL5t {
        cursor: default;
    }

    .style__box___3gT9i.style__isSearching___2AGbW {
        cursor: text;
    }

    .style__box___3gT9i.style__focused___Ltfmh {
        border-color: rgb(0, 127, 175);
    }

    .style__box___3gT9i.style__down___3UB93.style__withOptions___3kJbR {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .style__box___3gT9i.style__up___3gZPP.style__withOptions___3kJbR {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .style__box___3gT9i.style__withSuffix___1Eq1b {
        padding-right: 0;
    }

    .style__box___3gT9i.style__withPrefix___16M0R {
        padding-left: 0;
    }

.style__withError___3oCVO {
}

.style__box___3gT9i.style__withVerticalStretch___2u-fx {
    height: auto;
    flex-wrap: wrap;
    overflow: visible;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 44px;
    align-items: flex-start;
}

.style__box___3gT9i.style__withHeightLimit___3TRMS {
    max-height: 105px;
    overflow-y: auto;
}

.style__box___3gT9i input {
    cursor: inherit;
}

.style__errorBox___xaHIP {
    background: #f4e2e6;
    border: 1px solid #ea3556;
    margin-bottom: 8px;
}

.style__downArrow___2cMAH {
    margin-top: 8px;
}

.style__chevron___3xGDJ.style__up___3gZPP {
    transform: rotate(180deg);
}

.style__boxFocus___3WW3- {
    border-color: rgb(0, 127, 175);
}

.style__boxOptions___3-fMX {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.style__boxVerticalStretch___3Zreq {
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 44px;
    align-items: flex-start;
}

.style__inputContainer___2-FtX .style__boxLimitHeight___2wMM1 {
    max-height: 105px;
    overflow-y: auto;
}

.style__label___ShhU9 {
    font-weight: bold;
    margin-right: 12px;
    margin-top: 2px;
}

.style__prefixLabel___2Bsce {
    margin-right: 12px;
    align-items: center;
    height: 100%;
}

.style__box___3gT9i.style__withPrefix___16M0R > *:first-child {
    margin-right: 12px;
    width: 32px;
    padding: 0;
    justify-content: center;
    margin-right: 0;
}

.style__suffixLabel___frRa2 {
    margin-left: 12px;
    align-items: center;
    height: 100%;
}

.style__box___3gT9i.style__withSuffix___1Eq1b > *:last-child {
    margin-left: 12px;
    width: 32px;
    padding: 0;
    justify-content: center;
    margin-left: 0;
}

.style__tokens___1EJTs {
    flex: 1 0 auto;
}

.style__tokensOutside___madrL {
    flex: 0 0 auto;
    flex-flow: row wrap;
    margin-bottom: 8px;
}

.style__token___2mxqm {
    margin: 0 4px 0 0;
    cursor: pointer;
    white-space: nowrap;
    padding: 2px 3px;
    border-radius: 4px;
    font-weight: 600;
}

.style__defaultToken___384Dz {
    background-color: #ddeaef;
    border: 1px solid rgb(0, 127, 175);
    color: rgb(0, 127, 175);
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.style__tokensOutside___madrL .style__token___2mxqm {
    margin: 4px 4px 0 0;
}

.style__unknownToken___UG5FK {
    background-color: #ededed;
    border: 1px solid #919191;
    color: #5e5e5e;
}

.style__token___2mxqm:hover > span {
    color: #ea3556;
}

.style__token___2mxqm > span {
    margin-left: 10px;
    font-weight: bold;
    vertical-align: baseline;
}

.style__boxVerticalStretch___3Zreq .style__tokens___1EJTs {
    /* width: 100%; */
    flex: 1 0;
    flex-wrap: wrap;
}

.style__boxVerticalStretch___3Zreq .style__token___2mxqm {
    margin: 2px 4px 2px 0;
}

.style__input___27Gku {
    flex: 1 0;
    min-width: 80px;
}

.style__errors___1oVsU li:last-child {
    margin-bottom: 5px;
}

.style__options___2UPx3 {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    flex-flow: column;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
}

    .style__options___2UPx3.style__down___3UB93 {
        border-top: none;
        border-radius: 0 0 4px 4px;
    }

    .style__options___2UPx3.style__up___3gZPP {
        top: auto;
        bottom: 100%;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
        flex-flow: column-reverse;
    }

    .style__options___2UPx3.style__showAll___3deDc {
        max-height: none;
    }

@media screen and (max-width: 559px), screen and (max-height: 559px) {
    .style__options___2UPx3 {
        max-height: calc(100vh - 100% - 10px);
    }
}

.style__optionsHide___368No {
    display: none;
}

.style__option___3oknv {
    flex: 1 0 auto;
    padding: 10px 14px;
    cursor: pointer;
}

    .style__option___3oknv:hover {
        background-color: #ededed;
    }

    .style__option___3oknv.style__selected___1RIzL {
        background-color: #ddeaef;
    }

.style__optionGroup___1vZ1r {
    flex-direction: column;
    flex: 1 0;
}

.style__selectedOption___V4fTF {
    background-color: #ddeaef;
}

.style__actionList___1-bQP {
    list-style: none;
    padding: 4px 10px;
    flex-direction: column;
    border-top: 1px solid #c4c4c4;
}

.style__actionListItem___3dk2B {
    flex: 1 0 auto;
    cursor: pointer;
    padding: 10px;
    display: flex;
    align-items: center;
    height: 44px;
    border-radius: 5px;
}

    .style__actionListItem___3dk2B + .style__actionListItem___3dk2B {
        margin-top: 4px;
    }

    .style__actionListItem___3dk2B:hover {
        background-color: #ededed;
    }

    .style__actionListItem___3dk2B svg {
        stroke: rgb(0, 127, 175);
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

.style__optionGroupHeading___2mC0Q {
    margin: 0;
    background-color: #f7f7f7;
    font-size: 13px;
}

    .style__optionGroupHeading___2mC0Q:hover {
        background-color: #f7f7f7;
        cursor: default;
    }
/* see filled-token.jsx */
.style__filledTokenContainer___3quhL {
    margin-right: 8px;
}

.style__filledToken___UCXi- {
    display: inline-flex;
    margin: 4px 4px 0 0;
    align-items: center;
    border: 1px solid rgb(0, 127, 175);
    color: rgb(0, 127, 175);
    font-weight: 600;
    padding: 0;
}

.style__filledTokenValue___2nejn {
    flex: 1 1;
    padding: 2px 3px;
    max-width: 300px;
    overflow: hidden;
}

.style__deleteFilledToken___1fsc- {
    flex-shrink: 0;
    height: 8px;
    margin-left: 10px;
    stroke-width: 2px;
}

    .style__deleteFilledToken___1fsc- g {
        stroke: rgb(0, 127, 175);
    }

    .style__deleteFilledToken___1fsc-:hover g {
        stroke: #ea3556;
    }

.style__pillBar___2zmQa {
    width: 6px;
    align-self: stretch;
    margin: -1px 4px -1px -1px;
    border-radius: 4px 0 0 4px;
    z-index: 1;
}

.style__recipientsContainer___1Aren {
    width: 100%;
    padding: 6px;
}

.style__selectorContainer___2LxMa {
    position: relative;
    flex-direction: column;
    outline: none;
}

.style__selectorPlaceholder___2GIgM {
    color: #777777;
}

.style__selectorValue___1l_4b,
.style__selectorPlaceholder___2GIgM {
    flex: 0 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.style__selectorTruncatedValue___2FDi8 span {
    white-space: pre-line;
}

.style__selectorSearch___3tNMK {
    flex: 1 0;
    width: 0;
    min-width: 0;
    margin-left: auto;
}

.style__clearButton___2SphL {
    cursor: pointer;
}

    .style__clearButton___2SphL svg {
        width: 12px;
        height: 12px;
    }

    .style__clearButton___2SphL:hover svg {
        fill: red;
    }

.style__visualInput___s_7G9 {
    align-items: center;
    flex: 0 0 auto;
}

/* prettier-ignore */
.dynamic-text__baseLabel___1enat {
    color: rgb(0, 127, 175);
    align-items: baseline;
    background-color: #f7f7f7;
}

.dynamic-text__label___1fxuX {
    padding: 2px 3px;
    /* set inline block on labels to allow them to expand paragraph line-height*/
    display: inline-flex;
    margin: 1px 0;
}
/* vestigial styling of labels with light bg fill and border */
.dynamic-text__filledLabel___2UL4S {
    border-radius: 4px;
    background-color: #ddeaef;
    border: 1px solid rgb(0, 127, 175);
    font-weight: bold;
    color: rgb(0, 127, 175);
}

.dynamic-text__labelGlobal___3ORt3,
.dynamic-text__entity-global_variable___1dNLb {
    color: rgb(147, 39, 143);
}

.dynamic-text__labelPlacement___25H4c {
    color: rgb(191, 114, 0);
}

.dynamic-text__dynamicLabel___pinkW {
    padding: 0 8px;
    border-radius: 10.5px;
    height: 21px;
    /*border: 1px solid colorGray6;*/
    font-size: 14px;
    cursor: pointer;
}

    .dynamic-text__dynamicLabel___pinkW span {
        vertical-align: baseline;
    }

    .dynamic-text__dynamicLabel___pinkW svg {
        margin-right: 4px;
        vertical-align: baseline;
    }

.dynamic-text__meDynamicLabel___33jb7 {
    border-color: #919191;
}

.dynamic-text__tooltip___3dTLv {
    width: 300px;
    flex-direction: column;
}

.dynamic-text__tooltipVariableName___gTa4t {
    font-size: 20px;
    margin-bottom: 4px;
}

.dynamic-text__tooltipEntityType___Vukhu {
    text-transform: capitalize;
    margin: 0 0 16px;
}

.dynamic-text__grammarTokens___2w6ft {
    margin-bottom: 16px;
}

.dynamic-text__tokenLine___2jzrJ {
    margin: 0 0 8px;
}

.dynamic-text__token___1MpoQ {
}


.dynamic-labels__tooltip___15yfJ {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}


.dynamic-labels__token___37PrG {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid;
    border-radius: 10.5px;
    height: 21px;
    font-size: 14px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    .dynamic-labels__token___37PrG:not(.dynamic-labels__disabled___1F78B) {
        cursor: pointer;
    }


.dynamic-labels__dynamicLabel___13KBp {
}


.dynamic-labels__token___37PrG {
    color: rgb(89, 89, 89);
    border-color: rgba(89, 89, 89, 0.5);
    background-image: linear-gradient(#ffffff, #ededed);
    box-shadow: 0 1px 4px rgba(89, 89, 89, 0.15);
}


    .dynamic-labels__token___37PrG:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(89, 89, 89, 1);
        box-shadow: 0 1px 4px rgba(89, 89, 89, 0.5);
    }


    .dynamic-labels__token___37PrG:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(89, 89, 89);
        border-color: rgb(89, 89, 89);
        box-shadow: none;
    }


.dynamic-labels__darkGreen___cZIoY {
    color: rgb(30, 151, 94);
    border-color: rgba(30, 151, 94, 0.5);
    background-image: linear-gradient(#F2FFF9, #e0ece6);
    box-shadow: 0 1px 4px rgba(25, 110, 70, 0.15);
}


    .dynamic-labels__darkGreen___cZIoY:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(30, 151, 94, 1);
        box-shadow: 0 1px 4px rgba(25, 110, 70, 0.5);
    }


    .dynamic-labels__darkGreen___cZIoY:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(30, 151, 94);
        border-color: rgb(30, 151, 94);
        box-shadow: none;
    }


.dynamic-labels__orange___3RYbZ {
    color: rgb(191, 114, 0);
    border-color: rgba(191, 114, 0, 0.5);
    background-image: linear-gradient(#FFF4E4, #f7ecdd);
    box-shadow: 0 1px 4px rgba(191, 114, 0, 0.15);
}


    .dynamic-labels__orange___3RYbZ:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(191, 114, 0, 1);
        box-shadow: 0 1px 4px rgba(191, 114, 0, 0.5);
    }


    .dynamic-labels__orange___3RYbZ:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(191, 114, 0);
        border-color: rgb(191, 114, 0);
        box-shadow: none;
    }


.dynamic-labels__yellow___TiVro {
    color: rgb(181, 132, 69);
    border-color: rgba(181, 132, 69, 0.5);
    background-image: linear-gradient(#FFF4E4, #f6f2e6);
    box-shadow: 0 1px 4px rgba(181, 132, 69, 0.15);
}


    .dynamic-labels__yellow___TiVro:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(181, 132, 69, 1);
        box-shadow: 0 1px 4px rgba(181, 132, 69, 0.5);
    }


    .dynamic-labels__yellow___TiVro:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(181, 132, 69);
        border-color: rgb(181, 132, 69);
        box-shadow: none;
    }


.dynamic-labels__blue___UctRw {
    color: rgb(0, 127, 175);
    border-color: rgba(0, 127, 175, 0.5);
    background-image: linear-gradient(#ECFAFF, #ddeaef);
    box-shadow: 0 1px 4px rgba(5, 93, 127, 0.15);
}


    .dynamic-labels__blue___UctRw:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(0, 127, 175, 1);
        box-shadow: 0 1px 4px rgba(5, 93, 127, 0.5);
    }


    .dynamic-labels__blue___UctRw:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(0, 127, 175);
        border-color: rgb(0, 127, 175);
        box-shadow: none;
    }


.dynamic-labels__blueGray___2E0dD {
    color: rgb(96, 125, 139);
    border-color: rgba(96, 125, 139, 0.5);
    background-image: linear-gradient(#f7f7f7, #e7eaeb);
    box-shadow: 0 1px 4px rgba(72, 94, 104, 0.15);
}


    .dynamic-labels__blueGray___2E0dD:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(96, 125, 139, 1);
        box-shadow: 0 1px 4px rgba(72, 94, 104, 0.5);
    }


    .dynamic-labels__blueGray___2E0dD:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(96, 125, 139);
        border-color: rgb(96, 125, 139);
        box-shadow: none;
    }


.dynamic-labels__turquoise___2KX2p {
    color: rgb(0, 132, 125);
    border-color: rgba(0, 132, 125, 0.5);
    background-image: linear-gradient(#F8FCFC, #D9EDEC);
    box-shadow: 0 1px 4px rgba(20, 102, 98, 0.15);
}


    .dynamic-labels__turquoise___2KX2p:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(0, 132, 125, 1);
        box-shadow: 0 1px 4px rgba(20, 102, 98, 0.5);
    }


    .dynamic-labels__turquoise___2KX2p:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(0, 132, 125);
        border-color: rgb(0, 132, 125);
        box-shadow: none;
    }


.dynamic-labels__red___2gtK- {
    color: rgb(168, 41, 65);
    border-color: rgba(168, 41, 65, 0.5);
    background-image: linear-gradient(#ffecf0, #f4e2e6);
    box-shadow: 0 1px 4px rgba(168, 41, 65, 0.15);
}


    .dynamic-labels__red___2gtK-:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(168, 41, 65, 1);
        box-shadow: 0 1px 4px rgba(168, 41, 65, 0.5);
    }


    .dynamic-labels__red___2gtK-:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(168, 41, 65);
        border-color: rgb(168, 41, 65);
        box-shadow: none;
    }


.dynamic-labels__lightBlue___2-2MZ {
    color: rgb(8, 120, 164);
    border-color: rgba(8, 120, 164, 0.5);
    background-image: linear-gradient(#FBFEFF, #deeef4);
    box-shadow: 0 1px 4px rgba(8, 120, 164, 0.15);
}


    .dynamic-labels__lightBlue___2-2MZ:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(8, 120, 164, 1);
        box-shadow: 0 1px 4px rgba(8, 120, 164, 0.5);
    }


    .dynamic-labels__lightBlue___2-2MZ:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(8, 120, 164);
        border-color: rgb(8, 120, 164);
        box-shadow: none;
    }


.dynamic-labels__brown___3SXoz {
    color: rgb(121, 85, 72);
    border-color: rgba(121, 85, 72, 0.5);
    background-image: linear-gradient(#FFFCFA, #e9e6e4);
    box-shadow: 0 1px 4px rgba(91, 64, 54, 0.15);
}


    .dynamic-labels__brown___3SXoz:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(121, 85, 72, 1);
        box-shadow: 0 1px 4px rgba(91, 64, 54, 0.5);
    }


    .dynamic-labels__brown___3SXoz:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(121, 85, 72);
        border-color: rgb(121, 85, 72);
        box-shadow: none;
    }


.dynamic-labels__deepPurple___2sDF7 {
    color: rgb(103, 58, 183);
    border-color: rgba(103, 58, 183, 0.5);
    background-image: linear-gradient(#F6F2FF, #e7e3ef);
    box-shadow: 0 1px 4px rgba(77, 44, 137, 0.15);
}


    .dynamic-labels__deepPurple___2sDF7:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(103, 58, 183, 1);
        box-shadow: 0 1px 4px rgba(77, 44, 137, 0.5);
    }


    .dynamic-labels__deepPurple___2sDF7:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(103, 58, 183);
        border-color: rgb(103, 58, 183);
        box-shadow: none;
    }


.dynamic-labels__purple___1vBrU {
    color: rgb(147, 39, 143);
    border-color: rgba(147, 39, 143, 0.5);
    background-image: linear-gradient(#FFFBFF, #ece1eb);
    box-shadow: 0 1px 4px rgba(colorPurpleShadowRgb, 0.15);
}


    .dynamic-labels__purple___1vBrU:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(147, 39, 143, 1);
        box-shadow: 0 1px 4px rgba(colorPurpleShadowRgb, 0.5);
    }


    .dynamic-labels__purple___1vBrU:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(147, 39, 143);
        border-color: rgb(147, 39, 143);
        box-shadow: none;
    }


.dynamic-labels__neonRed___3g6uu {
    color: rgb(255, 45, 85);
    border-color: rgba(255, 45, 85, 0.5);
    background-image: linear-gradient(rgb(255, 250, 251), rgb(255, 230, 234));
    box-shadow: 0 1px 4px rgba(255, 45, 85, 0.15);
}


    .dynamic-labels__neonRed___3g6uu:not(.dynamic-labels__disabled___1F78B):hover {
        border-color: rgba(255, 45, 85, 1);
        box-shadow: 0 1px 4px rgba(255, 45, 85, 0.5);
    }


    .dynamic-labels__neonRed___3g6uu:not(.dynamic-labels__disabled___1F78B).dynamic-labels__active___1s0ob {
        color: #fff;
        background: rgb(255, 45, 85);
        border-color: rgb(255, 45, 85);
        box-shadow: none;
    }


.segmented-button__container___sV3hY {
    flex: 0 0 auto;
    height: 40px;
    font-size: 12px;
    color: #5e5e5e;
}


.segmented-button__input___2qq2K {
    display: none;
}


.segmented-button__label___3-_jN {
    display: flex;
    flex: 1 0 auto;
}


.segmented-button__segment___21wBu {
    flex: 1 0 auto;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    border: 1px solid #dddddd;
    border-left-width: 0;
    cursor: pointer;
}


.segmented-button__label___3-_jN:first-child .segmented-button__segment___21wBu {
    border-left-width: 1px;
    border-radius: 4px 0 0 4px;
}


.segmented-button__label___3-_jN:last-child .segmented-button__segment___21wBu {
    border-radius: 0 4px 4px 0;
}


.segmented-button__segment___21wBu:hover {
    background: #ddeaef;
}


.segmented-button__input___2qq2K:checked + .segmented-button__segment___21wBu {
    position: relative;
    background: rgb(0, 127, 175);
    border-color: rgb(0, 127, 175);
    color: #fff;
}


    .segmented-button__input___2qq2K:checked + .segmented-button__segment___21wBu::before {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        background: rgb(0, 127, 175);
        height: calc(100% + 2px);
        width: 1px;
    }


.segmented-button__input___2qq2K:disabled + .segmented-button__segment___21wBu {
    cursor: default;
}


/* TODO (kyle): figure out if this is insane or not */


.segmented-button__label___3-_jN:first-child .segmented-button__input___2qq2K:checked + .segmented-button__segment___21wBu::before {
    display: none;
}

.toggle__container___2UmAP input {
    display: none;
}

.toggle__toggleContainer___2pXhQ {
    flex: 1 0;
    justify-content: flex-end;
    align-items: center;
}

    .toggle__toggleContainer___2pXhQ span {
        min-width: 50px;
    }

.toggle__toggle___kmYl1 {
    position: relative;
    width: 38px;
    height: 19px;
    background: #f7f7f7;
    border: 1px solid #dddddd;
    border-radius: 14.5px;
    align-items: center;
    cursor: pointer;
}

    .toggle__toggle___kmYl1::before {
        content: '';
        position: absolute;
        left: 1px;
        top: 1px;
        width: 15px;
        height: 15px;
        background: #dddddd;
        border: 1px solid #919191;
        border-radius: 100%;
        transition: left 0.1s;
    }

.toggle__container___2UmAP input:checked + .toggle__toggle___kmYl1::before {
    left: calc(100% - 15px - 1px);
    border-color: #4caf50;
    background-color: #4caf50;
}

.toggle__container___2UmAP input:disabled + .toggle__toggle___kmYl1 {
    cursor: default;
}

.beefree-editor__editorContainer___jcFtc {
    height: 1000px;
    align-self: stretch;
}

.highlighter__highlight___rn-Ir {
}

.error-list__errors___2B3lp {
    flex-flow: column;
    align-items: flex-end;
    padding: 0;
    list-style-type: none;
    color: #ea3556;
}


    .error-list__errors___2B3lp li {
        text-align: right;
        margin-bottom: 8px;
    }


.user-token-search__searchResult___2lzSU {
    font-size: 14px;
    font-weight: normal;
    color: colorGray2;
    display: flex;
    flex-flow: column;
    padding: 16px 32px;
    cursor: pointer;
}



    .user-token-search__searchResult___2lzSU:hover {
        background: #dddddd;
    }



    .user-token-search__searchResult___2lzSU:focus {
        background: #dddddd;
        outline: none;
    }



    .user-token-search__searchResult___2lzSU > * {
        flex: 0 0 auto;
    }



.user-token-search__ellipsis___316R7 {
}

.filter-button__inactiveButton___1LXYO {
}

.filter-button__activeButton___2rUjp {
}


.basic-dropdown__container___3cmQo {
    width: 100%;
    position: relative;
    flex-direction: column;
}

.basic-dropdown__button___COfAj {
    display: flex;
    justify-content: space-between;
    text-transform: capitalize;
    height: 40px;
    font-weight: normal;
}

.basic-dropdown__noRelatedEntities___qcsNv {
    background-color: #dddddd;
}

.basic-dropdown__filter___3zJjs {
    position: relative;
    flex: 0 0 auto;
    flex-direction: column;
}

.basic-dropdown__filterCard___3pNN9 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px #c4c4c4;
    flex-flow: column;
}

.basic-dropdown__button___COfAj,
.basic-dropdown__filter___3zJjs,
.basic-dropdown__filterCard___3pNN9 {
    width: 100%;
}

.basic-dropdown__checklist___Z3alW {
    flex-flow: column;
    list-style: none;
    padding: 0;
}

.basic-dropdown__option___1cVJE:hover {
    background-color: #ddeaef;
}

.basic-dropdown__option___1cVJE {
    padding: 8px 0;
}

.basic-dropdown__hintText___pT_er {
    font-size: 12px;
    color: #db8200;
}

.basic-dropdown__label___1trGM {
    font-size: 14px;
}

.basic-dropdown__hintText___pT_er,
.basic-dropdown__label___1trGM {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-transform: capitalize;
    padding-left: 12px;
}

.basic-dropdown__disabled___100fx {
    color: #dddddd;
    text-decoration: line-through;
}

.beefree__buildPreviewToggle___gJQ1Y {
    flex: 1 0 100%;
    margin-bottom: 28px;
}

.beefree__structureToggleRow___2CSpP {
    margin-bottom: 16px;
}

.beefree__structureToggleLabel___FlKzB {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-right: 20px;
    cursor: pointer;
}

/* We hide beefree here because unmounting it
is super painful due to the time it takes for it
to come back.
*/

.beefree__hiddenBeeFree___2v14p {
    display: none;
}

.beefree__beeFreeEditorBlock___1nwh5,
.beefree__previewContainer___fdwH0 {
    flex-flow: column;
}

.beefree__previewContent___2vJl9 {
    justify-content: center;
    pointer-events: none;
}

.beefree__previewControls___1U0U6 {
    align-items: center;
    justify-content: space-between;
}

.beefree__selectLabel___3A6Ro {
    margin-right: 8px;
    margin-left: 24px;
    width: 90px;
    flex: 1 0 90px;
    flex-wrap: nowrap;
    text-transform: capitalize;
}

.beefree__button___H7MLU {
}

.beefree__iframeDesktop___1WrK7 {
    width: 100%;
}

.beefree__iframeMobile___31iEx {
    width: 360px;
}

.beefree__userSearch___1ySp2 {
    width: 250px;
}

#app .notfound {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    height: 120vh;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: #1a1a1a;
    overflow: hidden;
}

#app .notfound-message {
    position: relative;
    text-align: center;
    font-weight: 900;
    font-size: 190px;
}

    #app .notfound-message > span {
        display: inline-block;
    }

    #app .notfound-message :first-child {
        color: #00e8e8;
    }

    #app .notfound-message :nth-child(2) {
        color: #2cbde5;
    }

    #app .notfound-message :last-child {
        color: #ffcc33;
    }

#app .notfound-pizza {
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 140px);
    transform: rotate(-36deg);
    background: url(/assets.sensehq.com/hashed/static/client/images/d99c9f0af17eb6f4a935be23338c39dc.svg) no-repeat center;
    background-size: 100%;
    width: 304px;
    height: 278px;
    animation: pizza 60s linear infinite;
}

    #app .notfound-pizza.small {
        background-image: url(/assets.sensehq.com/hashed/static/client/images/fd32bac7a286f1e6efd78a2f0690df3f.svg);
        width: 61px;
        height: 56px;
    }

#app .notfound-pizza-box {
    position: absolute;
}

    #app .notfound-pizza-box .small {
        top: 0;
        left: 0;
    }

#app .notfound-stars,
#app .notfound-pizzas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#app .notfound-star {
    position: absolute;
    background: white;
    width: 2px;
    height: 2px;
    border-radius: 50%;
}

    #app .notfound-star.gray {
        background-color: #bfbfbf;
        height: 4px;
        width: 4px;
    }

    #app .notfound-star.red {
        background-color: #2cbde5;
        height: 6px;
        width: 6px;
    }

    #app .notfound-star.blue {
        background-color: #00e8e8;
        height: 6px;
        width: 6px;
    }

#app .shrug {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 92px;
    font-weight: bold;
}

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

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

._500__page___2AtBI {
    flex: 1 0;
    flex-flow: column;
}

._500__sky___1NN9U {
    position: relative;
    flex: 2 0;
    background: #D0E9F2;
}

._500__sea___3IVDZ {
    position: relative;
    flex: 1 0;
    background: #AFD7E6;
}

._500__seals___1ngZ2 {
    position: absolute;
    bottom: 22%;
    left: 50%;
    margin-left: -455px;
    width: 909px;
    height: 434px;
}

._500__horizon___1wVAx {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -536px;
    width: 1072px;
    height: 64px;
}

._500__lines___1704y {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -603px;
    width: 1207px;
    height: 153px;
}

._500__leftCloud___3O0dW {
    position: absolute;
    top: 50%;
    left: 20%;
    width: 273px;
    height: 52px;
}

._500__rightCloud___3NDbe {
    position: absolute;
    top: 30%;
    right: 17%;
    width: 226px;
    height: 57px;
}

._500__leftBerg___3T4mM {
    position: absolute;
    top: 50%;
    left: 15%;
    width: 273px;
    height: 52px;
}

._500__rightBerg___3SOK1 {
    position: absolute;
    top: 60%;
    right: 10%;
    width: 226px;
    height: 57px;
}

._500__text___21FAw {
    position: absolute;
    top: 15%;
    width: 100%;
    flex-flow: column;
    align-items: center;
    text-align: center;
    font-size: 18px;
    color: #828282;
}

._500__textWithoutPosition___3ScHt {
    position: static;
    padding: 12px;
}

._500__textTitle___1TsVT {
    color: #333333;
    font-size: 68px;
}

._500__action___3xNpO {
    margin: 20px 5px 0;
    width: 120px;
}

._500__minimalErrorBox___2Z6pU {
    justify-content: center;
}

._500__reload___99hvC {
}

._500__goBack___3_Y_y {
}

._500__smallerTextTitle___29DEM {
    font-size: 48px;
}

._500__verySmallTextTitle___2VGLC {
    font-size: 35px;
}

html,
body {
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: white;
    color: #606060;
    font-size: 16px;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

    html.fixed,
    body.fixed {
        overflow: hidden;
    }

/* standard resets */

a {
    text-decoration: none;
    font-weight: inherit;
    color: inherit;
}

button {
    padding: 0;
}

input,
button {
    font: inherit;
    font-size: inherit;
    text-transform: inherit;
    color: inherit;
    outline: none;
    background: transparent;
    border: none;
    margin: 0;
    /* NOTE (kyle): not sure why this is here */
    /* border: 1px solid grey; */
}

    input[type='checkbox'],
    input[type='radio'] {
        font-size: 16px;
    }

#app {
    display: flex;
    flex: 1 0;
    width: 0;
}

    #app.fixed {
        overflow: auto;
    }

/**
 * NOTE (kyle): i'd like to be more specific with the css here,
 * but that seems to cause issues with vendor packages.
 */

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

div,
nav,
header,
footer,
section,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
figure,
figcaption,
form,
label,
::before,
::after {
    display: inherit;
    margin: 0;
}

.app__container___aknyc {
    position: relative;
    flex: 1 0;
    width: 0;
}

.app__body___3vY2e {
    flex: 1 0;
    width: 0;
    flex-flow: column;
    z-index: 0;
}

.app__outerContent___1K5d1 {
    flex-flow: column;
    flex: 1 0 auto;
    align-items: stretch;
}

.app__content___1NcQb {
    flex: 1 0 auto;
    align-items: stretch;
}

.app__child___1ME5U {
    flex: 3 0;
    width: 0;
    flex-flow: column;
    align-items: stretch;
}

@media (max-width: 700px) {
    .app__sideNav___1_IhW {
        position: absolute;
        left: -300px;
        height: 100%;
        z-index: 2;
        transition: left 0.2s;
    }

        .app__sideNav___1_IhW.app__show___2oth- {
            left: 0;
        }
}

.layer__layer___2NmLB {
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: grabbing;
}

.layer__item___3OjJL {
    flex: 0 0 auto;
    align-self: flex-start;
    flex-flow: column;
    cursor: grabbing;
}

    .layer__item___3OjJL > div {
        transform: rotate(7deg);
        cursor: grabbing;
    }


/* prettier-ignore */
.add__container___3L_Gr {
    position: relative;
    height: 40px;
    justify-content: flex-end;
    align-items: flex-start;
    margin-right: 20px;
}

.add__menu___3IUqC {
    flex-flow: column;
    width: 160px;
    border-radius: 7px;
    color: rgb(0, 127, 175);
    border-color: transparent;
    transition: border-color 0.2s;
}

    .add__menu___3IUqC:not(.add__menuOpen___3QmBN):hover {
        border-color: #c4c4c4;
    }

.add__menuOpen___3QmBN {
    position: relative;
    z-index: 2;
    border-color: #c4c4c4;
}

.add__menu___3IUqC > * {
    flex: 0 0 auto;
}

.add__tab___22wDB {
    height: 40px;
    padding: 0 25px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.add__tabText___1adHV {
    opacity: 0;
    transition: opacity 0.2s;
}

.add__tabTextContainer___3koOY:hover .add__tabText___1adHV,
.add__menuOpen___3QmBN .add__tabText___1adHV {
    opacity: 1;
}

.add__menuOpen___3QmBN .add__tab___22wDB {
    border-bottom: 1px solid #dddddd;
    cursor: default;
}

.add__options___NiCyi {
    flex-flow: column;
}

.add__option___3y33j {
    display: flex;
    padding: 10px 25px;
    cursor: pointer;
}

    .add__option___3y33j:hover {
        background: #ddeaef;
    }

.action-list__actions___3fJH7 {
    flex: 1 0 auto;
    font-weight: bold;
    transition: opacity 0.2s;
    align-items: center;
}

.action-list__action___35-Y8 {
}

    .action-list__action___35-Y8::after {
        content: '/';
        margin: 0 20px;
        color: #2b2b2b;
    }

    .action-list__action___35-Y8:last-child::after {
        display: none;
    }

.action-list__actionButton___35Ydc {
    color: #5e5e5e;
}

.select__container___32p-w {
    width: 245px;
}

/* prettier-ignore */
.row__row___2EahG {
    flex-flow: column;
}

.row__box___skADk {
    flex-flow: column;
    margin-bottom: 15px;
    transition: box-shadow 0.2s;
}

    .row__box___skADk.row__isDragging___3QGuN {
        background: #dddddd;
        height: 40px;
    }

        .row__box___skADk.row__isDragging___3QGuN > * {
            visibility: hidden;
            display: none;
        }

.row__boxClosed___2SVQB {
}

    .row__boxClosed___2SVQB:hover {
        box-shadow: rgba(0, 0, 0, 0.06) 0 0 9px 1px;
    }

.row__boxOpen___2sRFh {
}

.row__boxDisabled___3xDdO {
}

.row__boxDisabled___3xDdO {
    opacity: 0.5;
}

.row__header___1C68B {
    height: 68px;
    padding: 0 30px;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
}

    .row__header___1C68B > span {
        margin-right: 12px;
    }

.row__dragHandle___3hwla {
    margin-right: 30px;
    cursor: grab;
}

    .row__dragHandle___3hwla:hover svg {
        filter: brightness(50%);
    }

.row__boxDisabled___3xDdO .row__dragHandle___3hwla,
.row__boxOpen___2sRFh .row__dragHandle___3hwla {
    cursor: default;
}

    .row__boxDisabled___3xDdO .row__dragHandle___3hwla svg,
    .row__boxOpen___2sRFh .row__dragHandle___3hwla svg {
        filter: none;
    }

.row__headerDisabled___1sBsc {
    cursor: default;
}

.row__boxOpen___2sRFh .row__header___1C68B {
    border-bottom: 1px solid #dddddd;
}

.row__slash___4PY0j,
.row__index___3KyJx {
    font-weight: bold;
    color: rgb(0, 127, 175);
}

.row__box___skADk.row__isInBranch___2x_yB .row__slash___4PY0j,
.row__box___skADk.row__isInBranch___2x_yB .row__index___3KyJx {
    color: rgb(0, 127, 175);
}

.row__type___2QnUg {
    font-weight: bold;
}

.row__details___3Uq-p {
    flex: 1 0;
    align-items: center;
}

.row__question___3xG1S {
    margin-right: 12px;
    flex: 1 0;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.row__icon___1moRD {
    margin-right: 12px;
    stroke: rgb(0, 127, 175);
    fill: none;
}

.row__box___skADk.row__isInBranch___2x_yB .row__icon___1moRD {
    stroke: rgb(0, 127, 175);
}

.row__row___2EahG.row__attribute_list_module___14vKT .row__icon___1moRD {
    fill: rgb(0, 127, 175);
    stroke: none;
}

.row__row___2EahG.row__attribute_list_module___14vKT .row__box___skADk.row__isInBranch___2x_yB .row__icon___1moRD {
    fill: rgb(0, 127, 175);
    stroke: none;
}

.row__addBranch___18d4g {
}

.row__actions___33tFP {
    flex: 1 0;
    justify-content: flex-end;
}

.row__actionSave___2JhkJ {
    color: rgb(0, 127, 175);
}

    .row__actionSave___2JhkJ:hover {
        color: rgb(0, 127, 175);
    }

.row__editor___2rOIA {
    flex-flow: column;
    transition: height 0.2s;
}

/* prettier-ignore */
.branches__newBranchContainer___AMWD- {
    flex-flow: column;
    background-color: #fff;
    width: 500px;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
}

.branches__header___2ni42 {
    font-size: 14px;
    justify-content: space-between;
    border-bottom: 1px solid #c4c4c4;
    cursor: grab;
}

.branches__headerContent___1YEVD {
    align-items: center;
    height: 54px;
    padding: 18px;
    width: 100%;
}

.branches__title___3G9mA {
    min-width: 150px;
    color: rgb(147, 39, 143);
    overflow: hidden;
    text-overflow: ellipsis;
}

.branches__eventTitle___2yv41 {
    color: rgb(0, 127, 175);
}

.branches__headerDelete___1OuL3 {
    color: rgb(147, 39, 143);
    width: 100%;
    justify-content: flex-end;
    cursor: pointer;
}

.branches__headerEventDelete___3ZFh7 {
    color: rgb(0, 127, 175);
}

.branches__menuLabel___1V834 {
    color: #111111;
}

.branches__message___1BmQT {
    color: #5e5e5e;
}

.branches__deleteButton___p7YUI {
    margin-left: 20px;
    margin-right: -5px;
    cursor: pointer;
    padding: 8px;
}

.branches__closeButton___1pPWf {
    margin-left: 10px;
}

.branches__main___9P_hI {
    flex-flow: column;
    padding: 18px;
}

.branches__column___3HQcM {
    flex-flow: column;
}

.branches__label___H84PY {
    width: 92px;
}

.branches__labelLight___2VEcC {
    font-weight: 300;
    color: #111111;
}

.branches__input___1I-TA {
    margin-left: 10px;
}

.branches__inputError___2O3ZE {
    border-radius: 4px;
    background: rgba(234, 53, 86, 0.2);
    border: 1px solid #ea3556;
}

.branches__inputFull___31gSW {
    width: 338px;
}

.branches__inputGroup___YFT2R {
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0;
}

.branches__selectBig___1mS68 {
    width: 198px;
    margin-left: 10px;
}

.branches__selectBigger___3EVUo {
    width: 228px;
    margin-right: 10px;
    margin-left: 10px;
}

.branches__selectFull___W5Wwc {
    margin-left: 10px;
    width: 338px;
}

.branches__selectSmall___1vCYC {
    width: 95px;
    margin-left: 10px;
}

.branches__selectMedium___16xcg {
    width: 150px;
    margin-left: 10px;
}

.branches__tokenDropdownContainer___1tydn {
    margin: 0 8px;
}

.branches__tokenDropdown___1WUdK {
    align-items: center;
}

.branches__footer___1bClG {
    justify-content: flex-end;
    margin: 20px;
}

.branches__addOption___1SqZk {
    margin-left: 20px;
    cursor: pointer;
}

.branches__eventBranchContainer___1bi2S {
    background-color: #fff;
    width: 500px;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
}

.branches__accent___3TDvp {
    display: block;
    min-width: 20px;
    border-radius: 4px 0 0 4px;
    align-self: stretch;
    background: rgb(0, 127, 175);
}

.branches__innerContainer___3Ki-U {
    flex-flow: column;
    flex: 1 0;
}
/*Buttons*/
.branches__saveButton___2htGg {
    width: 80px;
    margin-left: 30px;
}

.branches__cancelButton___MqjHh {
    color: rgb(0, 127, 175);
}

.branches__saveButtonPurple___3Rtdw {
    background-color: rgb(147, 39, 143);
    border-color: rgb(147, 39, 143);
}

    .branches__saveButtonPurple___3Rtdw:hover {
        border-color: rgb(0, 127, 175);
    }

.branches__cancelButtonPurple___3Vit- {
    color: rgb(147, 39, 143);
}

    .branches__cancelButtonPurple___3Vit-:hover {
        color: rgb(0, 127, 175);
    }

.branches__buttonPlusSign___k8mwH circle {
    fill: rgb(147, 39, 143);
    fill-opacity: 1;
}
/* new stuff */
.branches__branchRow___gceLT {
    height: auto;
    padding: 25px 25px;
    cursor: default;
    align-items: baseline;
}

.branches__branchRowEdit___krQs3 {
    padding: 10px 25px;
}

.branches__branchRowLocked___yFNhH {
    opacity: 0.5;
}

.branches__branchLabel___1jPSJ > svg {
    margin-right: 12px;
}

.branches__rowLabel___1i3-K {
    margin-right: 12px;
    align-self: baseline;
    color: rgb(0, 127, 175);
}

.branches__locked___1GYKA {
    flex: 1 0 auto;
    justify-content: space-between;
}

.branches__editButton___5sfAq {
    color: rgb(0, 127, 175);
    cursor: pointer;
}

    .branches__editButton___5sfAq:disabled {
        display: none;
    }

.branches__editor___3EXQA {
    flex: 1 0 auto;
    align-items: baseline;
}

.branches__actions___3CLMs {
    flex: 1 0 auto;
    justify-content: flex-end;
}

.branches__actionSave___1clvZ {
    color: rgb(0, 127, 175);
}

    .branches__actionSave___1clvZ:hover {
        color: rgb(0, 127, 175);
    }

.modules__moduleRow___2h1Yc {
    flex-flow: column;
    transition: height 0.2s;
}

/* prettier-ignore */
.connector__connector___3-aJq {
    width: 50px;
    height: 10px;
    border-right: 1px solid #dddddd;
}

    .connector__connector___3-aJq.connector__invisible___1by7F {
        border-color: transparent;
    }

.event__event___2Dxvi {
    align-items: center;
    font-size: 14px;
}

.event__text___m2HR0 {
    flex: 1 0;
    width: 0;
    justify-content: space-between;
}

.event__link___2TXVV {
}

.required-toggle__toggleContainer___3cEYJ {
    flex-grow: 0;
    margin-top: 8px;
}

.required-toggle__toggle___1H7cq {
    margin-left: 10px;
}

/* prettier-ignore */
.markdown-editor__editorControlBox___2phMG {
    display: flex;
    padding: 0;
    position: relative;
    z-index: 1;
    height: 53px;
}

.markdown-editor__urlForm___3rFrM {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 3px 15px;
}

.markdown-editor__editorIcon___2QOyz {
    fill: #9e9e9e;
}

.markdown-editor__activeIcon___3OzZ0 {
    fill: rgb(0, 127, 175);
}

.RichEditor-root.markdown-editor__emptyInputError___3ZiU4 {
    background: rgba(234, 53, 86, 0.2);
    border: 1px solid #ea3556;
    margin-bottom: 0.6em;
    font-size: 14px;
}

.markdown-editor__urlInput___Gkfrq {
    border-bottom: 1px solid #c4c4c4;
    font-variant: normal;
    font-size: 11px;
    font-weight: normal;
    width: 200px;
}

.markdown-editor__modalBg___mUgnm {
    box-shadow: inset 0 -3px 2px -2px #c4c4c4;
    background-color: rgba(0, 0, 0, 0.71);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    flex-direction: column;
}

.markdown-editor__modalWrapper___3cMsq {
    position: relative;
}

    .markdown-editor__modalWrapper___3cMsq:focus {
        outline: 0;
    }

.markdown-editor__urlInputBox___3pWXE {
    display: flex;
    flex-direction: column;
    background: #ededed;
    padding: 40px 80px;
    border-radius: 4px;
}

.markdown-editor__urlFormRow___u9ZG- {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1 0;
    margin: 10px 0;
}

.markdown-editor__extraUrlInput___31lj- {
    width: 300px;
}

.markdown-editor__submitButton___1LSUG {
}

.markdown-editor__styleButton___1DZf_ {
    display: flex;
    align-items: center;
    color: #9e9e9e;
    cursor: pointer;
    padding: 0 15px;
}

.markdown-editor__styleNewButton___1bGp1 {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 15px;
}

    .markdown-editor__styleNewButton___1bGp1:hover {
        background-color: #ddeaef;
    }

.markdown-editor__activeStyleButton___e4ftD {
    background-color: #ddeaef;
}

.markdown-editor__activeImageBlockButton___1yaf_ {
    background-color: #ddeaef;
}

.markdown-editor__dynamicTextPlusIcon___18nq- {
    margin-right: 8px;
    height: 18px;
    width: 18px;
}

.markdown-editor__separator___j0oEr {
    width: 1px;
    background-color: #dddddd;
    z-index: 1;
    max-width: 1px;
    flex: 2 0 1px;
}

.markdown-editor__spacer___1vrm3 {
    flex: 2 0 auto;
}

.markdown-editor__closeButton___1kFce {
    position: absolute;
    top: -10px;
    right: -40px;
    cursor: pointer;
    padding: 10px;
}

    .markdown-editor__closeButton___1kFce svg {
        width: 18px;
        height: 18px;
        fill: #ededed;
    }

.markdown-editor__mediaBlock___20TuG {
    position: relative;
    cursor: default;
}

.RichEditor-editor .markdown-editor__mediaBlock___20TuG:hover {
    box-shadow: 0 0 2px rgb(0, 127, 175);
}

.markdown-editor__buttonBox___2BKvj {
    top: 0;
    background-color: rgba(255, 255, 255, 0.9);
    height: 0;
    width: 100%;
    position: absolute;
    display: flex;
    transition: height 200ms ease;
    overflow: hidden;
    z-index: 1;
    align-items: flex-end;
}

.RichEditor-editor .markdown-editor__mediaBlock___20TuG:hover .markdown-editor__buttonBox___2BKvj {
    height: 40px;
}

.markdown-editor__mediaButton___1rZeY {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    border-radius: 4px;
    cursor: pointer;
}

.markdown-editor__linkIcon___1PMEb {
    height: 20px;
    width: 20px;
    fill: #5e5e5e;
    transition: fill 200ms ease;
}

.markdown-editor__removeIcon___2krCw g {
    height: 20px;
    width: 20px;
    stroke: #5e5e5e;
    transition: stroke 200ms ease;
}

.markdown-editor__mediaButton___1rZeY:hover .markdown-editor__linkIcon___1PMEb {
    fill: rgb(0, 127, 175);
}

.markdown-editor__mediaButton___1rZeY:hover .markdown-editor__removeIcon___2krCw g {
    stroke: #ea3556;
}

.markdown-editor__mediaImg___2KeKg {
    transition: filter 160ms ease;
}

.RichEditor-editor .markdown-editor__mediaBlock___20TuG:hover .markdown-editor__mediaImg___2KeKg {
    filter: blur(3px);
}

.markdown-editor__leftExpander___3MeCm {
    margin-left: auto;
}
/* links generated by the rte visible in both editing mode and
also during readonly display of rte contents */
.markdown-editor__link___17XYo,
.text-link {
    text-decoration: underline;
    color: rgb(0, 127, 175);
    position: relative;
}

/* prettier-ignore */
.dynamic-label-modal__dynamicLabelsContainer___1i28V {
    width: 550px;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    justify-content: center;
    max-height: 615px;
    height: 300px;
}

.dynamic-label-modal__dynamicLabelsHeader___w5-h2 {
    border-bottom: 1px solid #c4c4c4;
    flex-flow: row;
    justify-content: space-between;
    line-height: 45px;
    padding: 0 10px;
    align-items: center;
}

.dynamic-label-modal__compactDynamicLabelsContainer___3hgdG {
    display: flex;
    width: 300px;
    border-radius: 4px;
    max-height: 200px;
    height: 200px;
}

.dynamic-label-modal__compactDynamicLabelsHeader___1AT3g {
    display: flex;
    line-height: 30px;
}

.dynamic-label-modal__dynamicLabelsClose___356NG {
    cursor: pointer;
    color: rgb(0, 127, 175);
    font-size: 14px;
    margin-right: 10px;
}

.dynamic-label-modal__dynamicLabelsTabs___3ctbX {
    display: flex;
    background: #ededed;
    flex-flow: row;
    justify-content: space-between;
    line-height: 45px;
    margin-bottom: 10px;
}

.dynamic-label-modal__compactDynamicLabelsTabs___3sIKe {
    line-height: 30px;
}

.dynamic-label-modal__dynamicLabelsTab___1tphw {
    flex: 1 1;
    cursor: pointer;
    font-size: 14px;
    padding: 0 20px;
    border-bottom: 1px solid #c4c4c4;
    align-items: center;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.dynamic-label-modal__compactDynamicLabelsTab___1ydBr {
    justify-content: center;
}

    .dynamic-label-modal__compactDynamicLabelsTab___1ydBr svg {
        margin-right: 0px !important;
    }

.dynamic-label-modal__dynamicLabelsTab___1tphw svg {
    margin-right: 10px;
}

.dynamic-label-modal__activeDynamicLabelsTab___1VrsO {
    background: #fff;
    border-bottom-color: transparent;
    border-right: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
}

    .dynamic-label-modal__activeDynamicLabelsTab___1VrsO:first-child {
        border-left-color: transparent;
    }

    .dynamic-label-modal__activeDynamicLabelsTab___1VrsO:last-child {
        border-right-color: transparent;
    }

.dynamic-label-modal__dynamicLabelsTab___1tphw:first-child {
    padding-left: 30px;
}

.dynamic-label-modal__dynamicLabelsContent___1DFba {
    flex-flow: column;
    margin: 0 30px 20px;
    flex: 1 1;
    justify-content: center;
    /* NOTE(elliot): Adding this min-height because
   * in firefox, the overflow-y: scroll in the child
   * flex item is not repected. This is because all
   * flex itmes have a default minimum size and does
   * not respect chidren and descendent overflow
   * properties.
   * See https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox */
    min-height: 0;
}

.dynamic-label-modal__compactDynamicLabelsContent___2UbNB {
    margin: 0 20px 15px;
}

.dynamic-label-modal__dynamicLabelsEmptyLabel___1QT2S {
    align-self: center;
    font-size: 14px;
    color: #9e9e9e;
}

.dynamic-label-modal__dynamicLabelsSearchInput___2pX29 {
    padding: 0 10px;
    margin: 10px 0;
    width: 50%;
}

.dynamic-label-modal__compactDynamicLabelsSearchInput___6yd4D {
    height: 30px;
}

.dynamic-label-modal__dynamicLabelList___vA1MN {
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    flex-direction: column;
    flex: 1 1;
}

.dynamic-label-modal__dynamicButton___1tswW {
    cursor: pointer;
    display: flex;
    flex: 1 1;
    text-align: left;
    line-height: 22px;
    color: rgb(0, 127, 175);
    font-weight: 400;
    font-size: 14px;
}

    .dynamic-label-modal__dynamicButton___1tswW:hover {
        filter: brightness(95%);
    }

    .dynamic-label-modal__dynamicButton___1tswW span {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.dynamic-label-modal__focusedElement___30pdf {
    background: #ededed;
}
/* these classes are dynamically generated in dynamic-label-modal
   so won't show up in a grep for, say, `css\.Consultant` */
.dynamic-label-modal__Consultant___1xcrv {
    color: rgb(0, 127, 175);
}

.dynamic-label-modal__Placement___2xwlC {
    color: rgb(191, 114, 0);
}

.dynamic-label-modal__Global____yLJ2 {
    color: rgb(147, 39, 143);
}

/* Need this because safari won't assign flex to `button` */
.index__flexWrapper___1g9qJ {
    display: flex;
    align-items: center;
}

.index__plusSign___-TW5_ {
    /* the margin is for chrome/safari/firefox compatibility */
    margin-right: 8px;
    align-self: center;
}
/* Text on transparent Add Button */
.index__textAddButton___1G3b3 {
    color: rgb(0, 127, 175);
    cursor: pointer;
}

    .index__textAddButton___1G3b3:hover {
        color: rgb(0, 127, 175);
    }

    .index__textAddButton___1G3b3 .index__plusSign___-TW5_ circle {
        fill: rgb(0, 127, 175);
    }

    .index__textAddButton___1G3b3 .index__plusSign___-TW5_ text {
        fill: #fff;
    }

    .index__textAddButton___1G3b3:hover .index__plusSign___-TW5_ circle {
        fill: rgb(0, 127, 175);
    }
/* Conventional button Add Button */
.index__filledAddButton___3QfQb {
    cursor: pointer;
}

    .index__filledAddButton___3QfQb .index__plusSign___-TW5_ {
        vertical-align: middle;
    }

        .index__filledAddButton___3QfQb .index__plusSign___-TW5_ circle {
            fill: white;
            fill-opacity: 1;
        }

        .index__filledAddButton___3QfQb .index__plusSign___-TW5_ text {
            fill: rgb(0, 127, 175);
        }

.index__sansLabel___1LAeA {
    font-size: 14px;
}

.index__addButton___3awHQ {
    color: rgb(0, 127, 175);
    cursor: pointer;
}

/* Need this because safari won't assign flex to `button` */

.index__flexWrapper___ZyABD {
    display: flex;
    align-items: center;
}

.index__plusSign___gWK4r {
    /* the margin is for chrome/safari/firefox compatibility */
    margin-right: 8px;
    align-self: center;
    fill: rgb(0, 127, 175);
}

.index__sansLabel___3Vn__ {
    font-size: 14px;
}

/**
 * Draft v0.11.0
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
    height: inherit;
    text-align: initial
}

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

.DraftEditor-root {
    position: relative
}

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

.public-DraftEditor-block {
    position: relative
}

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

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

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

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

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

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

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

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

.DraftEditorPlaceholder-hidden {
    display: none
}

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

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

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

.public-DraftStyleDefault-listLTR {
    direction: ltr
}

.public-DraftStyleDefault-listRTL {
    direction: rtl
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
    counter-reset: ol4
}
/* Some default editor styles (copypasta-city!) */

.RenderedRTE {
    display: block;
}

.RichEditor-root {
    background: #fff;
    border: 1px solid #ddd;
    font-family: 'proxima-nova', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    display: block;
    position: relative;
}

.RichEditor-editor {
    border-bottom: 1px solid #ddd;
    cursor: text;
    font-size: 16px;
    padding: 15px 15px 0;
    min-height: 300px;
}

    .RichEditor-editor .public-DraftEditorPlaceholder-root,
    .RichEditor-editor .public-DraftEditor-content {
    }

    .RichEditor-editor .public-DraftEditor-content {
    }

.RichEditor-hidePlaceholder .public-DraftEditorPlaceholder-root {
    display: none;
}

.RenderedRTE p {
    margin: 0;
}

.DraftEditor-root h1,
.RenderedRTE h1 {
    font-size: 24px;
}

.DraftEditor-root h2,
.RenderedRTE h2 {
    font-size: 18px;
}

.RichEditor-blockquote,
.RenderedRTE blockquote {
    border-left: 5px solid #eee;
    color: #666;
    font-family: 'elena-web-basic', 'Hoefler Text', 'Georgia', serif;
    font-style: italic;
    margin: 16px 0;
    padding: 10px 20px;
}

/*only dedent blockquote in surveys, not in editor*/

/*.RenderedRTE blockquote {
  margin: 16px 0 0 -25px;
}*/

.public-DraftStyleDefault-pre,
.RenderedRTE pre {
    background-color: rgba(0, 0, 0, 0.05);
    font-family: 'Inconsolata', 'Menlo', 'Consolas', monospace;
    font-size: 16px;
    padding: 20px;
}

.RichEditor-controls {
    font-family: 'Helvetica', sans-serif;
    font-size: 14px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.RichEditor-activeButton {
    color: #007faf;
}

/* don't let images escape the rte */

.RichEditor-editor img,
.RenderedRTE img {
    max-width: 100%;
}

/* can style this to, e.g. add a 1.2em margin-bottom for all content blocks */

.public-DraftEditorPlaceholder-root,
.public-DraftStyleDefault-block {
    line-height: 1.5;
}

.public-DraftStyleDefault-block {
}

.public-DraftStyleDefault-ol .public-DraftStyleDefault-block,
.public-DraftStyleDefault-ul .public-DraftStyleDefault-block {
}

.RenderedRTE ul,
.RenderedRTE ol {
    margin: 16px 0;
    padding: 0 25px;
}

/* style the static display correctly */

.DraftEditor-root {
    display: block;
}

    .DraftEditor-root img {
        max-width: 100%;
    }

    .DraftEditor-root .public-DraftStyleDefault-block {
        /*This used to set the default block width but that can add
    selection handles to the rte in IE11. instead, the blocks
    now defer to their parent's width.
  */
    }

.block-align-center,
.block-align-center .public-DraftStyleDefault-block {
    text-align: center;
}

@media (max-width: 700px) {
    .DraftEditor-root .public-DraftStyleDefault-block {
        /*width: 100%;*/
    }
}

.draft-input__container___9EJDg {
    flex-direction: row;
    flex: 1 1;
}

.draft-input__innerContainer___2S13Q {
    position: relative;
    flex: 1 1;
    /* min-width: auto (default) causes container to expand because
    "A flex item cannot be smaller than the size of its content along the main axis."
    q.v. https://stackoverflow.com/a/36247448/470756
   */
    min-width: 0;
    width: 0;
    align-items: center;
}

.draft-input__input___1GHty {
    align-content: center;
    flex: 1 0;
    cursor: text;
    overflow: hidden;
}

.draft-input__inputScroll___1q6jP {
    height: 60px;
    flex: 1 1;
    overflow-x: auto;
    align-self: center;
}

.draft-input__input___1GHty:focus-within {
    border-color: rgb(0, 127, 175);
}

/* Target the draft div contained in the input*/

.draft-input__input___1GHty .DraftEditor-root {
    height: auto;
    flex: 1 1;
    align-self: center;
    padding-right: 20px;
}

.draft-input__input___1GHty .public-DraftStyleDefault-block {
    white-space: pre;
}

    .draft-input__input___1GHty .public-DraftStyleDefault-block span {
        vertical-align: middle;
    }

.draft-input__dynamicLabelPicker___2slBq {
    position: absolute;
    z-index: 2;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
}

.draft-input__addButton___3Qu-v {
    margin-left: 8px;
}

.draft-input__addMeButton___13NVV {
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: -60px;
    fill: #aaaaaa;
}

    .draft-input__addMeButton___13NVV:hover {
        fill: #919191;
    }

    .draft-input__addMeButton___13NVV:active {
        fill: #777777;
    }

.draft-input__inlineMeButton___3wnsB {
    border-width: 0;
    margin-right: -21px;
    height: 39px;
    margin-left: 20px;
}

.draft-input__inlineX___3QTTT {
    position: relative;
    top: -1px;
    margin: 0 .2em;
}

/* prettier-ignore */
/* from sketch, will maybe promote to colors (marcos) */
/* top level classes */
.module__border1___PTaSp {
    border: 1px solid #dddddd;
}

.module__editor___2MT0K {
    max-width: 900px;
    padding: 0px 25px 25px;
}

.module__mainColumn___3eebw {
    max-width: 750px;
    flex-direction: column;
    flex-grow: 1;
}

.module__rightMenuColumn___2FijI {
    margin-left: 10px;
}

.module__header___3GJpX {
    position: relative;
    padding: 6px 0 22px;
    border-bottom: 1px solid #ededed;
}

.module__title1___1ivi1 {
    font-size: 18px;
}

.module__actions___GT_LX {
    flex: 1 0 auto;
    justify-content: flex-end;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    color: #5e5e5e;
}

.module__action___1C9yD {
}

.module__editAction___3fdO_ {
    display: none;
}

.module__smsAction___eFgIn,
.module__previewAction___1h-DD,
.module__testAction___3yuYq,
.module__deleteAction___l9V-t {
    display: inline-flex;
    flex-direction: row;
}

.module__actionIcon___28sjq {
    display: none;
}

.module__spacer___1wd0y {
    margin: 0 1em;
    color: rgb(0, 127, 175);
}

.module__saveButton___RDusM {
    width: 126px;
    margin-top: 20px;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.module__addModuleButton___JvWjd {
    margin-top: 266px;
    width: 80px;
    height: 100px;
    flex-direction: column;
    justify-content: flex-start;
}

.module__addModuleButtonFixed___thtkY {
    transition: right 230ms ease;
    margin-top: 0px;
    position: fixed;
    top: 20px;
    right: -150px;
}

.module__addModuleButtonFixedVisible___3QwrT {
    right: 50px;
}

.module__button_plusSign___1mT4Y {
    /* the margin is for chrome/safari/firefox compatibility */
    margin: 16px 13px 10px 13px;
    align-self: center;
}

.module__emptyInputError___3fts7 {
    border-radius: 4px;
    padding: 1em;
    background: rgba(234, 53, 86, 0.2);
    border: 1px solid #ea3556;
    margin-bottom: 0.6em;
    font-size: 14px;
}
/* General Module CSS */
.module__generalModule___3P0Yr {
    flex-direction: column;
    min-width: 500px;
    max-width: 750px;
    margin-bottom: 16px;
    background-color: #f7f7f7;
    border-radius: 4px;
}

.module__dragger___2eyGg {
    flex-flow: column;
}

.module__dragging___O3L6f {
    background: #dddddd;
    height: 67px;
    margin-bottom: 16px;
}

    .module__dragging___O3L6f > * {
        display: none;
    }

.module__generalModule_content___16YQC {
    flex-direction: column;
    padding: 20px 32px;
}

.module__generalModule_message___qzcuh {
    font-size: 14px;
    margin-bottom: 14px;
}

.module__generalModule_questionLabel___3e-hB {
    flex-direction: column;
    margin-bottom: 7px;
    font-size: 13px;
}

.module__generalModule_alertKeywordsLabel___rpIsc {
    margin-top: 7px;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    margin-right: 12px;
}

.module__generalModule_input___1Pj6t {
    margin: 0 0 10px;
}

.module__generalModule_row___2KQ2z {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.module__moduleInputRow___1JuWW {
    flex-flow: column;
    margin-bottom: 10px;
}

.module__addOption___2lH14 {
    align-self: flex-end;
    margin-top: 8px;
    margin-bottom: 16px;
}

.module__optionRow_cell___2oIhj {
    align-items: center;
    height: 40px;
}

.module__option_close___1ZCdn {
    cursor: pointer;
}

    .module__option_close___1ZCdn:hover {
        opacity: 0.7;
    }
/* RatingScaleModule */
.module__ratingScaleModule_bottomContent___1qTho {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

    .module__ratingScaleModule_bottomContent___1qTho label {
        flex-grow: 1;
    }

.module__ratingScaleModule_separator___2Tali {
    width: 15px;
}

.module__ratingScaleModule_bottomContent___1qTho span {
    display: block;
}

.module__ratingScaleModule_bottomContent___1qTho input {
    font-size: 14px;
}

.module__ratingScaleModule_alertRating___1ensz {
    flex-direction: row;
    align-items: center;
    padding: 4px 0px;
    font-size: 13px;
    flex-grow: 1;
}

.module__ratingScaleModule_alertRatingSelect___xt44j {
    font-weight: normal;
}

.module__ratingScaleModule_alertRatingTitle___3vSWS {
    margin-bottom: 0px;
}

.module__ratingScaleModule_alertRatingSelect_container___F4Vs9 {
    margin-left: 12px;
    width: 80px;
}
/* MultipleChoiceModule */
.module__multipleChoiceModule_container___2vA8T {
    flex-flow: column;
}

.module__multipleChoiceModule_rows___1yjV2,
.module__multipleChoiceModule_multiSelectRow___1QJsr {
    flex-flow: column;
}

.module__multipleChoiceModule_multiSelectRow___1QJsr {
    margin: 8px 0;
}

.module__multipleChoiceModule_answers___26mY2 {
    flex-direction: column;
    margin-top: 4px;
    padding: 4px 0px;
    font-size: 13px;
}

.module__multipleChoiceModule_groupedInputs___24JZV {
    align-items: center;
    font-size: 13px;
}

    .module__multipleChoiceModule_groupedInputs___24JZV > *:first-child {
        padding-right: 8px;
    }

.module__multipleChoiceModule_choicesContainer___1srdr {
    display: grid;
    width: 100%;
    align-items: center;
    margin-bottom: 8px;
    grid-template-columns: 1fr 15%;
}

    .module__multipleChoiceModule_choicesContainer___1srdr.module__withWriteback___ybB6k {
        grid-template-columns: 2fr 1fr 6fr;
    }

    .module__multipleChoiceModule_choicesContainer___1srdr.module__withAlerts___3Xjz2 {
        grid-template-columns: 1fr 15% 15%;
    }

    .module__multipleChoiceModule_choicesContainer___1srdr.module__withWriteback___ybB6k.module__withAlerts___3Xjz2 {
        grid-template-columns: 2fr 1fr 4fr 2fr;
    }

.module__multipleChoiceModule_choiceColumnTitle___2RL6j {
    height: 16px;
}

.module__multipleChoiceModule_choiceInput___1sdui {
    display: flex;
    width: inherit;
    padding-right: 12px;
    min-width: 0;
}

.module__multipleChoiceModule_deleteIcon___2a-54 {
    justify-content: center;
    cursor: pointer;
}

.module__multipleChoiceModule_alertItem___1TuL7 {
    padding: 0 16px;
    justify-content: flex-end;
}

.module__multipleChoiceModule_choiceColumnItem___2XOx2 > input {
    width: inherit;
}

.module__multipleChoiceModule_addRow___30UkA {
    font-size: 13px;
    cursor: pointer;
}

.module__multipleChoiceModule_choiceToggles___3TdU- {
    justify-content: space-between;
    align-items: center;
}

.module__multipleChoiceModule_choiceEnableAllToggle___PyLrT {
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.module__multipleChoiceModule_hiddenText___3bSHF {
    margin-right: 12px;
    color: #db8200;
}

.module__multipleChoiceModule_expandIcon___13ZMv {
    margin-left: 12px;
    height: 100%;
}

.module__multipleChoiceModule_hintText___126Xy {
    font-size: 14px;
    margin-top: 24px;
    color: #7b7b7b;
}

.module__multipleChoiceModule_writebackHint___30UOL {
    color: #db8200;
    flex-flow: row;
    align-items: center;
    margin-top: 12px;
    font-size: 14px;
}

.module__multipleChoiceModule_hintIcon___4fj9H {
    fill: #db8200;
    margin-right: 8px;
}

.module__multipleChoiceModule_choiceEnableAllToggleDivider___2ZKoc {
    margin: 0 12px;
}

.module__multipleChoiceModule_alertChoices___3lnAc {
    flex-grow: 1;
    flex-direction: row;
    align-items: center;
    margin-top: 0px;
    margin-right: 12px;
}

.module__multipleChoiceModule_alertChoices_select___1Ftj9 {
    margin-left: 10px;
}

.module__multipleChoiceModule_answers_title___2uT0p {
    margin-bottom: 6px;
}

.module__multipleChoiceModule_rules___W9Zlh {
    align-items: baseline;
}

.module__multipleChoiceModule_rules_title___2uF8H {
    width: 62px;
    margin-bottom: 10px;
    font-size: 13px;
}

.module__multipleChoiceModule_rules_inputs___3ZJ4n {
    margin-left: 50px;
}

.module__multipleChoiceModule_select_restriction_type___3Gnhe {
    width: 180px !important;
    margin-right: 15px;
}

.module__multipleChoiceModule_select_restriction_number___c462O {
    width: 80px !important;
}

.module__multipleChoiceModule_optionRow___27EYl {
    margin: 7px 0px;
    padding-right: 13px;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 13px;
}

.module__multipleChoiceModule_optionRow_subtitle___pXG5C {
    align-items: center;
    height: 40px;
    width: 62px;
    color: #5e5e5e;
}

.module__multipleChoiceModule_optionRow_input___cQo71 {
    margin-left: 50px;
    margin-right: 30px;
    flex-grow: 1;
}

.module__multipleChoiceModule_writebackOptionRow_input___2R9R7 {
    flex-grow: 1;
}

    .module__multipleChoiceModule_writebackOptionRow_input___2R9R7:not(:last-child) {
        margin-right: 10px;
    }

.module__multipleChoiceModule_row___3xw1n {
    margin-top: 4px;
}
/* ListModule */
.module__listModule_main___B-kEf {
    flex-direction: column;
}

.module__listModule_specify___39kx1 {
    flex-direction: column;
    margin: 4px 0 6px 0;
    padding: 4px 0px;
    font-size: 13px;
}

.module__listModule_attributes___HHa2R {
    margin-top: 4px;
    padding: 4px 0px;
    font-size: 13px;
    flex-direction: column;
}

.module__listModule_row___3z7dv {
    margin: 8px 0px;
    padding-right: 13px;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 13px;
}

.module__listModule_field___1Bahp {
    align-items: center;
    height: 40px;
    width: 62px;
    color: #5e5e5e;
}

.module__listModule_input___XP9cr {
    margin-right: 16px;
}
/* NotificationModule */
.module__notificationModule_messageInput___ZshX4 {
    flex: 1 0 auto;
    height: auto;
    min-height: 220px;
    flex-direction: column;
    font-size: 14px;
    position: relative;
    color: #000;
    margin: 0;
    padding: 0;
}

    .module__notificationModule_messageInput___ZshX4 > div:nth-child(2) {
        flex: 1 0 auto;
        border-radius: inherit;
    }

    .module__notificationModule_messageInput___ZshX4 a {
        color: rgb(0, 127, 175);
        text-decoration: underline;
    }

.module__button___2K7nu {
    padding: 0 25px;
    margin: 0 20px;
}
/* CalendarDateModule */
.module__calendarDate_container___3HXLZ {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.module__calendarDate_radioGroup___1VZSJ {
    flex-flow: column;
}

    .module__calendarDate_radioGroup___1VZSJ > * {
        margin-top: 12px;
        font-size: 13px;
    }

.module__calendarDate_inputLabel___2YiOZ {
}

.module__calendarDate_input___1g-bV {
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
    /* TODO: figure out why this doesn't work for checkbox */
    height: 100%;
    margin-top: 8px;
}

.module__calendarDate_inputContainer___1j_SH {
    width: 220px;
}

.module__calendarDate_inputLabel___2YiOZ,
.module__calendarDate_inputContainer___1j_SH {
    flex-flow: column;
    margin-right: 20px;
}

.module__calendarDate_alertContainer___EAEFp {
    margin-top: 20px;
}
/* SMSNotificationModule */
.module__smsNotification_label___3bPxe {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
}

.module__smsNotification_type___1t06q {
}

.module__smsNotification_message___1DQ7h {
}

.module__smsNotification_error_message___N2TJ- {
    color: #ea3556;
}

.module__smsNotification_warning_message___JPzCj {
    color: rgb(181, 132, 69);
}

.module__smsNotification_input___2ZeM_ {
    margin-top: 10px;
}

    .module__smsNotification_input___2ZeM_ textarea {
        height: 80px;
    }

    .module__smsNotification_input___2ZeM_.module__emptyInputError___3fts7 {
        border-radius: 4px;
        padding: 1em;
        background: rgba(234, 53, 86, 0.2);
        border: 1px solid #ea3556;
        margin-bottom: 0.6em;
        font-size: 14px;
    }

.module__smsNotificationNotice___317tr {
    font-size: 12px;
    text-align: right;
}
/* linked content notice */
.module__linkedContentNotice___3qWRA {
    color: #bbb;
    border-top: 1px dashed #bbb;
    display: flex;
    justify-content: center;
    margin: 2em 0 3em;
    position: relative;
}

    .module__linkedContentNotice___3qWRA span {
        position: absolute;
        top: -0.6em;
        padding: 0em 2em 0 3em;
        background-color: #f7f7f7;
    }

.module__linkedContentIcon___1sEmH {
    fill: #bbb;
    position: absolute;
    left: 13px;
    top: -1px;
    transform: rotate(-45deg);
}

.module__labelWithInlineSelector___3FMxN {
    flex-flow: row;
    margin-bottom: 10px;
}

.module__moduleSelectorLabel___2CMUJ {
    color: rgb(147, 39, 143);
    flex: 1 0;
    flex-direction: row-reverse;
}

.module__moduleSelector___1iPtc {
    margin-top: -10px;
    font-weight: 300;
}

.module__moduleSelectorClose___199BZ {
    cursor: pointer;
    margin-top: 3px;
    margin-left: 20px;
}

.module__rowLabel___1yPlR {
    margin-right: 10px;
}

.module__ratingScaleContainer___3Jk6V {
    flex-flow: column;
    width: 100%;
    justify-content: space-between;
}

.error-input__container___PYLoi {
    flex-flow: column;
}


.error-input__input___1hjC0 {
}


.error-input__errorInput___L4Ndi {
    margin-bottom: 8px;
}


.error-input__textarea___23Ky0 {
    height: auto;
}


.error-input__errorTextarea___2oMQA {
    background: #f4e2e6;
    border: 1px solid #ea3556;
    margin-bottom: 8px;
}


.error-input__errors___31Ggt li:last-child {
    margin-bottom: 5px;
}


.checkbox__checkboxInput___23NCN {
    display: none;
}

.checkbox__fancyCheckbox___1BtCv {
}

.checkbox__unchecked___303Zl svg {
    stroke: rgb(0, 127, 175);
    fill: #fff;
}

.checkbox__checked___15WRP svg {
    stroke: #fff;
    fill: rgb(0, 127, 175);
}

.checkbox__disabled___3gAV-.checkbox__unchecked___303Zl svg {
    stroke: #dddddd;
    fill: #f7f7f7;
}

.checkbox__disabled___3gAV-.checkbox__checked___15WRP svg {
    stroke: #f7f7f7;
    fill: #dddddd;
}

.checkbox__hiddenCheckbox___8YCSj {
    display: none;
}

.radio__optionGroup___q-Se7 {
    margin-left: 100px;
    flex-direction: column;
}

.radio__optionLabel___2lN-P {
    margin-bottom: 1em;
}

.radio__radioLabel___1OmtB {
    color: colorGray7;
    margin-right: 30px;
    position: relative;
    display: flex;
}

    .radio__radioLabel___1OmtB input[type='radio'] {
        opacity: 0;
        position: absolute;
        width: 12px;
        height: 12px;
        left: 1px;
        top: 2px;
    }

.radio__inputLabel___2ja1-:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 9px;
    border: 1px solid #919191;
    position: absolute;
    left: -2px;
    top: -1px;
}

.radio__radioLabel___1OmtB input[type='radio']:focus + .radio__inputLabel___2ja1-:before {
    box-shadow: 0 0 6px rgb(0, 127, 175);
}

.radio__inputLabel___2ja1- {
    margin-left: 25px;
}

.radio__radioLabel___1OmtB input[type='radio'] + .radio__inputLabel___2ja1-:after {
    content: '';
    width: 0;
    height: 0;
    left: 7px;
    top: 8px;
    background-color: transparent;
    border-radius: 6px;
    position: absolute;
    transition: background-color 180ms ease, width 140ms, height 140ms, left 140ms, top 140ms;
}

.radio__radioLabel___1OmtB input[type='radio']:checked + .radio__inputLabel___2ja1-:before {
    background-color: rgb(0, 127, 175);
    border-color: rgb(0, 127, 175);
}

.radio__radioLabel___1OmtB input[type='radio']:checked + .radio__inputLabel___2ja1-:after {
    height: 6px;
    width: 6px;
    left: 4px;
    top: 5px;
    background-color: white;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute;
}

    .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
    .react-datepicker__month-read-view--down-arrow::before,
    .react-datepicker__month-year-read-view--down-arrow::before {
        box-sizing: content-box;
        position: absolute;
        border: 8px solid transparent;
        height: 0;
        width: 1px;
    }

        .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
        .react-datepicker__month-read-view--down-arrow::before,
        .react-datepicker__month-year-read-view--down-arrow::before {
            content: "";
            z-index: -1;
            border-width: 8px;
            left: -8px;
            border-bottom-color: #aeaeae;
        }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}

    .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
        border-top: none;
        border-bottom-color: #f0f0f0;
    }

        .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
            top: -1px;
            border-bottom-color: #aeaeae;
        }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px;
}

    .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
    .react-datepicker__month-read-view--down-arrow::before,
    .react-datepicker__month-year-read-view--down-arrow::before {
        border-bottom: none;
        border-top-color: #fff;
    }

        .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
        .react-datepicker__month-read-view--down-arrow::before,
        .react-datepicker__month-year-read-view--down-arrow::before {
            bottom: -1px;
            border-top-color: #aeaeae;
        }

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
}

.react-datepicker {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
    border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
    border-radius: 0.3rem;
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}

.react-datepicker-popper {
    z-index: 1;
}

    .react-datepicker-popper[data-placement^="bottom"] {
        margin-top: 10px;
    }

    .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
        left: auto;
        right: 50px;
    }

    .react-datepicker-popper[data-placement^="top"] {
        margin-bottom: 10px;
    }

    .react-datepicker-popper[data-placement^="right"] {
        margin-left: 8px;
    }

        .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
            left: auto;
            right: 42px;
        }

    .react-datepicker-popper[data-placement^="left"] {
        margin-right: 8px;
    }

        .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
            left: 42px;
            right: auto;
        }

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    padding-top: 8px;
    position: relative;
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
    margin-top: 0;
    color: #000;
    font-weight: bold;
    font-size: 0.944rem;
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: 0.45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc;
}

    .react-datepicker__navigation--previous:hover {
        border-right-color: #b3b3b3;
    }

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 80px;
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc;
}

    .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b3b3;
    }

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc;
}

    .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b3b3;
    }

.react-datepicker__month-container {
    float: left;
}

.react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
}

    .react-datepicker__month .react-datepicker__month-text,
    .react-datepicker__month .react-datepicker__quarter-text {
        display: inline-block;
        width: 4rem;
        margin: 2px;
    }

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}

    .react-datepicker__input-time-container .react-datepicker-time__caption {
        display: inline-block;
    }

    .react-datepicker__input-time-container .react-datepicker-time__input-container {
        display: inline-block;
    }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
            display: inline-block;
            margin-left: 10px;
        }

            .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
                width: 85px;
            }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
                    -webkit-appearance: none;
                    margin: 0;
                }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
                    -moz-appearance: textfield;
                }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
            margin-left: 5px;
            display: inline-block;
        }

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px;
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -72px;
    top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white;
}

    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
        width: 85px;
        overflow-x: hidden;
        margin: 0 auto;
        text-align: center;
    }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
            list-style: none;
            margin: 0;
            height: calc(195px + (1.7rem / 2));
            overflow-y: scroll;
            padding-right: 0px;
            padding-left: 0px;
            width: 100%;
            box-sizing: content-box;
        }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
                height: 30px;
                padding: 5px 10px;
                white-space: nowrap;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
                    cursor: pointer;
                    background-color: #f0f0f0;
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
                background-color: #216ba5;
                color: white;
                font-weight: bold;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
                    background-color: #216ba5;
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
                color: #ccc;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
                    cursor: default;
                    background-color: transparent;
                }

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

    .react-datepicker__week-number.react-datepicker__week-number--clickable {
        cursor: pointer;
    }

        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
            border-radius: 0.3rem;
            background-color: #f0f0f0;
        }

.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}

    .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
    .react-datepicker__quarter--selected:hover,
    .react-datepicker__quarter--in-selecting-range:hover,
    .react-datepicker__quarter--in-range:hover {
        background-color: #1d5d90;
    }

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none;
}

    .react-datepicker__month--disabled:hover,
    .react-datepicker__quarter--disabled:hover {
        cursor: default;
        background-color: transparent;
    }

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
    cursor: pointer;
}

    .react-datepicker__day:hover,
    .react-datepicker__month-text:hover,
    .react-datepicker__quarter-text:hover {
        border-radius: 0.3rem;
        background-color: #f0f0f0;
    }

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
    font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff;
}

    .react-datepicker__day--highlighted:hover,
    .react-datepicker__month-text--highlighted:hover,
    .react-datepicker__quarter-text--highlighted:hover {
        background-color: #32be3f;
    }

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
    color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
    color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}

    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
    .react-datepicker__month-text--selected:hover,
    .react-datepicker__month-text--in-selecting-range:hover,
    .react-datepicker__month-text--in-range:hover,
    .react-datepicker__quarter-text--selected:hover,
    .react-datepicker__quarter-text--in-selecting-range:hover,
    .react-datepicker__quarter-text--in-range:hover {
        background-color: #1d5d90;
    }

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff;
}

    .react-datepicker__day--keyboard-selected:hover,
    .react-datepicker__month-text--keyboard-selected:hover,
    .react-datepicker__quarter-text--keyboard-selected:hover {
        background-color: #1d5d90;
    }

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range {
    background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range, .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range {
    background-color: #f0f0f0;
    color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
    cursor: default;
    color: #ccc;
}

    .react-datepicker__day--disabled:hover,
    .react-datepicker__month-text--disabled:hover,
    .react-datepicker__quarter-text--disabled:hover {
        background-color: transparent;
    }

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0;
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: 0.3rem;
}

    .react-datepicker__year-read-view:hover,
    .react-datepicker__month-read-view:hover,
    .react-datepicker__month-year-read-view:hover {
        cursor: pointer;
    }

        .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
        .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
        .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
        .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
        .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
        .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
            border-top-color: #b3b3b3;
        }

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: 0.3rem;
    border: 1px solid #aeaeae;
}

    .react-datepicker__year-dropdown:hover,
    .react-datepicker__month-dropdown:hover,
    .react-datepicker__month-year-dropdown:hover {
        cursor: pointer;
    }

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .react-datepicker__year-option:first-of-type,
    .react-datepicker__month-option:first-of-type,
    .react-datepicker__month-year-option:first-of-type {
        border-top-left-radius: 0.3rem;
        border-top-right-radius: 0.3rem;
    }

    .react-datepicker__year-option:last-of-type,
    .react-datepicker__month-option:last-of-type,
    .react-datepicker__month-year-option:last-of-type {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-bottom-left-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
    }

    .react-datepicker__year-option:hover,
    .react-datepicker__month-option:hover,
    .react-datepicker__month-year-option:hover {
        background-color: #ccc;
    }

        .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
        .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
        .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
            border-bottom-color: #b3b3b3;
        }

        .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
        .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
        .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
            border-top-color: #b3b3b3;
        }

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px;
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0px 6px 0px 0px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

    .react-datepicker__close-icon::after {
        cursor: pointer;
        background-color: #216ba5;
        color: #fff;
        border-radius: 50%;
        height: 16px;
        width: 16px;
        padding: 2px;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        content: "\D7";
    }

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    clear: left;
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647;
}

    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 3rem;
        line-height: 3rem;
    }

@media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc;
}

    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
        border-right-color: #b3b3b3;
    }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc;
}

    .react-datepicker__portal .react-datepicker__navigation--next:hover {
        border-left-color: #b3b3b3;
    }

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

/* TODO (kyle): figure out how to add a class name to the date picker tether */

.react-datepicker {
    border-color: #c4c4c4;
}

.react-datepicker__input-container input:disabled {
    color: #5e5e5e;
    cursor: not-allowed;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    border-bottom-color: #c4c4c4;
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before {
    border-top-color: #c4c4c4;
}

.react-datepicker .react-datepicker__month-container {
    /**
   * NOTE (kyle): protects react-datepicker divs from `display: inherit` in app.global.css.
   * this only seems to be an issue in ie11.
   */
    display: block;
}

.react-datepicker .react-datepicker__header {
    border: none;
}

.react-datepicker .react-datepicker__current-month {
    color: rgb(0, 127, 175);
}

.react-datepicker .react-datepicker__day--selected {
    background-color: rgb(0, 127, 175);
}

.react-datepicker-popper {
    z-index: 2;
}

.date-picker__datePicker___1bBu8 {
    margin-left: 0px;
    align-items: center;
    padding: 0 8px 0 20px;
}

.date-picker__disabled___1zP4Z {
    background-color: #dddddd;
}

.date-picker__label___2VY9w {
    width: 22px;
    height: 33px;
}

.loading__container___NLebh {
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}

.loading__loading___2jlKk {
    background: url(/assets.sensehq.com/hashed/static/client/images/e5e0f4f51db74a7923b3662f8f2554ba.png) no-repeat;
    background-size: 100%;
    width: 39px;
    height: 39px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .loading__loading___2jlKk {
        background-image: url(/assets.sensehq.com/hashed/static/client/images/e6f01a381d21d8b633ac8058c0196ce2.png);
    }
}

/* Round corners */

.variable-picker__root___3f0NH,
.variable-picker__results___tX8Lx {
    overflow: hidden;
    border-radius: 8px;
}

.variable-picker__root___3f0NH {
    background-color: #fff;
    flex-flow: column;
    width: 680px;
    min-height: 500px;
    font-size: 14px;
}

    .variable-picker__root___3f0NH > * {
        flex: 0 0 auto;
    }

    .variable-picker__root___3f0NH > .variable-picker__results___tX8Lx {
        flex: 1 0;
    }

.variable-picker__topContainer___2RUe4 {
    flex-flow: row;
    justify-content: space-between;
    min-height: 48px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 16px;
}

.variable-picker__search___1O3aJ {
    flex: 1 0;
    font-size: 18px;
    padding: 8px 0 8px 16px;
    width: 340px;
    align-items: center;
}

    .variable-picker__search___1O3aJ svg {
        margin-right: 12px;
    }

        .variable-picker__search___1O3aJ svg g {
            stroke: #5e5e5e;
            fill: none;
        }

.variable-picker__searchInput___2fXJY {
    flex: 1 0;
}

    .variable-picker__searchInput___2fXJY:-ms-input-placeholder {
        color: #c4c4c4;
    }

    .variable-picker__searchInput___2fXJY::-ms-input-placeholder {
        color: #c4c4c4;
    }

    .variable-picker__searchInput___2fXJY::placeholder {
        color: #c4c4c4;
    }

.variable-picker__closeContainer___3mO76 {
    padding: 14px 28px;
    align-items: center;
}

.variable-picker__verticalLine___22R1D {
    border-left: 2px solid #ededed;
    height: 32px;
}

.variable-picker__closeIcon___1nX_0 {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-left: 28px;
}

.variable-picker__closeContainer___3mO76 > svg:hover path {
    stroke: #dddddd;
}

.variable-picker__tableListContainer___VxVZu {
    flex-flow: column;
    overflow: auto;
    max-height: 423px; /*TODO(marcos): this is a magic value*/
}

.variable-picker__columnHeaders___3FRh5 {
    display: flex;
    border-bottom: 1px solid #dddddd;
    text-transform: uppercase;
    font-size: 12px;
}

.variable-picker__journeyTypeHeader___3KoLZ {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.variable-picker__sortArrow___3rbfn {
    margin-left: 4px;
    font-size: 10px;
}

.variable-picker__desc___2frMI {
    transform: rotate(180deg);
}

.variable-picker__variableNameHeader___3zFNU,
.variable-picker__journeyTypeHeader___3KoLZ {
    padding: 0 28px 12px;
}

.variable-picker__results___tX8Lx {
    overflow-y: auto;
}

.variable-picker__result___31ZS_ {
    display: grid;
    grid-template-columns: 450px 1fr;
    font-size: 16px;
    align-items: center;
}

.variable-picker__resultEven___4qbpn {
    /* avoid color bleed-through */
    background-color: #fff;
}

.variable-picker__resultOdd___1Yni0 {
    background-color: #f7f7f7;
}

.variable-picker__result___31ZS_:hover {
    background-color: #e5efe5;
}

.variable-picker__resultSelected___1bD57 {
    background-color: #e5efe5;
}

.variable-picker__variableName___FA7nA {
}

.variable-picker__header___3yUec {
    padding: 4px 0 4px 40px;
}

.variable-picker__label___18f76 {
    flex: 1 0 450px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    color: colorGray5;
    min-width: 0;
    padding-left: 28px;
    cursor: pointer;
}

    .variable-picker__label___18f76 h3 {
        margin-bottom: 4px;
    }

    .variable-picker__label___18f76 > span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.variable-picker__labelType___3m1dJ {
    height: 100%;
    padding-right: 28px;
    align-items: center;
    text-transform: capitalize;
    text-align: right;
    color: #5e5e5e;
}

.variable-picker__label___18f76,
.variable-picker__labelType___3m1dJ {
    font-size: 13px;
}

.variable-picker__filter___1ykau {
    align-items: center;
    margin-bottom: 16px;
}

.variable-picker__filterLabel___3AAdw {
    padding: 8px 8px 4px 28px;
}

.variable-picker__filterSelectButton___EprX7 {
}

.variable-picker__noResults___145ZL {
    margin: 40px auto 0 auto;
    flex-direction: column;
}

.variable-picker__button___1DSWO {
    margin-top: 20px;
}

.variable-picker__grammarTokens___3Idhc {
    display: block;
    font-size: 13px;
}

    .variable-picker__grammarTokens___3Idhc p {
        margin: 2px 0;
    }

.variable-picker__token___1IEFX {
    font-style: italic;
}

.variable-picker__filterWrap___3dJzk {
    flex-direction: column;
    padding: 0 28px;
}

.variable-picker__filters___1Qqta {
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.variable-picker__filter___1ykau {
    flex: 0 1 245px;
    align-items: center;
}

.variable-picker__filterLabel___3AAdw {
    padding: 8px 28px 4px 28px;
}

.variable-picker__filterSelect___28_bt {
    flex: 1 0;
}

.variable-picker__clearButtonWrap___35u-3 {
    padding: 0 28px 12px;
    flex: 1 0 100px;
    justify-content: flex-end;
}

.variable-picker__clearButton___1odhH {
}

.variable-picker__clearButton___1odhH,
.variable-picker__variableNameHeader___3zFNU {
    font-size: 12px;
    letter-spacing: 1px;
}

.variable-picker__dropdownResult___312qc {
    border-top: 1px solid #c4c4c4;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    flex-flow: row wrap;
    height: auto;
    max-width: 680px;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 13px;
}

.variable-picker__dropdownResultHighlighted___3YubP {
    background-color: #ddeaef;
}

.variable-picker__dropdownResultSelected___29m0j {
    pointer-events: none;
}

.variable-picker__dropdownPhraseElement___1pBUy {
    display: inline-flex;
    flex: 0 1 auto;
    line-height: 1.25em;
    margin-right: 5px;
}

.variable-picker__dropdownPipeSeparator___IFZax {
}

.variable-picker__dropdownBoldPhraseElement___3FCH8 {
}

.variable-picker__variableName___FA7nA,
.variable-picker__variableType___1Q6Li {
}

.variable-picker__variableType___1Q6Li {
    text-transform: capitalize;
}

.variable-picker__modalVariableName___3BWGq {
    font-size: 18px;
}

.variable-picker__multiEntityVariableSelectContainer___wbsSi {
    flex: 1 1 245px;
}

.variable-picker__multiEntityVariableSelectOptions___2DvyQ {
    width: 100%;
}

.variable-picker__filterSpacer___2HSNv {
    font-size: 16px;
    margin: 0 0.75em;
}

.survey-module-options__container___1I3hR {
    display: flex;
    width: 100%;
    flex-flow: column;
    font-size: 13px;
    margin: 20px 0;
}

.survey-module-options__row___34_Oi {
    flex-flow: row;
    justify-content: space-between;
    margin-bottom: 32px;
}

    .survey-module-options__row___34_Oi > * {
        min-width: 0;
    }

.survey-module-options__questionTypeDropdownContainer___LKGtF {
    flex-flow: column;
    flex: 1 1;
}

    .survey-module-options__questionTypeDropdownContainer___LKGtF > *,
    .survey-module-options__answerFormat___2WR5Q > * {
        padding-right: 20px;
    }

.survey-module-options__fieldPickerContainer___2AziU {
    flex: 2 1;
}

.survey-module-options__answerFormat___2WR5Q {
    flex: 3 1;
}

.survey-module-options__showCurrentValue___1bJTl {
    flex: 4 1;
}

.survey-module-options__requireAnswer___3SMi1 {
    flex: 2 1;
}

.survey-module-options__answerFormat___2WR5Q,
.survey-module-options__showCurrentValue___1bJTl,
.survey-module-options__requireAnswer___3SMi1,
.survey-module-options__fieldPickerContainer___2AziU {
    flex-flow: column;
}

.survey-module-options__multiSelectDropdown___3Y4_M {
    flex: 1 1;
}

.survey-module-options__groupedInputs___3I5FT {
    align-items: center;
    flex: 1 1;
}

    .survey-module-options__groupedInputs___3I5FT > *:first-child {
        display: flex;
        padding-right: 8px;
    }

.survey-module-options__labelText___pD_1C {
    margin-bottom: 8px;
}

.survey-module-options__answerFormatInput___32_RR {
    flex: 1 1;
}

.survey-module-options__variableInput___X6Ln9,
.survey-module-options__disabledInput___3EoP3 {
    align-content: center;
    flex: 1 0;
    cursor: text;
    overflow: hidden;
}

/* prettier-ignore */
.add-module__addModuleAnchor___1Q71y {
    position: relative;
    align-items: flex-start;
    width: 180px;
    margin-right: 20px;
}

.add-module__addModuleContainer___1koH_ {
    flex-flow: column;
    justify-content: space-between;
    align-self: flex-start;
    align-items: stretch;
    height: auto;
    width: 180px;
    padding: 0;
    transition: background-color 0.2s;
}

    .add-module__addModuleContainer___1koH_.add-module__mounted___3nt68 {
        position: absolute;
    }

    .add-module__addModuleContainer___1koH_.add-module__open___bY2rg:hover {
        background-color: rgb(0, 127, 175);
    }

    .add-module__addModuleContainer___1koH_.add-module__open___bY2rg {
        z-index: 2;
    }

    .add-module__addModuleContainer___1koH_.add-module__disabled___kRURv {
        opacity: 0.5;
    }

        .add-module__addModuleContainer___1koH_.add-module__disabled___kRURv:hover {
            background-color: rgb(0, 127, 175);
        }

        .add-module__addModuleContainer___1koH_.add-module__disabled___kRURv .add-module__addModuleButton___2uxSG {
            cursor: default;
        }

    .add-module__addModuleContainer___1koH_.add-module__inBranch___nS_wz {
        background-color: rgb(0, 127, 175);
        border-color: #05a6e4;
    }

        .add-module__addModuleContainer___1koH_.add-module__inBranch___nS_wz:hover {
            background-color: #05a6e4;
        }

        .add-module__addModuleContainer___1koH_.add-module__inBranch___nS_wz.add-module__open___bY2rg:hover,
        .add-module__addModuleContainer___1koH_.add-module__inBranch___nS_wz.add-module__disabled___kRURv:hover {
            background-color: rgb(0, 127, 175);
        }

    .add-module__addModuleContainer___1koH_.add-module__upward___1RIRk {
        flex-direction: column-reverse;
        bottom: 0;
    }

.add-module__addModuleButton___2uxSG,
.add-module__addMessageButton___3eNAp {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    height: 40px;
    width: 100%;
    padding: 0 16px 0 12px;
    align-items: center;
    cursor: pointer;
}

.add-module__addButtonIcon___25XTN {
    margin-right: 15px;
}

    .add-module__addButtonIcon___25XTN text {
        fill: #fff;
    }

    .add-module__addButtonIcon___25XTN circle {
        fill: none;
    }

.add-module__addModuleContainer___1koH_.add-module__open___bY2rg:not(.add-module__upward___1RIRk) .add-module__addModuleButton___2uxSG {
    border-bottom: 1px solid #4aa2c4;
    cursor: default;
}

.add-module__addModuleContainer___1koH_.add-module__open___bY2rg.add-module__upward___1RIRk .add-module__addModuleButton___2uxSG {
    border-top: 1px solid #4aa2c4;
    cursor: default;
}

.add-module__moduleMenu___3Ou6x {
    flex-flow: column;
    padding: 10px 0;
}

.add-module__moduleTypeButton___2qWo_ {
    display: flex;
    height: 40px;
    padding: 0 16px;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

    .add-module__moduleTypeButton___2qWo_ svg {
        fill: none;
        stroke: #fff;
    }

    .add-module__moduleTypeButton___2qWo_.add-module__attribute_list_module___KbyjD svg {
        fill: #fff;
        stroke: none;
    }

    .add-module__moduleTypeButton___2qWo_:hover {
        background: rgba(255, 255, 255, 0.2);
    }

/* prettier-ignore */
.container__branchContainer___1dAfs {
    flex-flow: column;
    margin-top: -15px;
    margin-bottom: 15px;
    padding-left: 40px;
}

.container__branchContainerLocked___3-vKK {
}

.container__branchRow___2Au78 {
}

.container__column___2QtKm {
    flex-flow: column;
}

.container__branchBoxes___1xiBY {
    flex-flow: column;
    transition: 0.2s height;
}

.container__branchNew___2UYGs {
    background-color: #ed6e86;
}

.container__branchTab___3z-qw {
    margin-right: 2px;
    padding: 0 20px;
    height: 40px;
    align-items: center;
    border-radius: 0 0 7px 7px;
    border: 1px solid #c4c4c4;
    border-top: 0;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

    .container__branchTab___3z-qw:hover {
        box-shadow: rgba(0, 0, 0, 0.06) 0 0 9px 1px;
    }

    .container__branchTab___3z-qw.container__disabled___1ge1d {
        cursor: default;
        opacity: 0.5;
    }

    .container__branchTab___3z-qw.container__editing___3M78g {
        background-color: #fff;
    }

.container__branchTabError___2TIk7 {
    border-color: #ea3556;
}

.container__branchTabText___2NmXU {
    display: block;
    margin: 0 10px;
    color: rgb(0, 127, 175);
    max-width: 96px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.container__branchTabTextExisting___1DtIP {
    margin-left: 0;
}

.container__branchTabTextExistingEvent___2phZ9 {
}

.container__newBranchTabText___1L90J {
}

.container__branchTabSubText___1XN1m {
    font-size: 14px;
    color: gray;
    margin-left: 10px;
    margin-right: 20px;
}

.container__branchTabContainer___1aq9a {
    flex-flow: column;
}

.container__newBranchTabContainer___106Eb {
    flex: 1 0 auto;
    align-items: flex-end;
    padding-right: 30px;
}

/* prettier-ignore */
/* from sketch, will maybe promote to colors (marcos) */
.linked-content-notice__linkedContentNotice___1vv8x {
    margin-top: -10px;
    color: #bbb;
    align-items: center;
}

.linked-content-notice__connector___3DGAs {
    margin: 0 10px 0 50px;
    height: 75px;
    flex-flow: column;
    align-items: center;
}

.linked-content-notice__line___csHbM {
    flex: 1 0;
    width: 2px;
    background: rgb(0, 127, 175);
}

.linked-content-notice__linkedContentIcon___QWf_h {
    margin: 5px 0;
    fill: rgb(0, 127, 175);
    transform: rotate(-45deg);
}

.audience-csv-upload-modal__container___3R5NI {
    height: 250px;
    width: 550px;
    padding: 40px;
    flex-direction: column;
    background: #fff;
}

.audience-csv-upload-modal__header___33gOR {
    align-items: center;
}

.audience-csv-upload-modal__title___3uNCi {
}

.audience-csv-upload-modal__fileTitle___1Utjz {
    margin-left: 8px;
    align-items: center;
}

.audience-csv-upload-modal__checkmark___QSZkt {
    height: 23px;
    width: 23px;
    margin-left: 10px;
}

.audience-csv-upload-modal__form___3WXhq {
    margin-top: 30px;
    align-items: center;
    justify-content: space-between;
}

.audience-csv-upload-modal__tagLabel___3l7ce {
}

.audience-csv-upload-modal__tagInput___2ltPy {
    width: 332px;
}

.audience-csv-upload-modal__menu___3YtL4 {
    width: 190px;
    margin-top: 22px;
    align-self: flex-end;
    justify-content: space-between;
    align-items: center;
}

.audience-csv-upload-modal__cancelButton___1jgVb {
}

.audience-csv-upload-modal__nextButton___LWBU_ {
    width: 100px;
}

.audience-csv-upload-error-modal__container___b7iAM {
    align-self: flex-start;
    margin: 88px 0;
    min-height: 250px;
    width: 550px;
    padding: 30px 40px;
    flex-direction: column;
    background: #fff;
}

.audience-csv-upload-error-modal__header___3t27Z {
    flex-flow: row;
    justify-content: space-between;
}

.audience-csv-upload-error-modal__title___2Qbj3 {
}

.audience-csv-upload-error-modal__close___2isM6 {
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.audience-csv-upload-error-modal__message___2zD5g {
    margin-top: 30px;
    margin-bottom: 10px;
}

.audience-csv-upload-error-modal__errorMessage___3AiLP {
}

.audience-csv-upload-error-modal__errorList___2VSNX {
}

.audience-csv-upload-error-modal__errorItem___1w-lK {
    margin-bottom: 5px;
}

/* prettier-ignore */
.table__content___ipqXi {
    flex-flow: column;
    flex: 1 0 auto;
    padding: 1em 40px;
    border-bottom: 1px solid #dddddd;
}

.table__header___xWVeb {
    align-items: center;
    margin-bottom: 20px;
}

.table__subtitle___2HNQW {
    flex: 1 0;
    align-items: center;
}

.table__headerButton___1xLgr {
    width: 150px;
    margin-left: 1em;
    font-size: 14px;
}

.table__tableContainer___1xqBA {
    position: relative;
    flex-flow: column;
    margin: 0 0 20px;
}

.table__table___5IfzS {
    flex-flow: column;
    color: #5e5e5e;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #dddddd;
    border-radius: 4px;
    overflow: hidden;
}

    .table__table___5IfzS a {
        cursor: pointer;
        color: rgb(0, 127, 175);
        font-weight: bold;
        transition: 0.15s color;
    }

        .table__table___5IfzS a:hover {
            color: rgb(0, 127, 175);
        }

.table__tableHeader___2dPET {
    flex: 1 0 auto;
    height: 55px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #dddddd;
}

.table__tableHeaderSortable___21cWj {
    background-color: #f7f7f7;
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
}

.table__cell___2wgjd {
    /* NOTE (gab): display block rule needed to make text-overflow ellipsis work. Not sure why. */
    display: block;
    flex: 1 0;
    width: 0;
    padding: 0 30px 0 30px;
    color: #2b2b2b;
    min-width: 0;
}

.table__headerCell___3-UV4 {
    display: flex; /* override display block in .cell */
    align-items: center;
    padding-right: 30px;
    color: #444444;
}

.table__headerCellSortable___3A6PX {
    justify-content: space-between;
    cursor: pointer;
}

    .table__headerCellSortable___3A6PX:hover {
        background-color: #ededed;
    }

    .table__headerCellSortable___3A6PX .table__sortArrow___2j2f1 {
        display: none;
    }

    .table__headerCellSortable___3A6PX.table__sorted___d2ofh .table__sortArrow___2j2f1,
    .table__headerCellSortable___3A6PX:hover .table__sortArrow___2j2f1 {
        display: block;
    }

    .table__headerCellSortable___3A6PX.table__desc___2Gyne .table__sortArrow___2j2f1 {
        transform: rotate(180deg);
    }

.table__centerLastColumn___32Q9I .table__cell___2wgjd:last-child {
    min-width: 200px;
    /* .cell class has display:block rule so that text-overflow:ellipsis works, but
   display:block prevents justify-content:center from working. But since we're not
   worried about this cell overflowing, it's okay to give it display:flex */
    display: flex;
    flex: 0 0 auto;
    padding-right: 30px;
    justify-content: center;
}

.table__hasGreenArrow___31Pp- .table__cell___2wgjd:last-child svg {
    opacity: 0;
    transform: rotate(180deg);
    margin-left: 5px;
    margin-right: -15px;
    stroke: rgb(0, 127, 175);
    fill: none;
    transition: 0.15s opacity;
}

.table__hasGreenArrow___31Pp- .table__cell___2wgjd:last-child a:hover svg {
    opacity: 1;
}

.table__tableBody___1kq2F {
    border-bottom: 1px solid #dddddd;
    flex-flow: column;
    flex: 1 0 auto;
    position: relative;
}

.table__tableBodyV2___3sd9C {
    border: none;
}

.table__row___Ya02I {
    display: inherit;
    flex: 0 0 auto;
    height: 40px;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
    transition: background-color 0.2s;
}

    .table__row___Ya02I:hover {
        background-color: #f7f7f7;
    }

    .table__row___Ya02I:last-child {
        border-bottom: none;
    }

.table__emptyRow___1u3x5 {
    justify-content: center;
}

.table__v2Cell___3yvzw {
    flex: 1 0;
    padding: 0 0 0 30px;
}

.table__actions___1YcCp {
    justify-content: space-between;
    margin: calc(20px / 2) 0 0;
}

.table__actionColumn___31qDT {
    display: flex;
}

    .table__actionColumn___31qDT:nth-child(2) {
        margin-left: auto;
    }

.table__pagination___2GjCi {
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}

.table__pageButton___2vv3z {
    border: 1px #dddddd solid;
    background-color: transparent;
    border-radius: 4px;
    color: rgb(0, 127, 175);
    width: 121px;
    margin: 0px 10px;
}

    .table__pageButton___2vv3z:last-child {
        margin-right: 0;
    }

    .table__pageButton___2vv3z:disabled {
        opacity: 0;
    }

    .table__pageButton___2vv3z:hover:enabled {
        background-color: #dddddd;
    }

.table__pageNumbers___153pY {
    justify-content: flex-end;
    align-items: center;
}

.table__pageNumber___1IxCi {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin: 0 0.4rem;
}

.table__pageSelected___A6fuv {
    color: rgb(0, 127, 175);
}

.table__loader___mvFej > * {
    height: 20px;
    width: 20px;
}

/* prettier-ignore */
.event-audience-modal__container___3oUc2 {
    background: #f7f7f7;
}

.event-audience-modal__scrollWrap___3gQAU {
    flex-flow: column nowrap;
    max-height: 600px;
    margin-bottom: 1rem;
    overflow-y: auto;
}

.event-audience-modal__table___Pz3Sk {
    width: 100%;
    flex: 1 0 auto;
}

.event-audience-modal__close___3Bi7S {
    cursor: pointer;
    height: 20px;
    width: 20px;
}

    .event-audience-modal__close___3Bi7S:hover {
        opacity: 0.7;
    }

.event-audience-modal__name___1L-ji {
}

.event-audience-modal__title___3qnyo {
    font-size: 20px;
}

.event-audience-modal__loader___2cHbQ {
    flex: 1 0 80px;
}

/* prettier-ignore */
.create-event-modal__input___2OnX- {
    margin-bottom: 1rem;
}

.create-event-modal__inner___-x6pa {
    flex-flow: column;
    padding: 36px;
}
/* prettier-ignore */
.test-email-sms-modal__container___3orDA {
    flex-direction: column;
    justify-content: space-between;
}

.test-email-sms-modal__content___1QJJH {
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
}

.test-email-sms-modal__row___3SvEO {
    display: flex;
    align-items: left;
    flex-direction: column;
    width: 50%
}

    .test-email-sms-modal__row___3SvEO:nth-child(even) {
        padding-left: 20px;
    }

.test-email-sms-modal__label___1iOeI {
    display: inline;
    margin-bottom: 8px;
}

.test-email-sms-modal__alignItemsTop___3Brze {
    align-items: flex-start;
}

.test-email-sms-modal__labelText___1uKLE {
    text-transform: capitalize;
    font-size: 14px;
}

.test-email-sms-modal__labelSubText___375r8 {
}

.test-email-sms-modal__input___3EUtA {
}

.test-email-sms-modal__inputError___3Qmr3 {
    border: 1px solid #ea3556;
    background: #f4e2e6;
}

.test-email-sms-modal__userSearch___274xQ {
    display: flex;
    flex: 1 1;
    width: 100%;
}

.test-email-sms-modal__errorRow___2pFN5 {
    border-left: 8px solid #ea3556;
    background-color: #f4e2e6;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 5px;
}

.test-email-sms-modal__variableContainer___3Hv9F {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
}

.test-email-sms-modal__variableList___gC_YY {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 1;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    height: 160px;
    overflow: auto;
}

.test-email-sms-modal__variableRow___1_3Tr {
    display: flex;
    width: 100%;
}

    .test-email-sms-modal__variableRow___1_3Tr:nth-child(even) {
        background-color: #f7f7f7;
    }

    .test-email-sms-modal__variableRow___1_3Tr:not(:last-child) {
        border-bottom: 1px solid #c4c4c4;
    }

.test-email-sms-modal__noVariables___22-FT {
    background-color: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    height: 160px;
}

.test-email-sms-modal__variableColumn___3pfqh {
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.test-email-sms-modal__unavailableVariable___M-xEZ {
    color: #ea3556;
}

.test-email-sms-modal__variableValueColumn___3tuly {
    border-left: 1px solid #c4c4c4;
    flex: 1 1;
    align-items: center;
    overflow: hidden;
}

.test-email-sms-modal__variableColumn___3pfqh,
.test-email-sms-modal__variableValueColumn___3tuly {
    font-size: 14px;
    padding: 0 10px;
}

.test-email-sms-modal__variableEntityType___FkO9w {
    text-transform: capitalize;
    color: #919191;
}

.test-email-sms-modal__relatedEntitiesContainer___28o4T {
    padding: 8px 0;
    width: 100%;
    flex-direction: column;
}


.file-button__input___2JPBO {
    display: none;
}

.file-button__button___3NJhX {
}

    .file-button__button___3NJhX svg {
        width: 11.5px;
        height: 15px;
        margin-left: 20px;
    }

.style__root___1FZou {
    color: #ea3556;
    flex: 1 0 auto;
}

.style__errorBox___25uK4 {
    border: 1px solid #ea3556;
    background-color: #f4e2e6;
    border-radius: 4px;
    padding: 15px;
}

.style__errorHeading___1GvU4 {
    margin-bottom: 10px;
    font-size: 14px;
    margin-left: 15px;
}

.style__errorList___1oPFg {
    list-style: none;
    padding: 0;
}

.style__errorHead___2K1NC {
}

.style__errorItem___3LD_X {
    font-size: 14px;
    margin-bottom: 10px;
}

    .style__errorItem___3LD_X:last-child {
        margin-bottom: 0px;
    }

/* prettier-ignore */
.file-page__root___1eJFf {
    flex-flow: column;
}

    .file-page__root___1eJFf > * {
        margin-bottom: 20px;
    }

        .file-page__root___1eJFf > *:last-child {
            margin-bottom: 0;
        }

.file-page__columns___3c_YU {
    font-size: 14px;
    color: #5e5e5e;
}

.file-page__rules___Zz-XL {
    flex-flow: column;
    width: 230px;
}

    .file-page__rules___Zz-XL > div {
        margin-bottom: 10px;
    }

    .file-page__rules___Zz-XL > ul {
        flex-flow: column;
        list-style-type: none;
        padding-left: 0;
    }

        .file-page__rules___Zz-XL > ul > li {
            position: relative;
        }

            .file-page__rules___Zz-XL > ul > li::before {
                content: '\2022';
                position: absolute;
                left: -10px;
            }

.file-page__example___2pNC5 {
    flex: 1 0;
    flex-flow: column;
}

.file-page__exampleHead___1Z3Ka {
    margin-bottom: 10px;
    justify-content: space-between;
}

.file-page__example___2pNC5 > img {
    width: 321px;
    height: 92px;
}

.file-page__actions___1NKiX {
    justify-content: space-between;
}

.file-page__hide___2_edk {
    visibility: hidden;
}

.file-page__cancel___1mpPt {
}

/* prettier-ignore */
.preview-page__root___1CDAo {
    flex-flow: column;
}

    .preview-page__root___1CDAo > div {
        margin-bottom: 20px;
    }

        .preview-page__root___1CDAo > div:last-child {
            margin-bottom: 0;
        }

.preview-page__tableContainer___2AZcM {
    max-width: 568px;
    margin-bottom: 30px;
    overflow-x: auto;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
}

    .preview-page__tableContainer___2AZcM > div {
        flex: 1 0 auto;
    }

.preview-page__column___2F9nL {
    flex-flow: column;
    flex: 1 1 200px;
}

    .preview-page__column___2F9nL:first-child > div {
        padding-left: 20px;
    }

    .preview-page__column___2F9nL > div {
        display: block;
        align-items: center;
        height: 30px;
        line-height: 30px;
        padding-right: 20px;
        border-bottom: 1px solid #c4c4c4;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .preview-page__column___2F9nL > div:last-child {
            border-bottom: none;
        }

.preview-page__header___3A3kO {
    text-transform: capitalize;
}

.preview-page__actionsRight___3b--O {
    margin-left: auto;
}

.preview-page__cancel___3-go1 {
}

.preview-page__confirm___22Per {
    margin-left: 40px;
}

/* prettier-ignore */
.progress__box___SvH_A {
    flex-flow: column;
}

.progress__info___3nyy3 {
    align-items: center;
    margin-bottom: 20px;
}

.progress__number___166FZ {
    margin-left: auto;
    font-size: 23px;
    font-weight: 300;
}

.progress__total___3kiW7 {
    position: relative;
    height: 12px;
    background: #ededed;
}

.progress__progress___3kFBQ {
    background: rgb(0, 127, 175);
}

/* prettier-ignore */
.csv-modal__root___21xp1 {
    flex-flow: column;
    width: 630px;
    padding: 30px;
    font-size: 14px;
}

.csv-modal__title___3kHCn {
    text-align: center;
    margin-bottom: 20px;
}

/* prettier-ignore */
.typeahead__root___JTIFW {
    position: relative;
    align-items: center;
}

    .typeahead__root___JTIFW.typeahead__withResults___2EIPk {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .typeahead__root___JTIFW.typeahead__withLeftItem___1zHvr {
        padding-left: 0;
    }

    .typeahead__root___JTIFW.typeahead__withRightItem___3DxG4 {
        padding-right: 0;
    }

.typeahead__input___3qdzC {
    flex: 1 0 auto;
}

.typeahead__dropdown___3lsES {
    position: absolute;
    left: -1px;
    top: 100%;
    z-index: 1;
    box-sizing: content-box;
    flex-direction: column;
    overflow-y: auto;
    background-color: white;
    border: 1px solid #c4c4c4;
    border-top: 0px;
    padding: 0;
    border-radius: 0 0 4px 4px;
    width: 100%;
}

.typeahead__resultLine___1CyEF {
    display: inherit;
    box-sizing: border-box;
    list-style: none;
    cursor: pointer;
    flex: 0 0 auto;
}

    .typeahead__resultLine___1CyEF:hover {
        background-color: #ededed;
    }

.typeahead__selectedResultLine___3YhVY {
    background-color: #ddeaef;
}

/* prettier-ignore */
.name__icon___2PcfZ {
    flex: 0 0 auto;
    align-self: center;
    vertical-align: -2px;
    margin-left: 0.2em;
    fill: rgb(0, 127, 175);
}

.name__emojiIcon___8vFOm {
    height: 12px;
    width: 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.name__truncate___2FOOI {
}

/* prettier-ignore */
.search__suggestion___2dw4j {
    flex: 1 0;
    align-items: center;
    /* fontsize14px * 2 + spacing5px + padding10px */
    height: 47px;
    padding: 5px 15px;
}

.search__suggestionLeft___3AVm3 {
    flex-flow: column;
}

.search__suggestionRight____jJjc {
    flex: 0 0 auto;
    margin-left: auto;
    font-size: 12px;
    font-style: italic;
}

.search__name___3JICz {
    margin-bottom: 5px;
}

.search__number___24uzG {
    color: rgb(0, 127, 175);
}

.search__optedOutNumber___1FJrG {
    color: #777777;
}

.search__disabledSuggestion___KVAh5 {
    color: #aaaaaa;
}

.search__creationSuggestion___9ujLJ {
    align-items: center;
}

.search__optedOutSuggestion___1QB8s {
    background-color: #f7f7f7;
    color: #777777;
}

    .search__optedOutSuggestion___1QB8s:hover {
        background-color: inherit;
    }

.search__addContactCheckmark___2qft0 {
    fill: #aaaaaa;
    width: 24px;
    height: 24px;
    padding: 5px;
}

.search__addContactSpinner___2l90b {
    width: 24px;
    height: 24px;
}

    .search__addContactSpinner___2l90b > * {
        width: 16px;
        height: 16px;
    }

.search__syncAtsButton___1QM3b {
    align-self: stretch;
    border-left: 1px solid #c4c4c4;
    width: 40px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .search__syncAtsButton___1QM3b:hover svg {
        filter: brightness(80%);
    }

    .search__syncAtsButton___1QM3b svg {
        fill: rgb(0, 127, 175);
    }

.search__syncAtsButtonActive___2Qvlq {
}

    .search__syncAtsButtonActive___2Qvlq svg {
        animation: search__animationSpin___3jcKn 1s linear infinite;
    }
/* TODO (kyle): when we upgrade to css-loader 1.0, import this from common */
@keyframes search__animationSpin___3jcKn {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* prettier-ignore */
.editor__form___3IH92 {
    flex-flow: column;
}

    .editor__form___3IH92 > * {
        margin-bottom: 10px;
    }

        .editor__form___3IH92 > *:last-child {
            margin-bottom: 0;
        }

.editor__row___1Jtj2 > label {
    flex: 1 0 auto;
    max-width: 115px;
    margin-right: 10px;
    flex-flow: column;
}

    .editor__row___1Jtj2 > label:last-child {
        margin-right: 0;
        max-width: none;
    }

.editor__label___39fJD {
    margin-bottom: 10px;
    text-transform: capitalize;
}

.editor__input___1dYXt {
}

.editor__actions___2J064 {
    justify-content: flex-end;
}

    .editor__actions___2J064 > * {
        margin-left: 10px;
    }

        .editor__actions___2J064 > *:first-child {
            margin-left: 0;
        }

.editor__cancel___-_Wbt {
}

.editor__submit___2OYgp {
}

.contact-adder__box___3F2o- {
    padding: 20px;
}

    .contact-adder__box___3F2o- > * {
        flex: 1 0 auto;
    }

/* prettier-ignore */
.editor__root___UWbgP {
    flex-flow: column;
}

    .editor__root___UWbgP > * {
        margin-bottom: 20px;
    }

        .editor__root___UWbgP > *:last-child {
            margin-bottom: 0;
        }

.editor__contact___1IJ65 {
    height: 40px;
    padding: 0 20px;
    align-items: center;
}

.editor__contactName___cwtzA {
    font-weight: 700;
    color: rgb(0, 127, 175);
}

.editor__contactPhone___aPsQV {
    margin-left: auto;
}

.editor__remove___DqtJP {
    opacity: 0;
    margin-left: 20px;
    cursor: pointer;
}

.editor__contact___1IJ65:hover .editor__remove___DqtJP {
    opacity: 1;
}

.editor__actions___6wrzo {
    justify-content: flex-end;
}

.editor__cancel___3v4VA {
    margin-right: 30px;
}

.editor__submit___3TP4J {
    min-width: 100px;
}

.edit__root___2Wfgu {
    flex-flow: column;
}

/* prettier-ignore */
.shared__messageBubble___8jn8C {
    border-radius: 10px;
    padding: 10px;
    font-weight: 600;
    line-height: 1.2;
    max-width: 500px;
}

    .shared__messageBubble___8jn8C a:hover {
        text-decoration: underline;
    }

.shared__chatUserIcon___2uJic {
    flex: 0 0 auto;
    position: relative;
    top: 1px;
    margin-left: 8px;
}

.shared__sentStatusIcon___3o-oZ {
    position: relative;
    top: 4px;
    margin-right: 10px;
    width: 17px;
    height: 17px;
}

.shared__checkmarkIcon___bDKP- {
}

.shared__clockIcon___vJ4KY {
}

.shared__paneHeader___2B9zD {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 16px;
    width: 100%;
    height: 66px;
    flex: 0 0 auto;
    position: relative;
}

.shared__backLinkMobile___D4Slr {
    position: absolute;
    top: 8px;
    left: 2px; /* because container padding is 16px = 2px + 14px (padding) */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px; /* since svg is 20x20, this ensures a minimum 48x48 hit area */
    color: rgb(0, 127, 175);
    letter-spacing: 1px;
    z-index: 1;
}

    .shared__backLinkMobile___D4Slr > svg {
        stroke: rgb(0, 127, 175);
        fill: transparent;
        height: 20px;
        width: 20px;
    }

        .shared__backLinkMobile___D4Slr > svg > path {
            stroke-width: 1;
        }

/* prettier-ignore */

.action-pane__rule___GMOKt {
    border: 0;
    margin: 0;
    padding: 0;
    height: 0;
    border-top: 1px solid #c4c4c4;
}


/* prevents vertical squishing when there's y overflow */

.scheduled-message__container___3tsQy {
    justify-content: flex-end;
    position: relative;
}

.scheduled-message__main___2ZNcK {
    flex-direction: column;
    align-items: flex-end;
}

.scheduled-message__broadcastPanel___1G_sr {
    display: flex;
    background-color: #f7f7f7;
    border-radius: 10px;
}

.scheduled-message__bubbleContainer___1XlWR {
    flex-direction: column;
    border-radius: 10px;
}

.scheduled-message__bubbleBroadcast___1BLih {
    width: 280px;
    flex-direction: column;
    color: #fff;
    background-color: rgb(103, 58, 183);
    padding: 12px;
}

.scheduled-message__bubble1on1____jTHr {
    background-color: rgb(0, 127, 175);
}

.scheduled-message__bubbleBroadcastResponse___2GDcn {
    background-color: #e7eaeb;
    max-width: calc( 280px - 32px - 15px - 2*20px );
}

.scheduled-message__dateAndStatus___3NUlB {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 20px;
}

.scheduled-message__dateAndStatusBroadcast___lCgzs {
    justify-content: space-between;
    width: 100%;
    height: 30px;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
}

.scheduled-message__date___z-jsu {
    margin-left: 30px;
}

.scheduled-message__dateBroadcast___2lZlZ {
    margin-left: 0px;
    margin-right: 40px;
}

@media (max-width: 540px) {
    .scheduled-message__dateAndStatus___3NUlB {
        flex-direction: column;
    }

    .scheduled-message__date___z-jsu {
        margin-top: 8px;
        margin-left: 0;
    }
}

.scheduled-message__checkmarkIcon___28pDF {
    fill: #fff;
}

.scheduled-message__clockIcon___15RKm {
    stroke: #fff;
    fill: none;
}

.scheduled-message__clockIconBroadcast___16CWf {
    height: 22px;
    width: 22px;
    margin-left: 8px;
}

    .scheduled-message__clockIconBroadcast___16CWf svg path {
        fill: #5e5e5e;
    }

.scheduled-message__broadcastActionsContainer___2cBkJ {
    width: 280px;
    background: #f7f7f7;
    border-radius: 10px;
    flex-direction: column;
    justify-content: flex-end;
}

.scheduled-message__actionsContainerOpen___1Dcn_ {
    height: calc(100% + 495px);
}

.scheduled-message__broadcastActions___DAfN1 {
    padding: 7px 18px 10px 14px;
}

.scheduled-message__scheduledBroadcastAction___3ynht {
    background-color: #dddddd;
}

.scheduled-message__broadcastActions___DAfN1 > * + * {
    margin-left: 4px;
}

.scheduled-message__recipientsButton___3-_0S {
    width: 58px;
    height: 30px;
    border-radius: 5px;
    align-items: center;
    justify-content: space-evenly;
    font-weight: 700;
    font-size: 12px;
}

    .scheduled-message__recipientsButtonActive___2urfq, .scheduled-message__recipientsButton___3-_0S:hover {
        background: #dddddd;
        cursor: pointer;
    }

.scheduled-message__recipientsContainer___13zv9 {
    transition: height 0.2s;
    max-height: 512px;
    flex-direction: column;
}

.scheduled-message__recipients___31C-s {
    padding: 18px 20px;
    overflow: auto;
    flex-direction: column;
}

.scheduled-message__recipientRow___3G5t1 {
    flex-direction: row;
    min-height: 31px;
    margin-bottom: 18px;
    justify-content: space-between;
    align-items: center;
}

    .scheduled-message__recipientRow___3G5t1:last-child {
        margin-bottom: 0;
    }

.scheduled-message__replyEmptyText___1JH0X {
    text-align: center;
}

.scheduled-message__avatarContainer___3npSl {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    min-height: 32px;
    min-width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    background-color: #919191;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
}

.scheduled-message__suggestionLeft___2V6YC {
    flex-flow: column;
}

.scheduled-message__rule___1v_q7 {
}

.scheduled-message__recipientText___2gIPG {
    flex-flow: column;
    max-width: 168px;
}

.scheduled-message__recipientName___1_iBh {
    font-weight: 700;
}

.scheduled-message__recipientPhoneNumber___2qOXv {
    color: #919191;
}

.scheduled-message__broadcastTooltip___39GNq {
    border: 1px solid #000;
    font-weight: 700;
    font-size: 12px;
    line-height: 140%;
    background: rgba(0,0,0, 0.88);
    border-radius: 2px;
    color: #fff;
}

.scheduled-message__compressedToolTipContents___3gqZC {
    padding: 8px;
}

.scheduled-message__sentToolTip___2GgEn {
    display: flex;
}

.scheduled-message__sentToolTipContents___3geYn {
}

.scheduled-message__sentToolTipTime___1DUUZ {
    margin-left: 0px;
}

.scheduled-message__statusToolTip___1mkah {
    width: 172px;
    min-height: 124px;
    display: flex;
}

.scheduled-message__toolTipCaret___2TRIb {
    fill: rgba(0,0,0, 0.88);
    stroke: rgba(0,0,0, 0.88);
}

.scheduled-message__toolTipContents___2s2ea {
    flex-direction: column;
}

.scheduled-message__toolTipTime___34_kO {
    margin-left: 0px;
    font-family: sansSerif from 'common';
    font-style: italic;
    font-size: 12px;
    color: #919191;
    margin-bottom: 8px;
}

.scheduled-message__toolTipStatusLabel___hgfQ3 {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.scheduled-message__iconContainer___CCk7l {
    max-width: 24px;
    width: 100%;
    height: 31px;
    justify-content: center;
    align-items: center;
}

.scheduled-messages-for-contact__root___3zCWK {
    max-height: 80vh;
}

.scheduled-messages-for-contact__inset___1Ckpk {
    background: #fff;
    flex-direction: column;
    padding: 40px;
    border: 1px #c4c4c4 solid;
    border-radius: 5px;
}

.scheduled-messages-for-contact__heading___2IgEG {
    align-items: center;
    margin-bottom: 40px;
}

.scheduled-messages-for-contact__clockIcon___oVZTB {
    margin-right: 10px;
}

.scheduled-messages-for-contact__scheduledMessageList___ftWyE {
    flex-direction: column;
    overflow-y: auto;
    margin: -20px;
    align-items: center;
}

    .scheduled-messages-for-contact__scheduledMessageList___ftWyE > * {
        margin: 20px;
    }

.choose-time-zone-modal__container___2FkzY {
    width: 550px;
    padding: 40px;
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
}

.choose-time-zone-modal__title___20FkH {
    font-size: 22px;
    justify-content: center;
    margin-bottom: 1rem;
}

.choose-time-zone-modal__selectContainer___3ADDu {
    flex-direction: row;
    justify-content: center;
}

.choose-time-zone-modal__select___khe4z {
    max-width: 300px;
    margin-bottom: 1rem;
}

.choose-time-zone-modal__menu___2MiDe {
    width: 100%;
    align-self: center;
    justify-content: flex-end;
    align-items: center;
}

.choose-time-zone-modal__saveButton___fJaeX {
    min-width: 100px;
}

/* prettier-ignore */
.chat-edit__root___2kIVk {
    flex-flow: column;
    font-size: 14px;
    max-width: 380px;
}

.chat-edit__title___KaPLb {
    margin-bottom: 0;
}

.chat-edit__header___47CVa {
    align-items: center;
    margin-bottom: 20px;
}

.chat-edit__enabler___tEy3N {
    margin-left: auto;
    font-weight: 700;
}

.chat-edit__toggle___2JfSU {
    margin-left: 20px;
}

.chat-edit__box___2X-a7 {
    padding: 30px;
    flex-flow: column;
}

.chat-edit__boxHeader___hDUZD {
    margin-bottom: 20px;
    font-weight: 700;
}

.chat-edit__box___2X-a7 > label {
    margin-bottom: 10px;
}

    .chat-edit__box___2X-a7 > label:last-child {
        margin-bottom: 0;
    }

/* prettier-ignore */
.shared__loading___22nW1 {
    margin-top: 40px;
    justify-content: center;
}

.shared__main___10DOK {
    align-self: flex-start;
    flex-flow: column;
    padding: 30px 40px;
}

.shared__header___fEIvw {
    align-items: center;
    margin-bottom: 20px;
}

.shared__headerSubtitle___2ZhdJ {
    font-size: 14px;
    flex: 1 0;
    align-items: center;
    color: #5e5e5e;
}

.shared__subtitle___1cdLX {
    flex: 1 0;
    align-items: center;
}

.shared__formRow___3OE28 {
    align-items: center;
    margin-bottom: 15px;
}

.shared__label___3c3Io {
    width: 130px;
}

.shared__input___2GHfe {
}

.shared__button___2x85j {
    align-self: center;
    margin-top: 2em;
    width: 90px;
}

.shared__emptyMessage___5cKNW {
    margin-top: 0;
    margin-bottom: 1em;
}

.account-edit__formContainer___1On7D {
    align-items: flex-start;
}

.account-edit__main___2XYSx {
    flex-direction: column;
    flex: 1 0;
}

.account-edit__modalBackground___1EQHE {
    padding: 23px;
    min-width: 450px;
}

.account-edit__subtitle___2QShe {
    margin-bottom: 1em;
}

    .account-edit__subtitle___2QShe svg {
        stroke: rgb(0, 127, 175);
        fill: none;
        margin-left: 0.3em;
    }

.account-edit__formRow___38E_n {
}

    .account-edit__formRow___38E_n > :not(:last-child) {
        margin-right: 17px;
    }

.account-edit__formInput___2-133 {
    flex-direction: column;
    flex: 1 0;
}

.account-edit__label___1XYHI {
    color: #444444;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 4px;
}

.account-edit__input___wLPgK {
}

.account-edit__buttonContainer___2NYlH :not(:last-child) {
    margin-right: 17px;
}

.account-edit__buttonContainer___2NYlH {
    justify-content: flex-end;
}

.account-edit__rolesAndGroups___3OZpj {
    margin-bottom: 20px;
    flex-direction: column;
}

.account-edit__redFont___3usAE {
    color: #ea3556;
}

.account-edit__field___oE3tX {
    flex-direction: column;
}

.account-edit__fieldError___1I0R2 {
    margin-top: 4px;
}

.account-edit__fieldSelectorError___2eT3u .Select-control {
    border-color: #ea3556;
}

.contact-icon__avatarContainer___2VUFZ {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-icon__avatar___3lXey {
    color: #fff;
    align-self: center;
    text-align: center;
    flex-shrink: 0;
}

.provisioned-phone-numbers__root___3Fw1u {
    flex-direction: column;
}

.provisioned-phone-numbers__numberContainer___3oRJr {
    display: flex;
    max-height: 250px;
    overflow: auto;
    flex-direction: column;
}

.provisioned-phone-numbers__phoneNumberInput___Eo8Ke {
    background: white url(/assets.sensehq.com/hashed/static/client/images/07b8af93b97cfec543ce0f8b16bcb0eb.svg) no-repeat scroll 10px;
    padding-left: 30px;
    height: 40px;
}

.provisioned-phone-numbers__phoneNumberOption___3v4JC {
    width: 100%;
    cursor: pointer;
    padding: 8px;
}

    .provisioned-phone-numbers__phoneNumberOption___3v4JC:hover {
        background-color: #f7f7f7;
    }

.provisioned-phone-numbers__phoneNumber___3fX6Z {
    font-size: 14px;
    color: rgb(0, 127, 175);
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.provisioned-phone-numbers__usersWithNumber___3PVG6 {
    height: 24px;
    position: relative;
    margin-left: 15px;
}

.provisioned-phone-numbers__secondAvatarIcon___2JEo6 {
    position: absolute;
    left: 19px;
}

.import-entity-warning__deleteContainer___2Ktqa {
    width: 600px;
    flex-direction: column;
    background-color: #fff;
    text-align: center;
    padding: 40px 30px 40px;
    border-radius: 4px;
    justify-content: center;
}

.import-entity-warning__heading___1-VJE {
    text-align: center;
    margin: 0 auto;
}

.import-entity-warning__explanation___1oeG_ {
}

.import-entity-warning__workflowDeleteContainer___3DFgl,
.import-entity-warning__eventDeleteContainer___1jxK4 {
}

.import-entity-warning__buttonRow___2W2Pn {
    margin-top: 15px;
    flex-direction: row-reverse;
}

.import-entity-warning__okButton___2zyWZ {
    margin-left: 4em;
}

.import-entity-warning__cancelButton___3ILQl {
    color: rgb(0, 127, 175);
}

/* prettier-ignore */
.warning__audienceNotice___-JF10 {
    align-items: center;
    background: #f6f2e6;
    color: rgb(181, 132, 69);
    padding: 20px;
    border: 1px solid rgb(251, 209, 93);
    border-radius: 4px;
}

.warning__audienceNoticeIcon___3ArMR {
    fill: rgb(251, 209, 93);
    margin-right: 15px;
}

.warning__content___11z7A {
    display: block;
    margin: 10px 0;
    font-size: 14px;
    width: 100%;
}


.tabs__tabBar___3cFVl {
    justify-content: space-between;
    padding: 0 40px;
    border-bottom: 1px solid #dddddd;
    background: #fff;
}

.tabs__tabs___2igZJ {
}

.tabs__tab___1yF1G {
    height: 60px;
    display: flex;
    align-items: center;
    margin-right: 45px;
}

    .tabs__tab___1yF1G:hover {
        color: #000;
    }

.tabs__currentTab___3C9Gm {
    position: relative;
    cursor: default;
}

    .tabs__currentTab___3C9Gm:hover {
        color: inherit;
    }

    .tabs__currentTab___3C9Gm::before {
        content: '';
        display: flex;
        box-sizing: content-box;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 4px;
        width: 100%;
        padding-right: 6px;
        background: #2b2b2b;
    }

.tabs__currentTabNoIcon___2ypNB {
}

    .tabs__currentTabNoIcon___2ypNB::before {
        padding-right: 0;
    }

.tabs__svg___1z2lP {
    margin-right: 1em;
}


/* prettier-ignore */
.small__tabs___3SEy1 {
    font-size: 14px;
    color: #5e5e5e;
    font-weight: 700;
}

    .small__tabs___3SEy1 > * {
        margin-right: 20px;
    }

    .small__tabs___3SEy1 .small__pipe___2-q3a {
        margin-right: 20px;
    }

.small__active___1qNME {
    cursor: text;
}

.small__pipe___2-q3a {
    color: #aaaaaa;
    transform: scaleY(2);
}

/* prettier-ignore */
.ats__container___1QBrg {
    flex-flow: column;
    width: 1000px;
}

.ats__tearsheetsContainer___2POLl {
    flex-flow: column;
}

.ats__tearsheetsHeader___3-tCl {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.ats__editAudiencePage___oJFIe {
    flex-flow: column nowrap;
}

.ats__box___1677z {
    flex-flow: column nowrap;
    padding: 1em 40px;
}

.ats__title___2q0hE {
    text-transform: capitalize;
}

.ats__textInput___2kMIc {
    width: 100%;
}

.ats__searchInput___1HEll {
    margin-bottom: 20px;
    padding-left: 35px;
    background-image: url(/assets.sensehq.com/hashed/static/client/images/f8d0f32f21bfe8b8e261d973c5cecba0.svg);
    background-position: 10px center;
    background-repeat: no-repeat;
    width: 30%;
}

.ats__tearsheetSearchInput___3RhFs {
    width: auto;
    margin-bottom: 0;
}

.ats__tearsheetFilterButton___2jiHW {
    margin-left: 8px;
}

.ats__table___2_5ic {
    border-radius: 4px 4px 0 0;
    overflow: visible;
    margin-bottom: 60px;
}

.ats__tableHeader___e4sin {
    border-bottom-color: #dddddd;
}

.ats__headerCell___1gTmk {
}

.ats__tableBody___1S_mK {
}

.ats__headerCell___1gTmk {
}

.ats__atsSettingsRow___k0qIg {
    overflow: visible;
    min-height: 60px;
}

.ats__fieldRow___13yrX {
}

    .ats__fieldRow___13yrX > div {
        overflow: visible;
    }

.ats__dividerRow___1UnMF {
    background-color: #f7f7f7;
    border-right: 0;
    font-weight: bold;
    width: 100%;
}

.ats__analyticsField___11R1I {
    vertical-align: middle;
}

.ats__firstCell___1NzZr {
    color: #5e5e5e;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    white-space: normal;
}

.ats__cta___2fcQw {
    margin-left: 2em;
}

.ats__tooltip___2BGnQ {
    cursor: default;
}

.ats__trash___3NTcP {
}

    .ats__trash___3NTcP:hover {
        fill: #ea3556;
    }

    .ats__trash___3NTcP:active {
        fill: rgb(168, 41, 65);
    }

.ats__cell___2PWE8 {
}

.ats__atsSettingsCell___25Rk- {
    overflow: visible;
}

    .ats__atsSettingsCell___25Rk-:nth-child(1) {
        flex-grow: 2;
    }

    .ats__atsSettingsCell___25Rk-:nth-child(2) {
        flex-grow: 2;
    }

.ats__atsSettingsCellWithCheckbox___3z9jC {
    display: flex;
    justify-content: center;
    flex-grow: 1;
}

    .ats__atsSettingsCellWithCheckbox___3z9jC > div {
        width: auto;
    }

.ats__tearsheetCell___3nqwh {
}

    .ats__tearsheetCell___3nqwh:nth-child(1) {
        flex-grow: 1;
    }

    .ats__tearsheetCell___3nqwh:nth-child(2) {
        flex-grow: 3;
    }

.ats__postUpdateMessage___3HuRb {
    margin-bottom: 20px;
}

.ats__atsSelect___1hpq4 {
    max-width: 100%;
}

    .ats__atsSelect___1hpq4 > div {
        background: #fff;
    }

.ats__na___2MBiM {
    font-style: italic;
}

.ats__createWrap___3mk3p {
    background: #fff;
    border: 1px solid #dddddd;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    overflow: visible;
}

.ats__createRow___RyIjN {
    width: 100%;
    border: 0;
    overflow: visible;
    border-radius: 0 0 4px 4px;
}

    .ats__createRow___RyIjN:hover {
        background-color: transparent;
    }

.ats__addField___XXQoE {
    justify-content: center;
    height: 90px;
}

.ats__createRowSaveButtons___1Po-g {
    justify-content: flex-end;
}

.ats__createRowSaveButton___3idoT {
    margin-right: 30px;
}

.ats__createRowCancelButton___2jfuA {
    margin-right: 30px;
}

.ats__saveButtons___2Bxo5 {
    max-width: 700px;
    margin-top: 20px;
    align-content: flex-end;
    justify-content: flex-end;
}

.ats__saveButton___3yBw2 {
    margin-right: 30px;
}

.ats__cancelButton___uqF7h {
    margin-right: 30px;
}

.ats__checkbox___KwyNS {
    height: 20px;
}

.ats__checkboxLabel___1JkDd {
    max-width: 160px;
    margin-top: 7px;
    margin-bottom: 15px;
}

.ats__checkboxText___1fu94 {
    margin-left: 0.5em;
    align-self: center;
}

.ats__errors___3LMjt {
    max-width: 700px;
    margin-top: 1em;
}

.ats__selectAllText___3JoDa {
    margin-top: 20px;
}

.ats__entityActionsContainer___NZQU6 {
    justify-content: flex-start;
    margin-left: 290px;
    position: fixed;
    padding: 12px 0;
    margin: 0 calc(40px * -1);
    bottom: 0;
    width: calc(100vw - 290px);
    background-color: #fff;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.24);
}

.ats__entityActions___2CwmR {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(1000px + 40px);
    align-items: center;
    justify-content: flex-end;
}

@media only screen and (max-width: 1320px) {
    .ats__entityActions___2CwmR {
        padding-right: 50px;
    }
}

.ats__entitySaveButton___3gsx1 {
    margin-left: 30px;
}

.ats__entityResetButton___IA1dH {
    margin-left: 40px;
}

.ats__syncButton___12a16 {
}

.ats__noSyncAllowed___XMIjH {
    font-size: 14px;
    color: #c4c4c4;
}

.ats__modal___IumEp {
    flex-flow: column;
    align-items: center;
}

.ats__modalTitle___3oePJ {
    margin-bottom: 24px;
}

.ats__modalChoice___Y1HVM {
    text-transform: capitalize;
    cursor: pointer;
}

    .ats__modalChoice___Y1HVM:first-child {
        margin-top: 0;
    }

.ats__modalChoiceSpan___19Mag {
    margin-left: 0.5em;
}

.ats__modalActions___31lus {
}

.ats__modalCancelButton___3MR25 {
    cursor: pointer;
}

.ats__modalNextButton___3DeLQ {
}

.ats__modalNextButtonDisabled___1gk9Q {
}

.ats__modalSegmentedButton___2vKp0 {
    width: 80%;
    margin-bottom: 24px;
}

.ats__modalSegmentedButtonInput___3TCC2 {
}

.ats__modalSegmentedButtonLabel___p46so {
}

.ats__modalSegmentedButtonSegment___2-k2N {
}

.ats__syncEntityChoiceBox___93IZt {
    flex-flow: column;
    background: #f7f7f7;
    width: 100%;
    margin-bottom: 30px;
}

    .ats__syncEntityChoiceBox___93IZt h5 {
        font-size: 16px;
        line-height: 24px;
        color: #919191;
    }

    .ats__syncEntityChoiceBox___93IZt label {
        line-height: 40px;
        margin: 8px 0 0;
    }

.ats__entityCheckbox___2Vh6D {
    margin-right: 12px;
    position: relative;
    top: 4px;
}

.modal-root__bg___7yjVu {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0px;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    /*z-index: 20;*/
}

.modal-root__container___1tag4 {
    box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.24), 0px 6px 48px rgba(0, 0, 0, 0.12);
}

/* prettier-ignore */
/* we precalc some of these values */
/* menuWidth / 2 */
/* caretWidth / 2 */
/* (caretPad + halfCaretWidth) + 1px border */
/* menuWidth - caretCenterOffset - 1px border */
.context-menu__root___1tCXr {
    position: relative;
}

.context-menu__button___5UlhB {
    cursor: pointer;
}

.context-menu__menu___3ztm_ {
    position: absolute;
    background: #fff;
    flex-flow: column;
    /* NOTE (kyle): menu is bumped by a 8px margin below the anchored element. */
}

.context-menu__menuDefaultStyle___3-OQp {
    margin-top: 8px;
    width: 150px;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    padding: 0.5em 1em;
}

.context-menu__menu___3ztm_[data-ui-anchor='center'] {
    transform: translate( -50%, 0);
}

    .context-menu__menu___3ztm_[data-ui-anchor='center'] .context-menu__caret___W-HzG {
        right: calc(50% - 10px);
    }

.context-menu__menu___3ztm_[data-ui-anchor='end'] {
    transform: translate( calc( -100% + 19px ), 0);
}

.context-menu__menu___3ztm_[data-ui-anchor='endNoCaret'] {
    transform: translate( -100%, 0);
}

.context-menu__menu___3ztm_[data-ui-anchor='end'] .context-menu__caret___W-HzG {
    right: 8px;
}

.context-menu__menu___3ztm_[data-ui-anchor='start'] {
    margin-left: calc(19px * -1);
}

    .context-menu__menu___3ztm_[data-ui-anchor='start'] .context-menu__caret___W-HzG {
        right: auto;
        left: 8px;
    }

.context-menu__header___32tPu {
    border-bottom: 1px solid #f7f7f7;
    padding: 16px 12px;
}

.context-menu__items___3HOrL {
    flex-flow: column;
}

    .context-menu__items___3HOrL > * {
        padding: 0.5em 0;
        cursor: pointer;
    }

        .context-menu__items___3HOrL > *:hover {
            color: #000;
        }

.context-menu__caret___W-HzG {
    position: absolute;
    right: 8px;
    top: -10px;
    width: 20px;
    height: 10px;
}

.context-menu__caretArrow___fwpNB {
    fill: #fff;
    stroke-width: 1px;
    stroke: #c4c4c4;
}

.index__guide___3hc9j {
    flex: 1 0;
    flex-flow: column;
    align-items: center;
    background: #f2f2f2;
    > *

{
    margin-bottom: 1em;
}

}

.index__title___a4AZj {
    margin: 1em 0;
}

.index__subtitle___2FP6m {
    margin-bottom: 1em;
}

.index__smallTitle___1-GUI {
    margin-bottom: 1em;
}

.index__box___1GY3s {
    margin-top: 2em;
    flex-flow: column;
    align-items: stretch;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background: white;
    font-size: 14px;
}

.index__boxHeader___nt8V4 {
    height: 64px;
    padding: 0 32px;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
}

.index__boxContent___3ZVcQ {
    height: 94px;
    padding: 0 32px;
    align-items: center;
}

.index__boxLabel2___35VFb {
    font-style: italic;
    margin-left: 2em;
}

.index__question___1KR7Z {
    margin-top: 2em;
    font-style: italic;
}

.index__buttons___1pptu {
    flex-flow: column;
    margin: 2em 0;
}

.index__button___3HRkw {
}

.index__textButton___1gKfX {
    margin-top: 1em;
}

.index__form___2FPVI {
    flex-flow: column;
    width: 690px;
    margin-top: 2em;
}

.index__formBlock___2pWbe {
    flex-flow: column;
    margin-top: 1em;
}

    .index__formBlock___2pWbe .index__label___2XPgb {
        margin-bottom: 12px;
    }

.index__formCol___146_Q {
    flex: 1 0;
    margin-right: 1em;
}

    .index__formCol___146_Q:last-child {
        margin-right: 0;
    }

.index__formRow___37Y2f {
    align-items: center;
    margin-top: 1em;
}

    .index__formRow___37Y2f .index__label___2XPgb {
        margin-right: 1em;
    }

.index__label___2XPgb {
}

.index__input___7CBLt {
}

.index__dateInput___2syla {
}

.index__eventModule___2-x98 {
    margin: 4em 0;
    width: 750px;
}

.index__eventModuleBody___3RO5h {
    height: 90px;
}

/* prettier-ignore */
.loader__loader___1xMY3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 200vw;
    height: 4px;
    z-index: 6;
    background-image: linear-gradient(to right, rgb(0, 127, 175), rgba(0, 127, 175, 0), rgb(0, 127, 175), rgba(0, 127, 175, 0), rgb(0, 127, 175));
    animation: loader__load___3Wn-S 3s linear infinite;
}

.loader__loaderHide___gUM8L {
    display: none;
}

@keyframes loader__load___3Wn-S {
    from {
        left: -100%;
    }

    to {
        left: 0;
    }
}

/* prettier-ignore */
.notification__container___1QxY0 {
    position: relative;
    height: 60px;
    padding: 0 44px;
    align-items: center;
    justify-content: center;
    color: #ea3556;
    background: #f6f2e6;
}

.notification__message___2M8Zk {
    display: inline;
}

    .notification__message___2M8Zk > strong {
        margin-right: 0.3em;
    }

.notification__closeContainer___2nXqO {
    position: absolute;
    top: 0;
    right: 44px;
    height: 100%;
    align-items: center;
}

.notification__close___12YBA {
    cursor: pointer;
}

    .notification__close___12YBA svg {
        stroke: #ea3556;
    }

    .notification__close___12YBA:hover {
        opacity: 0.7;
    }

.top__container___3Khey {
    flex-flow: column;
    flex: 1 0 auto;
}

.top__navPlaceholder___n1MSQ {
    height: 58px;
    flex: 0 0 auto;
}

.top__nav___2EAj2 {
    position: relative;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 58px;
    flex: 0 0 auto;
    padding: 0 44px;
    align-items: center;
    background: #fff;
}

.top__navFixed___2wBWm {
    position: fixed;
}

.top__logo___1It4f {
    font-weight: bold;
    font-size: 13px;
    color: #5e5e5e;
}

.top__logoImage___2JXZc {
    max-height: 30px;
    margin-left: 5px;
}

.top__authed___3ismy {
    position: relative;
    margin-left: auto;
    align-items: baseline;
}

.top__authedUserPhone___19u3d {
    display: inline-block; /* inline-block to preserve space between text and <span> */
    color: #5e5e5e;
    font-size: 12px;
    margin-right: 36px;
}

.top__userName___2Le9p {
}

.top__groupName___1R7Y5 {
    margin-right: 40px;
    color: #ff9800;
    padding: auto 5px;
}

.top__groupIcon___Q5Y48 {
    margin-left: 5px;
}

    .top__groupIcon___Q5Y48 g {
        fill: #ff9800;
    }

.top__burger___3zhTy {
    display: none;
    margin-right: 1em;
}

@media (max-width: 700px) {
    .top__burger___3zhTy {
        display: inherit;
    }
}


.crossfade__enter___e-Fvu {
    position: absolute;
    opacity: 0;
}

.crossfade__enterActive___3fypA {
    opacity: 1;
    transition: opacity 0.2s;
}

.crossfade__leave___YFMfT {
    opacity: 1;
}

.crossfade__leaveActive___3cbIP {
    opacity: 0;
    transition: opacity 0.2s;
}


.push__enter___3AtfP {
    position: absolute;
    transform: translateX(100%);
}

.push__enterActive___iSist {
    transform: translateX(0);
    transition: transform 0.2s;
}

.push__leave___1nAGC {
    transform: translateX(0);
}

.push__leaveActive___1x0lE {
    transform: translateX(-100%);
    transition: transform 0.2s;
}


.pop__enter___2-ICB {
    position: absolute;
    transform: translateX(-100%);
}

.pop__enterActive____XBYN {
    transform: translateX(0);
    transition: transform 0.2s;
}

.pop__leave___3NN1y {
    transform: translateX(0);
}

.pop__leaveActive___klAa6 {
    transform: translateX(100%);
    transition: transform 0.2s;
}


/* prettier-ignore */
/* imported by top-nav-link.css */
.side2__navAnchor___5lGmC {
    position: relative;
    align-self: stretch;
    max-height: 100vh;
    width: 70px;
}

    .side2__navAnchor___5lGmC.side2__expanded___3Nh2X {
        width: 200px;
    }

    .side2__navAnchor___5lGmC.side2__detailed____rWxW {
        width: 290px;
    }

.side2__container___YZtHk {
    position: absolute;
    height: 100%;
    font-size: 14px;
}

.side2__containerOpen___3JLfl {
}

.side2__navAnchor___5lGmC.side2__pinned___1Ka2L .side2__container___YZtHk {
    position: fixed;
    top: 0;
    min-height: 100vh;
}

.side2__navAnchor___5lGmC.side2__pinned___1Ka2L .side2__topNav___3nPZz {
    min-height: 100vh;
}

.side2__topNavContainer___3TYBk {
    width: 70px;
}

.side2__topNavContainerExpand___3sPpv {
    width: 200px;
}

.side2__topNav___3nPZz {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    flex-flow: column;
    width: 70px;
    color: #9e9e9e;
    background: #2b2b2b;
    overflow: hidden;
    transition: width 0.2s;
}

.side2__topNavExpand___z04uw {
    width: 200px;
}

.side2__topNavIcon___3QYs8 {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}

.side2__topNavIconPeople___2CHaH {
    width: 21px;
    height: 27px;
}

.side2__topNavIconSchedule___2x9AX {
    width: 18px;
    height: 18px;
}

.side2__topNavIconWorkflow___114AE {
    width: 17px;
    height: 17px;
}

.side2__topNavIconSettings___1XOTK {
    width: 23px;
    height: 23px;
    fill: #777777;
    stroke: none;
}

.side2__topNavIconChat___13dYE {
    width: 26px;
    height: 19px;
}

.side2__topNavIconContacts___1IcLD {
    width: 24px;
    height: 23px;
}

.side2__detailContainer___tXFOr {
    position: relative;
    align-items: flex-start;
    width: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #444444;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    padding-bottom: 58px;
    /* NOTE (angelina): offsets the top navigation bar that prevents full scrolling to the bottom of the side bar*/
}

.side2__containerOpen___3JLfl .side2__detailContainer___tXFOr {
    width: 0;
}

.side2__detail___10nCq {
    flex: 1 0;
    min-width: 0;
    flex-flow: column;
}

.side2__detailSection___16zYI {
    flex-flow: column;
    margin-bottom: 30px;
}

    .side2__detailSection___16zYI:first-child {
        margin-top: 23px;
    }

.side2__detailSectionEvents___3jiS5 {
}

    .side2__detailSectionEvents___3jiS5:first-child {
        margin-top: 0;
    }

.side2__detailTitle___oSbWV {
    margin-bottom: 15px;
    padding: 0 20px;
    color: rgb(251, 209, 93);
}

.side2__detailTitleWorkflows___11EhE {
    justify-content: space-between;
    align-items: center;
    margin: -4px 0 16px;
    padding: 0 12px;
}

.side2__detailNewWorkflowButton___200er {
    font-size: 0;
}

.side2__newWorkflowIcon___285Uk {
    fill: #ededed;
}

.side2__detailNewWorkflowButton___200er:hover .side2__newWorkflowIcon___285Uk {
    fill: rgb(0, 127, 175);
}

.side2__detailItems___2zG3Z {
    flex-flow: column;
    text-transform: capitalize;
}

.side2__detailItem___1RY-Z {
    display: flex;
    padding: 0 20px;
    height: 40px;
    align-items: center;
    color: #ededed;
}

    .side2__detailItem___1RY-Z:hover {
        background: #5e5e5e;
    }

.side2__detailItemOn___1dnFH {
    background: #5e5e5e;
}

.side2__metricsIcon___1z_Aq {
    margin-right: 20px;
}

.side2__responsesIcon___2RIM5 {
    margin-right: 11px;
}

.side2__flagIcon___1vRjx {
    margin-right: 15px;
}

.side2__engagementIcon___36PtA {
    margin-right: 14px;
}

.side2__clicksIcon___36VjR {
    margin-right: 20px;
}

.side2__speechBubbleIcon___2ddP0 {
    margin-right: 20px;
    fill: #ededed;
}

.side2__performanceIcon___246O0 {
    margin-right: 16px;
    width: 24px;
}

    .side2__performanceIcon___246O0 path {
        fill: #ededed;
    }

.side2__settingsDetailIcon___2jmUl {
    width: 24px;
    margin-right: 12px;
}

.side2__npsIcon___2Ou5e {
    margin-right: 20px;
}

.side2__detailWorkflows___bJo3z {
    padding-top: 10px;
}

.side2__workflowStyle___2VxB9 {
    font-size: 15px;
    font-weight: bold;
    color: #ededed;
}

.side2__detailWorkflow___1S7M8 {
}

    .side2__detailWorkflow___1S7M8::before {
        content: '';
        flex: 0 0 auto;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-right: 1em;
    }

    .side2__detailWorkflow___1S7M8.side2__active___2ZkFJ::before {
        background: #4caf50;
    }

    .side2__detailWorkflow___1S7M8.side2__on___20Dyi {
        background: #5e5e5e;
        cursor: default;
    }

.side2__detailWorkflowNew___2Adkv {
}

    .side2__detailWorkflowNew___2Adkv::before {
        content: '+';
        width: auto;
        height: auto;
    }

.side2__detailWorkflowTitle___1-RwE {
    display: flex;
    position: relative;
    align-items: center;
    padding: 0 20px 0 30px;
    height: 60px;
    border-bottom: 1px solid #5e5e5e;
    margin-bottom: 24px;
    cursor: pointer;
}

    .side2__detailWorkflowTitle___1-RwE:hover {
        background: #5e5e5e;
    }

.side2__detailTitleEvents___zJvB8 {
    padding: 0 20px 0 30px;
}

.side2__detailItemEvents___2vT7Z {
    padding: 0 20px 0 30px;
}

.side2__detailEvents___37gPg {
}

.side2__detailEvent___1qVYR {
    padding: 0 20px 0 30px;
    color: #aaaaaa;
}

.side2__detailEventOn___3NOKv {
    background: #111111;
}

.side2__backArrow___3anpt {
    position: absolute;
    left: 10px;
    top: 23px;
}

.side2__zendeskSupportIcon___4kf9Q {
    position: fixed;
    bottom: 10px;
    left: 15px;
    height: 40px;
    width: 40px;
    z-index: 2;
    border-radius: 500px;
    background: #5e5e5e url(/assets.sensehq.com/hashed/static/client/images/b2d77d69cdaa2056c55ab0450c049ce7.svg) no-repeat center center;
    background-size: 50%;
    cursor: pointer;
}

.side2__workflowSearchLabel___1JOsa {
    position: relative;
}

    .side2__workflowSearchLabel___1JOsa:focus {
        border: none;
    }

.side2__workflowSearch___3Cmi5 {
    flex: 1 0;
    min-width: 0;
    height: 32px;
    border-radius: 4px;
    margin: 0 8px;
    padding: 4px 20px 4px 32px;
    border: 1px solid #777777;
    color: #fff;
    background-color: #5e5e5e;
}

    .side2__workflowSearch___3Cmi5:focus {
        box-shadow: 0 0 0 2px rgb(8, 120, 164);
    }

    .side2__workflowSearch___3Cmi5:-ms-input-placeholder {
        color: #dddddd;
    }

    .side2__workflowSearch___3Cmi5::-ms-input-placeholder {
        color: #dddddd;
    }

    .side2__workflowSearch___3Cmi5::placeholder {
        color: #dddddd;
    }

    .side2__workflowSearch___3Cmi5:focus:-ms-input-placeholder {
        color: #919191;
    }

    .side2__workflowSearch___3Cmi5:focus::-ms-input-placeholder {
        color: #919191;
    }

    .side2__workflowSearch___3Cmi5:focus::placeholder {
        color: #919191;
    }

.side2__workflowSearchResults___1ZgR0 {
    margin-top: 16px;
    justify-content: flex-start;
}

.side2__searchIcon___3yNeY {
    position: absolute;
    top: 6px;
    left: 20px;
}

.side2__clearIcon___1kMfk {
    position: absolute;
    top: 10px;
    right: 16px;
}

    .side2__clearIcon___1kMfk:hover {
        cursor: pointer;
        opacity: 0.7;
    }

    .side2__searchIcon___3yNeY path, .side2__searchIcon___3yNeY circle, .side2__clearIcon___1kMfk path {
        stroke: #ededed;
    }


/* prettier-ignore */
.top-nav-link__topNavItem___2t_cS {
    display: flex;
    padding: 15px 0 15px 20px;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
}

    .top-nav-link__topNavItem___2t_cS:hover {
        background: rgba(0, 0, 0, 0.2);
    }

.top-nav-link__topNavItemOn___1t31g {
    background: rgba(0, 0, 0, 0.4);
}

.top-nav-link__topNavIconContainer___23kaE {
    position: relative;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
}

.top-nav-link__topNavText___2y5cc {
    margin-left: 10px;
}

.top-nav-link__topNavTextCollapsed___BvTNo {
    opacity: 0;
    transition: opacity 0.2s;
}

.top-nav-link__topNavTextExpanded___3edpd {
    opacity: 1;
}

.top-nav-link__topNavItemSettings___1THDB {
    flex: 1 1;
}

.messages-nav-link__topNavBubble___3oKt6 {
    position: absolute;
    top: -4px;
    right: -8px;
    background-color: #ea3556;
    color: #fff;
    border-radius: 16px;
    padding: 3px;
    font-size: 10px;
    height: 17px;
}

.auth__bg___38ZUm {
    flex: 1 0 auto;
    justify-content: center;
    align-items: center;
    background: #ededed;
    flex-flow: column;
    padding-top: 20px;
}

.auth__container___17LOO {
    flex-flow: column;
    align-items: center;
    width: 310px;
}

.auth__form___2_5NF {
    flex-flow: column;
    width: 223px;
}

.auth__agencyContainer___VTawd {
    flex-flow: column;
    width: 310px;
}

.auth__table___33DYz {
    flex-flow: column;
    width: 310px;
}

.auth__logo___2Y2I9 {
    justify-content: center;
    margin-bottom: 70px;
}

    .auth__logo___2Y2I9 svg {
        height: 18px;
    }

.auth__logoImage___18eid {
    max-height: 50px;
}

.auth__error___2xfHu {
    border-radius: 4px;
    padding: 1em;
    background: #f4e2e6;
    border: 1px solid #ea3556;
    margin-bottom: 0.6em;
    font-size: 14px;
}

.auth__input___2Zo1P {
    margin-bottom: 10px;
}

.auth__inputContainer___wZCa5 {
    margin-bottom: 10px;
}

.auth__button___3L_gh {
}

    .auth__button___3L_gh[disabled] {
        color: #fff;
    }

.auth__resetButton___103zg {
    margin-top: 24px;
}

.auth__endNoteBox___3SmYO {
    margin-top: 3px;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.auth__endnote___pQcCt {
    margin-top: 0.6em;
    font-size: 14px;
    text-align: right;
}

.auth__link___1p5Z- {
}

    .auth__link___1p5Z-:hover {
        color: #111111;
    }

.auth__footer___3Azjc {
    margin-top: 100px;
}

.auth__footerLogo___2uihP {
    font-size: 14px;
    height: 20px;
    width: 80px;
    margin-left: 12px;
}

.auth__bullhornAuthenticate___1tR8m {
    flex-flow: column;
    width: 400px;
}

.auth__errorText___2ZfjK {
    display: inline;
    color: red;
}

.auth__passwordInput___Q_hTu {
    margin-top: 5px;
    margin-bottom: 10px;
}

.auth__formLabel___1Q1xH {
    flex-flow: column;
    margin: 4px 0;
}

.auth__inlineErrorListCommon___fWFWf {
    margin-top: -0.2em;
    color: #ea3556;
    flex: 1 0 auto;
    padding: 0;
    list-style-type: none;
}

    .auth__inlineErrorListCommon___fWFWf a {
        color: #2b2b2b;
    }

.auth__inlineErrorListCenter___8kA_V {
    justify-content: center;
}

.auth__inlineErrorListRight___2Gv5Q {
    justify-content: flex-end;
}

.auth__headerText___3UM4B {
    text-align: center;
}

.auth__spinner___3EAp3 {
    height: 90px;
    width: 90px;
}

.signup__form___ZOQSN {
    flex-flow: column;
    align-self: center;
    width: 260px;
}

.signup__pageTitle___n7yE1 {
}

.signup__intro___12R5V {
    margin: 30px 0;
}

.signup__welcome___LQ7R7 {
    margin: 0 10px;
}

.signup__inlineErrorListCommon___CqMFr {
    /* NOTE (kyle): this is a legacy exception to our all-flexbox rule */
    display: block;
    color: #ea3556;
    flex: 1 0 auto;
    padding: 0;
    list-style-type: none;
}

    .signup__inlineErrorListCommon___CqMFr a {
        color: #2b2b2b;
    }

.signup__inlineErrorListCenter___PZzYR {
}

.signup__inlineErrorListRight___3iNOa {
}

/* prettier-ignore */
.password-confirmation__error___35w-m {
}

.password-confirmation__inlineErrorListRight___2ZNdc {
}

.password-confirmation__passwordInput___1BKj0 {
    margin-bottom: 10px;
}

.password-confirmation__formLabel___1fJt5 {
    flex-direction: column;
}

.password-confirmation__labelText___3rlHZ {
    margin-bottom: 5px;
}

.password-confirmation__strengthLabel___3rloK {
    flex-flow: row;
    display: flex;
    justify-content: space-between;
}

.password-confirmation__row___1EYyD {
    margin: 6px 0;
}

.password-confirmation__column___3S_WB {
    flex-flow: column;
    flex: 1 0 auto;
}

.password-confirmation__doubleRow___1uhL_ {
    width: calc(188px * 2 + 20px);
    justify-content: space-between;
}

.password-confirmation__strengthRow___3JHvz {
    flex-flow: column;
}

.password-confirmation__errorMessage___2AmrK {
    font-weight: normal;
    font-style: italic;
    color: #ea3556;
}
/* Begin styles for Meter component */
.password-confirmation__meter___3M1qL {
    /* TODO (kyle): why is this like this? */
    /* flex: 1 0 100%; */
    margin: 3px 0;
    transition: opacity 160ms ease;
}

.password-confirmation__hiddenMeter___3ylr7 {
    opacity: 0;
}

.password-confirmation__defaultSlice___2U47C {
    height: 4px;
    background: #c4c4c4;
    flex: 1 0 40px;
    margin: 0 3px;
    transition: background-color 200ms ease;
}

    .password-confirmation__defaultSlice___2U47C:first-child {
        margin-left: 0;
        border-radius: 2px 0 0 2px;
    }

    .password-confirmation__defaultSlice___2U47C:last-child {
        margin-right: 0;
        border-radius: 0 2px 2px 0;
    }

.password-confirmation__rating1___2-tDX {
    background: #ea3556;
}

.password-confirmation__rating2___E2Ecb {
    background: rgb(251, 209, 93);
}

.password-confirmation__rating3___6hxEy {
    background: #4caf50;
}

.password-confirmation__rating4___19UY3 {
    background: rgb(0, 127, 175);
}
/* End styles for Meter component */

.tile__statsLink___1N9gN {
    display: flex;
    position: relative;
    flex-flow: column;
    padding: 0 25px 20px;
    cursor: pointer;
    transition: background-color 0.2s;
    max-width: 300px;
}

    .tile__statsLink___1N9gN:hover {
        background-color: #f7f7f7;
    }

.tile__statsLinkOff___ITMYY {
    cursor: default;
}

    .tile__statsLinkOff___ITMYY:hover {
        background-color: #fff;
    }

.tile__statsFigure___2EdgW {
    font-size: 23px;
    height: 86px;
    align-items: center;
}

.tile__statsNumber___1RG6D {
    flex: 1 0;
    justify-content: space-between;
    align-items: center;
}

.tile__statsArrow___1Wmqd {
    fill: none;
    stroke: rgb(0, 127, 175);
}

.tile__statsText___ftfmi {
    font-size: 13px;
}

.more-button__moreButton___3-pMD {
    align-self: flex-end;
}

    .more-button__moreButton___3-pMD > div > div {
        width: 14px;
        height: 14px;
    }

/* prettier-ignore */
.responses__leftColumn___o9awA {
    width: 44%;
}

.responses__rightColumn___3Oofu {
    width: 56%;
    margin-left: 10px;
}

.responses__padded___35NpY {
    padding: 20px;
}

.responses__responses___3K1d2 {
    flex: 1 0 auto;
    flex-flow: column;
}

.responses__count___2sfYx {
    height: 56px;
    align-items: center;
}

    .responses__count___2sfYx strong {
        margin-right: 0.3em;
    }

.responses__column___2AzO9 {
    flex-flow: column;
    flex: 1 0 auto;
}

.responses__response___19mrJ {
    flex-flow: column;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 20px;
    white-space: pre-wrap;
}

.responses__responseSelected___fFn36 {
    background: #ddeaef;
}

.responses__compactResponse___3bQs2 {
    margin-bottom: 5px;
}

.responses__headerContainer___2EsRX {
    align-items: baseline;
    border-bottom: 1px solid #dddddd;
}

.responses__headerEvent___NAT89 {
    display: flex;
    align-self: stretch;
    margin-right: 10px;
    width: 225px;
    border-right: 1px solid #dddddd;
}

    .responses__headerEvent___NAT89:hover {
        background-color: #f7f7f7;
    }

.responses__headerEventIcon___2RlWI {
    margin-right: 20px;
}

.responses__headerEventTitles___12900 {
    flex-flow: column;
}

.responses__headerEventTitle___2lRid {
    font-size: 16px;
    margin-bottom: 2px;
}

.responses__headerWorkflowTitle___2IkVL {
    font-size: 11px;
    color: #b1b1b1;
}

.responses__header___36HVr {
    flex: 1 0;
}

.responses__main___2jQ-4 {
    flex-direction: column;
}

.responses__recipientHeader___OKzcp {
    flex-wrap: wrap;
    flex-direction: row;
}

.responses__headerCell___3P3bP {
    flex-basis: 44%;
    justify-content: center;
    margin-top: 10px;
}

    .responses__headerCell___3P3bP:first-child,
    .responses__headerCell___3P3bP:nth-child(2) {
        margin-top: 0;
    }

    .responses__headerCell___3P3bP:nth-child(2n + 2) {
        flex-basis: 56%;
    }

.responses__compactHeaderCell___2qXQG {
    flex-basis: 100%;
    margin-top: 10px;
}

    .responses__compactHeaderCell___2qXQG:first-child {
        margin-top: 0;
    }

.responses__compactHeaderCellRows___tzySm {
    flex-direction: column;
}

.responses__compactHeader___3C0Ts {
    flex-flow: column;
}

.responses__headerLabel___2v0IG {
    flex: 0 0 110px;
}

.responses__compactHeaderLabel___2SAem {
    flex-basis: auto;
}

.responses__headerValue___FvKHr {
    flex: 1 0;
    margin-left: 0.4em;
}

.responses__compactHeaderValue___22vx3 {
    margin-top: 0.4em;
    margin-left: 0;
}

.responses__linkable___2pQOd {
    color: rgb(0, 127, 175);
}

.responses__clientName___1m8tQ {
}

.responses__consultantName___3VQQA {
}

.responses__company___92lsv {
}

.responses__name___ieedZ {
}

.responses__date___105Wi {
}

.responses__answerRow___1xEwj {
    margin-top: 10px;
}

    .responses__answerRow___1xEwj:first-child {
        margin-top: 0;
    }

.responses__question___2GUYL {
    color: #777777;
}

.responses__answer___2RUP_ {
}

.responses__answerRatingScale___1KLNX {
    font-size: 22px;
    align-items: center;
}

    .responses__answerRatingScale___1KLNX::before {
        content: '';
        height: 40px;
        width: 40px;
        flex: 0 0 auto;
        margin-right: 15px;
    }

    .responses__answerRatingScale___1KLNX.responses__negative___2sP1N {
        color: #ea3556;
    }

        .responses__answerRatingScale___1KLNX.responses__negative___2sP1N::before {
            background-image: url(/assets.sensehq.com/hashed/static/client/images/57635751eb8b8107aad9d154e24a08aa.svg);
        }

    .responses__answerRatingScale___1KLNX.responses__neutral___1QNyh {
        color: rgb(251, 209, 93);
    }

        .responses__answerRatingScale___1KLNX.responses__neutral___1QNyh::before {
            background-image: url(/assets.sensehq.com/hashed/static/client/images/0d22fae5b3804499e16460970efa54d5.svg);
        }

    .responses__answerRatingScale___1KLNX.responses__positive___1MCS5 {
        color: #4caf50;
    }

        .responses__answerRatingScale___1KLNX.responses__positive___1MCS5::before {
            background-image: url(/assets.sensehq.com/hashed/static/client/images/e750438006e5cf730090c9f468f4166e.svg);
        }

.responses__zero___25p-R {
}

.responses__flaggedHighlight___zsm5p {
    background-color: #f6f2e6;
    color: inherit;
}

.responses__downloadLink___1CZRI {
    margin-left: auto;
    cursor: pointer;
}

    .responses__downloadLink___1CZRI:hover {
        color: #444444;
    }

.zero__box___3OBm1 {
    flex-flow: column;
    flex: 1 0 auto;
    align-items: center;
    padding: 55px 0;
    text-align: center;
}

.zero__icon___2riT8 {
    margin-bottom: 15px;
}

.zero__title___yQszm {
    margin-bottom: 25px;
    font-size: 16px;
    color: rgb(0, 127, 175);
}

.zero__text___-cw-u {
    margin-bottom: 35px;
    max-width: 320px;
    font-size: 14px;
}

.zero__link___1J8Au {
    display: flex;
}

/* prettier-ignore */
.dashboard__bg___1-Yz5 {
    flex: 1 0 auto;
    justify-content: center;
    align-items: flex-start;
}

.dashboard__container___3V1am {
    flex: 0 1 860px;
    flex-flow: column;
    box-sizing: content-box;
    padding: 25px;
}

.dashboard__header___llXU1 {
    margin-bottom: 25px;
    align-items: center;
    justify-content: space-between;
}

.dashboard__title___3cXyq {
    font-size: 20px;
}

.dashboard__date___DiQYp {
    font-size: 25px;
    color: #919191;
    margin: auto;
}

.dashboard__day___2OgKC {
    color: #5e5e5e;
}

.dashboard__subtitle___TFX7C {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
}

.dashboard__noData___frAHp {
    margin-top: 1.5em;
    width: 60%;
}

.dashboard__stats___GkW7- {
    margin-bottom: 25px;
}

    .dashboard__stats___GkW7- > * {
        flex: 1 0;
        margin-right: 8px;
    }

        .dashboard__stats___GkW7- > *:last-child {
            margin-right: 0;
        }

.dashboard__statsIcon___MCf7n {
    margin-right: 25px;
}

.dashboard__statsWorkflowIcon___ysFbC {
    width: 30px;
    height: 30px;
}

.dashboard__statsPeopleIcon___On1io {
    width: 34px;
    height: 42px;
}

.dashboard__statsScheduleIcon___2c5DK {
    width: 41px;
    height: 43px;
}

.dashboard__statsArrow___35sGt {
    fill: none;
    stroke: rgb(0, 127, 175);
}

.dashboard__events___2X-CJ {
    flex-flow: column;
    margin-bottom: 25px;
}

.dashboard__eventRow___2YiyW {
    margin-bottom: 5px;
}

.dashboard__dueEvent___Lrems {
    display: flex;
    flex: 1 0;
    margin-right: 5px;
    padding: 25px;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .dashboard__dueEvent___Lrems:last-child {
        margin-right: 0;
    }

    .dashboard__dueEvent___Lrems:hover {
        background-color: #f7f7f7;
    }

.dashboard__dueEventIcon___2CVio {
    height: 18px;
    width: 18px;
    margin-right: 10px;
}

.dashboard__dueEventTitle___Xdkgt {
    flex-flow: column;
    width: 200px;
}

.dashboard__dueEventName___1-CYf {
    font-size: 16px;
}

.dashboard__dueEventTime___m1ShY {
    color: #9e9e9e;
}

.dashboard__dueEventInfo___3b6Uu {
    flex: 1 0;
    width: 0;
    justify-content: space-between;
    align-items: center;
}

.dashboard__iconFill___1Wdsm {
    fill: rgb(0, 127, 175);
}

.dashboard__iconStroke___2Vffa {
    stroke: rgb(0, 127, 175);
    fill: none;
}

.dashboard__dashboardBoxes___CUf3K {
    width: 100%;
    margin: 2em 0 3em 0;
    justify-content: center;
}

.dashboard__noResponseMsg___1ZtOk {
    font-weight: normal;
}

.dashboard__zero___8cEOJ {
    margin-bottom: 25px;
}

.dashboard__envelope___1txgJ {
    width: 74px;
}

.dashboard__phone___3Ga1Z {
    position: relative;
    left: 10px;
    width: 73px;
}

.dashboard__nextScheduledEventsSection___3-IKf {
    flex-direction: column;
}

.dashboard__responseTabs___15UCh {
    flex-direction: column;
}

.dashboard__responseSelect___1fWvF {
    margin-bottom: 25px;
}

    .dashboard__responseSelect___1fWvF > label {
        flex: 0 0 auto;
    }

.dashboard__responsesSection___1jqQA {
    flex: 0 0 auto;
    align-self: stretch;
}

    .dashboard__responsesSection___1jqQA > div {
        width: 0;
        min-width: 0;
    }

.dashboard__emptyDashboard___2Gj0e {
    align-items: center;
}

.dashboard__emptyDashboardContent___2yVpj {
    flex-direction: column;
    align-items: center;
    width: 200px;
}

.dashboard__emptyDashboardGreeting___1U-NQ {
    margin-bottom: 20px;
}

.dashboard__emptyDashboardSubheader___3SbGA {
    font-size: 16px;
    margin-top: 20px;
}

.dashboard__emptyDashboardIntro___j4sBh {
    text-align: center;
    font-size: 14px;
}

.dashboard__userSearch___1bhtv {
    margin-right: 25px;
    display: flex;
    width: 220px;
}

.recent-events__noActivitiesContainer___IHs_N {
    display: flex;
    height: 380px;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    justify-content: space-between;
    overflow-y: hidden;
    margin-bottom: 24px;
}

.recent-events__noActivitiesTextContainer___3cYGw {
    flex-flow: column;
    padding: 64px 0 0 64px;
}

.recent-events__noActivitiesTitle___3hOkC {
    overflow: visible;
    white-space: nowrap;
    position: absolute;
    color: rgb(147, 39, 143);
    font-size: 28px;
}

.recent-events__link___2I7-k {
    color: rgb(0, 127, 175);
}

.recent-events__noActivitiesDescription___1KeDt {
    margin-top: 60px;
    width: 270px;
    position: absolute;
    line-height: 2;
}

.recent-events__noActivitiesSection1___111j1 {
    flex-flow: column;
    flex: 0 0 295px;
    background: url(/assets.sensehq.com/hashed/static/client/images/87f7f9f9b02325a9ee4c557dc843f5ca.png) no-repeat;
    background-size: 100%;
}

.recent-events__noActivitiesSection2___oUViq {
    flex: 1 0;
    background: url(/assets.sensehq.com/hashed/static/client/images/1ccddc8817d55d77b2624d76983fea6c.png) repeat-x;
    background-size: contain;
    height: 380px;
}

.recent-events__noActivitiesSection3___Ofu4_ {
    flex: 0 0 500px;
    background: url(/assets.sensehq.com/hashed/static/client/images/92f67f99cd41d5ebcdf5ebf1ace8b0cc.png) no-repeat;
    background-size: 100%;
}

.recent-events__eventRow___YgSbu {
    height: 50px;
}

    .recent-events__eventRow___YgSbu:hover {
        background-color: #fff;
    }

.recent-events__nextSendCell___3R8BY {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.recent-events__nextSendText___2ivO- {
    display: flex;
    flex-flow: column;
    min-width: 0;
}

.recent-events__subText___2APsy,
.recent-events__recipient___vfLfp {
    color: #919191;
    font-size: 12px;
    padding-top: 4px;
}

.recent-events__recipient___vfLfp {
    display: flex;
    flex-flow: row;
    align-items: center;
}

.recent-events__icon___32nKt {
    fill: #919191;
    flex: 0 0 auto;
    margin-right: 4px;
    height: 16px;
    width: 16px;
}

.recent-events__contextMenu___2sU_D {
    padding: 0;
}

.recent-events__menuIcon___FKFLN {
    fill: rgb(0, 127, 175);
}

.recent-events__menuItemIcon___2EZ2M {
    fill: rgb(0, 127, 175);
    height: 16px;
    width: 16px;
    margin-right: 6px;
}

.recent-events__menuLink___16PUz {
    display: flex;
    align-items: center;
    color: rgb(0, 127, 175);
    font-size: 14px;
    padding: 8px 12px;
}

    .recent-events__menuLink___16PUz:hover {
        background-color: #f7f7f7;
        color: rgb(0, 127, 175);
    }

    .recent-events__menuLink___16PUz:first-child {
        border-radius: 4px 4px 0 0;
    }

    .recent-events__menuLink___16PUz:last-child {
        border-radius: 0 0 4px 4px;
    }

.recent-events__timestamp___2iv7c {
    font-feature-settings: 'tnum';
}

.month-picker__monthHeader___21dBM {
    font-size: 36px;
    color: #2b2b2b;
    letter-spacing: 0;
}

.month-picker__dateRange___2yVNB {
    align-items: center;
}

.month-picker__dateRangeLabel___20iHo {
    margin-right: 1em;
}

.month-picker__arrow___2CrcZ {
    margin-top: 0.4em;
    margin-right: 0.6em;
    cursor: pointer;
}

    .month-picker__arrow___2CrcZ:hover {
        filter: brightness(80%);
    }

.month-picker__left___2bC7a {
    transform: scaleX(-1);
    filter: FlipH;
}

.month-picker__right___3i18s {
}


.toolbar-stat__container___1rlMU {
    flex-flow: row;
}

.toolbar-stat__audienceIcon___3yzP2 {
    stroke: rgb(0, 127, 175);
    fill: none;
    margin-left: 5px;
    margin-right: 10px;
    height: 13px;
    width: 10px;
}

.toolbar-stat__caption___18rEG {
    text-transform: uppercase;
    font-size: 12px;
    color: #5e5e5e;
    width: 60px;
}

.toolbar-stat__number___1EXKZ {
    font-size: 12px;
    text-align: right;
    width: 60px;
}
/* prettier-ignore */
.calendar__calendarContainer___1csnN {
    flex-flow: column;
    min-width: 890px;
    width: 100%;
    max-width: 1400px;
    padding: 0 5px;
}

.calendar__monthContainer___1LpkX {
    flex-flow: column;
    margin-top: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background-color: #fff;
}

.calendar__loadingContainer___25j-i {
    position: absolute;
    top: 43%;
    left: 50%;
}

.calendar__toolbar___v6H10 {
    justify-content: space-between;
}

.calendar__filtersContainer___1DHhE {
    flex-flow: column;
    margin-top: 20px;
}

.calendar__filtersHeader___3fUi8 {
    margin: 0 2px;
}

.calendar__filtersHeaderTitle___p9UWC {
    width: 100%;
}

.calendar__filters___1I8_u {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    padding: 0;
    margin: 20px 0 15px 0;
}

.calendar__filter___38xM1 {
    cursor: pointer;
    display: flex;
    border-width: 1px 1px 1px 10px;
    border-style: solid;
    border-color: #dddddd;
    border-radius: 5px;
    margin: 0 4px 4px 0;
    padding: 10px 20px;
    opacity: 0.5;
    transition: opacity 0.2s;
}

    .calendar__filter___38xM1.calendar__skinny___PxSdu {
        height: 30px;
        padding: 5px 10px;
    }

    .calendar__filter___38xM1:hover {
        opacity: 0.8;
    }

.calendar__filterSelected___186kr {
    background-color: #fff;
    opacity: 1;
}

.calendar__workflowStatus___EGA5D {
    flex: 1 0 auto;
    font-size: 14px;
    color: #5e5e5e;
    align-items: flex-end;
}

.calendar__workflowActiveInactiveLabel___3dzoc {
    font-weight: 900;
}

.calendar__workflowActive___2jpLC {
    color: rgb(30, 151, 94);
}

.calendar__workflowInactive___1PY9I {
}

.calendar__daysHeaderContainer___7Upg6 {
}

.calendar__weekContainer___2BjNd {
}

.calendar__showMoreContainer___33qxu {
    flex-flow: inherit;
    overflow: hidden;
}

.calendar__showMoreExpanded___1LN_o {
    max-height: inherit;
}

.calendar__showMoreCollapsed___2wfuw {
}

.calendar__dayContainer___383-T {
    /*This is to divide the week container into 7 equal parts. i.e 100/7 */
    flex-basis: 14.2857%;
    flex-flow: column;
    width: 127px;
    min-height: 100px;
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    overflow: hidden;
    padding: 5px;
}

.calendar__dayContainerElapsed___3Gtlm {
    background: url(/assets.sensehq.com/hashed/static/client/images/5be47105804d2e3c112b1791a72e9fff.png) repeat;
}

.calendar__dayHeader___t1_dT {
    font-size: 12px;
    color: #777777;
    letter-spacing: 0;
    padding: 10px;
    min-height: 25px;
    text-transform: uppercase;
}

.calendar__dayNumberContainer___fDsyZ {
}

.calendar__dayNumber___FULg7 {
    margin-left: 10px;
    font-size: 12px;
    color: #2b2b2b;
    font-weight: 300;
}

.calendar__dayNumberElapsed___2cd9z {
    color: #c4c4c4;
    font-weight: bold;
}

.calendar__currentDayNumber___W1n7T {
    color: rgb(0, 127, 175);
    font-weight: bold;
}

.calendar__showMore___38j2v {
    margin-top: 14px;
    margin-bottom: 5px;
    margin-left: 5px;
    font-size: 12px;
    color: #444444;
    cursor: pointer;
}

.calendar__showMoreOp___3ZU_3 {
    color: rgb(0, 127, 175);
    cursor: pointer;
}

.calendar__toolbarStatContainer___14usW {
    flex-flow: column;
    margin-top: 6px;
}

.calendar__downloadLink___12H52 {
    margin-left: 15px;
}

.calendar__link___3HEll {
}

.calendar__exportRow___3oU-S {
    margin-top: 10px;
    flex-direction: row-reverse;
}

/* prettier-ignore */
.event-tip__loader___38tXV {
    margin: 20px;
}

.event-tip__tip___1m2ZA {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 140px;
    max-width: 380px;
    border-radius: 5px;
    background: #fff;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -100%);
    border: 1px solid #c4c4c4;
    z-index: 10;
}
    /* Small transparent spacer to prevent mouseover clipping issues */
    .event-tip__tip___1m2ZA::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        bottom: -10px;
        height: 10px;
    }

.event-tip__toolTipArrow___dH6bk {
    position: absolute;
    width: 11px;
    height: 9px;
    bottom: -9px;
    left: calc(50% - 6px);
    fill: #fff;
    stroke: #c4c4c4;
    stroke-dasharray: 0, 10, 12;
}

.event-tip__toolTipArrowReverse___3POAN {
    left: calc(25% - 6px);
    top: -9px;
    transform: scaleY(-1);
    fill: #777777;
}

.event-tip__eventSummary___2K1KX {
    flex-flow: column;
    width: 342px;
}

.event-tip__header___1CY6R {
    flex-flow: row;
    padding: 10px 20px;
    border-bottom: 1px solid #c4c4c4;
    background-color: #777777;
    color: white;
    font-weight: 700;
}

.event-tip__eventName___28TI9 {
    compose: serif bold from 'common';
}

.event-tip__iconFill___Gbq3G {
    fill: rgb(0, 127, 175);
}

.event-tip__smsIcon___y1bow,
.event-tip__emailIcon___3H6kl {
    stroke: #fff;
    fill: none;
    width: 20px;
    margin-right: 0.5em;
    vertical-align: middle;
}

.event-tip__smsIcon___y1bow {
    margin-top: 3px;
}

.event-tip__recipients___9iYQC {
    flex-flow: column;
    padding: 20px;
    overflow: hidden;
    font-size: 14px;
}

.event-tip__footer___1g0jr {
    padding: 0 20px 20px;
    justify-content: center;
    font-weight: 700;
}

.event-tip__link___1rtm7 {
    cursor: pointer;
}

.event-tip__row___1dj1j {
    display: flex;
    flex-flow: row;
    margin-top: 10px;
    margin-bottom: 0;
}

    .event-tip__row___1dj1j:first-child {
        margin-top: 0;
    }

.event-tip__clickableRow___2iGmz {
}

    .event-tip__clickableRow___2iGmz:hover {
        color: #000;
    }

.event-tip__more___3RQfe {
    flex: 1 0 auto;
    justify-content: flex-end;
}

.event-tip__rowColumn___aCaN0 {
    flex: 1 0 auto;
    text-overflow: ellipsis;
    max-height: 18px;
    overflow: hidden;
    white-space: nowrap;
}

.event-tip__name___vkqId {
    flex-basis: 40%;
    font-weight: 700;
}

.event-tip__deliveryAddress___3_zOY {
    flex-basis: 60%;
    padding-left: 0.5em;
}

.event__event___2PpVn {
    flex-flow: column;
    justify-content: space-between;
    font-size: 14px;
    min-height: 63px;
    margin-top: 5px;
    overflow: hidden;
    color: #fff;
    background: rgb(251, 209, 93);
    border-radius: 4px;
    cursor: default;
}

.event__eventText___5J8qr {
    max-height: 55px;
    display: block;
    flex: 2 1 auto;
    text-overflow: clip;
    overflow-wrap: break-word;
    overflow: hidden;
    cursor: pointer;
}

    .event__eventText___5J8qr:hover {
        text-decoration: underline;
    }

.event__top___1q_RI,
.event__bottom___CH2cd {
    padding: 5px;
}

.event__top___1q_RI {
    flex-flow: row;
}

.event__bottom___CH2cd {
    font-weight: normal;
    flex-flow: row;
    align-content: flex-end;
}

.event__checkmark___2zVN3 {
    fill: #fff;
    height: 14px;
    width: 14px;
}

.event__eventHidden___3CTDw {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    margin-top: 0;
}

.event-row__eventRow___1Psl4 {
    flex-flow: column;
    margin-bottom: 10px;
    align-items: center;
    justify-content: stretch;
    align-self: stretch;
}

.event-row__header___1n3DF {
    flex-flow: row;
    min-width: 630px;
    font-size: 14px;
    border-bottom: 1px solid #dddddd;
    height: 85px;
    padding: 25px 25px;
    align-items: center;
    align-self: stretch;
}

.event-row__clickable___WEMNJ {
    cursor: pointer;
    color: rgb(0, 127, 175);
    font-weight: bold;
}

    .event-row__clickable___WEMNJ:hover {
        filter: opacity(0.85);
    }

.event-row__headerEventTitle___3u_wd {
    font-size: 16px;
    margin-right: 20px;
}

.event-row__headerWorkflowName___3nkG- {
    flex: 1 0;
    text-transform: uppercase;
}

.event-row__headerAudienceCount___2eYbY {
}

.event-row__eventIcon___25BIy {
    margin-right: 20px;
}

.event-row__eventRowBody___d27Qd {
    padding: 25px 25px;
    flex-flow: column;
    align-self: stretch;
}

.event-row__event___3FH7o {
    margin-bottom: 10px;
}

    .event-row__event___3FH7o:last-child {
        margin-bottom: 0px;
    }

.event-row__eventColumn___32RyY {
    flex: 1 1;
}

.event-row__expandLabel___1W1qc {
    cursor: pointer;
    align-self: flex-end;
}

.list-view__listViewContainer___CzWeB {
    flex-direction: column;
    flex-grow: 1;
    margin-top: 20px;
}

.list-view__day___37MEp {
    flex: 1 1 auto;
    flex-flow: column;
    padding: 0 5px 5px;
}

.list-view__dayHeader___3as77 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.list-view__scrolledToDate___2PXXu {
    animation: list-view__bgColor___3dqcs 4s;
}

@keyframes list-view__bgColor___3dqcs {
    from {
        background-color: #f6f2e6;
    }

    to {
        background-color: inherit;
    }
}

.date-range-picker__wrapper___1feGf {
    align-items: center;
    padding: 0 8px 0 20px;
}

.date-range-picker__picker___3FNrz {
    width: 80px;
}

.date-range-picker__dash___12mCZ {
    margin: 0 0.5em 0 0;
}

.date-range-picker__icon___3MLFj {
    height: 22px;
    margin-left: auto;
}

    .date-range-picker__icon___3MLFj > g {
        stroke: #777777;
    }

.index__scheduleContainer___dihJn {
    flex-flow: column;
    min-width: 890px;
    width: 100%;
    max-width: 1400px;
}

.index__toolbar___1nc12 {
    justify-content: space-between;
}

.index__toolbarStatContainer___28SwI {
    flex-flow: column;
    margin-top: 6px;
}

.index__selectContainer___34Uea {
    flex: 1 1 auto;
}

.index__select___1QOUK {
    width: 300px;
}

.index__filtersContainer___2Usrk {
    flex-flow: column;
    margin-top: 20px;
    padding: 0 5px;
}

.index__filtersHeader___fxrGR {
    margin: 0 2px;
}

.index__filtersHeaderTitle___hOoy2 {
    width: 100%;
    margin-bottom: 8px;
}

.index__filters___mNgX_ {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    padding: 0;
    margin: 20px 0 15px 0;
}

.index__filter___1SYfn {
    cursor: pointer;
    display: flex;
    border-width: 1px 1px 1px 10px;
    border-style: solid;
    border-color: #dddddd;
    border-radius: 5px;
    margin: 0 4px 4px 0;
    padding: 10px 20px;
    opacity: 0.5;
    transition: opacity 0.2s;
}

    .index__filter___1SYfn.index__skinny___2VsyU {
        height: 30px;
        padding: 5px 10px;
    }

    .index__filter___1SYfn:hover {
        opacity: 0.8;
    }

.index__filterSelected___1oF9S {
    background-color: #fff;
    opacity: 1;
}

.index__workflowStatus___3zMDg {
    flex: 1 0 auto;
    font-size: 14px;
    color: #5e5e5e;
    align-items: flex-end;
}

.index__workflowActiveInactiveLabel___7IjFj {
    font-weight: 900;
}

.index__workflowActive___3aBYb {
    color: rgb(30, 151, 94);
}

.index__workflowInactive___2-5i0 {
}

.index__viewSelector___2-pUn {
    margin-right: 6px;
}

.index__exportRow___oePKS {
    margin-top: 10px;
    flex-direction: row-reverse;
}

.index__viewContainer___1voWz {
    flex-flow: column;
    min-width: 890px;
    width: 100%;
    max-width: 1400px;
}

.index__downloadLink___tTOGI {
    margin-left: 15px;
}

.index__link___2eM8V {
}

.index__pillboxStart___1esPe {
    justify-content: flex-start;
    padding: 0;
}

.index__spanMessage___ESjvK {
    margin: 0 8px;
}

.index__bg___KpmAE {
    flex: 1 0 auto;
    padding: 18px 38px;
}

.index__crumbs___2hvtN {
    align-items: center;
}

.index__crumb___bPZLN {
    align-items: center;
}

.index__crumbInactive___rz2aQ {
    color: #5e5e5e;
}

    .index__crumbInactive___rz2aQ:hover {
        color: inherit;
    }

.index__crumbActive___2MM_e {
}

    .index__crumbActive___2MM_e:hover {
        color: #000;
    }

.index__crumbIcon___3WgEN {
    position: relative;
    vertical-align: middle;
    margin-right: 12px;
}

.index__crumbSlash___2HshM {
    width: 10px;
    height: 23px;
    margin: 0 16px;
    stroke: #5e5e5e;
    stroke-width: 1px;
}

.index__titleBox___3Ovz9 {
    position: relative;
    align-items: center;
    height: 58px;
    border-top: 1px solid #dddddd;
}

.index__stickyTitleBox___2ZJcB {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 58px;
    z-index: 1;
    border-top: 1px solid #dddddd;
}

.index__title___lwTpt {
    position: relative;
    padding: 0 40px 0 0;
    height: 100%;
    font-size: 16px;
    flex: 1 0;
    background: #fff;
    border-bottom: 1px solid #dddddd;
}

.index__titleFixed___373Jp {
    position: fixed;
    top: 0;
    width: 100%;
    height: 59px;
    z-index: 5;
}

.index__titleBack___xCrJr {
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    width: 55px;
    margin-right: 18px;
    border-right: 1px solid #dddddd;
    cursor: pointer;
}

.index__backArrow___2Iz5R {
    width: 9px;
    height: 14px;
    fill: none;
    stroke: rgb(0, 127, 175);
}

.index__titleBack___xCrJr:hover .index__backArrow___2Iz5R {
    stroke: rgb(0, 127, 175);
}

.index__titleLeftPad___36yk3 {
    width: 40px;
}

.index__capitalize___3tKW5 {
    text-transform: capitalize;
}

.index__toggle___2yw73 {
    width: auto;
    height: 45px;
    cursor: pointer;
}


.index__option___9Wj-f {
    align-items: center;
    padding: 0 28px;
    border: solid #c4c4c4;
    border-width: 1px 1px 1px 0;
    font-size: 14px;
    font-weight: bold;
    color: #5e5e5e;
}


.index__option1___I6FQk {
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
}


.index__option2___3YHFf {
    background-color: rgb(0, 127, 175);
    border-width: 0;
    border-radius: 0 4px 4px 0;
    color: #fff;
}


.index__container___3Lbfp input:checked + .index__toggle___2yw73 .index__option1___I6FQk {
    background-color: rgb(0, 127, 175);
    border: none;
    color: #fff;
}


.index__container___3Lbfp input:checked + .index__toggle___2yw73 .index__option2___3YHFf {
    background-color: transparent;
    border-width: 1px 1px 1px 0;
    color: #5e5e5e;
}


.image-input__logoContainer___118hh {
    flex-flow: column;
}

.image-input__logoPreview___2nlH3 {
    height: 100px;
    background: #fff no-repeat center;
    background-size: contain;
}

.image-input__logoDelete___HCxkz {
    align-self: flex-end;
    margin-top: 0.5em;
}

.image-input__logoPreviewBlank___3yP41 {
    flex: 1 0;
    height: 134px;
    justify-content: center;
    align-items: center;
    border: 1px dashed #dddddd;
    border-radius: 4px;
    color: #5e5e5e;
    cursor: pointer;
}

    .image-input__logoPreviewBlank___3yP41:hover {
        border-color: #2b2b2b;
        color: #2b2b2b;
    }

.image-input__logoUploadInput___P6WrV {
    display: none;
}

.color-picker__picker___2oEl5 {
    display: flex;
}

.color-picker__label___RARkW {
    flex: 1 0 64px;
    align-items: center;
    cursor: pointer;
}

    .color-picker__label___RARkW input {
        height: 0;
        width: 0;
        visibility: hidden;
        overflow: hidden;
    }

    .color-picker__label___RARkW svg {
        margin-left: 10px;
    }

.color-picker__preview___2HcgM {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.color-picker__text___1ThsN {
    display: flex;
    margin-left: 16px;
    flex: 0 1 126px;
    width: 100px;
}


.template__container___NNA77 {
    padding: 22px 34px;
    width: 789px;
}

.variables__container___26rrc {
    justify-content: space-between;
}

.variables__devicePreview___14wg9 {
    pointer-events: none; /* prevent clicking into iframe */
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; /* prevent selecting iframe's text content */
}

.variables__mobilePreview___2Kn6V {
    width: 375px;
    height: 647px;
    transform: scale(0.54);
    transform-origin: 0 0;
}

.variables__desktopPreview___1LhQY {
    width: 465px;
    height: 574px;
}

.variables__leftColumn___2vK0y {
    flex-flow: column;
    flex: 0 0 469px;
}

.variables__rightColumn___1QwTw {
    flex-flow: column;
    flex: 0 0 300px;
    padding: 30px 40px;
    overflow-y: auto;
}

.variables__disabledColumn___qZlb- {
    flex-flow: column;
    opacity: 0.4
}

.variables__noteColumn___132M4 {
    flex-flow: column;
}

.variables__settingsColumn___1Tbf5 {
    flex-flow: column;
}

.variables__noteLink___3hz01 {
}

.variables__logoInput___2zH8M {
    /*composes: offwhite-background from 'common';*/
    flex-flow: column;
}

.variables__label___2I2_7 {
    margin-top: 17px;
}

.variables__topLabel___2bb0I {
}

.variables__linkLabel___hy02F {
    flex-flow: column;
}

    .variables__linkLabel___hy02F .variables__label___2I2_7 {
        margin-bottom: 10px;
    }

.variables__textInput___3XeKT {
}

.variables__textarea___3QM_0 {
    font-size: 14px;
    line-height: 21px;
    min-height: 113px;
}

.variables__button___1F_kw {
    margin-top: 18px;
}

.variables__flexColumn___19kcQ {
    flex-flow: column;
}

.edit__container___BLNxM {
    flex: 1 0;
    flex-flow: column;
}

.edit__column___SQpmc {
    flex-direction: column;
}

.edit__templateColumn___d_XPP {
}

.edit__formGroup___2E0vz {
    margin-bottom: 1.3em;
}

.edit__notes___3GMuu {
    background: #f7f7f7;
    align-items: center;
}

    .edit__notes___3GMuu::before {
        content: '';
        display: flex;
        align-self: stretch;
        width: 49px; /* ace gutter width */
        background: #f7f7f7;
        border-right: 1px solid #fff;
    }

.edit__notesInset___2cTmp {
    padding: 20px;
    flex-flow: column;
}

.edit__variableName___3x-Gv {
    color: rgb(0, 127, 175);
}

.edit__heading___12AMT {
    margin-bottom: 1.3em;
}

.edit__variableList___3Mh8p {
    padding: 0;
    list-style: none;
}

.edit__textInput___1McjN,
.edit__textarea___38BPu {
}

.edit__textLink___28-Vl {
}

.edit__editor___3PxJW {
    display: block;
    flex: 1 0;
}

.edit__readOnlyEditor___1GBeY {
    opacity: 0.4;
}

.edit__templateNotes___1TdaW {
    flex-flow: column;
}

    .edit__templateNotes___1TdaW li {
        margin-bottom: 6px;
    }

/* see device-preview.stories.js for an example of how to use these styles */


.segmented__control___kP6e_ {
    display: flex;
    border-radius: 4px;
    flex-direction: horizontal;
}


    .segmented__control___kP6e_ > button,
    .segmented__control___kP6e_ > a {
        align-items: center;
        border-radius: 0;
        border: 1px solid #c4c4c4;
        cursor: pointer;
        display: flex;
        height: 40px;
        justify-content: center;
        width: 40px;
        margin-right: -1px;
    }


    .segmented__control___kP6e_ .segmented__active___3DcRp {
        color: #fff;
        background-color: rgb(0, 127, 175);
        border-color: rgb(0, 127, 175);
        z-index: 1;
    }


        .segmented__control___kP6e_ .segmented__active___3DcRp svg {
            fill: #fff;
        }


    .segmented__control___kP6e_ button:first-child,
    .segmented__control___kP6e_ a:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }


    .segmented__control___kP6e_ button:last-child,
    .segmented__control___kP6e_ a:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.style__container___1Ff9P {
    flex-direction: column;
    padding: 20px 50px;
    align-items: center;
    background: #ededed;
}

.style__devicePreviewWraper___l59AY {
    margin-top: 20px;
    justify-content: center;
}

.style__deviceFrame___2lHiz {
    background-size: cover;
    margin-top: 20px;
}

.style__devicePreview-mobile___1olaW {
    background-image: url(/assets.sensehq.com/hashed/static/client/images/7011c5d64a96f7205363bff16532d9f3.svg);
    width: 243px;
    height: 497px;
}

.style__devicePreviewFrame-mobile___3zaZu {
    position: relative;
    height: 371px;
    /* width: 206px; */
    top: 62px;
    left: 19px;
}

.style__devicePreview-desktop___1ZK-k {
    width: 470px;
}

.style__devicePreviewFrame-desktop___2MgJ9 {
    height: 548px;
}

.container__detailContainer___2WlL- {
    flex: 1 0 auto;
    flex-direction: column;
    margin: 20px 0 0 37px;
    margin: 0;
}


.container__mainRow___1zCaB {
    flex-direction: row;
    width: 763px;
    align-items: baseline;
}


.container__templateName___3ykVt {
    margin-bottom: 20px;
    flex: 1 0 50%;
}


.container__actions___Olu4y {
    align-items: center;
}


.container__actionButton___oLl0k {
    margin: 0 7px;
    cursor: pointer;
    color: #444444;
}


.container__actionSlash___3JlWf {
    margin: 0 0.6em;
}


.container__saveButton___26_2j {
    margin-left: 20px;
    min-width: 95px;
}


.container__pencilIcon___1Ud4Q {
    transform: rotate(45deg);
}


.container__title___2Qvd- {
    justify-content: space-between;
}


.container__devicePreview___1QeZk {
    background-color: #fff;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; /* prevent selecting iframe's text content */
}


.container__mobilePreview___jiIck {
    height: 580px;
    width: 320px;
    transform: scale(0.54);
    transform: scale(0.64);
    transform-origin: 0 0;
}


.container__desktopPreview___2DGCq {
    pointer-events: none;
    width: 464px;
    overflow: hidden;
}


.container__body___2GWrk {
    flex: 1 0 auto;
}


.container__preview___3RbOa {
    flex: 1 0 auto;
}


.container__previewBg___2CTlR {
    flex: 1 0 auto;
}


.container__customBody___1jMCL {
}


    .container__customBody___1jMCL .container__preview___3RbOa {
        flex: 0 1 auto;
    }


.container__overshade___1-Keg {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
}

.index__header___1WX8g {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
    padding: 10px 10px 10px 20px;
    z-index: 1;
}

.index__logo___3L7TL {
    font-size: 22px;
    display: flex;
    align-items: center;
}

    .index__logo___3L7TL svg {
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }

.index__body___BSz0M {
    align-items: flex-start;
}

.index__leftnav___3AsEs {
    list-style: none;
    width: 180px;
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    position: fixed;
    left: 0;
    top: 50px;
    bottom: 0;
    background-color: #fff;
    z-index: 1;
    border-right: 1px solid #dddddd;
}

    .index__leftnav___3AsEs > li > a {
        padding: 5px 18px;
        display: inline-block;
    }

        .index__leftnav___3AsEs > li > a.active {
            font-weight: bold;
        }

.index__content___3O2DJ {
    flex-direction: column;
    margin-left: 180px;
    padding-left: 30px;
}

.index__colorList___2Xl4w {
    list-style: none;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0;
    height: 600px;
}

.index__colorBox___35t2w {
    width: 60px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}

.index__colorName___A5IN6 {
    display: inline-block;
    margin: 0 6px;
    font-weight: bold;
}

.index__colorCode___3WFSK {
    font-weight: normal;
    color: #aaaaaa;
}

.index__code___2PO5a {
    background-color: #f7f7f7;
    padding: 16px 20px;
    font-size: 14px;
    margin: 0;
}

.index__row___3SnKg {
    margin-bottom: 16px;
}

.index__preview___3S3hQ {
    padding: 20px;
    border: 3px solid #f7f7f7;
}

    .index__preview___3S3hQ.index__row___3SnKg {
        align-items: center;
        flex-wrap: wrap;
    }

    .index__preview___3S3hQ > * {
        margin-right: 10px;
        margin-bottom: 10px;
    }

.index__previewVertical___3m3cE {
    flex-direction: column;
}

.index__section___3Axft {
    flex-direction: column;
}

    .index__section___3Axft:last-child {
        margin-bottom: 70px;
    }

    .index__section___3Axft > h2 {
        margin-bottom: 14px;
    }

    .index__section___3Axft[id]::before {
        display: block;
        content: " ";
        height: 70px;
        visibility: hidden;
    }

.index__svgSection___2085g {
    width: 700px;
    flex-wrap: wrap;
}

.index__svgContainer___uvRF2 {
    display: flex;
    width: 80px;
    height: 80px;
    border: 1px solid transparent;
    justify-content: center;
    align-items: center;
}

    .index__svgContainer___uvRF2:hover {
        border-color: #ededed;
        background-color: #f7f7f7;
    }

.index__svg___3bBWz {
    width: 50px;
    height: 50px;
}

/* prettier-ignore */
.user-event-row__eventRow___3vQ0G {
    position: relative;
    align-items: center;
    align-self: stretch;
    max-width: 840px;
    margin-bottom: 10px;
}

.user-event-row__list___1Hr_A .user-event-row__eventRow___3vQ0G {
    align-self: stretch;
    margin-bottom: 10px;
    max-width: 842px;
}

.user-event-row__event___gSD6L {
    position: relative;
    flex: 1 0;
}

.user-event-row__eventMobile___avjcE {
    max-width: 440px;
    flex: 1 1;
}

.user-event-row__event___gSD6L,
.user-event-row__eventMobile___avjcE {
}

.user-event-row__eventBefore___18BnB {
    width: 20px;
    margin-right: 35px;
    border-radius: 4px 0 0 4px;
    align-self: stretch;
    background: red;
}

.user-event-row__container___12R7T {
    flex: 1 0;
    flex-flow: column;
}

.user-event-row__eventHeader___30WkQ {
    justify-content: space-between;
    flex-flow: row;
    /* TODO(marcos) move into a flex def. */
}

.user-event-row__eventHeaderMobile___3kCfs {
    flex-flow: column;
}

.user-event-row__eventHeader___30WkQ,
.user-event-row__eventHeaderMobile___3kCfs {
    font-size: 14px;
}

.user-event-row__journeyDetails___3JgAZ {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
    padding-top: 8px;
    align-items: center;
}

.user-event-row__icon___1COEw {
    flex: 0 0 auto;
    margin-right: 8px;
    height: 20px;
    width: 20px;
}

.user-event-row__headerItem___3qWI4 {
    flex-flow: column;
    padding: 0 20px 25px 25px;
    align-items: flex-start;
}

    .user-event-row__headerItem___3qWI4:last-child {
        border-right-width: 0;
        margin-right: 40px;
    }

.user-event-row__eventBody___367fG {
    flex-flow: column;
    margin: 0 25px 12px;
}

.user-event-row__eventBodyMobile___1WM-U {
    flex-flow: column;
    margin: 0 25px 25px;
}

.user-event-row__eventNameTypeContainer___f9Ey- {
    flex-flow: column;
    justify-content: center;
    align-content: center;
    max-width: 425px;
    /* min-width: 425px; */
    overflow: hidden;
}

.user-event-row__workflowLink___3Y5vO {
    font-weight: 700;
    color: rgb(0, 127, 175);
}

.user-event-row__eventTitle___1Ghaz {
    margin-bottom: 10px;
    margin-right: 20px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.user-event-row__eventTitleNoPointer___1vhgG {
    cursor: default;
}

.user-event-row__eventType___2tEsp {
    text-transform: uppercase;
    color: #444444;
    font-weight: 700;
    font-size: 12px;
}

.user-event-row__checkmark___1a9_k {
    margin-right: 5px;
    fill: rgb(0, 127, 175);
    height: 16px;
    width: 16px;
    margin-top: -15px;
}

.user-event-row__circle___3nK86 {
    margin-top: -15px;
    width: 16px;
    height: 16px;
    stroke: #dddddd;
    fill: none;
    stroke-width: 1px;
    margin-right: 5px;
}

.user-event-row__line___1foiO {
    width: 40px;
    margin-right: -1px;
    margin-top: -15px;
}

.user-event-row__lineEmph___26sP4 {
    border-bottom: 2px solid rgb(0, 127, 175);
}

.user-event-row__lineGray___322WA {
    border-bottom: 2px solid #dddddd;
}

.user-event-row__actionContainer___1LLH0 {
    flex-flow: column;
    flex: 0 0 auto;
    align-items: flex-start;
    margin: 0 5px;
}

.user-event-row__actionType___2EDvQ {
    color: rgb(0, 127, 175);
    font-weight: 700;
    margin-bottom: 5px;
    cursor: default;
}

.user-event-row__actionTypeIncomplete___2tSBp {
    color: #dddddd;
    cursor: default;
}

.user-event-row__companyBoxContainer___3cCso {
    display: block;
    max-width: 120px;
    line-height: 30px;
    margin-right: 10px;
}

.user-event-row__calendarIcon___3uveJ {
    fill: rgb(0, 127, 175);
    height: 22px;
    width: 22px;
}

.user-event-row__scheduledContainer___17yIR {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.user-event-row__scheduleItem___eWzv1 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.user-event-row__scheduledTitle___2U7TA {
    margin: 0;
    padding: 0 20px 0 12px;
    border-right: 1px solid #dddddd;
    font-size: 16px;
}

.user-event-row__actionDateContainer___2YTC6 {
    flex-flow: column;
}

.user-event-row__actionDate___-5FoI {
    color: #777777;
    font-weight: 700;
    display: block;
    font-size: 16px;
    text-align: left;
    min-height: 11px;
    cursor: default;
}

.user-event-row__eventIcon___gIRDI {
    margin-right: 20px;
}

.user-event-row__eventNameBlock___2orS5 {
    flex: 1 0;
}

.user-event-row__eventName___3eWdJ {
    align-items: flex-start;
    font-size: 16px;
    padding: 25px 25px 0 25px;
}

.user-event-row__workflowName___gCVDh {
    color: #aaaaaa;
    font-size: 11px;
    margin-top: 5px;
}

.user-event-row__statusText___8bWnz {
    font-size: 14px;
    text-transform: capitalize;
}

.user-event-row__bodyLeftCol___Yowcr {
    width: 300px;
}

.user-event-row__placementRow___3_PQt {
    margin-bottom: 15px;
}

.user-event-row__placementTitle___gp3Fk {
    margin: 0;
    color: #2b2b2b;
    font-size: 14px;
}

.user-event-row__placementName___2lUDx {
    font-weight: bold;
    color: rgb(0, 127, 175);
    margin: 0;
}

.user-event-row__capitalize___2hQDK {
    text-transform: capitalize;
}

.user__container___QLJfN {
    flex-flow: column;
    flex: 1 0;
}

.user__summary___2zit8 {
    flex-flow: row;
    align-content: stretch;
    flex-wrap: nowrap;
    max-width: 840px;
}

.user__workflows___R2FUn {
    flex-flow: column;
}

.user__title___1uE-J {
    margin: 20px 0;
}

.user__name___26ols {
    margin-bottom: 15px;
}

.user__userEngagementContainer___3og42 {
    flex-flow: column;
    padding: 26px 32px;
    margin-left: 10px;
    flex: 1 1 auto;
    min-width: 410px;
}

.user__userEngagementBody___3-28y {
    flex: 1 1 auto;
    align-items: center;
    margin-top: 20px;
}

.user__button___3z7Uu {
    line-height: 40px;
}

.user__noActivity___23V1L {
    justify-content: center;
    align-items: center;
    max-width: 840px;
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 2px;
    height: 76px;
    color: #5e5e5e;
}

.number__container___2aIqr {
    justify-content: center;
    align-items: center;
    flex-flow: column;
    border: 1px solid #dddddd;
    border-radius: 2px;
    padding: 8px;
    margin: 0 12px;
    width: 100px;
    height: 110px;
    color: #5e5e5e;
}

    .number__container___2aIqr:first-child {
        margin-left: 0;
    }

    .number__container___2aIqr:last-child {
        margin-right: 0;
    }

.number__number___27c4X {
    align-items: center;
}

    .number__number___27c4X svg {
        margin-left: 6px;
    }

.number__caption___3paQZ {
    font-size: 13px;
    text-align: center;
    margin-bottom: 8px;
}


#app .filter-recipient__clientSelect___3RXFD {
    width: 160px;
    margin-right: 10px;
}

#app .filter-recipient__meFilter___Ce8wd {
    width: 120px;
}
/* prettier-ignore */
.user-summary__container___38UOh {
    width: 100%;
    justify-content: space-between;
    min-height: 96px;
    flex-flow: column;
    margin: 20px 0;
}

.user-summary__containerMobile___1Uwpg {
    flex-flow: column;
    align-items: center;
    height: 180px;
    justify-content: space-between;
}

.user-summary__row___3wCGk {
    flex-flow: row;
    justify-content: space-between;
}

.user-summary__rowMobile___1H5gQ {
    flex-flow: column;
    justify-content: space-between;
    margin: 20px 0;
}

.user-summary__column___1sNRr {
    flex-flow: column;
    justify-content: space-between;
}

.user-summary__body___2XP43 {
    align-items: flex-end;
}

.user-summary__personSummary___3V0hG {
    flex-flow: column;
}

.user-summary__personSummaryMobile___1PUQP {
    align-items: center;
    margin-bottom: 20px;
}

.user-summary__personName___1nMZC {
    font-size: 20px;
    margin-right: 40px;
}

.user-summary__personEmail___12zn1 {
    display: flex;
    align-items: center;
    font-size: 13px;
    padding-top: 8px;
}

.user-summary__icon___2Rtg_ {
    flex: 0 0 auto;
    margin-right: 8px;
    height: 20px;
    width: 20px;
}

.user-summary__noFilter___2aZUC {
    min-width: 160px;
}

.user-summary__filterContainer___1La7b {
    flex-flow: column;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: 16px;
}

.user-summary__filterLabel___2smWx {
    font-size: 13px;
    margin: 0 0 8px 4px;
}

.user-summary__iconFill___2nFlB {
    fill: rgb(0, 127, 175);
}

.user-summary__iconStroke___1njwA {
    stroke: #dddddd;
    fill: none;
}

.user-summary__promoter___2jRW6 {
    color: rgb(0, 127, 175);
    display: inline-block;
}

.user-summary__multilineCaption___32y6e {
    flex-flow: column;
    text-align: center;
}

.user-summary__messageCountContainer___1pkxO {
    flex-flow: column;
    align-items: center;
    margin-right: 60px;
}

.user-summary__opinionContainer___2iTLO {
    flex-flow: row;
}

.user-summary__opinion___2MgyJ {
    flex-flow: row;
    align-items: center;
}

.user-summary__numbersContainerMobile___31t4i {
    width: 100%;
    justify-content: space-around;
}

.user-summary__npsGaugeContainer___8bZwm {
    height: 100%;
    width: 100%;
    flex-flow: row;
    justify-content: space-between;
    padding-bottom: 8px;
}

.user-summary__npsGauge___3G-NX {
    flex: 0 0 auto;
    height: 32px;
    width: 36px;
    margin-right: 8px;
}

.user-summary__numberTitle___1Un_R {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 8px;
}

.user-summary__number___3VpMK {
    flex: 1 0 auto;
}

.user-summary__memberDetails___2IfvI {
    color: rgb(0, 127, 175);
    font-weight: bold;
    font-size: 13px;
    list-style: none;
}

.question-container__qaContainer___8pnxB {
    flex-flow: column;
    margin-bottom: 10px;
}

.question-container__questions___O_U5Q {
    flex-flow: column;
    max-height: inherit;
    text-overflow: clip;
}

.question-container__showMore___3ArY2 {
    font-size: 14px;
    margin: 15px 0 10px 0;
    color: rgb(0, 127, 175);
    font-weight: 700;
    cursor: pointer;
    align-self: flex-start;
}

.question-container__qaRow___2PSl4 {
    flex-flow: row;
    font-size: 14px;
    padding: 12px 0 8px 0;
}

.question-container__qaRowMobile___s0zlP {
    flex-flow: column;
    font-size: 14px;
}

.question-container__question___V2w-r {
    flex: 0 0 400px;
    padding-right: 27px;
}

.question-container__questionMobile___2Qdun {
    padding: 16px 0;
    font-weight: 700;
}

.question-container__question___V2w-r,
.question-container__questionMobile___2Qdun {
    color: #777777;
}

.question-container__withBottomBorder___FbycX {
    border-bottom: 2px dotted #dddddd;
}

.question-container__answer___3Gbev {
    flex: 1 0;
    min-width: 0;
}

.question-container__boldText___cWhXI {
    font-weight: 700;
}

.question-container__recipientLabel___3jm3A {
    font-weight: 700;
}

.question-container__recipientResourceDataContainer___P90nu {
    flex-flow: column;
    max-height: inherit;
    text-overflow: clip;
    margin-bottom: 10px;
}

.question-container__recipientRow___2MERG {
    flex-flow: row;
    font-size: 12px;
    min-height: 28px;
}

/*
  this funny margin to vertically align the checkmark/circle/line
  with the text's x-height/middle
*/

.index__sub___38BR- {
    flex: 0 0 auto;
    align-items: center;
    margin-top: 8px;
}

.index__line___2uYGc {
    width: 40px;
    /**/
    margin-right: -1px;
    margin-top: -25px;
}

.index__lineEmph___1RG1t {
    border-bottom: 2px solid rgb(0, 127, 175);
}

.index__lineGray___3RtF8 {
    border-bottom: 2px solid #c4c4c4;
}

.index__checkmark___1Zg-V {
    margin-right: 5px;
    fill: rgb(0, 127, 175);
    height: 20px;
    width: 20px;
    margin-top: -25px;
}

.index__circle___3Czpw {
    margin-top: -25px;
    width: 20px;
    height: 20px;
    stroke: #c4c4c4;
    fill: none;
    stroke-width: 1px;
    margin-right: 5px;
}

.index__actionContainer___SF-rB {
    flex-flow: column;
    flex: 0 0 auto;
    align-items: flex-start;
    margin: 0 5px 0 3px;
}

    .index__actionContainer___SF-rB:last-child {
        margin-right: 0;
    }

.index__actionType___DpEqN {
    color: rgb(0, 127, 175);
    font-weight: 700;
    /* margin-bottom: 5px; */
    cursor: default;
}

.index__actionTypeIncomplete____xAMA {
    color: #c4c4c4;
    cursor: default;
    margin-top: -2px;
}

.index__actionDate___-G7f0 {
    color: #919191;
    font-weight: 700;
    display: block;
    font-size: 13px;
    text-align: left;
    min-height: 13px;
    cursor: default;
}

.container__container___1NGLh {
    flex: 1 0 auto;
    align-items: flex-start;
    padding: 0 30px;
}

.company-box__container___2n0XY {
    align-self: flex-start;
    align-items: center;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
}


    .company-box__container___2n0XY > svg {
        margin-right: 8px;
    }

.recipient-resource__emptyContainer___U3PKF {
    border: none;
}

.user-placement-progress__container___2xS7z {
    flex-flow: column;
    align-content: stretch;
    width: 100%;
}

.user-placement-progress__labels___zgsh3 {
    flex-flow: row;
}

.user-placement-progress__label___2UQeq {
    height: 20px;
    margin-bottom: 2px;
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
    display: inline-block;
}

.user-placement-progress__labelLeft___2L1cd {
    text-align: left;
}

.user-placement-progress__labelRight___3iuhR {
    text-align: right;
}

.user-placement-progress__labelText___3x4AO {
    max-width: 72px;
    word-wrap: break-word;
    display: inline-block;
}

.user-placement-progress__labelTextLeft___3VCya {
}

.user-placement-progress__labelTextRight___MmWtv {
}

.user-placement-progress__chart___-AA9t {
    flex-flow: row;
    align-content: stretch;
}

.user-placement-progress__bar___ZfSps {
    width: 100%;
    height: 40px;
    margin-bottom: 2px;
    background: #dddddd;
    border-radius: 5px;
    align-items: stretch;
    position: relative;
}

.user-placement-progress__axis___xJLSo {
    flex: 1 0;
}

.user-placement-progress__fill___12rjN {
    align-items: center;
    justify-content: flex-start;
    border-radius: 5px;
    color: #fff;
}

.user-placement-progress__barLabel___2918e {
    position: absolute;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    top: 13px;
}

.user-placement-progress__completedLabel___2Fa-O {
    left: 10px;
}

.user-placement-progress__remainingLabel___1UuGS {
    right: 10px;
}

.error-message__bg___1jwis {
    flex: 1 0 auto;
    padding: 18px 38px;
    background: #fff;
}

.error-message__container___2NDy- {
    flex-flow: column;
    flex: 0 1 100%;
}

.error-message__header___hmnml {
    flex-flow: row;
    margin-bottom: 200px;
}

.error-message__logo___1WfzE {
    flex: 1 1;
    margin-top: 5px;
}

.error-message__deleteButton___lQhIv {
    line-height: 40px;
    max-width: 180px;
}

.error-message__row___2i0IP {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.error-message__message___1ATJy {
}

.error-message__subscript___1JaB- {
    margin-right: 5px;
}

.error-message__email___1oIj6 {
    color: rgb(0, 127, 175);
    cursor: pointer;
}
/* prettier-ignore */
.user-analytics-wrapper__bg___3f9kf {
    flex: 1 0 auto;
    padding: 18px 38px;
    background: #fff;
}

.user-analytics-wrapper__container___1pJ6P {
    flex-flow: column;
    flex: 0 1 776px;
}

.user-analytics-wrapper__header___3SXIC {
    flex-flow: row;
    margin-bottom: 18px;
}

.user-analytics-wrapper__logo___3RNSv {
    flex: 1 1;
    margin-top: 5px;
}

.user-analytics-wrapper__button___36ZlB {
    line-height: 40px;
}

.user-analytics-wrapper__main___Vczkd {
    flex-flow: column;
    flex-grow: 1;
}

.user-analytics-wrapper__title___2443z {
    align-items: center;
    height: 70px;
    padding: 0 40px;
    border: 1px solid #dddddd;
    border-width: 1px 0 1px;
    background: #fff;
}

/*Limit the height of the container because the iFrame size in bhorn
is 4000px and users will have to scroll to see the loading icon otherwise*/
.auth-container__loadingContainer___1UGL5 {
    height: 400px;
}

.message__container___JQ5pS {
    justify-content: center;
    align-items: center;
    flex: 1 0;
}

.message__messageBox___a4XrV {
    margin-bottom: 100px;
    width: 300px;
    flex-direction: column;
    align-self: center;
    align-items: center;
}

.message__circle___3GnUC {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #4caf50;
}

.message__message___2OMAA {
    margin: 50px;
}

.message__messageSuccess___c9E5T {
    color: rgb(0, 127, 175);
}

.message__messageWarn___28F72 {
    color: rgb(251, 209, 93);
}

.message__subscript___32aBE {
    max-width: 320px;
    text-align: center;
}

/* prettier-ignore */
.user-analytics-container__bg___3Ve_w {
    flex: 1 0 auto;
    padding: 18px 38px;
}

.user-analytics-container__main___3uaLv {
    flex-flow: column;
    flex-grow: 1;
}

.user-analytics-container__title___1mvsP {
    align-items: center;
    height: 70px;
    padding: 0 40px;
    border: 1px solid #dddddd;
    border-width: 1px 0 1px;
    background: #fff;
}

/* prettier-ignore */
.users__header___3wV95 {
    flex-direction: column;
    height: auto;
    background: #777777;
    border: 0;
    color: #fff;
}

.users__headerBreadcrumbs___tTOir {
    font-size: 10px;
    padding-bottom: 8px;
}

    .users__headerBreadcrumbs___tTOir a {
        color: #fff;
        text-decoration: underline;
    }

        .users__headerBreadcrumbs___tTOir a,
        .users__headerBreadcrumbs___tTOir a:after {
            display: inline-block;
        }

            .users__headerBreadcrumbs___tTOir a:hover {
                color: #dddddd;
            }

            .users__headerBreadcrumbs___tTOir a:after {
                content: '\\';
                text-decoration: none;
                margin: 0 1em;
            }

    .users__headerBreadcrumbs___tTOir div:last-child span,
    .users__headerBreadcrumbs___tTOir div:last-child span:hover {
        cursor: default;
        color: #fff;
    }

.users__upperNav___1ZUY5,
.users__lowerNav___3JqUW {
    display: flex;
}

.users__upperNav___1ZUY5 {
    flex-flow: column;
    padding: 8px 16px 12px;
}

.users__lowerNav___3JqUW {
    background: #dddddd;
    padding: 16px;
}

.users__headerSelect___1LXwC {
    margin-right: 1em;
}

.users__selectors___24znF {
    background: #9e9e9e;
}

.users__table___26O8u {
}

.users__subtitle___U59m7 {
}

.users__button___3c4F- {
}

.users__main___1t7Ad {
    flex-flow: column;
    flex-grow: 1;
}

.users__filterRow___2R-RA {
    justify-content: space-between;
    margin-bottom: 12px;
}

.users__search___1nBtL {
    display: flex;
    margin-right: 20px;
    flex: 1 0 auto;
}
    /* TODO (kyle): fix up the user-search styles to be more like a token-list-input
 * after that, we hopefully won't need this.
 */
    .users__search___1nBtL > div {
        flex: 1 0 auto;
    }

    .users__search___1nBtL input,
    .users__search___1nBtL ul {
        width: auto;
        max-width: none;
        flex: 1 0;
    }

    .users__search___1nBtL ul {
        display: block;
        top: 100%;
        width: 100%;
    }

.users__filterSwitch___G97IT {
    text-transform: capitalize;
}

.users__title___1PcKw {
    align-items: center;
    height: 70px;
    padding: 0 40px;
    border: 1px solid #dddddd;
    border-width: 1px 0 1px;
    background: #fff;
}

.users__transition___2ssa8 {
    flex-flow: column;
}

.users__enter___18PuT {
    position: absolute;
    width: 100%;
    opacity: 0.01;
}

    .users__enter___18PuT.users__enterActive___2yxSU {
        opacity: 1;
        transition: opacity 0.3s, height 0.3s;
    }

.users__leave___l4pMl {
    opacity: 1;
}

    .users__leave___l4pMl.users__leaveActive___3Xoct {
        height: 189px;
        opacity: 0.01;
        transition: opacity 0.3s, height 0.3s;
    }

.users__editor___27uBR.users__enter___18PuT {
    height: 44px;
}

    .users__editor___27uBR.users__enter___18PuT.users__enterActive___2yxSU {
        height: 189px;
    }

.users__editor___27uBR.users__leave___l4pMl {
    height: 189px;
}

    .users__editor___27uBR.users__leave___l4pMl.users__leaveActive___3Xoct {
        height: 44px;
    }
/* Tab Icons on user page */
.users__profileIcon___wsILi,
.users__activityIcon___1u8d6,
.users__placementsIcon___hNpbj {
    margin-right: 1em;
}

    .users__profileIcon___wsILi,
    .users__placementsIcon___hNpbj g,
    .users__activityIcon___1u8d6 g {
        fill: #5e5e5e;
    }

.users__placementsIcon___hNpbj {
}

.user-details__container___zb40g {
    flex-flow: column;
    min-width: 750px;
    padding: 30px;
    overflow: hidden;
}

.user-details__containerMobile___3KU-9 {
    min-width: 400px;
    max-width: 480px;
}

.user-details__optOutHeader___3wzj5 {
    align-self: flex-end;
    width: 64px;
    font-size: 11px;
    margin-bottom: 8px;
}

.user-details__optOutContainer___3yynf {
    align-items: center;
    align-self: flex-start;
    text-transform: uppercase;
    font-size: 11px;
    justify-content: space-between;
    width: 64px;
}

.user-details__optOutContainerMobile___2ppSX {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    margin-left: 0;
    width: unset;
}

.user-details__optOutLabel___1Y8mA {
    margin-right: 8px;
}

.user-details__optOutValue___2pNHO {
    margin-left: 4px;
}

.user-details__bodyText___151xx {
    font-size: 13px;
}

.user-details__userDetailWrapper___tP19P {
    display: flex;
    flex-flow: column;
}

.user-details__userDetailHeaderRow___250u0 {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 28px;
}

.user-details__personEntitySummary___2qHCv {
    /* margin: 0 20px; */
    flex-flow: column;
}

.user-details__emailRow___OnKeY {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.user-details__emailIcon___1kKZs {
    margin-right: 4px;
    height: 20px;
    width: 20px;
}

.user-details__link___26Ey2 {
    color: rgb(0, 127, 175);
}

.user-details__hideNullToggleLabel___3eKWV {
    font-size: 14px;
    margin-right: 8px;
}

.user-details__userDetailContainer___2VSew {
    flex-flow: column;
    padding: 36px 28px;
    border: 1px solid #dddddd;
    justify-content: space-between;
    background: #fff;
    width: 100%;
}

.user-details__userDetailRow___2lwO0 {
    justify-content: space-between;
}

.user-details__userDetailRowMobile___1DQt4 {
    flex-flow: column;
}

.user-details__search___1KJUW {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.user-details__searchIcon___1DTWl {
    height: 16px;
    width: 16px;
    margin-right: 12px;
}

.user-details__searchMatch___A1NwQ {
    background-color: #f9db8a;
}

.user-details__categoryContainer___bgrxf {
    flex-flow: column;
    padding: 0 20px 40px 20px;
    width: 50%;
}

.user-details__categoryContainerMobile___1JVhe,
.user-details__miscellaneousContainerMobile___18OoD {
    width: 100%;
}

.user-details__contactContainer___28cEk {
    flex-flow: row;
    padding: 0 20px 40px 20px;
}

.user-details__miscellaneousContainerMobile___18OoD {
    padding: 0 20px;
}

.user-details__categoryHeader___3tnKm {
    margin-bottom: 16px;
}

.user-details__miscellaneousHeader___3AvDm {
    margin: 0 0 20px 16px;
}

.user-details__contactHeaderMobile___1UdZC {
    margin-bottom: 20px;
}

.user-details__contactRow___Pn65l {
    justify-content: space-between;
}

.user-details__contactRowMobile___3Rc7x {
    flex-flow: column;
    align-content: flex-end;
    margin-bottom: 12px;
}

.user-details__contactLabel___1mWI9 {
    width: 40%;
    margin-right: 8px;
}

.user-details__contactValue___9660i {
    width: 60%;
}

.user-details__fieldsContainer___1EPIl {
    flex-flow: row;
    font-size: 14px;
}

.user-details__fieldsColumns___2eD33 {
    flex-flow: column;
}

.user-details__fieldsColumnsMobile___3fP7p {
    width: 50%;
}

.user-details__fieldRow___15Up7,
.user-details__contactFieldRow___2mx5X {
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.user-details__contactFieldRow___2mx5X {
    flex: 2 1;
    width: 100%;
    margin-right: 12px;
}

.user-details__fieldRowMobile___3ZSMN,
.user-details__contactFieldRowMobile___1KSRU {
    font-size: 13px;
}

.user-details__contactFieldRowMobile___1KSRU {
    margin-bottom: 0;
}

.user-details__fieldLabel___3FN3M {
    max-width: 200px;
    padding-right: 12px;
    margin-bottom: 12px;
}

.user-details__fieldLabelMobile___alM0T {
    width: 50%;
}

.user-details__fieldValue___27vXd {
    width: 140px;
    margin-bottom: 12px;
}

.user-details__fieldValueMobile___1CeMh {
    width: 50%;
}

.user-details__idMousetipContent___2kpP8 {
    display: flex;
    flex-flow: column;
}

.placement-field__field___3fNpk {
    display: flex;
    flex-flow: column;
    max-width: 400px;
    word-break: break-word;
}

.placement-field__fieldRow___2qNzh {
    flex-flow: row wrap;
    padding: 6px 0;
}

.placement-field__editRow___iF4BZ {
    flex-basis: 300px;
    height: 30px;
    display: flex;
    margin: 6px 0;
}

.placement-field__hiddenEditRow___gLvPs {
    height: 0;
    overflow: hidden;
}

.placement-field__errorStyle___2jZHy {
    background: rgba(234, 53, 86, 0.2);
    border: 1px solid #ea3556;
}

.placement-field__textInput___1VGcD {
    flex: 1 0 auto;
}

.placement-field__textInputError___3P4LA {
}

    .placement-field__textInputError___3P4LA:focus {
        background: white;
    }

.placement-field__rateInput___1zO9U {
    text-align: right;
}

.placement-field__rateInputError___2G5vy {
}

    .placement-field__rateInputError___2G5vy:focus {
        background: white;
    }

.placement-field__rateInputBox___17Ll- {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    /* omgzh4x - the block input pads differently than this flex container */
    margin-top: 9px;
}

.placement-field__rateInputLabel___auvUy {
    padding-left: 1em;
}

.placement-field__dateInput___ugcYh {
    display: flex;
    flex: 1 0 auto;
}

    .placement-field__dateInput___ugcYh svg {
        width: 22px;
    }

    .placement-field__dateInput___ugcYh .react-datepicker__input-container {
        flex: 1 0 auto;
    }

        .placement-field__dateInput___ugcYh .react-datepicker__input-container input {
            width: 100%;
        }

.placement-field__fieldValue___1ttnG {
    flex: 1 0 110px;
    justify-content: flex-end;
    text-align: right;
}

.placement-field__hiddenFieldValue___2xyP3 {
    visibility: hidden;
}

.placement-field__fieldLabel___1XBIi {
    flex: 2 0 90px;
}

.placement-field__longText___1fx0e {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 49px;
    max-width: 150px;
}

.placement-field__longTextContainer___1nI2T {
    position: relative;
}

.placement-field__longTextDetailVisible___2tKgS {
    position: absolute;
    left: -170px;
    top: 0px;
    width: 400px;
    text-align: left;
    height: 150px;
    overflow: auto;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 15px;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,0.1);
}

.placement-field__longTextDetailHidden___299WL {
    display: none;
}

.user-edit__container___3ou9D {
    flex-flow: column;
    max-width: 800px;
    padding: 30px;
    overflow: hidden;
}

.user-edit__title___2ZZ7A {
    font-size: 18px;
    margin-bottom: 15px;
}

.user-edit__readOnlyNotice___1SKbO {
    margin-bottom: 15px;
}

.user-edit__form___1Mml4 {
    padding-bottom: 25px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 25px;
    justify-content: space-between;
}

.user-edit__table___2eJyc {
    margin-bottom: 40px;
}

.user-edit__leftColumn___Um6OB {
    flex-grow: 1;
    flex-flow: column;
    width: 350px;
    margin-right: 25px;
}

.user-edit__row___2-GYW {
    align-items: flex-end;
    margin: 5px 0;
}

.user-edit__label___2O-Oc {
    width: 180px;
    margin: 0 20px 8px 0;
    text-transform: capitalize;
    word-wrap: break-word;
}

.user-edit__labelName___fYSTl {
    flex: 1 0;
    min-width: 0;
}

.user-edit__input___2MDM5 {
}

.user-edit__readOnlyInput___3pAZ7 {
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 8px;
    font-size: 13px;
    overflow-y: auto;
    word-break: break-word;
}

.user-edit__input___2MDM5,
.user-edit__readOnlyInput___3pAZ7 {
    max-width: 273px;
    flex: 1 0 auto;
}

.user-edit__checkboxInput___1wTmX {
    cursor: pointer;
}

.user-edit__checkboxHitArea___1slrQ {
    position: relative;
    padding: 15px;
    padding-right: 30px;
    margin-left: -15px;
}

.user-edit__rateRow___3DYQf {
}

.user-edit__rateLabel___12fm7 {
    width: 56px;
    margin-right: 10px;
}

.user-edit__rateInputBox___1rfxr {
    align-items: center;
    width: 273px;
}

.user-edit__rateInput___2GWmW {
    width: 55px;
    padding: 15px;
}

.user-edit__rateInputLabel___34EdK {
    margin-left: 5px;
    margin-right: 10px;
    color: #5e5e5e;
}

.user-edit__rightColumnFields___13vyc {
    flex-flow: column;
    align-items: flex-end;
}

    .user-edit__rightColumnFields___13vyc .user-edit__label___2O-Oc {
        width: auto;
        margin-right: 25px;
    }

.user-edit__saveRow___3kwzT {
    align-self: flex-end;
    justify-content: flex-end;
}

.user-edit__button___jBvT3 {
    margin-top: 30px;
    margin-right: 15px;
    align-self: flex-end;
    min-width: 98px;
}

.user-edit__rightColumn___2m2yF {
    flex-flow: column;
    align-items: flex-end;
    justify-content: space-between;
}

/* Workflow Audience */

.user-edit__workflowAudienceSection___3-932 {
    display: flex;
    flex-direction: column;
}

.user-edit__workflowAudienceContainer___6G3uj {
    width: 100%;
    height: 127px;
    margin-bottom: 13px;
    padding: 26px 46px 31px 33px;
    background: #fff;
    align-items: center;
    justify-content: space-between;
}

.user-edit__workflowTitle___18hmU {
    align-self: flex-start;
    width: 180px;
}

.user-edit__data___2RKWO {
    margin-right: 200px;
}

.user-edit__numberContainer___2aGzX {
    flex-flow: column;
}

    .user-edit__numberContainer___2aGzX:first-child {
        margin-right: 21px;
    }

.user-edit__number___2AWYq {
    align-items: center;
    justify-content: space-between;
}

.user-edit__numberLabel___16rP9 {
    justify-content: center;
}

.user-edit__eventsIcon___145Oc, .user-edit__modulesIcon___1TlOF {
    margin-left: 10px;
}

.user-edit__viewButton___33YEX {
    display: flex;
    width: 92px;
}

.user-edit__placementsContainer___3sCYs {
    flex-flow: column;
    padding-bottom: 10px;
    margin-bottom: 30px;
    justify-content: space-between;
}

.user-edit__placementsRow___2JV-K {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #dddddd;
}

.user-edit__optOutContainer___2uIua {
    align-items: center;
    align-self: center;
    text-transform: uppercase;
    font-size: 11px;
    margin-left: 12px;
    width: 128px;
    justify-content: space-between;
}

.user-edit__optOutLabel___9NJxm {
    margin-left: 8px;
}

.user-edit__optOutValue___gZeAW {
    margin-left: 4px;
}

.detail-drawer__drawer___343io {
    height: 100vh;
    width: 50vw;
    max-width: 700px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 6;
    background: white;
    transition: 0.25s ease-out right, 0.25s box-shadow;
    box-shadow: -5px 0 5px rgba(0, 0, 0, 0.2);
}

.detail-drawer__hiddenDrawer___3o7TV {
    right: -50vw;
    box-shadow: none;
}

.placement-row__box___2kNf3 {
    min-width: 750px;
    max-width: 1200px;
    flex: 1 0 750px;
}

.placement-row__paddingTable___3gZZW {
    padding: 17px 27px 13px;
}

/*TODO(marcos): consider factoring out */

.placement-row__rowHeader___3EqGZ {
    min-height: 50px;
}

.placement-row__rowHeading___bjv3H {
    font-size: 16px;
    flex: 1 0 400px;
    color: rgb(0, 127, 175);
    text-transform: capitalize;
}

.placement-row__editButton___1VG0o {
    padding: 0 20px;
    position: relative;
    margin-right: -15px;
    cursor: pointer;
}

.placement-row__saveButton___1vWWL {
    color: rgb(0, 127, 175);
}

.placement-row__cancelButton___31k52 {
    color: #5e5e5e;
}

.placement-row__deleteButton___37whS {
    margin-right: 2em;
    color: #ea3556;
}

.placement-row__pencilIcon___3rz15 {
    top: 0;
    left: 15px;
    position: absolute;
    transform: rotate(45deg);
    fill: #5e5e5e;
}

    .placement-row__pencilIcon___3rz15:hover {
        fill: rgb(0, 127, 175);
    }

.placement-row__rowBody___1gfbr {
    display: flex;
}

.placement-row__groupedTable___gfurJ {
    display: flex;
    flex: 1 0 600px;
}

.placement-row__fieldList___2lRAb {
    flex-flow: column;
    flex: 1 1 600px;
    margin-right: 40px;
    justify-content: flex-start;
}

    .placement-row__fieldList___2lRAb:last-child {
        margin-right: 0;
    }

.user-placements__placementsContainer___3jy_t {
    flex-flow: column;
    padding: 32px;
    padding-top: 25px;
    max-width: 1200px;
}

.user-placements__title___1d4Zu {
    font-size: 18px;
    margin-bottom: 13px;
}

.user-placements__paddedRow___q6ZWG {
    margin-bottom: 15px;
}

.user-placements__placementAddButtonRow___t6MQd {
    justify-content: flex-end;
    margin-bottom: -23px;
}

    .user-placements__placementAddButtonRow___t6MQd svg {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .user-placements__placementAddButtonRow___t6MQd span {
        padding-top: 2px;
    }

.user-placements__emptyStateBox___Txf2L {
    height: 150px;
    margin-top: 34px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #aaaaaa;
}

.user-placements__nullText___2s-Fs {
    color: #c4c4c4;
}

.user-placements__capitalize___2WZZ2 {
    text-transform: capitalize;
}

.user-placements__summaryContainer___2jI_i {
    flex-flow: column;
    margin-bottom: 30px;
}

.user-placements__summaryTableHeader___3vU6B {
    display: flex;
    padding: 16px;
    font-size: 16px;
    margin: 0;
}

.user-placements__cell___2FNJQ {
}

.user-placements__selectableRow___TUDRf {
    cursor: pointer;
}

    .user-placements__selectableRow___TUDRf:hover {
        background-color: #deebf0;
    }

.user-placements__selectedRow___2gush {
    background-color: #00847d;
    color: white;
    cursor: pointer;
}

    .user-placements__selectedRow___2gush:hover {
        background-color: #00847d;
    }

    .user-placements__selectedRow___2gush .user-placements__cell___2FNJQ {
        color: white;
    }

.user-placements__detailView___2c4pM {
    background: #f7f7f7;
    flex-flow: column;
    width: 100%;
    height: 100%;
}

.user-placements__detailViewHeader___1riIC {
    position: relative;
    padding: 16px;
    background: #dddddd;
    align-items: center;
}

.user-placements__searchInput___2DPYW {
    min-width: 18em;
    padding: 0 1em 0 2.5em;
    background-size: 20px;
    background-image: url(/assets.sensehq.com/hashed/static/client/images/f8d0f32f21bfe8b8e261d973c5cecba0.svg);
    background-repeat: no-repeat;
    background-position: 0.5em center;
    margin-right: 24px;
}

.user-placements__searchInputHighlighted___3zwov {
    border: 2px solid #d68000;
}

    .user-placements__searchInputHighlighted___3zwov:focus {
        border: 2px solid #d68000;
    }

.user-placements__checkbox___3EZ4u {
    margin-right: 12px;
}

.user-placements__checkboxLabel___3ml5- {
    cursor: pointer;
    align-items: center;
}

.user-placements__closeIcon___pe8Tq {
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    right: 16px;
    cursor: pointer;
    transform: translateY(-50%);
    background-image: url(/assets.sensehq.com/hashed/static/client/images/e5e4bd50f5aef8442a3c8400c538b772.svg);
    background-repeat: no-repeat;
}

.user-placements__tableWide___2rDU8 .user-placements__cell___2FNJQ {
    flex: 0 0 25%;
}

.user-placements__detailViewRecords___1awe- {
    position: relative; /* needed for offsetParent calcs */
    flex-flow: column;
    overflow-y: auto;
    padding-bottom: 60px;
}

.user-placements__detailViewRecord___N00a2,
.user-placements__detailViewColumn___2xEeC,
.user-placements__detailViewTable___1msZh {
    flex-flow: column;
}

.user-placements__detailViewRecordSelected___1OHDQ {
    flex-flow: column;
}

.user-placements__detailViewRecordHeaderBase___j6sSX {
}

.user-placements__detailViewRecordHeader___3cLTd {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #dddddd;
    justify-content: space-between;
}

.user-placements__detailViewKeyHeading___1v3Qi {
    margin: 0 16px 0;
}

.user-placements__detailHeaderDivider___1b76Q {
    margin: 0 0.5em;
}

.user-placements__detailViewRecordSelected___1OHDQ > .user-placements__detailViewRecordHeader___3cLTd {
    background-color: #00847d;
    color: white;
    z-index: 2;
}

.user-placements__detailViewTable___1msZh {
    margin: 0 16px 16px;
}

.user-placements__detailViewEmptyRow___WobbS {
    font-style: italic;
    margin: 3em 0;
    align-self: center;
}

.title__container___g8R4M {
    margin: 15px 0;
    justify-content: space-between;
    align-items: center;
}

.title__left___3LFSo {
    align-items: center;
}

    .title__left___3LFSo > * {
        margin-right: 10px;
    }

.title__text___1032o {
}


.card__container___2CVLU {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px #c4c4c4;
    flex-flow: column;
    width: 274px;
}

.card__header___1_Xsi {
    border-bottom: 1px solid #f7f7f7;
    padding: 16px 12px;
    margin-bottom: 12px
}

.card__actionRow___2t9pP {
    flex-flow: row-reverse;
    padding: 16px 12px 20px;
}

.card__saveButton___w4fqo {
    color: rgb(0, 127, 175);
    padding: 4px 12px;
    margin-left: 20px;
}

.card__cancelButton___2xB3W {
    color: common__darkText___2B0WM;
    padding: 4px 12px;
}

.date-range__dateRange___V06X3 {
    align-items: center;
}

.date-range__dateRangeLabel___3AHXz {
    margin-right: 1em;
}

.date-range__timeAgoSelect___1phjT {
    margin-right: 0.5em;
}


.timeframe-card__subhead___5NpS4 {
    margin: 24px 12px 8px;
}

.timeframe-card__section___38xHM {
    flex-flow: column;
}

.timeframe-card__dateRange___3vAvB {
    width: 250px;
    margin-left: 12px;
    flex-flow: column;
    align-items: flex-start;
}

#app .timeframe-card__dateRange___3vAvB .simple-date-range-picker {
    margin-bottom: 12px;
    width: 250px;
}

.message-type-card__checklist___SI8Ni {
    flex-flow: column;
    list-style: none;
    padding: 0;
}

    .message-type-card__checklist___SI8Ni li {
        display: flex;
        align-items: center;
        font-size: 14px;
        margin: 0 0 16px 0;
    }

.message-type-card__checkbox___7viLf {
    margin: 0 12px;
}

.message-type-card__label___tlkC- {
    align-items: center;
    cursor: pointer;
}

.message-type-card__labelChecked___1lYFU {
}

.survey__container___pUcLW {
    flex-flow: column;
    flex: 1 0 auto;
}

.survey__nav___2Nu7- {
    flex: 0 0 auto;
    padding: 20px 44px;
    align-items: center;
    justify-content: center;
}

.survey__topBranding___3lXEN {
    height: 9px;
    width: 100%;
}

.survey__logo___3uF82 {
    max-height: 40px;
    max-width: 100%;
    font-weight: bold;
    font-size: 13px;
    color: #5e5e5e;
}

.survey__burger___2hw2o {
    display: none;
    margin-right: 1em;
}

@media (max-width: 700px) {
    .survey__burger___2hw2o {
        display: inherit;
    }
}


.done__container___2lFBL {
    justify-content: center;
    align-items: center;
    flex: 1 0;
}

.done__messageBox___2JEvQ {
    margin-bottom: 100px;
    width: 300px;
    flex-direction: column;
    align-self: center;
    align-items: center;
}

.done__circle___t4qbc {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #4caf50;
}

.done__message___1ELU- {
    margin: 50px;
    text-align: center;
}

.expired__container___tcGOJ {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    flex: 1 0;
    width: 100%;
}

.expired__messageBox___2EYfX {
    width: 100%;
    margin-bottom: 54px;
    flex-direction: column;
    align-items: center;
}

.expired__message___3qSbu {
    margin: 50px;
    text-align: center;
}

.expired__hourGlass___2YSPe {
    max-height: 600px;
    max-width: 100%;
    padding: 0 16px;
}

.survey__columnar___WdG2X {
    flex-direction: column;
}

/* Survey */

.survey__survey___3fyGA {
    flex: 1 0 auto;
    align-items: center;
    justify-content: stretch;
    align-self: stretch;
}

.survey__componentBox___2n_zp {
    flex-flow: column;
    flex: 2 1 auto;
    align-self: stretch;
}

.survey__surveyQuestionText___1wZ5N {
    font-size: 16px;
    text-align: left;
    max-width: 440px;
    padding: 0 20px;
}

.survey__surveyButton___c-C6h {
    min-height: 45px;
    color: rgb(0, 127, 175);
    border: 1px solid rgb(0, 127, 175);
    border-radius: 7px;
    width: 200px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer;
}

.survey__selectedSurveyButton___2wStK {
    background-color: rgb(0, 127, 175);
    color: #fff;
}

/*
it's a bummer this is repeated but can't compose
a pseudoclass :(
*/

.survey__surveyButton___c-C6h:hover {
    background-color: rgb(0, 127, 175);
    color: #fff;
}

.survey__surveyButton___c-C6h:active {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
    color: #fff;
}

/* ProgressIndicator */

.survey__progressContainer___3nxpS {
    flex: 0 0 150px;
    align-items: center;
    justify-content: center;
    margin: 0 40px;
}

.survey__section___2ATv1 {
    height: 7px;
    border: 1px solid #fff;
    border-width: 1px 0 1px 0;
    flex: 0 1 150px;
    transition: 0.25s background-color;
    cursor: pointer;
}

    .survey__section___2ATv1:first-child {
        border-left-width: 1px;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
    }

    .survey__section___2ATv1:last-child {
        border-right-width: 1px;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
    }

    .survey__section___2ATv1:hover {
        background: rgba(255, 255, 255, 0.5);
    }

.survey__blockedSection___3VevS {
    cursor: default;
}

    .survey__blockedSection___3VevS:not(.survey__activeSection___1BjTU):hover {
        background: transparent;
    }

.survey__activeSection___1BjTU {
    background-color: #fff;
}

/* PrevNext */

.survey__prevNext___23wUD {
    align-self: stretch;
    align-items: center;
    justify-content: center;
    background-color: #111111;
    margin-top: 40px;
    display: flex;
    height: 45px;
}

.survey__button___2k2hT {
    height: 25px;
    font-size: 24px;
    line-height: 20px;
    color: #fff;
    border-width: 0;
    cursor: pointer;
}

.survey__prevButton___1Vj_1 {
}

.survey__nextButton___2GEMD {
}

.survey__spacer___30ufT {
    width: 24px;
}

.survey__nextButtonBig___3KBwM {
    margin-top: 45px;
    align-self: center;
}

    .survey__nextButtonBig___3KBwM:hover {
        opacity: 0.8;
    }

.message__messageBox___2Qsrc {
    flex-flow: column;
    align-items: center;
    flex: 1 0 auto;
    max-width: 40rem;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.message__messageText___2eBOV {
    width: 700px;
    font-weight: normal;
    flex: 0 0 auto;
}

.message__messageButtonBox___1iXLW {
    justify-content: center;
    margin-top: 40px;
}

.message__messageBoxButton___23PJW {
    padding: 0 30px;
}

.message__messageText___2eBOV a {
    color: rgb(0, 127, 175);
    text-decoration: underline;
}

@media (max-width: 700px) {
    .message__messageText___2eBOV {
        width: 320px;
    }

        .message__messageText___2eBOV img {
            max-width: 100%;
        }
}

/* prettier-ignore */
.rating__rating___2Svqt {
    flex-flow: column;
    align-self: center;
    align-self: stretch;
    width: 100%;
    padding: 0 5px;
}

.rating__ratingQuestionText___LwFyW {
    text-align: center;
    align-self: center;
    margin-bottom: 55px;
}

.rating__ratingSurveyError___11cCU {
    color: #ea3556;
}

.rating__labelBox___2H1sk {
    justify-content: space-between;
    padding: 0 7px;
}

.rating__ratingBox___3BthC {
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    background: linear-gradient(to right, #ea3556, rgb(251, 209, 93), #4caf50);
    border-radius: 7px;
    overflow: hidden;
}

.ie9 .rating__ratingBox___3BthC {
    background-image: url(/assets.sensehq.com/hashed/static/client/images/444d4ad5d8c4b43568fc6d21b6298ec8.svg);
}

.rating__thumbRatingBox___1Xhf3 {
    height: 0;
    margin-top: 20px;
    transform-perspective: 800, 800;
}

.rating__ratingSegment___Rcu2f {
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    flex: 1 0 24px;
    text-align: center;
    justify-content: center;
    align-items: center;
    line-height: 45px;
    position: relative;
}

.ie9 .rating__ratingSegment___Rcu2f {
    width: 38px;
    height: 45px;
    display: inline-block;
}

.rating__ratingSegment___Rcu2f:last-child {
    border-right-width: 0;
}

.rating__selectedRatingSegment___2H7cW {
    background-color: #2b2b2b;
}

.rating__ratingLabel___2E5mW {
    margin-top: 14px;
    font-size: 10px;
}

.rating__ratingLabelRight___3Cmrh {
    text-align: right;
}

.rating__nextButton___TK2qO {
}

.rating__ratingThumbBox___2gs8d {
    flex-direction: column;
    flex: 1 0 24px;
    position: relative;
    align-self: center;
    align-content: center;
}

.rating__thumbLabel___2TJgK {
    width: 100%;
    margin: 0;
    text-align: center;
}

.rating__roundRatingBox___3QJPw {
    align-self: center;
    background-color: #dddddd;
    position: relative;
    margin-top: -45px;
    bottom: 0;
    width: 35px;
    height: 35px;
    border-radius: 6px;
    line-height: 35px;
    text-align: center;
}

.rating__ratingTriangle___28Aiq {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #dddddd transparent transparent transparent;
    height: 0;
    width: 0;
}
/* bump padding for widget in larger phones */
@media (min-width: 375px) {
    .rating__rating___2Svqt {
        padding: 0 10px;
    }
}
/* fix rating widget width on biggish screens */
@media (min-width: 480px) {
    .rating__rating___2Svqt {
        align-self: center;
        width: 410px;
    }
}

.multiple-choice__multipleChoice___10EXG {
    flex-flow: column;
    align-self: center;
    align-items: center;
}

.multiple-choice__multipleChoiceText___BnaV5 {
    text-align: center;
}

.multiple-choice__multipleChoiceSurveyError___2nk0z {
    color: #ea3556;
}

.multiple-choice__inputContainerContainer___1evi9 {
    flex-direction: row;
}

.multiple-choice__choiceInput___1tYdQ {
    align-items: center;
    width: 300px;
}

.multiple-choice__submitButton___29j23,
.multiple-choice__disabledButton___3iZz5 {
    margin-top: 25px;
}

.multiple-choice__submitButton___29j23 {
    background-color: rgb(0, 127, 175);
    color: #fff;
}

    .multiple-choice__submitButton___29j23:hover {
        background-color: #fff;
        color: rgb(0, 127, 175);
    }

.multiple-choice__disabledButton___3iZz5 {
    width: 200px;
}

.multiple-choice__optionGroup___3l6qy {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    padding-left: 20px;
}

    .multiple-choice__optionGroup___3l6qy > * + * {
        margin-top: 20px;
    }

.multiple-choice__checkbox___24P4F {
    margin-right: 8px;
}

/* prettier-ignore */
.calendar-date__dateSurvey___1xykr {
    flex-flow: column;
    align-items: center;
}

.calendar-date__dateSurveyText___RiJPj {
    text-align: center;
}

.calendar-date__dateWrapper___2ZWG7 {
    align-self: stretch;
    justify-content: center;
}

.calendar-date__dateSurveyError___1GQ69 {
    color: #ea3556;
    margin-bottom: 0;
}

.calendar-date__submitButton___1KUap {
    margin-top: 25px;
    background-color: rgb(0, 127, 175);
    color: #fff;
}

    .calendar-date__submitButton___1KUap:hover {
        background-color: #fff;
        color: rgb(0, 127, 175);
    }

.calendar-date__datePicker___K1s9w {
    margin-left: 0px;
    align-items: center;
    position: relative;
    float: left;
}

.calendar-date__dateInput___BJp6V {
    padding: 0 10px 0 25px;
    width: 200px;
}

.calendar-date__calendarIconContainer___2uo-U {
    position: absolute;
    top: 4px;
    right: 8px;
    pointer-events: none;
    /* the icon covers the default date picker control, which would not work without unsetting the pointer events on this element */
    background: #fff;
    height: 33px;
}

.calendar-date__calendarIcon___37uFu {
    width: 22px;
    height: 33px;
    background: transparent;
}

input[type='date']::-webkit-inner-spin-button {
    display: none;
}

/* prettier-ignore */
.text__textSurvey___2gpeX {
    flex-flow: column;
    align-items: center;
}

.text__textSurveyText___aEM_w {
    text-align: center;
}

.text__textContainer___31iU_ {
    align-self: stretch;
    justify-content: center;
    padding: 30px 20px 0;
}

.text__textWrapper___2K2St {
    flex: 0 1 400px;
    flex-flow: column;
}

.text__textSurvey___2gpeX textarea {
    align-self: stretch;
    background-color: #fff;
    border-color: #c4c4c4;
    border-radius: 7px;
    height: 190px;
    padding: 10px 7px;
    font-family: 'elena-web-basic', serif;
    font-size: 16px;
    /* thanks microsoft */
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.text__smallInput___1WTBP {
    align-self: stretch;
    padding: 0 10px 0 25px;
}

.text__numberInput___MiTnO {
    width: 160px;
    align-self: center;
}

.text__textSurvey___2gpeX textarea:-ms-input-placeholder {
    font-family: 'elena-web-basic', serif;
    font-size: 14px;
}

.text__textSurvey___2gpeX textarea::-ms-input-placeholder {
    font-family: 'elena-web-basic', serif;
    font-size: 14px;
}

.text__textSurvey___2gpeX textarea::placeholder {
    font-family: 'elena-web-basic', serif;
    font-size: 14px;
}

.text__textSurveyError___1uJyJ {
    color: #ea3556;
    margin-bottom: 0;
}

.text__hintTextContainer___2JAn6 {
    flex-flow: row;
    justify-content: flex-start;
    font-size: 14px;
    height: 40px;
}

    .text__hintTextContainer___2JAn6 > * {
        margin-right: 4px;
    }

.text__hintText___3ZYaY {
    color: #db8200;
}

.text__submitButton___3hvXy {
    margin-top: 25px;
    background-color: rgb(0, 127, 175);
    color: #fff;
}

    .text__submitButton___3hvXy:hover {
        background-color: #fff;
        color: rgb(0, 127, 175);
    }

.agent-phone-form__form___20maT {
    flex-direction: row;
}

.agent-phone-form__input___1sY7V {
    margin-right: 10px;
}

.agent-phone-form__button___3ME41 {
}

.app__error___1cRLr {
    flex-direction: column;
    margin: auto;
    align-items: center;
    position: relative;
    top: -15%;
}

.app__errorMessage___2WrS1 {
    margin-bottom: 20px;
}

/* prettier-ignore */
.contact-input-typeahead__container___1fkcJ {
    width: 100%;
}

.contact-input-typeahead__limit___3EhX- {
    color: #aaaaaa;
}

    .contact-input-typeahead__limit___3EhX-.contact-input-typeahead__error___2svXV {
        color: #ea3556;
    }

.contact-input-typeahead__suggestionContainer___3q48M {
    flex-direction: row;
}

.contact-input-typeahead__suggestion___f5R1D {
    flex: 1 0;
    align-items: center;
    /* fontsize14px * 2 + spacing5px + padding10px */
    min-height: 47px;
    padding: 5px 15px;
    cursor: pointer;
}

    .contact-input-typeahead__suggestion___f5R1D:hover {
        background-color: #ededed;
    }

.contact-input-typeahead__disabledSuggestion___3C9Em {
    color: #aaaaaa;
    background-color: #fbfbfb;
    pointer-events: none;
}

.contact-input-typeahead__suggestionLeft___2HJKH {
    flex-flow: column;
}

.contact-input-typeahead__name___3bCwa {
    margin-bottom: 5px;
    font-weight: 700;
}

.contact-input-typeahead__number___Cnpvi {
    color: rgb(0, 127, 175);
}

.contact-input-typeahead__noPhoneNumber___3rnbF {
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
}

.contact-input-typeahead__checkedIcon___uGuDd {
    flex: 0 0 auto;
    align-self: center;
    vertical-align: -2px;
    margin-left: 0.2em;
    fill: #aaaaaa;
}

.contact-input-typeahead__addContactCheckmark___2Gv3V {
    fill: #aaaaaa;
    width: 24px;
    height: 24px;
    padding: 5px;
}

.contact-input-typeahead__addContactSpinner___IQqXu {
    width: 24px;
    height: 24px;
}

    .contact-input-typeahead__addContactSpinner___IQqXu > * {
        width: 16px;
        height: 16px;
    }

.contact-input-typeahead__syncAtsButtonActive___1UpHj svg {
    animation: contact-input-typeahead__animation-spin___3aY1Q 1s linear infinite;
}
/* TODO (kyle): when we upgrade to css-loader 1.0, import this from common */
@keyframes contact-input-typeahead__animation-spin___3aY1Q {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.contact-input-typeahead__tokenListInputContainer___24CmE {
    max-width: 100%;
    min-height: 50px;
    width: auto;
    flex: 1 1 auto;
}

.contact-input-typeahead__avatarIconContainer___3XigB {
    margin-right: 8px;
}

.contact-input-typeahead__broadcastAvatarContainer___1zYli {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
}

.contact-input-typeahead__broadcastAvatar___3MX6D {
    color: white;
    align-self: center;
}

.contact-input-typeahead__tokenListInput___bnsHH {
    height: auto;
    padding: 15px 20px 10px;
    overflow: hidden;
    margin: unset;
    border: none;
    border-radius: unset;
}

.contact-input-typeahead__tokenListInputGroupTitle___3dFlA {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 8px 20px;
    height: 32px;
    background-color: #f7f7f7;
}

.contact-input-typeahead__tokenListInputOptionsContainer___2cKgU {
    border-width: 0 0 1px 0;
    border-radius: 0;
    margin-top: 1px;
}

.contact-input-typeahead__undeliverableToken___DVHgc {
    background-color: #f4e2e6;
    border: 1px solid #ea3556;
    color: rgb(168, 41, 65);
}

.contact-input-typeahead__undeliverableText___1PyFm {
    margin: 0px 0px 12px 56px;
    color: #777777;
}

.contact-input-typeahead__invalidToken___2C7Sk {
    background-color: #f7ecdd;
    border: 1px solid #ff9800;
    color: rgb(191, 114, 0);
}

.contact-input-typeahead__unknownToken___3aO2U {
    background-color: #e7eaeb;
    border: 1px solid rgb(96, 125, 139);
    color: rgb(72, 94, 104);
}

.contact-input-typeahead__removeButton___2xlQn {
    margin: 0px 0px 12px 56px;
    color: rgb(0, 127, 175);
}

    .contact-input-typeahead__removeButton___2xlQn:hover {
        cursor: pointer;
    }

.contact-input-typeahead__label___Ngv7w {
    color: rgb(0, 127, 175);
}

.contact-input-typeahead__landlineIcon___UM4Wf {
    font-size: 10px;
    padding: 0px 0px 0px 2px;
}

.contact-input-typeahead__errorList___NDSTu {
    border-top: 1px solid #c4c4c4;
    align-items: flex-start;
    padding-left: 20px;
    padding-top: 8px;
}

/* prettier-ignore */
.header__root___1HJPy {
    position: relative;
    height: 66px;
    align-items: center;
    font-weight: 600;
    border-bottom: 1px solid #dddddd;
    padding: 0 20px;
    /* TODO (kyle): this should be declared by a parent */
    flex: 0 0 auto;
}

    .header__root___1HJPy.header__compressed___OmhaU {
        height: 50px;
    }

.header__title___3SjZP {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.header__left___1AGGQ {
    margin-right: auto;
}

.header__left___1AGGQ, .header__right___3IuHU {
    position: relative;
    z-index: 1;
}

/* prettier-ignore */
.back-link__icon___1-g4V {
    height: 20px;
    width: 20px;
}

    .back-link__icon___1-g4V > path {
        stroke: rgb(0, 127, 175);
        stroke-width: 1;
    }

/* prettier-ignore */
.message-history-header__root___2W6PW {
    flex-flow: column;
    height: 66px;
}

    .message-history-header__root___2W6PW.message-history-header__isNewMessage___2qv05 {
        padding: 0;
        height: auto;
    }

.message-history-header__header___1YU5d {
    font-weight: 600;
    height: 100%;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid #dddddd;
}

    .message-history-header__header___1YU5d > *:first-child {
        margin-right: auto;
    }

.message-history-header__root___2W6PW.message-history-header__isNewMessage___2qv05 .message-history-header__header___1YU5d {
    height: doubleHeaderHeight;
}

.message-history-header__backLinkMobile___2bfZi {
    display: flex;
    color: rgb(0, 127, 175);
}

.message-history-header__contactInput___3xaCF {
    position: relative;
    flex: 1 1;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    border-bottom: 1px solid #dddddd;
}

.message-history-header__detailsInfoLinkMobile___2eEvc {
}

.message-history-header__cancelLink___zxgxe {
    color: rgb(0, 127, 175);
}

    .message-history-header__cancelLink___zxgxe:hover {
        color: #000;
    }

.message-history-header__profileIcon___2ykwh {
    height: 20px;
    width: 20px;
}

    .message-history-header__profileIcon___2ykwh > path {
        fill: rgb(0, 127, 175);
        stroke: transparent;
    }

.message-history-header__arrowLeftIcon___1q-20 {
    height: 20px;
    width: 14px;
}

    .message-history-header__arrowLeftIcon___1q-20 > path {
        stroke: rgb(0, 127, 175);
        fill: transparent;
        stroke-width: 1px;
    }

.message-history-header__menu___1bTQb {
    margin-left: 4px;
}

@media screen and (max-width: 559px) {
    .message-history-header__contactInput___3xaCF {
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .message-history-header__isNewMessage___2qv05 {
        height: auto;
    }
}

.callout__callout___77-8m {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #e7eaeb;
    color: #9e9e9e;
    padding: 8px;
    margin-bottom: 8px;
    max-width: 100%;
    border-radius: 4px;
}

    .callout__callout___77-8m .callout__icon___1YcPL {
        color: #9e9e9e;
        margin-right: 8px;
        max-width: 16px;
        max-height: 16px;
    }

        .callout__callout___77-8m .callout__icon___1YcPL > path {
            fill: #9e9e9e;
        }

.multilevel-callout__multilevelCallout___3eNa1 {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
}

.multilevel-callout__callout___2ksEm {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    margin: 0px 0;
    max-width: 100%;
    border-radius: 4px;
}

.multilevel-callout__calloutTop___2yirw {
    color: #9e9e9e;
    background-color: #e7eaeb;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 8px;
}

.multilevel-callout__calloutBottom___chR3- {
    color: #fff;
    background-color: #4caf50;
    margin-top: -4px;
}

.multilevel-callout__calloutTop___2yirw .multilevel-callout__icon___wj23Z {
    color: #9e9e9e;
    margin-right: 8px;
    max-width: 16px;
    max-height: 16px;
}

    .multilevel-callout__calloutTop___2yirw .multilevel-callout__icon___wj23Z > path {
        fill: #9e9e9e;
    }

/* prettier-ignore */
.message-history__root___vkskB {
    display: block;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.message-history__innerPadding___3Lj7_ {
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.message-history__messageHistory___kesI9 {
    flex-direction: column-reverse;
}

.message-history__messageWrap___15uwQ {
    flex: 0 0 auto;
}

.message-history__messageFromOther___2CwH_ {
    align-self: flex-start;
}

.message-history__messageFromSelf___3MsJA {
    align-self: flex-end;
}

.message-history__messageData___35Ne9 {
    flex-flow: column;
    position: relative;
}

.message-history__messageFromOther___2CwH_ .message-history__messageData___35Ne9 {
    align-items: flex-start;
}

.message-history__messageFromSelf___3MsJA .message-history__messageData___35Ne9 {
    align-items: flex-end;
}

.message-history__messageText___2IqvR {
}

.message-history__messageFromOther___2CwH_ .message-history__messageText___2IqvR {
    background-color: #e7eaeb;
    color: #5e5e5e;
}

.message-history__messageFromSelf___3MsJA .message-history__messageText___2IqvR {
    background-color: rgb(0, 127, 175);
    color: #fff;
}

.message-history__coreMessage___1p573 {
}

.message-history__messageFromOther___2CwH_ .message-history__coreMessage___1p573,
.message-history__messageFromSelf___3MsJA .message-history__coreMessage___1p573 {
    background: #4caf50;
    color: #fff;
}

.message-history__broadcast___3l48k {
}

.message-history__messageFromOther___2CwH_ .message-history__broadcast___3l48k,
.message-history__messageFromSelf___3MsJA .message-history__broadcast___3l48k {
    background-color: rgb(103, 58, 183);
    color: #fff;
}

.message-history__footerInner___1cq9D {
    font-size: 11px;
}

.message-history__timeStamp___SCzSv {
}

.message-history__messageError___3aqPo {
    color: #ea3556;
    align-items: center;
}

.message-history__messageWrap___15uwQ:last-child .message-history__messageError___3aqPo {
    margin-bottom: 0;
}

.message-history__infoIcon___1tsF2 {
    display: inline-block;
    fill: #ea3556;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.2em;
}

.message-history__avatarSpace___2Z_7b {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
}

.message-history__messageFromOther___2CwH_ .message-history__avatarSpace___2Z_7b {
    /* NOTE (kyle): avatar goes on left side of message */
    order: -1;
    margin-right: 10px;
}

.message-history__messageFromSelf___3MsJA .message-history__avatarSpace___2Z_7b {
    margin-left: 10px;
}

.message-history__avatar___1iY5y {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

.message-history__messageFromOther___2CwH_ .message-history__avatar___1iY5y {
    background: #ea3556;
    color: rgb(251, 209, 93);
}

.message-history__senseIcon___2_8kR {
    background: transparent;
}
/* The following rule should never apply (i.e., you should never
get an incoming Sense core message) but just for completeness ...*/
.message-history__messageFromOther___2CwH_ .message-history__senseIcon___2_8kR {
    background: transparent;
}

.message-history__broadcastIcon___1qRoC {
    fill: #fff;
    background-color: rgb(103, 58, 183);
    padding: 3px;
}

.message-history__messageFromOther___2CwH_ .message-history__broadcastIcon___1qRoC {
    background-color: rgb(103, 58, 183);
}

.message-history__broadcastFooter___280T3 {
    color: rgb(103, 58, 183);
}

.message-history__coreMessageFooter___2GvZP {
    align-items: flex-end;
    margin-bottom: 6px;
}

.message-history__autoReplyFooter___SJx4e {
    color: #919191;
}

.message-history__chatLink___1l2ic {
    color: rgb(0, 127, 175);
    cursor: pointer;
}

.message-history__smsIcon___3Ux5R {
    height: 14px;
    stroke: none;
    fill: #5e5e5e;
}

.message-history__noMessageHistory___1Pjv0 {
    text-align: center;
    width: 250px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.message-history__timestampTooltip___30bJv {
    position: absolute;
    top: -24px;
    padding: 1px 3px;
    border: thin #111111 solid;
    border-radius: 2px;
    background-color: #111111;
    color: #fff;
    white-space: nowrap;
    z-index: 10;
}

.message-history__tipSvg___37Azo {
    position: absolute;
    width: 11px;
    height: 9px;
    bottom: -5px;
}

.message-history__messageFromOther___2CwH_ .message-history__tipSvg___37Azo {
    left: 5px;
}

.message-history__messageFromSelf___3MsJA .message-history__tipSvg___37Azo {
    right: 5px;
}

.message-history__arrow___2YpGg {
    fill: #111111;
    stroke-width: 1px;
    stroke: #111111;
}

.message-history__arrowCover___S8Zt2 {
    stroke-width: 1px;
    stroke: #111111;
}

.message-history__messageFooter___aK_I7 {
    margin: 5px 0;
}

.message-history__hasFooter___lUTxl {
    margin-top: 4px;
    margin-bottom: 8px;
}

.message-history__fixedHeight___7vm4b {
    min-height: 16px;
}

.message-history__moreOrEndOfMessages___1NLIh {
    min-height: 30px;
}

.message-history__dividerContainer___1ofkt {
    padding: 24px 0;
    position: relative;
    align-items: center;
}

.message-history__dividerLine___140yp {
    border-top: 1px solid #ea3556;
    width: 100%;
    position: relative;
}

.message-history__dividerTextWrapper___VPbhq {
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.message-history__dividerText___3YmD7 {
    height: 20px;
    padding: 0px 12px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.25);
    border-radius: 10px;
    color: #ea3556;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.message-history__mms___3j5j4 {
    display: flex;
    flex-direction: column;
}

.message-history__media___20W_i {
    height: 100%;
    width: 100%;
    border-radius: 17px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    object-fit: cover;
}

    .message-history__media___20W_i:hover {
        opacity: 0.5;
    }

.message-history__mediaContainer___2r62H {
    min-height: 160px;
    min-width: 224px;
    max-width: 500px;
    max-height: 580px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.message-history__mmsContainer___2h7Wu {
    position: relative;
    margin: 5px 0;
    width: -moz-fit-content;
    width: fit-content;
}

.message-history__mmsOverlay___3F7ZK {
    border-radius: 17px;
    width: 100%;
    height: 100%;
    position: absolute;
    align-items: center;
    justify-content: center;
}

    .message-history__mmsOverlay___3F7ZK:hover {
        background: linear-gradient(rgba(255,255,255, 0.3), rgba(0, 0, 0, 0.5));
        cursor: pointer;
    }

        .message-history__mmsOverlay___3F7ZK:hover svg {
            stroke: #fff;
            display: unset;
            filter: drop-shadow(0px 0px 4px);
        }

.message-history__mmsLoading___1NB6G {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.message-history__newLinkIcon___oz9U1 {
    height: 26px;
    stroke: none;
    display: none;
    position: absolute;
}

    .message-history__newLinkIcon___oz9U1:hover {
        stroke: #fff;
        display: unset;
        filter: drop-shadow(0px 0px 4px);
    }

.message-history__autoReply___1Ge-k {
}

.message-history__messageFromSelf___3MsJA .message-history__autoReply___1Ge-k {
    background-color: #4caf50;
    color: #fff;
}

.scheduled-messages-bar__root___2Ieqw {
    flex: 1 0 auto;
    padding: 20px;
    background-color: #fff;
    line-height: 1;
    border-top: 1px solid #dddddd;
}


.scheduled-messages-bar__scheduledMessages___3ucXE {
}

.message-history-container__root____70u5 {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.message-history-container__history___2uwTf {
    height: 100%;
}

.message-history-container__readOnly___17DXC {
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
}

.message-history-container__link___2xpuK {
    cursor: pointer;
    font-weight: bolder;
}

    .message-history-container__link___2xpuK: hover {
        color: rgb(251, 209, 93)
    }

.multi-line-input__textarea___3qNFP {
    box-sizing: border-box;
    resize: none;
    font-size: 14px;
    line-height: 1.2;
    border: none;
    overflow: auto;
    outline: none;
    box-shadow: none;
    height: auto;
    padding: 0px;
    width: auto;
}

.multi-line-input__fullHeight___UC6YI {
    flex-grow: 1;
    resize: vertical;
}

/* prettier-ignore */
.messaging-input__messagingInput___1aBUF {
    flex-direction: column;
    position: relative;
    height: auto;
    width: 100%;
    cursor: text;
    word-break: break-word;
}

.messaging-input__messagingInputFocussed___2piOj {
    border-color: rgb(0, 127, 175);
}

.messaging-input__messagingInputDraftJs___3CWpu {
    padding: 12px 34px 12px 12px;
}

.messaging-input__rule___4rNud {
    margin: 8px 0 8px 0;
}

.messaging-input__imagePreviewContainer___3al8- {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}

.messaging-input__imagePreview___Ok1tv {
    max-width: 100px;
    max-height: 100px;
    border: 1px solid #8097a2;
    border-radius: 10px;
}

.messaging-input__imageXWrapper___1obLQ {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.messaging-input__imageX___3N_xb {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 2px;
    top: 2px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

    .messaging-input__imageX___3N_xb:hover {
        background: #dddddd;
        opacity: 0.9;
    }

    .messaging-input__imageX___3N_xb:active {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
        background: #aaaaaa;
        opacity: 0.9;
    }

.messaging-input__fullHeight___sU0Ue {
    flex-grow: 1;
}

/* prettier-ignore */
.draft__root___1dYna {
    flex-direction: column;
    flex: 1 1 auto;
}

.draft__inputRoot___1SyRn {
    position: relative;
}

.draft__characterCount___3esDY {
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    color: #444444;
    justify-content: flex-end;
    margin: 1px 4px 3px 4px;
}

.draft__negativeCharacterCount___1oji3 {
    color: #ea3556;
}

.draft__textarea___2g8Oh {
    border-radius: 18px;
    padding: 5px 12px;
}

.draft__textareaFocused___JWaa3 {
    border-color: #dddddd;
}

@media screen and (max-width: 559px), screen and (max-height: 559px) {
    .draft__textarea___2g8Oh {
        margin-bottom: 0;
    }
}

/* prettier-ignore */

.input-actions__actionRow___3lv9R {
    display: flex;
    align-items: center;
}

    .input-actions__actionRow___3lv9R > * {
        margin-right: 28px;
        height: 24px;
    }

.input-actions__emojiOverlay___c4Tnk {
    left: 0;
}

.input-actions__trigger___2EUWd {
    display: flex;
    cursor: pointer;
}

.input-actions__emojiPickerIcon___2qtm7 {
    fill: rgb(0, 127, 175);
    stroke: none;
    height: 22px;
    width: 22px;
}

    .input-actions__emojiPickerIcon___2qtm7:active {
        opacity: 0.5;
    }

.input-actions__toggleActionButton___1HILt {
    cursor: pointer;
}

    .input-actions__toggleActionButton___1HILt svg {
        fill: rgb(0, 127, 175);
        transition: transform 60ms ease;
    }

    .input-actions__toggleActionButton___1HILt.input-actions__open___1_C-I svg {
        transform: rotate(45deg);
    }

.input-actions__emojiPicker___38RYZ {
    position: absolute;
    width: 24px;
    top: 9px;
    right: 6px;
    z-index: 2;
}

.input-actions__sendLaterButton___ZSM9T {
    cursor: pointer;
    fill: #777777;
    width: 24px;
}

.input-actions__addImageButton___23A3X {
    fill: rgb(0, 127, 175);
    stroke: none;
    cursor: pointer;
}

.input-actions__disabledButton___2n0iD {
    cursor: default;
    fill: #777777;
}

.action-header__actionHeader___1m7b4 {
    border-radius: 8px 8px 0 0;
    background: #f7f7f7;
    padding: 16px 18px 15px;
    justify-content: space-between;
}

.action-header__composeHeader___233pb {
    padding: 16px 18px 15px;
    justify-content: space-between;
    border-top: 1px solid #dddddd;
}

.action-header__actionClose___3xKrZ,
.action-header__actionNew___1dPLD,
.action-header__actionSave___vO1eM {
    color: rgb(0, 127, 175);
    cursor: pointer;
}

.action-header__actionNew___1dPLD,
.action-header__actionSave___vO1eM {
}

.action-header__actionClose___3xKrZ {
    flex: 0 0 35px;
}

.action-header__headerText___2v128 {
    flex: 1 1;
    text-align: center;
}

.action-header__nudgeHeader___1d22K {
    width: 35px;
}

.action-header__composeButton___Y6JYV {
}

.action-header__composeButtonEnabled___332ct {
    color: rgb(0, 127, 175);
    cursor: pointer;
}

.action-header__composeHeaderText___1rfl7 {
    margin-left: 0;
}

.action-header__charCountContainer___1lWFM {
    position: relative;
    right: 20px;
    width: 35px;
}

/* prettier-ignore */
.action-list__actionList___oSS_q {
    background: #f7f7f7;
    flex-flow: column;
    justify-content: space-evenly;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .action-list__actionList___oSS_q > li {
        padding: 4px;
        display: flex;
    }

        .action-list__actionList___oSS_q > li:last-child {
            margin-bottom: 4px;
        }

.action-list__actionButton___20U9i {
    border-radius: 36px;
    padding: 4px 16px 4px 8px;
    color: #2b2b2b;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    align-items: center;
}

    .action-list__actionButton___20U9i:hover {
        background: #dddddd;
    }

    .action-list__actionButton___20U9i:active,
    .action-list__actionButton___20U9i:active .action-list__actionRowSubtitle___1xOOe {
        background: rgb(0, 127, 175);
        color: #fff;
    }

        .action-list__actionButton___20U9i:active .action-list__actionRowIcon___2zvtZ svg {
            fill: #fff;
        }

.action-list__actionRowIcon___2zvtZ {
    width: 40px;
    display: inline-flex;
    justify-content: center;
    flex-flow: row;
    margin-bottom: 2px;
}

    .action-list__actionRowIcon___2zvtZ svg {
        height: 22px;
        width: 22px;
        fill: rgb(0, 127, 175);
    }

.action-list__actionRowSubtitle___1xOOe {
    flex: 1 1;
    text-align: right;
    color: #777777;
}

/* prettier-ignore */

.root__panePositionRoot___3wVkF {
    position: relative;
}

.root__scrim___3e3PR {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.root__actionPaneRoot___2BQbI {
    bottom: 0;
    width: 100%;
    flex-flow: column;
    max-height: 60vh;
    position: absolute;
    z-index: 1;
}

    .root__actionPaneRoot___2BQbI > * {
        bottom: 0;
        flex-flow: column;
        min-height: 0;
        position: relative;
    }

@media screen and (min-width: 768px) {
    .root__actionPaneRoot___2BQbI {
        /* used to clip the action header's radius for shadows */
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        box-shadow: 0 0 6px #aaaaaa;
        bottom: 5px;
        left: 10px;
        position: absolute;
        width: auto;
        min-width: 280px;
    }

    .root__scrim___3e3PR {
        display: none;
    }
}

/* prettier-ignore */
.template-pane__templatePane___3sgR_ {
    flex-flow: column;
}

.template-pane__rule___WxbqJ {
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #dddddd;
}

.template-pane__templateName____3JBi {
    flex-flow: column;
    padding: 20px 16px;
}

.template-pane__templateContent___1rT8f {
    height: 100%;
    overflow-y: auto;
}

.template-pane__templateContentInput___3bkzu {
    border: 0;
    padding: 0;
}

.template-pane__templateContentInputFocused___3sutp {
    border: 0;
}

.template-pane__composePane___1WqIN {
    display: flex;
    flex-flow: column;
    flex: 1 1;
    background: #fff;
}

.template-pane__templateRowWrapper___2mxOa {
    flex-flow: row;
    flex-wrap: nowrap;
    overflow: hidden;
}

.template-pane__templateRow___uEEqU {
    background: #f7f7f7;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
    max-width: 100%;
    min-width: 100%;
}

    .template-pane__templateRow___uEEqU:hover {
        background: #dddddd;
    }

    .template-pane__templateRow___uEEqU:last-child {
        border-bottom-width: 0;
    }

.template-pane__templateRowText___2AXvg {
    display: flex;
    flex: 1 0 100%;
    flex-flow: column;
    padding: 12px 16px;
    text-align: left;
    min-width: 0;
}

.template-pane__templateTitle___3skNh {
    display: block; /* block needed to make ellipsis work */
    color: rgb(0, 127, 175);
}

.template-pane__templateList___3XNF_ {
    flex-flow: column;
    flex-wrap: nowrap;
    overflow: auto;
}

.template-pane__templateBody___11IbC {
    margin: 0;
    max-height: 3.3em;
    overflow: hidden;
}

.template-pane__templateRowWrapper___2mxOa {
    flex: 1 0 auto;
}

.template-pane__templateActionRow___2wlO- {
    background: rgb(0, 127, 175);
    color: #fff;
    display: flex;
    flex: 1 0;
    width: 0;
    overflow: hidden;
    /* todo(marcos): find a more elegant way to animate this*/
    transition: flex-basis 120ms;
}

.template-pane__templateRowWrapper___2mxOa.template-pane__hovered___1YnZ_ .template-pane__templateActionRow___2wlO- {
    flex: 1 0 100%;
    width: 100%;
}

.template-pane__templateActionRow___2wlO- > button {
    flex: 1 1;
}

.template-pane__templateAction___2He3o {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-flow: column;
    flex: 1 1;
}

.template-pane__templateActionRow___2wlO- > button:hover {
    background: rgb(5, 93, 127);
}

.template-pane__templateActionRow___2wlO- svg {
    fill: #fff;
    height: 22px;
    margin-bottom: 4px;
}

.template-pane__editIcon___aGUKa {
}

.template-pane__emptyTemplateNotice___3hykt {
    background: #f7f7f7;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.template-pane__adhocNewButton___3TjLu {
    margin: auto 0.3em;
}

@media screen and (min-width: 768px) {
    .template-pane__templateList___3XNF_ {
        min-width: 370px;
        max-height: 540px;
    }
}

.style__tabRow___1T9r0 {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.style__tab___11tNz {
    position: relative;
    color: #2b2b2b;
    cursor: pointer;
    align-items: center;
    display: flex;
    flex: 0 0 217px;
    height: 54px;
    justify-content: center;
    position: relative;
    margin-right: -27px;
}

.style__label___3q4eU {
    margin-left: 30px;
    z-index: 1;
}

.style__dart___1ERuL {
    position: absolute;
    left: 0;
}

.style__inactiveDart___3vktT {
}

    .style__inactiveDart___3vktT path {
        fill: #ededed;
    }

.style__activeDart___21EDF {
    fill: #fff;
}

.style__progressBarRow___3fjiC {
    display: flex;
    width: 750px;
    margin: 36px 0 50px;
}

.style__progressLink___2Bmbk {
    flex: 1 1;
    border-top: 4px solid #919191;
    color: #919191;
    font-size: 12px;
    margin-right: 4px;
    padding-top: 4px;
    text-transform: uppercase;
}

    .style__progressLink___2Bmbk:last-child {
        margin-right: 0;
    }

.style__activeProgressLink___643-I {
    border-top-color: rgb(0, 127, 175);
    color: rgb(0, 127, 175);
}

.new-event__newEvent___2ycyM {
    flex-direction: column;
    flex: 1 0 auto;
    padding: 1em 40px;
    border-bottom: 1px solid #dddddd;
}

.new-event__messageIcon___2nFQn {
    position: relative;
    left: 10px;
}

.new-event__editEvent___3q54- {
    flex-direction: column;
    flex: 1 0 auto;
    border-bottom: 1px solid #dddddd;
}

.new-event__eventTitle___3Eatn {
    margin-bottom: 16px;
}

.new-event__rowBox___2kGIX {
    margin-top: 8px;
    flex-direction: column;
    flex: 1 0 auto;
}

.new-event__eventContent___35oRM,
.new-event__importContent___1P2uj {
    margin-top: 8px;
    position: relative;
}

    .new-event__eventContent___35oRM > div {
        position: relative;
        flex: 0 1 750px;
    }

.new-event__importContent___1P2uj {
    height: 100%;
}

    .new-event__importContent___1P2uj > div {
        position: relative;
        width: 100%;
    }

.new-event__errorMessage___1_uUK {
    margin: 30px 0 0 40px;
    width: 750px;
}

.new-event__eventEditContent___14s8I {
    position: relative;
    padding: 30px 40px;
}

    .new-event__eventEditContent___14s8I > div {
        position: relative;
        flex: 0 1 750px;
    }

.new-event__nextButton___F5i-B {
    width: 228px;
}

.new-event__nextButtonBox___2247I {
    display: flex;
    justify-content: center;
    padding: 30px 0;
}

.new-event__tabEnter___2fzjY {
    position: relative;
    top: 0;
    left: 0;
    opacity: 0.01;
}

.new-event__tabEnterActive___R_WN2 {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 300ms ease;
}

.new-event__tabLeave___1rx2Y {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.new-event__tabLeaveActive___3TZi6 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.01;
    transition: opacity 300ms ease;
}

.row-picker__row___3uNe0 {
    display: flex;
    position: relative;
    background: #fff;
    width: 100%;
    min-height: 126px;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.54;
}

    .row-picker__row___3uNe0:hover,
    .row-picker__row___3uNe0:focus,
    .row-picker__focusedRow___18oNV {
        border-color: rgb(0, 127, 175);
        opacity: 1;
    }

.row-picker__label___3-taj {
    font-size: 16px;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 15px;
    position: relative;
    width: 100%;
}

    .row-picker__label___3-taj span {
        display: inline-flex;
        flex: 1 1;
    }

.row-picker__checkmark___pfjsR {
    width: 18px;
    height: 18px;
    align-self: flex-end;
}

/* css for radio group, probably resuable */

.row-picker__optionGroup___21XgW {
    margin-left: 100px;
    flex-direction: column;
}

.row-picker__optionLabel___3RmCf {
    margin-bottom: 1em;
}

.row-picker__descriptionBox___3mSWp {
    flex-flow: column;
    align-items: flex-start;
    width: 255px;
    flex: 1 1 400px;
    margin-left: 45px;
    margin-right: 15px;
}

.row-picker__description___6F9_s {
    text-align: left;
}

.row-picker__descriptionBox___3mSWp .row-picker__checkmark___pfjsR {
    position: static;
    left: auto;
    margin-left: 30px;
}

.new-multientity-event__newEvent___9aXhn {
    flex-direction: column;
    flex: 1 0 auto;
    padding: 1em 40px;
    border-bottom: 1px solid #dddddd;
}

.new-multientity-event__rowBox___3jdJk {
    margin-top: 8px;
    flex-direction: column;
    flex: 1 0 auto;
}

.new-multientity-event__deliveryMethod___1if2Q {
    display: flex;
    align-items: center;
}

.new-multientity-event__deliveryHeading___IncG7 {
    margin-right: 1em;
}

.new-multientity-event__segmentedControl___3djWp {
    background-color: #fff;
}

    .new-multientity-event__segmentedControl___3djWp > label {
        width: 120px;
    }

.new-multientity-event__nextButtonRow___2DV2q {
    justify-content: center;
}

.new-multientity-event__nextButton___12Ro2 {
    margin-top: 2em;
}

.event-table__table___1dnFQ {
    width: 100%;
}

.event-table__touchpointCell___3cA1f, .event-table__journeyCell___1RU25 {
    flex: 2 1;
}

.event-table__touchpointTypeCell___1YmA3, .event-table__actionCell___3FPel {
    flex: 1 1;
}

.event-table__clipContent___3ueTx {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.event-table__touchpointRow___16D6u a {
    font-weight: normal;
    color: #2b2b2b;
}

.event-table__touchpointRow___16D6u:hover a {
    color: rgb(0, 127, 175);
}

.event-table__touchpointRow___16D6u a:hover {
    text-decoration: underline;
}

.event-table__touchpointTypeCell___1YmA3 span {
    text-transform: capitalize;
}

.event-table__touchpointTypeCell___1YmA3 svg {
    position: relative;
    top: 4px;
    fill: transparent;
}

    .event-table__touchpointTypeCell___1YmA3 svg > g {
        fill: transparent;
        stroke: #5e5e5e;
    }

    .event-table__touchpointTypeCell___1YmA3 svg > path {
        fill: #5e5e5e;
    }

.event-table__importButton___3bsXm {
    transition: opacity 60ms;
    opacity: 0;
}

.event-table__touchpointRow___16D6u:hover .event-table__importButton___3bsXm {
    opacity: 1;
}

.event-table__iconBox___3d385 {
    width: 1.5em;
    margin-right: 1em;
}

/*
  this class is applied to the event table during save/import
  to avoid a rerender on the table or the rows unnecessarily
*/

.event-table__disabled___11nzy button {
    pointer-events: none;
}

.import__container___2b0eQ {
    width: 100%;
    flex-flow: column;
}

.import__searchInput____GUOj {
}

.import__header___dGDQS {
    justify-content: row;
    align-items: baseline;
    margin-bottom: 2em;
}

.import__headerText___1KFhp {
    flex: 1 1;
}

.settings__main___3PKqe {
    flex-flow: column;
    flex: 1 0 auto;
    background-color: #f7f7f7;
}

.templates__container___2e4c5 {
    align-items: flex-start;
    flex-direction: column;
    padding: 1em 40px;
}

.templates__header___rPd-D {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.templates__title___3aoDC {
}

.templates__button___DnDeT {
}

.templates__templatesGrid___3PEQ3 {
    flex-wrap: wrap;
}

.templates__templateCard___1xbjQ {
    position: relative;
    flex-direction: column;
    align-items: center;
    height: 300px;
    margin-right: 20px;
    margin-bottom: 40px;
}

.templates__templateCardPreview___2FzM3 {
    border: 3px #E6E6E6 solid;
    background: #fff;
    width: calc(376px * 0.5 + 20px);
    height: calc(536px * 0.5 + 30px);
    overflow: hidden; /* the iframe may peek outside this frame, awkwardly*/
}

.templates__templateCardTitle___1pswB {
    margin-top: 20px;
}

.templates__frame___2TSIs {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(376px + 30px);
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none; /* prevent clicking into iframe */
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; /* prevent selecting iframe's text content */
    width: 376px;
    height: 536px;
}

.templates__templateOverlay___3J84l {
    flex-flow: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(536px * 0.5);
    background-color: rgba(0,0,0,0.8);
    opacity: 0;
    transition: opacity 160ms ease;
}

    .templates__templateOverlay___3J84l:hover {
        opacity: 1;
    }

.templates__overlayView___2K2Xi {
    display: flex;
    flex: 1 0 auto;
    flex-flow: row;
    color: #fff;
    padding: 26px 23px;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
}

.templates__viewTextBox___3bB8n {
    align-items: center;
}

.templates__viewIcon___XuJRi {
    fill: rgb(0, 127, 175);
    width: 22px;
    height: 22px;
    margin-right: 13px;
}

.templates__overlayDupe___1kHVK {
    color: #fff;
    cursor: pointer;
    height: 50px;
    border-top: 1px solid #dddddd;
    justify-content: center;
    align-items: flex-end;
    padding: 6px 11px 0;
}

    .templates__overlayDupe___1kHVK strong {
        color: rgb(0, 127, 175);
    }

.general__content___2LGzT {
    max-width: 880px;
    flex-flow: column;
    flex: 1 0 auto;
    padding: 1em 40px;
    background-color: #f7f7f7;
}

.general__column___hQUQO {
    margin-top: 30px;
    max-width: 350px;
    flex-flow: column;
    flex: 1 0;
}

.general__leftColumn___27lgQ {
    margin-right: 20px;
}

.general__rightColumn___lNzGb {
}

.general__group___1qR6Z {
    flex-flow: column;
}

.general__label___1bAhH {
    margin: 12px 0 10px;
}

.general__sublabel___2F2rr {
    margin-bottom: 8px;
}

.general__textInput___2ew0p {
}

.general__textInput2___2NRt4 {
    margin-top: 6px;
}

.general__customization___32J9h {
    flex-flow: column;
}

.general__customInputs___2jok_ {
    flex-flow: column;
    flex: 0 0 260px;
    margin-right: 50px;
}

.general__sectionTitle___2ZJ6f {
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.general__colorPicker___XZyBl input[type='text'] {
    flex: 1 0;
    width: 0; /* NOTE (kyle): hack to fix input flex behavior */
}

.general__submit___1TYHv {
    margin-top: 80px;
    width: 100px;
    align-self: center;
}

.general__preview___1On2c {
    flex-flow: column;
}

.general__previewBox___2NdZP {
    flex-flow: column;
    width: 223px;
    padding: 40px 30px;
    border-top: 6px solid rgb(0, 127, 175);
    align-items: center;
}

.general__previewLogo___3fK9C {
    width: 68px;
    height: 33px;
    background: center no-repeat;
    background-size: contain;
}

.general__previewLogoBlank___3-a8C {
    background: #ededed;
    text-transform: uppercase;
    font-size: 11px;
    color: #5e5e5e;
    align-items: center;
    justify-content: center;
}

.general__previewText___2pOkR {
    font-size: 14px;
    margin: 35px 0 64px;
    text-align: center;
}

.general__previewButton___2__tg {
    align-self: stretch;
}

.general__previewButtonWhite___3zlbz {
    margin-top: 8px;
    background: #fff;
    color: rgb(0, 127, 175);
}

    .general__previewButtonWhite___3zlbz:hover {
        background-color: #fff;
    }

.index__main___3kwOe {
}

.index__title___3gIyM {
}

.index__breadcrumbDivider___Y0ZGT {
    color: #5e5e5e;
    margin: 0 20px;
    font-weight: lighter;
    transform: skewX(-12deg) scaleY(1.2);
}

.index__secondBreadcrumb___2sW6K {
    color: #5e5e5e;
}

.index__body___1ndvh {
    flex-flow: column;
    padding: 30px 40px;
    flex: 1 1;
}

.index__delete___wKzcS {
    margin-left: auto;
    cursor: pointer;
    align-self: center;
    font-weight: bold;
    font-size: 14px;
}

    .index__delete___wKzcS:hover {
        color: #000;
    }

.phone-numbers__root___1twao, .phone-numbers__section___3fxL4 {
    flex-flow: column;
}

.phone-numbers__root___1twao {
    padding: 1em 40px;
}

    .phone-numbers__root___1twao > .phone-numbers__section___3fxL4 {
        margin-bottom: 20px;
    }

.phone-numbers__section___3fxL4 > * {
    margin-bottom: 20px;
}

    .phone-numbers__section___3fxL4 > *:last-child {
        margin-bottom: 0;
    }

.phone-numbers__title___1djAN {
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.phone-numbers__box___1ZF3u {
    padding: 20px;
    max-width: 800px;
}

.phone-numbers__summaryLeft___38twb {
    flex: 2 0;
    flex-flow: column;
}

    .phone-numbers__summaryLeft___38twb > .phone-numbers__summaryNote___3oHt4 {
        margin-top: auto;
    }

.phone-numbers__summaryRight___3LCCI {
    flex: 1 0;
    flex-flow: column;
}

.phone-numbers__summaryLabel___1PPY0 {
    flex: 1 0;
    font-weight: 700;
}

.phone-numbers__summaryValue___1lp5C {
    flex: 1 0;
}

.phone-numbers__subSummaryRow___2a9T1 .phone-numbers__summaryLabel___1PPY0 {
    font-weight: normal;
    padding-left: 20px;
}

.phone-numbers__summaryNote___3oHt4 {
    font-size: 12px;
    font-style: italic;
}


/* prettier-ignore */
.options__input___2foID {
    margin: 0 10px;
}

.options__numberInput___2ATa- {
    width: 100px;
    margin-right: 10px;
}

    .options__numberInput___2ATa-:disabled {
        color: #5e5e5e;
        border-color: #c4c4c4;
        background: #dddddd;
    }

.options__numberInputError___n2bAm {
}

.options__typeaheadContainer___20t3k {
    width: 245px;
    padding: 0 10px;
}

.options__optionsBox___RNtJq {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 14px;
}

.options__readOnlyNotice___w3P1C {
    margin-bottom: 30px;
}

.options__optionRow___p2oA7 {
    align-items: baseline;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

    .options__optionRow___p2oA7:first-child {
        margin-top: 20px;
    }

    .options__optionRow___p2oA7:last-child {
        border-bottom-width: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.options__rowLabel___2NEl- {
    font-size: 16px;
    width: 200px;
    flex: 0 0 auto;
}

.options__dowSelector___32WVX {
    display: flex;
    color: #c4c4c4;
}

    .options__dowSelector___32WVX label {
        margin: 2px;
    }

        .options__dowSelector___32WVX label:first-child {
            margin-right: 2px;
        }

        .options__dowSelector___32WVX label + label {
            margin-left: 0;
            margin-right: 2px;
        }

    .options__dowSelector___32WVX input {
        visibility: hidden;
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden;
    }

    .options__dowSelector___32WVX span {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        width: 35px;
        height: 35px;
    }

        .options__dowSelector___32WVX span:hover {
            color: #9e9e9e;
        }

    .options__dowSelector___32WVX input:checked + span {
        background-color: rgb(0, 127, 175);
        color: #fff;
    }

        .options__dowSelector___32WVX input:checked + span:hover {
            background-color: #4aa2c4;
        }

.options__sendGroup___2mJz5 {
    flex-direction: column;
}
/* Note: this class is imported by other css */
.options__scheduleOptionRowHeader___HM8cu {
    width: 100px;
}

.options__headingLabel___3sfkL {
}

.options__sideLabel___1yCFn {
    margin-bottom: 11px;
    margin-top: 11px;
    font-weight: 300;
}

.options__headerInput___2gjtX {
    flex: 1 0 auto;
}

.options__formGroup___3JORq {
    display: flex;
    flex-grow: 1;
    align-items: baseline;
    margin-bottom: 20px;
}

    .options__formGroup___3JORq:last-child {
        margin-bottom: 0;
    }

.options__dayOfWeekGroup___yRWK9 {
    margin-top: 10px;
}

.options__sendTypeError___3toA- {
    margin-top: 10px;
    font-weight: bold;
    color: #db8200;
    max-width: 310px;
}

.options__sendTypeDescription___3Ndek {
    margin-top: 4px;
}

.options__recurringGroup___1J2Gn {
}

.options__scheduledGroup___1kmgC {
}

.options__numDaysContainer___2Hfcr {
}

.options__numDaysInputAndError___2QIn6 {
    align-items: baseline;
    margin-right: 10px;
}

.options__numDaysInput___1pxrE {
    width: 100px;
}

#app .options__repeatSelectorFreq___3kXf0 {
    margin-right: 10px;
    width: 120px;
}

.options__repeatDateGroup___FKRRB {
}

.options__dateTypeSelect___RUVJ7 {
    flex-direction: column;
}

.options__scheduledDateTypeOptions___2qhTW {
    flex-direction: row;
}

.options__timeSelectBox___3sJsQ {
    align-items: baseline;
}

.options__scheduledTimeSelectBox___2ps3M {
    flex-direction: column;
}

.options__timeBoxRow___1eIHr {
    align-items: center;
}

.options__timeBoxExtraRow___2ZG8G {
    margin-top: 20px;
}

.options__timeBoxText___1lbf5 {
    margin-right: 10px;
}

#app .options__beforeAfterSelector___2ZKnt,
#app .options__timeTypeSelector___1gTXI {
    margin-right: 10px;
    width: 10em;
}

.options__timeHourInput___3770V {
    width: 6em;
}

.options__delaySelect___2II_V {
    margin-left: 10px;
}

.options__sendTilEodSelectBox___6DUGN {
    margin-right: 10px;
}

.options__sendTilEodSelect___3YVGp {
    width: 156px;
}

.options__fieldValue___1BJBB {
    flex: 1 0 auto;
    align-items: baseline;
}

.options__fieldValueColumn___1zTDm {
    flex: 1 0;
}
/* Note: this class is imported by other css */
.options__warning___3kJRq {
    margin-left: 1em;
    color: #ea3556;
}

.options__dowError___jvYqe {
    align-self: center;
}

.options__fieldChangeGroup___fJaPX {
}

.options__reminderRow___Nu5ic {
    margin-top: -20px;
}

.options__deleteButton___2k0Xx,
.options__reminderDaysInput___2nDd0,
.options__reminderTypeSelector___39ews {
    margin: 0px 8px;
}

.options__reminderDaysInput___2nDd0 {
    width: 40px;
    padding: 0 0 0 12px;
}

.options__remindersList___1xDDW {
    flex-direction: column;
}

.options__remindersListItem___2FU2X {
    align-items: center;
    margin-bottom: 8px;
}

.options__addReminderButton___2ADM1 {
    /* slight position tweak to make the button align better with the row label */
    position: relative;
    top: 7px;
}

.options__deleteButton___2k0Xx {
    height: 24px;
    width: 24px;
    margin-right: 0;
    cursor: pointer;
}

    .options__deleteButton___2k0Xx:hover {
        opacity: 0.7;
    }

.options__duration___Apcmj {
    flex-flow: column;
}

.options__gracePeriodContainer___105jk {
    flex-direction: column;
}

.options__checkboxLabel___IlMQl {
    margin-left: 5px;
    align-self: center;
}

.options__gracePeriodLabel___3l39b {
}

.options__gracePeriodHours___KR4gG {
    margin-top: 20px;
    align-items: center;
}

.options__sendForEveryLabel___2Dj23 {
}

.options__inputError___qB8Lq {
    border: 1px solid #ea3556;
    background: #f4e2e6;
}

.options__toggleContainer___2gJXP div {
    margin: auto 10px;
}

    .options__toggleContainer___2gJXP div::before {
        border-color: #ff9800;
        background-color: #ff9800;
    }

.options__toggleLabel___yab3z {
}

.options__sending___hn_oU {
    margin-top: 20px;
}

.options__flexColumn___32XHy {
    flex-direction: column;
}

.options__pauseText___31TBW {
    margin-top: 20px;
}

.options__radioDisplay___1sFB0 {
    padding-bottom: 8px;
}

.options__scheduledSmsMessageContainer___2IVyJ {
    display: block;
}

    .options__scheduledSmsMessageContainer___2IVyJ a {
        color: rgb(0, 127, 175);
        text-decoration: underline;
    }

.options__campaignSendBetweenSeparator___ZdUzV {
    font-weight: bold;
    margin: 0 32px;
}

.options__campaignInputWithHelp___3fVH8 {
    display: flex;
    flex-direction: column;
}

.options__campaignHelpText___2z4XE {
    margin-top: 8px;
}

.options__campaignHelpTextError___RFSFi {
    color: #ea3556;
}

.options__checkboxFieldChangeGroup___zdnBD {
    align-items: center;
}

.options__checkboxLabelGroup___26hux {
    align-items: center;
    margin-right: 8px;
}

.options__endEarlyCheckboxLabel___2WNXu {
}

.options__campaignExpectedEndDate___1apmi {
    margin-left: 10px;
}

.index__input___2dop4 {
    margin-left: 20px;
    width: 400px;
    color: #5e5e5e;
}

.index__sendTypeSelector___2W178 {
    width: 320px;
}

.index__startsOnDateBox___1GSnn {
    width: 400px;
    margin-left: 20px;
}

.index__dateInput___1iNqX {
    width: 200px;
    margin-left: 0px;
}

.index__timeHourInput___2r7BS {
    width: 110px;
    margin-right: 10px;
}

.index__timePeriodInput___DlCWQ {
    width: 100px;
    margin-right: 10px;
}

.index__relativeDateBox___2195O {
    flex-direction: column;
    width: 436px;
}

.index__relativeDateBoxGroup___v7fKv {
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 20px;
}

.index__relativeDateText___3bBn9 {
    margin-left: 10px;
}

.index__relativeDateBoxGroup___v7fKv:last-child {
    margin-bottom: 0;
}

.index__relativeInput___3XlxP {
    padding: 15px;
    width: 80px;
    color: #5e5e5e;
}

.index__relativeTimeSelect___4j8ro {
    margin-left: 6px;
}

.index__relativeFieldSelect___Drfoa {
    flex: 0 0 auto;
    margin-left: 6px;
    width: 250px;
}

.index__relativeFieldError___2J8FC {
}

.index__dowRelativeDateBox___lv6ol {
    width: 580px;
    flex-direction: column;
}

.index__dowRelativeDateBoxGroup___38VWm {
}

.index__dowRelativeOrdinalSelect___1lNG8 {
    margin-right: 6px;
}

.index__dowRelativeDaySelect___2ywoy {
    margin-right: 6px;
}

.index__dowRelativeBeforeAfterSelect___6nJO8 {
    margin-right: 6px;
}

.index__dowRelativeFieldSelect___16gPC {
    flex: 0 0 245px;
}

.index__formGroup___gg15a {
    display: flex;
    align-items: baseline;
    margin-bottom: 20px;
}

.index__dateTypeGroup___2Lf_u {
    margin-top: 10px;
}

.index__repeatDateGroup___2d6Oe {
    flex-grow: 1;
}

.index__headingLabel___FtsJR {
    margin-bottom: 11px;
}

.index__dateTypeOptions___m3Hz5 {
    margin-left: 3px;
}

.index__columnContainer___i8mDj {
    flex-flow: column;
}

.index__sendTilEodSelect___3p37- {
    width: 256px;
    margin-right: 10px;
}

.index__recurringGroup___1ebFk {
}

.index__fieldChangeGroup___tjvxc {
    align-items: baseline;
    margin-bottom: 20px;
}

.index__delayGroup___1Zwkm {
    /*
  Margin adjustment needed to make vertical whitespace look even between
  this element and adjacent elements. This is due to the relative positioning
  of some of the form elements under this class.
   */
    margin-top: 10px;
    margin-left: 3px;
}

.index__delayNumInput___24YlL {
    width: 85px;
    vertical-align: top;
    /*
  Relative position alignment fix needed because the radio button css
  uses absolutely positioned :before :after pseduo-elements, which are
  really hard to align via normal mechanisms
   */
    position: relative;
    top: -12px;
}

.index__delayNumLabel___3HPR_ {
    margin-left: 10px;
}

.index__scheduleDurationOptions___2NwTR {
    margin-left: 3px;
    align-items: baseline;
}

.index__durationGroups___17hF5 {
    flex-direction: column;
}

.index__durationGroup___2f8yH {
    flex-direction: row;
    align-items: baseline;
    margin-top: 20px;
}

    .index__durationGroup___2f8yH:first-child {
        margin-top: 0;
    }

.index__durationGroup1___124u4 {
}

.index__durationGroup2___3i-vG {
}

.index__durationRadioLabel___1Y9nh {
    align-items: baseline;
}

.index__durationDatePicker___Plezc {
    margin-left: 10px;
}

.index__durationNumber___2FG3C {
    width: 70px;
    margin: 0 10px;
    padding-right: 5px;
}

.index__disabled___26Vm8 {
    opacity: 0.5;
}
/*
  This class sets the element's position to `relative` in order to
  anchor its absolutely-positioned children.
*/
.index__positionAnchor___T09n_ {
    position: relative;
}

.datetime-fieldset__formControlsAndError___2tXNz {
    flex-flow: column;
    margin: 20px 0;
}

.datetime-fieldset__dateAndTime___3S41G {
    align-items: center;
    flex-flow: wrap;
    margin: -10px -5px;
}

    .datetime-fieldset__dateAndTime___3S41G > * {
        margin: 10px 5px;
    }

.datetime-fieldset__dateAndTimeColumn___1tGKM {
    flex-flow: column;
}

    .datetime-fieldset__dateAndTimeColumn___1tGKM > * {
        margin: 0 0;
    }

.datetime-fieldset__datePicker___1IwFC {
    flex: 0 0 auto;
    /* as wide as the hour + period dropdowns combined */
    width: 220px;
    justify-content: space-between;
}

.datetime-fieldset__timeFields___1uhnJ {
    align-items: center;
}

.datetime-fieldset__menu___2ov9O {
    max-height: 150px;
}

.datetime-fieldset__timezone___2RHAY {
    text-decoration: underline dotted;
}

.datetime-fieldset__dateTimeError___1Q4No {
    margin-top: 10px;
}

    .datetime-fieldset__dateTimeError___1Q4No > li:last-child {
        margin-bottom: 0;
    }

.send-later__scheduleByDateContents___2al3t {
    flex-flow: column;
    background-color: #f7f7f7;
}

    .send-later__scheduleByDateContents___2al3t > * {
        margin: 16px;
    }

    .send-later__scheduleByDateContents___2al3t > hr {
        margin: 0;
    }

    .send-later__scheduleByDateContents___2al3t h4 {
        margin-bottom: 0;
    }

    .send-later__scheduleByDateContents___2al3t > div {
        margin-bottom: 0;
    }

.send-later-pane__sendLaterPane___1eLSj {
    background: #f7f7f7;
}

.send-later-pane__deleteButton___2QkkF {
    color: #ea3556;
}

    .send-later-pane__deleteButton___2QkkF svg {
        fill: #ea3556;
    }

    .send-later-pane__deleteButton___2QkkF:active {
        background: #ea3556;
    }

.send-later-pane__dateTimeFieldset___QpdTn {
    margin: 12px;
    margin-bottom: 4px;
}

.send-later-pane__timeSelector___KzDA9 {
    margin-top: 4px;
}

.select-list__option___1TUkH {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

.related-to-card__subhead___11o6Q {
    margin: 24px 12px 8px;
}

.related-to-card__section___17ml3 {
    flex-flow: column;
}

.related-to-card__input___3rnHR {
    width: 245px;
}

.related-to-card__selectListContainer___3srtN {
    margin-left: 12px;
}

.recipient-card__subhead___1XeL5 {
    margin: 12px 12px 8px;
}

.recipient-card__section___3Rjg6 {
    flex-flow: column;
}

.recipient-card__checklist___25dFD {
    flex-flow: column;
    list-style: none;
    padding: 0;
}

.recipient-card__checkbox___B7MK0 {
    margin: 0 12px;
}

.recipient-card__label___285i1 {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 8px 0;
    cursor: pointer;
}

.recipient-card__hr___2r7PC {
    margin: 12px 0;
    border: 1px solid #f7f7f7;
    border-bottom-width: 0;
}

.recipient-card__select___1CK_i {
    width: 245px;
    margin-left: 12px;
}

.slider__container___1v18C {
    flex-flow: column;
}

.slider__title___ppypn {
}

.slider__slider___3h5s5 {
    height: 32px;
    position: relative;
    border-radius: 4px;
    margin: 0 16px;
}

.slider__handle___hyivD {
    cursor: grab;
    position: absolute;
}

.slider__startHandle___ykwdN {
    transform: translate(-50%, 0);
}

.slider__endHandle___2loCF {
    transform: translate(-50%);
}

.slider__track___2uD2G {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    background-color: #dddddd;
    border-radius: 1.5px;
    height: 4px;
}

.slider__activeTrack___opvVs {
    position: relative;
    background: rgb(0, 127, 175);
}

.more-filters-card__entityFilterType___39nL2 {
    background: #f7f7f7;
    padding: 12px;
    margin-bottom: 12px;
}

.more-filters-card__subhead___GpnxB {
    margin: 12px 12px 8px;
}

.more-filters-card__containerWrap___1b3UZ {
    flex: 1 0 auto;
    flex-flow: column nowrap;
    width: auto;
}

.more-filters-card__columnWrap___dAMyE {
    width: auto;
    flex-flow: row nowrap;
}

.more-filters-card__column___3saR5 {
    flex: 1 0 25%;
    width: 220px;
    flex-flow: column nowrap;
}

.more-filters-card__section___3j7wD {
    flex-flow: column nowrap;
}

.more-filters-card__center___1ygZZ {
    justify-content: center;
    align-items: center;
}

.more-filters-card__actionRow___sGaW2 {
}

.more-filters-card__input___1yQq4 {
    width: 195px;
}

.more-filters-card__selectListContainer___1WmIf {
    margin-left: 12px;
}

.more-filters-card__emptyText___1n3Mr {
    margin: 0 12px 8px;
    font-size: 14px;
    color: #5e5e5e;
}

.more-filters-card__emptyTitle___18GrB {
    font-size: 14px;
}

.more-filters-card__settingsLink____7r8o {
    font-size: 14px;
}

.more-filters-card__filter___1kFH4 {
    width: 195px;
    margin-left: 12px;
}

.index__container___39HJc {
    margin-bottom: 32px;
}

.index__button___2O0pG,
.index__textButton___8Imvs,
.index__textButton___8Imvs:before {
    margin-right: 12px;
}

.index__textButton___8Imvs {
    color: rgb(0, 127, 175);
}

    .index__textButton___8Imvs:before {
        content: '';
        height: 20px;
        width: 1px;
        background: #c4c4c4;
    }

.index__textButtonDisabled___-hYZF {
}

.index__filter___2lNde {
    position: relative;
}

.index__filterCard___3lego {
    position: absolute;
    top: 40px;
    z-index: 2;
}

.summary-stats__statsRow___WSDDX {
    flex-direction: row;
    margin-bottom: 14px;
}

.summary-stats__singleStatsBox___3XH8w {
    display: flex;
    margin: 0 3px;
    height: 110px;
    max-width: 200px;
    flex: 1 0;
    flex-direction: column;
    padding: 20px 3px;
    justify-content: space-between;
    text-align: center;
    border: 1px solid #ededed;
    border-radius: 5px;
    background: #f7f7f7;
    text-transform: capitalize;
}

    .summary-stats__singleStatsBox___3XH8w:first-child {
        margin-left: 0;
    }

.summary-stats__linkedSingleStatsBox___1ZLF3 {
    cursor: pointer;
}

    .summary-stats__linkedSingleStatsBox___1ZLF3:hover {
        background-color: #fff;
    }

.summary-stats__singleStatsBoxActive___2HrBD {
    background-color: #fff;
}

.summary-stats__singleStatsBoxRawCount___38FrT {
    font-size: 24px;
    justify-content: center;
}

.summary-stats__singleStatsBoxType___uGYhb {
    font-size: 12px;
    justify-content: center;
}

.summary-stats__singleStatsBoxPct___IvwJL {
    font-size: 14px;
    justify-content: center;
}

.summary-stats__loader___1LSvU {
    /* NOTE (kyle): somehow the resolved height of the box when text is inside */
    height: 28px;
}

    .summary-stats__loader___1LSvU > div {
        width: 20px;
        height: 20px;
    }


.time-series__container___1dfYt {
    width: 100%;
    font-size: 12px;
    color: #444444;
}

.time-series__header___1hYd7 {
    flex: 0 0 66px;
    flex-wrap: wrap;
    padding: 0 3em 0 0.5em;
}

.time-series__title___1MkY3 {
    flex: 1 1;
    position: relative;
}

.time-series__h4___3sx_t {
    font-size: 14px;
    white-space: nowrap;
    position: absolute;
    left: 100%;
    margin-left: -3em;
    align-items: center;
    height: 100%;
}

.time-series__titlePad___5AOYL {
    flex: 3 3;
}

.time-series__key___1m6bf {
    flex: 6 6;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.time-series__keyColor___3CFq6 {
    width: 1em;
    height: 1em;
    border-radius: 1em;
    margin-left: 2em;
    margin-right: 0.5em;
}

.time-series__keyText___2scad {
    color: #5e5e5e;
}

.time-series__content___2VKg5 {
    flex: 0 0 330px;
    width: 100%;
    padding-bottom: 2em;
}

.time-series__leftArea___16o_Q {
    /* NOTE (kyle): this width is specific to analytics */
    flex: 0 0 60px;
}

.time-series__yAxis___2lrYS {
    flex: 9 0;
    position: relative;
}

.time-series__yLabel___2XCCM {
    position: absolute;
    bottom: 0;
    left: 100%;
    margin-left: -2.2em;
    color: #5e5e5e;
}

.time-series__yTick___3svhR {
    position: absolute;
    width: 100%;
}

.time-series__yMark___TOHpZ {
    position: absolute;
    border-top: 1px solid #f7f7f7;
    width: 100%;
}

    .time-series__yMark___TOHpZ:nth-child(odd) {
        background-color: #fff;
    }

.time-series__yVal___Fz3Wp {
    position: absolute;
    top: -0.5em;
    left: 100%;
    margin-left: -2.5em;
}

.time-series__empty___2YJNH {
    flex: 1 0;
}

.time-series__rightArea___WDKbw {
    position: relative;
    flex: 9 0;
    width: 0;
}

.time-series__graph___2zVhH {
    flex: 9 0;
}

.time-series__svg___2NtCe {
    position: relative;
    overflow: visible;
    flex-grow: 1;
    z-index: 1;
}

.time-series__circle___2Bzon {
    /* stroke: #AFAFAF; */
}

.time-series__xAxis___1IppI {
    flex: 1 0;
    border-top: 1px solid #ededed;
    position: relative;
}

.time-series__xLabel___3-d6o {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 1.5em;
    margin-left: -3em;
    color: #5e5e5e;
}

.time-series__xTick___2QEEe {
    position: absolute;
    padding-top: 1.5em;
}

.time-series__xMark___12Mu_ {
    background-color: #dddddd;
    position: absolute;
    width: 1px;
    height: 5px;
    top: 0;
    left: -1px;
}

.time-series__xVal___28oXQ {
    position: relative;
    left: -50%;
}

@media (max-width: 700px) {
    .time-series__header___1hYd7 {
        padding: 0 1em;
    }

    .time-series__h4___3sx_t {
        margin-left: -2em;
    }

    .time-series__content___2VKg5 {
        padding: 0.5em 1em 1em 1em;
    }

    .time-series__yLabel___2XCCM {
        margin-left: -1.3em;
    }

    .time-series__yVal___Fz3Wp {
        margin-left: -1.7em;
    }

    .time-series__xLabel___3-d6o {
        margin-left: -2em;
    }
}

.time-series__zero___8GLkJ {
    flex: 1 0;
    align-items: center;
    justify-content: center;
    height: 100px;
    position: relative;
}

/* axis classes */

.axis__leftAxis___3p1V_ {
    flex: 9 0;
    position: relative;
}

.axis__bottomAxis___3_4QK {
    flex: 1 0;
    border-top: 1px solid #dddddd;
    position: relative;
}

/* label clases */

.axis__leftLabel___DWsu3 {
    position: absolute;
    bottom: 0;
    left: 100%;
    margin-left: -2.2em;
    color: #5e5e5e;
}

.axis__bottomLabel___2ieys {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 1.5em;
    margin-left: -3em;
    color: #5e5e5e;
}

/* tick classes */

.axis__leftTick___BJTHU {
    position: absolute;
    width: 100%;
}

.axis__bottomTick___3wKLS {
    position: absolute;
    padding-top: 1.5em;
}

/* tick line classes */

.axis__leftTickLine___3oCdD {
    background-color: #dddddd;
    position: absolute;
    width: 5px;
    height: 1px;
    right: 0;
    top: -1px;
}

.axis__bottomTickLine___1qmKY {
    background-color: #dddddd;
    position: absolute;
    width: 1px;
    height: 5px;
    top: 0;
    left: -1px;
}

/* tick value classes */

.axis__leftTickValue___1DK54 {
    position: absolute;
    top: -0.5em;
    left: 100%;
    margin-left: -2.5em;
}

.axis__bottomTickValue___2gVkC {
    position: relative;
    left: -50%;
}

@media (max-width: 700px) {
    .axis__leftLabel___DWsu3 {
        margin-left: -1.3em;
    }

    .axis__leftTickValue___1DK54 {
        margin-left: -1.7em;
    }

    .axis__bottomLabel___2ieys {
        margin-left: -2em;
    }
}

.axis__axisTitle___2zbk0 {
    transform-origin: 50% 50%;
}

.grid__yMark___2Yl5W {
    stroke: #dddddd;
    stroke-width: 1px;
}

.grid__xMark___1Wko1 {
    stroke: #777777;
    stroke-dasharray: 1 8;
    stroke-width: 2px;
}

.legend__legend___2_lNB {
    flex: 6 6;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.legend__keyColor___17QOq {
    width: 1em;
    height: 1em;
    border-radius: 1em;
    margin-left: 2em;
    margin-right: 0.5em;
}

.legend__keyText___2L1Fe {
    color: #5e5e5e;
}

.unit-chart__container___2qsC0 {
    flex-flow: column;
    padding: 20px 20px 0 0;
    margin: 0 0 20px;
}

.unit-chart__units___3IaLB {
    justify-content: flex-end;
    margin-bottom: 20px;
}

.unit-chart__unitButton___tG4Cm {
    width: 210px;
}

.link-stats__actions___NFxzp {
}

.link-stats__actionColumn____4gRK {
}

.link-stats__tableContainer___2p5OS {
}

.link-stats__smallCell___TuyFW {
    flex: 0.2 1 100px;
}

.link-stats__button___37MFb {
    display: flex;
}

.link-stats__viewAllButton___uztXV {
    width: 150px;
    align-self: flex-end;
}

.link-stats__exportButton___xcKrU {
    align-self: flex-end;
}

.link-stats__sent___3TXvp {
    color: rgb(251, 209, 93);
}

.link-stats__clicked___1xh2t {
    color: rgb(147, 39, 143);
}

/* prettier-ignore */
.index2__table___dEPGY {
}

.index2__subtitle___jZDfW {
}

.index2__button___psmpb {
}

.index2__actions___jA72h {
}

.index2__tableContainer___1LWAm {
}

.index2__container___1GZGB {
    flex: 1 0;
    flex-flow: column;
    width: 100%;
}

.index2__filters___25wMQ,
.index2__stats___29tA6 {
    margin-bottom: 20px;
}

.index2__tableScore___3-Jp6 {
    font-weight: bold;
}

.index2__negative___3fxm9 {
    color: #ea3556;
}

.index2__neutral___3Q9q8 {
    color: rgb(251, 209, 93);
}

.index2__positive___12YBZ {
    color: rgb(30, 151, 94);
}
/* statuses */
.index2__tableStatus___2fFAd {
    align-items: center;
}

.index2__open___3eEGx,
.index2__responded___1-h0B {
    color: rgb(30, 151, 94);
}

.index2__sent___2ayjo {
    color: rgb(251, 209, 93);
}

.index2__bounced___5Cjt0 {
    color: #ea3556;
}

.index2__exportButton___2nyJk {
    display: flex;
}

.index2__loaderWrapper___DeL3x {
    align-items: center;
    justify-content: center;
    flex: 1 0;
    align-self: stretch;
}

.index2__chartTitle___2X9UJ {
    font-size: 18px;
    margin-bottom: 12px;
}

.index2__zero___ncIKb {
    margin-bottom: 20px;
}

.index2__engagementChartZero___2w6kl {
    margin-bottom: 44px;
}

.index2__chartContainer___2JyQB {
}

.index2__container___1GZGB > .index2__chartContainer___2JyQB {
    margin-bottom: 44px;
}

.index2__barChartContainer___2LcvI {
}

    .index2__barChartContainer___2LcvI > .index2__barChartContent___1YbxD {
        flex-basis: auto;
    }

.charts__container___tRiZr {
    width: 100%;
    font-size: 12px;
    color: #444444;
}

.charts__header___34OVo {
    flex: 0 0 66px;
    flex-wrap: wrap;
    padding: 0 3em 0 0.5em;
}

.charts__title___kY2Pw {
    flex: 1 1;
    position: relative;
}

.charts__h4___2m3HR {
    font-size: 14px;
    white-space: nowrap;
    position: absolute;
    left: 100%;
    margin-left: -3em;
    align-items: center;
    height: 100%;
}

.charts__titlePad___2GaDv {
    flex: 3 3;
}

.charts__content___3DDsx {
    position: relative;
    flex: 0 0 330px;
    width: 100%;
    padding: 2em;
    padding-top: 0;
}

.charts__chart___15Fcu {
    flex: 9 0;
    width: 100%;
}

.charts__svg___2-nbx {
    position: relative;
    overflow: visible;
    flex-grow: 1;
    z-index: 1;
}

@media (max-width: 700px) {
    .charts__header___34OVo {
        padding: 0 1em;
    }

    .charts__h4___2m3HR {
        margin-left: -2em;
    }

    .charts__content___3DDsx {
        padding: 0.5em 1em 1em 1em;
    }
}

.charts__zero___1Fcmb {
    flex: 1 0;
    align-items: center;
    justify-content: center;
    height: 100px;
    position: relative;
}

.charts__clickable___21SV1 {
    cursor: pointer;
}

.charts__showMoreButton___30AJU {
    position: absolute;
    z-index: 1;
}

.grouped-bar-chart__container___3vWSh {
    position: relative;
    flex-flow: column;
    padding: 20px 20px 0 0;
    margin: 0 0 20px;
}

.grouped-bar-chart__sortOptions___1uz7e {
    width: 248px;
}

.grouped-bar-chart__topSection___2Z3E6 {
    justify-content: flex-end;
    margin-bottom: 20px;
}

.grouped-bar-chart__showMoreButton___13zW3 {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.audience__table___1Q4Fd {
}

.audience__centerLastColumn___1qBks {
}

.audience__subtitle___364w8 {
}

.audience__button___341qP {
}

.audience__exportButton___2nMK2 {
}

.audience__exportButtonDisabled___ud6DK {
}

.audience__header___2mGdX {
    align-items: center;
}

.audience__title___1sXYJ {
    flex: 1 0;
    text-transform: capitalize;
}

.audience__fileInput___TV6fw {
    display: none;
}

.audience__enter___3OmZl {
    position: absolute;
    width: 100%;
    opacity: 0.01;
}

    .audience__enter___3OmZl.audience__enterActive___2hcOd {
        opacity: 1;
        transition: opacity 0.3s, height 0.3s;
    }

.audience__leave___G5Of3 {
    opacity: 1;
}

    .audience__leave___G5Of3.audience__leaveActive___3OfsF {
        height: 189px;
        opacity: 0.01;
        transition: opacity 0.3s, height 0.3s;
    }

.audience__editor___3yIgN.audience__enter___3OmZl {
    height: 44px;
}

    .audience__editor___3yIgN.audience__enter___3OmZl.audience__enterActive___2hcOd {
        height: 189px;
    }

.audience__editor___3yIgN.audience__leave___G5Of3 {
    height: 189px;
}

    .audience__editor___3yIgN.audience__leave___G5Of3.audience__leaveActive___3OfsF {
        height: 44px;
    }

.audience__filterStatusWarning___21p5_ {
    margin-bottom: 20px;
}

.filter-processing__filterCancel___2MlqX {
    justify-self: flex-end;
    color: rgb(181, 132, 69);
    cursor: pointer;
    margin-left: 80px;
    margin-right: 28px;
}

    .filter-processing__filterCancel___2MlqX:hover {
        color: #ea3556;
    }

.filter-processing__audienceNoticeLoading___3GEfZ {
    flex-grow: unset;
    margin-right: 20px;
}

.filter-processing__warningLoader___3PKsW {
    background: url(/assets.sensehq.com/hashed/static/client/images/19c34e1f34ebacd5313a8ca96d9d879b.png) no-repeat;
    background-size: 100%;
    width: 39px;
    height: 39px;
}

.filter-processing__generatingLoader___2-aVQ {
    background: url(/assets.sensehq.com/hashed/static/client/images/bf199c936f445ada91989a54ee708f63.png) no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .filter-processing__warningLoader___3PKsW {
        background-image: url(/assets.sensehq.com/hashed/static/client/images/d4df4df208c7b206bd158c923fbb9071.png);
    }

    .filter-processing__generatingLoader___2-aVQ {
        background-image: url(/assets.sensehq.com/hashed/static/client/images/5e31008a593f833c804cdb361fe20330.png);
    }
}

.filter-processing__audienceNotice___1Tj5O {
    margin-bottom: 20px;
}

.filter-processing__audiencePreviewTable___3tx8q {
    cursor: none;
    pointer-events: none;
    opacity: 0.5;
}

.filter-processing__generating___17CRt {
    align-self: flex-end;
    align-items: center;
    margin-right: 8px;
}

.filter-processing__filterStatusText___2HcmT {
    flex-flow: column;
    flex: 1 1;
}

.roi-status__roiStatus___30N9X {
    margin-bottom: 25px;
}

.roi-status__roiStatusWarning___32OnE {
    background: #f6f2e6;
    color: rgb(181, 132, 69);
    border-color: rgb(251, 209, 93);
}

.roi-status__roiStatusError___2tqwA {
    background: #f4e2e6;
    color: rgb(168, 41, 65);
    border-color: #ea3556;
}

.roi-status__inner___1-HYh {
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    align-items: center;
}

.roi-status__text___hnOf7 {
    flex: 1 0 auto;
    flex-direction: column;
}

.roi-status__upperText___3Sq-E {
    font-weight: bold;
    margin: 0 0 0.25em;
}

.roi-status__lowerText___iXpBS {
    margin: 0;
}

.roi-status__button___3GOQm {
    display: flex;
    flex: 0 1 auto;
}

.roi-status__warningButton___qECFy {
    background: rgb(181, 132, 69);
    border-color: rgb(181, 132, 69);
}

    .roi-status__warningButton___qECFy:hover {
        background-color: rgb(251, 209, 93);
        border-color: rgb(181, 132, 69);
    }

    .roi-status__warningButton___qECFy:active {
        border-color: rgb(251, 209, 93);
    }

.roi-status__errorButton___1gF4S {
    background: rgb(168, 41, 65);
    border-color: rgb(168, 41, 65);
}

    .roi-status__errorButton___1gF4S:hover {
        background-color: #ea3556;
        border-color: rgb(168, 41, 65);
    }

    .roi-status__errorButton___1gF4S:active {
        border-color: #ea3556;
    }

.roi-status__icon___328oS {
    height: 48px;
    width: 48px;
    margin-right: 20px;
}

.roi-status__loadingIcon___3DqzY {
}

.roi-status__warningIcon___YGUYk,
.roi-status__errorIcon___2H-M7 {
}

    .roi-status__warningIcon___YGUYk path {
        fill: rgb(181, 132, 69);
    }

    .roi-status__errorIcon___2H-M7 path {
        fill: rgb(168, 41, 65);
    }

.index__subtitle___3WUst {
    font-size: 18px;
    margin-bottom: 12px;
    margin-top: 44px;
}

.index__zero___10dKz {
    background: none;
    border: none;
    margin-top: 40px;
}

.index__zeroIcon___KKXp4 {
    width: 100px;
    height: 100px;
    margin-bottom: 40px;
}

.index__zeroTitle___1QwCQ {
    font-size: 20px;
    color: unset;
    margin-bottom: 8px;
    font-family: unset;
}

.index__titleRow___oAJCi {
}

.retention-grid__container___1yGRn {
    flex-flow: column;
    align-items: center;
    padding: 20px;
    margin: 0 0 20px;
}

.retention-grid__content___1GK1t {
    display: grid;
    grid-column-gap: 0.4vw;
    grid-row-gap: 0.4vw;
    width: 100%;
}

.retention-grid__text___2D3H2 {
    color: #777777;
    font-size: 1vw;
    letter-spacing: 1px;
    align-items: center;
    justify-content: center;
}

.retention-grid__headerItem___3oEkM {
    grid-row: 2;
    text-align: center;
}

.retention-grid__box___28p1d {
    position: relative;
    border-radius: 2px;
    font-size: 1vw;
    letter-spacing: 1px;
    text-align: center;
    /* NOTE(elliot): Aspect ratio is 60% because
   * the original width to height ratio was 61 -> 36
   * which is around 60%. */
    padding-top: 60%;
    align-items: center;
    justify-content: center;
    background-color: #e5efe5;
    color: #39833c;
}

/* NOTE(elliot): mozilla uses height for aspect ratio. */

@-moz-document url-prefix() {
    .retention-grid__box___28p1d {
        padding-top: 40%;
    }
}

.retention-grid__boxValue___lmdj- {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.retention-grid__y___2qhbJ {
    grid-column: 1;
    text-align: right;
    margin-right: 8px;
}

.retention-grid__top___7U-z- {
    display: flex;
    margin-bottom: 12px;
}

.retention-grid__titleText___3eWcZ {
    color: #777777;
    font-size: 1.15vw;
}

.retention-grid__yTitle___2M57k {
    grid-row: 1;
    grid-column: 1;
}

.retention-grid__title___SqJpU {
    grid-row: 1;
    grid-column-start: 2;
    justify-self: center;
}

.redeployment-grid__grid___1K4VR {
    padding: 3vw 1.5vw 1.5vw 3vw;
}

.highlights__container___mQKkp {
    flex-flow: column;
}

.highlights__title___1MWTT {
    font-size: 18px;
    margin-bottom: 12px;
}

.highlights__box___2Z9RN {
    display: flex;
    padding: 24px;
    justify-content: space-between;
    text-align: center;
}

    .highlights__box___2Z9RN > * {
        flex: 1 1;
    }

.highlights__highlight___KGj18 {
    flex-flow: column;
}

.highlights__highlightIconRow___2tu2L {
    font-size: 24px;
    align-items: center;
    margin-bottom: 12px;
}

    .highlights__highlightIconRow___2tu2L svg {
        margin-right: 8px;
    }

.highlights__bold___yGcYG {
}

.flagging-settings-link__settingsLink___2uMGS {
    color: rgb(0, 127, 175);
}

    .flagging-settings-link__settingsLink___2uMGS:hover {
        color: rgb(0, 127, 175);
    }

.all-responses__container___sPzK5 {
    flex: 1 0;
    flex-flow: column;
    width: 100%;
}

.all-responses__eventResponses___XWx-5 {
    display: flex;
}

    .all-responses__eventResponses___XWx-5 > * {
        flex-grow: 1;
    }

/* prettier-ignore */
.messages__outbound___1S3r_ {
    color: #ea3556;
}

.messages__inbound___3ogKG {
    color: rgb(0, 127, 175);
}

.messages__contactsReached___3nyUL {
    color: #4caf50;
}

.messages__uniqueConversations___18e1b {
    color: rgb(121, 85, 72);
}

.messages__responseRate___KdY7u {
    color: rgb(147, 39, 143);
}

.messages__responseTime___FKrlB {
    color: rgb(96, 125, 139);
}

.messages__bounced___xz0UM {
    color: #05a6e4;
}

.messages__root___2n0T0 {
}

.messages__titleRow___UsYYp {
}

.messages__title___3c6QO {
}

.messages__left___37TWS {
}

.messages__loading___2-z3A {
    height: 110px;
    margin-bottom: 15px;
}

.multiple-choice__chart___3HjGK {
    max-width: 70%;
    margin-top: 44px;
}

.multiple-choice__chartContainer___2pGWW {
}

    .multiple-choice__chartContainer___2pGWW > .multiple-choice__chartContent___1sv68 {
        padding: 0;
        flex-basis: auto;
    }

.key-value-table__tableContainer___2bEXW {
    display: inline-block;
}

    .key-value-table__tableContainer___2bEXW td {
        padding-right: 40px;
    }

.shared__section___2XF_1 {
    flex-direction: column;
    padding: 20px;
}

    .shared__section___2XF_1 > * {
        margin-bottom: 20px;
    }

        .shared__section___2XF_1 > *:last-child {
            margin-bottom: 0;
        }

.shared__heading___2V5Te {
}

.shared__barChart___2Qawz {
    margin-top: 20px;
}

.outbound__byAgent___3Xfwh {
}

.outbound__byAgentHeading___2TAPK {
}

.outbound__barChart___1C2_T {
}

.inbound__byAgent___1Cc-t {
}

.inbound__byAgentHeading___3tAZ1 {
}

.inbound__barChart___3h67m {
}

.contacts__byAgent___3pKvM {
}

.contacts__byAgentHeading___3psFF {
}

.contacts__barChart___1YwdV {
}

.conversations__section___2DSGz {
}

.conversations__definition___3jy2K {
    flex-direction: column;
}

.conversations__definitionHeading___2r1Kv {
}

.conversations__byAgent___KSMnL {
    flex-direction: column;
}

.conversations__byAgentHeading___1jji4 {
}

.conversations__barChart___3u4r1 {
}

.response-rate__section___2Rbhw {
}

.response-rate__definition___y5S8t {
    flex-direction: column;
}

.response-rate__definitionHeading___-geov {
}

.response-rate__byAgent___10FaB {
    flex-direction: column;
}

.response-rate__byAgentHeading___27zHo {
}

.response-rate__barChart___T6oSW {
}

.response-time__section___A9ESf {
}

.response-time__definition___2rqxS {
    flex-direction: column;
}

.response-time__definitionHeading___JBd4l {
}

.response-time__byAgent___3n2Qa {
    flex-direction: column;
}

.response-time__byAgentHeading___1p_VU {
}

.response-time__barChart___1zSha {
}

.bounced__section___hS8RN {
}

.bounced__definition___2gvSa {
    flex-direction: column;
}

.bounced__definitionHeading___1z3C2 {
}

.percent-change__container___14zk1 {
    align-items: center;
}

.percent-change__arrow___1hvJo {
    width: 11px;
    height: 9px;
    fill: #4caf50;
}

.percent-change__value___O_pee {
    font-size: 30px;
    margin: 0 0.2em;
    color: #4caf50;
}

.percent-change__sign___TfA4L {
    font-size: 14px;
}

.percent-change__container___14zk1.percent-change__negative___5hGcQ .percent-change__arrow___1hvJo {
    fill: #ea3556;
}

.percent-change__container___14zk1.percent-change__negative___5hGcQ .percent-change__value___O_pee {
    color: #ea3556;
}


.header__header___3bq_J {
}

.header__npsNumber___2HNqJ {
    flex-flow: column;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 20px;
}

.header__npsValue___2jc6j {
    font-size: 50px;
    color: #2b2b2b;
}

.header__npsLabel___34eBE {
}

.header__overallPercent___36ByR {
    margin-bottom: 28px;
}

.header__empty___UHlBh {
    font-size: 56px;
    color: #c4c4c4;
}

.responses-table__tableTabs___1-v-P {
    display: inline-flex;
    width: -moz-fit-content;
    width: fit-content;
    height: 56px;
    border: 1px solid #dddddd;
}

.responses-table__tableTab___3ttKF {
    padding: 0 32px;
    align-items: center;
    border-right: 1px solid #dddddd;
    justify-content: space-between;
    cursor: pointer;
    font-size: 14px;
}

    .responses-table__tableTab___3ttKF:last-child {
        border-right: none;
    }

    .responses-table__tableTab___3ttKF:hover {
        background-color: #ededed;
    }

.responses-table__selectedTableTab___3c4DT {
    background-color: #fff;
    color: inherit;
}

    .responses-table__selectedTableTab___3c4DT:hover {
        background-color: #fff;
    }

.responses-table__tableTab___3ttKF svg {
    margin-left: 12px;
}

.responses-table__tableTabHasIcon___Qg9wl {
    padding-right: 20px;
}

.responses-table__centeredColumn___3X2iA {
    min-width: 200px;
    display: flex;
    flex: 0 0 auto;
    padding-right: cell-padding-horizontal;
    justify-content: center;
}

    .responses-table__centeredColumn___3X2iA svg {
        opacity: 0;
        transform: rotate(180deg);
        margin-left: 5px;
        margin-right: -15px;
        stroke: rgb(0, 127, 175);
        fill: none;
        transition: 0.15s opacity;
    }

/* prettier-ignore */
.filters__filter___16e5T {
    display: flex;
    margin-right: 15px;
    height: 36px;
    padding: 0 15px;
    align-items: center;
    border-radius: 18px;
    font-size: 14px;
    color: #5e5e5e;
    border: 1px solid #dddddd;
    cursor: pointer;
}

    .filters__filter___16e5T:hover {
        filter: brightness(80%);
    }

.filters__filterOn___nCXHv {
    background: rgb(0, 127, 175);
    border-color: rgb(0, 127, 175);
    color: #fff;
    font-weight: bold;
}

.filters__container___1PTJq {
    flex-flow: column;
}

.filters__title___1jDix {
    margin-bottom: 16px;
    align-items: center;
}

.filters__helpTooltip___2WPfZ {
    margin-left: 8px;
}

.segmented-bar__container___3M79P {
    flex-direction: column;
}

.segmented-bar__bar___3MuZl {
    padding: 5px;
    font-size: 14px;
    color: #fff;
}

.segmented-bar__clickableBar___BGIBO {
    cursor: pointer;
}

.segmented-bar__label___2Ajl0 {
    padding: 5px;
    font-size: 14px;
}

.segmented-bar__emptyBar___2ZMkC {
    padding: 5px;
    justify-content: center;
    border: 1px dashed #aaaaaa;
    color: #aaaaaa;
    margin-bottom: 24px;
}

.tabs__container___10IQ4 {
    font-size: 14px;
    margin-bottom: 25px;
}


.tabs__tab___1GiyE {
    display: flex;
}


    .tabs__tab___1GiyE::before {
        content: '';
        margin: 0 20px;
        width: 1px;
        background: #dddddd;
    }


    .tabs__tab___1GiyE:first-child::before {
        display: none;
    }


    .tabs__tab___1GiyE:hover {
        color: rgb(0, 127, 175);
    }


.tabs__tabActive___rl7df {
    color: rgb(0, 127, 175);
    font-weight: bold;
    cursor: default;
}




.index__container___3Z7lU {
    flex: 1 0 auto;
    flex-flow: column;
    max-width: 100%;
}

.index__separator___-E93H {
    height: 1px;
    background: #dddddd;
    margin: 12px 0 16px 0;
}

.index__npsBars___22ylI {
    flex-flow: column;
    margin-bottom: 12px;
}

.index__titleIcon___1qaTf {
    margin-right: 12px;
}

.index__title___1pfpP {
    align-items: center;
}

.index__filters___3jjuW {
    flex-flow: column;
    margin: 32px 0;
}

.index__npsTypeFilters___1TNT- {
    margin-bottom: 20px;
}

.index__zero___8arrr {
    background: none;
    border: none;
    margin-top: 40px;
}

.index__zeroNpsIcon___2U0Pa {
    width: 100px;
    height: 100px;
    margin-bottom: 40px;
}

.index__zeroTitle___14-Vc {
    font-size: 20px;
    color: unset;
    margin-bottom: 8px;
    font-family: unset;
}

.nps__bar____9wHq {
    margin-bottom: 20px;
}

.nps__themeFilters___1dFW5 {
    margin: 32px 0;
}

/* prettier-ignore */
.engagement__bg___12ELE {
    padding-bottom: 20px;
    flex-grow: 1;
}

.engagement__container___3bDsD {
    flex: 1 1 776px;
}

.engagement__header___1FHEb {
    margin-bottom: 1em;
}

.engagement__title___2BKnC {
}

.engagement__dateRange___1MTrp {
    margin-right: 90px;
}

.engagement__streaks___2BAsH {
}

.engagement__streak___2fkBq {
    margin-bottom: 0.5em;
}

.engagement__key___LJpce {
    margin: 1em;
}

    .engagement__key___LJpce .engagement__response___tzBe- {
        margin-right: 0.5em;
    }

.engagement__table___htdrw {
    border-left: 1px solid #dddddd;
    font-size: 14px;
}

.engagement__tr___2YLmT {
}

    .engagement__tr___2YLmT:nth-child(even) .engagement__cell___3BjO6 {
        background-color: #f7f7f7;
    }

.engagement__cell___3BjO6 {
    padding: 0.5em 1em;
    min-height: 30px;
    border-right: 1px solid #dddddd;
    background: #fff;
}

.engagement__td___1fTCS {
    flex: 0 0 auto;
    width: 180px;
}

.engagement__name___rw11a {
    flex: 0 0 auto;
    text-align: left;
}

.engagement__activity___1cIFa {
    flex: 0 0 auto;
    width: 100px;
}

.engagement__th___1bLzN {
    border-bottom: 1px solid #dddddd;
    justify-content: center;
}

.engagement__nameTh___g8TOn {
}

.engagement__activityTh___1_CuA {
}

.engagement__sorts___KdwNr {
    flex: 1 1 auto;
    width: 100%;
    margin-top: 10px;
}

.engagement__sort___floyc {
    flex: 1 1;
    color: #5e5e5e;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
}

.engagement__sorted___2melD {
    text-decoration: none;
    color: #2b2b2b;
    position: relative;
}

.engagement__sortedUp___3CHg1 {
}

    .engagement__sortedUp___3CHg1::before {
        content: '^';
        position: absolute;
        top: 0px;
        margin-left: -12px;
        height: 5px;
        font-size: 18px;
    }

.engagement__sortedDown___1NBFP {
}

    .engagement__sortedDown___1NBFP::before {
        content: '^';
        transform: rotate(180deg);
        position: absolute;
        top: 0px;
        margin-left: -12px;
        line-height: 5px;
        font-size: 18px;
    }

.engagement__response___tzBe- {
    flex: 1 1;
}

.engagement__circle___2Nw8D {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    border: 1px solid #dddddd;
}

.engagement__yes___YqmUV {
    background-color: #a2cf6e;
}

.engagement__no___J0bsT {
}

.engagement__notSent___luwzw {
    width: 10px;
    height: 2px;
    background-color: #2b2b2b;
}

.engagement__noResults___2NwLA {
    padding: 1em;
}

.streak-stat__warning___1L_NF {
    width: 21px;
    height: 21px;
    border-radius: 21px;
    line-height: 21px;
    background-color: rgb(251, 209, 93);
    color: #fff;
    margin-right: 0.25em;
    flex: 0 0 auto;
}

.streak-stat__large___3f6Sy .streak-stat__warning___1L_NF {
    width: 29px;
    height: 29px;
    border-radius: 29px;
    line-height: 29px;
    font-size: 20px;
}

.streak-stat__details___3aLL_ {
    display: inline;
    font-size: 14px;
    line-height: 21px;
}

.streak-stat__large___3f6Sy .streak-stat__details___3aLL_ {
    line-height: 16px;
    margin-top: 1px;
}

.streak-stat__numEvents___3NZjB {
}

.streak-stat__numMembers___TQZl9 {
    flex: 0 0 auto;
    font-size: 16px;
    margin: 0 5px;
}

.streak-stat__large___3f6Sy .streak-stat__numMembers___TQZl9 {
    font-weight: normal;
    font-size: 35px;
}

.streak-stat__show___2OjQC {
    color: rgb(0, 127, 175);
    margin-left: 0.5em;
}

    .streak-stat__show___2OjQC:hover {
        text-decoration: underline;
    }


.engagement-download-link__downloadLink___28LEY {
    margin-left: auto;
}

.engagement-download-link__link___3Gi_I:hover {
    color: #444444;
}

/* prettier-ignore */
.summaries__summaries___1SI5d {
    flex-flow: column;
    flex-grow: 1;
}

.summaries__container___3xWKv {
    flex-flow: column;
}

.summaries__summary___24nkQ {
    flex-flow: column;
    padding: 30px;
    margin-bottom: 20px;
}

.summaries__branchedSummary___N7eCS {
    margin-bottom: 0;
}

.summaries__header___K9PGU {
    align-items: center;
}

.summaries__question___1MHJA {
    flex: 1 0;
    font-size: 18px;
}

.summaries__gray___3LLwx {
    color: gray;
    margin-right: 0.5em;
}

.summaries__count___3OMqo {
}

    .summaries__count___3OMqo strong {
        font-weight: 700;
        margin-right: 0.5em;
    }

.summaries__branchContainer___3krVx {
    flex-flow: column;
    padding-left: 90px;
}

.summaries__branch___3kApM {
    flex-flow: column;
}

.summaries__eventBranch___1juCb {
    margin: 10px 0 20px;
    font-size: 14px;
}

.summaries__eventBranchLink___1sDTL {
}

.text-question-summary__summary___3d7Lj {
    flex-flow: column;
    max-width: calc((226px + 20px) * 3);
}


.text-question-summary__answers___1LP1E {
    flex-flow: row wrap;
    margin: 16px -10px -10px;
}


.text-question-summary__answer___3Q1xo {
    flex: 1 0;
    flex-flow: column;
    min-width: 226px;
    max-width: 400px;
    margin: 10px;
}


.text-question-summary__header___-KrN2 {
    margin-bottom: 0.5em;
}


.text-question-summary__name___2qmPi {
    color: rgb(147, 39, 143);
}


.text-question-summary__date___81Lud {
    margin-left: 0.3em;
}


.text-question-summary__text___cB6U1 {
    display: inline;
    word-wrap: break-word;
}


.text-question-summary__zero___2U3eg {
    margin-left: 10px;
}


.text-question-summary__more___2zFut {
    display: inherit;
    margin-top: 10px;
    align-self: flex-end;
    align-items: center;
    color: rgb(0, 127, 175);
    cursor: pointer;
}


    .text-question-summary__more___2zFut svg {
        margin-right: 10px;
    }


.text-question-summary__less___cfIZH {
}


.module-summary__summary___2J6s_ {
    flex-flow: column;
}

.module-summary__chart___2bFLu {
    min-height: 114px;
}

.rating-scale__container___UxQBV {
    margin-top: 76px;
    width: 100%;
    height: 114px;
    flex-flow: column;
}

.rating-scale__barChartContent___3Gu5s {
    padding: 0;
    max-height: 114px;
}

.rating-scale__text___1vgdl {
}

.module-audience__count___Rjhmy {
    margin-bottom: 1em;
    font-size: 14px;
}

.module-audience__members___MASXu {
    flex-flow: column;
    margin-top: 20px;
}

.module-audience__member___3BNL2 {
    font-size: 14px;
    line-height: 1.7;
}

.module-audience__name___2_SRm {
    flex: 0 1 136px;
    margin-right: 25px;
}

.module-audience__email___3mYpD {
    flex: 1 0 auto;
}

.module-audience__date___3n7cO {
    flex: 0 0 100px;
}

.module-audience__actions___u1pjW {
    flex: 0 0 auto;
}


.message-summary__bar___129Bu {
    margin-top: 28px;
    margin-bottom: 30px;
    height: 30px;
    background: #dddddd;
}

.message-summary__progress___2dtak {
    padding-right: 1em;
    min-width: 10em;
    justify-content: flex-end;
    background: rgb(147, 39, 143);
    color: #fff;
    align-items: center;
    cursor: pointer;
}


/* prettier-ignore */
.tab__tab___6HXhg {
    flex-flow: column;
    align-items: center;
    margin-right: 10px;
}

.tab__tabActive___1jGn9 {
}

.tab__button___8gBpH {
    max-width: 200px;
    align-items: center;
    height: 40px;
    padding: 0 25px;
    border: 1px solid #c4c4c4;
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
    color: rgb(0, 127, 175);
    cursor: pointer;
}

    .tab__button___8gBpH:hover {
        background-color: #fff;
    }

.tab__tabActive___1jGn9 .tab__button___8gBpH {
    background: #fff;
    cursor: default;
}

.tab__connector___3Hh2p {
    width: 1px;
    height: 20px;
}

.tab__tabActive___1jGn9 .tab__connector___3Hh2p {
    background: #c4c4c4;
}

.responses__container___3Cjds {
    flex-flow: column;
    flex: 1 0;
    width: 100%;
}

.actions__container___3OKZj {
    margin-bottom: 20px;
    justify-content: space-between;
}

.actions__actionButton___3VT0T {
    font-weight: unset;
    display: flex;
    justify-content: center;
    margin-right: 12px;
    background-color: #fff;
}

    .actions__actionButton___3VT0T:last-child {
        margin-right: 0;
    }

    .actions__actionButton___3VT0T svg {
        margin-right: 0.5em;
    }

.search__suggestion___3oQDw {
    display: block;
}

.form__root___1sICS {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form__contactListAndErrors___1y4KR {
    flex-direction: column;
    padding: 0 15px;
}

.form__contactList___aIpOJ {
    align-items: center;
    width: 100%;
    flex: 0 0 auto;
    margin-top: 15px;
}

.form__contactListError___1-Pnz {
    margin-top: 10px;
}

.form__labelText___2swSu {
    margin-right: 20px;
    color: #2b2b2b;
}

.form__dateTimeBody___x0xbn {
    background: #f7f7f7;
    border-top: thin solid #dddddd;
    flex-direction: column;
    flex: 0 0 auto;
    padding: 25px 30px;
}

.form__formNameHeader___1eLvf {
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 20px;
}

.form__formName___1gey9 {
}

.form__delete___3DkI5 {
}

.form__deleteIcon___2t3-r {
    height: 1em;
    fill: transparent;
    stroke: rgb(0, 127, 175);
    margin-left: 0.5em;
}

.form__delete___3DkI5 > .form__deleteIcon___2t3-r {
    /* override rule inherited by emphTextButton:
     .textButton > svg {margin-right: 0.5em;} */
    margin-right: 0;
}

.form__delete___3DkI5:hover > .form__deleteIcon___2t3-r {
    stroke: rgb(0, 127, 175);
}

.form__messagingInputWrapper___2QXWs {
    width: 100%;
    flex-flow: column;
    margin-bottom: 10px;
}

.form__dynamicLabelWrapper___3ucWH {
    position: relative;
    width: 100%;
}

.form__labelsVisible___3BCow {
    display: block;
    position: absolute;
    bottom: -53px;
    height: 200px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 8px #444444;
    z-index: 2; /* dynamic labels at 1 in input below*/
}

.form__saveRow___bPiQt {
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}

@media (max-width: 520px) {
    .form__saveRow___bPiQt {
        flex-flow: column;
        align-items: stretch;
        justify-content: flex-start;
    }

        .form__saveRow___bPiQt .form__rightColumn___1-KW4 {
            margin: 8px 0 0 0;
        }

        .form__saveRow___bPiQt .form__cancel___yBoa5 {
            margin-right: auto;
        }
}

.form__linkLikeButton___1Hffx {
    color: rgb(0, 127, 175);
}

    .form__linkLikeButton___1Hffx:hover {
        color: rgb(0, 127, 175);
    }

.form__button___12WzE {
    margin-left: 20px;
}

.form__insertLabelButton___1XtrD {
    position: relative;
    color: rgb(0, 127, 175);
    margin-right: 20px;
}

    .form__insertLabelButton___1XtrD:hover {
        color: rgb(0, 127, 175);
    }

.form__plusButton___o34A6 {
    color: rgb(0, 127, 175);
    position: relative;
    font-size: 16px;
    margin-right: 5px;
}

.form__sendLater___x69QO {
    display: inline-flex;
    align-items: center;
}

.form__clockIcon___oyztW {
    margin-right: 12px;
    stroke: rgb(0, 127, 175);
    fill: transparent;
}

.form__sendNow___-z1fd {
    background-color: #fff;
    color: rgb(0, 127, 175);
    padding: 0 20px;
}

    .form__sendNow___-z1fd:hover {
        color: #fff;
    }

.form__cancel___yBoa5 {
}

.form__save___F_Hc9 {
}

.form__textarea___RISnu {
    width: 100%;
    height: 75px;
    font-size: 14px;
    /* The 1px helps makes spacing between form elements pixel perfect */
    margin: 1px 0 20px;
}

.form__bodyError___3rXm_ {
    /* this adds 2px to the bottom of the li 8px bottom margin for a total of 10px */
    margin-bottom: 2px;
}

.form__leftColumn___2NtMI {
    margin-right: auto;
}

.form__rightColumn___1-KW4 {
    margin-left: auto;
}

.variables__variable___1uxZD {
    color: rgb(0, 127, 175);
    min-height: 34px;
    padding-left: 14px;
}

.emoji-pane__rule___1W8_U {
    border: 0;
    margin: 0;
    padding: 0;
    height: 0;
    border-top: 1px solid #c4c4c4;
}

.emoji-pane__emojiPane___29XXB {
    background-color: #f7f7f7;
    border-radius: 8px 8px 0 0;
    height: 60vh;
}

.emoji-pane__searchInput___wjHtG {
    font-size: 14px;
    line-height: 42px;
    padding: 2px 1em 0 2.5em;
    background-size: 20px;
    background-image: url(/assets.sensehq.com/hashed/static/client/images/f8d0f32f21bfe8b8e261d973c5cecba0.svg);
    background-repeat: no-repeat;
    background-position: 0.5em center;
    background-color: transparent;
}

.emoji-pane__emojiContainer___1Bpkz {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: auto;
}

@media screen and (min-width: 768px) {
    .emoji-pane__emojiPane___29XXB {
        width: 370px;
        height: 540px;
    }
}

.emoji-pane__emojiCategory___211JK {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

    .emoji-pane__emojiCategory___211JK h6 {
        font-size: 14px;
        margin: 1em;
        text-align: center;
        font-weight: 600;
        text-transform: capitalize;
    }

.emoji-pane__emojiGroup___40Na2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 7px;
}

.emoji-pane__emojiButton___1vE8p {
    width: 44px;
    line-height: 44px;
    font-size: 28px;
    cursor: pointer;
}

.emoji-pane__emojiEmptyState___39MEU {
    margin: auto;
    line-height: 1.5;
    padding: 0.5em 0;
}

.scheduled-message-row__row___uQdYw {
    display: flex;
    background: #f7f7f7;
    align-items: center;
    border-top: 1px solid #dddddd;
}

    .scheduled-message-row__row___uQdYw > button {
        display: flex;
        align-items: center;
        cursor: pointer;
    }

.scheduled-message-row__icon___22f38 svg {
    width: 24px;
    height: 24px;
    margin: 12px 16px;
    fill: rgb(0, 127, 175);
}

.scheduled-message-row__text___3O33j {
    flex: 1 1;
    display: flex;
    flex-flow: column;
}

.scheduled-message-row__description___3kGF0 {
    color: #5e5e5e;
    font-size: 12px;
}

.scheduled-message-row__date___1R7bQ {
    color: #2b2b2b;
    font-size: 14px;
}

.scheduled-message-row__editButton___3FMqL {
    margin-right: 16px;
    flex: 1 1;
}

.scheduled-message-row__clearButton___1CFst {
    height: 100%;
    justify-content: center;
    padding: auto 8px;
    margin-left: 8px;
}

.scheduled-message-row__clearIcon___1fx2q {
    height: 18px;
    width: 18px;
    margin: 12px 18px;
}

.scheduled-message-row__clearButton___1CFst:hover g {
    stroke: #ea3556;
}

.send-now-later-shared__draftText___1rhuj {
    flex-flow: column;
    background: #f7f7f7;
    padding: 20px;
    border-top: 1px solid #dddddd;
    width: 100%;
    flex: 1 0 auto;
}


.send-now-later-shared__saveRow___1B7Td {
    align-items: center;
    justify-content: flex-end;
}

/* prettier-ignore */
.dumb-message-compose__sendNowWrapper___W1Sf8 {
    flex-flow: column;
    width: 100%;
    flex: 1 0 auto;
}

.dumb-message-compose__draftText___qEgk- {
    position: relative;
}

.dumb-message-compose__optedOut___1ibzq {
    justify-content: center;
    color: #919191;
}

.dumb-message-compose__saveRow___2tg7x {
}

.dumb-message-compose__inputActionRow___c9Cki {
    margin-bottom: 20px;
}

.dumb-message-compose__sendLater___1k4gk {
    display: inline-flex;
    align-items: center;
    margin-right: 30px;
}

@media screen and (max-width: 559px), screen and (max-height: 559px) {
    .dumb-message-compose__draftText___qEgk- {
        flex-flow: column;
        padding: 8px;
    }

    .dumb-message-compose__sendLater___1k4gk {
        display: none;
    }

    .dumb-message-compose__sendNow___3CPlh {
        margin-left: 16px;
    }

    .dumb-message-compose__emojiTipAnchor___M8weY {
        display: none;
    }
}

.dumb-message-compose__inputRow___2VGBP {
    display: flex;
    align-items: center;
}

.dumb-message-compose__sendNow___3CPlh {
}

.dumb-message-compose__sendNowTextButton___wrsVn {
    color: #c4c4c4;
    margin-left: 12px;
    padding: 4px;
}

.dumb-message-compose__sendNowButtonInactive___3iMtU {
    cursor: default;
}

    .dumb-message-compose__sendNowButtonInactive___3iMtU:hover {
        color: #c4c4c4;
    }

.dumb-message-compose__sendNowButtonActive___1E2DC {
    color: rgb(0, 127, 175);
}

.dumb-message-compose__clockIcon___1rQQ5 {
    margin-right: 12px;
    stroke: rgb(0, 127, 175);
    fill: transparent;
}

.dumb-message-compose__draftAndErrorContainer___2lxXX {
    flex-flow: column;
    flex: 1 1;
}

.dumb-message-compose__bodyError___1RfPS {
    /* this adds 2px to the bottom of the li 8px bottom margin for a total of 10px */
    /*copied from send-now.css*/
    margin-bottom: 2px;
}

.dumb-message-compose__errorBanner___EWneW {
    width: 100%;
    height: 50px;
    padding: 8px;
    color: rgb(168, 41, 65);
    background-color: #f4e2e6;
    align-items: flex-start;
    justify-content: space-between;
}

.dumb-message-compose__errorTextContainer___GJPYI {
    flex-direction: column;
}

.dumb-message-compose__errorHeader___1Dzcz {
    font-weight: 600;
}

.right-panel-layout__root___2BkCE {
    height: 100%;
    flex: 1 2;
}

.right-panel-layout__mobileRoot___1YJiu {
    width: 100%;
}

    .right-panel-layout__mobileRoot___1YJiu > * {
        flex: 1 1 auto;
    }

/* NOTE (kyle): it is not advisable that these panes shrink below 320px */

.right-panel-layout__leftPane___3uEaf {
    flex: 3 1 320px;
}

.right-panel-layout__rightPane___lnSn9 {
    flex: 0.5 0 250px;
    max-width: 320px;
    overflow-y: auto;
    border-left: thin solid #dddddd;
}

/* prettier-ignore */
.contact-detail__root___LCA7U {
    flex-flow: column;
    overflow-y: auto;
    width: 100%;
    background: #fff;
}

    .contact-detail__root___LCA7U > * {
        flex: 0 0 auto;
    }

.contact-detail__divider___-cuDc {
    border-bottom: 1px solid #dddddd;
}

.contact-detail__header___3gsiH {
    font-weight: 600;
    align-items: center;
}

.contact-detail__backLinkMobile___3ZQYC {
    font-size: 0;
}

.contact-detail__topArea___2xJtc {
    flex-flow: column;
    align-items: center;
    padding: 34px 0;
}

    .contact-detail__topArea___2xJtc > * {
        flex: 0 0 auto;
    }

.contact-detail__name___1pxGJ {
    font-size: 20px;
    margin-bottom: 10px;
}

.contact-detail__email___1yE5S {
    margin-bottom: 6px;
}

.contact-detail__timelines___18GLo {
    display: block;
}

.contact-detail__upcomingActivity___16icR,
.contact-detail__previousActivity___2V8KO {
    flex-direction: column;
    padding: 15px;
}

.contact-detail__upcomingTitle___BFoHE {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
}

.contact-detail__date___1_4gg {
    font-size: 12px;
    margin: 10px 0;
}

.contact-detail__editButton___FmtZF {
    display: flex;
    margin-top: 10px;
}

.contact-detail__arrowLeftIcon___2kHI0 {
    height: 20px;
    width: 14px;
}

    .contact-detail__arrowLeftIcon___2kHI0 > path {
        stroke: rgb(0, 127, 175);
        fill: transparent;
        stroke-width: 1px;
    }

.contact-detail__contactIcon___2hLCl {
    margin-top: 20px;
    transition: 0.1s;
}

    .contact-detail__contactIcon___2hLCl:hover {
        opacity: 0.5;
        transition: 0.1s;
        cursor: pointer;
    }

.contact-detail__activityTimeline___2LC72 {
    flex-flow: column;
}

.contact-detail__activityBlock___1VkY5 {
    flex-flow: column;
}

.contact-detail__activityContainer___1nuh2 {
    color: #5e5e5e;
    margin: 0 0 0 25px;
    padding: 8px 8px 8px 16px;
    border-left: 1px solid #919191;
    display: block;
}

.contact-detail__circle___10m9u {
    background-color: #919191;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin: 2px 5px 0 -22px;
    display: inline-block;
}

.contact-detail__activityItem___1CqA3 {
    margin-left: 7px;
    display: inline;
}

.contact-detail__bold___2z6G9 {
    display: inline-flex;
    flex-direction: row;
}

.contact-detail__emph___2A04y {
    color: rgb(0, 127, 175);
}

.contact-detail__recentTitle___1o46F {
    text-align: center;
}

.contact-detail__surveyResponse___qXVnO {
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    flex-direction: column;
}

.contact-detail__eventHeader___7fbqM {
    display: flex;
}

.contact-detail__surveyContainer___3IlPU {
    padding: 15px;
    flex-direction: column;
}

.contact-detail__eventTitle___3QnEX {
    color: rgb(0, 127, 175);
    padding: 15px 5px;
}

.contact-detail__eventIcon___1f3qG {
    margin: 13px;
}

.contact-detail__surveyQuestion___2SHLR {
    font-size: 12px;
    color: #5e5e5e;
    margin-bottom: 5px;
    flex-direction: column;
}

.contact-detail__surveyAnswer___387W9 {
    margin-bottom: 14px;
    flex-direction: column;
}

.layout__root___34zWJ {
    flex: 1 0;
    /* Chrome seems to have a problem with (1 0 0px) but specifying flex-basis separately
  seems to solve the issue */
    flex-basis: 0px;
    border-top: 1px solid #dddddd;
    font-size: 14px;
    overflow: hidden;
}

.layout__leftPane___3XaoW {
    flex-flow: column;
    align-self: stretch;
    min-width: 250px;
    max-width: 320px;
    flex: 0.5 0 240px;
    border-right: thin solid #dddddd;
}

.layout__rightPane___27Gv2 {
    flex-flow: column;
    flex: 3 1 640px;
    overflow-y: auto;
}

.inbox-action-bar__actionBarRoot___3Dwus {
    padding: 0 8px;
    margin-bottom: 15px;
}

.inbox-action-bar__actionBar___2OOnt {
    position: relative;
    width: 100%;
}

    .inbox-action-bar__actionBar___2OOnt > * + * {
        margin-left: 10px;
    }

.inbox-action-bar__baseButtonBoxShadow___2enOl {
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1), 0 0.5px 1px 0 rgba(0, 0, 0, 0.2);
}

.inbox-action-bar__actionBarButton___1dTYa {
    flex: 0 0 44px;
    min-width: 44px;
    height: 44px;
    background-color: #f7f7f7;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
}

    .inbox-action-bar__actionBarButton___1dTYa:hover {
        box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    }

    .inbox-action-bar__actionBarButton___1dTYa svg {
        stroke: none;
        fill: #919191;
        height: 22px;
        width: 22px;
    }

.inbox-action-bar__composeButtonWrap___121mM {
    flex-grow: 1;
    max-width: 208px;
    margin-right: auto;
}

.inbox-filter__filter___2uGHG {
}

.inbox-filter__filterListMenu___3XmNL {
    margin-top: 8px;
    width: 150px;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
}

.inbox-filter__filterListHeader___eqbI7 {
    border-bottom: 1px solid #f7f7f7;
    padding: 16px 12px;
}

.inbox-filter__filterListContainer___yi1PL {
    flex-flow: column;
}

.inbox-filter__filterListItem___1MY0Z {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 8px;
    cursor: pointer;
    height: 47px;
}

    .inbox-filter__filterListItem___1MY0Z:hover {
        background-color: #ddeaef;
        color: #000;
    }

.inbox-filter__filterListItemSelected___3A5WY {
    background-color: #f7f7f7;
}

.inbox-filter__label___B8FPb {
    align-items: center;
    cursor: pointer;
}

.inbox-filter__labelSelected___2T6Ve {
}

.inbox-filter__iconContainer___LwibS {
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
}

.inbox-filter__emojiIcon___2Hjw- {
    font-size: 26px;
}

.inbox-filter__hoverIconRoot___2wm23 .inbox-filter__emojiIcon___2Hjw- {
    transform: scale(0.9, 0.9);
}

.inbox-filter__label___B8FPb .inbox-filter__emojiIcon___2Hjw- {
    transform: scale(0.7, 0.7);
}

.inbox-filter__svgIcon___26Wdw {
    fill: #919191;
    stroke: none;
}

.inbox-filter__hoverIconRoot___2wm23 .inbox-filter__svgIcon___26Wdw {
    height: 22px;
    width: 22px;
    margin: 4px;
}


.inbox-search__searchRoot___2B3fb {
    flex: 0 0 44px;
}


.inbox-search__searchSpacer___16jRh {
    width: 44px;
}


.inbox-search__searchBox___2lbj4 {
    position: absolute;
    top: 0;
    right: 0;
    transition: width 200ms ease-in-out, background-color 200ms ease-in-out, border 200ms ease-in-out 100ms;
    width: 44px;
    border: transparent solid 1px;
    align-items: stretch;
}


.inbox-search__searchBoxContainer___3_GYi {
    padding: 0 8px;
    max-width: 100%;
    justify-content: flex-start;
    align-items: center;
}


.inbox-search__searchBox___2lbj4.inbox-search__open___2-GMD {
    width: 100%;
    justify-content: flex-start;
    background-color: white;
    border: rgb(0, 127, 175) solid 1px;
    box-sizing: content-box;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    top: -1px;
}


    .inbox-search__searchBox___2lbj4.inbox-search__open___2-GMD .inbox-search__searchBoxButton___2aRI0 {
        width: 0;
        height: 0;
    }


.inbox-search__searchBoxButton___2aRI0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 44px;
    width: 44px;
    cursor: pointer;
}


.inbox-search__searchIconWrapper___34J9D {
    align-items: center;
    padding-top: 2px;
}


.inbox-search__searchIcon___2pr4j {
    fill: #919191;
    height: 22px;
    width: 22px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 22px;
}


.inbox-search__closeIconWrapper___1MubD {
    position: absolute;
    right: 8px;
    align-items: stretch;
    opacity: 0;
    transition: opacity 200ms ease-in 100ms;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.inbox-search__closeIconButton___2OrHQ {
    cursor: pointer;
    align-items: center;
    display: flex;
    padding: 2px;
}


.inbox-search__loadingIconButton___3dHHo {
    cursor: default;
}


.inbox-search__loadingIcon___2ZPhK {
    background: url(/assets.sensehq.com/hashed/static/client/images/e5e0f4f51db74a7923b3662f8f2554ba.png) no-repeat;
    background-size: 100%;
    height: 12px;
    width: 12px;
}


.inbox-search__closeIcon___gIY2e {
    stroke: #919191;
}


    .inbox-search__closeIcon___gIY2e:hover {
        stroke: #f7f7f7;
    }


.inbox-search__searchInput___2a8wG {
    opacity: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 0%;
    transition: opacity 200ms ease-in 100ms, width 200ms ease-in-out, margin 200ms ease-in-out;
    max-width: 0;
    width: 0;
    align-self: stretch;
    display: block;
    padding: 0;
}


.inbox-search__searchBox___2lbj4.inbox-search__open___2-GMD .inbox-search__searchInput___2a8wG {
    display: flex;
    opacity: 1;
    max-width: 100%;
    width: 9999px;
    flex-basis: 100%;
    margin-left: 4px;
    margin-right: 20px;
}


.inbox-search__searchBox___2lbj4.inbox-search__open___2-GMD .inbox-search__closeIconWrapper___1MubD {
    display: flex;
    margin-right: 2px;
    margin-left: 4px;
    padding-top: 2px;
    opacity: 1;
    transition: opacity 200ms ease-in 100ms;
}


.inbox-search__searchBox___2lbj4.inbox-search__open___2-GMD .inbox-search__closeIcon___gIY2e {
    stroke: #919191;
    height: 12px;
    width: 12px;
}


.inbox-search__searchBox___2lbj4.inbox-search__open___2-GMD .inbox-search__closeIconButton___2OrHQ:hover .inbox-search__closeIcon___gIY2e {
    stroke: #5e5e5e;
}

.compose-button__button___B8x13 {
    display: flex;
    flex-wrap: wrap;
    overflow-y: hidden;
    width: 100%;
    max-width: 208px;
    height: 44px;
    line-height: 44px;
    padding: 0 1.5em;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: white;
    background-color: rgb(0, 127, 175);
    border-radius: 5px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1), 0 0.5px 1px 0 rgba(0, 0, 0, 0.2);
}

    .compose-button__button___B8x13:hover {
        box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    }

    .compose-button__button___B8x13:active {
        background-color: rgb(5, 93, 127);
    }

.compose-button__icon___HVZra {
    margin-right: 0.25em;
}

    .compose-button__icon___HVZra path {
        fill: white;
    }

.footer-menu__footer___16xqf {
    flex: 0 0 auto;
    flex-direction: column;
    border-top: 1px solid #dddddd;
}

.footer-menu__footerLinks___yKHc6 {
    flex-direction: column;
    padding: 12px 0;
}

@media screen and (max-width: 559px), screen and (max-height: 559px) {
    .footer-menu__footer___16xqf {
        border-top: none;
    }

    .footer-menu__footerLinks___yKHc6 {
        display: none;
    }
}

.footer-menu__link___puMRm {
    display: flex;
    padding: 4px 0 4px 12px;
    cursor: pointer;
    align-items: center;
    border-left: 3px solid transparent;
}

.footer-menu__activeLink___2Tc08 {
    color: rgb(0, 127, 175);
    border-left: 3px solid rgb(0, 127, 175);
}

    .footer-menu__activeLink___2Tc08 svg path {
        fill: rgb(0, 127, 175);
    }

.footer-menu__link___puMRm:hover {
    color: rgb(0, 127, 175);
}

.footer-menu__icon___2zawc {
    flex-basis: 22px;
    max-width: 22px;
    min-width: 18px;
    margin-right: 8px;
    fill: #5e5e5e;
}

.footer-menu__logoArea___2PsBI {
    background-color: white;
    flex-direction: row;
    padding: 15px 20px;
    border-top: 1px solid #dddddd;
}

.footer-menu__standalone___1Fnoe {
    justify-content: space-between;
}

.fade__enter___1HbWJ {
    opacity: 0.01;
}

.fade__enterActive___1q_Py {
    opacity: 1;
    transition: opacity 300ms ease;
}

.fade__leave___WSmmx {
    opacity: 1;
}

.fade__leaveActive___3DOIQ {
    opacity: 0.01;
    transition: opacity 300ms ease;
}

/* prettier-ignore */
.inbox__root___3bBtA {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.inbox__inbox___290T4 {
    flex-direction: column;
    overflow-y: hidden;
}

.inbox__chatTitle___2k35Y {
    align-items: center;
    justify-content: space-between;
    color: rgb(0, 127, 175);
    flex: 1 0 auto; /* prevents flexbox from squishing this box */
    padding: 20px 20px 10px 30px;
}

.inbox__actionBar___2KAYO {
    padding: 0 8px;
    margin-bottom: 15px;
}

    .inbox__actionBar___2KAYO > * + * {
        margin-left: 10px;
    }

.inbox__actionBarButton___I4W21 {
    flex: 0 0 44px;
    height: 44px;
    background-color: #f7f7f7;
    border-radius: 5px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1), 0 0.5px 1px 0 rgba(0, 0, 0, 0.2);
    justify-content: center;
    align-items: center;
}

    .inbox__actionBarButton___I4W21:hover {
        box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    }

    .inbox__actionBarButton___I4W21 svg {
        stroke: none;
        fill: #919191;
        height: 20px;
        width: 20px;
    }

.inbox__composeButtonWrap___lhTSv {
    flex-grow: 1;
    max-width: 208px;
}

.inbox__threads___42YHW {
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.inbox__loadingMoreContainer___rrI-I {
    justify-content: center;
}

.inbox__loadingMore___3_wA3 {
    height: 50px;
    flex: 0 0 auto;
    align-items: flex-start;
}

.inbox__archiveButton___CzmDF {
    flex: 0 0 auto;
    align-items: center;
    border-radius: 4px;
    font-size: 14px;
}

.inbox__rowHead____TBD6 {
    color: #2b2b2b;
    line-height: 1.4;
}

.inbox__readRowHead___3tgTy {
}

.inbox__unreadRowHead___3_PV6 {
}
    /* unread marker */
    .inbox__unreadRowHead___3_PV6:before {
        content: '';
        position: absolute;
        left: 12px;
        top: 15px;
        background: rgb(0, 127, 175);
        width: 8px;
        height: 8px;
        border-radius: 50%;
    }

.inbox__timestamp___2O2ig {
    justify-self: flex-end;
    margin-left: auto;
    color: #5e5e5e;
    min-width: 36px;
    text-align: right;
}

.inbox__row___2wA3r {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    padding: 10px 20px 10px 30px;
    position: relative;
}

    .inbox__row___2wA3r:hover {
        background-color: #ddeaef;
    }

        .inbox__row___2wA3r:hover .inbox__rowMenu___HVN-R {
            opacity: 1;
        }

        .inbox__row___2wA3r:hover .inbox__timestamp___2O2ig {
            display: none;
        }

    .inbox__row___2wA3r.inbox__active___2UHzM {
        background-color: #f7f7f7;
        cursor: default;
    }

.inbox__ellipsis___18tI6 {
}

.inbox__contactName___2BIeq {
    flex-grow: 1;
}

.inbox__row___2wA3r:hover .inbox__contactName___2BIeq {
    margin-right: 36px;
}

.inbox__rowLeft___39l8m {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.inbox__rowRight___11H9D {
    display: flex;
    align-items: center;
}

.inbox__rowBody___4vTiQ {
    justify-content: space-between;
    align-items: center;
}

.inbox__newText___NKYA7 {
    flex: 1 0;
    min-width: 0;
}

.inbox__closeNew___21-hu {
    align-self: center;
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin-left: 4px;
}

    .inbox__closeNew___21-hu svg {
        stroke: #000;
    }

    .inbox__closeNew___21-hu:hover svg {
        stroke: #ea3556;
    }

.inbox__snippet___BhmOu {
    margin-right: 36px;
    line-height: 1.4;
}

.inbox__rowMenuContainer___2TFym {
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inbox__rowMenu___HVN-R {
    flex: 0 0 auto;
    height: 36px;
    width: 36px;
    align-items: center;
    justify-content: center;
    opacity: 0;
    position: relative;
}

    .inbox__rowMenu___HVN-R svg g {
        fill: #2b2b2b;
    }

.inbox__bannerContainer___3h846 {
    width: 100%;
    min-height: 50px;
}

.inbox__banner___1s5se {
    width: 100%;
    background-color: #4caf50;
    color: #fff;
    margin: 0px 5px 5px 5px;
    padding: 0 12px;
    border-radius: 4px;
    align-items: center;
}

.inbox__bannerTextContainer___3dYOm {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: auto;
}

.inbox__bannerName___3gCDd {
    font-size: 14px;
    font-weight: 700;
}

.inbox__bannerButton___1Schf {
    background: rgba(255, 255, 255, 0);
    border-radius: 4px;
    transition: 0.2s background;
    cursor: pointer;
}

    .inbox__bannerButton___1Schf:hover {
        background: rgba(255, 255, 255, 0.2);
    }

.inbox__bannerClose___2gr8x {
    cursor: pointer;
    padding: 4px;
}

    .inbox__bannerClose___2gr8x svg {
        stroke: #fff;
    }

.inbox__bannerAction___1h6Bt {
    margin-right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    padding: 6px 0;
}

.inbox__archivedNotif___21eQI {
    background: #444444;
}

.inbox__footerContainer___3JBqL {
    flex-direction: column;
}

.inbox__contextMenu___5CMCZ {
    min-width: 100px;
    font-weight: 700;
    text-align: left;
}

.inbox__zeroInboxThreads___3AUAa {
    justify-content: center;
    padding: 20px;
}

/* prettier-ignore */
.detail__root___1MFa_ {
    flex-direction: column;
    padding: 20px;
}

.detail__section___2-r_x {
    flex-flow: column;
}

    .detail__section___2-r_x + .detail__section___2-r_x {
        margin-top: 20px;
    }

.detail__listSection___2StWo {
}

.detail__title___2WKCX {
    margin-bottom: 10px;
}

.detail__list___2TGb_ {
    flex-flow: column;
    list-style-type: none;
    padding: 0;
}

    .detail__list___2TGb_ > * {
        display: flex;
        flex: 0 0 auto;
        flex-flow: column;
        margin-bottom: 1em;
    }

.detail__contactName___2WkiY {
    font-weight: 700;
}

.detail__optOutExplanation___GobrT {
    margin-bottom: 20px;
}

/* prettier-ignore */
.page__root___3_QLD {
    flex-direction: column;
}

.page__header___3wnGP {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 66px;
    border-bottom: thin solid #dddddd;
    position: relative;
}

.page__broadcastTitle___MX7W5 {
    color: rgb(103, 58, 183);
    font-size: 15px;
    align-items: baseline;
}

.page__backLinkMobile___3wGbJ {
}

.page__broadcast___1kfaf {
    padding: 18px;
    justify-content: flex-end;
}

.page__infoIcon___3U05K,
.page__closeIcon___1b3zx,
.page__editIcon___3ch-h {
    width: 22px;
    height: 22px;
    fill: rgb(0, 127, 175);
    stroke: transparent;
    cursor: pointer;
}

.page__input___2apde {
    text-align: center;
}

.page__checkmarkIcon___20Dc1 {
    fill: rgb(0, 127, 175);
    cursor: pointer;
}

.page__editorLoading___1GNaL {
    width: 20px;
    height: 20px;
}

/* prettier-ignore */
.inbox__root___1n605 {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.inbox__inbox___2Y82M {
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

.inbox__titleText___2XWmd {
    color: rgb(0, 127, 175);
    font-size: 12px;
    text-transform: uppercase;
}

.inbox__broadcasts___1YoUH {
    flex-direction: column;
    overflow-y: auto;
    flex-grow: 1;
}

.inbox__backArrowContainer___2kxXW {
    display: none;
}

@media screen and (max-width: 559px), screen and (max-height: 559px) {
    .inbox__backArrowContainer___2kxXW {
        display: initial;
    }
}

.inbox__backLinkMobile___11Wqp {
    position: relative;
    padding: 0;
    top: 0;
    left: 0;
}

.inbox__newBroadcastIcon___Vc78a {
    position: relative;
}

.inbox__line___3ZumC {
    line-height: 1.6;
}

.inbox__name___2U-Kl {
    display: flex;
    align-items: baseline;
    color: rgb(103, 58, 183);
    font-size: 15px;
}

.inbox__chatUserIcon___3-OqH {
}

.inbox__snippet___2AaR0 {
}

.inbox__datetime___M0CVA {
    color: #777777;
    font-size: 12px;
    font-style: italic;
}

.inbox__checkmarkIcon___3PnLq {
}

.inbox__clockIcon___8hxqY {
}

.inbox__scheduledText___3zWd_ {
    font-weight: bold;
}

.inbox__row___3j8IV {
    flex-direction: column;
    padding: 8px 18px;
}

    .inbox__row___3j8IV:hover {
        background-color: #ededed;
    }

    .inbox__row___3j8IV.inbox__selected___1wJdA {
        background-color: #f7f7f7;
        cursor: default;
    }

.inbox__sent___2xg7V > * {
    color: #5e5e5e;
}

.form__container___KWVB_ {
    height: 100%;
    flex-flow: column;
    width: 100%;
}

.form__actionList___3idjP {
    justify-content: flex-start;
    min-height: 20vh;
}

.form__emojiContainer___252F7 {
    padding: 4px;
    display: flex;
}

.form__emojiOverlayContainer___1GFad {
    border-radius: 36px;
    padding: 4px 16px 4px 8px;
    color: #2b2b2b;
    cursor: pointer;
    display: flex;
    flex: 1 0;
    align-items: center;
}

    .form__emojiOverlayContainer___1GFad:hover {
        background: #dddddd;
    }

    .form__emojiOverlayContainer___1GFad:active .form__actionRowSubtitle___2hDAc {
        background: colorBlue;
        color: #fff;
    }

    .form__emojiOverlayContainer___1GFad:active .form__actionRowIcon___1kydp svg {
        fill: #fff;
    }

.form__emojiOverlay___nDK1e {
    right: auto;
    bottom: calc(20vh + 5px); /* height of ActionList + 5px */
    z-index: 1;
}

.form__emojiOverlayTrigger___2JSnf {
    width: 40px;
    display: inline-flex;
    justify-content: center;
    flex-flow: row;
    margin-bottom: 2px;
}

.form__header___2llbC {
    border-top: none;
}

/* prettier-ignore */
.contacts-menu__root___1PCgK {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.contacts-menu__scrollable___1_-YX {
    flex-direction: column;
    overflow-y: auto;
    min-height: 260px;
}

    .contacts-menu__scrollable___1_-YX > * {
        flex: 0 0 auto;
    }

.contacts-menu__navSection___3rVk0 {
    flex-direction: column;
    padding: 20px;
    border-top: 1px solid #dddddd;
}

    .contacts-menu__navSection___3rVk0:first-child {
        border-top: none;
    }

.contacts-menu__list___RQlpF {
    list-style-type: none;
    margin-top: 20px;
    padding: 0;
}

    .contacts-menu__list___RQlpF li {
        font-weight: bold;
        color: #5e5e5e;
    }

.contacts-menu__customListSection___zW3k2 {
    padding: 0;
}

.contacts-menu__customLists___tQE58 {
    margin-top: 0;
    flex-flow: column;
}

    .contacts-menu__customLists___tQE58 > * {
        display: flex;
        align-items: center;
        height: 40px;
        padding: 20px;
        font-weight: bold;
        color: rgb(0, 127, 175);
    }

    .contacts-menu__customLists___tQE58 > a:hover {
        background: #f7f7f7;
    }

.contacts-menu__activeList___ox7bu {
    background: #f7f7f7;
    cursor: default;
}

.contacts-menu__customListsMoreLoader___3tTCB {
}

.contacts-menu__addressBookSectionTitle___1mPqK {
}

.contacts-menu__customListSectionTitle___25oh2 {
    padding: 20px 20px 0;
}

    .contacts-menu__customListSectionTitle___25oh2 > a {
        position: relative;
        top: -5px;
        margin-left: auto;
        align-self: center;
        cursor: pointer;
    }

.contacts-menu__myContactsIcon___BZ0ks {
    margin-right: 14px;
    vertical-align: text-bottom;
    stroke: rgb(0, 127, 175);
    fill: none;
}

.layout__root___2xX9o {
}

.layout__left___YIw48 {
}

.layout__content___XJtVX {
}

    .layout__content___XJtVX > * {
        flex: 0 0 auto;
    }

/* prettier-ignore */
.table__phone___11wn_ {
    display: flex;
    align-items: center;
}

.table__actions___1dvtU {
    align-items: center;
    margin-left: auto;
}

    .table__actions___1dvtU > * {
        margin-left: 10px;
    }

.table__audienceIcon___24rWl {
    fill: none;
    stroke-width: 1px;
    stroke: rgb(0, 127, 175);
}

    .table__audienceIcon___24rWl:hover {
        stroke: rgb(0, 127, 175);
    }

.table__remove___2UoTo {
    opacity: 0;
    transition: opacity 0.2s;
    cursor: pointer;
}

    .table__remove___2UoTo svg {
        stroke: #2b2b2b;
    }

.table__row___37AcK:hover .table__remove___2UoTo {
    opacity: 1;
}

.table__remove___2UoTo:hover svg {
    stroke: #ea3556;
}

.contacts-table__root___1q8JC {
    flex-direction: column;
    margin: 20px;
}

    .contacts-table__root___1q8JC > * {
        margin-bottom: 20px;
    }

        .contacts-table__root___1q8JC > *:last-child {
            margin-bottom: 0;
        }

.contacts-table__header___2nRr- {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.contacts-table__headerLeft___3lYSg {
    align-items: baseline;
    margin-right: auto;
}

    .contacts-table__headerLeft___3lYSg > * {
        margin-right: 20px;
    }

.contacts-table__title___1DYvu {
}

.contacts-table__search___3KKKn {
    width: 300px;
}

.contacts-table__searchIcon___CeCNC {
    flex: 0 0 auto;
    margin: 0 10px 0 15px;
    fill: #919191;
}

.contacts-table__button___2X1Kv {
    margin-right: 20px;
}

.contacts-table__addNewContact___1Nfy4 {
    display: flex;
    min-width: 70px;
}

.contacts-table__tableFooter___168CH {
    justify-content: flex-end;
}

.contact-form__root___3K09- {
    flex-direction: column;
    padding: 0 80px 20px 0;
    flex: 0 0 auto;
    height: 100%;
    overflow-y: auto;
}

.contact-form__link___3yNhe {
    cursor: pointer;
}

.contact-form__header___2zkST {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin: 20px 0 40px 0;
    flex: 0 0 auto;
}

.contact-form__contactFormHeaderActions___3KFRT {
    align-items: baseline;
    margin-left: 40px;
}

.contact-form__headerActionDivider___2b7w9 {
    line-height: 16px;
    font-weight: bold;
    margin: 0 20px;
}

.contact-form__saveButton___EVtkP {
    margin-left: 40px;
}

@media (max-width: 700px) {
    .contact-form__contactFormHeaderActions___3KFRT {
        margin-top: 8px;
        flex-flow: column;
    }

        .contact-form__contactFormHeaderActions___3KFRT > * {
            margin-top: 12px;
            flex: 0 0 auto;
        }

    .contact-form__headerActionDivider___2b7w9 {
        display: none;
    }

    .contact-form__saveButton___EVtkP {
        margin-left: 16px;
    }
}

.contact-form__skinnyDelete___1M1IX {
    align-self: flex-start;
    margin-top: 32px;
}

.contact-form__skinnyActions___H73LY {
    margin-top: 16px;
}

.contact-form__title___1RY1N {
    font-size: 16px;
}

.contact-form__column___gcqx0 {
    flex-direction: column;
    /* matches left margin on Breadcrumbs component */
    margin-left: 40px;
    flex: 0 0 auto;
}

.contact-form__contactInfoSection___1zMuV {
    flex-direction: column;
    margin-top: 40px;
}

    .contact-form__contactInfoSection___1zMuV:first-child {
        margin-top: 0;
    }

    .contact-form__contactInfoSection___1zMuV ul {
        list-style: none;
        padding: 0;
        flex-direction: column;
    }

.contact-form__contactInfoSectionHeader___1B705 {
    flex: 0 0 auto;
}

.contact-form__sectionColumnLeft___lUAPR {
    flex: 0 0 auto;
    align-items: baseline;
}

.contact-form__sectionColumnHead___3E4m9 {
    font-weight: bold;
}

.contact-form__firstNameSection___1yyEw {
}

.contact-form__lastNameSection___dIvEo {
}

.contact-form__phoneSection___lvXOj {
}

.contact-form__phoneSectionHeader___1ddqI {
}

.contact-form__phoneNumberColumn___a1OtT {
    width: 200px;
}

.contact-form__phoneNumberColumnHead___1YIxi {
}

.contact-form__emailSection___2SzQ8 {
}

.contact-form__emailSectionHeader___1-6i5 {
}

.contact-form__emailAddressColumn___11mMA {
    width: 360px;
}

.contact-form__emailAddressColumnHead___O3zLp {
}

.contact-form__radioCheckboxColumn___diJRJ {
    display: flex;
    flex-direction: row;
    width: 80px;
    justify-content: center;
}

.contact-form__primaryEmailColumnHead___2a3G1 {
}

.contact-form__primaryPhoneColumnHead___2oWN1 {
}

.contact-form__primaryPhoneColumn___16yGa {
}

.contact-form__primaryEmailColumn___2aEvd {
}

.contact-form__inputRow___2Zj4M {
    display: flex;
    align-items: baseline;
    margin-top: 10px;
}

.contact-form__phoneRow___1jCLD {
}

.contact-form__emailRow___2INAL {
}

.contact-form__input___1inqY {
    margin-right: 10px;
    width: 200px;
}

.contact-form__nameInput___2Hv4f {
    margin-top: 10px;
}

.contact-form__phoneErrorInput___1qGmH {
    flex-direction: column;
    margin-right: 10px;
}

.contact-form__phoneInput___YyKt2 {
    width: 180px;
}

    .contact-form__phoneInput___YyKt2.contact-form__error___13KLH {
        background: #f4e2e6;
        border: 1px solid #ea3556;
        margin-bottom: 8px;
    }

        .contact-form__phoneInput___YyKt2.contact-form__error___13KLH:focus {
            border: 1px solid #ea3556;
        }

.contact-form__emailInput___SnS25 {
    width: 340px;
}

.contact-form__checkboxPrimary___hj9LP {
    position: relative;
    top: 4px;
}

.contact-form__checkboxPrimaryPhone___K_HBf {
}

.contact-form__checkboxPrimaryEmail___zJRTU {
}

.contact-form__sectionErrorList___gqtox {
    margin-top: 10px;
    align-items: flex-start;
}

.contact-form__phoneSectionErrorList___29way {
}

.contact-form__emailSectionErrorList___3FPvr {
}

.for-contact__root___fR3_5 {
    flex-flow: column;
    max-width: 300px;
}

    .for-contact__root___fR3_5 > * {
        margin-bottom: 8px;
    }

    .for-contact__root___fR3_5 .for-contact__search___2Ub_w {
        width: auto;
        flex: 0 0 auto;
    }

.for-contact__list___28h1_ {
    padding: 16px;
}

.for-contact__name___2oYNc {
}

.for-contact__remove___2_ChT {
    margin-left: auto;
    opacity: 0;
}

.for-contact__list___28h1_:hover .for-contact__remove___2_ChT {
    opacity: 1;
}

.contact-page__root___3hc1F {
    flex-direction: column;
    padding: 0 40px 20px 0;
    flex: 0 0 auto;
    height: 100%;
    overflow-y: auto;
}

.contact-page__header____YNGE {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 40px 0;
    flex: 0 0 auto;
}

.contact-page__title___Vbrf0 {
    font-size: 16px;
}

.contact-page__link___1a0V- {
    cursor: pointer;
}

.contact-page__root___3hc1F ul {
    list-style: none;
    padding: 0;
    flex-direction: column;
}

.contact-page__root___3hc1F li {
    margin-top: 10px;
}

.contact-page__columns___2IdGF {
    width: 100%;
}

.contact-page__leftColumn___3Dwwi {
    flex: 1 1;
    flex-direction: column;
    margin-left: 40px;
}

@media (min-width: 941px) {
    .contact-page__columns___2IdGF {
        justify-content: space-between;
    }

    .contact-page__rightColumn___3mbc3 {
        min-width: 200px;
        flex-direction: column;
    }

        .contact-page__rightColumn___3mbc3 > * {
            flex: 0 0 auto;
            margin-bottom: 8px;
        }
}

@media (max-width: 940px) {
    .contact-page__columns___2IdGF {
        flex-flow: column;
    }

    .contact-page__rightColumn___3mbc3 {
        flex-flow: row;
        order: -1;
        padding-left: 40px;
        margin-bottom: 20px;
    }

        .contact-page__rightColumn___3mbc3 > * {
            flex: 1 0;
            margin-right: 16px;
        }

            .contact-page__rightColumn___3mbc3 > *:last-child {
                margin-right: 0;
            }
}

.contact-page__contactInfoSection___2x3Ft {
    flex-direction: column;
    margin-bottom: 40px;
}

    .contact-page__contactInfoSection___2x3Ft li {
        margin-top: 10px;
    }

.contact-page__contactInfoSectionLists___1VdR8 {
}

    .contact-page__contactInfoSectionLists___1VdR8 > .contact-page__heading___2S6IF {
        margin-bottom: 8px;
    }

.contact-page__heading___2S6IF {
}

.contact-page__primary___ZkNTF {
    margin-left: 20px;
}

.contact-page__contactView___3z91Y {
    flex-flow: column;
}

.contact-page__root___3E9Ok {
    flex-flow: column;
    padding: 32px;
}

.contact-page__title___2mrD2 {
    margin-bottom: 32px;
}

.contact-page__root___3E9Ok .contact-page__view___1I4M8 {
    max-width: 300px;
}

.header__root___20w13 {
    position: relative;
    height: 56px;
    border-bottom: 1px solid #dddddd;
}

.view__root___5NoND {
    flex-flow: column;
    padding: 20px;
}

    .view__root___5NoND > * {
        margin: 0 0 20px;
    }

        .view__root___5NoND > *:last-child {
            margin-bottom: 0;
        }

    .view__root___5NoND h2 {
        margin-bottom: 0;
    }

.view__nav___2Cop_ {
    align-items: center;
}

.view__actions___2xZyW {
    margin-left: auto;
}

.view__button___2iDpC {
    margin-left: 10px;
}

.name-form__form___1154i {
    flex: 1 0 auto;
    flex-flow: column;
    font-size: 14px;
}

    .name-form__form___1154i > * {
        margin-bottom: 30px;
    }

        .name-form__form___1154i > *:last-child {
            margin-bottom: 0;
        }

.name-form__label___14o9X {
    align-items: baseline;
}

.name-form__nameInput___Xko-x {
    flex: 1 0 auto;
    margin-left: 15px;
}

.name-form__actions___3nlen {
    justify-content: flex-end;
}

.name-form__cancel___1uvkf {
    margin-right: 30px;
}

.name-form__submit___brwGQ {
    min-width: 100px;
}

.new__root___hhR9T {
    flex-flow: column;
    max-width: 530px;
    flex: 1 0 auto;
    padding: 20px;
}

.new__title___25b_k {
    justify-content: center;
    margin-bottom: 20px;
}

.settings__root___3lLcx {
    flex-flow: column;
    max-width: 520px;
}

    .settings__root___3lLcx > * {
        margin-bottom: 20px;
    }

.settings__form___2WnM1 {
    flex-flow: column;
}

.settings__row___3AL0S {
    align-items: baseline;
    margin-bottom: 10px;
}

.settings__label___1kRQ8 {
    margin-right: 10px;
}

.settings__input___iQJu6 {
    flex: 1 0;
}

.settings__save___3u_87 {
    margin-left: auto;
}

.settings__delete___2GOHw {
}

/* prettier-ignore */
.content__eventContent___2lTz5 {
    flex-direction: column;
    justify-content: stretch;
    width: 750px;
}

.content__readOnlyNotice___zwsXq {
    margin-bottom: 20px;
}

.content__headers___3Zrdy {
    flex-direction: row;
    display: flex;
    margin-bottom: 13px;
}

.content__headerColumn___L7ezz {
    width: 50%;
    flex-direction: column;
}

.content__newHeaderColumn___3VMSj {
    width: 560px;
    flex-direction: column;
}

.content__headerItem___2NXBx,
.content__advancedOptions___3dgN3 {
    flex-flow: column;
}

    .content__headerItem___2NXBx label {
        display: flex;
        align-items: center;
        padding-bottom: 13px;
        position: relative;
        flex: 1 0 auto;
    }

.content__emailListInput___1jQys {
    flex: 1 0;
    width: 0;
}

.content__headerTitle___3xpXG {
    padding-right: 10px;
    text-align: right;
    width: 100px;
    flex: 0 1 100px;
}

.content__headerTitleBlock___3C1qV {
    padding-right: 10px;
    width: 200px;
    flex: 0 1 200px;
    flex-flow: column;
    justify-content: stretch;
}

.content__headerTitleText___hy5Nz {
    text-align: left;
}

.content__headerSubtitleText___Z9YIt {
    color: #919191;
}

.content__newHeaderInput___3b_TP {
    flex: 1 0 auto;
}

.content__headerInput___3N0-B {
    max-width: 275px;
}

.content__headerSelect___2ycdR {
    flex: 1 0 auto;
}

.content__headerInputError___xER2l {
    border: 1px solid #ea3556;
    border-radius: 4px;
}

.content__tokenListInputContainer___2oVPc {
    max-width: 460px;
}

.content__tokenListInputContainer___2oVPc,
.content__dynamicTypeAheadContainer___3qdKp {
    flex: 1 0 auto;
}

.content__errorContainer___1ib_n {
    width: 560px;
    margin: 50px 0;
    flex-flow: column;
    align-items: center;
}

.content__errorMessage___3Vmm0 {
    color: #ea3556;
    align-items: center;
}

.content__attachments___CIF3L {
    flex-flow: column;
    padding-left: 100px;
}

.content__attachmentsAnimationContainer___nwOw_ {
    flex-flow: column;
}

.content__attachmentBox___2KF47 {
    position: relative;
    justify-content: center;
    align-items: center;
    height: 40px;
    /* width: 244px; */
    padding: 12px 16px;
    margin-bottom: 10px;
    color: rgb(0, 127, 175);
    font-size: 14px;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

.content__attachment___2F2zE {
    justify-content: space-between;
}

.content__attachmentTitle___2fLGX {
    flex-grow: 1;
}

.content__attachmentSizeText___1u8vG {
    margin-left: 16px;
    color: #2b2b2b;
}

.content__deleteAttachmentIcon___34DTt {
    flex-shrink: 0;
    margin-left: 20px;
    cursor: pointer;
}

.content__addAttachment___1FvjF {
    flex: 1 0;
    cursor: pointer;
    align-self: stretch;
}

    .content__addAttachment___1FvjF:hover,
    .content__addAttachment___1FvjF:focus {
        background-color: #fff;
    }

.content__attachmentIcon___3L6fL {
    position: absolute;
    top: 10px;
    left: 13px;
}

.content__fileInput___mgfD7 {
    display: none;
}

.content__modules___2Otyu {
    flex-flow: column;
}

.content__alertNotify___da8fN {
    flex-flow: column wrap;
    margin: 0 0 15px auto;
}

.content__alertNotifyRadio___klMK2 {
    align-self: flex-end;
}

.content__alertNotifyTitle___3_d6l {
    margin-right: 12px;
}

.content__alertNotifyEmpty___3QHaX {
    font-size: 13px;
}

.content__alertNotifyRadioLabel___-gcEZ {
    margin-right: 12px;
}

    .content__alertNotifyRadioLabel___-gcEZ:last-child {
        margin-right: 0;
    }
/* Event-Actions styles */
.content__actions___3LzwE {
    margin: 13px 0;
    justify-content: flex-end;
}

.content__action___1BOWh {
    cursor: pointer;
}

.content__actionIcon___3CySf {
    display: none;
}

.content__spacer___2J5mN {
    padding: 0 20px;
}

.content__smsAction___1HO6G {
    display: inline;
}

    .content__smsAction___1HO6G .content__action___1BOWh {
        display: inline-block;
    }

.content__actionLabel___2V8Av {
}

.content__advancedOptionToggle___3WHwC {
    margin: 42px 0 46px;
    flex-flow: column;
    display: flex;
    align-items: center;
}

.content__advancedOptionRule___7n_wT,
.content__rule___tykjR {
    border-top: 1px solid #dddddd;
    width: 100%;
    margin: 0;
}

.content__advancedOptionButton___yPBCU {
    margin-top: -0.66em;
    padding: 4px 24px;
    background: #f7f7f7;
}

.content__advancedOptions___3dgN3 {
    margin-bottom: 46px;
}

.content__rule___tykjR {
    margin: 2em auto;
}
/* tooltips just outside of headerItem */
.content__helpToolTip___2CSLe {
    position: absolute;
    right: -40px;
}

.content__headerTokenInput___3tX8n {
    flex: 1 0 auto;
}

.review-event__reviewBox___1aqgs {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    background-color: #fff;
    padding: 43px 39px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.review-event__row___2jpZl {
    display: flex;
    flex-direction: row;
    margin-bottom: 34px
}

.review-event__label___2iBr9 {
    color: #c4c4c4;
    width: 235px;
    font-size: 16px;
    align-items: flex-start;
}

.review-event__typeLabel___26Ozi {
    align-items: center;
}

.review-event__content___3wh1y {
    align-items: center;
}

    .review-event__content___3wh1y svg {
        height: 65px;
    }

.review-event__minitable___2PVJK {
    flex-direction: column;
    color: #5e5e5e;
}

.review-event__minirow___dKkFv {
    margin-bottom: 10px;
}

.review-event__fieldName___22srn {
    width: 120px;
}

/* prettier-ignore */
.page__page___2xFuZ {
    background: #f7f7f7;
    flex-flow: column;
    flex: 1 0 auto;
}

.page__titleBox___3OQ2S {
    border: 1px solid #ededed;
    border-width: 1px 0 1px;
}

.page__title___r17sh {
    align-items: center;
    height: 70px;
    padding: 0 40px;
    background: #fff;
}

.page__bottomBorder___2ViKY {
    border-bottom: 1px solid #dddddd;
}

.page__tabsIcon___3PeWH {
    height: 20px;
}

.page__eventsIcon___33ULM {
}

    .page__eventsIcon___33ULM > * {
        stroke: #5e5e5e;
    }

.page__audienceIcon___2R9ay {
}

    .page__audienceIcon___2R9ay > * {
        stroke: #5e5e5e;
    }

.page__settingsIcon___1A8Ix {
}

    .page__settingsIcon___1A8Ix > * {
        fill: #5e5e5e;
    }
/* This class is re-used by other modules */
.page__content___1wsqf {
    flex-flow: column;
    flex: 1 0 auto;
    padding: 1em 40px;
}

    .page__content___1wsqf:last-child {
        border-bottom: none;
    }

.page__toggleContainer___1aEBR {
}

.page__toggle___2QBVw {
    margin-left: 10px;
}

.page__save___1exn4 {
    min-width: 95px;
}

.page__cancel___2R-_E {
    margin-right: 30px;
    color: rgb(0, 127, 175);
}

.page__crumbTitle___2_BEH {
    text-transform: capitalize;
}

.page__crumbEventIcon___16SNQ {
    bottom: 2px;
}

    .page__crumbEventIcon___16SNQ > * {
        stroke: #5e5e5e;
    }

.page__analyticsButton___1eiK7 {
    display: flex;
    align-self: center;
}

.page__activationMessageBox___A9vo0 {
}

.page__activationWarning___3ou72 {
    width: 100%;
    margin: 10px 20px;
}

.page__activationCancel___yfw_u {
    color: #ea3556;
    cursor: pointer;
    margin-left: 80px;
}

.page__filterInProgress___2enfe {
    color: rgb(147, 39, 143);
    margin-right: 20px;
}

.page__largeSmsActivationError___1E8q4 {
    display: block;
}

    .page__largeSmsActivationError___1E8q4 > a {
        color: rgb(0, 127, 175);
        text-decoration: underline;
    }

.new-multientity__page___3K3xW {
}

.new-multientity__content___1rACo {
    padding: 40px;
    font-size: 17px;
    max-width: 950px;
    flex-direction: column;
}

.new-multientity__column___A-Zx1 {
    flex-direction: column;
}

.new-multientity__formRow___3DQHH {
    margin-bottom: 40px;
}

.new-multientity__title___3TGEz {
    flex: 1 0 auto;
}

.new-multientity__titleBox___QKa3p {
    border-color: #c4c4c4;
}

.new-multientity__subtitle___1vqn0 {
    font-size: 17px;
}

.new-multientity__label___2RhZx {
    font-size: 14px;
    align-items: center;
    margin-right: 40px;
}

.new-multientity__stretchyInput___12V6m {
    flex: 1 0 auto;
    margin-bottom: 0;
}

.new-multientity__nameInput___3iwwB {
}

.new-multientity__nameInputError___2cSht {
    background: #f4e2e6;
    border: 1px solid #ea3556;
}

.new-multientity__dropdown___f-xCa,
.new-multientity__dropdownError___1e_57 {
}

.new-multientity__checkbox___3wFm- {
    display: flex;
    align-self: center;
}

.new-multientity__table___7-F6k {
    margin-bottom: 40px;
    overflow: visible;
    border: 0;
    border-color: #c4c4c4;
}

.new-multientity__tableBody___GMm2n {
}

.new-multientity__row___11ohk {
    overflow: visible;
    height: auto;
    min-height: 40px;
    background-color: transparent;
    align-items: stretch;
}

.new-multientity__tableHeader___1_yla {
    height: 30px;
    border-color: #c4c4c4;
}

.new-multientity__headerCell___2KbLd {
    padding: 0 20px;
    border-right: 0;
}

    .new-multientity__headerCell___2KbLd:first-child {
        padding-left: 0;
    }

.new-multientity__cell___H0WPn {
    white-space: inherit;
    text-overflow: inherit;
    border-left: 1px solid #c4c4c4;
    padding: 24px 20px;
}

    .new-multientity__cell___H0WPn:first-child {
        padding-left: 0;
    }

    .new-multientity__cell___H0WPn:first-child,
    .new-multientity__cell___H0WPn:last-child {
        border-left: 0;
    }

.new-multientity__labelCell___329z4 {
    font-size: 14px;
    font-weight: bold;
}

.new-multientity__capitalize___2oRja {
    text-transform: capitalize;
}

.new-multientity__createModeSegmentedButton___3JBJV {
    width: 100%;
    font-size: 15px;
    background: white;
}

.new-multientity__recipientList___3RIWP {
    padding-left: 1em;
}

.new-multientity__continueButtonRow___2HVjR {
    justify-content: flex-end;
}

.new-multientity__continueButton___2lwqC {
    padding-left: 4em;
    padding-right: 4em;
}

.new-multientity__continueButtonDisabled___2vzsZ {
}

.new-multientity__selectButton___15_rh {
    padding-left: 2em;
    padding-right: 2em;
    width: 112px;
}

.new-multientity__selectButtonSelected___QvQ2v {
}

    .new-multientity__selectButtonSelected___QvQ2v,
    .new-multientity__selectButtonSelected___QvQ2v:hover {
        background-color: rgb(25, 110, 70);
        cursor: default;
    }

.nested-checklist__rootList___tRofy {
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .nested-checklist__rootList___tRofy .nested-checklist__rootList___tRofy {
        margin-left: 35px;
    }

.nested-checklist__closedArrow___3Uv4j {
    transform: rotate(180deg);
    position: absolute;
    cursor: pointer;
    padding: 5px;
    box-sizing: content-box;
    left: -10px;
}

    .nested-checklist__closedArrow___3Uv4j:hover path {
        stroke: rgb(0, 127, 175);
    }

.nested-checklist__openArrow___PbtSt {
    transform: rotate(270deg)
}

.nested-checklist__nestedChecklist___G4eq7 {
    flex-flow: column;
}

.nested-checklist__bigCheckbox___O19k9 {
    background: #fff;
    width: 300px;
    border-radius: 4px;
    margin: 10px 0;
    border: 1px solid #c4c4c4;
}

    .nested-checklist__bigCheckbox___O19k9:first-child {
        margin-top: 0;
    }

.nested-checklist__checkbox___2T3TA {
    flex-flow: column;
}

.nested-checklist__checkboxLabel___fl96P {
    position: relative;
    display: flex;
    align-items: center;
    margin: 25px;
}

.nested-checklist__checkboxInput___1eOar {
    margin: 0 20px;
    /* TODO(marcos) something adding a 4px bottom padding here unless i set this*/
    height: 20px;
}

.new-nonmultientity__page___1XCk- {
}

.new-nonmultientity__content___2Fonr {
    flex-flow: column;
    max-width: 375px;
}

.new-nonmultientity__subtitle___3qMNo {
    font-size: 17px;
}

.new-nonmultientity__content___2Fonr form {
    flex-flow: column;
    margin-top: 36px;
    font-size: 14px;
}

.new-nonmultientity__formRow___287SC {
    margin-bottom: 10px;
}

.new-nonmultientity__subFormRow___148_8 {
    margin-top: 20px;
}

.new-nonmultientity__label___IgYDH {
    align-items: center;
    min-width: 130px;
}

.new-nonmultientity__topLabel___2i4nd {
    align-items: flex-start;
}

.new-nonmultientity__inputColumn___15CbS {
    flex-flow: column;
    color: #c4c4c4;
}

    .new-nonmultientity__inputColumn___15CbS input {
        margin-right: 1em;
    }

    .new-nonmultientity__inputColumn___15CbS label {
        margin-bottom: 1em;
    }

.new-nonmultientity__textInput___3Itzx {
}

.new-nonmultientity__footNote___3jyBo {
    padding-left: 130px;
    font-size: 12px;
    font-weight: medium;
    color: #5e5e5e;
}

.new-nonmultientity__permissionsBlock___3jin4 {
    flex-flow: column;
}

.new-nonmultientity__permissionsHeader___3qaq7 {
    margin-top: 28px;
}

.new-nonmultientity__permissionsLabel___2ToUo {
    margin-bottom: 0.5em;
}

.new-nonmultientity__submit___3Ga2e {
    margin-top: 30px;
    padding: 0 26px;
    height: 46px;
    align-self: flex-end;
}

.new-nonmultientity__journeySelectOption___JCVAE {
    text-transform: capitalize;
}

.settings__content___2j4WO {
}

.settings__main___iRkRr {
    max-width: 652px;
    flex-direction: column;
}

.settings__leftColumn___c54uB {
    flex-flow: column;
    width: 350px;
    margin-right: 42px;
}

.settings__readOnlyNotice___2L1GF {
    margin-bottom: 20px;
}

.settings__error___2JwAZ {
    color: red;
}

.settings__labelWrapper___kBSVh {
    flex-flow: column;
    margin-bottom: 10px;
}

.settings__label___1Q4GA {
    margin-bottom: 0.5em;
}

.settings__input___3DUJr {
}

.settings__row___1vLWu {
    justify-content: center;
}

.settings__buttons___32_4w {
    justify-content: center;
}

.settings__saveButton___36w9i {
    margin-top: 58px;
    width: 100px;
}

.settings__deleteButton___3vQ0S {
    align-self: flex-end;
    margin-bottom: 17px;
}

.settings__rightColumn___2ofZl {
    flex: 1 0;
    flex-flow: column;
}

.settings__colorLabel___1kX5E {
    margin-top: 20px;
}

.settings__colorPicker___ObFin input[type="text"] {
    flex: 1 0;
    width: 0; /* NOTE (kyle): hack to fix input flex behavior */
}

.settings__eventsDownloadCsv___1EAWy {
    flex-flow: column;
    align-items: center;
    margin-top: 30px;
}

.settings__downloadButton___3fCts {
    color: blue;
    margin-bottom: 8px;
}

.settings__downloadHelp___5LVSl {
    max-width: 210px;
    font-style: italic;
    font-size: 12px;
}

/* prettier-ignore */
/*
 * Container
 */
.events__container___1SC6g {
    flex: 1 0 auto;
    padding: 1em 40px;
    border-bottom: 1px solid #dddddd;
}

.events__header___4m2Nn {
    margin-bottom: 1em;
    align-items: center;
    justify-content: space-between;
}

.events__title___2_mQC {
}
/*
 * Event lists and timelines
 */
.events__eventLists___HykJu {
    flex-flow: column;
}

.events__eventList___9WFGN,
.events__eventListTimeline___3dxjW {
    flex-flow: column;
    margin: 0 0 20px;
}

.events__timelines___2pznO {
    flex-flow: column;
}

.events__timelineTitle___2dbzt {
    color: #5e5e5e;
    margin: 0 0 20px;
}

.events__timelineTitleUnscheduled___1cH6W {
}

.events__timelineTitleDisabled___bw0Qn {
    color: #ea3556;
}

.events__timeline___1kkRT {
    position: relative;
    flex-flow: column;
    margin-bottom: 24px;
    padding: 0 0 32px 40px;
    border-bottom: 1px solid #dddddd;
    width: 100%;
}

.events__timelineRelative___1Zbcb {
}

.events__timelineScheduled___3y1-p {
}

.events__timelineRelative___1Zbcb::before {
    content: '';
    position: absolute;
    left: 40px;
    top: 30px;
    width: 1px;
    height: calc(100% - 90px);
    background: #dddddd;
}

.events__timelineRelative___1Zbcb .events__eventRow___1uK0w {
    margin-top: 0;
}

.events__timelineItem___3mMuN {
    min-width: 37px;
    height: 37px;
    justify-content: center;
    align-items: center;
    border: 1px solid #dddddd;
    border-radius: 50%;
    background: #ededed;
    font-size: 12px;
    color: #5e5e5e;
}

.events__milestone___2g9jl {
    position: relative;
    align-self: flex-start;
    left: -45px;
    height: 30px;
    width: 90px;
    border-radius: 15px;
}

.events__eventRow___1uK0w .events__milestone___2g9jl {
    position: absolute;
    left: -44px;
    top: calc(50% - 15px);
}

.events__list___1X15o {
    flex-flow: column;
    width: 100%;
}

.events__eventRow___1uK0w {
    position: relative;
    align-items: center;
    align-self: stretch;
    max-width: 800px;
    margin-top: 24px;
}

    .events__eventRow___1uK0w:first-child {
        margin-top: 0;
    }

.events__list___1X15o .events__eventRow___1uK0w {
    align-self: stretch;
    max-width: 842px;
}

.events__timelineNumber___3vSHc {
    position: absolute;
    left: -18px;
    top: calc(50% - 18px);
}

.events__timelineDate___qW08T {
    position: absolute;
    left: -30px;
    top: calc(50% - 30px);
    width: 60px;
    flex-flow: column;
    align-items: center;
    margin-top: 10px;
}

.events__calendarIcon___1a5eN {
    margin-bottom: 8px;
}

.events__recurIcon___3QxsI {
    position: absolute;
    right: -4px;
    top: 12px;
    fill: #ea3556;
}

.events__eventContainer___1C27j {
    position: relative;
    flex: 1 0;
    margin-left: 65px;
}

.events__list___1X15o .events__eventContainer___1C27j {
    margin-left: 0;
}

.events__event___2OY8B::before {
    content: '';
    width: 20px;
    border-radius: 4px 0 0 4px;
    align-self: stretch;
    background: #ea3556;
}

.events__event___2OY8B {
    display: flex;
    position: relative;
    flex: 1 0;
    min-height: 84px;
}

.events__pointer___22j3R {
    position: absolute;
    left: -5px;
    top: calc(50% - 5px);
    fill: #ea3556;
    width: 5px;
    height: 10px;
}

.events__details___1rcXh {
    flex: 1 0;
    font-size: 14px;
    padding: 0 14px 0 34px;
}

.events__eventTitle___3uPG6 {
    flex: 1 0;
    /* max-width: 616px; */
    align-items: center;
}

    .events__eventTitle___3uPG6 a {
        max-height: 84px;
        overflow: hidden;
    }

        .events__eventTitle___3uPG6 a:hover {
            color: #000;
        }

.events__eventTrigger___166YS {
    flex: 1 0;
    padding: 12px 0;
    align-items: center;
}

.events__eventTriggerText___3svXC {
    font-weight: bold;
}

.events__dayOfWeek___KZq8k {
    flex: 1 0;
    align-items: center;
}

.events__dowText___11S92 {
    margin-left: 4px;
}

.events__dowTextBold___33-qB {
    font-weight: bold;
    margin-left: 4px;
}

.events__sub___cANQ_ {
    flex: 0 0 auto;
    align-items: center;
}

    .events__sub___cANQ_ svg {
        margin-right: 0.5em;
        stroke: #ea3556;
        fill: none;
    }

.events__spacer___3Ne9b {
    display: none;
}

.events__eventListDisabled___3Ds55,
.events__eventListScheduled___uU8kX,
.events__eventListFieldChange___3jCZU,
.events__eventListCreated___2pIP8,
.events__eventListRecurring___2HG4F,
.events__eventListRelative___3uB6m,
.events__eventListCampaign___2Utnk {
    flex-flow: column;
    margin: 0 0 20px;
}
/* colors */
.events__eventListTimeline___3dxjW .events__event___2OY8B::before {
    background-color: rgb(0, 127, 175);
}

.events__eventListDisabled___3Ds55 .events__event___2OY8B::before {
    background-color: #ea3556;
}

.events__eventListScheduled___uU8kX .events__event___2OY8B::before,
.events__eventListRecurring___2HG4F .events__event___2OY8B::before {
    background-color: rgb(0, 132, 125);
}

.events__eventListFieldChange___3jCZU .events__event___2OY8B::before,
.events__eventListRelative___3uB6m .events__event___2OY8B::before {
    background-color: rgb(147, 39, 143);
}

.events__eventListCampaign___2Utnk .events__event___2OY8B::before {
    background-color: rgb(251, 209, 93);
}

.events__eventList___9WFGN .events__unscheduledEventContainer___1jwHw .events__event___2OY8B::before {
    background-color: #dddddd;
}

.events__eventListTimeline___3dxjW .events__pointer___22j3R {
    fill: rgb(0, 127, 175);
}

.events__eventListDisabled___3Ds55 .events__pointer___22j3R {
    fill: #ea3556;
}

.events__eventListScheduled___uU8kX .events__pointer___22j3R,
.events__eventListRecurring___2HG4F .events__pointer___22j3R {
    fill: rgb(0, 132, 125);
}

.events__eventListFieldChange___3jCZU .events__pointer___22j3R,
.events__eventListRelative___3uB6m .events__pointer___22j3R {
    fill: rgb(147, 39, 143);
}

.events__eventListCampaign___2Utnk .events__pointer___22j3R {
    fill: rgb(251, 209, 93);
}

.events__eventList___9WFGN .events__unscheduledEventContainer___1jwHw .events__pointer___22j3R {
    display: none;
}

.events__eventListTimeline___3dxjW .events__sub___cANQ_ svg {
    stroke: rgb(0, 127, 175);
}

.events__eventListDisabled___3Ds55 .events__sub___cANQ_ svg {
    stroke: #ea3556;
}

.events__eventListScheduled___uU8kX .events__sub___cANQ_ svg,
.events__eventListRecurring___2HG4F .events__sub___cANQ_ svg {
    stroke: rgb(0, 132, 125);
}

.events__eventListFieldChange___3jCZU .events__sub___cANQ_ svg,
.events__eventListRelative___3uB6m .events__sub___cANQ_ svg {
    stroke: rgb(147, 39, 143);
}

.events__eventListCampaign___2Utnk .events__sub___cANQ_ svg {
    stroke: rgb(251, 209, 93);
}

.events__eventList___9WFGN .events__unscheduledEventContainer___1jwHw .events__sub___cANQ_ svg {
    stroke: #dddddd;
}

.events__eventListTimeline___3dxjW .events__recurIcon___3QxsI {
    fill: rgb(0, 127, 175);
}

.events__eventListDisabled___3Ds55 .events__recurIcon___3QxsI {
    fill: #ea3556;
}

.events__eventListScheduled___uU8kX .events__recurIcon___3QxsI,
.events__eventListRecurring___2HG4F .events__recurIcon___3QxsI {
    stroke: rgb(0, 132, 125);
}

.events__eventListFieldChange___3jCZU .events__recurIcon___3QxsI,
.events__eventListRelative___3uB6m .events__recurIcon___3QxsI {
    stroke: rgb(147, 39, 143);
}

.events__eventListCampaign___2Utnk .events__recurIcon___3QxsI {
    stroke: rgb(251, 209, 93);
}

.events__eventList___9WFGN .events__unscheduledEventContainer___1jwHw .events__recurIcon___3QxsI {
    fill: #dddddd;
}
/*Branching */
.events__branchEventContainer___1RwYs {
    flex-flow: column;
    width: 100%;
}

.events__unscheduledEventContainer___1jwHw {
    flex-flow: column;
    width: 100%;
}

    .events__unscheduledEventContainer___1jwHw .events__event___2OY8B {
        margin-left: 0;
    }

.events__branch___1TGCA {
    margin-left: 180px;
    background: #fff;
    border-radius: 0 4px 4px 0;
    border: 1px solid #c4c4c4;
}

    .events__branch___1TGCA::before {
        background-color: rgb(147, 39, 143);
    }

    .events__branch___1TGCA .events__recurIcon___3QxsI {
        fill: rgb(147, 39, 143);
    }

    .events__branch___1TGCA .events__pointer___22j3R {
        fill: rgb(147, 39, 143);
    }

    .events__branch___1TGCA .events__sub___cANQ_ svg {
        stroke: rgb(0, 127, 175);
    }

.events__branchEvent___1Y_YX {
}

    .events__branchEvent___1Y_YX::before {
        background-color: rgb(0, 127, 175);
    }

    .events__branchEvent___1Y_YX .events__recurIcon___3QxsI {
        fill: rgb(0, 127, 175);
    }

    .events__branchEvent___1Y_YX .events__pointer___22j3R {
        fill: rgb(0, 127, 175);
    }

    .events__branchEvent___1Y_YX .events__sub___cANQ_ svg {
        stroke: rgb(0, 127, 175);
    }

.events__branchEventUnscheduled___TT_Cv {
}

    .events__branchEventUnscheduled___TT_Cv::before {
        background-color: #dddddd;
    }

    .events__branchEventUnscheduled___TT_Cv .events__sub___cANQ_ svg {
        stroke: #dddddd;
    }

.events__branchRow___299Ob {
    position: relative;
    align-items: center;
    align-self: stretch;
    max-width: 800px;
    padding-top: 24px;
}

.events__list___1X15o .events__branchRow___299Ob {
    align-self: stretch;
    margin-bottom: 10px;
    margin-left: 100px;
    max-width: 742px;
}

.events__branchRow___299Ob .events__milestone___2g9jl {
    position: absolute;
    left: -46px;
    top: calc(50% - 15px);
}

.events__branchRow___299Ob .events__branchIcon___1mJXy {
    position: absolute;
    top: calc(50% - 8px);
    left: 32px;
}

.events__branchScheduleItem___3ecEu .events__timelineDate___qW08T,
.events__branchScheduleItem___3ecEu .events__timelineNumber___3vSHc {
    margin-left: 120px;
    margin-top: 24px;
}

.events__branchScheduleItem___3ecEu .events__timelineDate___qW08T {
    width: 62px;
}

.events__connector___3dtm- {
    position: absolute;
    margin-left: 120px;
    top: calc(50% - 56px);
    height: 50px;
    border-left: 1px solid #c4c4c4;
}

.events__connectorSmall___1ekCh {
    height: 25px;
    top: calc(50% - 45px);
}

.events__eventPaused___2qOFD::before,
.events__eventPaused___2qOFD .events__pointer___22j3R {
    opacity: 0.5;
}

.events__eventPaused___2qOFD .events__details___1rcXh {
    background: repeating-linear-gradient( -50deg, #ededed, #ededed 3px, #dddddd 3px, #dddddd 4px );
}

.events__pausedLabel___18mRV {
    color: #ff9800;
    margin-right: 20px;
    font-style: italic;
    flex: 0 0 auto;
    align-items: center;
}

.events__pauseIcon___3ChBc {
    stroke: #ff9800;
    margin-left: 10px;
}

/* prettier-ignore */
/* 
 * Event creation 
 */
.events-header__eventsHeader___gi0bC {
    flex-flow: column nowrap;
    align-items: center;
}

.events-header__blockWrap___1Wvy0 {
    flex: 1 0 auto;
    width: 100%;
    justify-content: center;
    margin: 50px 0 80px;
}

.events-header__block___3dOLu {
    display: flex;
    flex: 0 0 225px;
    flex-flow: column nowrap;
    align-items: center;
}

.events-header__text___XgRFC {
    text-align: center;
    max-width: 200px;
}

.events-header__divider___3MUER {
    flex: 0 0 auto;
    flex-flow: column nowrap;
    padding: 0 80px;
    align-items: center;
}

.events-header__or___28O_U {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    color: #919191;
    border: 1px solid #c4c4c4;
    border-radius: 100px;
}

.events-header__dashedBlock___1fpc9 {
    border: 1px dashed #c4c4c4;
    width: 2px;
    flex: 1 0 auto;
}

.events-header__buildEventsIcon___3BpYM {
    position: relative;
    left: 8px;
}

.events-header__subtitle___2ByRp {
    flex-direction: row;
    width: 100%;
    margin-bottom: 20px;
}

.events-header__subtitleText___1KJoR {
    margin: 12px 0;
    align-items: flex-start;
    flex: 1 1 auto;
    align-items: center;
}

.events-header__subtitleWorkflowType___17pmB {
}

.events-header__subtitleEventsIcon___1kN47 {
    margin-right: 12px;
}

.events-header__button___1mGqD {
    display: flex;
    flex: 1 0 auto;
    height: 36px;
    line-height: 36px;
}

.events-header__wideButton___3hIsy {
    width: 225px;
}

.new__container___3RkI9 {
    justify-content: flex-end;
    align-items: center;
}

.new__input___3v7b7 {
    margin: 0 10px;
}

.new__invalid___1is1b {
    border-color: #ea3556;
}

.new__button___1Qd96 {
}

.new__columnarContainer___dAdpI {
    flex-direction: column;
}

    .new__columnarContainer___dAdpI .new__input___3v7b7 {
        margin: 0 0 1em;
    }

    .new__columnarContainer___dAdpI .new__button___1Qd96 {
        align-self: stretch;
    }

.named-divider__flexDivider___22t6u {
    display: flex;
    align-items: center;
    justify-content: center;
}


.named-divider__smallDivider___1YVHN {
    width: 33%;
}


.named-divider__flexRule___k5bLh {
    height: 0;
    border-width: 0;
    border-top: 1px solid #dddddd;
    flex: 1 1;
}


.named-divider__dottedRule___1QpIZ {
    border-top: 2px dotted #dddddd;
}


.named-divider__bubble___23x6I {
    font-size: 9px;
    background: #fff;
    border: 1px solid #aaaaaa;
    border-radius: 50px;
    width: 28px;
    height: 28px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 21px;
    text-indent: 1px;
    margin: 0;
}


.named-divider__sectionName___1NKpH {
    background: #fff;
    position: relative;
    padding: 1px 1em;
    text-align: center;
}

.include-exclude__includeExcludeRoot___2btqu {
    flex: 1 1;
    line-height: 40px;
    font-size: 14px;
}

    .include-exclude__includeExcludeRoot___2btqu :checked + * {
        font-weight: bold;
    }

.rule-header__ruleHeader___pn75z {
    border: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 16px 0 20px;
    line-height: 13px;
}


.rule-header__headerText___36yVK {
    flex: 1 1;
}


.rule-header__plusButton___3QU0N {
    fill: #777777;
    height: 13px;
    width: 13px;
    margin-right: 8px;
}


.readonly-rule__readOnlyControls___3k-sG {
    position: absolute;
    top: 16px;
    right: 0;
}

.readonly-rule__editButton___ezKGK, .readonly-rule__deleteButton___3vrJR {
    /*opacity: 0;*/
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
}

.readonly-rule__readOnlyControls___3k-sG:hover .readonly-rule__editButton___ezKGK {
    opacity: 1;
}

.readonly-rule__readOnlyControls___3k-sG svg {
    width: 14px;
    height: 14px;
}

/*the main componetn*/

.rule-editor__ruleEditorContainer___3vpUB {
    flex-flow: column;
    align-items: stretch;
    width: 400px;
}

    .rule-editor__ruleEditorContainer___3vpUB > * {
        margin-bottom: 16px;
    }

.rule-editor__editingRule___3j1Zo,
.rule-editor__readOnlyRule___1jNx9 {
    width: 410px;
    align-self: center;
}

/* main token input for fields */

.rule-editor__tokenInputClassName___km7S1 {
    flex: 1 0 40px;
    height: 40px;
}

.rule-editor__tokenInputContainer___3AnGQ {
    flex: 1 0 40px;
    width: auto;
}

.rule-editor__fieldOptionsContainer___govxp {
    max-height: 250px;
}

.rule-editor__tokenClassName___339vZ {
    flex: 1 1;
}

.rule-editor__tokenInputToken___321Km {
    width: auto;
    flex: 1 1;
}

.rule-editor__addButton___3_kuq {
    background-color: rgb(0, 127, 175);
    align-self: stretch;
    align-items: center;
    color: white;
    width: 80px;
    justify-content: center;
    margin-right: -20px;
    cursor: pointer;
}

.rule-editor__numberRuleContainer___sFtzE {
    flex-flow: column;
    align-items: stretch;
}

.rule-editor__numberRuleInput___16F7O {
    flex: 1 1;
}

.rule-editor__numberRuleOffsetLabel___3S2Ty {
    text-align: right;
    margin: 0 0 0 20px;
    width: 40px;
    align-self: center;
}

.rule-editor__applyButton___JKzTC {
}

.rule-editor__fieldToken___fz_lD {
}

/*css to force width of datepicker*/

.rule-editor__datePicker___3enBA {
    width: 100%;
}

    .rule-editor__datePicker___3enBA > div,
    .rule-editor__datePicker___3enBA .react-datepicker-wrapper,
    .rule-editor__datePicker___3enBA .react-datepicker-wrapper > div,
    .rule-editor__datePicker___3enBA input {
        width: 100%;
    }

.rule-editor__settingsArea___3Y2Ca {
    justify-content: flex-end;
    align-items: center;
}

.rule-editor__emptyToggle___3vqg5 {
    margin-left: 10px;
}

.rule-editor__toggleBlock___1Mk82 {
    max-height: 40px;
    margin: 0;
}

.rule-editor__settingsButton___3otlG {
    cursor: pointer;
    padding: 10px;
    margin-left: 20px;
    height: 40px;
}

.rule-editor__settingsGear___m3Lar {
    fill: #777777;
    transition: transform 220ms;
    height: 20px;
    width: 20px;
}

.rule-editor__settingsGearActive___2sQQW {
    transform: rotate(135deg);
}

.field-rule-set__rules___272zD {
    flex-direction: column;
}

.field-rule-set__ruleContainer___ermzS {
    max-width: 700px;
    align-items: center;
    padding: 12px 0;
}

    .field-rule-set__ruleContainer___ermzS > * {
        margin: 0 4px;
    }

        .field-rule-set__ruleContainer___ermzS > *:first-child {
            margin-left: 0;
        }

        .field-rule-set__ruleContainer___ermzS > *:last-child {
            margin-right: 0;
        }

.field-rule-set__hidden___2yehm {
    visibility: hidden;
}

.field-rule-set__error___1-_PW {
    border-radius: 4px;
    border: 1px solid #ea3556;
}

.field-rule-set__defaultInputText___2uTA8 {
    font-size: 14px;
}

#app
.field-rule-set__ruleContainer___ermzS
.rule-field-selector-menu {
    width: 240px;
}

.field-rule-set__operator___1AOJY {
    flex: 0 1 auto;
}

.field-rule-set__deleteRuleIconContainer___3aSRQ {
    height: 40px;
    align-items: center;
}

.field-rule-set__deleteRuleIcon___iWEcQ {
    min-width: 15px;
    stroke-width: 2px;
    cursor: pointer;
}

.field-rule-set__dateRuleContainer___BcDGq {
    flex-direction: column;
    max-width: 700px;
}

.field-rule-set__ruleEmpty___2x9s8 {
    align-self: flex-end;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 16px;
}

    .field-rule-set__ruleEmpty___2x9s8 input {
        margin-right: 4px;
    }

.field-rule-set__ruleEmptyText___2PPx4 {
    padding-right: 18px;
}
/* StringRule */
.field-rule-set__stringRuleContainer___288Ge {
    max-width: 700px;
    flex-direction: column;
}

    .field-rule-set__stringRuleContainer___288Ge .field-rule-set__ruleContainer___ermzS {
        align-items: center;
    }

.field-rule-set__typeahead___3JEEI .field-rule-set__ruleContainer___ermzS {
    align-items: flex-end;
}

.field-rule-set__stringRuleArrayValue___FfcMQ .field-rule-set__ruleContainer___ermzS {
    margin-bottom: 4px;
}

.field-rule-set__stringValuesContainer___3lygN {
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.field-rule-set__stringValue___SalGO {
    margin: 4px 12px 4px;
}

.field-rule-set__stringInput___VDMRs {
}

.field-rule-set__stringInputAddButton___2zz-W {
    margin-left: -12px;
}

.field-rule-set__stringInputAddButton___2zz-W {
}

.field-rule-set__booleanLabel___G__kD {
    flex: 1 0;
    align-items: center;
}

    .field-rule-set__booleanLabel___G__kD > span {
        width: 50px;
        margin-right: 0.5em;
    }
/* NumberRule */
.field-rule-set__numberInput___Vmz2f {
}
/* DateRule */
.field-rule-set__dateInput___1WdZ4 {
}

.field-rule-set__addRuleButton___2wnbr {
    max-width: 700px;
    margin: 4px 0;
    padding: 40px;
    border: 1px dashed colorGray9;
    align-items: center;
    cursor: pointer;
}

.field-rule-set__addRuleButtonText___2SaZy {
    color: rgb(0, 127, 175);
    margin-left: 20px;
}
/* Rules with extra padding to be displayed on a white background */
.field-rule-set__paddedRules___2NPxL {
}

    .field-rule-set__paddedRules___2NPxL .field-rule-set__ruleContainer___ermzS {
        margin: 4px 0;
        padding: 20px 16px;
        border-radius: 7px;
        background-color: #f7f7f7;
    }

    .field-rule-set__paddedRules___2NPxL .field-rule-set__dateRuleContainer___BcDGq {
        margin: 4px 0;
        border-radius: 7px;
        background-color: #f7f7f7;
    }

    .field-rule-set__paddedRules___2NPxL .field-rule-set__stringRuleContainer___288Ge {
        margin: 4px 0;
        padding: 16px;
        background-color: #f7f7f7;
        border-radius: 7px;
    }

    .field-rule-set__paddedRules___2NPxL .field-rule-set__stringRuleArrayValue___FfcMQ {
        padding-bottom: 24px;
    }

    .field-rule-set__paddedRules___2NPxL .field-rule-set__stringRuleContainer___288Ge .field-rule-set__ruleContainer___ermzS {
        padding: 0px;
    }

    .field-rule-set__paddedRules___2NPxL .field-rule-set__ruleEmpty___2x9s8 {
        padding-top: 0;
    }

    .field-rule-set__paddedRules___2NPxL .field-rule-set__stringValuesContainer___3lygN {
        margin: 8px 20px;
    }

.field-rule-set__typeaheadContainer___zEtrK {
    flex: 1 0;
    width: 100%;
}

.field-rule-set__typeaheadInput___22cuK {
    width: 240px;
}

.simple-builder__container___3POVP {
    flex-flow: column;
    align-items: stretch;
    flex: 1 1;
    min-width: 700px;
}

.simple-builder__box___KErcx {
    background-color: #fff;
    flex-flow: column;
    margin: 1em 40px;
}

.simple-builder__innerBox___21bbv {
    border-radius: 0 0 4px 4px;
    border: 1px solid #dddddd;
    border-top-width: 0;
    flex-flow: column;
    align-items: stretch;
}

.simple-builder__zerostate___2yNXD {
    font-size: 18px;
    text-align: center;
    margin-top: 50px;
}

.simple-builder__ruleBox___elIH4 {
    flex-flow: column;
}

.simple-builder__includeExcludeHeader___2_XVG {
    flex: 1 0 100px;
    text-align: right;
}

.simple-builder__editingRuleRow___2_oRi,
.simple-builder__readOnlyRow___1TV0S,
.simple-builder__newRuleButtonBox___3sRFl,
.simple-builder__dividerContainer___3r5Rc {
    display: grid;
    grid-template-columns: 1fr 400px 1fr;
    grid-template-areas: "heading-area rule-area button-area";
}

    .simple-builder__dividerContainer___3r5Rc > * {
        grid-area: rule-area;
    }

.simple-builder__editingRuleRow___2_oRi {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    ;
    margin: 26px 0;
    padding: 26px 0;
}

    /* don't show top rule for first editor, it looks weird */

    .simple-builder__editingRuleRow___2_oRi:first-child {
        border-top-width: 0;
    }

    /* ditto last editor */

    .simple-builder__editingRuleRow___2_oRi:last-child {
        border-bottom-width: 0;
    }

.simple-builder__editingRule___tfqvK {
    grid-area: rule-area;
    justify-content: center;
    display: flex;
}

.simple-builder__editingRuleControls___1N70u {
    grid-area: button-area;
    justify-content: flex-end;
    align-items: flex-start;
}

.simple-builder__cancelRuleEditButton___3uPn8 {
    cursor: pointer;
    padding: 16px 16px 12px;
    position: relative;
    top: -28px;
}

/* position the cancel X to be near the top of the container */

.simple-builder__editingRuleRow___2_oRi:first-child .simple-builder__cancelRuleEditButton___3uPn8 {
    top: -52px;
}

.simple-builder__closeIcon___wsQlV {
    width: 14px;
    height: 14px;
}

.simple-builder__readOnlyRow___1TV0S {
}

.simple-builder__readOnlyHeadings___3250A {
    grid-area: heading-area;
    justify-content: flex-end;
    padding-right: 20px;
    padding-top: 4px;
}

.simple-builder__readOnlyRuleContent___1B6zn {
    grid-area: rule-area;
    justify-content: center;
}

.simple-builder__readOnlyRule___36Or0 {
    width: 400px;
    margin: 12px 0;
}

    .simple-builder__readOnlyRule___36Or0 p {
        margin: 0 0 0 -8px;
        padding: 8px;
    }

.simple-builder__readOnlyControls___3SDts > .simple-builder__readOnlyButtonBox___qO9VS {
    margin: 12px 0;
    padding: 8px;
}

.simple-builder__readOnlyRow___1TV0S:hover .simple-builder__readOnlyRuleContent___1B6zn p,
.simple-builder__readOnlyRow___1TV0S:hover .simple-builder__readOnlyControls___3SDts > .simple-builder__readOnlyButtonBox___qO9VS {
    background: #f7f7f7;
}

.simple-builder__readOnlyRow___1TV0S:hover .simple-builder__readOnlyRuleContent___1B6zn p {
    cursor: pointer;
}

.simple-builder__readOnlyRow___1TV0S:hover .simple-builder__readOnlyRuleContent___1B6zn.simple-builder__disabledButton___3EPMv p {
    cursor: default;
}

.simple-builder__readOnlyControls___3SDts {
    opacity: 0;
    grid-area: button-area;
    justify-content: flex-start;
    display: flex;
}

.simple-builder__readOnlyRow___1TV0S:hover .simple-builder__readOnlyControls___3SDts {
    opacity: 1;
}

.simple-builder__readOnlyControls___3SDts button {
    cursor: pointer;
}

    .simple-builder__readOnlyControls___3SDts button.simple-builder__disabledButton___3EPMv {
        cursor: default;
    }

.simple-builder__readOnlyControls___3SDts svg {
    fill: #c4c4c4;
}

.simple-builder__readOnlyControls___3SDts button:hover svg {
    fill: #5e5e5e;
}

.simple-builder__editButton___lwjNz {
    margin-right: 16px;
}

.simple-builder__readOnlyControls___3SDts .simple-builder__deleteButton___2LRfZ:hover svg {
    fill: rgb(168, 41, 65);
}

.simple-builder__readOnlyControls___3SDts .simple-builder__deleteButton___2LRfZ:active svg {
    fill: #ea3556;
}

.simple-builder__addRuleButton___25D5t {
    grid-area: rule-area;
    align-self: center;
    border: 1px solid #c4c4c4;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    line-height: 38px;
    margin: 12px 0 32px;
    width: 400px;
}

    .simple-builder__addRuleButton___25D5t svg {
        position: relative;
        margin-right: 5px;
        top: 1px;
    }

.simple-builder__allFilterButtonText___hqp4q {
    color: #5e5e5e;
    text-align: center;
}

.simple-builder__allFilterButton___1jnNp {
    display: inline-flex;
    font-weight: normal;
    color: rgb(0, 127, 175);
    text-decoration: underline;
}

.simple-builder__saveButton___30y-z {
    align-self: center;
}

.simple-builder__cancelButton___18l3V {
    margin-right: 60px;
}

.simple-builder__bottomActionContainer___MZ19e {
    flex: 1 1;
    align-items: flex-end;
}

.simple-builder__bottomActionBar___1MHd- {
    justify-content: flex-end;
    align-ttems: center;
    background: #fff;
    border-top: 1px solid #dddddd;
    padding: 20px 40px;
    width: 100%;
}

.relative-date-rule__fieldInput___2MHpX {
    width: 160px;
}

.relative-date-rule__operatorInput___3w9kP {
    max-width: 160px;
    width: auto;
}

.relative-date-rule__beforeOrAfterInput___1hQit {
    width: 120px;
}

.relative-date-rule__offsetLabel___2bNNa {
    max-width: 34px;
}

.relative-date-rule__offsetInput___3lAVG {
    max-width: 70px;
    padding: 0 6px 0 10px;
    margin-left: 10px;
}

.relative-date-rule__defaultInputText___2ezTJ {
}

.relative-date-rule__deleteRuleIcon___14CSK {
}

.create-audience__content___2w2Aj {
    flex-flow: column;
    flex: 1 0 auto;
    border-bottom: 1px solid #dddddd;
}

    .create-audience__content___2w2Aj > * {
        margin: 1em 40px;
    }

.create-audience__rules___14dyq {
}

.create-audience__container___1IqhY {
    flex-direction: column;
    max-width: 700px;
}

.create-audience__containerMe___3aNQk {
    flex-direction: column;
    flex: 1 1; /* grow tall*/
    margin: 0;
}

.create-audience__header___20XKE {
    margin: 1em 0;
}

.create-audience__containerMe___3aNQk .create-audience__header___20XKE {
    margin: 1em 40px;
}

.create-audience__title___30m98 {
    flex: 1 0;
}

.create-audience__allButtonRow___iS9LQ {
    justify-content: flex-start;
}

.create-audience__allButton___v4ROi {
    height: 40px;
    padding: 0 15px 0 10px;
    background-color: #f7f7f7;
    border-radius: 4px;
    align-items: center;
}

    .create-audience__allButton___v4ROi input {
        margin-right: 0.5em;
        position: relative;
        top: -1px;
    }

.create-audience__selectAllText___HzAo9 {
    margin-top: 34px;
    margin-bottom: 100px;
    color: #5e5e5e;
}

.create-audience__buttonGroup___840Sg {
    align-items: stretch;
    justify-content: flex-end;
    max-width: 500px;
}

    .create-audience__buttonGroup___840Sg > * + * {
        margin-left: 24px;
    }

.create-audience__copyForm___1ArR3,
.create-audience__saveForm___BIOI7 {
}

.create-audience__saveButton___wxjI0 {
    width: 90px;
    align-self: center;
}

.create-audience__copyForm___1ArR3 {
    display: flex;
    flex-flow: column;
}

.create-audience__copyButton___3alAI {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.create-audience__saveForm___BIOI7 {
    flex-direction: column;
}

    .create-audience__saveForm___BIOI7 .create-audience__saveButton___wxjI0 {
        margin-top: 24px;
    }

#app .create-audience__copySelect___2vuiI {
    width: 100%;
    margin-bottom: 4px;
}

.create-audience__copyWarning___38Jgj {
    margin: 8px 0 12px;
    color: rgb(191, 114, 0);
    font-weight: bold;
}

.create-audience__audienceWarning___3yTFd {
    margin-bottom: 20px;
}

.create-audience__filterStatusWarning___30CQl {
    margin-bottom: 20px;
}

.create-audience__filterStatusText___3DboS {
}

.create-audience__filterCancel___10iL4 {
    color: #ea3556;
    cursor: pointer;
    margin-left: 80px;
}

.accounts-page-header__root___xsASF {
    flex-direction: column;
}

.accounts-page-header__header___1x_1u {
    justify-content: space-between;
}

.accounts-page-header__buttonContainer___3hT5f {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.accounts-page-header__confirmationMessage___1uj3C {
    margin-right: 13px;
}

.accounts-page-header__addLink___30w2c {
    height: 40px;
    margin-left: 12px;
}

    .accounts-page-header__addLink___30w2c svg {
        stroke: rgb(0, 127, 175);
    }

.accounts-page-header__exportBtn___FEea7 {
    color: rgb(0, 127, 175);
}

.accounts-page-header__userSearch___3lzHi {
    background: white url(/assets.sensehq.com/hashed/static/client/images/07b8af93b97cfec543ce0f8b16bcb0eb.svg) no-repeat scroll 10px;
    padding-left: 30px;
    flex: 1 1;
}

.accounts-page-header__inputContainer___1gj-_ {
    align-items: center;
    flex: 0 1 425px;
    margin-right: 10px;
}

.accounts-page-header__resultSize___2O31Z {
    margin-left: 22px;
}

@media (max-width: 1160px) and (min-width: 1141px) {
    .accounts-page-header__inputContainer___1gj-_ {
        flex: 0 1 400px;
    }
}

@media (max-width: 1140px) and (min-width: 1036px) {
    .accounts-page-header__inputContainer___1gj-_ {
        flex: 0 1 300px;
    }
}

@media (max-width: 1035px) and (min-width: 984px) {
    .accounts-page-header__inputContainer___1gj-_ {
        flex: 0 1 250px;
    }
}

@media (max-width: 983px) {
    .accounts-page-header__inputContainer___1gj-_ {
        flex: 0 1 200px;
    }
}

/* prettier-ignore */
.hover-button__hoverContent___6rf3X {
    background-color: transparent;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.hover-button__hoverContainer___12lUv {
    cursor: pointer;
    border: none;
    background: transparent;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
    z-index: 1;
}

.hover-button__hoverBg___3RyDK {
    background-color: black;
    transition-duration: 150ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
    opacity: 0;
    transform: scale(0);
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 5px;
}

.hover-button__hoverContainer___12lUv:hover .hover-button__hoverBg___3RyDK,
.hover-button__hoverBgActive___1iSvv {
    opacity: 0.035;
    transform: scale(1);
}

/* prettier-ignore */
.inline-edit__fieldContainer___18UrM {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.inline-edit__buttonsContainer___2lyUR {
    margin: 5px 0px 5px auto;
}

.inline-edit__hide___3WpAI {
    visibility: hidden;
}

.inline-edit__button___3XLVb {
    display: flex;
    background-color: #f7f7f7;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24), 0px 1px 8px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    justify-content: center;
}

    .inline-edit__button___3XLVb:hover {
        box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.24), 0px 3px 24px rgba(0, 0, 0, 0.12);
    }

    .inline-edit__button___3XLVb:not(:last-child) {
        margin-right: 5px;
    }

.settings__root___1KavL {
    flex: 1 0 auto;
    border: 0;
}

.settings__header___2YSbC {
    height: 66px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.settings__left___1hiw5 {
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.settings__settingsLeftHeading___33VcV {
}

.settings__closeSettings___2pbwQ {
    height: inherit;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
}

.settings__closeIcon___2M9yp {
    stroke: #5e5e5e;
}

.settings__settingsLeftMenu___j31cM {
    flex-direction: column;
    flex: 0 1;
    align-items: center;
    padding: 34px 0;
    margin-bottom: auto;
    padding: 20px 40px;
}

@media screen and (max-width: 559px) {
    .settings__settingsLeftMenu___j31cM {
        margin-bottom: 0;
    }
}

.settings__settingsLeftMenu___j31cM > * {
    flex: 0 0 auto;
}

.settings__name___3TeKh {
    font-size: 20px;
    margin-bottom: 10px;
}

.settings__content___xevdG {
}

.settings__main___jtHKN {
    flex: 1 1 auto;
    flex-direction: column;
    overflow-y: auto;
}

.settings__contextMenu___3yOya {
    margin-top: 8px;
}

.settings__imagePreview___2Ojrq {
    height: 120px;
    width: 120px;
    object-fit: cover;
    border-radius: 100%;
}

.settings__avatarContainer___3xY0v {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.settings__editButton___3OhlM {
    margin-top: 20px;
}

.settings__editButtonText___13jcd {
    font-size: 14px;
    color: rgb(0, 127, 175);
    margin-left: 5px;
}

.settings__sectionBodyContainer___xoGEJ {
    display: flex;
    flex-direction: row;
    padding: 35px 0px;
    flex: 0 1 auto;
}

.settings__sectionHeaderContainer___2xjlU {
    background-color: #f7f7f7;
    flex: 0 0 52px;
}

.settings__label___13VO3 {
    color: #444444;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 4px;
}

.settings__formInput___2cOzU {
    flex-direction: column;
    flex: 1 0;
    width: 100%;
}

.settings__input___3Ovse {
}

.settings__sectionBodyContainer___xoGEJ > * {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex: 0 1 568px;
}

.settings__sectionHeader___UBlvd {
    font-size: 12px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    align-items: center;
}

@media screen and (max-width: 960px) {
    .settings__sectionBodyContainer___xoGEJ > * {
        padding-left: 20px;
        padding-right: 20px;
    }

    .settings__sectionHeader___UBlvd {
        justify-content: center;
    }
}

.settings__section___3uO35 {
    background-color: #fff;
    flex-direction: column;
}

.settings__toggle___3ewT1 {
    padding: 0 16px 16px 0;
}

.settings__settingContainer___KJOz4 {
    display: flex;
    flex-direction: column;
}

.settings__settingName___2ZQLp {
    color: #444444;
    font-size: 14px;
}

    .settings__settingName___2ZQLp.settings__disabled___3NcBD {
        color: #919191;
    }

.settings__settingRow___2bUZh {
    align-items: center;
    margin-bottom: 35px;
}

    .settings__settingRow___2bUZh > * {
        margin-bottom: auto;
    }

    .settings__settingRow___2bUZh.settings__disabled___3NcBD {
        background: #f7f7f7;
        color: #919191;
    }

.settings__settingText___3_LgI {
    align-items: center;
    padding: 8px 16px;
}

.settings__emailFrequency___2rM-A {
    flex-direction: column;
}

.settings__radioRow___276ut {
    align-items: center;
    margin: 6px 0px;
}

.settings__radioLabelText___2AYef {
    display: flex;
    align-items: center;
}

.settings__radioLabel___hT0ss {
    padding-right: 10px;
}

.settings__rowLink___Nhh8l {
    cursor: pointer;
}

    .settings__rowLink___Nhh8l.settings__disabled___3NcBD {
        opacity: 0.5;
    }

.settings__link___1b3h4 {
    padding: 16px;
}

.settings__textArea___20Gkg {
    flex-direction: column;
    padding: 9px 0;
}

    .settings__textArea___20Gkg.settings__disabled___3NcBD {
        background: #f7f7f7;
    }

.settings__nameHeader___uFA_P {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.settings__descriptionText___2OaKi {
    padding: 8px 0px;
    line-height: 1.2;
}

.settings__buttonRow___3AZpd {
    width: 104px;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.settings__textArea___20Gkg[data-ui-char-limit='warning'] .settings__messageInput___1VxJz {
    border-color: #d68000;
}

.settings__textArea___20Gkg[data-ui-char-limit='error'] .settings__messageInput___1VxJz {
    border-color: #e71d42;
}

.settings__expanders___1Qgsm {
    transition: height 0.2s;
}

.settings__charLimitText___1YGpE {
    margin-top: 4px;
}

.settings__textArea___20Gkg[data-ui-char-limit='error'] .settings__charLimitText___1YGpE {
    color: #e71d42;
}

.settings__textArea___20Gkg[data-ui-char-limit='warning'] .settings__charLimitText___1YGpE {
    color: #d68000;
}

.settings__buttonsContainer___3T0Mx {
    margin: 5px 0px 5px auto;
}

.settings__profilePictureButtonContainer___2c32D {
    margin: 20px 0px 5px auto;
}

.settings__profilePictureButton___jrw7a {
    display: flex;
    background-color: #f7f7f7;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24), 0px 1px 8px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    justify-content: center;
}

    .settings__profilePictureButton___jrw7a:not(:last-child) {
        margin-right: 5px;
    }

    .settings__profilePictureButton___jrw7a:hover {
        box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.24), 0px 3px 24px rgba(0, 0, 0, 0.12);
    }

.settings__buttonsContainer___3T0Mx .settings__toggleRowButton___2ngl6 {
    height: 30px;
    padding: 8px 16px;
}

    .settings__buttonsContainer___3T0Mx .settings__toggleRowButton___2ngl6:not(:last-child) {
        margin-right: 5px;
    }

.settings__saveButton___PoVHT {
}

.settings__button___2Nt5Y:hover {
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.24), 0px 3px 24px rgba(0, 0, 0, 0.12);
}

.settings__hide___3scRY {
    visibility: hidden;
}

.settings__messageInputDraftJs___3KhdC {
}

    .settings__messageInputDraftJs___3KhdC:focus-within {
        border-color: rgb(0, 127, 175);
    }

.settings__messageInput___1VxJz {
    height: auto;
    max-height: 88px;
    overflow-y: scroll;
    flex: 1 1 60px;
    padding: 10px;
}

.settings__inputNotFocused___2_YDE {
    cursor: default;
}

/* NOTE (gab): some of these styles are imported by invites.css */
.accounts__root___2J3NS {
    flex-direction: column;
}

.accounts__link___3-9rW {
}

.accounts__table___3lq1A {
    width: 100%;
}

.account-table__root___2ldn1 {
    flex-direction: column;
}

.account-table__link___25Tl6 {
}

.account-table__table___2-oIZ {
    width: 100%;
}

.account-table__row___1KgGj {
    height: 70px;
    font-size: 14px;
    line-height: 14px;
}

.account-table__accountProfile___1uuLO {
    display: flex;
    flex-direction: row;
}

.account-table__avatarIconContainer___VBq9X {
    margin-right: 14px;
}

.account-table__accountNameContainer___1DPgd {
    flex-direction: column;
    justify-content: center;
}

.account-table__accountName___3FWku {
}

.account-table__accountEmail___PiwUu {
    color: #000;
    opacity: 0.5;
}

.account-table__contextMenu___3P_75 {
    margin-top: 8px;
}

.account-table__unassignDropdown___2y6TS {
    width: 213px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.account-table__usersDropdownList___2bMAf {
    max-width: 213px;
    padding: 20px;
}

.account-table__smallUser___2jcuI {
    flex-direction: row;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.account-table__smallUserName___wgb-T {
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    margin-left: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.account-table__btnText___2mElh {
    color: rgb(0, 127, 175);
}

.account-table__mouseTip___DZl5E {
    margin-top: 18px;
    background-color: #fff;
    flex-direction: row;
    border: none;
    z-index: 6;
}

.account-table__dropdownBtnText___3Xwh8 {
    color: rgb(0, 127, 175);
    width: 170px;
}

.account-table__unassignDropdownText___2W_HW {
    padding: 0px 10px 0px 20px;
    color: #000;
    opacity: 0.5;
}

.account-table__sharedNumber___-o7tE {
    height: 20px;
    width: 20px;
    margin-left: 9px;
    font-size: 10px;
    line-height: 10px;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #dddddd;
    color: #fff;
}

    .account-table__sharedNumber___-o7tE:hover {
        background-color: #919191;
    }

.account-table__root___2ldn1 .account-table__table___2-oIZ .account-table__nameColumn___2lX7y {
    min-width: 350px;
}

.account-table__root___2ldn1 .account-table__table___2-oIZ .account-table__phoneNumberColumn___uHLW1 {
    min-width: 210px;
    display: flex;
}

.account-table__root___2ldn1 .account-table__table___2-oIZ .account-table__statusColumn___3XEI- {
    min-width: 230px;
    justify-content: space-between;
}

.account-table__root___2ldn1 .account-table__table___2-oIZ .account-table__statusCell___3b5MT {
    min-width: 230px;
    justify-content: space-between;
}

.data-export-report__root___3rd5d {
    flex-direction: column;
}

.data-export-report__link___X3N0g {
}

.data-export-report__table___2Ki4W {
    width: 100%;
}

.data-export-report__actions___3cjxR {
    justify-content: flex-end;
}

.data-export-report__actionColumn___2dLjS {
}

.data-export-report__row___2R1Ll {
    height: 70px;
    font-size: 14px;
    line-height: 14px;
    justify-content: center;
}

.data-export-report__contextMenu___2A1rx {
    padding: 5px;
    margin-top: 8px;
}

.data-export-report__btnText___1baJW {
    color: rgb(0, 127, 175);
}

.data-export-report__btnTextInProgress___28GCl {
    color: #000;
}

.data-export-report__btnDangerText___1JvP2 {
    color: #990000;
    font-weight: 600;
}

.data-export-report__btnDownloadLink___2hRX9 {
    font-weight: 600;
    cursor: pointer;
}

.data-export-report__tablePage___20sOO {
    padding: 0;
}

.data-export-report__title___3RplP {
}

.data-export-report__reportsPage___o2hnK {
    padding: 1em 40px;
}

.data-export-report__successText___3fFuJ {
    display: flex;
    flex-direction: column;
}

    .data-export-report__successText___3fFuJ > * {
        margin: 0 0 2em;
    }

.invites__root___3BFlH {
    flex-direction: column;
}

.invites__link___4RZux {
}

.invites__loading___3_xW6 {
}

.invites__table___2YN50 {
}

.invites__successText___1PqD6 {
    color: green;
}

.invites__failureText___2HGw3 {
    color: red;
}

.roles__pageContent___2J1hI {
    flex-flow: column;
}

.roles__loading___3wTwh {
}

.roles__header___uBpOF {
}

.roles__subtitle___2HjBw {
}

.roles__link___aIUsM {
}

.roles__addLink___EF-yy {
}

.roles__emptyMessage___1JjST {
}

.role-edit__form___14OtE {
    flex-direction: column;
}

.role-edit__formRow___2D1dh {
}

.role-edit__label___33nQX {
}

.role-edit__textInput___3iTqG {
    width: 245px;
}

.role-edit__nameRow___5nk0w {
    height: 60px; /* fix height to avoid jumpiness */
    align-items: baseline; /* align the label to the text input */
}

.role-edit__textInput___3iTqG ul {
    margin: 0;
}

.role-edit__button___3t285 {
}

.role-edit__link___2Z-C3 {
}

.groups__pageContent___25FoE {
    flex-flow: column;
}

.groups__loading___3WZnY {
}

.groups__header___txJ6S {
}

.groups__subtitle___3euza {
}

.groups__link___y3qRX {
}

.groups__addLink___3BYue {
}

.groups__emptyMessage___2FDg1 {
}

.group-does-not-exist__link___1rdvd {
}

.group-edit-header__main___gRsig {
    flex-direction: column;
}

.group-edit-header__header___3cFMo {
    margin: 10px 0 30px;
}

.group-edit__root___3DwER {
    flex-direction: column;
}

.group-edit__form___3jtho {
    flex-flow: column;
    margin-top: 10px;
}

.group-edit__parentAndName___ZbZpe {
    flex-direction: row;
    align-items: baseline;
}

.group-edit__formRow___2KZx4 {
    margin-left: 20px;
}

    .group-edit__formRow___2KZx4:first-child {
        margin-left: 0;
    }

.group-edit__groupNameFormRow___2EfaE {
    align-items: baseline;
    width: 50%;
}

.group-edit__label___1h96b {
    width: auto;
    flex: 0 0 auto;
    margin-right: 20px;
}

.group-edit__parentGroupName___X8wSy {
    font-weight: normal;
}

.group-edit__input___11qJA {
    width: 100%;
}

.group-edit__subtitle___2FrdF {
}

.group-edit__button___3Xsgt {
}

.group-edit__fatRow___GQYQD {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    height: 85px;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 10px;
    cursor: pointer;
}

    .group-edit__fatRow___GQYQD:last-child {
        margin-bottom: 0;
    }

.group-edit__fatRowAudienceIcon___34tQj {
    height: 20px;
    vertical-align: text-bottom;
}

.group-edit__memberCount___23KjQ {
    font-size: 16px;
    margin-left: 20px;
}

.group-edit__viewAllLink___2R84_ {
    display: flex;
    font-size: 14px;
    cursor: pointer;
}

    .group-edit__viewAllLink___2R84_:after {
        content: '>';
        font-size: 14px;
        margin-left: 30px;
    }

.group-audience-table__root___2KuEf {
    flex-direction: column;
    margin: 30px 40px;
}

/* prettier-ignore */
.group-audience-edit__root___1D054 {
    flex: 1 1;
}

.group-audience-edit__rules___1z9aF {
}

.group-audience-edit__form___1mgo1 {
    flex-direction: column;
    padding: 30px;
    min-width: 700px;
}

.group-audience-edit__editHeader___2G0aV {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.group-audience-edit__editHeaderTitle___2BYWa {
}

.group-audience-edit__formSectionHeader___2LodY {
    margin: 30px 0;
}

.group-audience-edit__allButton___3OVax {
    margin: 10px 0;
}

.group-audience-edit__allButtonLabel___C7dm5 {
    margin-left: 5px;
}

.group-audience-edit__button___ICTJY {
}

.group-audience-edit__cancel___350s3 {
    color: #aaaaaa;
    margin-right: 10px;
}

.group-audience-edit__save___237BR {
    cursor: pointer;
    margin-left: 10px;
}

.group-audience-edit__errors___2yvOU {
    margin-bottom: 15px;
}

.group-audience-edit__filterStatusWarning___2nP77 {
    margin-bottom: 20px;
    flex-direction: row;
}

.group-audience-edit__filterStatusText___NBuBy {
}

.group-audience-edit__filterCancel___2I3CO {
    color: #ea3556;
    cursor: pointer;
    margin-left: 80px;
}

/* prettier-ignore */
.group-audience__root___1TA5- {
    flex-direction: column;
    flex: 1 1;
}

.group-audience__audienceRoot___3Fajh {
    margin: 0 -40px -30px -40px;
}

.group-audience__groupEditHeader___2PbJq {
    margin-left: 40px;
}

.group-audience__audienceHeader___1zAjW {
    flex-direction: row;
    justify-content: space-between;
    margin: 0 40px 20px;
}

.group-audience__audienceCount___S0NKP {
    font-size: 16px;
}

.group-audience__link___SGMpF {
    font-size: 14px;
}

.group-audience__filterProcessing___EFMPl {
    padding: 0 0 20px 0;
}

.email-dns__content___3Nomb {
    flex-flow: column;
    flex: 1 0 auto;
    padding: 1em 40px;
}

    .email-dns__content___3Nomb > * {
        /* Overridden by dnsSection because the content is so wide and tables don't properly scroll */
        max-width: 580px;
    }

.email-dns__title___3L5bN {
    margin-bottom: 8px;
    align-items: center;
}

.email-dns__section___33Gqq {
    flex-flow: column;
    margin-bottom: 20px;
}

.email-dns__dnsSection___BGWXN {
    flex-flow: column;
    max-width: 100%;
}

.email-dns__singleDomainDNS___13oP6 {
    border: 1px solid #dddddd;
    padding: 10px;
    width: 100%;
}

.email-dns__dnsTable___349vd {
    overflow: auto;
}

.email-dns__domainInputLabel___3Y2uz {
    flex-flow: column;
}

.email-dns__labelText___l2JAz {
    margin: 14px 0 11px;
}

.email-dns__createButton___3DKCQ, .email-dns__validateButton___155Qm, .email-dns__exportDNSButton___1XA7- {
    width: 150px;
    margin: auto auto 0 14px;
}

.email-dns__deleteButton___2ljDq {
    width: 150px;
    margin-top: 28px;
}

.email-dns__dnsTableHeader___3D16Z {
    text-align: left;
    padding: 0 20px 0 0;
}

.email-dns__container___3pM8g {
    width: 550px;
    padding: 40px;
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
}

.email-dns__notice___CU-Qm {
    font-weight: bold;
}

.email-dns__alert___3wk83 {
    color: #933;
}

.email-dns__success___3YAWQ {
    color: #393;
}

.email-dns__type___kkjzy {
    flex: 0 0 100px;
}

.email-dns__subdomain___1ckBQ {
    flex: 0 0 200px;
}

.email-dns__textInputContainer___e6ZJw {
    position: relative;
}

.email-dns__textInput___1HNBK {
    padding: 0 0 0 30px;
}

.email-dns__atIcon___35p6k {
    position: absolute;
    top: 12px;
    left: 12px;
}

.email-dns__dnsTypeCell___Dv4Lu {
    flex: none;
    width: 110px;
}

.email-dns__dnsTypeHeaderCell___1B6ip {
    flex: none;
    width: 110px;
}

.email-dns__dnsSubdomainCell___3xuU4 {
    flex: none;
    width: 190px;
}

.email-dns__dnsSubdomainHeaderCell___21MsL {
    flex: none;
    width: 190px;
}

.email-dns__dnsDataCell___3KURC {
    flex: none;
    width: calc(100% - 110px - 190px);
}

.email-dns__dnsDataHeaderCell___37Jhv {
    flex: none;
    width: calc(100% - 110px - 190px);
}

.flagging__content___FtPaW {
    flex-flow: column;
    flex: 1 0 auto;
    padding: 1em 40px;
}

.flagging__section___3rXTo {
    flex-flow: column;
    margin-bottom: 40px;
    max-width: 60%;
}

.flagging__sectionTitle___2YYZh {
}

.flagging__subsectionTitle___11OhE {
    margin-bottom: 10px;
    font-size: 1em;
}

.flagging__flaggedRating___3VF1R {
    flex-flow: row;
    align-items: center;
}

.flagging__flaggedRatingDropdown___LXxyF {
    margin-left: 5px;
    width: 120px !important;
}

.flagging__flaggedWordsForm___kWF6z {
    margin: 15px 0 15px 0;
}

.flagging__flaggedWordsInput___28Yax input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.flagging__flaggedWordsButton___1NtzK {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.flagging__flaggedWordsContainer___ZuY-T {
    flex-flow: row wrap;
}

.flagging__flaggedWord___33yju {
    height: 40px;
    padding: 0 1em;
    align-items: center;
    justify-content: center;
    background-color: #ddeaef;
    border: 1px solid rgb(0, 127, 175);
    border-radius: 4px;
    margin: 0 5px 5px 0;
}

.flagging__flaggedWordRemove___21OzI {
    margin-left: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
}

    .flagging__flaggedWordRemove___21OzI:hover {
        color: #ea3556;
    }

.flagging__saveButton___3xGrx {
    margin: auto;
    margin-right: 48px;
    padding: 0 60px;
}

.flagging__title___LprF8 {
    margin-bottom: 8px;
    align-items: center;
}

.styles__gvPage___3DJsO {
    padding: 1em 40px;
}

.list__tablePage___2s4P9 {
    padding: 0;
}

.list__table___2OGIm {
}

.list__title___3R4Ga {
}

.list__button___2VvEH {
}

.list__entityType___MC063 {
    text-transform: capitalize;
}

.mini-editor__miniEditor___3cyc5 {
    flex-flow: column;
    width: 100%;
}

    .mini-editor__miniEditor___3cyc5 .DraftEditor-editorContainer {
        overflow: hidden;
    }

.mini-editor__tabBox___RaqIt {
    /*flex: 0 1 50px;*/
    margin-top: -15px;
}

.mini-editor__miniEditorTab___2ZTOY {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    padding: 15px;
    margin: 0;
    border-bottom-width: 0;
    flex: 0 1 108px;
    justify-content: center;
    color: #5e5e5e;
    cursor: pointer;
}

.mini-editor__activeEditorTab___358r5 {
    font-weight: bold;
    color: #111111;
}

.mini-editor__miniEditorTab___2ZTOY:first-of-type {
    border-top-left-radius: 6px;
}

.mini-editor__miniEditorTab___2ZTOY:last-of-type {
    border-top-right-radius: 6px;
}

.mini-editor__miniEditorTab___2ZTOY:nth-of-type(n + 2) {
    border-left-width: 0;
}

.mini-editor__miniTextarea___3q-Uk {
    height: 205px;
    border: 1px solid #dddddd;
    padding: 18px;
    font-size: 14px;
}

    .mini-editor__miniTextarea___3q-Uk:focus {
        outline: none;
        border: 1px solid rgb(0, 127, 175);
    }

.index__rowHeader___AAHVZ {
    /*TODO(marcos): should this be a var? */
    padding: 17px 27px 13px;
    min-height: 50px;
}

.index__rowHeading___2XBRa {
    color: #111111;
    font-size: 16px;
    flex: 1 0 400px;
}

.index__editButton___3UiRd {
    color: rgb(0, 127, 175);
    padding: 0 20px;
    position: relative;
    cursor: pointer;
}

.index__saveButton___2FbD1 {
    color: rgb(0, 127, 175);
}

.index__cancelButton___3RnUH, .index__deleteButton___IqPsR {
    color: #444444;
}

.index__separator___2mtCO {
    margin: 0 0.5em;
}

.index__pencilIcon___333hj {
    top: 0;
    left: 15px;
    position: absolute;
    transform: rotate(45deg);
}

.field-row__keyRow___27EAx {
    flex-flow: column;
    padding: 23px;
    background-color: #fff;
    min-height: 100px;
    border-bottom: 1px solid #c4c4c4;
}

.field-row__keyLabel___39fkV {
    font-size: 14px;
    text-transform: none;
    margin-bottom: 10px;
}

.field-row__keyDataCol___3Vb2G {
    margin-left: 200px;
    /*margin-top: -33px;*/
}

.field-row__deleteButton___1nirz {
    color: rgb(0, 127, 175);
}

.field-row__plainTextPreview___29OfY {
    white-space: pre;
}

/* prettier-ignore */
.new-field__addFieldRow___1W-ex {
    background-color: #fff;
    padding: 17px 19px;
    align-items: center;
}

.new-field__addFieldInput___1YRye {
    margin-left: 28px;
}

.new-field__addFieldTextInput___2KoDp {
    position: relative;
    z-index: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}

.new-field__addFieldInputButton___1Ahuf {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.field-table__dataTable___3GmUv {
    border-radius: 4px;
    border: 1px solid #e3e3e3;
    flex-flow: column;
    margin-top: 28px;
}

.field-table__header___2HF58 {
    background-color: #ececec;
    padding: 28px;
}

.field-table__headerTag___1Tg08 {
    flex: 0 1 200px;
}

.field-table__headerData___2_F18 {
    flex: 0 4;
}

.index__editBox___3DXol {
    flex-flow: column;
    flex: 1 0 80%;
    padding-bottom: 150px;
}

.index__headingName___2yCJH {
    margin: 34px 0 28px;
}

.index__deleteButton___XQJmO {
    color: rgb(0, 127, 175);
}

.index__defaultValueBox___2PvPS {
    flex-flow: column;
}

.index__editBox___3DXol .RichEditor-root {
    width: 100%;
}

.index__editBox___3DXol .RichEditor-editor {
    height: 150px;
}

.index__defaultValueHeading___1r6kv {
    margin-top: 17px;
    margin-bottom: 9px;
}

.new__newGlobalVarPage___1DwVR {
    flex-flow: column;
    flex: 1 0 80%;
    padding: 1em 40px;
}

.new__newForm___1mJzH,
.new__formLabel___p79Is {
    flex-flow: column;
    width: 300px;
}

.new__labelText___12I7U {
    margin: 14px 0 11px;
}

.new__buttonContainer___3cGr5 {
    justify-content: flex-end;
}

.new__createButton___hTzGJ {
    margin-top: 28px;
}

.new__journeySelectOption___30qMg {
    text-transform: capitalize;
}


/*# sourceMappingURL=6dd93396f31a46412b08.css.map*/


.email-body {
    height: 0px;
    transition: height 0.5s ease;
    overflow: hidden;
}

.email {
    display: block;
    padding: 0 20px 25px 25px;
}

.read-email {
    cursor: pointer;
}

.user-summary__column___1sNRr h3, 
.user-summary__column___1sNRr h4 {
    padding-left: 10px;
}

.user-summary__column___1sNRr h3 {
    padding-top: 15px;
}

.loader {
    /*border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;*/
    border: 12px solid #f3f3f3;
    border-top: 12px solid rgba(0, 90, 255, .6);
    border-radius: 50%;
    width: 90px;
    height: 90px;
    animation: spin 1.2s linear infinite;
    margin: 130px auto;
}

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

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