:root {
    --colorPrimary: #fd264f;
    --colorPrimaryHover: #e00029;
    --colorBlack: #000000;
    --colorOffBlack: #1c1c1c;
    --colorDarkGrey: #444445;
    --colorGrey: #707070;
    --colorOffWhite: #f4f3ef;
    --colorWhite: #fff;
    --colorWhite80pc: rgba(255,255,255,0.8)
}

html {
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    font-family: 'Post Grotesk',Helvetica,Arial,sans-serif;
    color: var(--colorOffBlack);
    background: var(--colorDarkGrey)
}

p, select{
    font-size: 1em;
    font-weight: 200;
    line-height: 1.5em;
    margin: 0 0 1em 0
}

i {
    font-style: italic;
    font-weight: 200;
}

.answer select {
    border: 0.125em solid var(--colorPrimary);
    border-radius: 1.5em;
    padding: 0.5em 2em 0.5em 1.5em;
    min-width: 15em; /* check it may be in .answer instead or not at all*/
    max-width: 100%;
}

.question label {
    padding: 0.5em 2em 0.5em 1.5em;   
}

ol {
    font-size: 1em;
    font-weight: 200;
    line-height: 1.5em
}

ul {
    font-size: 1em;
    font-weight: 200;
    line-height: 1.5em
}

h1 {
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 .75rem 0;
    line-height: 1.125em;
    color: var(--colorPrimary)
}

.fauxH1 {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 .75rem 0;
    line-height: 1.125em
}

h2 {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 .75rem 0;
    line-height: 1.125em
}

.fauxH2 {
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0 0 .75rem 0;
    line-height: 1.125em
}

h3 {
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 .75rem 0;
    line-height: 1em
}

h4 {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 .75rem 0
}

h5 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 .75rem 0
}

h6 {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 .75rem 0
}

strong {
    font-weight: 700
}

small {
    font-size: .75em
}

pre {
    display: block;
    margin: 0 0 1rem 0;
    padding: 1em;
    border-radius: .25em;
    font-size: 1em;
    text-align: left;
    -moz-tab-size: 3;
    tab-size: 3;
    color: #eaeae8;
    background: #262626;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: auto
}

code {
    display: inline-block;
    padding: 0 .5em;
    border-radius: .25em;
    background-color: #262626;
    color: #eaeae8;
    font-size: .875em;
    line-height: 1.5em
}

span.inlineCode {
    display: inline-block;
    padding: 0 .5em;
    border-radius: .25em;
    font-size: .75em;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    color: #eaeae8;
    background: #262626
}

blockquote {
    margin: 1em 0;
    padding: 1em;
    border: none;
    border-left: .125rem solid var(--colorPrimary);
    background-color: #eaeae8;
    font-size: 1.25em;
    line-height: 1.3125em;
    font-style: italic
}

blockquote span.author {
    display: block;
    padding-top: .5em;
    font-size: 1rem;
    font-style: normal
}

table {
    display: table;
    width: 100%;
    border-spacing: 0
}

table th {
    border-bottom: .125rem solid var(--colorDarkGrey);
    text-align: left;
    font-size: 1.25em
}

table td {
    height: 2.5rem;
    padding: .25rem .5rem
}

table tr:nth-of-type(2n+1) td {
    background-color: var(--colorOffWhite)
}

hr {
    background: var(--colorGrey);
    border-radius: .125em;  
    height: .0005em;
    max-width: 12em;
}

hr.small {
    max-width: 12em;
    height: .1875em;
    margin: 1.5em 0;
    background: var(--colorPrimary);
    border-radius: .125em
}

.txtWhite hr.small {
    background: #fff
}

a.anchorFix {
    position: relative;
    top: -200px
}

a,a:visited {
    color: var(--colorPrimary);
    text-decoration: underline
}

a:active,a:focus {
    outline: 0
}

.txtWhite a,.txtWhite a:visited {
    color: #fff;
    border-bottom: .0625em dotted #fff
}

.txtWhite a:hover {
    border-bottom-style: solid
}

a.noBorder,a.noBorder:hover,a.noBorder:visited {
    border-bottom: none
}

::selection {
    background: var(--colorPrimary);
    color: #fff
}

::-moz-selection {
    background: var(--colorPrimary);
    color: #fff
}

.txtCenter {
    text-align: center
}

.txtRight {
    text-align: right
}

.txtLeft {
    text-align: left
}

.txtJustify {
    text-align: justify
}

.txtPullout {
    margin-bottom: 1em;
    padding: .5em .5em .5em 1em;
    border-left: 2px solid var(--colorPrimary);
    background-color: #eaeae8
}

.txtHighlight {
    color: var(--colorPrimary)
}

.txtSmall,small {
    font-size: .875em
}

.txtSmaller {
    font-size: .75em
}

.txtLarge {
    font-size: 1.25em
}

.txtLarger {
    font-size: 1.5em
}

.txtSizeReset p,p.txtSizeReset {
    font-size: 1rem
}

.txtUpper {
    text-transform: uppercase
}

.txtStrike {
    text-decoration: line-through
}

.txt400 {
    font-weight: 400
}

.txt500 {
    font-weight: 500
}

.txt700 {
    font-weight: 700
}

.txtPullOut {
    margin: 0 0 1em 1em;
    padding: 1em 1.75em .125em 1.75em;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: var(--colorPrimary);
    font-size: 1.25em;
    font-style: italic
}

.txtCaptionWrapper img {
    display: block
}

.txtImgCaption {
    display: inline-block;
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 1em;
    color: grey
}

@media only screen and (max-width: 1270px) {
    .lapTxtCenter {
        text-align:center
    }

    .lapTxtRight {
        text-align: right
    }

    .lapTxtLeft {
        text-align: left
    }
}

@media only screen and (max-width: 1024px) {
    .tblTxtCenter {
        text-align:center
    }

    .tblTxtRight {
        text-align: right
    }

    .tblTxtLeft {
        text-align: left
    }
}

@media only screen and (max-width: 810px) {
    .tbsTxtCenter {
        text-align:center
    }

    .tbsTxtRight {
        text-align: right
    }

    .tbsTxtLeft {
        text-align: left
    }
}

@media only screen and (max-width: 600px) {
    .mblTxtCenter {
        text-align:center
    }

    .mblTxtRight {
        text-align: right
    }

    .mblTxtLeft {
        text-align: left
    }
}

@media only screen and (max-width: 400px) {
    .mbsTxtCenter {
        text-align:center
    }

    .mbsTxtRight {
        text-align: right
    }

    .mbsTxtLeft {
        text-align: left
    }
}


.fauxBtn,a.button,a.button:visited,button {
    position: relative;
    display: inline-block;
    padding: .5625rem 1.5rem .3125rem 1.5rem;
    outline: 0;
    border-radius: 1.5rem;
    border: .2142857rem solid var(--colorDarkGrey);
    background: var(--colorDarkGrey);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25em;
    color: var(--colorWhite);
    text-decoration: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

a.button:hover,button:hover {
    background: #323232;
    border-color: #323232;
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

.fauxBtn:hover {
    cursor: inherit
}

button:disabled {
    color: var(--colorWhite80pc);
    cursor: not-allowed
}

.fauxBtn.ghost,a.button.ghost,button.ghost {
    background-color: transparent;
    border-color: var(--colorPrimary);
    color: #323232
}

a.button.ghost:hover,button.ghost:hover {
    background-color: var(--colorPrimary);
    color: #fff
}

.fauxBtn.large,a.button.large,button.large {
    font-size: 1.25em
}

.fauxBtn.widest,a.button.widest,button.widest input.widest{
    box-sizing: border-box;
    width: 100%;
    text-align: center
}
.widest {
    box-sizing: border-box;
    width: 100%;
    text-align: center
}

.fauxBtn.icnBtn,a.button.icnBtn,button.icnBtn {
    padding: 0;
    border-width: .2142857rem;
    border-color: var(--colorDarkGrey);
    background-color: transparent
}

.fauxBtn.icnBtn svg,a.button.icnBtn svg,button.icnBtn svg {
    position: relative;
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    fill: var(--colorDarkGrey)
}

.fauxBtn.icnBtn.white,.fauxBtn.icnBtn.white:hover,a.button.icnBtn.white,a.button.icnBtn.white:hover,button.icnBtn.white,button.icnBtn.white:hover {
    border-color: var(--colorWhite);
    background-color: transparent
}

.fauxBtn.icnBtn.white svg,a.button.icnBtn.white svg,button.icnBtn.white svg {
    fill: var(--colorWhite)
}

.fauxBtn.small,a.button.small,button.small {
    border-width: .142857rem;
    font-size: .875rem;
    line-height: .875rem
}

.fauxBtn.tag,a.button.tag,button.tag {
    padding: .25rem .75rem;
    font-size: .75rem;
    text-transform: uppercase
}

.fauxBtn.small.icnBtn svg,a.button.small.icnBtn svg,button.small.icnBtn svg {
    width: 1.75rem;
    height: 1.75rem
}

.fauxBtn.red,a.button.red,button.red input.red {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary)
}

.red {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary)
}

a.button.red:hover,button.red:hover {
    background-color: var(--colorPrimaryHover);
    border-color: var(--colorPrimaryHover)
}

.fauxBtn.white,a.button.white,button.white {
    background-color: var(--colorWhite);
    border-color: var(--colorWhite);
    color: var(--colorDarkGrey)
}

a.button.white:hover,button.white:hover {
    background-color: var(--colorWhite);
    border-color: var(--colorWhite);
    color: var(--colorDarkGrey)
}

.fauxBtn.txtRed,a.button.txtRed,button.txtRed {
    color: var(--colorPrimary)
}

.fauxBtn.txtWhite,a.button.txtWhite,button.txtWhite {
    color: var(--colorWhite)
}

ul.tabs {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.tabs li {
    display: inline-block
}

.tabs li button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.tabs li.active button {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary)
}

.copyInput {
    display: inline-block;
    position: absolute;
    left: -999rem;
    overflow: hidden
}

.copyBtn {
    border: none;
    vertical-align: middle
}

.copyBtn .copyIcon svg {
    fill: var(--colorDarkGrey)
}

.copyBtn:hover .copyIcon svg {
    fill: var(--colorPrimary)
}

.copyBtn .successIcon svg {
    fill: var(--colorPrimary)
}

.bgPrimary {
    background-color: var(--colorPrimary)
}

.bgBlack {
    background-color: var(--colorBlack)
}

.bgOffBlack {
    background-color: var(--colorOffBlack)
}

.bgDarkGrey {
    background-color: var(--colorDarkGrey)
}

.bgGrey {
    background-color: var(--colorGrey)
}

.bgOffWhite {
    background-color: var(--colorOffWhite)
}

.bgWhite {
    background-color: var(--colorWhite)
}

.txtPrimary {
    color: var(--colorPrimary)
}

.txtBlack {
    color: var(--colorBlack)
}

.txtOffBlack {
    color: var(--colorOffBlack)
}

.txtDarkGrey {
    color: var(--colorDarkGrey)
}

.txtGrey {
    color: var(--colorGrey)
}

.txtOffWhite {
    color: var(--colorOffWhite)
}

.txtWhite {
    color: var(--colorWhite)
}

.fillPrimary {
    fill: var(--colorPrimary)
}

.fillBlack {
    fill: var(--colorBlack)
}

.fillOffBlack {
    fill: var(--colorOffBlack)
}

.fillDarkGrey {
    fill: var(--colorDarkGrey)
}

.fillGrey {
    fill: var(--colorGrey)
}

.fillOffWhite {
    fill: var(--colorOffWhite)
}

.fillWhite {
    fill: var(--colorWhite)
}

.inlineIcn {
    position: relative;
    top: .125rem;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem
}

.roundedPanel {
    padding: 1rem;
    border-radius: 1.5rem
}

.roundedPanel.smallCorners {
    border-radius: .5rem
}

.roundedPanel.tinyCorners {
    border-radius: .25rem
}

.roundedPanel.noPadding {
    padding: 0
}

.roundedPanel.tightPadding {
    padding: .5rem
}

#loaderPanel {
    display: flex;
    flex-grow: 10;
    align-items: center;
    height: 100%
}

#loaderPanel.dispNone {
    display: none
}

#loaderPanel .loader {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 8vh auto
}

.miniLoader .loader {
    width: 3rem;
    height: 3rem
}

#pwStrength {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 1rem;
    padding: 0;
    border-radius: 4px;
    background-color: var(--colorGrey);
    overflow: hidden
}

#pwStrength .line {
    box-sizing: border-box;
    flex-grow: 2;
    height: .5rem;
    margin: 0;
    transition: all .25s ease-in-out
}

#pwStrength .line.bgTransparent {
    background-color: transparent
}

#pwStrength .line.bgRed {
    background-color: var(--colorPrimary)
}

#pwStrength .line.bgAmber {
    background-color: #e67e22
}

#pwStrength .line.bgGreen {
    background-color: #2ecc71
}

#primaryLogo {
    width: 18rem;
    height: 3rem
}

#appContainer {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    max-width: 48rem;
    height: 100%;
    max-height: 72rem;
    padding: 1rem 2rem;
    margin: 0 auto;
    overflow: auto;
    background-color: var(--colorOffWhite)
}

#appContainer section {
    flex: 1;
    width: 100%
}

footer {
    width: 100%;
    align-self: flex-end
}

#appHeader {
    box-sizing: border-box;
    width: 100%;
    height: 5.5rem;
    padding-bottom: 0.5rem
}

#hdrLogo {
    display: flex;
    justify-content: center
}

#hdrLogo svg {
    width: 3.5rem;
    height: 2.6125rem;
    fill: var(--colorDarkGrey)
}

#sidebarLogo svg {
    width: 3.5rem;
    height: auto;
    fill: var(--colorDarkGrey)
}

#siteSideBar {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 610;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    width: 16rem;
    height: 100%;
    padding: 1rem;
    background-color: var(--colorOffWhite);
    box-shadow: .125rem .125rem .75rem .25rem rgba(28,30,35,.5);
    transition: all .25s ease-in-out
}

#sidebarLogo img {
    width: 2rem
}

#siteSideBar .flexGrow {
    flex-grow: 2
}

#siteSideBar.collapsed {
    width: 4rem
}

#siteSideBar #sideBarNav {
    position: relative;
    left: 0;
    min-width: 14rem;
    transition: all .25s ease-in-out
}

#siteSideBar.collapsed #sideBarNav {
    left: -17rem
}

ul#dashMoods {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.5rem;
    padding: 0;
    list-style: none
}

#dashMoods li {
    box-sizing: border-box;
    width: 33.3334%;
    margin: 0;
    padding: .5rem
}

#dashMoods li svg {
    width: 4rem
}

a.dashPanel,a.dashPanel:visited {
    display: block;
    text-decoration: none;
    color: var(--colorDarkGrey)
}

.dashPanelHeader {
    display: flex
}

.dashPanelHeader .left {
    width: 50%
}

.dashPanelHeader .right {
    width: 50%
}

#appContainer #pagedContent {
    width: 100vw;
    max-width: 48rem;
    min-width: 320px;
    margin: 0 -2rem;
    padding: 0;
    overflow: hidden
}

#pagedContent ul#pages {
    position: relative;
    left: 0;
    display: flex;
    width: calc(100% * 24);
    margin: 0;
    padding: 0;
    list-style: none;
    transition: all .25s ease-in-out
}

#pagedContent ul li.page {
    box-sizing: border-box;
    width: 4.16667%;
    padding: 0 1.25rem
}

#pagedContent label {
    width: 100%;
    margin: 0;
    padding: 0
}

#pagedContent input[type=radio] {
    display: none
}

#pagedContent input:checked~.fauxBtn {
    border-color: var(--colorPrimary);
    background-color: var(--colorPrimary);
    color: var(--colorWhite)
}

#pagination input[type=range] {
    -webkit-appearance: none!important;
    width: 100%;
    height: .375rem;
    margin: .75rem 0;
    border: none;
    border-radius: .25rem;
    background-color: var(--colorPrimary);
    transition: all .5s ease-in-out
}

#pagination input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none!important;
    width: 1.75rem;
    height: 1.75rem;
    border: .25rem solid var(--colorPrimary);
    border-radius: 1rem;
    background-color: var(--colorOffWhite);
    transition: all .5s ease-in-out
}

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

.pagination li {
    display: inline-block
}

.pagination a.button {
    min-width: 1.6875em;
    margin: 0 .25rem;
    padding: .375em 0 .25em 0;
    text-align: center;
    line-height: 100%
}

.pagination a.active {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary)
}

.pagination a.active:hover {
    cursor: default
}

.editField {
    position: relative;
    padding: 1.125rem 1rem .75rem 1rem;
    text-align: left
}

.editField p {
    margin-bottom: 0;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.editField button {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-color: var(--colorWhite);
    background-color: transparent
}

.editField button svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--colorPrimary)
}

#chartRenderer {
    height: 38vh;
    max-height: 34rem;
    min-height: 16rem
}

.chartRendererSmall {
    height: 11vh;
    max-height: 11rem;
    min-height: 11rem
}

svg.icnNoData {
    width: 6rem;
    height: auto;
    margin-bottom: 1rem;
    fill: var(--colorPrimary)
}

#chartRenderer .noData {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

#chartRenderProfile.chartRendererSmall .noData {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

#chartRenderMoodScore.chartRendererSmall .noData {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 20.5%
}

#chartRenderer .noData .button.red {
    max-width: 15rem;
    margin: 0 auto
}

#chartRenderMoodScore.chartRendererSmall .noData .button.red,#chartRenderProfile.chartRendererSmall .noData .button.red {
    display: none
}

#chartRenderMoodScore.chartRendererSmall .noData p,#chartRenderProfile.chartRendererSmall .noData p {
    margin-bottom: 0
}

#chartRenderMoodScore.chartRendererSmall .noData svg.icnNoData,#chartRenderProfile.chartRendererSmall .noData svg.icnNoData,#chartRenderer .noData svg.icnNoData {
    width: 4rem;
    margin: 0 auto 1rem auto
}

#yAxis ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 3.5rem;
    height: 100%;
    margin: 0 .5rem 0 0;
    padding: 0;
    list-style: none;
    text-align: right;
    font-weight: 700;
    font-size: .875rem
}

#yAxis ul li.vEnd {
    align-self: flex-end
}

#yAxis ul li.vCenter {
    align-self: center;
    font-size: .625rem
}

#yAxis ul li.vStart {
    align-self: flex-start
}

ul#xAxis {
    display: flex;
    margin: 0;
    padding: .25rem 0 0 4rem;
    list-style: none;
    font-weight: 700;
    font-size: .875rem
}

#xAxis li {
    display: block;
    flex-grow: 1;
    padding: 0
}

#xAxis li img {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 auto
}

#xAxis li svg {
    display: block;
    width: 2rem;
    margin: 0 auto
}

ul#xAxisSmall {
    display: flex;
    margin: 0;
    padding: .25rem 0 0 4rem;
    list-style: none;
    font-weight: 700;
    font-size: .875rem
}

#xAxisSmall li {
    display: block;
    flex-grow: 1;
    padding: 0
}

#xAxisSmall li img {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto
}

#xAxisSmall li svg {
    display: block;
    width: 1.5rem;
    margin: 0 auto
}

ul#benchmarkKey {
    margin: .5rem 0 0 0;
    padding: 0;
    list-style: none
}

#benchmarkKey li {
    display: inline-block;
    margin-right: .5rem;
    font-size: .9375rem;
    font-weight: 700;
    white-space: nowrap
}

.resultsKey {
    position: relative;
    bottom: -.375rem;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem
}

#moodscorePanel {
    padding-top: .5rem;
    padding-bottom: .25rem
}

#moodscorePanel p {
    line-height: 2.25rem;
    font-weight: 700
}

#scrubber input[type=range] {
    -webkit-appearance: none!important;
    width: 100%;
    height: .375rem;
    margin: .75rem 0;
    border: none;
    border-radius: .25rem;
    background-color: var(--colorPrimary);
    transition: all .5s ease-in-out
}

#scrubber input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none!important;
    width: 1.75rem;
    height: 1.75rem;
    border: .25rem solid var(--colorPrimary);
    border-radius: 1rem;
    background-color: var(--colorOffWhite);
    transition: all .5s ease-in-out
}

nav#sideBarNav {
    width: 100%
}

#sideBarNav ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    list-style: none
}

#sideBarNav ul li {
    display: block;
    padding: 0 0 .5rem 0
}

#sideBarNav ul li .button.current {
    border-color: var(--colorPrimary);
    background-color: var(--colorPrimary)
}

footer nav a {
    display: inline-block;
    margin: 0 .75rem;
    color: var(--colorDarkGrey)
}

footer nav a:hover {
    color: var(--colorPrimary)
}

.formMandatory {
    color: #ed000c
}

label {
    display: inline-block;
    padding: 0 1.625em .25em 1.625em
}

label:hover {
    cursor: pointer
}


input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text] {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: .5625em 1.5em .3125em 1.5em;
    border-radius: 1.5em;
    border: .125rem solid var(--colorPrimary);
    outline: 0;
    background: var(--colorWhite);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25em
}

input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus {
    border-color: var(--colorPrimary)
}

textarea {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 10em;
    padding: .5em 1.5em .375em 1.5em;
    border-radius: 1.5em 1.5em 0 1.5em;
    border: 2px solid #343b47;
    outline: 0;
    background: 0 0
}

textarea:focus {
    border-color: var(--colorPrimary)
}

.selectWrapper {
    position: relative;
    text-transform: uppercase;
    background: var(--colorDarkGrey);
    border-radius: 1.5em
}

.selectWrapper select {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 100%;
    padding: .5625em 2.5em .3125em 2.5em;
    border: none;
    outline: 0;
    background-color: transparent;
    color: var(--colorWhite);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.selectWrapper option {
    color: var(--colorDarkGrey)
}

.selectWrapper.red {
    background-color: var(--colorPrimary)
}

.selectWrapper.small select {
    padding: .5625em 2.25em .3125em 1.25em
}

.selectWrapper select::-ms-expand {
    display: none
}

.selectWrapper select:hover {
    cursor: pointer
}

.selectWrapper label {
    position: absolute;
    bottom: .5rem;
    right: .75rem;
    z-index: 1;
    display: block;
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0
}

.selectWrapper .downArrow {
    position: relative;
    z-index: -1;
    display: block;
    width: 1em;
    height: 1em
}

.selectWrapper.bgWhite {
    background-color: var(--colorWhite)
}

.selectWrapper.bgWhite select {
    color: var(--colorDarkGrey)
}

.selectWrapper.bgWhite .downArrow.fillWhite {
    fill: var(--colorDarkGrey)
}

.radioList {
    overflow: hidden
}

.radio {
    float: left;
    margin-right: .75em
}

.radio:hover {
    cursor: pointer
}

.radio .radioButton {
    display: inline-block;
    position: relative;
    top: .125em;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    border: .1875em solid #fff;
    border-radius: .5em;
    background-color: #fff;
    box-shadow: 0 0 0 .0625em #a7a7a7;
    -webkit-box-shadow: 0 0 0 .0625em #a7a7a7;
    -moz-box-shadow: 0 0 0 .0625em #a7a7a7
}

.radio input:checked~.radioButton {
    background-color: var(--colorPrimary)
}

.check {
    display: inline-block
}

.check input[type=checkbox] {
    display: none
}

.check .checkBox {
    position: relative;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    border: .125rem solid var(--colorDarkGrey);
    border-radius: .125rem;
    background-color: #fff
}

.check .checkBox svg {
    position: absolute;
    top: -.0625rem;
    left: -.125rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--colorWhite)
}

.check input:checked~.checkBox {
    background-color: var(--colorPrimary)
}

.checkboxLabel {
    position: relative;
    top: -.5rem;
    margin-left: .25rem;
    padding: 0;
    font-size: .875rem;
    font-weight: 700
}

.selectWrapper.error,input.error,textarea.error {
    border-color: var(--colorPrimary)!important
}

.formError {
    clear: both;
    margin: .5rem 0;
    padding: .375rem 1.5rem .375rem 1.5rem;
    border-radius: 1.125rem;
    background-color: var(--colorPrimary);
    font-size: .875rem;
    color: #fff
}

.tileModal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 100vh;
    left: 0;
    z-index: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.modalTile {
    box-sizing: border-box;
    width: 100%;
    max-height: 100vh;
    padding: 4rem 0;
    overflow: auto
}

.modalTile .tile {
    display: block;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 675ms ease-in-out;
    -moz-transition: all 675ms ease-in-out;
    -o-transition: all 675ms ease-in-out;
    transition: all 675ms ease-in-out
}

.modalTile .tile .tileHdr {
    display: block;
    box-sizing: border-box;
    padding: .375rem 2rem 0 2rem
}

.modalTile .tile .tileContent {
    display: block;
    box-sizing: border-box;
    padding: 0 2rem
}

.modalTile .tile .tileFtr {
    display: block;
    box-sizing: border-box;
    padding: 1rem 2rem
}

.tileModal .modalTile {
    position: relative;
    z-index: 911
}

.tileModal.active {
    bottom: 0
}

.active .modalTile .tile {
    height: 100%
}

.overlayBg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    background-color: rgba(28,30,35,.8);
    transition: all .25s ease-in-out
}

.active .overlayBg {
    height: 100%
}

.inlineEdit {
    margin: 0 -2rem;
    padding: 0 2rem;
    background-color: var(--colorLightGrey)
}

.inlineEdit:not(.active) .row {
    opacity: 0
}

.inlineEdit:not(.active) .column {
    padding: 0 1rem;
    font-size: 0
}

.inlineEdit:not(.active) label {
    font-size: 0
}

.inlineEdit:not(.active) input {
    padding: 0 1.5em;
    border-width: 0;
    font-size: 0
}

.inlineEdit:not(.active) .check {
    font-size: 0;
    margin-top: 0;
    margin-bottom: 0
}

.inlineEdit:not(.active) .check .checkBox {
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden
}

.inlineEdit:not(.active) button {
    padding: 0 2em 0 2em;
    border-width: 0;
    font-size: 0
}

.inlineEdit,.inlineEdit:not(.active) .check,.inlineEdit:not(.active) .check .checkBox,.inlineEdit:not(.active) .column,.inlineEdit:not(.active) button,.inlineEdit:not(.active) input,.inlineEdit:not(.active) label {
    transition-property: font-size,width,height,margin,padding,border;
    transition-duration: .25s;
    transition-delay: 375ms
}

.inlineEdit:not(.active) .row {
    transition-property: opacity;
    transition-duration: .25s;
    transition-delay: 0s
}

.inlineEdit.active,.inlineEdit.active .column,.inlineEdit.active button,.inlineEdit.active input,.inlineEdit.active label {
    transition-property: font-size,padding,border;
    transition-duration: 125ms;
    transition-timing-function: linear;
    transition-delay: 0s
}

.inlineEdit.active .row {
    transition-property: opacity;
    transition-duration: .25s;
    transition-delay: 0.5s
}

.fetchSpinner {
    padding: .75em
}

.fetchSpinner img {
    width: 1em
}

.wizardSteps {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: solid 1px #7e48df
}

.wizardSteps li {
    display: inline-block;
    margin: 0 1em 0 0;
    padding: .25em 1em;
    border-radius: 1rem 1rem 0 0
}

.wizardSteps li.active {
    background-color: #7e48df;
    border-color: #272a31;
    color: #fff
}

.wizardSteps li.inactive {
    background-color: transparent;
    border-color: transparent
}

.dropzone {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    border: .125rem dashed #7f48df;
    border-radius: 2rem;
    background: 0 0;
    text-align: center
}

.dropzone .dz-remove {
    margin: .5rem 0 0 0
}

.dropzone .dz-message {
    margin: 0;
    font-size: 1rem
}

.dropzone .dz-message svg {
    width: 9rem
}

.dropzone .dz-image {
    width: 7.5rem;
    height: 7.5rem;
    padding: 2em
}

.dropzone .dz-preview .dz-details {
    display: flex;
    flex-wrap: wrap;
    width: 7.5rem;
    height: 7.5rem;
    padding: 0;
    text-align: center
}

.dropzone .dz-preview .dz-details .dz-size {
    width: 100%;
    align-self: flex-start;
    padding-top: .5rem
}

.dropzone .dz-preview .dz-details .dz-filename {
    width: 100%;
    align-self: flex-end;
    padding-bottom: .5rem
}

.dropzone .dz-preview .dz-image,.dropzone .dz-preview.dz-file-preview .dz-image {
    background: #1c1e23
}

.dropzone .dz-preview.dz-image-preview {
    background: 0 0
}

.dropzone .dz-preview .dz-error-message {
    top: 10rem
}

.dropzone .dz-preview .dz-remove {
    color: var(--colorPrimary)
}

.dropzone .dz-preview:hover .dz-image img {
    transform: none;
    filter: none
}

.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark {
    top: 40%;
    color: var(--colorPrimary)
}

.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span {
    background: 0 0
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: none;
    background: 0 0
}

.validationResults {
    margin: 0 0 1rem 0;
    padding: 1rem 1.25rem .75rem 1.25rem;
    border: .0625rem solid var(--colorGrey);
    border-radius: 1rem
}

.validationResults ul {
    margin: 0 0 0 1.5rem;
    padding: 0;
    list-style: none;
    font-size: 1.125rem
}

.validationResults ul ul {
    margin: 0 0 0 1rem;
    font-size: 1.125rem
}

.validationResults ul ul li:before {
    content: "-";
    margin-right: .25rem
}

.validationResults ul small {
    color: var(--colorPrimary)
}

@media only screen and (max-width: 400px) {
    :root {
        font-size:.875em
    }

    #primaryLogo {
        width: 16rem;
        height: 2.5rem
    }

    #chartRenderMoodScore.chartRendererSmall .noData {
        padding-left: 0
    }
}

body,html {
    min-width: 320px;
    height: 100%;
    scroll-behavior: smooth
}

html:focus-within {
    scroll-behavior: smooth
}

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

.container {
    position: relative;
    width: 100%;
    max-width: 1230px;
    margin: 0 auto
}

.container.wide {
    max-width: 1920px
}

.container.widest {
    max-width: none
}

.row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
    word-break: break-word
}

.container.wide .row,.container.widest .row {
    margin: 0
}

.container.wide .row .row,.container.widest .row .row {
    margin: -1rem
}

.column {
    box-sizing: border-box;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0.5rem;
    max-width: 100%
}

.question {
    flex-grow: 4;
}

.column.demo {
    background-color: #4065af;
    border: 1px solid #fff;
    border-radius: .375rem
}

.column.demo .column.demo {
    background-color: #af4065
}

.span1 {
    flex: none;
    width: 8.333%
}

.span2 {
    flex: none;
    width: 16.667%
}

.span3 {
    flex: none;
    width: 25%
}

.span4 {
    flex: none;
    width: 33.333%
}

.span5 {
    flex: none;
    width: 41.667%
}

.span6 {
    flex: none;
    width: 50%
}

.span7 {
    flex: none;
    width: 58.333%
}

.span8 {
    flex: none;
    width: 66.667%
}

.span9 {
    flex: none;
    width: 75%
}

.span10 {
    flex: none;
    width: 83.333%
}

.span11 {
    flex: none;
    width: 91.667%
}

.span12 {
    width: 100%
}

.offset1 {
    margin-left: 8.333%
}

.offset2 {
    margin-left: 16.667%
}

.offset3 {
    margin-left: 25%
}

.offset4 {
    margin-left: 33.333%
}

.offset5 {
    margin-left: 41.667%
}

.offset6 {
    margin-left: 50%
}

.offset7 {
    margin-left: 58.333%
}

.offset8 {
    margin-left: 66.667%
}

.offset9 {
    margin-left: 75%
}

.offset10 {
    margin-left: 83.333%
}

.offset11 {
    margin-left: 91.667%
}

.mgCenter {
    margin-right: auto;
    margin-left: auto
}

.mgTop0 {
    margin-top: 0
}

.mgTop025 {
    margin-top: .25rem
}

.mgTop05 {
    margin-top: .5rem
}

.mgTop075 {
    margin-top: .75rem
}

.mgTop1 {
    margin-top: 1rem
}

.mgTop2 {
    margin-top: 2rem
}

.mgTop3 {
    margin-top: 3rem
}

.mgTop4 {
    margin-top: 4rem
}

.mgTop5 {
    margin-top: 5rem
}

.mgTop6 {
    margin-top: 6rem
}

.mgTop7 {
    margin-top: 7rem
}

.mgTop8 {
    margin-top: 8rem
}

.mgBtm0 {
    margin-bottom: 0!important
}

.mgBtm025 {
    margin-bottom: .25rem
}

.mgBtm05 {
    margin-bottom: .5rem
}

.mgBtm075 {
    margin-bottom: .75rem
}

.mgBtm1 {
    margin-bottom: 1rem
}

.mgBtm2 {
    margin-bottom: 2rem
}

.mgBtm3 {
    margin-bottom: 3rem
}

.mgBtm4 {
    margin-bottom: 4rem
}

.mgBtm5 {
    margin-bottom: 5rem
}

.mgBtm6 {
    margin-bottom: 6rem
}

.mgBtm7 {
    margin-bottom: 7rem
}

.mgBtm8 {
    margin-bottom: 8rem
}

.mgRgt05 {
    margin-right: .5rem
}

.mgRgt1 {
    margin-right: 1rem
}

.mgRgt2 {
    margin-right: 2rem
}

.mgLft1 {
    margin-left: 1rem
}

.mgLft2 {
    margin-left: 2rem
}

.pdTop0 {
    padding-top: 0
}

.pdTop025 {
    padding-top: .25rem
}

.pdTop05 {
    padding-top: .5rem
}

.pdTop075 {
    padding-top: .75rem
}

.pdTop1 {
    padding-top: 1rem
}

.pdTop2 {
    padding-top: 2rem
}

.pdTop3 {
    padding-top: 3rem
}

.pdTop4 {
    padding-top: 4rem
}

.pdTop5 {
    padding-top: 5rem
}

.pdTop6 {
    padding-top: 6rem
}

.pdTop7 {
    padding-top: 7rem
}

.pdTop8 {
    padding-top: 8rem
}

.pdBtm0 {
    padding-bottom: 0
}

.pdBtm025 {
    padding-bottom: .25rem
}

.pdBtm05 {
    padding-bottom: .5rem
}

.pdBtm075 {
    padding-bottom: .75rem
}

.pdBtm1 {
    padding-bottom: 1rem
}

.pdBtm2 {
    padding-bottom: 2rem
}

.pdBtm3 {
    padding-bottom: 3rem
}

.pdBtm4 {
    padding-bottom: 4rem
}

.pdBtm5 {
    padding-bottom: 5rem
}

.pdBtm6 {
    padding-bottom: 6rem
}

.pdBtm7 {
    padding-bottom: 7rem
}

.pdBtm8 {
    padding-bottom: 8rem
}

.pdlr1 {
    padding-right: 1rem;
    padding-left: 1rem
}

.pdRgt1 {
    padding-right: 1rem
}

.pdRgt2 {
    padding-right: 2rem
}

.pdLft1 {
    padding-left: 1rem
}

.pdLft2 {
    padding-left: 2rem
}

.dispNone {
    display: none
}

.dispBlock {
    display: block
}

.dispInlBlck {
    display: inline-block
}

.dispFlex {
    display: flex
}

.lapDispBlock,.lapDispFlex,.lapDispInlBlck {
    display: none
}

.tblDispBlock,.tblDispFlex,.tblDispInlBlck {
    display: none
}

.tbsDispBlock,.tbsDispFlex,.tbsDispInlBlck {
    display: none
}

.mblDispBlock,.mblDispFlex,.mblDispInlBlck {
    display: none
}

.mbsDispBlock,.mbsDispFlex,.mbsDispInlBlck {
    display: none
}

.hCenter {
    justify-content: center
}

.hEnd {
    justify-content: flex-end
}

.vCenter {
    align-items: center
}

.vBottom {
    align-items: flex-end
}

.order1 {
    order: 1
}

.order2 {
    order: 2
}

.order3 {
    order: 3
}

.order4 {
    order: 4
}

.order5 {
    order: 5
}

.order6 {
    order: 6
}

.order7 {
    order: 7
}

.order8 {
    order: 8
}

.order9 {
    order: 9
}

.order10 {
    order: 10
}

.order11 {
    order: 11
}

.order12 {
    order: 12
}

.flexGrow1 {
    flex-grow: 1
}

.flexGrow2 {
    flex-grow: 2
}

.flexGrow3 {
    flex-grow: 3
}

.flexGrow4 {
    flex-grow: 4
}

.flexGrow5 {
    flex-grow: 5
}

.zeeBump1 {
    position: relative;
    z-index: 1
}

.zeeBump2 {
    position: relative;
    z-index: 2
}

.zeeBump3 {
    position: relative;
    z-index: 3
}

.zeeBump4 {
    position: relative;
    z-index: 4
}

.zeeBump5 {
    position: relative;
    z-index: 5
}

.zeeBump6 {
    position: relative;
    z-index: 6
}

.zeeBump7 {
    position: relative;
    z-index: 7
}

.zeeBump8 {
    position: relative;
    z-index: 8
}

.zeeBump10 {
    position: relative;
    z-index: 10
}

.zeeBump20 {
    position: relative;
    z-index: 20
}

.clear {
    clear: both
}

.floatRight {
    float: right
}

.justifyFlexEnd {
    justify-content: flex-end
}

.floatLeft {
    float: left
}

.posRelative {
    position: relative
}

.offCanvasRight {
    margin: -1em -99em -1em -1em;
    padding: 1em 99em 0 1em
}

.offCanvasLeft {
    margin: -1em -1em -1em -99em;
    padding: 1em 1em 1em 99em
}

.overflowHidden {
    overflow: hidden
}

.overflowVisible {
    overflow: visible
}

@media screen and (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }
}

@media only screen and (max-width: 1270px) {
    .container {
        width:960px
    }

    .container.wide,.container.widest {
        width: 100%
    }

    .lapSpan1 {
        flex: none;
        width: 8.333%
    }

    .lapSpan2 {
        flex: none;
        width: 16.667%
    }

    .lapSpan3 {
        flex: none;
        width: 25%
    }

    .lapSpan4 {
        flex: none;
        width: 33.333%
    }

    .lapSpan5 {
        flex: none;
        width: 41.667%
    }

    .lapSpan6 {
        flex: none;
        width: 50%
    }

    .lapSpan7 {
        flex: none;
        width: 58.333%
    }

    .lapSpan8 {
        flex: none;
        width: 66.667%
    }

    .lapSpan9 {
        flex: none;
        width: 75%
    }

    .lapSpan10 {
        flex: none;
        width: 83.333%
    }

    .lapSpan11 {
        flex: none;
        width: 91.667%
    }

    .lapSpan12 {
        width: 100%
    }

    .lapOffset0 {
        margin-left: 0
    }

    .lapOffset1 {
        margin-left: 8.333%
    }

    .lapOffset2 {
        margin-left: 16.667%
    }

    .lapOffset3 {
        margin-left: 25%
    }

    .lapOffset4 {
        margin-left: 33.333%
    }

    .lapOffset5 {
        margin-left: 41.667%
    }

    .lapOffset6 {
        margin-left: 50%
    }

    .lapOffset7 {
        margin-left: 58.333%
    }

    .lapOffset8 {
        margin-left: 66.667%
    }

    .lapOffset9 {
        margin-left: 75%
    }

    .lapOffset10 {
        margin-left: 83.333%
    }

    .lapOffset11 {
        margin-left: 91.667%
    }

    .lapMgCenter {
        margin-right: auto;
        margin-left: auto
    }

    .lapMgTop0 {
        margin-top: 0
    }

    .lapMgTop025 {
        margin-top: .25rem
    }

    .lapMgTop05 {
        margin-top: .5rem
    }

    .lapMgTop075 {
        margin-top: .75rem
    }

    .lapMgTop1 {
        margin-top: 1rem
    }

    .lapMgTop2 {
        margin-top: 2rem
    }

    .lapMgTop3 {
        margin-top: 3rem
    }

    .lapMgTop4 {
        margin-top: 4rem
    }

    .lapMgTop5 {
        margin-top: 5rem
    }

    .lapMgTop6 {
        margin-top: 6rem
    }

    .lapMgTop7 {
        margin-top: 7rem
    }

    .lapMgTop8 {
        margin-top: 8rem
    }

    .lapMgBtm0 {
        margin-bottom: 0!important
    }

    .lapMgBtm025 {
        margin-bottom: .25rem
    }

    .lapMgBtm05 {
        margin-bottom: .5rem
    }

    .lapMgBtm075 {
        margin-bottom: .75rem
    }

    .lapMgBtm1 {
        margin-bottom: 1rem
    }

    .lapMgBtm2 {
        margin-bottom: 2rem
    }

    .lapMgBtm3 {
        margin-bottom: 3rem
    }

    .lapMgBtm4 {
        margin-bottom: 4rem
    }

    .lapMgBtm5 {
        margin-bottom: 5rem
    }

    .lapMgBtm6 {
        margin-bottom: 6rem
    }

    .lapMgBtm7 {
        margin-bottom: 7rem
    }

    .lapMgBtm8 {
        margin-bottom: 8rem
    }

    .lapMgRgt1 {
        margin-right: 1rem
    }

    .lapMgRgt2 {
        margin-right: 2rem
    }

    .lapMgLft1 {
        margin-left: 1rem
    }

    .lapMgLft2 {
        margin-left: 2rem
    }

    .lapPdTop0 {
        padding-top: 0
    }

    .lapPdTop025 {
        padding-top: .25rem
    }

    .lapPdTop05 {
        padding-top: .5rem
    }

    .lapPdTop075 {
        padding-top: .75rem
    }

    .lapPdTop1 {
        padding-top: 1rem
    }

    .lapPdTop2 {
        padding-top: 2rem
    }

    .lapPdTop3 {
        padding-top: 3rem
    }

    .lapPdTop4 {
        padding-top: 4rem
    }

    .lapPdTop5 {
        padding-top: 5rem
    }

    .lapPdTop6 {
        padding-top: 6rem
    }

    .lapPdTop7 {
        padding-top: 7rem
    }

    .lapPdTop8 {
        padding-top: 8rem
    }

    .lapPdBtm0 {
        padding-bottom: 0
    }

    .lapPdBtm025 {
        padding-bottom: .25rem
    }

    .lapPdBtm05 {
        padding-bottom: .5rem
    }

    .lapPdBtm075 {
        padding-bottom: .75rem
    }

    .lapPdBtm1 {
        padding-bottom: 1rem
    }

    .lapPdBtm2 {
        padding-bottom: 2rem
    }

    .lapPdBtm3 {
        padding-bottom: 3rem
    }

    .lapPdBtm4 {
        padding-bottom: 4rem
    }

    .lapPdBtm5 {
        padding-bottom: 5rem
    }

    .lapPdBtm6 {
        padding-bottom: 6rem
    }

    .lapPdBtm7 {
        padding-bottom: 7rem
    }

    .lapPdBtm8 {
        padding-bottom: 8rem
    }

    .lapPdlr1 {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .lapPdRgt1 {
        padding-right: 1rem
    }

    .lapPdRgt2 {
        padding-right: 2rem
    }

    .lapPdLft1 {
        padding-left: 1rem
    }

    .lapPdLft2 {
        padding-left: 2rem
    }

    .lapDispNone {
        display: none
    }

    .lapDispBlock {
        display: block
    }

    .lapDispInlBlck {
        display: inline-block
    }

    .lapDispFlex {
        display: flex
    }

    .lapOrder1 {
        order: 1
    }

    .lapOrder2 {
        order: 2
    }

    .lapOrder3 {
        order: 3
    }

    .lapOrder4 {
        order: 4
    }

    .lapOrder5 {
        order: 5
    }

    .lapOrder6 {
        order: 6
    }

    .lapOrder7 {
        order: 7
    }

    .lapOrder8 {
        order: 8
    }

    .lapOrder9 {
        order: 9
    }

    .lapOrder10 {
        order: 10
    }

    .lapOrder11 {
        order: 11
    }

    .lapOrder12 {
        order: 12
    }
}

@media only screen and (max-width: 1024px) {
    .container {
        width:760px
    }

    .tblSpan1 {
        flex: none;
        width: 8.333%
    }

    .tblSpan2 {
        flex: none;
        width: 16.667%
    }

    .tblSpan3 {
        flex: none;
        width: 25%
    }

    .tblSpan4 {
        flex: none;
        width: 33.333%
    }

    .tblSpan5 {
        flex: none;
        width: 41.667%
    }

    .tblSpan6 {
        flex: none;
        width: 50%
    }

    .tblSpan7 {
        flex: none;
        width: 58.333%
    }

    .tblSpan8 {
        flex: none;
        width: 66.667%
    }

    .tblSpan9 {
        flex: none;
        width: 75%
    }

    .tblSpan10 {
        flex: none;
        width: 83.333%
    }

    .tblSpan11 {
        flex: none;
        width: 91.667%
    }

    .tblSpan12 {
        flex: none;
        width: 100%
    }

    .tblOffset0 {
        margin-left: 0
    }

    .tblOffset1 {
        margin-left: 8.333%
    }

    .tblOffset2 {
        margin-left: 16.667%
    }

    .tblOffset3 {
        margin-left: 25%
    }

    .tblOffset4 {
        margin-left: 33.333%
    }

    .tblOffset5 {
        margin-left: 41.667%
    }

    .tblOffset6 {
        margin-left: 50%
    }

    .tblOffset7 {
        margin-left: 58.333%
    }

    .tblOffset8 {
        margin-left: 66.667%
    }

    .tblOffset9 {
        margin-left: 75%
    }

    .tblOffset10 {
        margin-left: 83.333%
    }

    .tblOffset11 {
        margin-left: 91.667%
    }

    .tblMgCenter {
        margin-right: auto;
        margin-left: auto
    }

    .tblMgTop0 {
        margin-top: 0
    }

    .tblMgTop025 {
        margin-top: .25rem
    }

    .tblMgTop05 {
        margin-top: .5rem
    }

    .tblMgTop075 {
        margin-top: .75rem
    }

    .tblMgTop1 {
        margin-top: 1rem
    }

    .tblMgTop2 {
        margin-top: 2rem
    }

    .tblMgTop3 {
        margin-top: 3rem
    }

    .tblMgTop4 {
        margin-top: 4rem
    }

    .tblMgTop5 {
        margin-top: 5rem
    }

    .tblMgTop6 {
        margin-top: 6rem
    }

    .tblMgTop7 {
        margin-top: 7rem
    }

    .tblMgTop8 {
        margin-top: 8rem
    }

    .tblMgBtm0 {
        margin-bottom: 0!important
    }

    .tblMgBtm025 {
        margin-bottom: .25rem
    }

    .tblMgBtm05 {
        margin-bottom: .5rem
    }

    .tblMgBtm075 {
        margin-bottom: .75rem
    }

    .tblMgBtm1 {
        margin-bottom: 1rem
    }

    .tblMgBtm2 {
        margin-bottom: 2rem
    }

    .tblMgBtm3 {
        margin-bottom: 3rem
    }

    .tblMgBtm4 {
        margin-bottom: 4rem
    }

    .tblMgBtm5 {
        margin-bottom: 5rem
    }

    .tblMgBtm6 {
        margin-bottom: 6rem
    }

    .tblMgBtm7 {
        margin-bottom: 7rem
    }

    .tblMgBtm8 {
        margin-bottom: 8rem
    }

    .tblMgRgt1 {
        margin-right: 1rem
    }

    .tblMgRgt2 {
        margin-right: 2rem
    }

    .tblMgLft1 {
        margin-left: 1rem
    }

    .tblMgLft2 {
        margin-left: 2rem
    }

    .tblPdTop0 {
        padding-top: 0
    }

    .tblPdTop025 {
        padding-top: .25rem
    }

    .tblPdTop05 {
        padding-top: .5rem
    }

    .tblPdTop075 {
        padding-top: .75rem
    }

    .tblPdTop1 {
        padding-top: 1rem
    }

    .tblPdTop2 {
        padding-top: 2rem
    }

    .tblPdTop3 {
        padding-top: 3rem
    }

    .tblPdTop4 {
        padding-top: 4rem
    }

    .tblPdTop5 {
        padding-top: 5rem
    }

    .tblPdTop6 {
        padding-top: 6rem
    }

    .tblPdTop7 {
        padding-top: 7rem
    }

    .tblPdTop8 {
        padding-top: 8rem
    }

    .tblPdBtm0 {
        padding-bottom: 0
    }

    .tblPdBtm025 {
        padding-bottom: .25rem
    }

    .tblPdBtm05 {
        padding-bottom: .5rem
    }

    .tblPdBtm075 {
        padding-bottom: .75rem
    }

    .tblPdBtm1 {
        padding-bottom: 1rem
    }

    .tblPdBtm2 {
        padding-bottom: 2rem
    }

    .tblPdBtm3 {
        padding-bottom: 3rem
    }

    .tblPdBtm4 {
        padding-bottom: 4rem
    }

    .tblPdBtm5 {
        padding-bottom: 5rem
    }

    .tblPdBtm6 {
        padding-bottom: 6rem
    }

    .tblPdBtm7 {
        padding-bottom: 7rem
    }

    .tblPdBtm8 {
        padding-bottom: 8rem
    }

    .tblPdlr1 {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .tblPdRgt1 {
        padding-right: 1rem
    }

    .tblPdRgt2 {
        padding-right: 2rem
    }

    .tblPdLft1 {
        padding-left: 1rem
    }

    .tblPdLft2 {
        padding-left: 2rem
    }

    .tblDispNone {
        display: none
    }

    .tblDispBlock {
        display: block
    }

    .tblDispInlBlck {
        display: inline-block
    }

    .tblDispFlex {
        display: flex
    }

    .tblOrder1 {
        order: 1
    }

    .tblOrder2 {
        order: 2
    }

    .tblOrder3 {
        order: 3
    }

    .tblOrder4 {
        order: 4
    }

    .tblOrder5 {
        order: 5
    }

    .tblOrder6 {
        order: 6
    }

    .tblOrder7 {
        order: 7
    }

    .tblOrder8 {
        order: 8
    }

    .tblOrder9 {
        order: 9
    }

    .tblOrder10 {
        order: 10
    }

    .tblOrder11 {
        order: 11
    }

    .tblOrder12 {
        order: 12
    }
}

@media only screen and (max-width: 810px) {

    .container {
        width:100%;
        max-width: 540px
    }

    .tbsSpan1 {
        flex: none;
        width: 8.333%
    }

    .tbsSpan2 {
        flex: none;
        width: 16.667%
    }

    .tbsSpan3 {
        flex: none;
        width: 25%
    }

    .tbsSpan4 {
        flex: none;
        width: 33.333%
    }

    .tbsSpan5 {
        flex: none;
        width: 41.667%
    }

    .tbsSpan6 {
        flex: none;
        width: 50%
    }

    .tbsSpan7 {
        flex: none;
        width: 58.333%
    }

    .tbsSpan8 {
        flex: none;
        width: 66.667%
    }

    .tbsSpan9 {
        flex: none;
        width: 75%
    }

    .tbsSpan10 {
        flex: none;
        width: 83.333%
    }

    .tbsSpan11 {
        flex: none;
        width: 91.667%
    }

    .tbsSpan12 {
        flex: none;
        width: 100%
    }

    .tbsOffset0 {
        margin-left: 0
    }

    .tbsOffset1 {
        margin-left: 8.333%
    }

    .tbsOffset2 {
        margin-left: 16.667%
    }

    .tbsOffset3 {
        margin-left: 25%
    }

    .tbsOffset4 {
        margin-left: 33.333%
    }

    .tbsOffset5 {
        margin-left: 41.667%
    }

    .tbsOffset6 {
        margin-left: 50%
    }

    .tbsOffset7 {
        margin-left: 58.333%
    }

    .tbsOffset8 {
        margin-left: 66.667%
    }

    .tbsOffset9 {
        margin-left: 75%
    }

    .tbsOffset10 {
        margin-left: 83.333%
    }

    .tbsOffset11 {
        margin-left: 91.667%
    }

    .tbsMgCenter {
        margin-right: auto;
        margin-left: auto
    }

    .tbsMgTop0 {
        margin-top: 0
    }

    .tbsMgTop025 {
        margin-top: .25rem
    }

    .tbsMgTop05 {
        margin-top: .5rem
    }

    .tbsMgTop075 {
        margin-top: .75rem
    }

    .tbsMgTop1 {
        margin-top: 1rem
    }

    .tbsMgTop2 {
        margin-top: 2rem
    }

    .tbsMgTop3 {
        margin-top: 3rem
    }

    .tbsMgTop4 {
        margin-top: 4rem
    }

    .tbsMgTop5 {
        margin-top: 5rem
    }

    .tbsMgTop6 {
        margin-top: 6rem
    }

    .tbsMgTop7 {
        margin-top: 7rem
    }

    .tbsMgTop8 {
        margin-top: 8rem
    }

    .tbsMgBtm0 {
        margin-bottom: 0!important
    }

    .tbsMgBtm025 {
        margin-bottom: .25rem
    }

    .tbsMgBtm05 {
        margin-bottom: .5rem
    }

    .tbsMgBtm075 {
        margin-bottom: .75rem
    }

    .tbsMgBtm1 {
        margin-bottom: 1rem
    }

    .tbsMgBtm2 {
        margin-bottom: 2rem
    }

    .tbsMgBtm3 {
        margin-bottom: 3rem
    }

    .tbsMgBtm4 {
        margin-bottom: 4rem
    }

    .tbsMgBtm5 {
        margin-bottom: 5rem
    }

    .tbsMgBtm6 {
        margin-bottom: 6rem
    }

    .tbsMgBtm7 {
        margin-bottom: 7rem
    }

    .tbsMgBtm8 {
        margin-bottom: 8rem
    }

    .tbsMgRgt1 {
        margin-right: 1rem
    }

    .tbsMgRgt2 {
        margin-right: 2rem
    }

    .tbsMgLft1 {
        margin-left: 1rem
    }

    .tbsMgLft2 {
        margin-left: 2rem
    }

    .tbsPdTop0 {
        padding-top: 0
    }

    .tbsPdTop025 {
        padding-top: .25rem
    }

    .tbsPdTop05 {
        padding-top: .5rem
    }

    .tbsPdTop075 {
        padding-top: .75rem
    }

    .tbsPdTop1 {
        padding-top: 1rem
    }

    .tbsPdTop2 {
        padding-top: 2rem
    }

    .tbsPdTop3 {
        padding-top: 3rem
    }

    .tbsPdTop4 {
        padding-top: 4rem
    }

    .tbsPdTop5 {
        padding-top: 5rem
    }

    .tbsPdTop6 {
        padding-top: 6rem
    }

    .tbsPdTop7 {
        padding-top: 7rem
    }

    .tbsPdTop8 {
        padding-top: 8rem
    }

    .tbsPdBtm0 {
        padding-bottom: 0
    }

    .tbsPdBtm025 {
        padding-bottom: .25rem
    }

    .tbsPdBtm05 {
        padding-bottom: .5rem
    }

    .tbsPdBtm075 {
        padding-bottom: .75rem
    }

    .tbsPdBtm1 {
        padding-bottom: 1rem
    }

    .tbsPdBtm2 {
        padding-bottom: 2rem
    }

    .tbsPdBtm3 {
        padding-bottom: 3rem
    }

    .tbsPdBtm4 {
        padding-bottom: 4rem
    }

    .tbsPdBtm5 {
        padding-bottom: 5rem
    }

    .tbsPdBtm6 {
        padding-bottom: 6rem
    }

    .tbsPdBtm7 {
        padding-bottom: 7rem
    }

    .tbsPdBtm8 {
        padding-bottom: 8rem
    }

    .tbsPdlr1 {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .tbsPdRgt1 {
        padding-right: 1rem
    }

    .tbsPdRgt2 {
        padding-right: 2rem
    }

    .tbsPdLft1 {
        padding-left: 1rem
    }

    .tbsPdLft2 {
        padding-left: 2rem
    }

    .tbsDispNone {
        display: none
    }

    .tbsDispBlock {
        display: block
    }

    .tbsDispInlBlck {
        display: inline-block
    }

    .tbsDispFlex {
        display: flex
    }

    .tbsOrder1 {
        order: 1
    }

    .tbsOrder2 {
        order: 2
    }

    .tbsOrder3 {
        order: 3
    }

    .tbsOrder4 {
        order: 4
    }

    .tbsOrder5 {
        order: 5
    }

    .tbsOrder6 {
        order: 6
    }

    .tbsOrder7 {
        order: 7
    }

    .tbsOrder8 {
        order: 8
    }

    .tbsOrder9 {
        order: 9
    }

    .tbsOrder10 {
        order: 10
    }

    .tbsOrder11 {
        order: 11
    }

    .tbsOrder12 {
        order: 12
    }
}

@media only screen and (max-width: 600px) {
    .container {
        max-width:none
    }

    .mblSpan1 {
        flex: none;
        width: 8.333%
    }

    .mblSpan2 {
        flex: none;
        width: 16.667%
    }

    .mblSpan3 {
        flex: none;
        width: 25%
    }

    .mblSpan4 {
        flex: none;
        width: 33.333%
    }

    .mblSpan5 {
        flex: none;
        width: 41.667%
    }

    .mblSpan6 {
        flex: none;
        width: 50%
    }

    .mblSpan7 {
        flex: none;
        width: 58.333%
    }

    .mblSpan8 {
        flex: none;
        width: 66.667%
    }

    .mblSpan9 {
        flex: none;
        width: 75%
    }

    .mblSpan10 {
        flex: none;
        width: 83.333%
    }

    .mblSpan11 {
        flex: none;
        width: 91.667%
    }

    .mblSpan12 {
        flex: none;
        width: 100%
    }

    .mblOffset0 {
        margin-left: 0
    }

    .mblOffset1 {
        margin-left: 8.333%
    }

    .mblOffset2 {
        margin-left: 16.667%
    }

    .mblOffset3 {
        margin-left: 25%
    }

    .mblOffset4 {
        margin-left: 33.333%
    }

    .mblOffset5 {
        margin-left: 41.667%
    }

    .mblOffset6 {
        margin-left: 50%
    }

    .mblOffset7 {
        margin-left: 58.333%
    }

    .mblOffset8 {
        margin-left: 66.667%
    }

    .mblOffset9 {
        margin-left: 75%
    }

    .mblOffset10 {
        margin-left: 83.333%
    }

    .mblOffset11 {
        margin-left: 91.667%
    }

    .mblMgCenter {
        margin-right: auto;
        margin-left: auto
    }

    .mblMgTop0 {
        margin-top: 0
    }

    .mblMgTop025 {
        margin-top: .25rem
    }

    .mblMgTop05 {
        margin-top: .5rem
    }

    .mblMgTop075 {
        margin-top: .75rem
    }

    .mblMgTop1 {
        margin-top: 1rem
    }

    .mblMgTop2 {
        margin-top: 2rem
    }

    .mblMgTop3 {
        margin-top: 3rem
    }

    .mblMgTop4 {
        margin-top: 4rem
    }

    .mblMgTop5 {
        margin-top: 5rem
    }

    .mblMgTop6 {
        margin-top: 6rem
    }

    .mblMgTop7 {
        margin-top: 7rem
    }

    .mblMgTop8 {
        margin-top: 8rem
    }

    .mblMgBtm0 {
        margin-bottom: 0!important
    }

    .mblMgBtm025 {
        margin-bottom: .25rem
    }

    .mblMgBtm05 {
        margin-bottom: .5rem
    }

    .mblMgBtm075 {
        margin-bottom: .75rem
    }

    .mblMgBtm1 {
        margin-bottom: 1rem
    }

    .mblMgBtm2 {
        margin-bottom: 2rem
    }

    .mblMgBtm3 {
        margin-bottom: 3rem
    }

    .mblMgBtm4 {
        margin-bottom: 4rem
    }

    .mblMgBtm5 {
        margin-bottom: 5rem
    }

    .mblMgBtm6 {
        margin-bottom: 6rem
    }

    .mblMgBtm7 {
        margin-bottom: 7rem
    }

    .mblMgBtm8 {
        margin-bottom: 8rem
    }

    .mblMgRgt1 {
        margin-right: 1rem
    }

    .mblMgRgt2 {
        margin-right: 2rem
    }

    .mblMgLft1 {
        margin-left: 1rem
    }

    .mblMgLft2 {
        margin-left: 2rem
    }

    .mblPdTop0 {
        padding-top: 0
    }

    .mblPdTop025 {
        padding-top: .25rem
    }

    .mblPdTop05 {
        padding-top: .5rem
    }

    .mblPdTop075 {
        padding-top: .75rem
    }

    .mblPdTop1 {
        padding-top: 1rem
    }

    .mblPdTop2 {
        padding-top: 2rem
    }

    .mblPdTop3 {
        padding-top: 3rem
    }

    .mblPdTop4 {
        padding-top: 4rem
    }

    .mblPdTop5 {
        padding-top: 5rem
    }

    .mblPdTop6 {
        padding-top: 6rem
    }

    .mblPdTop7 {
        padding-top: 7rem
    }

    .mblPdTop8 {
        padding-top: 8rem
    }

    .mblPdBtm0 {
        padding-bottom: 0
    }

    .mblPdBtm025 {
        padding-bottom: .25rem
    }

    .mblPdBtm05 {
        padding-bottom: .5rem
    }

    .mblPdBtm075 {
        padding-bottom: .75rem
    }

    .mblPdBtm1 {
        padding-bottom: 1rem
    }

    .mblPdBtm2 {
        padding-bottom: 2rem
    }

    .mblPdBtm3 {
        padding-bottom: 3rem
    }

    .mblPdBtm4 {
        padding-bottom: 4rem
    }

    .mblPdBtm5 {
        padding-bottom: 5rem
    }

    .mblPdBtm6 {
        padding-bottom: 6rem
    }

    .mblPdBtm7 {
        padding-bottom: 7rem
    }

    .mblPdBtm8 {
        padding-bottom: 8rem
    }

    .mblPdlr1 {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .mblPdRgt1 {
        padding-right: 1rem
    }

    .mblPdRgt2 {
        padding-right: 2rem
    }

    .mblPdLft1 {
        padding-left: 1rem
    }

    .mblPdLft2 {
        padding-left: 2rem
    }

    .mblDispNone {
        display: none
    }

    .mblDispBlock {
        display: block
    }

    .mblDispInlBlck {
        display: inline-block
    }

    .mblDispFlex {
        display: flex
    }

    .mblOrder1 {
        order: 1
    }

    .mblOrder2 {
        order: 2
    }

    .mblOrder3 {
        order: 3
    }

    .mblOrder4 {
        order: 4
    }

    .mblOrder5 {
        order: 5
    }

    .mblOrder6 {
        order: 6
    }

    .mblOrder7 {
        order: 7
    }

    .mblOrder8 {
        order: 8
    }

    .mblOrder9 {
        order: 9
    }

    .mblOrder10 {
        order: 10
    }

    .mblOrder11 {
        order: 11
    }

    .mblOrder12 {
        order: 12
    }
}

@media only screen and (max-width: 400px) {
    .column,.lapSpan1,.lapSpan10,.lapSpan11,.lapSpan2,.lapSpan3,.lapSpan4,.lapSpan5,.lapSpan6,.lapSpan7,.lapSpan8,.lapSpan9,.mblSpan1,.mblSpan10,.mblSpan11,.mblSpan2,.mblSpan3,.mblSpan4,.mblSpan5,.mblSpan6,.mblSpan7,.mblSpan8,.mblSpan9,.span1,.span10,.span11,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.tblSpan1,.tblSpan10,.tblSpan11,.tblSpan2,.tblSpan3,.tblSpan4,.tblSpan5,.tblSpan6,.tblSpan7,.tblSpan8,.tblSpan9,.tbsSpan1,.tbsSpan10,.tbsSpan11,.tbsSpan2,.tbsSpan3,.tbsSpan4,.tbsSpan5,.tbsSpan6,.tbsSpan7,.tbsSpan8,.tbsSpan9 {
        flex:none;
        width: 100%
    }

    .mbsSpan1 {
        flex: none;
        width: 8.333%
    }

    .mbsSpan2 {
        flex: none;
        width: 16.667%
    }

    .mbsSpan3 {
        flex: none;
        width: 25%
    }

    .mbsSpan4 {
        flex: none;
        width: 33.333%
    }

    .mbsSpan5 {
        flex: none;
        width: 41.667%
    }

    .mbsSpan6 {
        flex: none;
        width: 50%
    }

    .mbsSpan7 {
        flex: none;
        width: 58.333%
    }

    .mbsSpan8 {
        flex: none;
        width: 66.667%
    }

    .mbsSpan9 {
        flex: none;
        width: 75%
    }

    .mbsSpan10 {
        flex: none;
        width: 83.333%
    }

    .mbsSpan11 {
        flex: none;
        width: 91.667%
    }

    .mbsSpan12 {
        flex: none;
        width: 100%
    }

    .lapOffset1,.lapOffset10,.lapOffset11,.lapOffset2,.lapOffset3,.lapOffset4,.lapOffset5,.lapOffset6,.lapOffset7,.lapOffset8,.lapOffset9,.mblOffset1,.mblOffset10,.mblOffset11,.mblOffset2,.mblOffset3,.mblOffset4,.mblOffset5,.mblOffset6,.mblOffset7,.mblOffset8,.mblOffset9,.offset1,.offset10,.offset11,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.tblOffset1,.tblOffset10,.tblOffset11,.tblOffset2,.tblOffset3,.tblOffset4,.tblOffset5,.tblOffset6,.tblOffset7,.tblOffset8,.tblOffset9,.tbsOffset1,.tbsOffset10,.tbsOffset11,.tbsOffset2,.tbsOffset3,.tbsOffset4,.tbsOffset5,.tbsOffset6,.tbsOffset7,.tbsOffset8,.tbsOffset9 {
        margin-left: 0
    }

    .mbsOffset0 {
        margin-left: 0
    }

    .mbsOffset1 {
        margin-left: 8.333%
    }

    .mbsOffset2 {
        margin-left: 16.667%
    }

    .mbsOffset3 {
        margin-left: 25%
    }

    .mbsOffset4 {
        margin-left: 33.333%
    }

    .mbsOffset5 {
        margin-left: 41.667%
    }

    .mbsOffset6 {
        margin-left: 50%
    }

    .mbsOffset7 {
        margin-left: 58.333%
    }

    .mbsOffset8 {
        margin-left: 66.667%
    }

    .mbsOffset9 {
        margin-left: 75%
    }

    .mbsOffset10 {
        margin-left: 83.333%
    }

    .mbsOffset11 {
        margin-left: 91.667%
    }

    .mbsMgCenter {
        margin-right: auto;
        margin-left: auto
    }

    .mbsMgTop0 {
        margin-top: 0
    }

    .mbsMgTop025 {
        margin-top: .25rem
    }

    .mbsMgTop05 {
        margin-top: .5rem
    }

    .mbsMgTop075 {
        margin-top: .75rem
    }

    .mbsMgTop1 {
        margin-top: 1rem
    }

    .mbsMgTop2 {
        margin-top: 2rem
    }

    .mbsMgTop3 {
        margin-top: 3rem
    }

    .mbsMgTop4 {
        margin-top: 4rem
    }

    .mbsMgTop5 {
        margin-top: 5rem
    }

    .mbsMgTop6 {
        margin-top: 6rem
    }

    .mbsMgTop7 {
        margin-top: 7rem
    }

    .mbsMgTop8 {
        margin-top: 8rem
    }

    .mbsMgBtm0 {
        margin-bottom: 0!important
    }

    .mbsMgBtm025 {
        margin-bottom: .25rem
    }

    .mbsMgBtm05 {
        margin-bottom: .5rem
    }

    .mbsMgBtm075 {
        margin-bottom: .75rem
    }

    .mbsMgBtm1 {
        margin-bottom: 1rem
    }

    .mbsMgBtm2 {
        margin-bottom: 2rem
    }

    .mbsMgBtm3 {
        margin-bottom: 3rem
    }

    .mbsMgBtm4 {
        margin-bottom: 4rem
    }

    .mbsMgBtm5 {
        margin-bottom: 5rem
    }

    .mbsMgBtm6 {
        margin-bottom: 6rem
    }

    .mbsMgBtm7 {
        margin-bottom: 7rem
    }

    .mbsMgBtm8 {
        margin-bottom: 8rem
    }

    .mbsMgRgt1 {
        margin-right: 1rem
    }

    .mbsMgRgt2 {
        margin-right: 2rem
    }

    .mbsMgLft1 {
        margin-left: 1rem
    }

    .mbsMgLft2 {
        margin-left: 2rem
    }

    .mbsPdTop0 {
        padding-top: 0
    }

    .mbsPdTop025 {
        padding-top: .25rem
    }

    .mbsPdTop05 {
        padding-top: .5rem
    }

    .mbsPdTop075 {
        padding-top: .75rem
    }

    .mbsPdTop1 {
        padding-top: 1rem
    }

    .mbsPdTop2 {
        padding-top: 2rem
    }

    .mbsPdTop3 {
        padding-top: 3rem
    }

    .mbsPdTop4 {
        padding-top: 4rem
    }

    .mbsPdTop5 {
        padding-top: 5rem
    }

    .mbsPdTop6 {
        padding-top: 6rem
    }

    .mbsPdTop7 {
        padding-top: 7rem
    }

    .mbsPdTop8 {
        padding-top: 8rem
    }

    .mbsPdBtm0 {
        padding-bottom: 0
    }

    .mbsPdBtm025 {
        padding-bottom: .25rem
    }

    .mbsPdBtm05 {
        padding-bottom: .5rem
    }

    .mbsPdBtm075 {
        padding-bottom: .75rem
    }

    .mbsPdBtm1 {
        padding-bottom: 1rem
    }

    .mbsPdBtm2 {
        padding-bottom: 2rem
    }

    .mbsPdBtm3 {
        padding-bottom: 3rem
    }

    .mbsPdBtm4 {
        padding-bottom: 4rem
    }

    .mbsPdBtm5 {
        padding-bottom: 5rem
    }

    .mbsPdBtm6 {
        padding-bottom: 6rem
    }

    .mbsPdBtm7 {
        padding-bottom: 7rem
    }

    .mbsPdBtm8 {
        padding-bottom: 8rem
    }

    .mbsPdlr1 {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .mbsPdRgt1 {
        padding-right: 1rem
    }

    .mbsPdRgt2 {
        padding-right: 2rem
    }

    .mbsPdLft1 {
        padding-left: 1rem
    }

    .mbsPdLft2 {
        padding-left: 2rem
    }

    .mbsDispNone {
        display: none
    }

    .mbsDispBlock {
        display: block
    }

    .mbsDispInlBlck {
        display: inline-block
    }

    .mbsDispFlex {
        display: flex
    }

    .mbsOrder1 {
        order: 1
    }

    .mbsOrder2 {
        order: 2
    }

    .mbsOrder3 {
        order: 3
    }

    .mbsOrder4 {
        order: 4
    }

    .mbsOrder5 {
        order: 5
    }

    .mbsOrder6 {
        order: 6
    }

    .mbsOrder7 {
        order: 7
    }

    .mbsOrder8 {
        order: 8
    }

    .mbsOrder9 {
        order: 9
    }

    .mbsOrder10 {
        order: 10
    }

    .mbsOrder11 {
        order: 11
    }

    .mbsOrder12 {
        order: 12
    }
}



@media only screen and (max-width: 600px) {
    #appContainer {
        padding:.25rem 1.25rem
    }

    #appContainer #pagedContent {
        margin: 0 -1.25rem
    }
}

@media only screen and (max-width: 400px) {
    :root {
        font-size:.875em
    }

    #primaryLogo {
        width: 16rem;
        height: 2.5rem
    }
}