/* @import url("https://use.typekit.net/zye8wpi.css"); */
@import "./variables/variable.css";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap');

@font-face {
    font-family: "AMSWebFont";
    src: url('webFonts/KinshipSans300/font.woff2') format('woff2'), url('webFonts/KinshipSans300/font.woff') format('woff');
  }

*,
body {
    margin: 0;
    /* font-family: freight-sans-pro, sans-serif; */
    font-family: var(--font-family);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    font-size: 16px;   
    color: #333;  
    transition: all .3s linear;
}
body{
    overflow-x: hidden;
}
/*
LOADING ANIMATION 
*/
#modal-root {
    position: relative;
    z-index: 999;
}
.modal{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
}
.modalClose{
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 2;
    background-color: transparent;
}
.modalDark{
    background-color: rgba(0, 0, 0, 0.5);
}
.longText{
    overflow: auto;
    height: 10rem;
    padding: 1rem;
    /* border-style: solid; */
    /* border-width: thin; */
    background-color: #EEE;
}
.modalcontainer,
.modalcontainerXSm,
.modalcontainerSm,
.modalcontainerMed,
.modalcontainerLg,
.modalcontainerFull{
    position: relative;
    background: white;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding-top: 3rem;
}
.modalcontainer{
    width: 80%;
    height: 80%;
    max-width: 1000px; 
    max-height: 1000px;
}
.modalcontainerXSm{
    widows: 25%;
    height: 25%;
    max-width: 30rem; 
    max-height: 30rem;
    min-width: 20rem;
    min-height: 5rem;
}
.modalcontainerSm{
    width: 50%;
    height: 50%;
    max-width: 30rem; 
    max-height: 30rem;
    min-width: 25rem;
}
.modalcontainerMed{
    width: 75%;
    height: 75%;
    max-width: 50rem; 
    max-height: 40rem;
    min-width: 25rem;
    min-height: 30rem;
}
.modalcontainerLg{
    width: 90%;
    height: 90%;
    max-width: 1200px; 
    max-height: 1000px;
}
.modalcontainerFull{
    width: 100%;
    height: 100%;
    max-width: 800px; 
    max-height: 500px;
}
.modalcontainerFull img{
    position: relative;
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.MODALCONTENTS{
    height: 100%;
    padding-bottom: 7rem;
}

.title-1{
    width: 10rem;
}
.timeoutgraphic{
    width: 25%;
}

/* SLIDESHOW COMPONENT */
.slideshowContainer{
    width: 100%;
    height: 69vh;
    position: relative;
    display: flex;
    justify-content: center;
}
.slideshowContents{
    max-width: 100%;
    max-height: 100%;
    height: inherit;
    position: relative;
}
.slideshowContents img{
    position: relative;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

/* modal wrappers - position relative so you can have overflow in the modal containers */
.FORMVALIDATOR,
.FORMSTATUS,
.modalWrapper{
    position: relative;
    width: 100%;
    height: 100%;
}
.modalHeader,
.modalHeaderMed,
.modalHeaderSm{
    position: fixed;
    background: white;
    z-index: 1;
    width: calc(100% - 6em);
    /* width: calc(100% - 3em); */
    /* top: 1.5rem; */
    top: 3rem;
}
.modalHeader + .modal-content,
.modalHeaderMed + .modal-content,
.modalHeaderSm + .modal-content{
    padding-bottom: 3rem;
    overflow-y: auto;
    overflow-x: hidden;
}
.modalHeader + .modal-content{
    margin-top: 13.5rem;
    height: calc(100% - 10.5rem);
}
.modalHeaderMed + .modal-content{
    margin-top: 6.5rem;
    height: calc(100% - 8.5rem);
}
.modalHeaderSm + .modal-content{
    margin-top: 4.5rem;
    height: calc(100% - 8.5rem);
}
.modalControls{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    flex-wrap: nowrap;
}
.modalControls > *{
    flex: calc(33% - 1.5rem);
    text-align: center;/**/
}
.modalControls > button{
    max-width: 10rem;
}


/**/
.two-buttons > :first-child{
    margin-right: 1rem !important;
}

.modalButtonBar{
    position: absolute;
    left: 0;
    width: 100%;
}
.modalButtonBar button{
    width: 100%;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ALERT MESSAGE STYLING */
.ALERT{
    /* position: fixed; */
    position: relative;
    top: 6.2rem;
    z-index: 999;
    width: 100%;

    display: flex;
    align-items: center;
}
.alertlist{
    z-index: 999;
    background: white;
    position: fixed;
    top: 14rem;
    width: calc(100% - 6rem);
}
.alertlist > .ALERT{
    position: relative;
    top: auto;
}
.alertlist > .ALERT:not(:last-child){
    margin-bottom: .25rem;
}
.alertlist > .ALERT:first-child{
    margin-top: .25rem;
}

.ALERT.bottom{
    position: relative;
}
.ALERT img{
    width: 1.5rem;
    margin-right: .5rem;
}

/* alerts outside of the header, in the page contents */
#content-id .ALERT{
    position: relative;
    top: 0;
    z-index: 2;
}

/* 
VARIABLE FONT STYLING 
*/
#root.altFont *,
body.altFont *{
    font-family: magneta, serif;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}

/* 
SCROLLBAR STYLING
*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    border: solid 3px transparent;
}
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px #CCC;
    border: solid 3px transparent;
    border-radius: 1rem;
}


/*
TABLE STYLING
*/
table{
    border-collapse: collapse;
    width: 100%;
    margin: 1rem 0;
}
th, th *, thead td, thead td *{
    text-align: left;
    font-size: .8rem;
    font-weight: bold;
    background-color: #f0f0f0;
    color: #666;
}
th, td, th *, td *{
    line-height: 1;
}
td{
    padding: .5em 1em;
}
th, td{
    position: relative;
}
th input, td input,
th select, td select{
    width: 100%;
    max-width: 100%;
}
th input[type=text], td input[type=text],
th .TEXT, td .TEXT,
th input[type=number], td input[type=number],
th select, td select{
    margin: 0 !important;
}
tbody tr:nth-child(even){
    background-color: #f6f8f7;
}
tr{
    border-bottom: 1px solid #CCC;
}

/* dark table variant */
table.colored, 
table.colored tr:nth-child(even){
    background-color: #eee
}
table.colored tr{
    border-bottom: 1px solid white;
}
table.colored td:not(:last-child){
    border-right: 1px solid #CCC;
}

.tableFixed{
    table-layout: fixed;
}

button[name="btnDelete"],
button[name="btnDelete"]{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.kebabFloatingMenu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background-color: #6B6E70;
}


.kebabFloatingButtonItem:hover{
    background-color: black;
}

.highlightRow{
    background-color:var(--primary-color) !important;
}
.highlightRow *{
    color: white;
} 


/*  */
.benefit-table tr{
    border-bottom: 0px;
}
.benefit-table td:not(:last-child){
    border-right: 1px solid #CCC;
}
.benefit-table th, 
.benefit-table th *, 
.benefit-table thead td, 
.benefit-table thead td *{
    background-color: white;
    /* font-family: freight-sans-pro, sans-serif; */
    font-family: var(--font-family);
    /* font-weight: 200; */
    font-weight: 300;
    font-size: 1.2rem;
    padding: .5em 1em;
}


/* 
OVERVIEW PAGE TABLE STYLES 
*/
.tableOverviewContainer{
    overflow-x: scroll;
    overflow-y: visible;
    padding: 0;
    max-height: calc(100vh - 20rem) !important;
}
.tableOverview thead td{
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 2;
   font-size: .8rem;
}
.tableOverview tbody .headerColumn{
    background-color: #ceecf5;
    z-index: 1;
}
.tableOverview thead .headerColumn{
    z-index: 3;
}
.tableOverview .headerColumn{
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    min-width: 5rem;
    max-width: 5rem;
}
.tableOverview .headerColumn:nth-child(2){
    left: 5rem;
}
.tableOverview .headerColumn:nth-child(3){
    left: 10rem;
    /* border-right: 3px solid #1991b1; */
}

/* 
ADMIN PANEL STYLES
*/
.tableContainerSm{
    overflow-x: auto;
    overflow-y: auto;
    max-width: 100%;
    max-height: 20rem;
}
.tableContainerSm table thead *{
    font-size: 1rem;
}
.tableContainerSm #header-Date, 
.tableContainerSm #header-Name{
    min-width: 8rem;
}
/* .tableContainerSm table th,
.tableContainerSm table td{
    min-width: 7.5rem
} */


.recharts-text.recharts-label, 
.recharts-text.recharts-label *{
    font-size: .8rem;
}

/* 
FONT
*/
.fontSm{
    font-size: .8rem;
}
.fontMed{
    font-size: 1.25rem;
}
.fontLg{
    font-size: 1.5rem;
}
.fontHdr1{
    font-size: 2.25rem;
    margin-bottom: .5rem;
    font-weight: 400;
}
.fontHdr2{
    font-weight: 200;
    font-size: 1.5rem;
    margin-bottom: .5rem;
}
.fontHdr3{
    font-weight: 700;
    margin-bottom: .5rem;
}
.fontHdrCapitalize{
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .25rem;
}
.fontBold{
    font-weight: 700;
}
.fontPrimaryColor, 
.fontPrimaryColor *{
    color: var(--primary-color);
}
.fontSecondaryColor, 
.fontSecondaryColor *{
    color: #90c8d8;
}
.fontAltColor, 
.fontAltColor *{
    color: #c91683;
}
.fontAltColorB,
.fontAltColorB *{
    /* color: #4C1EE6; */
    color: #C480BF;
}
.fontLightNeutral,
.fontLightNeutral *{
    color: #999;
}
.fontErrorColor, 
.fontErrorColor *{
    color: #e75e65;
}
.fontErrorColor svg *{
    fill: #e75e65;
}
.fontSuccessColor, 
.fontSuccessColor *{
    color: #19b089;
}
.fontAllCaps{
    text-transform: uppercase;
}
.textUnderline{
    text-decoration: underline;
}
.textAlignLeft{
    text-align: left;
}
.textAlignCenter{
    text-align: center;
}
.evenLetterSpacing{
    letter-spacing: .08em;
}
.textList li{
    margin: .5rem 0;
}

/* 
MARGIN/SPACING CLASSES
*/
.paddingSm{
    padding: .25em .5em;
}
.paddingMed{
    padding: .5em 1em;
}
.paddingMedVertical{
    padding: .5rem 0;
}
.paddingMedHoriz{
    padding: 0 .5rem;
}
.paddingLg{
    padding: 1.5em 3em;
}
.paddingLgHoriz{
    padding: 0 3em;
}
.paddingMedWide{
    padding: .5em 2em;
}
.paddingLgWide{
    padding: 1rem 3rem;
}
.paddingLgVertical{
    padding: 1rem 0;
}
.paddingMedLeftIndent{
    padding: .5em 0 .5em 2em !important;
}
.paddingLeftIndent{
    padding: 0 0 0 2rem;
}
.paddingNone{
    padding: 0;
}

.marginSm,
.marginSmall{
    margin: .5rem 0;
}
.marginMed{
    margin: 1rem 0;
}
.marginLg{
    margin: 3rem 0;
}
.marginBottomLg{
    margin-bottom: 3rem;
}
.marginBottomMd{
    margin-bottom: 1.5rem;
}
.marginTopLg{
    margin-top: 3rem;
}
.marginNone{
    margin:0 !important;
}
.mt-2{
    margin-top: 0.5rem;
}
.mt-4{
    margin-top: 1rem;
}

/* 
MIN HEIGHT STYLES (used for open/close toggle animations)
*/
.minHeightNone{
    min-height: 0;
}
.minHeightSm{
    min-height: 2rem;
}

/* 
COLOR CLASSES
*/
.bgNeutral{
    background-color: #f6f7f7;
}
.bgWhite,
bg-white{
    background-color: white;
}
.bg-grey,
.bgMedNeutral{
    background-color: #EEE;
}
.bgDark{
    /* background-color: #666; */
    background-color: #6B6E70;
}
.bgPrimaryColor{
    background-color: var(--primary-color);
}
.bgPrimaryShade{
    background-color: var(--primary-color) !important;
}
.bgSecondaryColor{
    background-color: #ebf2f5;
}
.bgHighlightColor{
    background-color: #ca1683;
}
.bgAlternatingColor:nth-child(odd){
    background: white;
}
.bgAlternatingColor:nth-child(even){
    background-color: #EEE;
}
.bgNone{
    background-color: transparent;
}
.bgDark,
.bgPrimaryColor,
.bgPrimaryShade,
.bgDark *,
.bgPrimaryColor *,
.bgPrimaryShade *,
.bgHighlightColor,
.bgHighlightColor *{
    color: white;
}
.bgSuccessColor{
    background-color: #19b089;
}
.bgSuccessColor,
.bgSuccessColor *{
    color: white;
}
.bgErrorColor{
    background-color: #e76065;
}
.bgErrorColor,
.bgErrorColor *{
    color: white;
}
.bgErrorColor svg *{
    fill: white;
}

/* 
BORDER CLASSES
*/
.borderNone{
    border: 0;
}
.borderColor{
    border-color: var(--primary-color);
    border-style: solid;
}
.borderColorGreen{
    border-color: #19b089;
    border-style: solid;
}
.borderLight{
    border-color: white;
    border-style: solid;
}
.borderNeutral{
    border-color: #D3D5D6;
    border-style: solid;
}
.borderDark{
    border-color: #24545f;
    border-style: solid;
}
.borderThin{
    border-width: 1px;
}
.borderThick{
    border-width: 3px;
}
.borderTop{
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.borderBottom,
.borderTopBottom,
.borderBetween{
    border-left: 0;
    border-right: 0;
}
.borderBottom,
:not(.twoCol) > .borderTopBottom:not(:first-child),
.twoCol > .borderTopBottom:nth-child(n+3),
.borderTopBottom.fullWidth + .borderTopBottom,
.borderBetween:first-child{
    border-top: 0;
}
.borderBetween{
    border-bottom: 0;
}
.borderRightNone{
    border-right: 0;
}
/* .borderNone{
    border: 0;
} */

/* PSEUDO BORDER CLASSES (used for appearance of a "partial border")*/
.borderPartialRight,
.borderPartialBottom,
.borderTopIndent{
    position: relative;
}
.borderPartialRight::after,
.borderPartialBottom::after,
.borderTopIndent::before{
    content: "";
    display: block;
}
.borderTopIndent{
    margin-top: 2px;
}
.borderTopIndent::before{
    top: 0;
    right: -.5rem;
    height: 1px;
    width: 100%;
    background-color: #DDD;
    position: absolute;
    z-index: 2;
    left: 1.5rem;

    margin-bottom: .25rem;
    /* margin-left: 3rem; */
    /* margin-right: -.5rem; */
}
.borderPartialRight::after{
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #337b8b;
    position: absolute;
}
.borderPartialBottom::after{
    bottom: 0;
    height: 1px; 
    background-color: #DDD;
    left: 10%;
    width: 80%;
    position: absolute;
}

/* 
BORDER RADIUS CLASSES
*/
.borderRadiusAll{
    border-radius: 3px;
}

.borderRadiusTop{
    border-radius: 3px 3px 0 0;
}
.borderRadiusLeft{
    border-radius: 3px 0 0 3px !important;
}
.borderRadiusLeftLg{
    border-radius: 1rem 0 0 1rem !important;
}
.borderRadiusRight{
    border-radius: 0 3px 3px 0 !important;
}
.borderRadiusRightLg{
    border-radius: 0 1rem 1rem 0 !important;
}
.borderRadiusAllLg{
    border-radius: 1rem;
}
.borderRadiusTopLg{
    border-radius: 1rem 1rem 0 0;
}
.borderRadiusBottomLg{
    border-radius: 0 0 1rem 1rem;
}
.borderRadiusNone{
    border-radius: 0;
}

/*  
FLEX COL/ROW LAYOUT CLASSES
*/
.flexContainer{
    display: flex;
    flex-wrap: wrap;
}
.flexContainerColumn{
    display: flex;
    flex-direction: column;
}
.justifyAround{
    justify-content: space-around;
}
.justifyBetween{
    justify-content: space-between;
}
.justifyCenter{
    justify-content: center;
}
.justifyStart{
    justify-content: flex-start;
}
.justifyEnd{
    justify-content: flex-end;
}
.alignStart{
    align-items: flex-start;
}
.alignEnd{
    align-items: flex-end;
}
.alignCenter{
    align-items: center;
}
.alignStretch{
    align-items: stretch;
}
.alignSelfCenter{
    align-self: center;
}
.alignSelfEnd{
    align-self: flex-end;
}
.justifySelfEnd{
    margin-left: auto;
    margin-right: 0;
}
.noWrap{
    flex-wrap: nowrap;
}
.noCols > *:not(:last-child){
    margin-right: 1.5rem;
}
.noCols.gutterSm > *:not(:last-child){
    margin-right: .5rem;
}
.noCols.gutterLg > *:not(:last-child){
    margin-right: 3rem;
}
.noCols.noMargins > *{
    margin: 0;
    padding: .5em 1em;
}

.twoCol, 
.threeCol,
.fourCol,
.fiveCol{
    margin-left: -.5rem;
    margin-right: -.5rem;
    width: 100%;
}
.twoCol > *, 
.threeCol > *,
.fourCol > *,
.fiveCol > *{
    margin-bottom: .8rem;
    margin-left: .5rem;
    margin-right: .5rem;
}
.twoCol.gutterNone, 
.threeCol.gutterNone,
.fourCol.gutterNone,
.fiveCol.gutterNone{
    margin-left: 0;
    margin-right: 0;
}
.twoCol.gutterNone > *, 
.threeCol.gutterNone > *,
.fourCol.gutterNone > *,
.fiveCol.gutterNone > *{
    margin-left: 0;
    margin-right: 0;
}

.twoCol > *{
    width: calc(50% - 1rem);
}
.twoCol.gutterNone > *{
    width: 50%;
}

.threeCol > *{
    width: calc(33% - 1rem);
}
.threeCol.gutterNone > *{
    width: 33%;
}
.threeCol > .colspanTwo{
    width: calc(66% - 1rem);
}
.threeCol.gutterNone > .colspanTwo{
    width: 66%;
}

.fourCol > *{
    width: calc(25% - 1rem);
}

.fiveCol > *{
    width: calc(20% - 1rem);
}
.twoCol > *:last-child(-n+2),
.threeCol > *:last-child(-n+3),
.fourCol > *:last-child(-n+4),
.fiveCol > *:last-child(-n+5){
    margin-bottom: 0;
}

.fullWidth{
    width: 100%;
    min-width: 100%;
    flex: 1 0 100%;
}

.twoCol.noMargins > *,
.threeCol.noMargins > *,
.fourCol.noMargins > *,  
.fiveCol.noMargins > *{
    margin-bottom: 0;
}

/* use when position needs to be explicityly stated */
.positionRelative{
    position: relative;
}

/* COLS SIZED BASED ON NUMBER OF CHILDREN */
/* one item */
.autoCols > *:nth-child(1):nth-last-child(1) {
	width: 100%;
}
/* two items */
.autoCols > *:nth-child(1):nth-last-child(2),
.autoCols > *:nth-child(2):nth-last-child(1) {
	width: 50%;
}
/* three items */
.autoCols > *:nth-child(1):nth-last-child(3),
.autoCols > *:nth-child(2):nth-last-child(2),
.autoCols > *:nth-child(3):nth-last-child(1) {
	width: 33.3333%;
}
/* four items */
.autoCols > *:nth-child(1):nth-last-child(4),
.autoCols > *:nth-child(2):nth-last-child(3),
.autoCols > *:nth-child(3):nth-last-child(2),
.autoCols > *:nth-child(4):nth-last-child(1) {
	width: 25%;
}
/* five items */
.autoCols > *:nth-child(1):nth-last-child(5),
.autoCols > *:nth-child(2):nth-last-child(4),
.autoCols > *:nth-child(3):nth-last-child(3),
.autoCols > *:nth-child(4):nth-last-child(2),
.autoCols > *:nth-child(5):nth-last-child(1) {
	width: 20%;
}
.autoCols > *{
    flex-grow: 2;
}
.twoCol .SELECT,
.twoCol .TEXT,
.threeCol .SELECT,
.threeCol .TEXT{
    width: 100%; /**/
}
.flexGrow{
    flex: 1;
}

/* CENTERED LAYOUT STYLES */
.layoutCenter{
    z-index: -1;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20vw;
    height: 100vh;
    flex-wrap: nowrap;
}
.layoutCenter > *,
.layoutCenter input,
.layoutCenter button{
    width: 100%;
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
}
.layoutCenter button{
    color: var(--primary-color);/**/
}
.layout input:focus{
    outline: none;
    border-color: #ebf2f5;
    color: #ebf2f5;
}
.layoutCenter > *:first-child{
    margin-top: 0;
}

.layoutContainer{
    padding-top: 19rem;
}
.layoutContainerSm{
    padding-top: 7rem !important; /**/
}

/* max width classes */
.maxWidthXSm{
    max-width: var(--maxWidthXSm);
}
.maxWidthSm{
    max-width: var(--maxWidthSm);
}
.maxWidthMed{
    max-width: var(--maxWidthMed);
}
.maxWidthLg{
    max-width: var(--maxWidthLg);
}


/*  
ERROR CLASSES
*/
.errorIcon,
.errorIcon *{
    color: #e75e65;
    fill: #e75e65;
}
.errorState label{
    color: #e75e65;
}
.errorState .TEXT,
.errorState .SELECT,
.errorState .SELECT:focus,
.errorState .TEXT:focus{
    color: #e75e65;
    border: 1px solid #e75e65;
}
.errorheader svg{
    margin-right: .5rem;
}

.cursorPointer,
.cursorPointer *{
    cursor: pointer;
}

.opacityNone{
    opacity: 0;
}

/* 
COMPONENTS
*/
button{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    background-color: white;
    color: var(--primary-color);
    text-align: left;
}
button.buttonMed{
    padding: 1rem 2rem;
    min-width: 10rem;
}
button.buttonLg{
    padding: 2rem 3rem;
    min-width: 100%;
}
button:focus{
    outline: none;
}
button img{
    /* width: 1.25em;
    min-width: 1.25em; */
    width: 1em;
    min-width: 1em;
}
button img:last-of-type{
    margin: 0 0 0 .5em; 
}
button img:first-of-type{
    margin: 0 .5em 0 0; 
}

.buttonSquare,
.buttonTall{
    flex-direction: column;
    justify-content: flex-end; /**/
    text-align: center;
}
.buttonTall{
    /* min-width: 8rem; */
    min-width: 6rem;
    font-size: .8rem;
}
.buttonSquare > *,
.buttonTall > *{
    display: block;
}
.buttonSquare img,
.buttonSquare img:first-of-type,
.buttonTall img,
.buttonTall img:first-of-type{
    width: 1.25rem;
    margin: 0 auto .5rem auto;
}
.buttonHdr{
    margin: 0; /**/
}
.buttonSquare{
    border: 1px solid #DDD;
    color: var(--primary-color);
    min-width: 5rem;
    width: 5rem;
    height: 5rem;
}
.buttonSquare img{
    filter: sepia(100%) saturate(700%) brightness(60%) hue-rotate(130deg);
}

/*  */
.buttonOutline{
    background: white;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
button.buttonDark{
    background: #666;
}
button.buttonDark img{
    filter: invert(1);
}

button.buttonDark img,
button.iconOnly img{
    margin: 0; /**/
}


li.disabled, button.disabled, button.disabled *{
    color: #ddd; 
}
button.fontPrimaryColor:hover:not(.button-disable),
button.fontPrimaryColor:hover:not(.disabled){
    color: var(--button-hover-color);
}
button.fontPrimaryColor:hover:not(.button-disable) img,
button.fontPrimaryColor:hover:not(.disabled) img{
    filter: var(--button-hover-filter);
}
button.bgPrimaryColor:hover:not(.button-disable),
button.bgPrimaryColor:hover:not(.button-disabled){
    color: #ebf2f5;
}
button.bgPrimaryColor.button-disable, 
button.bgPrimaryColor.disabled{
    background-color: #EEE;
}


/* 
BOX SHADOW STYLES
*/
.boxShadowBottom{
    box-shadow: 0rem 0.3rem 0.3rem #CCC;
}
.boxShadowAll{
    /* box-shadow: 0rem 0.2rem 0.5rem rgba(36, 84, 95, .7); */
    box-shadow: 0rem 0.2rem 0.5rem rgba(204, 204, 204, .7);
}
a.boxShadowBottom:hover, button.boxShadowBottom:hover:not(.button-disable){
    box-shadow: 0rem 0.5rem 0.5rem #CCC;
}
.bgPrimaryColor a.boxShadowBottom:hover, button.boxShadowBottom:hover:not(.button-disable),
.bgPrimaryShade a.boxShadowBottom:hover, button.boxShadowBottom:hover:not(.button-disable){
    box-shadow: 0rem 0.5rem 0.5rem rgba(13, 96, 119, 0.8);
}

.bgPrimaryColor .boxShadowBottom{
    box-shadow: 0rem 0.3rem 0.3rem rgba(16, 109, 134, .8);
}
.bgPrimaryShade .boxShadowBottom{
    box-shadow: 0rem 0.3rem 0.3rem rgba(13, 96, 119, 0.8);
}
.bgPrimaryColor .boxShadowAll{
    box-shadow: 0rem 0.2rem 0.5rem rgba(36, 84, 95, .7);
}
.bgPrimaryShade .boxShadowAll{
    box-shadow: 0rem 0.2rem 0.5rem rgba(36, 84, 95, .7);
}

.shadowContainer{
    position: relative;
    max-height: 6rem;
    overflow: hidden;
    border-bottom: 0px;
}
.shadowContainer *{
    cursor: inherit;
}
.shadowContainer::after{
    content: '';
    display: block;
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%; 
    height: 6rem;
    background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,1));
}

/* 
LANDING PAGE BUTTON IMAGES 
*/
.landingPgBtn{
    border: 3px solid var(--primary-color);
    background-color: transparent;
}
.landingPgBtn[name="btnIllustration"],
.landingPgBtn[name="btnInforce"]{
    display: flex;
    position: relative;
}
.landingPgBtn[name="btnIllustration"]::before,
.landingPgBtn[name="btnInforce"]::before{
    content: "";
    display: block;
    width: 5rem;
    height: 6rem;
    margin-right: 1rem;
    transition: all .4s linear;
    background-repeat: no-repeat, repeat;
}
.landingPgBtn[name="btnIllustration"]::after,
.landingPgBtn[name="btnInforce"]::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    transition: width .4s ease-in-out;
    background-color: var(--primary-color);
    z-index: -1;
}
.landingPgBtn[name="btnIllustration"]:hover::after,
.landingPgBtn[name="btnInforce"]:hover::after{
    width: 100%;
}
.landingPgBtn[name="btnIllustration"]:hover,
.landingPgBtn[name="btnInforce"]:hover{
    color: white !important; /**/
}
.landingPgBtn[name="btnIllustration"]::before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138.564'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231991b1;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3ENew Business Mark%3C/title%3E%3Cpath class='cls-1' d='M60,138.564,0,103.923V34.64l.215-.123L60,0l60,34.64v69.283l-.215.124ZM.861,103.426,60,137.57l59.139-34.144V35.138L60,.993.861,35.138ZM60,9.163,7.935,39.222V99.341L60,129.4l52.064-30.06V39.222ZM27.444,39.774,55,39.632l.135,25.991-27.559.143Zm.307,59.351-.135-25.991,27.559-.143.134,25.991Zm36.94-59.543,27.558-.143.135,25.991-27.559.143ZM65,98.932l-.135-25.991L92.422,72.8l.135,25.991Z'/%3E%3C/svg%3E");
}
.landingPgBtn[name="btnInforce"]::before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138.564'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231991b1;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EInForce Mark%3C/title%3E%3Cpath class='cls-1' d='M60,138.564,0,103.923V34.64l.215-.123L60,0l60,34.64v69.283l-.215.124ZM.861,103.426,60,137.57l59.139-34.144V35.138L60,.993.861,35.138Z'/%3E%3Cpolygon class='cls-1' points='60.732 12.754 11.527 41.163 11.527 53.712 44.883 53.712 44.883 39.521 96.925 69.572 44.883 99.623 44.883 85.431 11.527 85.431 11.527 97.981 60.732 126.39 109.938 97.981 109.938 41.163 60.732 12.754'/%3E%3C/svg%3E");
}
.landingPgBtn[name="btnIllustration"]:hover::before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138.564'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3ENew Business Mark%3C/title%3E%3Cpath class='cls-1' d='M60,138.564,0,103.923V34.64l.215-.123L60,0l60,34.64v69.283l-.215.124ZM.861,103.426,60,137.57l59.139-34.144V35.138L60,.993.861,35.138ZM60,9.163,7.935,39.222V99.341L60,129.4l52.064-30.06V39.222ZM27.444,39.774,55,39.632l.135,25.991-27.559.143Zm.307,59.351-.135-25.991,27.559-.143.134,25.991Zm36.94-59.543,27.558-.143.135,25.991-27.559.143ZM65,98.932l-.135-25.991L92.422,72.8l.135,25.991Z'/%3E%3C/svg%3E");
}
.landingPgBtn[name="btnInforce"]:hover::before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138.564'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EInForce Mark%3C/title%3E%3Cpath class='cls-1' d='M60,138.564,0,103.923V34.64l.215-.123L60,0l60,34.64v69.283l-.215.124ZM.861,103.426,60,137.57l59.139-34.144V35.138L60,.993.861,35.138Z'/%3E%3Cpolygon class='cls-1' points='60.732 12.754 11.527 41.163 11.527 53.712 44.883 53.712 44.883 39.521 96.925 69.572 44.883 99.623 44.883 85.431 11.527 85.431 11.527 97.981 60.732 126.39 109.938 97.981 109.938 41.163 60.732 12.754'/%3E%3C/svg%3E");
}

/* 
PROCOMP PRODUCT LOGO COMPONENTS
*/
.logoHdrInforce,
.logoHdrNewBusiness,
.logoHdrEApplication,
[class^="logoHdr"]{
    display: flex;
}
[class^="logoHdr"]::before,
.logoHdrInforce::before,
.logoHdrNewBusiness::before,
.logoHdrEApplication::before{
    content: '';
    width: 2rem;
    height: 2rem;
    display: block;
    /* position: absolute; */
    left: 1rem;
    background-repeat: no-repeat, repeat;
    margin: .5rem 0;
}

.logoPrimary{
    background-repeat: no-repeat;
    background-size: contain;
    margin: var(--company-logo-margin);
    min-width: var(--company-logo-min-width);
    min-height: var(--company-logo-min-height);
    background-image: var(--primary-logo)
}
/* default: blue svg */
.logoHdrInforce::before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138.564'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231991b1;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EInForce Mark%3C/title%3E%3Cpath class='cls-1' d='M60,138.564,0,103.923V34.64l.215-.123L60,0l60,34.64v69.283l-.215.124ZM.861,103.426,60,137.57l59.139-34.144V35.138L60,.993.861,35.138Z'/%3E%3Cpolygon class='cls-1' points='60.732 12.754 11.527 41.163 11.527 53.712 44.883 53.712 44.883 39.521 96.925 69.572 44.883 99.623 44.883 85.431 11.527 85.431 11.527 97.981 60.732 126.39 109.938 97.981 109.938 41.163 60.732 12.754'/%3E%3C/svg%3E");
}
/* selected style: white svg */
.logoHdrInforce.activeLink::before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138.564'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EInForce Mark%3C/title%3E%3Cpath class='cls-1' d='M60,138.564,0,103.923V34.64l.215-.123L60,0l60,34.64v69.283l-.215.124ZM.861,103.426,60,137.57l59.139-34.144V35.138L60,.993.861,35.138Z'/%3E%3Cpolygon class='cls-1' points='60.732 12.754 11.527 41.163 11.527 53.712 44.883 53.712 44.883 39.521 96.925 69.572 44.883 99.623 44.883 85.431 11.527 85.431 11.527 97.981 60.732 126.39 109.938 97.981 109.938 41.163 60.732 12.754'/%3E%3C/svg%3E");
}
/* disabled grey svg */
.logoHdrInforce.disableItem::before, .logoHdrInforce.disabled::before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138.564'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23dddddd;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EInForce Mark%3C/title%3E%3Cpath class='cls-1' d='M60,138.564,0,103.923V34.64l.215-.123L60,0l60,34.64v69.283l-.215.124ZM.861,103.426,60,137.57l59.139-34.144V35.138L60,.993.861,35.138Z'/%3E%3Cpolygon class='cls-1' points='60.732 12.754 11.527 41.163 11.527 53.712 44.883 53.712 44.883 39.521 96.925 69.572 44.883 99.623 44.883 85.431 11.527 85.431 11.527 97.981 60.732 126.39 109.938 97.981 109.938 41.163 60.732 12.754'/%3E%3C/svg%3E");
}

/* default: blue svg */
.logoHdrNewBusiness::before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138.564'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231991b1;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3ENew Business Mark%3C/title%3E%3Cpath class='cls-1' d='M60,138.564,0,103.923V34.64l.215-.123L60,0l60,34.64v69.283l-.215.124ZM.861,103.426,60,137.57l59.139-34.144V35.138L60,.993.861,35.138ZM60,9.163,7.935,39.222V99.341L60,129.4l52.064-30.06V39.222ZM27.444,39.774,55,39.632l.135,25.991-27.559.143Zm.307,59.351-.135-25.991,27.559-.143.134,25.991Zm36.94-59.543,27.558-.143.135,25.991-27.559.143ZM65,98.932l-.135-25.991L92.422,72.8l.135,25.991Z'/%3E%3C/svg%3E");
}
/* selected style: white svg */
.logoHdrNewBusiness.activeLink::before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138.564'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3ENew Business Mark%3C/title%3E%3Cpath class='cls-1' d='M60,138.564,0,103.923V34.64l.215-.123L60,0l60,34.64v69.283l-.215.124ZM.861,103.426,60,137.57l59.139-34.144V35.138L60,.993.861,35.138ZM60,9.163,7.935,39.222V99.341L60,129.4l52.064-30.06V39.222ZM27.444,39.774,55,39.632l.135,25.991-27.559.143Zm.307,59.351-.135-25.991,27.559-.143.134,25.991Zm36.94-59.543,27.558-.143.135,25.991-27.559.143ZM65,98.932l-.135-25.991L92.422,72.8l.135,25.991Z'/%3E%3C/svg%3E");
}
/* disabled grey svg */
.logoHdrNewBusiness.disableItem::before, .logoHdrNewBusiness.disabled::before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138.564'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23dddddd;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3ENew Business Mark%3C/title%3E%3Cpath class='cls-1' d='M60,138.564,0,103.923V34.64l.215-.123L60,0l60,34.64v69.283l-.215.124ZM.861,103.426,60,137.57l59.139-34.144V35.138L60,.993.861,35.138ZM60,9.163,7.935,39.222V99.341L60,129.4l52.064-30.06V39.222ZM27.444,39.774,55,39.632l.135,25.991-27.559.143Zm.307,59.351-.135-25.991,27.559-.143.134,25.991Zm36.94-59.543,27.558-.143.135,25.991-27.559.143ZM65,98.932l-.135-25.991L92.422,72.8l.135,25.991Z'/%3E%3C/svg%3E");
}

/* default: blue svg */
.logoHdrEApplication::before{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='30px' height='31px' viewBox='0 0 30 31' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Logo/E-app' fill='%231791B0'%3E%3Cpath d='M17.6995197,22.9338363 L19.6837912,23.9448731 L17.1842432,28.8505163 C16.9257229,29.3578908 15.4318239,30.7245911 15.1938443,30.9132294 C14.9558648,31.1018677 14.6863004,30.9645178 14.699114,30.6611517 C14.7119276,30.3577856 14.9498185,28.3310418 15.1960792,27.847728 L17.6995197,22.9338363 Z M14.9998476,-5.32907052e-15 L30,8.64650692 L30,25.9395208 L25.302,28.647 L25.3020496,12.7849805 C25.3020496,12.153628 24.8222255,11.6343444 24.2073478,11.5719002 L24.0826737,11.5656047 L5.79203544,11.5656047 C5.16068291,11.5656047 4.64139929,12.0454287 4.57895506,12.6603064 L4.57265956,12.7849805 L4.572,28.575 L2.66453526e-14,25.9395208 L2.66453526e-14,8.64650692 L14.9998476,-5.32907052e-15 Z M22.3079845,16.3246807 L22.3221724,16.3319098 C22.5921912,16.4694912 22.6995529,16.7999165 22.5619714,17.0699354 L22.3116572,17.5611109 L22.5628398,17.6900972 C22.6978492,17.758888 22.75153,17.9241006 22.6827393,18.05911 L22.2629655,18.8827419 C23.2427613,19.3069435 23.5938146,20.0316645 23.1712936,20.9220054 L20.6709637,25.831244 L19.9269543,25.4521523 L22.3975788,20.6032787 C22.6326718,20.1418828 22.5148004,19.8620419 21.8883619,19.6188239 L19.933486,23.4548195 L17.9492145,22.4437827 L20.6987142,17.0481988 C20.7675049,16.9131893 20.9327176,16.8595085 21.067727,16.9282992 L21.3190759,17.0553655 L21.5699589,16.5644797 C21.7075403,16.2944609 22.0379657,16.1870992 22.3079845,16.3246807 Z M14.0228227,20.6963452 C14.1911833,20.6963452 14.3276666,20.8328285 14.3276666,21.0011892 L14.3276666,22.2176493 C14.3276666,22.38601 14.1911833,22.5224933 14.0228227,22.5224933 L7.3162553,22.5224933 C7.14789462,22.5224933 7.01141133,22.38601 7.01141133,22.2176493 L7.01141133,21.0011892 C7.01141133,20.8328285 7.14789462,20.6963452 7.3162553,20.6963452 L14.0228227,20.6963452 Z M15.5470425,17.348407 C15.7154032,17.348407 15.8518865,17.4848903 15.8518865,17.653251 L15.8518865,18.8697111 C15.8518865,19.0380718 15.7154032,19.1745551 15.5470425,19.1745551 L7.3162553,19.1745551 C7.14789462,19.1745551 7.01141133,19.0380718 7.01141133,18.8697111 L7.01141133,17.653251 C7.01141133,17.4848903 7.14789462,17.348407 7.3162553,17.348407 L15.5470425,17.348407 Z M17.0712624,14.0004688 C17.239623,14.0004688 17.3761063,14.1369521 17.3761063,14.3053128 L17.3761063,15.5217729 C17.3761063,15.6901336 17.239623,15.8266169 17.0712624,15.8266169 L7.3162553,15.8266169 C7.14789462,15.8266169 7.01141133,15.6901336 7.01141133,15.5217729 L7.01141133,14.3053128 C7.01141133,14.1369521 7.14789462,14.0004688 7.3162553,14.0004688 L17.0712624,14.0004688 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
/* selected style: white svg */
.logoHdrEApplication.activeLink::before{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='30px' height='31px' viewBox='0 0 30 31' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Logo/E-app' fill='%23ffffff'%3E%3Cpath d='M17.6995197,22.9338363 L19.6837912,23.9448731 L17.1842432,28.8505163 C16.9257229,29.3578908 15.4318239,30.7245911 15.1938443,30.9132294 C14.9558648,31.1018677 14.6863004,30.9645178 14.699114,30.6611517 C14.7119276,30.3577856 14.9498185,28.3310418 15.1960792,27.847728 L17.6995197,22.9338363 Z M14.9998476,-5.32907052e-15 L30,8.64650692 L30,25.9395208 L25.302,28.647 L25.3020496,12.7849805 C25.3020496,12.153628 24.8222255,11.6343444 24.2073478,11.5719002 L24.0826737,11.5656047 L5.79203544,11.5656047 C5.16068291,11.5656047 4.64139929,12.0454287 4.57895506,12.6603064 L4.57265956,12.7849805 L4.572,28.575 L2.66453526e-14,25.9395208 L2.66453526e-14,8.64650692 L14.9998476,-5.32907052e-15 Z M22.3079845,16.3246807 L22.3221724,16.3319098 C22.5921912,16.4694912 22.6995529,16.7999165 22.5619714,17.0699354 L22.3116572,17.5611109 L22.5628398,17.6900972 C22.6978492,17.758888 22.75153,17.9241006 22.6827393,18.05911 L22.2629655,18.8827419 C23.2427613,19.3069435 23.5938146,20.0316645 23.1712936,20.9220054 L20.6709637,25.831244 L19.9269543,25.4521523 L22.3975788,20.6032787 C22.6326718,20.1418828 22.5148004,19.8620419 21.8883619,19.6188239 L19.933486,23.4548195 L17.9492145,22.4437827 L20.6987142,17.0481988 C20.7675049,16.9131893 20.9327176,16.8595085 21.067727,16.9282992 L21.3190759,17.0553655 L21.5699589,16.5644797 C21.7075403,16.2944609 22.0379657,16.1870992 22.3079845,16.3246807 Z M14.0228227,20.6963452 C14.1911833,20.6963452 14.3276666,20.8328285 14.3276666,21.0011892 L14.3276666,22.2176493 C14.3276666,22.38601 14.1911833,22.5224933 14.0228227,22.5224933 L7.3162553,22.5224933 C7.14789462,22.5224933 7.01141133,22.38601 7.01141133,22.2176493 L7.01141133,21.0011892 C7.01141133,20.8328285 7.14789462,20.6963452 7.3162553,20.6963452 L14.0228227,20.6963452 Z M15.5470425,17.348407 C15.7154032,17.348407 15.8518865,17.4848903 15.8518865,17.653251 L15.8518865,18.8697111 C15.8518865,19.0380718 15.7154032,19.1745551 15.5470425,19.1745551 L7.3162553,19.1745551 C7.14789462,19.1745551 7.01141133,19.0380718 7.01141133,18.8697111 L7.01141133,17.653251 C7.01141133,17.4848903 7.14789462,17.348407 7.3162553,17.348407 L15.5470425,17.348407 Z M17.0712624,14.0004688 C17.239623,14.0004688 17.3761063,14.1369521 17.3761063,14.3053128 L17.3761063,15.5217729 C17.3761063,15.6901336 17.239623,15.8266169 17.0712624,15.8266169 L7.3162553,15.8266169 C7.14789462,15.8266169 7.01141133,15.6901336 7.01141133,15.5217729 L7.01141133,14.3053128 C7.01141133,14.1369521 7.14789462,14.0004688 7.3162553,14.0004688 L17.0712624,14.0004688 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
/* disabled grey svg */
.logoHdrEApplication.disableItem::before, .logoHdreApp.disabled::before{
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='30px' height='31px' viewBox='0 0 30 31' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Logo/E-app' fill='%23dddddd'%3E%3Cpath d='M17.6995197,22.9338363 L19.6837912,23.9448731 L17.1842432,28.8505163 C16.9257229,29.3578908 15.4318239,30.7245911 15.1938443,30.9132294 C14.9558648,31.1018677 14.6863004,30.9645178 14.699114,30.6611517 C14.7119276,30.3577856 14.9498185,28.3310418 15.1960792,27.847728 L17.6995197,22.9338363 Z M14.9998476,-5.32907052e-15 L30,8.64650692 L30,25.9395208 L25.302,28.647 L25.3020496,12.7849805 C25.3020496,12.153628 24.8222255,11.6343444 24.2073478,11.5719002 L24.0826737,11.5656047 L5.79203544,11.5656047 C5.16068291,11.5656047 4.64139929,12.0454287 4.57895506,12.6603064 L4.57265956,12.7849805 L4.572,28.575 L2.66453526e-14,25.9395208 L2.66453526e-14,8.64650692 L14.9998476,-5.32907052e-15 Z M22.3079845,16.3246807 L22.3221724,16.3319098 C22.5921912,16.4694912 22.6995529,16.7999165 22.5619714,17.0699354 L22.3116572,17.5611109 L22.5628398,17.6900972 C22.6978492,17.758888 22.75153,17.9241006 22.6827393,18.05911 L22.2629655,18.8827419 C23.2427613,19.3069435 23.5938146,20.0316645 23.1712936,20.9220054 L20.6709637,25.831244 L19.9269543,25.4521523 L22.3975788,20.6032787 C22.6326718,20.1418828 22.5148004,19.8620419 21.8883619,19.6188239 L19.933486,23.4548195 L17.9492145,22.4437827 L20.6987142,17.0481988 C20.7675049,16.9131893 20.9327176,16.8595085 21.067727,16.9282992 L21.3190759,17.0553655 L21.5699589,16.5644797 C21.7075403,16.2944609 22.0379657,16.1870992 22.3079845,16.3246807 Z M14.0228227,20.6963452 C14.1911833,20.6963452 14.3276666,20.8328285 14.3276666,21.0011892 L14.3276666,22.2176493 C14.3276666,22.38601 14.1911833,22.5224933 14.0228227,22.5224933 L7.3162553,22.5224933 C7.14789462,22.5224933 7.01141133,22.38601 7.01141133,22.2176493 L7.01141133,21.0011892 C7.01141133,20.8328285 7.14789462,20.6963452 7.3162553,20.6963452 L14.0228227,20.6963452 Z M15.5470425,17.348407 C15.7154032,17.348407 15.8518865,17.4848903 15.8518865,17.653251 L15.8518865,18.8697111 C15.8518865,19.0380718 15.7154032,19.1745551 15.5470425,19.1745551 L7.3162553,19.1745551 C7.14789462,19.1745551 7.01141133,19.0380718 7.01141133,18.8697111 L7.01141133,17.653251 C7.01141133,17.4848903 7.14789462,17.348407 7.3162553,17.348407 L15.5470425,17.348407 Z M17.0712624,14.0004688 C17.239623,14.0004688 17.3761063,14.1369521 17.3761063,14.3053128 L17.3761063,15.5217729 C17.3761063,15.6901336 17.239623,15.8266169 17.0712624,15.8266169 L7.3162553,15.8266169 C7.14789462,15.8266169 7.01141133,15.6901336 7.01141133,15.5217729 L7.01141133,14.3053128 C7.01141133,14.1369521 7.14789462,14.0004688 7.3162553,14.0004688 L17.0712624,14.0004688 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* switch product selection */
.activeLink{
    background: var(--primary-color);
}
.activeLink,
.activeLink *{
    color: white;
}

/*  
INPUT TOOLTIPS
*/
.tooltip {
    position: relative;
    display: inline-block;
    margin-left: .5rem;
}
.tooltip.noIcon {
    display: block;
    margin-left: 0;
}
.tooltip-icon,
.tooltip-icon *{
    color: #A2A4A7;
}
.tooltip .tooltiptext{
    visibility: hidden;
    width: 12rem;
    height: auto;
    text-align: center;
    position: absolute;
    z-index: 3;
    left: 105%;

    opacity: 0; /**/
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#header-bars{
    min-width: 100%;
    position: absolute;
    z-index: 6;
    top: 0;
}
.PAGEHEADER{
    max-height: 5rem;
}
.PRODUCTHEADER.sticky{
    position: fixed;
    width: 100%;
    left: 0; 
    top: 0;
}

/* HEADER DROP DOWN MENU */
.dropdown{
    position: relative;
}
.dropdown > button{
    width: 100%;
    height: 100%;
}
.menuList{
    position: absolute;
    width: 100%;
    background: var(--primary-color); /**/
    z-index: 4;
    list-style: none;  
}
.menuList button{
    width: 100%;
}
.menuList li:not(:first-child){
    border-top: 1px solid #12738d;
}

.LOGO{
    width: auto;
}
.LOGO *{
    opacity: 1;
    max-height: 200px;
}
.LOGO > *{
    display: block;
}
.LOGO img{
    min-width: 2rem;
    width: 2rem;
    margin-right: .5rem;
}

img.logo{
    max-width: 8rem;
}

.pageContents{
    position: absolute;
    /* margin-top: 6rem; */
    /* padding: 0 3em 40rem 3em; */
    padding: 0 3em 3rem 3em;
    width: 100%;
    min-width: 100%;
}
.pageContents.narrowCol{
    max-width: 65rem;
    margin: 0 auto;
    min-width: 0;
    position: relative;
}
.pageContents.fixedPageHdr{
    padding-top: 6.5rem;
}
.header-bars.sticky .pageContents{
    margin-top: 3rem;
}


/* 
TAB TOGGLE STYLES 
*/
.TABCONTENT{
    display: none;
}
.TABCONTENT.TABCONTENTACTIVE{
    display: block;
}
.TABANDSIDEBAR_CONTAINER{
    display: block;
    /* width: calc(100% - 6rem);
    min-width: calc(100% - 6rem); */
    width: 100%;
    min-width: 100%;
}
.TABANDSIDEBAR_CONTAINER .TABCONTENT.TABCONTENTACTIVE{
    width: calc(100% - 21rem);
    min-width: calc(100% - 21rem);
}
.TABANDSIDEBAR_CONTAINER .TABCONTENT.TABCONTENTACTIVE[name="tabOverviewNewbiz"]{
    width: 100%;
    min-width: 100%;
}
.TABLIST{
    list-style: none;/**/
    flex-wrap: nowrap;/**/
}
.TABLISTITEM{
    display: block;
    text-align: center;
    padding: .75em 2em;
}

/* @media screen and (max-width: 750px){ */
@media screen and (max-width: 1000px){
    .TABANDSIDEBAR_CONTAINER .TABCONTENT.TABCONTENTACTIVE{
        width: 100%;
        /* margin-top: 13rem; */
    }
    .TABLIST{
        overflow-x: auto;
    }
    /* .TABLISTITEM{
        flex: 0 0 8rem;
    } */
}



/* 
MODAL LIST SELECT STYLES
*/
.LISTITEM::after{
    content: "";
    height: 1em;
    width: 1em;
    border-radius: 50%;
    position: absolute;
    margin-left: .5rem;
    top: 1.2rem;
    transition: all .3s ease-in-out;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='16.7,57.9 38.6,79.8 84.7,33.7 '/%3E%3C/svg%3E%0A");

    background-repeat: no-repeat, repeat;
    background-position: 50% 50%;
    background-size: 75%;
}
.LISTITEM{
    position: relative;
}
.activeListItem::after{
    background-color: var(--primary-color);
}  

/* 
ACCORDIAN CONTROL STYLES 
*/
.FIELDCONTENT,
.toggleableField{
    width: 100%;
    padding-left: 0.5rem;
}
.FIELDCONTENT,
.toggleableField,
.toggleableField *{
    max-height: 10000px; /**/
}
.backIndicator::before{
    content: "";
    width: 1em;
    height: .75em;
    display: block;
    margin-right: .5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 120' style='enable-background:new 0 0 200 120;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(256,256,256,0);stroke:%231991b1;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='17.9,23.1 98.2,103.4 181.5,20.1 '/%3E%3C/svg%3E%0A"); /**/
    background-repeat: no-repeat, repeat;
    background-position: right 0 top 100%, 0 0;
    transition: all .4s ease-in-out;
    transform: rotate(90deg);
}
.collapseIndicator{
    position: relative;
}
.collapseIndicator::before{
    content: "";
    transform: rotate(-180deg);
    width: 1em;
    height: .75em;
    display: block;
    margin-right: .75rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 120' style='enable-background:new 0 0 200 120;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(256,256,256,0);stroke:%666666;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='17.9,23.1 98.2,103.4 181.5,20.1 '/%3E%3C/svg%3E%0A"); /**/
    background-repeat: no-repeat, repeat;
    background-position: right 0 top 100%, 0 0;
    transition: all .4s ease-in-out;
}
.highlightRow .collapseIndicator::before{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 120' style='enable-background:new 0 0 200 120;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(256,256,256,0);stroke:%23FFFFFF;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='17.9,23.1 98.2,103.4 181.5,20.1 '/%3E%3C/svg%3E%0A");
}
.collapseLeft::before{
    left: 0;
    top: 0;
    width: 1.2rem;
    height: .75rem;
}
.collapseRight::before{
    position: absolute;
    right: 0;
    top: 0;
    width: 1.2rem;
    height: .75rem;
}
.collapseBlue::before{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 120' style='enable-background:new 0 0 200 120;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;stroke:%231991b1;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='17.9,23.1 98.2,103.4 181.5,20.1 '/%3E%3C/svg%3E%0A");
}
.collapseIndicator.collapsedHdr::before{
    /* transform: rotate(-180deg); */
    transform: rotate(0deg);
    top: 0.5rem;
}
.hiddenField,
.hiddenField > *{
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    opacity: 0;
}

.flexContainer > .hiddenField{
    display: none;
}

.listNumber{
    border: 1px solid;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-family: Helvetica Neue, Helvetica, Arial , sans-serif; */
    font-weight: bold;
}
.listNumber + *{
    flex: 0 1 calc(100% - 3rem);
}

/* 
INPUT STYLES 
*/
input{
    z-index: 1;
}
input:focus{
    z-index: 2;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}
.RADIOCONTAINER,
.PILLCONTAINER,
.tilecontainer,

.checkcontainer,
.childcontrol,
.selectcontainer{
    position: relative;
}
/* NOTE: datepickercontainer CANNOT be explicitly positioned, otherwise the z-index of the date picker pop-up component is compromised */
.DATEPICKERCONTAINER,
.RADIOCONTAINER,
.INPUTCONTAINER,
.PILLCONTAINER,
.tilecontainer{
    max-height: 25rem;
}
.checkcontainer{
    display: flex;
    min-height: 1rem;
}
.tiles > *:not(:last-child),
.PILLS > *:not(:last-child){
    margin-right: .5rem;
}
textarea{
    max-width: 100%;
}
.SELECT, 
.TEXT,
input[type=text],
input[type=number]{
    display: block;    
    margin-top: .5em;
    min-width: 4rem;
    max-width: 15rem;
    padding: .5em 1em;/**/
    max-width: 100%;
}
.SELECT:focus, 
.TEXT:focus,
input[type=text]:focus,
input[type=number]:focus{
    border: 1px solid var(--primary-color);
    outline: none;
}
.SELECT{
    display: block;
    background-color: white;
    font-size: 1em;
    padding: .5em 2em .5em 1em;
    /* overriding the system select indicator, replacing with a custom svg using the background-image property*/
	-moz-appearance: none;
	-webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 120' style='enable-background:new 0 0 200 120;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;stroke:%231991b1;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='17.9,23.1 98.2,103.4 181.5,20.1 '/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: 1em auto, 100%;
    filter: var(--select-svg-filter)
}
/* 
VARIABLE TEXT/SELECT INPUT SIZES
*/
.inputSm,
.SELECT.inputSm,
.TEXT.inputSm,
input[type=text].inputSm,
input[type=number].inputSm,
select.inputSm{
    width: 3rem;
    max-width: 3rem;
}
.inputMed,
.SELECT.inputMed,
.TEXT.inputMed,
input[type=text].inputMed,
input[type=number].inputMed,
select.inputMed{
    width: 8rem;
    max-width: 8rem;
}
.TEXT.inputLarge,
input[type=text].inputLarge,
input[type=number].inputLarge,
select.inputLarge{
    min-width: 16rem;
    max-width: 25rem;
}
.TEXT.inputTall{
    padding: 1rem 1.5rem;
}

/* for text inputs chained together in a single row */
.inputChain input[type="text"],
.inputChain .TEXT{
    margin-top: .5rem !important;
    border-right: 0px;
}
.inputChain input[type="text"]:focus,
.inputChain .TEXT:focus{
    border: 1px solid var(--primary-color) !important;
}
/* final grouping, including submit button */
.input-submit{
    align-items: stretch;
    margin-top: .5rem;
}
.input-submit > input{
    margin-top: 0;
    border-right: 0;
}
.input-submit > button{
    padding: 0 1rem;
}
.input-submit > button img{
    margin: 0;
}



/* 
CHECK & RADIO INPUT STYLES
*/
.CHECK, .checkcontrol, .RADIO{
    position: absolute;
    width: 1em;
    height: 1em;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;/**/
}
.CHECK + label,
.checkcontrol + label,
.RADIO + label{
    display: block;
    padding-left: 2em;
    display: inline-block;
}

.checkcontrol + label .tooltip,
.CHECK + label .tooltip,
.RADIO + label .tooltip{
    display: inline-block;
}
.checkcontrol + label::before,
.CHECK + label::before{
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0.2em;
    width: 1rem;
    height: 1rem;
    content: "";
    border: 2px solid #666;
    background-color: white;
    cursor: pointer;
    border-radius: 2px;
}
.checkcontrol:focus + label::before,
.CHECK:focus + label::before,
.RADIO:focus + label::before{
    border: 2px solid var(--primary-color);
}
.checkcontrol:checked + label::before,
.CHECK:checked + label::before,
.RADIO:checked + label::before{
    border: 2px solid var(--primary-color);
}
.checkcontrol:checked + label::before,
.CHECK:checked + label::before{
    background-color: var(--primary-color);
}
.checkcontrol + label::after,
.CHECK + label::after{
    position: absolute;
    content: "";
    height: .5em;
    width: .2em;
    border: 2px solid white;
    border-left: 0;
    border-top: 0;
    top: .35em;
    left: .4em;
    transform: rotate(45deg);
    opacity: 0;
    cursor: pointer;
}
.checkcontrol:checked + label::after,
.CHECK:checked + label::after,
.RADIO:checked + label::after{
    opacity: 1;
}

.RADIO + label::before{
    position: absolute;
    box-sizing: border-box;
    left: 0;
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    border: 2px solid #666;
    background-color: white;
    cursor: pointer;
    border-radius: 50%;
}
.RADIO + label::after{
    position: absolute;
    content: "";
    height: .6em;
    width: .6em;
    left: .3rem;
    top: .3rem;
    opacity: 0;
    border-radius: 50%;
    cursor: pointer;
    background-color: var(--primary-color);;
}

/* 
TOGGLE INPUT STYLES
*/
.RADIO.toggle,
.CHECK.toggle,
.checkcontrol.toggle{
    width: 2rem;
}
.checkcontrol.toggle + label,
.CHECK.toggle + label,
.RADIO.toggle + label{
    padding-left: 3rem;
}
.RADIO.toggle + label::before,
.CHECK.toggle + label::before,
.checkcontrol.toggle + label::before{
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0.2em;
    width: 2.2rem;
    height: .9rem;
    border: 0px;
    background-color: #c6c5c5;
    border-radius: 1rem;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.checkcontrol.toggle:checked + label::before,
.CHECK.toggle:checked + label::before,
.RADIO.toggle:checked + label::before{
    border: 0px;
    background-color: var(--switchToggleActive-color);
}
.RADIO.toggle + label::after,
.CHECK.toggle + label::after,
.checkcontrol.toggle + label::after{
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    border: 0px;
    top: .05rem;
    left: 0rem;
    opacity: 1;
    box-shadow: 1px 1px 1px #aaaaaa;
    background-color: #EEEEEE;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.checkcontrol.toggle:checked + label::after,
.CHECK.toggle:checked + label::after,
.RADIO.toggle:checked + label::after{
    left: 1.15rem;
    background-color: var(--primary-color)
}

/* 
PILL AND TILE BUTTON INPUT STYLES
*/
input[type=radio].buttonTile,
input[type=radio].buttonTileSm,
input[type=radio].buttonPill,
input[type=checkbox].buttonTile,
input[type=checkbox].buttonTileSm,
input[type=checkbox].buttonPill{
    width: 100%;
    height: 100%;
    position: absolute;
}
input[type=radio].buttonTile + label,
input[type=radio].buttonPill + label,
input[type=checkbox].buttonTile + label,
input[type=checkbox].buttonPill + label{
    color: var(--primary-color);
    background-color: transparent;
    border: 2px solid var(--primary-color);
}
input[type=radio].buttonTile + label,
input[type=checkbox].buttonTile + label{
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 2rem 3rem;
    border-radius: .25rem;
}
input[type=checkbox].buttonTileSm + label,
input[type=radio].buttonTileSm + label{
    background-color: transparent;
    border: 2px solid #CCC;
    display: block;
    text-align: center;
    padding: 1rem 2rem;
    border-radius: .25rem;
    width: 100%;
    display: block;
}
input[type=radio].buttonTile + label .secondarylabel,
input[type=radio].buttonPill + label .secondarylabel,
input[type=checkbox].buttonTile + label .secondarylabel,
input[type=checkbox].buttonPill + label .secondarylabel{
    display: block;
    text-align: center;
    color: #CCC;
}
input[type=radio].buttonPill + label,
input[type=checkbox].buttonPill + label{
    padding: .2rem 1rem;
    border-radius: 1rem;
}
input[type=radio].buttonPill:checked + label,
input[type=radio].buttonTile:checked + label,
input[type=radio].buttonTileSm:checked + label,
input[type=checkbox].buttonPill:checked + label,
input[type=checkbox].buttonTile:checked + label,
input[type=checkbox].buttonTileSm:checked + label{
    color: white;
    background-color: var(--primary-color);
}
input[type=radio].buttonTile:checked + label,
input[type=radio].buttonTileSm:checked + label,
input[type=checkbox].buttonTile:checked + label,
input[type=checkbox].buttonTileSm:checked + label{
    border: 2px solid var(--primary-color);
}
input[value="ADDED"].buttonTile:checked + label,
input[value="ADDED"].buttonTileSm:checked + label{
    background-color: #333;
    border: 2px solid #333;
    position: relative;
}
input[value="ADDED"].buttonTile:checked + label::after,
input[value="ADDED"].buttonTileSm:checked + label::after{
    content: "";
    height: 1.25em;
    width: 1.25em;
    border-radius: 50%;
    position: absolute;
    /* margin-left: .5rem; */
    left: 1.5rem;
    top: 1rem;
    transition: all .3s ease-in-out;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23333333;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='16.7,57.9 38.6,79.8 84.7,33.7 '/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat, repeat;
    background-position: 50% 50%;
    background-size: 75%;
    background-color: white;
}
input[type=radio].buttonPill.disabled + label,
input[type=checkbox].buttonPill.disabled + label,
input[type=radio][disabled].buttonPill + label,
input[type=checkbox][disabled].buttonPill + label,
input[type=radio].buttonTile.disabled + label,
input[type=checkbox].buttonTile.disabled + label,
input[type=radio][disabled].buttonTile + label,
input[type=checkbox][disabled].buttonTile + label,
input[type=radio].buttonTileSm.disabled + label,
input[type=checkbox].buttonTileSm.disabled + label,
input[type=radio][disabled].buttonTileSm + label,
input[type=checkbox][disabled].buttonTileSm + label{
    color: #DDD;
    border: 2px solid #DDD;
}
input[type=radio].buttonPill.disabled:checked + label,
input[type=checkbox].buttonPill.disabled:checked + label,
input[type=radio][disabled].buttonPill:checked + label,
input[type=checkbox][disabled].buttonPill:checked + label,
input[type=radio].buttonTile.disabled:checked + label,
input[type=checkbox].buttonTile.disabled:checked + label,
input[type=radio][disabled].buttonTile:checked + label,
input[type=checkbox][disabled].buttonTile:checked + label{
    background-color: #DDD;
    color: white;
}
input[type=radio].buttonTile:checked + label .secondarylabel,
input[type=radio].buttonPill:checked + label .secondarylabel,
input[type=checkbox].buttonTile:checked + label .secondarylabel,
input[type=checkbox].buttonPill:checked + label .secondarylabel{
    opacity: .8;
    color: white;
}

.locked{
   padding-left: 1.5rem;
   /* margin-left: 2rem; */
}
.locked::before{
    content: "";
    top: 0.1rem;
    left: 0;
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76.45 93'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231991b1;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Elock-blue%3C/title%3E%3Cpath class='cls-1' d='M79.82,37.09H77V26C77,13.31,68.25,3,57.46,3h-12C34.7,3,26,13.31,26,26V37.09H23.13A9.88,9.88,0,0,0,13.25,47V86.12A9.88,9.88,0,0,0,23.13,96H79.82a9.88,9.88,0,0,0,9.88-9.88V47A9.88,9.88,0,0,0,79.82,37.09ZM34.4,29.22C34.4,20.28,39.55,13,47.14,13h8.67c7.59,0,12.75,7.25,12.75,16.19v7.87H34.4Z' transform='translate(-13.25 -3)'/%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    background-position: 50% 50%;
    filter: var(--svg-filter)
}
.locked .RADIO.toggle,
.locked .checkcontrol.toggle, 
.locked .CHECK.toggle,
.locked .CHECK.toggle + label::before,
.locked .checkcontrol.toggle + label::before,
.locked .RADIO.toggle + label::before,
.locked .CHECK.toggle + label::after,
.locked .checkcontrol.toggle + label::after,
.locked .RADIO.toggle + label::after{
    left: 1.5rem;
}
.locked .CHECK.toggle:checked + label::after,
.locked .checkcontrol.toggle:checked + label::after,
.locked .RADIO.toggle:checked + label::after{
    left: 2.65rem;
}

/*  
RANGE INPUT
*/
/* remove base styles */
input[type=range]{
    -webkit-appearance: none;
    width: 100%;
    height: .5rem;
    border-radius: .5rem;  
    background: #d3d3d3;
    outline: none;
    /* opacity: 0.7; */
    -webkit-transition: .2s;
    transition: opacity .2s;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%; 
    background: var(--primary-color);
    cursor: pointer;

    background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon/Scrubber%3C/title%3E%3Cg id='Icon/Scrubber' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M9.5,3 C10.0128358,3 10.4355072,3.38604019 10.4932723,3.88337887 L10.5,4 L10.5,16.9787633 C10.5,17.5310481 10.0522847,17.9787633 9.5,17.9787633 C8.98716416,17.9787633 8.56449284,17.5927231 8.50672773,17.0953844 L8.5,16.9787633 L8.5,4 C8.5,3.44771525 8.94771525,3 9.5,3 Z M4.5,5 C5.01283584,5 5.43550716,5.38604019 5.49327227,5.88337887 L5.5,6 L5.5,14 C5.5,14.5522847 5.05228475,15 4.5,15 C3.98716416,15 3.56449284,14.6139598 3.50672773,14.1166211 L3.5,14 L3.5,6 C3.5,5.44771525 3.94771525,5 4.5,5 Z M14.5,5 C15.0128358,5 15.4355072,5.38604019 15.4932723,5.88337887 L15.5,6 L15.5,14 C15.5,14.5522847 15.0522847,15 14.5,15 C13.9871642,15 13.5644928,14.6139598 13.5067277,14.1166211 L13.5,14 L13.5,6 C13.5,5.44771525 13.9477153,5 14.5,5 Z' id='Combined-Shape' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    background-position: 50% 50%;
    background-size: 50%;
  }
  
input[type=range]::-moz-range-thumb {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--primary-color);
    cursor: pointer;

    background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon/Scrubber%3C/title%3E%3Cg id='Icon/Scrubber' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M9.5,3 C10.0128358,3 10.4355072,3.38604019 10.4932723,3.88337887 L10.5,4 L10.5,16.9787633 C10.5,17.5310481 10.0522847,17.9787633 9.5,17.9787633 C8.98716416,17.9787633 8.56449284,17.5927231 8.50672773,17.0953844 L8.5,16.9787633 L8.5,4 C8.5,3.44771525 8.94771525,3 9.5,3 Z M4.5,5 C5.01283584,5 5.43550716,5.38604019 5.49327227,5.88337887 L5.5,6 L5.5,14 C5.5,14.5522847 5.05228475,15 4.5,15 C3.98716416,15 3.56449284,14.6139598 3.50672773,14.1166211 L3.5,14 L3.5,6 C3.5,5.44771525 3.94771525,5 4.5,5 Z M14.5,5 C15.0128358,5 15.4355072,5.38604019 15.4932723,5.88337887 L15.5,6 L15.5,14 C15.5,14.5522847 15.0522847,15 14.5,15 C13.9871642,15 13.5644928,14.6139598 13.5067277,14.1166211 L13.5,14 L13.5,6 C13.5,5.44771525 13.9477153,5 14.5,5 Z' id='Combined-Shape' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    background-position: 50% 50%;
    background-size: 50%;
}

.MuiSlider-thumb{
    background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon/Scrubber%3C/title%3E%3Cg id='Icon/Scrubber' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M9.5,3 C10.0128358,3 10.4355072,3.38604019 10.4932723,3.88337887 L10.5,4 L10.5,16.9787633 C10.5,17.5310481 10.0522847,17.9787633 9.5,17.9787633 C8.98716416,17.9787633 8.56449284,17.5927231 8.50672773,17.0953844 L8.5,16.9787633 L8.5,4 C8.5,3.44771525 8.94771525,3 9.5,3 Z M4.5,5 C5.01283584,5 5.43550716,5.38604019 5.49327227,5.88337887 L5.5,6 L5.5,14 C5.5,14.5522847 5.05228475,15 4.5,15 C3.98716416,15 3.56449284,14.6139598 3.50672773,14.1166211 L3.5,14 L3.5,6 C3.5,5.44771525 3.94771525,5 4.5,5 Z M14.5,5 C15.0128358,5 15.4355072,5.38604019 15.4932723,5.88337887 L15.5,6 L15.5,14 C15.5,14.5522847 15.0522847,15 14.5,15 C13.9871642,15 13.5644928,14.6139598 13.5067277,14.1166211 L13.5,14 L13.5,6 C13.5,5.44771525 13.9477153,5 14.5,5 Z' id='Combined-Shape' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    background-position: 50% 50%;
    background-size: 70%;
}
.MuiSlider-valueLabel{
    top: 35px !important;
    left: calc(-50%)
}
.MuiSlider-valueLabel *{
    font-size: 1.5rem !important;
    color: #999 !important;
}


/* 
DATE PICKER LIBRARY CLASSES
*/
.datepickercontainerLg .react-datepicker-wrapper{
    display: block;
}
.datepickercontainerLg .react-datepicker-wrapper .react-datepicker__input-container input[type="text"]{
    width: 100%;
    padding: 1rem 2rem;
    background-size: 1.5rem auto, 100%;
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
    width: 100%;
}
.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
}
.react-datepicker__input-container input[type="text"]{
    border: 1px solid #DDD;
    border-radius: 3px;
    background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .8em auto, 100%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='background: %23FFFFFF;'%3E%3Ctitle%3EIcon/Calendar%3C/title%3E%3Cdefs%3E%3Cpath d='M17.6639344,1.52654867 L16.352459,1.52654867 L16.352459,0.720870206 C16.352459,0.322271386 16.0409836,3.73034936e-14 15.6557377,3.73034936e-14 C15.2704918,3.73034936e-14 14.9590164,0.322271386 14.9590164,0.720870206 L14.9590164,1.52654867 L5.32786885,1.52654867 L5.32786885,0.720870206 C5.32786885,0.322271386 5.01639344,3.73034936e-14 4.63114754,3.73034936e-14 C4.24590164,3.73034936e-14 3.93442623,0.322271386 3.93442623,0.720870206 L3.93442623,1.52654867 L2.33606557,1.52654867 C1.04918033,1.52654867 0,2.59937316 0,3.93086283 L0,6.16132006 L0,7.60306047 L0,16.7496313 C0,18.0811209 1.04508197,19.1666667 2.33606557,19.1666667 L17.6639344,19.1666667 C18.9508197,19.1666667 20,18.0811209 20,16.7496313 L20,7.60306047 L20,6.16132006 L20,3.93086283 C20,2.59937316 18.954918,1.52654867 17.6639344,1.52654867 Z M18.6065574,16.7496313 C18.6065574,17.2881637 18.1844262,17.7249263 17.6639344,17.7249263 L2.33606557,17.7249263 C1.81557377,17.7249263 1.39344262,17.2881637 1.39344262,16.7496313 L1.39344262,7.59033923 L18.6065574,7.59033923 L18.6065574,16.7496313 Z M1.39344262,6.14859882 L1.39344262,3.93086283 C1.39344262,3.39233038 1.81557377,2.96828909 2.33606557,2.96828909 L3.93442623,2.96828909 L3.93442623,3.50682153 C3.93442623,3.90542035 4.24590164,4.22769174 4.63114754,4.22769174 C5.01639344,4.22769174 5.32786885,3.90542035 5.32786885,3.50682153 L5.32786885,2.96828909 L14.9590164,2.96828909 L14.9590164,3.50682153 C14.9590164,3.90542035 15.2704918,4.22769174 15.6557377,4.22769174 C16.0409836,4.22769174 16.352459,3.90542035 16.352459,3.50682153 L16.352459,2.96828909 L17.6639344,2.96828909 C18.1844262,2.96828909 18.6065574,3.39233038 18.6065574,3.93086283 L18.6065574,6.14859882 L1.39344262,6.14859882 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Icon/Calendar' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect fill='%23FFFFFF' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Shape' fill='%231991b1' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/svg%3E");
    filter: var(--select-svg-filter)
}


.react-datepicker-popper{
    z-index: 10;
}
.react-datepicker-popper[data-placement^=bottom] {
    margin-top: 10px;
    z-index: 10;
}
.react-datepicker {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0;
}

.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: .45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
}
.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #DDD;
}
.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #DDD;
}
.react-datepicker__month-container {
    float: left;
}
.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative;
}
.react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem;
}
.react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 2px;
}
.react-datepicker__day-names, .react-datepicker__week {
    white-space: nowrap;
}
.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem;
}
.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected, .react-datepicker__quarter-text--in-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--selected {
    border-radius: .3rem;
    background-color: var(--primary-color);
    color: #fff;
}
.react-datepicker__month {
    margin: .4rem;
    text-align: center;
}
.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text{
    cursor: pointer;
}
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
    cursor: default;
    color: #ddd;
}

/* 
INPUT GROUPINGS
*/
.inputCollection{
    display: flex;
    align-items: stretch; /**/
    margin: .5rem 0 1rem 0;
}
.inputCollection > *{
    margin-top: 0; /**/
    margin-right: .5rem;
}
.inputCollection > *:last-child{
    margin-right: 0;
}
.inputCollection input{
    min-width: 0;
    max-width: 3rem;
    padding: .5rem;
}

.inforce-policy-summary{
    width: 30%;
    /* margin-top: -1rem; */
    padding-top: 1rem;
}

.POLICYHEADER .INPUTCONTAINER .tooltip{
    position: absolute;
    top: 0;
    left: 0;
    width: 8rem;
}


.PRODUCTHEADER  button{
    min-height: 100%;
}
.PRODUCTHEADER  > :first-child{
   margin-right: 1rem;
}
.PRODUCTHEADER > button{
    margin-left: auto;
}

.activeHeader{
    border-bottom: 3px solid var(--primary-color); 
}
.activeHeader, .activeHeader *{
    color: var(--primary-color);
    color: #417b8b;
}

.PAGEHEADER .BUTTONBAR{
    flex: 1 1 auto;
    flex-basis: 50%;
    max-width: 75%;
}
.BUTTONBAR{
    flex: 0 0 auto;
    flex-basis: auto;
}
.PAGEHEADER button,
.header-container button{
    margin: 0;
    background-color: transparent; /**/
}
.header-container .BUTTONBAR{
    margin-left: auto;
}
.PAGEHEADER .BUTTONBAR button{
   position: relative;
   text-align: center;
   /* max-width: 10rem; */
   max-width: 12rem;
}
.header-container .BUTTONBAR > button:not(:last-child)::after{
    content: "";
    display: block;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #1b4e5a;
    position: absolute;
}
.header-container .BUTTONBAR button:first-child::before{
    left: 0;
}
.header-container .BUTTONBAR button:not(:last-child)::after{
    right: 0;
}
.header-container .activeButton{
    background-color: white;
    color: var(--primary-color);
}
.header-container .BUTTONBAR button.activeButton::before,
.header-container .BUTTONBAR button.activeButton::after{
    display: none;
}
.header-container .activeButton img{
    filter: sepia(100%) saturate(700%) brightness(60%) hue-rotate(130deg);
}

.FIELDCONTAINER{
    padding: 1em 0; /**/
    /* overflow-x: auto; */
    /* overflow-x: hidden; */
    overflow: hidden;
}

.overflowRow{
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.SUMMARY{
    padding: .5em 0; /**/
}
.SUMMARY > *{
    max-width: 50%;
}
label.line-2{
    margin-right: .5rem;/**/
}

/* 
DISABLED INPUT STYLES 
*/
.disableItem,
.disableItem *,
.button-disable,
.disable-solve *,
.INPUTCONTAINER.disabled,
.INPUTCONTAINER.disabled > *{
    cursor: auto;
    color: #ddd;
    user-select: none;
}
.button-disable img{
    -webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) !important;
    opacity: .5;
}
.disable-solve .TEXT,
.disable-solve .SELECT,
.INPUTCONTAINER.disabled .TEXT,
.INPUTCONTAINER.disabled .SELECT,
.INPUTCONTAINER.disabled input[type=text],
.INPUTCONTAINER.disabled input[type=number],
input[type=text][disabled],
input[type=number][disabled],
select[disabled]{
    border: 1px solid #ddd;
    color: #2c2c2c;
    background-color: #EEE;
}
select[disabled]{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 120' style='enable-background:new 0 0 200 120;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23EEEEEE;stroke:%23CCCCCC;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='17.9,23.1 98.2,103.4 181.5,20.1 '/%3E%3C/svg%3E%0A"); 
}
.CHECK:disabled + label,
.RADIO:disabled + label{
    color: #ddd;
}
.disable-solve .CHECK + label::before,
.disable-solve .RADIO + label::before,
.INPUTCONTAINER.disabled .CHECK + label::before,
.INPUTCONTAINER.disabled .RADIO + label::before,
.CHECK:disabled + label::before,
.RADIO:disabled + label::before{
    border: 2px solid #ddd;
}
.INPUTCONTAINER.disabled .checkcontrol:focus + label::before,
.INPUTCONTAINER.disabled .CHECK:focus + label::before,
.INPUTCONTAINER.disabled .RADIO:focus + label::before
.CHECK:disabled:focus + label::before,
.RADIO:disabled:focus + label::before{
    border: 2px solid #ddd;
}
.disable-solve .checkcontrol:checked + label::before,
.disable-solve .CHECK:checked + label::before,
.disable-solve .RADIO:checked + label::before,
.INPUTCONTAINER.disabled .CHECK:checked + label::before,
.INPUTCONTAINER.disabled .checkcontrol:checked + label::before,
.INPUTCONTAINER.disabled .RADIO:checked + label::before{
    border: 2px solid #ddd;
    background-color: #ddd;
}
.RADIO:disabled + label::after{
    background-color: #ddd;
}

.disable-solve .RADIO.toggle:checked + label::before,
.disable-solve .CHECK.toggle:checked + label::before,
.disable-solve .checkcontrol.toggle:checked + label::before,
.INPUTCONTAINER.disabled .RADIO.toggle:checked + label::before,
.INPUTCONTAINER.disabled .CHECK.toggle:checked + label::before,
.INPUTCONTAINER.disabled .checkcontrol.toggle:checked + label::before{
    background-color: #c6c5c5;
    border: 0;
}
.disable-solve .RADIO.toggle:checked + label::after,
.disable-solve .CHECK.toggle:checked + label::after,
.disable-solve .checkcontrol.toggle:checked + label::after,
.INPUTCONTAINER.disabled .RADIO.toggle + label::after,
.INPUTCONTAINER.disabled .CHECK.toggle + label::after,
.INPUTCONTAINER.disabled .checkcontrol.toggle + label::after,
.INPUTCONTAINER.disabled .RADIO.toggle:checked + label::after,
.INPUTCONTAINER.disabled .CHECK.toggle:checked + label::after,
.INPUTCONTAINER.disabled .checkcontrol.toggle:checked + label::after{
    background-color: #EEEEEE;
}

/*
STICKY FOOTER STYLES
*/
.eappFooter{
    position: fixed;
    width: 100%;
    bottom: 0; 
    left: 0;
}

/* 
SIDEBAR TREE CONTROLS
*/
.treeAddColor{
    color: #80ad02;
}
.treeDeleteColor{
    color: #e75e65;
}
.treeToggle{
    width: 1.25em;
    height: 1.25em;    
    margin-right: .25em;
    margin-left: .5rem;
    transform: rotate(-90deg);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 120' style='enable-background:new 0 0 200 120;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231991b1;stroke:%231991b1;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='17.9,23.1 98.2,103.4 181.5,20.1 '/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat, repeat;
    background-position: 50% 50%;
    background-size: 50%;
    transition: all .3s ease-in-out;
}   
.treeToggle.open{
    transform: rotate(0deg);
}
.highlightPanel{
    position: relative;
}
.highlightPanel::before{
    content: "";
    width: 8px; 
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: var(--primary-color);
}
.highlightPanel *{
    color: var(--primary-color);
}

.tree-item-label{
    padding-left: 2rem;
    width: 100%;
}
.treeToggle + .tree-item-label{
    padding-left: 0;
    width: calc(100% - 2rem);
}
.firstUL ul,
.tree-group ul{
    padding-left: 0;
    padding-right: 0;
}
.tree-item{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.tree-item:not(:last-child){
    border-bottom: 1px solid #DDD;
}
ul.level-2 > .tree-item{
    padding-left: 3rem;
}
ul.level-3 > .tree-item{
    padding-left: 6em;
}


/* FIXED TAB AND POLICY HEADERS */
/* #policyheader-id, */
.POLICYHEADER,
.INFORCEPOLICYHEADER,
.TABHEADER, 
.stickyPageHdr,
.stickyTabHdr{
    width: 100%;
    position: relative;
}
.tabheader-placeholder{
    margin-top: 3rem; /*the accounts for the height of the policy header on scroll/sticky mode*/
}

.TABS{
    flex: 1 0 auto;
}
.INFORCEPOLICYHEADER,
.POLICYHEADER,
.stickyPageHdr{
    padding: 1rem 0; /**/
    z-index: 3;
    margin-top: 6rem;
    padding: 1rem 3rem;
    position: relative;
}
.INFORCEPOLICYHEADER.sticky, 
.stickyPageHdr.sticky{
    box-shadow: 0rem 0.5rem 0.5rem -0.5rem #CCC; 
    z-index: 4;
}
.INFORCEPOLICYHEADER.sticky{
    top: 3rem;
}

/* GENERIC STICKY HDR STYLING */
.stickyPageHdr.sticky{
    position: fixed;
    margin-top: 0;
    top: 2.5rem;
}
.stickyPageHdr.sticky h1{
    font-size: 1rem;
}
/* GENERIC STICKY FOOTER STYLES */
.stickyPageFooter{
    box-shadow: 0rem 0.5rem 0.5rem 0.5rem #CCC; 
    z-index: 4;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.INFORCEPOLICYHEADER.sticky{
    padding-top: 1.5rem;
    padding-bottom: .5rem;
}

.TABHEADER, .stickyTabHdr{
    background-color: white;/* */
    transition: .2s all linear;
    z-index: 5;
    /* top: 4.5rem; */
    padding: 0 3rem;
}
*.sticky + .TABHEADER, 
.TABHEADER.sticky{
    /* top: 7rem; */
    top: 3rem;
    /* top: 0; */
}
*.sticky + .TABHEADER .TABLISTITEM,
.TABHEADER.sticky .TABLISTITEM{
    padding: .5em 1.5em;
    font-size: .85rem;
}
*.sticky + .TABHEADER .buttonTall img,
.TABHEADER.sticky .buttonTall img{
    width: .8rem;
}

.policy-detail{
    width: 70%;/**/
}

/* NEW BIZ ILLUSTRATION PAGE HEADER */
select[name="cboProduct"]{
    width: 7rem;
    height: 1.5rem;
}
select[name="cboProduct"]:focus,
select[name="cboProduct"]:active{
    box-shadow: none;
    outline: none;
}

/* on-scroll animations */
#policyheader-id.sticky + .TABHEADER,
.INFORCEPOLICYHEADER.sticky + .TABHEADER,
.POLICYHEADER.sticky + .TABHEADER,
.TABHEADER.sticky{
    border-bottom:none;
    position: fixed;
    border-bottom: 1px solid #CCC;
}
#policyheader-id.scrollToTop + .TABHEADER,
.INFORCEPOLICYHEADER.scrollToTop + .TABHEADER,
.POLICYHEADER.scrollToTop + .TABHEADER{
    z-index: 5;
}

.TABHEADER .onscrollDownShow{
    width: 0px; 
    overflow: hidden;
    padding: .5rem 0;
    opacity: 0;
    white-space: nowrap;
    transition: all .5s ease-in-out;
}
.POLICYHEADER.sticky + .TABHEADER #btnEapplicationForm,
.TABHEADER.sticky #btnEapplicationForm{
    margin: .5rem;
}

.TABHEADER.sticky .onscrollDownShow{
    width: auto;
    padding-right: 1rem;
    opacity: 1;
}

.ALERT + .POLICYHEADER,
.ALERT + .INFORCEPOLICYHEADER{
    margin-top: 10rem;
}

/* NOTE: temporary tablet view */
@media screen and (max-width: 1150px){

}

/* @media screen and (max-width: 750px){ */
@media screen and (max-width: 1000px){
    /* .TABHEADER,
    .POLICYHEADER,
    .INFORCEPOLICYHEADER
    .TABHEADER.sticky,
    .POLICYHEADER.sticky,
    .INFORCEPOLICYHEADER.sticky{
        width: calc(100% - 1.5rem);
    } */
    /* .POLICYHEADER{
        top: 6rem;
    } */
    .INFORCEPOLICYHEADER.sticky,
    .POLICYHEADER.sticky{
        /* top: 3rem; */
        top: 0;
        box-shadow: none;
    }
    
    .POLICYHEADER.sticky + .TABHEADER,
    .POLICYHEADER.scrollToTop + .TABHEADER,
    .POLICYHEADER + .TABHEADER.sticky{
        left: 1rem;
        width: calc(100% - 1.5rem);
        animation: none;
        transform: none;
    
    }
}
@media screen and (max-width: 825px) {
    #policyheader-id.sticky + .TABHEADER,
    .POLICYHEADER.sticky + .TABHEADER,
    .POLICYHEADER + .TABHEADER.sticky {
        top: 0;
    }
    *.sticky + .TABHEADER, 
    .TABHEADER.sticky{
        top: 0;
    }
    .TABHEADER, .stickyTabHdr{
        padding: 0 1rem;
    }
    #policyheader-id{
        padding: 1rem;
    }
    .onscrollDownShow{
        transition: none;
    }
}

/* INFORCE ILLUSTRATION HEADERS */
.INFORCEPOLICYHEADER .LABELCOMPONENT, 
.INFORCEPOLICYHEADER > .INPUTCONTAINER{
    max-width: 25%;
}
.INFORCEPOLICYHEADER.sticky .fontHdr1{
    font-size: 1rem;
}
.INFORCEPOLICYHEADER.sticky .form-input,
.INFORCEPOLICYHEADER.sticky .form-input *,
.INFORCEPOLICYHEADER.sticky .INPUTCONTAINER,
.INFORCEPOLICYHEADER.sticky .INPUTCONTAINER *{
    opacity: 0;
    height: 0;
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    transition: all .6s ease-in-out;
}
/* scroll animation */
.INFORCEPOLICYHEADER.scrollToTop + .TABHEADER{
    z-index: 4;
}

/* @media screen and (max-width: 750px) */
@media screen and (max-width: 1000px){
    .INFORCEPOLICYHEADER.sticky{
        padding-bottom: 1rem;
        width: 100%;
    }
    .INFORCEPOLICYHEADER.scrollToTop + .TABHEADER,
    .INFORCEPOLICYHEADER.sticky + .TABHEADER,
    .INFORCEPOLICYHEADER + .TABHEADER.sticky{
        width: calc(100% - 2rem);
        left: 1rem;
        animation: none;
        transform: none;
    }
    .INFORCEPOLICYHEADER.sticky + .TABHEADER,
    .INFORCEPOLICYHEADER + .TABHEADER.sticky{
        top: 7rem;
    }
}

/* FIXED SIDEBAR */
.SIDEBARCONTAINER{
    position: fixed;
    right: 3rem;
    width: 20rem;
    top: 0;
    height: 100%;
    padding-top: 18rem;
    /* z-index: -1; */
    z-index: 1;
    max-height: 4000px;
    /* transition: max-height .6s ease-in-out; */
    transition: all .3s ease-in-out;
    overflow-y: auto;
}
.summary-mobile{
    transition: max-height .6s ease-in-out;
}
.SIDEBARCONTAINER.sticky{
    /* padding-top: 13rem; */
    padding-top: 8rem;
}
#eapp-sidebar.sticky{
    padding-top: 13rem;
}
.SIDEBARCONTAINER .BUTTONBAR button{
    background-color: transparent;
}
.errordisplay{
    /* position: absolute; */
    width: 100%;
    bottom: 0;
}
@media screen and (max-width: 1000px){
    .SIDEBARCONTAINER{
        padding-top: 20rem;
    }
}
/* @media screen and (max-width: 750px) */
@media screen and (max-width: 1000px){
    .SIDEBARCONTAINER .paddingLg,
    .SIDEBARCONTAINER.sticky .paddingLg{
        padding: 1rem;
    }
    .SIDEBARCONTAINER.sidebar-toggle,
    .SIDEBARCONTAINER.sticky.sidebar-toggle{
        height: auto;
        max-height: 1000px;
    }
    .SIDEBARCONTAINER.sidebar-toggle .summary-header-date .header::after{
        transform: rotate(0);
    }
    .TABCONTAINER,
    .SIDEBARCONTAINER.sticky,
    .SIDEBARCONTAINER{
        width: 100%;
    }
    .SIDEBARCONTAINER,
    .SIDEBARCONTAINER.sticky{
        bottom: 0;
        top: auto;
        right: 0;
        left: 0;
        height: 3rem;
        max-height: 3rem;
        overflow: hidden;
        padding-top: 0.5rem;
        z-index: 10; 
        /* width: 100vw;     */
    }
    .SUMMARYFIELDSET{
        display: flex;
        flex-direction: column;
    }
    .SUMMARYFIELDSET > *{
        width: 100%;
    }
    .LINKS{
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: auto;
    }
    .LINKS button.paddingMed{
        padding: .5rem;
    }
}

/* 
INFORCE TABLE COMPONENTS
*/
.key-item,
.key-bold,
.key-indent,
.key-indent-bold{
    width: 20vw;
    min-width: 150px;
    margin-right: .5rem;
}
.key-indent-bold,
.key-indent{
    padding-left: 1.5rem;
}
.key-value-item-red,
.key-value-item-red *{
    color: #e75e65
}
.intValue,
.value-item{
    min-width: 25%;
}
.intValue{
    text-align: right;
}

/*
ALPHA LOOKUP STYLES
*/
.POLICYLINK.fontErrorColor{
    display: flex;
    align-items: center;
}
.POLICYLINK.fontErrorColor::before{
    content: '';
    width: 1rem;
    height: 1rem;
    margin-right: .25rem;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e75e65;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EArtboard 1%3C/title%3E%3Cpolygon class='cls-1' points='82 88 51 64 20 88 20 14 82 14 82 88'/%3E%3C/svg%3E");
}

/* 
PROGRESS BAR
*/
.progressbar{
    width: 80%;
    padding-left: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    position: relative;
    flex-wrap: nowrap;
}
.progressItem{
    position: relative;
    padding-top: 1.5rem;
    padding-right: 0.7rem;
    flex: auto 0 0;
    width: 13%;
}

/* three items */
.progressbar > .progressItem:nth-child(1):nth-last-child(3),
.progressbar > .progressItem:nth-child(2):nth-last-child(2),
.progressbar > .progressItem:nth-child(3):nth-last-child(1) {
	width: 33.3333%;
}
.progressbar > .progressItem:nth-child(1){
    margin-left: 33.3333%;
}
/* four items */
.progressbar > *:nth-child(1):nth-last-child(4),
.progressbar > *:nth-child(2):nth-last-child(3),
.progressbar > *:nth-child(3):nth-last-child(2),
.progressbar > *:nth-child(4):nth-last-child(1) {
	width: 25%;
}
.progressbar > *:nth-child(1):nth-last-child(4){
    margin-left: 25%;
}
/* five items */
.progressbar > *:nth-child(1):nth-last-child(5),
.progressbar > *:nth-child(2):nth-last-child(4),
.progressbar > *:nth-child(3):nth-last-child(3),
.progressbar > *:nth-child(4):nth-last-child(2),
.progressbar > *:nth-child(5):nth-last-child(1) {
	width: 20%;
}
.progressbar > *:nth-child(1):nth-last-child(5){
    margin-left: 20%;
}

/* sixitems */
.progressbar > *:nth-child(1):nth-last-child(6),
.progressbar > *:nth-child(2):nth-last-child(5),
.progressbar > *:nth-child(3):nth-last-child(4),
.progressbar > *:nth-child(4):nth-last-child(3),
.progressbar > *:nth-child(5):nth-last-child(2),
.progressbar > *:nth-child(6):nth-last-child(1) {
	width: 14.25%;
}
.progressbar > *:nth-child(1):nth-last-child(6){
    margin-left: 14.25%;
}

header:not(.flexContainerColumn) .progressbar{
    margin-left: calc(50% - 8rem);
    transform: translateX(-50%);
}

.progressItem span{
    display: block;
    max-width: 8rem;
    font-size: .8rem;
    text-align: center;
    margin-top: .5rem;
    transform: translateX(-40%);
}

/*.progressItem.progress-Red::after*/
.progressItem::after{
    content: '';
    display: block;
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: .15rem solid #DDD;
    background-color: #DDD;
    margin-bottom: .5rem;
    top: 0;
    left: 0;
}

/* PROGRESS BAR */
.progressItem:not(:first-child)::before{
    content: '';
    display: block;
    position: absolute;
    height: .25rem;
    width: calc(100% - 1rem);
    top: .5rem;
    background-color: #DDD;
    transform: translateX(-100%);
    z-index: -1;
}
.progressItem.Progress-Active::before{
    background-color: var(--primary-color);
}
.progressItem.progress-Orange::after{
    border: .2rem solid var(--primary-color);
}
.progressItem.progress-Orange::after{
    border: .2rem solid var(--primary-color);
    background-color: white;
}

.progressItem.progress-Orange span{
    font-weight: bold;
}

.progressItem.progress-Incomplete::after{
    border: .2rem solid var(--primary-color);
}
.progressItem.progress-Green::after{
    background-color: var(--primary-color);
    border: .2rem solid var(--primary-color);
}
.progressItem.progress-Green span::before{
    content: '';
    display: block;
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: .25rem;
    left: .2rem;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon/Checkmark%3C/title%3E%3Cg id='Icon/Checkmark' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M16.4023317,4.19503711 C16.7826992,3.7946136 17.4156554,3.77835502 17.8160789,4.15872255 C18.1857006,4.50983104 18.2279865,5.07616301 17.9331356,5.47615738 L17.8523935,5.57246979 L8.57811444,15.3357619 C8.22875629,15.703541 7.66588227,15.747492 7.26588722,15.4566179 L7.16949959,15.3769175 L2.20778577,10.7298719 C1.80468865,10.3523389 1.78396483,9.71951316 2.16149782,9.31641605 C2.50998982,8.9443264 3.07600936,8.89804596 3.478074,9.19006753 L3.57495367,9.27012811 L7.811,13.238 L16.4023317,4.19503711 Z' id='Path-16' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    background-position: 50% 50%;
    background-size: 90%;
}
@media screen and (max-width: 1000px){
    .progressItem span{
        display: none;
    }
}
.branding-image-filter {
    filter: var(--svg-filter);
}

.square-branding-image-filter {
    filter: var(--sqaure-svg-filter);
}

/* 
SHARED OWNERSHIP STYLES
*/
.sharedOwnershipHdr h2,
.sharedOwnershipHdr h3{
    flex: calc(100% - 12rem) 0 0;
}
.sharedOwnershipContainer{
    min-height: 50vh;
}

#exec-10, #corp-10{
    width: 4rem;
}

#shared-owner-agreement{
    padding: 1rem;
    /* border: .15rem solid #4C1EE6; */
    border: .15rem solid #C480BF; 
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
#arrow-curved-out{
    transform: rotate(-45deg);
}
#arrow-long-curve{
    margin: 0 auto; 
    transform: translateX(50%) translateY(20%);
}
#arrow-straight{
    margin: 0 auto;
}
#exec-2{
    position: absolute;
    transform: translateX(-50%);
}
#blue-exec-3, 
#purple-exec-plus-corp-3,
#purple-exec-corp-6,
#blue-exec-6,
#purple-exec-corp-7,
#purple-exec-corp-8{
    margin: 0 auto;
    transform: translateY(3rem);
}
#blue-exec-3 + *, 
#purple-exec-plus-corp-3 + *,
#purple-exec-corp-6 + *,
#blue-exec-6 + *,
#purple-exec-corp-7 + *,
#purple-exec-corp-8 + *{
    padding-top: 4rem;
}

#exec-7,
#corp-7, 
#exec-8{
    position: absolute;
    margin-right: 0;
    transform: translateX(-50%) translateY(-25%);
}

#gavel-10{
    padding: 2rem;
    border: .15rem solid purple;
    border-radius: 50%;
    width: 10rem;
}

#exec-10, #corp-10{
    width: 4rem;
}

#exec-time-14,
#corp-time-16{
    transform: translateY(1rem)
}
#exec-time-14 + *,
#corp-time-16 + *{
    padding-top: 2rem;
}

/* 
PROQUOTE SUMMARY STYLES
*/
#premium-value-quote-id{
    font-size: 4rem;
}
#scenario-library-id{
    background-size: cover;
    background-position: top center;
    min-height: 35rem;
}
#premium-summary-quote-id{
    max-width: 40%;
    margin: 0 auto;
}

/* 
MOBILE STYLES
*/
.mobileShow{
    display: none;
}


/* 
MEDIA QUERIES
*/

/* smaller desktop/tabet in landscape */
@media screen and (max-width: 1200px){
    /* three columns shrinks to two... */
    .threeCol > *{
        width: calc(50% - 1rem);
    }

    /* five columns shrinks to four... */
    .fiveCol > *{
        width: calc(25% - 1rem);
    }
}

/* smaller desktop/tabet in landscape */
@media screen and (max-width: 950px){
    /* five columns shrinks to three.. */
    .fiveCol > *{
        width: calc(33% - 1rem);
    }
}

@media screen and (max-width: 825px){
    .stickyPageHdr.sticky{
        top: 0;
    }
    .LINKS{
        min-width: 100%;
    }
}


/* tablet query */
/* @media screen and (max-width: 750px) { */
@media screen and (max-width: 1000px) {
    .pageContents,
    .paddingLg,
    .paddingLgWide{
        padding: 1rem;
    }
    .pageContents{
        /* margin-top: 5.5rem; */
        padding-bottom: 5rem;
    }
    .paddingLgHoriz{
        padding: 0 1rem;
    } 

    *.sticky + .TABHEADER .TABLISTITEM,
    .paddingMedWide {
        padding: .5rem 1rem;
    }
    .twoCol > *,
    .twoCol > *:nth-child(odd), 
    .threeCol > *,
    .threeCol > *:not(:last-child),
    .threeCol > *:not(.fullWidth){
        width: 100%; 
    }
    .threeCol > *:last-child,
    .twoCol > *:last-child{
        margin-bottom: 0;
    }

    /* */
    .twoCol.noMargins > *{
        margin-bottom: 0;
    }
    .autoCols > *{
        max-width: none;
    }

    /* four and five columns shrink to two... */
    /* five columns shrinks to three.. */
    .fourCol > *,
    .fiveCol > *{
        width: calc(50% - 1rem); 
    }

    .logoHdrInforce::before,
    .logoHdrNewBusiness::before{
        width: 2rem;
        height: 2rem;
        position: relative;
        left: 0;
    }
    .PAGELINK > *:first-child {
        margin-left: 0;
    }
    
    .header-container .BUTTONBAR button:first-child::before{
        display: none;
    }
    .modalHeader + .modal-content{
        margin-top: 15rem;
        height: calc(100% - 13rem);
    }
    .BUTTONBAR{
        max-width: none;
        /* width: 100%; */
    }
    .PAGEHEADER .BUTTONBAR{
        width: 100%;
        justify-content: space-between;
    }
    .PAGEHEADER button img{
        display: none;
    }
    .PAGEHEADER *{
        font-size: .8rem;
    }

    .buttonTall img{
        width: 1rem;
    }
    
    .INFORCEPRODUCT,
    .alphalookup-product{
        width: 100%;
        flex: 1 1 100%;
    }
    .INFORCEPRODUCT
    .alphalookup-product{
        justify-content: center;
    }
    div.sticky .INFORCEPOLICYHEADER .INFORCEPRODUCT,
    div.sticky .INFORCEPOLICYHEADER .INFORCEPRODUCT *{
        height: 0;
        max-height: 0;
        overflow: hidden;
        margin: 0;
    }
    .TABCONTAINER,
    .tab-container{
        padding-bottom: 5rem;
        overflow-x: hidden;
    }
    /* .TABS{
        width: 100%;
    } */
    
    .policy-issue-date{
        display: none;
    }
    .summary-header-date .header{
        cursor: pointer;
    }
    .summary-header-date .header:hover{
        color: var(--primary-color);
    }
    .summary-header-date .header::after{
        position: absolute;
        content: "";
        height: .6rem;
        width: 1rem;
        top: 1rem;
        right: 1.5rem;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 120' style='enable-background:new 0 0 200 120;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23f6f7f7;stroke:%23666666;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='17.9,23.1 98.2,103.4 181.5,20.1 '/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat, repeat;
        transform: rotate(-180deg);
    }

    /* INFORCE MOBILE VIEW */
    .policy-detail{
        width: 100%;
        background-color: white;/**/
        padding: 0;
    }
    .inforce-policy-summary{
        width: 100%;
    }

    /* ALPHA LOOKUP STYLES */
    .clientID{
        flex: 0;
        margin-left: auto; 
        margin-right: 0;
    }
    .clientAddress, .clientChurch{
        width: calc(50% - .5rem);
        margin-top: .5rem;
    }
    .clientAddress{
        margin-right: 1rem;
    }
    .clientChurch{
        margin-right: 0;
    }
    .layoutCenter{
        padding: 10vw; /**/
    }

    .tableFixed{
        table-layout: auto;
    }
}
/* phone query */
/* @media screen and (max-width: 576px) { */
@media screen and (max-width: 825px) {
    .fontHdr2{
        font-size: 1.2rem;
    }
    .mobileShow{
        display: block;
    }
    .mobileShow.flexContainer{
        display: flex;
    }
    .mobileHide{
        display: none;
    }

    .fontHdr1{
        font-size: 2rem;
    }
    .SELECT, 
    .TEXT,
    .TEXT.inputLarge,
    input[type=text],
    input[type=text].inputLarge,
    input[type=number],
    input[type=text].inputLarge,
    input[type=number].inputLarge,
    select.inputLarge{
        min-width: 100%;
        max-width: none;
    }
    .SELECT.inputSm,
    .TEXT.inputSm,
    input[type=text].inputSm,
    input[type=number].inputSm,
    select.inputSm{
        width: 50%;
        max-width: 50%;
    }
    .inputMed,
    .SELECT.inputMed,
    .TEXT.inputMed,
    input[type=text].inputMed,
    input[type=number].inputMed,
    select.inputMed{
        width: 100%;
        max-width: 100%;
    }
    .input-submit{
        width: 100%;
    }
    .input-submit > input{
        /* max-width: calc(100% - 5rem); */
        min-width: calc(100% - 3rem);
    }
    #btnNewLookup{
        min-width: 0;
        padding: .5rem 0;
    }

    /* mobile column styling */
    .fourCol > *,
    .fiveCol > *{
        width: 100%; 
    }
    .fourCol > *:last-child,
    .fiveCol > *:last-child{
        margin-bottom: 0;
    }
    .noCols> *,
    .noCols.noMargins > *{
        width: 100%;
    }
    .noCols> *,
    .noCols.noMargins > *,
    .noCols > *:not(:last-child),
    .noCols.gutterLg > *:not(:last-child){
        margin-right: 0;
    }
    /* no-wrap cols style - items will remain in one row on mobile */
    .noCols.noWrap > *{
        width: auto;
        margin-right: 1rem;
    }

    /* mobile modal styling */
    .modalcontainer, .modalcontainerSm{    
        width: 100%;
        height: 100%;
        min-width: 0;
        max-height: none;    
        left: 0%;
        top: 0%;
        border-radius: 0;
        transform: translateX(0%) translateY(0%);
    }
    .modalHeader,
    .modalHeaderMed,
    .modalHeaderSm{
        width: calc(100% - 2rem);
    }
    .modalHeader + .modal-content {
        margin-top: 14rem;
        height: calc(100% - 12rem);
    }
    .modalControls > button{
        width: auto;
        max-width: 40%;
    }

    .header-container .BUTTONBAR{
        margin: 0;
        width: 100%;
    }

    /*  */
    .toggle-inputs{
        display: none;
    }
    .toggle-inputs .INPUTCONTAINER{
        display: flex;
    }
    .toggle-inputs label{
        max-width: calc(100% - 1rem)
    }

    .TABS{
        width: 100%;
    }
    .alphalookup-product{
        flex-direction: column;
        align-items: flex-start;
    }

    /* ALPHA LOOKUP STYLES */
    .ALPHALOOKUPHEADER .textcontainer{
        width: 100%;
    }
    .ALPHALOOKUPHEADER input{
        max-width: 8rem;
    }
    .inputChain .TEXT{
        border-right: 1px solid #D3D5D6;
        border-radius: 3px !important;
    }

    input[name="txtMiddleName"]{
        width: 4rem;
    }
    .clientID{
        flex: 0;
        margin-left: 0; 
    }
    .clientAddress, .clientChurch{
        width: 100%;
        margin-top: .5rem;
        margin-right: 0
    }
}