@font-face {
    font-family: "SourceSansPro-Regular";
    font-weight: normal;
    font-size: 1em;
    font-style: normal;
    src: url(../fonts/SourceSansPro-Regular.ttf); /*if IE */
    src: local("SourceSansPro-Regular"), url("../fonts/SourceSansPro-Regular.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "SourceSansPro-Semibold";
    font-size: 1em;
    font-style: normal;
    src: url(../fonts/SourceSansPro-Semibold.ttf); /*if IE */
    src: local("SourceSansPro-Semibold"), url("../fonts/SourceSansPro-Semibold.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "SourceSansPro-Light";
    font-weight: normal;
    font-size: 1em;
    font-style: normal;
    src: url(../fonts/SourceSansPro-Light.ttf); /*if IE */
    src: local(), url("../fonts/SourceSansPro-Light.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "SourceSansPro-Bold";
    font-weight: normal;
    font-size: 1em;
    src: url(../fonts/SourceSansPro-Bold.ttf); /*if IE */
    src: local(), url("../fonts/SourceSansPro-Bold.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "CrimsonText-Regular";
    font-weight: normal;
    font-size: 1em;
    src: url(../fonts/CrimsonText-Regular.ttf); /*if IE */
    src: local(), url("../fonts/CrimsonText-Regular.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "CrimsonText-Semibold";
    font-weight: normal;
    font-size: 1em;
    src: url(../fonts/CrimsonText-Semibold.ttf); /*if IE */
    src: local(), url("../fonts/CrimsonText-Semibold.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "CrimsonText-Light";
    font-weight: normal;
    font-size: 1em;
    src: url(../fonts/CrimsonText-Light.ttf); /*if IE */
    src: local(), url("../fonts/CrimsonText-Light.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "CrimsonText-Bold";
    font-weight: normal;
    font-size: 1em;
    src: url(../fonts/CrimsonText-Bold.ttf); /*if IE */
    src: local(), url("../fonts/CrimsonText-Bold.ttf") format("truetype"); /* non-IE */
}



/* No greater than 1050px, no less than 750px, for tablet use in Portrait */
@media (max-width:1050px) and (min-width:750px) and (orientation: portrait) {
    #burgermenu {
        display: table-cell;
    }
    #headermenu {
        display: none;
    }
    .shcloginbox {
        background: #ffffff;
        width: 343px;
        height: 492px;
        opacity: 0.9;
        margin-top: 30%;
        margin-left: 0%;
        margin-bottom: 5%;
        border-radius: 0;
    }
    .prismlogo2 {
        width: 314px;
        height: 129px;
        margin-top:16%;
    }
    .mobi-logo {
        margin-bottom: 5%;
        padding-left: 201px;
    }
    
    .mobi-row {
    }
    .mob-prismlogo {
        width: 277px;
        height: 114px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top:-5%;
    }
    
    .medlogo {
        margin-right:17%;
    }
    .shcprismalignleft {
        margin-left: 10%;
        margin-bottom: 3%;
        margin-right: 7%;
    }
    .shcprismalignleft2 {
        margin-left: 10%;
        margin-bottom: 3%;
        margin-right: 7%;
        margin-top: 25%;
    }
    .shcfootertext {
        font-family: SourceSansPro-Regular;
        font-size: 21px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.34px;
        color: #ffffff;
    }

    .shcfooter {
        background-color: #3f3f3f;
        /* position: fixed; */
        bottom:0;
        width: 99.3%;
        text-align-last: left;
        padding-left: 4%;
        margin-left: -2%;
        height: 25%;
        margin-bottom:-2%
    }
	
}

/* No greater than 1050px, no less than 750px, for tablet use in Landscape */
@media (max-width:1050px) and (min-width:750px) and (orientation: landscape) {
    #burgermenu {
        display: table-cell;
    }
    #headermenu {
        display: none;
    }
    .shcloginbox {
        background: #ffffff;
        width: 343px;
        height: 492px;
        opacity: 0.9;
        margin-top: 2%;
        margin-left: 0%;
        margin-bottom: 5%;
        border-radius: 0;
    }
    .prismlogo2 {
        width: 314px;
        height: 129px;
        margin-top:16%;
    }
    .mobi-logo {
        margin-bottom: 5%;
        padding-left: 327px;
    }
     .mobi-row {
         margin-bottom:-3%;
     }
    .mob-prismlogo {
        width: 277px;
        height: 114px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top:-5%;
    }
    .shcfooter {
        background-color: #3f3f3f;
        position: fixed;
        bottom:0;
        width: 99.3%;
        text-align-last: left;
        padding-left: 4%;
        margin-left: -2%;
        /*height: 25%;*/
        margin-bottom:-2%
    }
    .medlogo {
        margin-right:17%;
    }
    .shcprismalignleft {
        margin-left: 10%;
        margin-bottom: 3%;
        margin-right: 7%;
        margin-top:5%;
    }
    .shcprismalignleft2 {
        margin-left: 10%;
        margin-bottom: 3%;
        margin-right: 7%;
    }
    .shcfootertext {
        font-family: SourceSansPro-Regular;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.34px;
        color: #ffffff;
        /* margin-top:-1%; */
    }
	
}

/* Below is for desktop/laptop use */
@media (min-width:1050px) {
    #burgermenu {
      display: none;
    }
    #headermenu {
        display: block;
		margin-left: 5%;
    }
    .shcloginbox {
        background: #ffffff;
        width: 343px;
        height: 510px;
        opacity: 0.9;
        margin-top: 5%;
        margin-left: 40%;
        margin-bottom: 5%;
        padding-bottom: 5%;
        border-radius: 0;
    }    
    .prismlogo2 {
        width: 314px;
        height: 129px;
    }
    .mobi-logo {
        display:block;
        margin-left: 6%;
        margin-right:auto;
        width: 50%;
        margin-bottom: -2%;
    }
    
    .mobi-row {
    }
    .mob-prismlogo {
        width: 277px;
        height: 114px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top:-5%;
    }
    .medlogo {
		display:inline-block;
		vertical-align:top;
		padding-top: 4px;
        margin-right:3%;
    }
    .shcprismalignleft {
        margin-left: 10%;
        margin-bottom: 3%;
        margin-right: 10%;
        margin-top:5%;
    }

    .shcprismalignleft2 {
        margin-left: 10%;
        margin-bottom: 3%;
        margin-right: 7%;
        margin-top: 25%
    }
    .shcfootertext {
        font-family: SourceSansPro-Regular;
        font-size: 21px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.34px;
        color: #ffffff;
    }
	.shcFooterInfoText {
		line-height: 45px;
		padding-top: 10px;
	}
    .shcfooter {
        /* background-color: #3f3f3f; */
        /* flex-grow: 1; */
        /* text-align-last: left; */
        /* padding-left: 4%; */
		height: 155px;
		 background-color: #3f3f3f; 
         /*flex-grow: 1; */
         text-align-last: left; 
         padding-left: 4%;
    }
	.shcFooterLicense{
		padding-top: 15px;
		padding-bottom: 10px;
	}
}





/* Below is added so that the two custom containers are stacked and centered when screen becomes smaller. Also, a padding is applied to the left of the text-container when size is small.*/
@media (max-width: 1050px) {
    .col-sm-12 {
        max-width: 100%;
    }
	   
	.justify-content-start{
		justify-content:center !important;
	}
	
	.justify-content-end{
		justify-content:center !important;
	}
	
	.prism_faq{
		width: 100%; /* Set the width to 100% for smaller screens */
        padding-left: 15px; /* Adjust padding for smaller screens */
        padding-right: 15px; /* Adjust padding for smaller screens */
	}
	
	.text-container{
		padding-left: 16px;
	}
	
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.signin {
    font-family: SourceSansPro-Regular;
    font-style: normal;
    width: 253px;
    height: 45px;
    background-color: #027e94;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
    color: #ffffff;
    margin-left: 12%;
    border-radius: 0;
}

.affinitylogo {
    width: 300px;
    height: 63px;
    margin-left: 177px;
}
.mob-affinitylogo {
    width: 187px;
    height: 39px;
}

.shclogo2 {
    width: 211px;
    height: 74px;
}
.mob-shclogo2 {
    width: 132px;
    height: 46px;
}

.shclogo {
    height: 101px;
    margin-top: 20px;
    margin-bottom: -30px;
}



.logo {
    height: 37px;
    width: 150px;
    margin-top: -3%;
    margin-left: -3%;
    margin-right: 5%;
}

.logo2 {
    height: 51px;
    width: 166px;
    margin-left: 30%;
}

.logo3 {
    height: 51px;
    width: 166px;
    margin-left: 10%;
}

.logo4 {
    margin-top: 7%;
    height: 51px;
    width: 166px;
    margin-left: 23%;
}

.affinitypanel {
    margin-top: 9%;
    padding-left: 7%;
}

.prismlogo {
    width: 180px;
    height: 72px;
    margin-bottom: 25px;
    margin-top: 25px;
    margin-left: 20%;
}

.epiclogo {
    width: 75px;
    height: 35px;
    float: right;
}

.menu {
    color: #4d5357;
    font-style: normal;
    font-size: 1em;
    background-color: #f7f7f7;
}

.referring {
    font-family: SourceSansPro-Light;
    font-size: 2em;
    color: #ffffff;
    font-style: normal;
    margin-bottom: 25px;
    margin-left: 3%;
}

.portal {
    margin-left: 28%;
    font-family: SourceSansPro-Light;
    font-size: 1em;
    color: #8c1515;
    font-style: normal;
}

.welcome {
    font-family: SourceSansPro-Light;
    font-size: 1em;
    color: #4d5357;
    font-style: normal;
    margin-right: 25%;
    margin-left: 6%;
}

.welcome2 {
    font-family: SourceSansPro-Light;
    font-size: 1em;
    color: #007c92;
    font-style: normal;
    margin-right: 25%;
    margin-left: 0px;
    width: 50%;
}

.help {
    font-family: SourceSansPro-Light;
    font-size: 1em;
    color: #4d5357;
    font-style: normal;
    margin-left: 5%;
    margin-right: -10%;
}

.helpphone {
    font-family: SourceSansPro-Semibold;
    font-size: 1.21em;
    color: #4d5357;
    font-style: normal;
    margin-left: -1%;
}

.helpphone2 {
    font-family: SourceSansPro-Semibold;
    font-size: 1.21em;
    color: #4d5357;
    font-style: normal;
    margin-left: -5%;
}


.loginlabel {
    font-family: SourceSansPro-Semibold;
    font-size: 1em;
    color: #b6b1a9;
}

.loginfields {
    width: 253px;
    height: 32px;
    border: solid 1px #4e4f53;
    background-color: #ffffff;
    margin-left: 12%;
    margin-top: 3%;
    border-radius: 0;
}

.signinlabel {
    font-family: SourceSansPro-Semibold;
    margin-top: 40px;
    margin-bottom: 25px;
    font-size: 1.31em;
    color: #4d5357;
}

.footer {
    background-color: #f7f7f7;
    color: #4d5357;
    text-align: center;
    font-family: SourceSansPro-Light;
    font-size: 1em;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}


.shcnavbar {
    background-color: #ffffff;
    padding-bottom: 2%;
    padding-top: 2%;
}

.shcnavbartext {
    font-family: SourceSansPro-Regular;
    font-size: 1em;
    color: #4d5357;
    font-style: normal;
}

.divider {
    position: absolute;
    left: 43%;
    top: 58%;
    bottom: -4%;
    border-left: 1px solid #d7d7d7;
}

.shcbody {
    margin-left: 3%;
}

.forgotID {
    font-family: SourceSansPro-Bold;
    font-size: 1em;
    color: #007c92;
    font-style: normal;
    margin-top: 15px;
    margin-bottom: 20px;
}

.shcnormal {
    font-family: SourceSansPro-Regular;
    font-size: 1em;
    font-style: normal;
}

body, html {
    height: 100%;
}

body{
	display:flex;
	flex-direction: column;
}

.bg {
    background-image: url("../images/OVERVIEW_M1_IMG_1_v3.png");
    height: 91%;
    min-width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.bgaffinity {
    background-image: url("../images/Affinity_bg.jpg");
    height: 95%;
    width: 95%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.shcdropdown {
    font-family: SourceSansPro-Regular;
    font-size: 21px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4e4f53;
    /*margin-left: 7%;*/
}
.mob-shcdropdown {
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.34px;
    color: #4e4f53;
}


.shcdropdownitems {
    font-family: SourceSansPro-Regular;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.38px;
    color: #027e94;
    text-align: left;
}
.mob-shcdropdownitems {
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.38px;
    color: #027e94;
    text-align: left;
}

.stanfordsreferring {
    font-family: SourceSansPro-Semibold;
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: #ffffff;
	margin-top:40px;
	margin-left:115px;
}
.mob-stanfordsreferring {
    font-family: SourceSansPro-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.26px;
    color: #8d1516;
    text-align: left;
    margin-left: 10%;
    margin-top: 3%;
}

.welcometoprism {
    font-family: CrimsonText-Regular;
    font-size: 58px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: #ffffff;
	margin-left:115px;
	margin-top:130px;
}

.mob-welcometoprism {
    width: 293px;
    height: 138px;
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
    color: #4e4f53;
    margin-left: 10%;
    margin-top: 5%;
    margin-bottom: 5%;
}

.welcomedescription {
    font-family: SourceSansPro-Regular;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: #ffffff;
	margin-top: 10px;
	margin-left: 115px;
	width: 540px;
}


.mob-shcfooteraffinity {
    background-color: #3f3f3f;

    width: 99.3%;
    text-align-last: left;
    padding-left: 5%;
    padding-top:2%;
    margin-top:5%;
}
.mob-shcfooter {
    width: 103%;
    height: 292px;
    background-color: #3f3f3f;
    margin-top:5%;
}

.mob-shcfooteraffinity2 {
    width: 103%;
    height: 292px;
    background-color: #3f3f3f;
    margin-top:18%;
}
.shcaffinityfooter {
    background-color: #3f3f3f;
    position: absolute;
    width: 99%;
    text-align-last: left;
    padding-left: 5%;
    margin-left: -15px;
    height: 9em;
    position: absolute;
    bottom: -1em;
}

.mob-shcfootertext {
    font-family: SourceSansPro-Regular;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.26px;
    color: #ffffff;
    margin-left:6%;
}
.shcaffinityfootertext {
    font-family: SourceSansPro-Regular;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.34px;
    color: #ffffff;
    margin-top: 3%;
}

.shcline {
    border: solid 1px #979797;
    margin-left: -1px;
	margin-bottom:8px;
	margin-top: 8px;
}
.mob-shcline {
    border: solid 1px #979797;
    width: 95%;
    margin-left: -1px;
}



.shcloginboxplanlink {
    background: #ffffff;
    width: 58em;
    opacity: 0.9;
    border-radius: 0;
    margin: 0 auto;
}

.shclogintext {
    width: 90px;
    height: 23px;
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
    color: #4e4f53;
    margin-left: 12%;
    padding-top: 4%;
}

.shcforgotpwd {
    width: 165px;
    height: 23px;
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
    color: #027e94;
    margin-left: 12%;
    margin-top: -4%;
    margin-bottom: 6%;
}

.shcclaimsstatus {
    width: 165px;
    height: 23px;
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
    color: #027e94;
    margin-left: 12%;
    margin-top: 3%;
}

.shcdonthaveacct {
    width: 217px;
    height: 27px;
    font-family: SourceSansPro-Regular;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.34px;
    color: #4e4f53;
    margin-top: 3%;
    margin-left: 12%;
}

.faqlogin {
    width: 217px;
    height: 27px;
    font-family: SourceSansPro-Regular;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.34px;
    color: #4e4f53;
    margin-top: 3%;
    margin-left: 8%;
}
.shcsignuptoday {
    width: 270;
    height: 69px;
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
    color: #4e4f53;
    margin-top: 5%;
    margin-left: 12%;
}

.signup {
    width: 253px;
    height: 45px;
    border: solid 2px #027e94;
    font-family: SourceSansPro-Regular;
    font-style: normal;
    border: 2px solid #007c92;
    color: #007c92;
    margin-top: 3%;
    margin-left: 12%;
    border-radius: 0;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.29px;
}

.shcmenu {
    padding-right: 3%;
    padding: 8px 5px;
}

.shcmenu > a:hover {
    color: #027e94;
}
#ctl01 > div.row > div:nth-child(2) > div > div.shcforgotpwd > a a:visited {
    color:#027e94;
}
body > footer > div.mob-shcfootertext > a a:visited {
    color: white;
}
.shccopy {
    /* margin-left: -84%; */
}

.shcaffinitycopy {
    margin-left: -36%;
}

.shccopycol {
    vertical-align:top;
	display:inline-block;
}

.shcaffinitycopycol {
    margin-top: -9px;
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
    text-align: center;
    color: #ffffff;
}

.shccopyrow {
    padding-top: 10px;
}

.shcaffinitycopyrow {
    padding-top: 10px;
}

.shcplanlinkheader {
    margin-top: 0%;
}
.mob-shcplanlinkheader {
    margin-top: 5%;
    margin-left:5%;
}

.vl {
    border-left: 2px solid #68687e;
    height: 63px;
    margin-left: 16px;
    margin-right: 16px;
}
.mob-vl {
    border-left: 1px solid #68687e;
    height: 39px;
    margin-left:2%;
    margin-right:1%;
}

.headerspace {
    margin-top: 58px;
}

.affinitywelcome {
    margin-left: 19%;
}

.affinitycol {
    margin-top: 4em;
}

.affinitysignup {
    padding-bottom: 40px;
}

.providerportal {
    height: 23px;
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.29px;
    color: #585e78;
}

.welcomeaffinity {
    width: 456px;
    font-family: SourceSansPro-Regular;
    font-size: 46px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.74px;
    color: #585e78;
    margin-top: 3%;
    margin-bottom: 5%;
}
.mob-welcomeaffinity {
    width: 100%;
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.74px;
    color: #585e78;
    margin-top: 3%;
    margin-bottom: 5%;
    margin-left:10%;
}

.mob-helpdesk {
    width: 100%;
    font-family: SourceSansPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.74px;
    color: #585e78;
    margin-left:10%;
}
.affinityhelpdesk {
    font-family: SourceSansPro-Regular;
    font-size: 21px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: #4e4f53;
    margin-top: 1%;
}

.affinityrow {
    margin-top: 1%;
}

.epiccopy {
    margin-left: -46%;
    margin-top: 1%;
}

.mobilebanner {
    width: 103%;
    background-color: #8d1516;
}

.mobiletext {
    font-family: SourceSansPro-Regular;
    font-size: 21px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.34px;
    text-align: center;
    color: #ffffff;
    margin-top: 7%;
    margin-bottom: 11%;
    padding-top:3%;
    padding-bottom: 4%;
    margin-left: 7%;
    margin-right: 7%;
}

/* Sign Up page BEGIN */

.signup_bg {
    /*background-image: url("../images/OVERVIEW_M1_IMG_1_bw.png");*/
    height: 91%;
    min-width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding-left:0px;
	padding-right:0px;
}

.welcome_signup{
	/* Layout Properties */
	top: 117px;
	left: 75px;
	/*width: 1131px;*/
	height: 63px;
	/* UI Properties */
	color: var(---8c1515);
	text-align: center;
	font: normal normal normal 48px/63px Crimson Text;
	letter-spacing: 0px;
	color: #8C1515;
	opacity: 1;
    margin-left: 63.844px;
    margin-right: 73px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 43px;
	margin-top: 24px;

	}

.signup_container{
	margin-top:44px;
	margin-left:24px;
	margin-right:24px;

}

.prism_faq_container{
	margin-top:0px;
	margin-left:60px;
	margin-right:60px;
}




.custom-row-left{
	margin-left:0px;
	margin-right:0px;
}

.custom-row-right{
	margin-left:0px;
	margin-right:0px;
}

.custom-col-left{
	padding-right:0px;
	padding-left:0px;
}

.custom-col-right{
	padding-right:0px;
	padding-left:0px;
}

.custom-prism-container {
    width: 532px;    /*uncomment this for fixed width, changed width from 532px to 600px*/
    height: 394px;
    border: 1px solid #D7D7D7;
    background: #FFFFFF;
    opacity: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	display:flex;
	margin-top:20px;
	margin-right:21px;/*uncomment this for fixed width*/
	margin-left:21px;/*have to keep the margin left and margin right the same, otherwise, when stacking won't align perfectly. Therefore, adding 3px margin to .signup_container to make a total of 24px.*/


}

.border-top-prism {
	border-top: 13px solid #8C1515;
	opacity: 1;
}

.prism_header {
	color: #8C1515;
	text-align: center;
	font: 600 28px/40px SourceSansPro-Regular;/*different from adobe xd, but consistent with original signup page*/
	letter-spacing: 0px;
	width: 449px;
	height: 80px;
	margin-bottom:10px;
	margin-left:20px; /*change if needed.*/
	margin-right:20px;/*change if needed.*/
	margin-top: 0px;/*16px original request*/

}



.prism_subtext {
	color: #4D4F53;
	text-align: center;
	font: 24px/31px SourceSansPro-Regular;/*different from adobe xd, but consistent with original signup page*/
	letter-spacing: 0px;
	top: 140px;
	left: 42px;
	width: 449px;
	height: 93px;
	margin-top:16px;
	margin-left:20px;/*change if needed.*/
	margin-right:20px;/*change if needed.*/
	margin-top: 0px;/*24px original request*/
	margin-bottom: 25px;
}

.needHelpPrism {
	color: #007C92; 
	text-align: center; 
	font: 600 18px/25px SourceSansPro-Regular; /*different from adobe xd, but consistent with original signup page*/
	letter-spacing: 0px; 
	opacity: 1; 
	width: 449px; 
	height: 25px; 
	border: none; 
	cursor:pointer;
	margin-top: 0px;
}

.custom-affinity-container {
    width: 532px;   /*uncomment this for fixed width, changed width from 532px to 600px*/
	display:flex;
    height: 394px;
    border: 1px solid #D7D7D7;
    background: #FFFFFF;
    opacity: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-top:20px;
	margin-left:21px;/*uncomment this for fixed width*/
	margin-right:21px;/*have to keep the margin left and margin right the same, otherwise, when stacking won't align perfectly. Therefore, adding 3px margin to .signup_container to make a total of 24px.*/
}

.border-top-affinity {
	border-top: 13px solid #00505C;
	opacity: 1;
}


.affinity_header {
	color: #00505C;
	text-align: center;
	font: 600 28px/40px SourceSansPro-Regular;/*different from adobe xd, but consistent with original signup page*/
	letter-spacing: 0px;
	width: 425px;
	height: 40px;
	margin-top:15px;
	margin-left:20px;/*change if needed.*/
	margin-right:20px;/*change if needed.*/
}


.affinity_subtext {
	color: #4D4F53;
	text-align: center;
	font: 24px/31px SourceSansPro-Regular;/*different from adobe xd, but consistent with original signup page*/
	letter-spacing: 0px;
	top: 142px;
	left: 40px;
	width: 452px;
	height: 62px;
	margin-top:35px;
	margin-bottom: 5px;
	margin-left:20px;/*change if needed.*/
	margin-right:20px;/*change if needed.*/
}

.needHelpAffinity {
	color: #007C92; 
	text-align: center; 
	font: 600 18px/25px SourceSansPro-Regular; /*different from adobe xd, but consistent with original signup page*/
	letter-spacing: 0px; 
	opacity: 1; 
	width: 449px; 
	height: 25px; 
	border: none; 
	cursor:pointer;
	margin-bottom: 0px;
}

.community_signup_button {
	display: flex;
    align-items: center;
    justify-content: center;
	left: 280px;
	width: 154px;
    height: 47px;      	


	background: var(---007c92) 0% 0% no-repeat padding-box;
	background: #007C92 0% 0% no-repeat padding-box;
	opacity: 1;
	
	text-align: center;
	font: normal normal 600 17px/22px SourceSansPro-Regular; /*different from adobe xd, but consistent with original signup page*/
	letter-spacing: 0.72px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
	margin-top:0px;
	margin-bottom: 16px;
	border-radius:0;
}


.affinity_signup_button {
	display: flex;
    align-items: center;
    justify-content: center;
	left: 280px;
	width: 154px;
    height: 47px;      	


	background: var(---007c92) 0% 0% no-repeat padding-box;
	background: #007C92 0% 0% no-repeat padding-box;
	opacity: 1;
	
	text-align: center;
	font: normal normal 600 17px/22px SourceSansPro-Regular;/*different from adobe xd, but consistent with original signup page*/
	letter-spacing: 0.72px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
	margin-bottom:16px;
	margin-top:5px;
	border-radius:0;
}





::placeholder { /* need to add a simple pseudo-element for the text color https://stackoverflow.com/questions/2610497/change-an-html-inputs-placeholder-color-with-css */
	color:    #007C92;
}



.prism_faq{
top: 643px;
left: 199px;
width: 1080px;
height: 46px;
/* UI Properties */
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
color: var(---4d4f53);
text-align: left;
font: normal normal normal 18px/23px SourceSansPro-Regular;/*different from adobe xd, but consistent with original signup page*/
letter-spacing: 0px;
color: #4D4F53;
opacity: 1;

}


.flex-container{
	display:flex;
	justify-content:center;
}

.image-container {
	flex:1;
}

.text-container {
	flex:9;
}


.signup_line{
	width:770px;
	border-top: 1px solid grey;
	margin-left: auto;
	margin-right: auto;
}

.visit_faq{
	/* width: 134px; */
/* height: 23px; */
/* UI Properties */
color: var(---007c92);
text-align: center;
font: normal normal normal 18px/23px SourceSansPro-Regular;
letter-spacing: 0px;
color: #007C92;
}
/* Sign Up page END */

.marketingAreaHeader{
text-align: center;
font: normal normal 600 32px/40px SourceSansPro-Regular;
letter-spacing: 0px;
color: #8D1516;
opacity: 1;
margin-bottom:50px;
}

.marketingAreaUL
{
padding-top:25px;	
text-align: left;
font: normal normal normal 21px/27px SourceSansPro-Regular;
letter-spacing: 0px;
color: #4B4F53;
opacity: 1;
list-style: none;
/* width: 300px; */
}

.marketingMainDiv{margin: 30px 50px 30px 100px;}

.marketingSwoosh{
	padding-right:10px;
	width: 30px;
    height: 30px;
    float: left;
	}
	
	.marketingImage{
		height: 200px;
    width: 300px;}
	
	.marketingColWidth
	{
		margin-top: 32px;
	}
	

    /*PRISM training video*/
    .nav > li > a:hover {
            text-decoration: none;
            color: #8C1515;
            background-color: white;
        }

        .nav > li > div > div > a:hover {
            text-decoration: none;
            color: #8C1515;
            background-color: white;
        }

        .prismtrainingvideos {
            text-align: left;
            font: normal normal normal 40px/50px SourceSansPro-Regular;
            letter-spacing: 0px;
            color: #8D1516;
            opacity: 1;
        }

        .leftnavfontstyle {
            text-align: left;
            font: normal normal normal 21px/27px SourceSansPro-Regular;
            letter-spacing: 0px;
            color: #4D4F53;
            background-color: white;
            opacity: 1;
        }

        .headertext {
            text-align: left;
            margin: 0px 0px 30px 0px;
            font: normal normal normal 40px/50px SourceSansPro-Regular;
            letter-spacing: 0px;
            color: #8D1516;
            opacity: 1;
        }

        .headersubtext {
            text-align: left;
            font: normal normal normal 21px/27px SourceSansPro-Regular;
            letter-spacing: 0px;
            width: 600px;
            color: #4B4F53;
            opacity: 1;
        }

        .videoheadetextfont {
            text-align: left;
            font: normal normal normal 32px/40px SourceSansPro-Regular;
            letter-spacing: 0px;
            color: #4D4F53;
            opacity: 1;
        }

        .videodiv {
            margin: 0px 0px 0px 0px;
        }

        .selectedsidebarnav {
            text-align: left;
            font: normal normal 600 21px/30px SourceSansPro-Regular;
            letter-spacing: 0px;
            color: #8C1515;
            background-color: white;
            opacity: 1;
        }

        .selectedsidebarnavhighlighter {
            background: #8C1515 0% 0% no-repeat padding-box;
            opacity: 1;
            height: 24px;
            width: 5px;
        }

        .lidiv {
            width: 100%;
            height: 50px;
        }

        .lidivchildone {
            width: 1%;
            margin-top: 3px;
            float: left;
        }

        .lidivchildtwo {
            margin-left: 15px;
            width: 99%;
        }

        .smlogo {
            height: 90px;
            margin: 0px 0px 0px 0px;
            text-align: center;
            padding-top: 5px;
        }

        .emptydiv{
            height:103px;
        }

        .mainlogo{
            top: -15px;
        }
         /*PRISM training video*/
		 
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,1);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color:#707070;
	opacity: 1;
    -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7);
}