/* utility styles */

.section-divider
{
    border-bottom:1px solid #ccc;
    padding-bottom:3.5rem !important;
}

.constrainSectionDivider
{
    border-bottom:1px solid #ccc;
    padding-bottom:2rem !important;
}

.section-margin
{
   margin-bottom:3.5rem;
}

.column-flex-container .column-flex .section-margin
{
   margin-bottom: 2.5rem;
}

.section-no-border-bottom,
.section-no-border-bottom .row
{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
/*
.section-noPadding-bottom
{
    padding-bottom: 0;
}*/

.noBorder
{
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

.noPaddingLeft
{
    padding-left: 0;
}

.noPaddingLeftRight
{
    padding-left: 0;
    padding-right: 0;
}

.section-padding-bottom
{
    padding-bottom: 1rem;
}
/* Password Protection */
.pbg {
    background: rgba(10,10,10,.80);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 200;
    display: none;
}
.pl {
    background: rgba(10,10,10,.94);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 200;
    display: block;
}
.pv, .vrcc {
    width: 30rem;
    height: auto;
    background: #fff;
    padding: 1.5rem;
    margin: 10rem auto;
    border-radius: 0.2rem;
}
.vrcc {
    text-align: center;
    overflow:hidden;
}
.pv h2 {
    font-weight: bold;
    color:#0B2335;
}
.ratf {
    color:#cacaca;
    cursor: pointer;
}
.cpaf {
    display: none;
}
.ratf:hover {
    color:#3A60FF;
}
.acDisable {
    background-color:#cacaca;
    border-color:#cacaca;
    pointer-events: none;
    color:#fff;
}
.acDisable:visited {
    color:#fff;
}
.editorView {
    color:red;
    text-align: center;
    font-weight: bold;
}
.pv input[type=password], .vrcc input[type=password] {
    border-right: 0;
    border-left: 0;
    border-top: 0;
    outline: 0;
    box-shadow: none;
    border-radius: 0;
}
.pCls {
    font-size: 1.5rem;
    cursor: pointer;
    font-weight: bold;
}
.hcc {
    display: flex;
    align-items: center;
}
.h {
    flex-grow: 1;
}
.ab {
    margin-left: 0;
}
.pe{
    color: red;
    font-size: smaller;
    font-weight: bold;
}
/* colors */
/* call out note css */ 
.callOutNoteBorder, .callOutNoteBorder:last-child, .importantCallOutNote, .importantCallOutNote:last-child {
    border: #ccc solid 0.2rem;
    border-radius: 0.2rem;
    justify-content: left;
    padding: 1.5rem 8rem; 
    padding: 1rem;
}
/* overriding config */
.callOutNoteBorder .paragraphBlock, .importantCallOutNote  .paragraphBlock {
    justify-content: flex-start !important;
    margin: unset !important;
    padding: 1rem !important;
}
.callOutNoteBorder .paragraphBlock .iconImage.icon-scale-1p5 i, 
.importantCallOutNote  .paragraphBlock .iconImage.icon-scale-1p5 i {
    padding-right: unset;
}
.importantCallOutNote {
    background:#ccc;
}
/* background colors */

.section-color-dark
{
    background-color: #666;
    color:#fff;
}

.section-color-dark a:link, .section-color-dark a {
    color: var(--section-link-inverse);
}

.section-color-dark a:visited {
  color: var(--section-link-inverse-visited);
}

.section-color-light
{
    background-color: #fff;
    color:#666;
}

.section-color-background1 {
    background-color: var(--section-color-bkgd1);
}
.section-color-background1 p,
.section-color-background1 h1,
.section-color-background1 h2,
.section-color-background1 h3,
.section-color-background1 h4,
.section-color-background1 li,
.section-color-background1 small {
    color: var(--section-text-color-bkgd1);
}

.section-color-background1 a {
    color: var(--section-link-default);
}

.section-color-background1 a:visited {
    color: var(--section-link-default-visited);
}

.section-color-background1 a:hover,
.section-color-background1 a:focus {
    color: var(--section-link-default-hover);
}
.section-color-background5 {
    background-color: #9FCC3B;
    color:#0D2335;
    border: unset !important;
}
.section-color-background6 {
    background-color: #00B6F1;
    color:#0D2335;
    border: unset !important;
}
.section-color-background7 {
    background-color: #0D2335;
    color:#fff;
    border: unset !important;
}

.section-color-background2 {
    background-color: var(--section-color-bkgd2);
}
.section-color-background2 p,
.section-color-background2 h1,
.section-color-background2 h2,
.section-color-background2 h3,
.section-color-background2 h4,
.section-color-background2 li,
.section-color-background2 small {
    color: var(--section-text-color-bkgd2);
}

.section-color-background2 a {
    color: var(--section-link-default);
}

.section-color-background2 a:visited {
    color: var(--section-link-default-visited);
}

.section-color-background2 a:hover,
.section-color-background2 a:focus {
    color: var(--section-link-default-hover);
}

.section-color-background3 {
    background-color: var(--section-color-bkgd3);
}
.section-color-background3 p,
.section-color-background3 h1,
.section-color-background3 h2,
.section-color-background3 h3,
.section-color-background3 h4,
.section-color-background3 li,
.section-color-background3 caption,
.section-color-background3 small {
    color: var(--section-text-color-bkgd3);
}

.section-color-background3 a:link, .section-color-background3 a {
    color: var(--section-link-inverse);
}

.section-color-background3 a:visited {
    color: var(--section-link-inverse-visited);
}

.section-color-background3 a:hover,
.section-color-background3 a:focus {
    color: var(--section-link-inverse-hover);
}

.section-color-background4 {
    background-color: var(--section-color-bkgd4);
}
.section-color-background4 p,
.section-color-background4 h1,
.section-color-background4 h2,
.section-color-background4 h3,
.section-color-background4 h4,
.section-color-background4 li,
.section-color-background4 caption,
.section-color-background4 small {
    color: var(--section-text-color-bkgd4);
}

.section-color-background4 a:link, .section-color-background4 a {
    color: var(--section-link-inverse);
}

.section-color-background4 a:visited {
    color: var(--section-link-inverse-visited);
}

.section-color-background4 a:hover,
.section-color-background4 a:focus {
    color: var(--section-link-inverse-hover);
}

.section-white-background
{
    background-color: #fff;
}

.section-white-background p,
.section-white-background h1,
.section-white-background h2,
.section-white-background h3,
.section-white-background h4,
.section-white-background li,
.section-white-background caption,
.section-white-background small {
    color: var(--section-text-color-white);
}

/* need to keep our buttons looking as is */
.section-color-background1 a.button.primary:visited,
.section-color-background2 a.button.primary:visited,
.section-color-background3 a.button.primary:visited,
.section-color-background4 a.button.primary:visited {
    color: #fff;
}
.section-color-background1 a.button.secondary:visited,
.section-color-background2 a.button.secondary:visited,
.section-color-background3 a.button.secondary:visited,
.section-color-background4 a.button.secondary:visited {
    color: #005A9B;
}

.section-color-background1 a.button.secondary:hover,
.section-color-background2 a.button.secondary:hover,
.section-color-background3 a.button.secondary:hover,
.section-color-background4 a.button.secondary:hover {
    color: #fff;
}


/* tables always have white background regardless of bg color so need to specify those */
.section-color-background1 td,
.section-color-background3 td,
.section-color-background4 td,
.section-color-background2 td,
.section-color-background1 caption,
.section-color-background2 caption
{
    color: #0B2335;
}


.section-color-light p
{
    color:#666;
}

.section-color-light h2
{
    color:#666;
}

.blockGrid3 div.section-color-background1,
.blockGrid3 div.section-color-background2,
.blockGrid3 div.section-color-background3,
.blockGrid3 div.section-color-background4,
.blockGrid3 div.section-color-dark,
.blockGrid3 div.section-color-light,
.columnGrid div.section-color-background1,
.columnGrid div.section-color-background2,
.columnGrid div.section-color-background3,
.columnGrid div.section-color-background4,
.columnGrid div.section-color-dark,
.columnGrid div.section-color-light,
.para-section div.section-color-background1,
.para-section div.section-color-background2,
.para-section div.section-color-background3,
.para-section div.section-color-background4,
.para-section div.section-color-dark,
.para-section div.section-color-light,
.stack-spread.section-color-background1,
.stack-spread.section-color-background2,
.stack-spread.section-color-background3,
.stack-spread.section-color-background4,
.stack-spread.section-color-dark,
.stack-spread.section-color-light
{
    /*overflow: auto;*/
    display: flow-root;
}

.hasBackgroundColor
{
    padding-top: 2rem;
    padding-bottom: 1rem;
}

/*** CSS border-colors for paragraph ***/

.border-section-color-dark,
.border-section-color-light,
.border-section-white-background,
.border-section-color-background1,
.border-section-color-background2,
.border-section-color-background3,
.border-section-color-background4
{
    border-width: 1px;
    border-style: solid;
}

.border-section-color-dark
{
    border-color: var(--dark-background);
    padding: 1rem 1.5rem;
}

.border-section-color-light
{
    border-color: var(--light-background);
    padding: 1rem 1.5rem;
}

.border-section-white-background
{
    border-color: #fff;
    padding: 1rem 1.5rem;
}

.border-section-color-background1
{
    border-color: var(--section-color-bkgd1);
    padding: 1rem 1.5rem;
}

.border-section-color-background2
{
    border-color: var(--section-color-bkgd2);
    padding: 1rem 1.5rem;
}

.border-section-color-background3
{
    border-color: var(--section-color-bkgd3);
    padding: 1rem 1.5rem;
}

.border-section-color-background4
{
    border-color: var(--section-color-bkgd4);
    padding: 1rem 1.5rem;
}

/*** Scroll to Top borders ***/
#toTop.border-section-color-dark,
#toTop.border-section-color-light,
#toTop.border-section-white-background,
#toTop.border-section-color-background1,
#toTop.border-section-color-background2,
#toTop.border-section-color-background3,
#toTop.border-section-color-background4
{
    border: 2px solid;
    /*border-style: solid;*/
}

#toTop.border-section-color-dark
{
    border-color: var(--dark-background);
}

#toTop.border-section-color-light
{
    border-color: var(--light-background);
}

#toTop.border-section-white-background
{
    border-color: #fff;
}

#toTop.border-section-color-background1
{
    border-color: var(--section-color-bkgd1);
}

#toTop.border-section-color-background2
{
    border-color: var(--section-color-bkgd2);
}

#toTop.border-section-color-background3
{
    border-color: var(--section-color-bkgd3);
}

#toTop.border-section-color-background4
{
    border-color: var(--section-color-bkgd4);
}


/*** background image repeat ***/
.paragraphBlock.bkgdRepeat
{
    background-repeat: repeat;
}

.paragraphBlock.bkgdRepeatNone
{
    background-repeat: no-repeat;
}

.paragraphBlock.bkgdRepeatY
{
    background-repeat: repeat-y;
}

.paragraphBlock.bkgdRepeatX
{
    background-repeat: repeat-x;
}

.marqueePadding
{
    padding: 5vh 10vw;
    overflow: auto;
}

.show
{
    box-sizing:border-box;
    height: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

/* Scroll to Top support  */
.scrollToTop {
    color: #868686;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 30px;
    top: 75%;
    z-index: 70000;
    line-height: 0;
    padding: 0.8rem 0.6rem 0.6rem 0.6rem;
    margin: 0;
}

.scrollToTop a
{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.scrollToTop a,
.scrollToTop a:hover,
.scrollToTop a:focus
{
    text-decoration: none;
}

.scrollToTop.textOnly
{
    padding: 0.6rem;
}

.scrollToTop span
{
    font-size: 0.8rem;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 50px;
}

section.scrollToTop:last-child {
    border-bottom: 2px solid;
}

.scrollToTop.textColor a i,
.scrollToTop.textColor a span
{
    color: var(--text-color);
}

.scrollToTop.inverseTextColor a i,
.scrollToTop.inverseTextColor a span
{
    color: var(--inverse-text-color);
}

.smallIcon i
{
    font-size: 1.5rem;
    line-height: 0.3 !important;
}

.mediumIcon i
{
    font-size: 2rem;
    line-height: 0.3 !important;
}

.largeIcon i
{
    font-size: 3rem;
    line-height: 0.5 !important;
}

.fas.fa-caret-up,
.far.fa-angle-up,
.far.fa-arrow-alt-circle-up
{
    /* font-size: 2rem;*/
    /* line-height: 0.3 !important; */
    /* width: 20px; */
    padding: 0;
    margin: 0;
    /* display: inline-flex; */
}

.far.fa-arrow-alt-circle-up
{
    /* font-size: 2rem;
    line-height: 0.3 !important; */
    /* width: 20px; */
    padding: 0;
    margin: 0;
    /* display: inline-flex; */
}

.circularShapeScroll
{
    width: 70px;
    height: 70px;
    border-radius: 100%;
}

.largeIcon.circularShapeScroll,
.largeIcon.squareShapeScroll
{
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

.squareShapeScroll
{
    width: 70px;
    height: 70px;
}

.largeIcon.circularShapeScroll
{
    border-radius: 100%;
}

.mediumIcon.iconOnly,
.smallIcon.iconOnly
{
  width: 35px;
  height: 35px;
}

.largeIcon.iconOnly
{
  width: 50px;
  height: 50px;
}

/* Image Overlay Component Styling  */

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

.imageAlignCenter {
  justify-content: center;
}

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

.fixedHeightBlock {
  position: relative;
  padding: 0;
}

.overlayBlock {
  position: relative;
  padding: 0;
}

.overlayBlock .overlayComponent-img {
  position: absolute;
}

.overlayComponent {
  display: flex;
  padding: 0;
}

.overlayComponent .overlayComponent-img {
  flex-basis: 20%;
}

/* video component */

/* .videoContainer
{
    width: 100%;
    height: 100%;
}

.videoContainer .iframeClass
{
    width: 100%;
    height: 360px;
} */

.footnote-size
{
    font-size: 0.8rem;
}

/* component spacing */
.largePadding
{
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.standardPadding
{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.noTopPadding
{
    padding-top: 0 !important;
}

.noBottomPadding
{
    padding-bottom: 0 !important;
}

.noPadding
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.noLeftRightPadding
{
    padding-left: 0;
    padding-right: 0;
}

.noBottomMargin p
{
    margin-bottom: 0 !important;
}

form.largePadding,
form.standardPadding,
form.noTopPadding,
form.noBottomPadding,
form.noPadding
{
    float: left;
    width: 100%;
}

.standardPadding.section-color-background1
{
    /* padding-top: 0;
    padding-bottom: 0; */
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.standardPadding.section-color-background1.section-margin
{
    margin-bottom: 3rem;
}

/*** accordion css ***/

.accordion-item.is-active .accordion-content {
  display: flex;
  flex-direction: column;
}

.accordion-title.unbindAccordion:focus,
.accordion-title.unbindAccordion:hover
{
    background-color: transparent;
    cursor: default;
}

.accordionControl
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    float: none;
    margin: 0 0 1rem 0;
}

.expandAll,
.collapseAll
{
    padding: 0 1rem;
}

.activeAccordionFunction
{
    text-decoration: underline;
}

.mobileLink
{
    display: none;
}

/*** image formatting ***/

.image img.intrinsicImageSize
{
    width: auto;
}

.image img.containerWidth
{
    width: 100%;
}

/*** force image to circle ***/
.image img.convertToCircular
{
		border-radius: 100%;

}

/*** image enlarge css ***/
.image
{
    position: relative;
}

.zoomMagnify
{
		position:absolute;
		z-index:100;
		border-top: 85px solid transparent;
  	border-bottom: 0px solid var(--button-background);
  	border-right: 85px solid var(--button-background);
		right: 0;
    cursor: pointer;
}

.zoomMagnify::before
{
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f00e";
    position: absolute;
		z-index: 110;
    font-size: 28px;
		color: #000;
}

.zoomBottom
{
    bottom: 0;
    top: auto;
}

.zoomTop
{
    bottom: auto;
    top: 0;
    border-bottom: 85px solid transparent;
    border-top: 0px solid var(--button-background);
    border-right: 85px solid var(--button-background);
}

.zoomMagnify.zoomBottom::before
{
    right: -77px;
    bottom: 3px;
}

.zoomMagnify.zoomTop::before
{
    right: -77px;
    top: 5px;
}
/* Formstack styling to accomodate form centering update */

.formstack-form form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.formstack-form.center-form form {
    justify-content: center;
    align-items: center;
}

/* formstack multi-page form styling  */

.doctor-optician-form.fs-form #section-1:not(.editMode),
.doctor-optician-form.fs-form #section-2:not(.editMode) {
  display: none;
}

:not(.editMode) form .multi-page-form {
  display: block;
}

.circle-container,
.label-container {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.step-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.label-container .step-container {
  height: auto;
  width: 8rem;
}

.stepCircle {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 50%;
  background: #ACB7C0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

.stepLabel {
  /* width: 3rem; */
  /* height: 3rem; */
  /* line-height: 3rem; */
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
  text-align: center;
  /* width: min-content; */
}

.horline {
  display: flex;
  width: 4rem;
  height: 0;
  border-top: 3px solid #000;
  background-color: none;
  flex-grow: 2;
}

.horline.no-line {
  border:none;
}


.stepCircle p {
  text-align:center;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.5rem;
  color: #505D68;
  margin: 0;
  padding: 0;
}

.stepCircle.selected p {
  color: #fff;
}

.circleScale1x {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
}

.circleScale1x p {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.horline.circleScale1x {
  height: 0;
  width: auto;
}

.circle-container.circleScale1x {
  margin-left: 2rem;
  margin-right: 2rem;
  width: auto;
  height: auto;
}


.circleScale2x {
  width: 6rem;
  height: 6rem;
  line-height: 6rem;
}

.circleScale2x p {
  font-size: 3rem;
  line-height: 3rem;
}

.horline.circleScale2x {
  height: 0;
  width: auto;
}

.circle-container.circleScale2x {
  margin-left: 1rem;
  margin-right: 1rem;
  width: auto;
  height: auto;
}

.circleScale3x {
  width: 9rem;
  height: 9rem;
  line-height: 9rem;
}

.circleScale3x p {
  font-size: 4.5rem;
  line-height: 4.5rem;

}

.horline.circleScale3x {
  height: 0;
  width: auto;
}

.circle-container.circleScale3x {
  margin-left: 0;
  margin-right: 0;
  width: auto;
  height: auto;
}

.circleScale4x {
  width: 12rem;
  height: 12rem;
  line-height: 12rem;
}

.circleScale4x p {
  font-size: 6rem;
  line-height: 6rem;
}

.horline.circleScale4x {
  height: 0;
  width: auto;
}

.circle-container.circleScale4x {
  margin-left: -2rem;
  margin-right: -2rem;
  width: auto;
  height: auto;
}

.circleScale5x {
  width: 15rem;
  height: 15rem;
  line-height: 15rem;
}

.circleScale5x p {
  font-size: 7.5rem;
  line-height: 7.5rem;
}

.horline.circleScale5x {
  height: 0;
  width: auto;
}

.circle-container.circleScale5x {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
  width: auto;
  height: auto;
}

.stepCircle.selected {
  background-color: #3E4C57;
}


.step-heading h1 {
  background-color: #A1AEB7;
}

.fs-form input[name^="previous-button"] {
  float: left;
}

.fs-form input[name^="next-button"] {
  float: none;
}

.fs-form .button-container {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 20px;
}

.dotted-editor-box {
  border: 1px dotted #aaa;
}

/*** component notes ***/
.componentNotes
{
  color: #6a9000;
  text-align: center;
  background-color:#e1e8d2;
  margin: 0;
  padding: 0;
  font-size:14px;
  clear: both;
}

.componentNotes.okay
{
  margin: 1rem auto;
  padding: 0.5rem 1rem;
}

.componentNotes.warning
{
  color: #000;
  background-color: #f9e683;
  margin: 1rem auto;
  padding: 0.5rem 1rem;
}

.componentNotes.error
{
  color: #000;
  background-color: #ff0000;
  margin: 1rem auto;
  padding: 0.5rem 1rem;
}

.componentNotes span
{
  font-weight: bold;
}

/*** modal CSS ***/

.modal-block-grid p
{
    margin-bottom: 1rem;
}

.modalError
{
    color: red;
    font-size: 20px;
    display: block;
    width: 80%;
}

.modalColumnCardGrid
{
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modalColumnCardGrid h3,
.modalColumnCardGrid p,
.modalColumnCardGrid .linkContainer
{
    text-align: center;
}

.modalColumnCardGrid .linkContainer
{
    margin: 0;
}

.reveal
{
   margin: 1rem;
   width: unset;
   height: unset;
   min-height: unset;
}

.dynamicControlModal
{
    display: none;
}

.iconImage.circularBorder
  {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #000;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    font-size: 1.1rem;
    margin: 0 auto;
}

/*** paragraph icon css ***/
.iconImage i
{
    padding: 0;
}

/*** stacked icon - default ***/

.paragraphBlock.stackedIcon
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.paragraphBlock.stackedIcon .iconImage
{
    margin-bottom: 0.5rem;
}

.paragraphBlock.stackedIcon .paragraphContainer
{
    width: 60%;
    text-align: center;
}

/*** left aligned icon  ***/

.paragraphBlock.leftAlignment,
.paragraphBlock.rightAlignment
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 8rem;
    margin: 0 0 2rem 0;
}

.paragraphBlock.rightAlignment
{

    flex-direction: row-reverse;
}

.paragraphBlock.leftAlignment .iconImage
{
    margin-right: 1.2rem;
    line-height: 1.0;
}

.paragraphBlock.rightAlignment .iconImage
{
    margin-left: 1.2rem;
    line-height: 1.0;
}

.paragraphBlock.leftAlignment .paragraphContainer
{
    text-align: left;
}

.paragraphBlock.leftAlignment .paragraphContainer p,
.paragraphBlock.rightAlignment .paragraphContainer p
{
    margin-bottom: 0;
}

.circleShape
{
    border-radius: 100%;
    padding: 0;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}

.squareShape
{
    padding: 0;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}


.circularBorder
{
    margin: 0 1.3rem 0.8rem 1.3rem;
    padding: 1rem;
    border: 1px solid #333;
    border-radius: 100%;
    width: auto;
    height: auto;
}

.paragraphBlock.rightAlignment .iconImage.circularBorder
{
    margin: 1.2rem;
}

.paragraphBlock.rightAlignment .iconImage.circularBorder i
{
    padding: 0;
}

/*** skeleton CSS ***/
.skeletonSpecAccordion ul.accordion,
.skeletonSpecAccordion li.accordion-item,
.skeletonSpecAccordion a.accordion-title,
.skeletonSpecAccordion div.accordion-content,
.skeletonSpecAccordion div.accordion-content .spread
{
    float: none;
    width: 100%;
}

.colorSpecSection .colorBlockSkeleton
{
    height: 100%;
    width: 100%;
    padding: 2rem;
    text-align: center;
    font-weight: bold;
}

.colorSpecSection .headerBlock .paragraphBlock
{
    padding-left: 1rem !important;
}

.skeletonSpecAccordion div.accordion-content .spread
{
    margin-bottom: 3.5rem;
}

/*** link error and image css ***/
.errorFPOBlock
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.linkError
{
    color: red !important;
    text-transform: uppercase !important;
    padding-bottom: 0.4rem;
}

.imageLinkError
{
    color: red !important;
    text-transform: uppercase !important;
    padding-bottom: 0.4rem;
    margin-bottom: -10rem;
    position: relative;
    z-index: 100;
}

.linkError-img
{
    width: auto !important;
    height: auto;
    margin: 3rem 0;
}

/*** modal css ***/
.modal.sliderComp
{
    padding: 0;
    border: none;
    outline: 0;
}

.modal.sliderComp .presentation-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.modal.sliderComp .presentation-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.modal.sliderComp .modalTitleBar
{
    position: absolute;
    z-index: 100;
    top: 16px;
    width: 100%;
    padding: 0 0.5rem;
    margin: 0;
    color: white;
}

.modal.sliderComp .modalTitleBar .close-button
{
    color: white;
}

.modal.sliderComp .slick-image
{
    display: flex;
    flex-direction: column;
}

.modal.sliderComp .slideImage
{
    width: 100%;
    min-height: 40%;
    margin: 0;
}

.modal.sliderComp .slideImage .image
{
    display: block;
    width: 100%;
    min-height: 40%;
}

.modal.sliderComp .slick-dots
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0 0.6rem 0;
    bottom: 5px;
}

.modal.sliderComp .dotsArea
{
    display: none;
}

.modal.tiny.sliderComp .slick-next,
.modal.tiny.sliderComp .slick-prev
{
  top: 75%;
}

.modal.tiny.sliderComp .slick-prev
{
  left: 16px;
}

.modal.tiny.sliderComp .slick-next
{
  right: 16px;
}

html.is-reveal-open body
{
    /*position: unset;*/
    width: 100%;
}

.modalTitleBar
{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 1rem;
    min-height: 20px;
}

.modalTitleBar .close-button span
{
    display: inline-block;
}

.modalTitle
{
    flex-grow: 2;
    font-family: inherit;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
}

.modalTitle h1,
.modalTitle h2,
.modalTitle h3,
.modalTitle h4
{
    margin: 0;
    padding: 0;
}

.modalTitleBar .close-button
{
    position: absolute;
    right: 0;
    top: 0.5rem;
    line-height: 0;
}

.modalTitleBar .close-button span
{
    line-height: 0;
}

.reveal.modal
{
    display: flex;
    flex-direction: column;
}

.modalContainer
{
    padding: 0 0 1rem 0;
}

.modalMediaAsset
{
    margin: 0 0 1.5rem 0;
}

/*** dashboard modal css ***/
.dashboardWelcomeModal
{
    outline: none;
}

.dashboardWelcomeModal .modalContainer
{
    padding: 2rem 1.5rem;
}

.dashboardWelcomeModal .modalContainer h2
{
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: 1.43px;
}

.dashboardWelcomeModal .modalContainer .paragraphContainer.hasEyebrowAbove p.paragraphEyebrow
{
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.09px;
}

.modalFooterBar
{
    display: flex;
    flex-direction: row;
}

.modalFooterBar .dismissCheckbox
{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 0;
}

.modalFooterBar .dismissCheckbox input
{
    margin-bottom: 0;
}

.modalFooterBar .dismissClose
{
    padding-right: 0;
    margin-right: 0;
    text-align: right;
}

.modalFooterBar .dismissClose button
{
    margin: 0;
}

.dashboardWelcomeModal .blockGrid3.cardGrid.no-column-border .columnBlockContainer
{
    padding: 0;
}

.globalNavigation .quickLinks a.hideElement
{
    display: none;
}

/*** skeleton loading css ***/
.wait-loading
{
    background: #c1c1c1;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    /*min-height: 320px;*/
}

#practice-bar-flex-container .wait-loading
{
    min-height: 69px;
    padding: 0 0.5rem;
}

.nav-bar-container .wait-loading
{
    min-height: 55px;
    padding: 0 0.5rem;
}

.status-bar-container .wait-loading
{
    min-height: 45px;
}

.wait-loading::before
{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #d7d7d7, transparent);
    transform: translateX(-100%);
    animation: loading 1.2s infinite;
}

@keyframes loading {
    100% {
      transform: translateX(100%);
    }
}


/*** flex element styles ***/
.flex-center
{
    display: flex;
    align-items: center;
}

.flex-top
{
    display: flex;
    align-items: flex-start;
}

.flex-bottom
{
    display: flex;
    align-items: flex-end;
}

.reveal.large,
.reveal.smaller,
.reveal.small,
.reveal.tiny
{
    outline: none;
}

.reveal,
.reveal.large,
.reveal.smaller,
.reveal.small,
.reveal.tiny
{
  right: auto;
  left: auto;
  margin: 0 auto;
}


/* SMALL only --------------------------------------------- */
@media screen and (max-width: 39.9375em)
{
    
    .videoContainer .iframeClass {
        width: 100%;
        height: 200px;
    }

    /* formstack multi-page form styling  */
    .formSectionFields > div {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .step-element-container .stepLabel h3 {
      font-size: 1.1rem;
      line-height: 1.5rem;
    }
    .label-container .step-container {
      height: auto;
      width: 6rem;
    }

    .mobileLink
    {
       display: block;
    }
    
    /*** scroll to top ***/
    .scrollToTop
    {
        right: 15px;
        top: 83%;
        padding: 0.8rem 0.6rem 0.6rem 0.6rem;;
    }

    .scrollToTop.textAndIcon span.iconTextBlock
    {
        display: none !important;
    }

    .scrollToTop.mediumIcon,
    .scrollToTop.smallIcon,
    .scrollToTop.largeIcon
    {
        width: 35px;
        height: 35px;
    }

    .scrollToTop.mediumIcon i,
    .scrollToTop.smallIcon i,
    .scrollToTop.largeIcon i
    {
        font-size: 2rem;
        line-height: 0.3 !important;
    }
    
    #practice-bar-flex-container .wait-loading
    {
        min-height: 110px;
        padding: 0 0.5rem;
    }
    
}

/* min-width: 640px, max-width:1023px  */
@media screen and (min-width: 40em) and (max-width: 63.9375em)
{
        /*** scroll to top ***/
        .scrollToTop
        {
            right: 15px;
            top: 80%;
            padding: 0.6rem;
        }

        /*** modal css ***/
        .reveal.large,
        .reveal.smaller,
        .reveal.small,
        .reveal.tiny
        {
            width: 60%;
        }
        
        #practice-bar-flex-container .wait-loading
        {
            min-height: 115px;
            padding: 0 0.5rem;
        }
        
}
/* max-width: 640px, landscape  */
@media screen and (max-width: 40em) and (orientation: portrait)
{
}

/* min-width: 640px, max-width:1023px, landscape  */
@media screen and (min-width: 40em) and (max-width: 63.9375em) and (orientation: landscape)
{
}

/* min-width: 639px, max-width: 1023px , landscape  */
@media screen and (min-width: 39.9375em) and (max-width: 63.9375em) and (orientation: landscape)
{
}

/*--- Large and up ------------------------- */
@media screen and (min-width: 64em) {

    .largeSidebarPadding
    {
        padding-top: 3rem;
    }

    .mediumSidebarPadding
    {
        padding-top: 2rem;
    }

    .smallSidebarPadding
    {
        padding-top: 1rem;
    }

    .noSidebarPadding
    {
        padding-top: 0;
    }


}

@media screen and (min-width: 810px) and (max-width: 1366px)
{
        /*** modal css ***/
        .reveal.large,
        .reveal.smaller,
        .reveal.small,
        .reveal.tiny
        {
            width: 65%;
        }
}

@media print, screen and (min-width: 63.9375em) {
  .reveal.smaller
  {
     width: 40%;
     max-width: 62.5rem;
  }
}