/*

purple : #9037BE
cyan   : #009CA7

*/


* {
	font-family: Arial, Helvetica, sans-serif;
}


button:focus {
	outline: 0;
}

td {
	vertical-align: top;
}

.gray-text   { color: #999 !important; }
.black-text  { color: #000 !important; }
.blue-text   { color: #009CA7 !important; }
.white-text  { color: #fff !important; }
.purple-text { color: #9037BE !important; }



.text-black  { color: #000000 !important; }
.text-blue   { color: #009CA7 !important; }
.text-gray   { color: #999999 !important; }
.text-purple { color: #9037BE !important; }
.text-white  { color: #ffffff !important; }

.bg-black  { background-color: #000000 !important; }
.bg-blue   { background-color: #009CA7 !important; }
.bg-gray   { background-color: #999999 !important; }
.bg-purple { background-color: #9037BE !important; }
.bg-white  { background-color: #ffffff !important; }

.bd-black  { border-color: #000000 !important; }
.bd-blue   { border-color: #009CA7 !important; }
.bd-gray   { border-color: #999999 !important; }
.bd-purple { border-color: #9037BE !important; }
.bd-white  { border-color: #ffffff !important; }


.divider {
	border-bottom: 1px solid #D8D8D8;
	margin: 0;
}

.slug {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}

.slug-title {
	margin-bottom: 30px;
	position: relative;
}
.slug-title h3 {
	text-transform: uppercase;
	font-size: 16px;
}
@media (min-width: 992px) {
	.slug-title h3 {
		position: absolute;
		top: 15px;
		font-weight: normal;
		right: 40px;
	}
}

.slug-title._white {
	border-bottom: 1px solid #fff;	
}
.slug-title._white h2,
.slug-title._white h3 {
	color: #fff;
}

.slug-title._blue {
	border-bottom: 1px solid #009CA7;	
}
.slug-title._blue h2,
.slug-title._blue h3 {
	color: #009CA7;
}
.slug-title._purple {
	border-bottom: 1px solid #9037BE;	
}
.slug-title._purple h2,
.slug-title._purple h3 {
	color: #9037BE;
}









.box-divider {
	background-color: #009CA7;
	height: 4px;
	width: 80px;
	margin: 20px auto;
}


.abs { 
	position: absolute; 
	width: 100%;
}


.banner {
	padding-top: 0;
	text-align: center;
}
.banner img.bg { 
	width: 100%; 
}
.banner h1,
.banner h2,
.banner h3 {
	color: #fff;
	font-weight: normal;
}
.banner img.igcares {
	max-width: 300px;
	display: inline-block;
	margin: 40px 0 20px;
}
.banner h1 {
	font-size: 22px;
	margin-bottom: 30px;
}
.banner.with-pic {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	padding-top: 30px;
	padding-bottom: 110px;
}


.banner.blue-swash {
	background-image: url(/html/img/IgCares-Banner-PatientResources-0325-1-low.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	padding-top: 30px;
	padding-bottom: 110px;
}

.banner.purple-swash {
	background-image: url(/html/img/CutaQuig-BigWaveBannerNoIMG-0417-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	padding-top: 30px;
	padding-bottom: 110px;
}


.banner.with-pic h1,
.banner.blue-swash h1 {
	padding-top: 0;
	font-size: 70px;
	line-height: 70px;
	margin-bottom: 10px;
}
.banner.with-pic h1 .tm,
.banner.blue-swash h1 .tm {
	vertical-align: super;
    font-size: 40px;
    line-height: normal;
}

.banner.with-pic h2,
.banner.blue-swash h2 {
	font-size: 22px;
	margin-bottom: 40px;
}
.banner.with-pic h3,
.banner.blue-swash h3 {
	padding-top: 0;
	font-size: 22px;
	margin-bottom: 0;
}


.slug.gradient {
	background-image:url(/html/img/bg-gradient.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.form-submit input,
.form-submit button#register,
input.button.blue,
button.button,
a.button {
	border-radius: 20px;
	color: white;
	display: inline-block;
	font-size: 16px;
	padding: 5px 30px;
}
.form-submit input,
input.button.blue,
button.button.blue,
a.button.blue {
	border: 1px solid #009CA7;
	background-color: #009CA7;
}


.submit-button:disabled:before,
.form-submit #register:disabled:before {
	background-image: url(/html/img/spinner-1s-30px.svg);
	height: 30px;
    width: 30px;
}



button.whiteblue,
input.button.whiteblue {
	border: 1px solid #fff;
	background-color: #009CA7;
	border-radius: 25px;
	margin-top: 20px;
	color: #fff;
	padding: 10px 30px;
}

a {
	color: #9037BE;
}

a.button.purple {
	border: 1px solid #9037BE;
	background-color: #9037BE;
}
a.button.purplewhite {
	border: 1px solid #9037BE;
	color: #9037BE;
	background-color: #fff;
}
a.button.bluewhite {
	border: 1px solid #fff;
	color: #009CA7;
	background-color: #fff;
}


a.button.gradientwhite._5,
a.button.purplewhite._5 {
	border: none;
	background-color: white;
    padding: 10px 50px 10px 15px;
    position: relative;
    border-radius: 25px;
}
.form-submit input.gradientwhite,
span.btn-gradientwhite,
.form-submit button#register,
button.button.gradientwhite,
a.button.gradientwhite {
	background-image:url(/html/img/bg-gradient.jpg);
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
.form-submit input.gradientwhite,
.form-submit button#register {
	border: none;	
}

button.button.gradientwhite {
	border: none;
}


a.button.gradientwhite._5 span,
a.button.purplewhite._5 span {
	position: absolute;
	height: 30px;
    width: 30px;
    top: 6px;
    right: 12px;	
    background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}

a.button._star._5 span  { background-image: url(/html/img/star5.png); }
a.button._blue._5 span  { background-image: url(/html/img/join-5-blue.png); }
a.button._white._5 span { background-image: url(/html/img/join-5-white.png); }

h2 { 
	color: #009CA7; 
	font-family: Arial, sans-serif;
	font-size: 29px;
}





/* TABBY */
.tabby .tabby-controls .ring {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 1px solid #009CA7;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 5px;
}
.tabby .tabby-controls .inner {
	height: 14px;
	width: 14px;
	border-radius: 50%;
	border: none;
	background-color: #009CA7;
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 2px;
	opacity: 0;
	transition: opacity .5s;
}

.tabby .tabby-controls .selected .inner {
	opacity: 1; 
}
.tabby .tabby-controls ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tabby .tabby-controls ul li {
	padding: 10px 5px;
	border-bottom: 1px solid #009CA7;
	position: relative;
	padding-left: 30px;
	text-transform: uppercase;
	font-size: 14px;
	color: #009CA7;
	cursor: pointer;
}

.tabby .tabby-controls ul li:last-child { 
	border-bottom: none;
}
.tabby .tabby-content {
	padding: 0;
}

.tabby .tabby-content > div {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .5s;
	z-index: 10;
}
.tabby .tabby-content > div.selected {
	opacity: 1;
	z-index: 11;
}

.tabby-white .tabby-controls .ring  { border: 1px solid #fff; }
.tabby-white .tabby-controls .inner { background-color: #fff; }
.tabby-white .tabby-controls ul li { border-bottom: 1px solid #fff; color: #fff; }

.tabby-purple .tabby-controls .ring  { border: 1px solid #9037BE; }
.tabby-purple .tabby-controls .inner { background-color: #9037BE; }
.tabby-purple .tabby-controls ul li { border-bottom: 1px solid #9037BE; color: #9037BE; }





/* FORMS */

input[type=text],
input[type=email],
input[type=password] {
	background-color: #fff;
	border: 1px solid #d8d8d8;
	width: 100%;
}

form label.error {
	color: red;
	font-size: 12px;
	display: block;
}

.form-submit { margin-top: 30px; }

.section-title .col p {
	border-bottom: 1px solid #d8d8d8;
	color: #898989;
	font-size: 17px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.control-label {
	display: block;
	margin-bottom: 0;
	font-style: normal;
	font-size: 16px;
	color: #009CA7;
	margin-top: 10px;
}

.icheck-alt1 > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-alt1 > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #009CA7;
}

.icheck-alt1 > input:first-child:checked + label::before,
.icheck-alt1 > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #009CA7;
    border-color: #009CA7;
}

.icheck-alt1-rev > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-alt1-rev > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #fff;
}

.icheck-alt1-rev > input:first-child:checked + label::before,
.icheck-alt1-rev > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #fff;
    border-color: #fff;
}


.tip {
	color: #fff;
	background-color: #9037BE;
	display: inline-block;
	height: 16px;
	width: 16px;
	font-size: 12px;
	border-radius: 50%;
	text-align: center;
	margin-left: 10px;
	cursor: pointer;
	padding-top: 1px;
}


[class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, 
[class*=icheck-]>input:first-child:checked+label::after {
    border-radius: 0;
    content: "";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    transform: translate(0,0) rotate(0);
    -ms-transform: translate(0,0) rotate(0);
}
[class*=icheck-].radio-item>input:first-child:checked+input[type=hidden]+label::after, 
[class*=icheck-].radio-item>input:first-child:checked+label::after {
    border-radius: 50%;
}

.big-radios [class*=icheck-]>label {
    padding-left:36px!important;
    min-height: 28px;
    line-height: 28px;
}
.big-radios [class*=icheck-]>input:first-child+input[type=hidden]+label::before, 
.big-radios [class*=icheck-]>input:first-child+label::before {
    width: 28px;
    height: 28px;
    margin-left: -36px;
}
.big-radios [class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, 
.big-radios [class*=icheck-]>input:first-child:checked+label::after {
    width: 26px;
    height: 26px;
    background-color: #009ca7;
}

.icheck-alt1-rev > input:first-child:checked + input[type=hidden] + label::after, 
.icheck-alt1-rev > input:first-child:checked + label::after {
	content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: 2px solid #009CA7;
    border-left: none;
    border-top: none;
    transform: translate(7.75px,4.5px) rotate(45deg);
    -ms-transform: translate(7.75px,4.5px) rotate(45deg);	
}

.icheck-alt1-rev > input:first-child + input[type=hidden] + label::before, 
.icheck-alt1-rev > input:first-child + label::before {
	border-width: 2px;
	border-color: #fff;
}





.icheck-alt1-check > input:first-child:checked + input[type=hidden] + label::after, 
.icheck-alt1-check > input:first-child:checked + label::after {
	content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: 2px solid #009CA7;
    border-left: none;
    border-top: none;
    transform: translate(7.75px,4.5px) rotate(45deg);
    -ms-transform: translate(7.75px,4.5px) rotate(45deg);	
}

.icheck-alt1-check > input:first-child + input[type=hidden] + label::before, 
.icheck-alt1-check > input:first-child + label::before {
	border-width: 2px;
	border-color: #009CA7;
}



span.checkmark {
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: 400;
    text-align: left;
    width: 22px;
}
span.checkmark::before {
	background-color: #009CA7;
    border-color: #009CA7;
    border-radius: 50%;
    content: "";
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    border: 1px solid #009CA7;
}
span.checkmark::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: translate(7.75px,4.5px) rotate(45deg);
    -ms-transform: translate(7.75px,4.5px) rotate(45deg);
}

input[data-type=datepicker] {
	width: 150px;
}

.checkbox-item label a {
	color: #009ca7;
}

.chosen-container-single .chosen-single {
	background-image: none;
	height: 34px;
}
.chosen-container-single .chosen-single span {
	padding: 4px;
}
.chosen-container-single .chosen-single div {
	background-color: #009CA7 !important;
    width: 25px;
}
.chosen-container-single .chosen-single div b {
    background-image: none !important;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: none;
    border-top: 4px solid white;
    width: 0;
    position: relative;
    top: 14px;
    left: 10px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-image: none !important;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: none;
    border-bottom: 4px solid white;
    width: 0;
    position: relative;
    top: -14px;
    left: 10px;
}
.chosen-container .chosen-results {
	margin: 0;
	padding: 0;
}
.chosen-container .chosen-results li {
	font-style: italic;
    padding: 5px 5px 5px 12px;
}
.chosen-container .chosen-results li:nth-child(even) {
	background-color: #E3F5F6;
}
.chosen-container-single .chosen-drop {
    border-radius: 0;
    border: 1px solid #009CA7;
}

._control._phone input, 
._control._date input { 
	max-width: 150px; 
}

._control .remaining { font-size: 12px; }


/* Form progress panel */

.reg {
	padding-top: 40px;
	background-image: url(/html/img/IgCares-Banner-PatientResources-0325-1-low_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.reg .title h1,
.reg .title p {
	color: #fff;
}
.reg-form {
	background-color: #fff;
	border-radius: 20px;
}
.reg-progress {
	text-align: center;
}
.reg-progress > span {
	color: #009CA7;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.reg-progress span.progress-divider {
	padding: 0;
}
.reg-progress .done {
	color: #898989;
}
.reg-progress .current {
    border-bottom: 2px solid #009ca7;
}
.reg-progress .progress-divider {
	background-image: url(/html/img/progress-arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 10px;
    height: 30px;
    width: 15px;
    position: relative;
    top: 10px;
}













.swash-banner {
	padding-bottom: 0;
	padding-top: 0;
}
.swash-banner .swash {
	height: 80px;
	width: 100%;
	background-image: url(/html/img/swash.png);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}

.mobile-app-only .education.article .swash-banner .swash {
	background-image: none;
	height: 0;
	margin-bottom: 5px;
}

.swash-banner h1 {
	text-align: center;
	color: #009CA7;
	margin-top: 20px;
}
.swash-banner h1 span {
	display: inline-block;
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	padding: 5px;
}
.swash-banner h1 span.descenders {
	padding-bottom: 12px;
}


/* Tiles are same-sized set items on a page */

.sized,
.sized .content-shell { 
	position: relative; 
}
.sized .sizing { 
	visibility: hidden; 
}
.sized .content {
	position: absolute;
	top: 0;
	left: 0;
}

@media (min-width:  768px) { .col-md-5ths { flex: 0 0 20%; max-width: 20%; } }
@media (min-width:  992px) { .col-lg-5ths { flex: 0 0 20%; max-width: 20%; } }
@media (min-width: 1200px) { .col-xl-5ths {	flex: 0 0 20%; max-width: 20%; } }


/* M O D A L */

.modal-body h2 {    
	text-align: center;
    font-size: 30px;
}
.modal-header .close,
.modal-body .close {
    bottom: 15px;
	color: #009CA7;
    font-size: 40px;
	font-weight: 100;
    line-height: 40px;
    position: relative;
}

.modal-footer {
	border-top: 0;
	justify-content: center;
}

.modal-body li {
	color: #009CA7;
}
.modal-body li > span { 
	color: #212529;
}

.head1 {
    text-transform: uppercase;
    color: #009CA7;
    border-bottom: 1px solid #009CA7;
    font-size: 12px;
    font-weight: bold;
	margin: 0;
}
.head2 {
    text-transform: uppercase;
    color: #009CA7;
    font-size: 12px;
    font-weight: bold;
	margin: 0;
}

input[type=text].readonly {
	border: none !important;
}





/* BADGED , BADGELINK */

.badgelink {
	position: relative;
	margin: 10px;
	text-align: center;
}
.badgelink img {
	max-width: 170px;
	width: 90%;
}
.badgelink p {
	font-size: 12px;
}
.badged {
	display: block;
	position: relative;
}
.badged:after {
	content: "";
    position: absolute;
    height: 60px;
	top: -18px;
    right: -8px;
    width: 60px;
    display: inline-block;
    background-size: 60px;
    background-repeat: no-repeat;
}
.badged-left:after {
	right: auto;
	left: -8px;
}
.badge-star1:after  { background-image:url(/html/img/star1.png);  }
.badge-star2:after  { background-image:url(/html/img/star2.png);  }
.badge-star5:after  { background-image:url(/html/img/star5.png);  }
.badge-star10:after { background-image:url(/html/img/star10.png); }
.badge-star50:after { background-image:url(/html/img/star50.png); }

.badge-dollar1:after  { background-image:url(/html/img/dollar1.png);  right: auto; left: -18px; top: -18px; }
.badge-dollar2:after  { background-image:url(/html/img/dollar2.png);  right: auto; left: -18px; top: -18px; }
.badge-dollar5:after  { background-image:url(/html/img/dollar5.png);  right: auto; left: -18px; top: -18px; }
.badge-dollar10:after { background-image:url(/html/img/dollar10.png); right: auto; left: -18px; top: -18px; }
.badge-dollar50:after { background-image:url(/html/img/dollar50.png); right: auto; left: -18px; top: -18px; }

.blue-strap {
	background-color: #009CA7;
	height: 30px;
	width: 100%;
}
.references h3 {
	color: #979797;
	border-bottom: 1px solid #979797;
	padding: 0;
	margin: 0;
	font-size: 15px;
}
.references ul,
.references li,
.references p {
	color: #979797;
	font-size: 12px;
	margin: 5px 0 0;
	font-style: italic;
}
.references a,
.references li a {
	color: #979797;
	text-decoration: underline;
}

.breadcrumbs {
	font-size: 12px;
	color: #696969;
	margin-bottom: 20px;
}
.breadcrumbs a {
	color: #009CA7;
}

html.loggedin-true  .breadcrumbs a.loggedout-only,
html.loggedin-false .breadcrumbs a.loggedin-only {
	display: none;
}



.education.article h3,
.education.article h4 {
	color: #009CA7;
}
.education.article img {
	max-width: 100%;
}


.education.article a.view-larger {
	font-size: 14px;
}

.education.article .subsection {
	padding: 0 30px;
}
.education.article .references h3 {
	color: #979797;
}
.education.article .back-to-top {
	float: right;
}

.education.article .mark-as-completed {
	margin: 40px 0;
	text-align: center;
}
.education.article .mark-as-completed button.gradient {
	color: #fff;
	background-position: center;
	padding: 20px 40px;
	background-repeat: no-repeat;
	font-size: 20px;
	font-weight: bold;
	background-size: cover;
	background-image: url(/html/img/bg-gradient-rev.jpg);
	border-radius: 35px;
}

.education-disclaimer {
	padding: 0;
}

.education.article .expandable-pic {
	margin-bottom: 15px;
}
.education.article h1 {
	font-size: 39px;
}
.mobile-app-only .education.article h1 {
	font-size: 30px;
}
.education.article .splash {
	max-width: 100%;
}


/* ANCHORS - the click and scroll ones for page sections */

.anchors span {
	color: #009CA7;
	cursor: pointer;
	display: inline-block;
	margin: 0 10px 20px;
	text-align:center;
}
.anchors > div > div > div {
	text-align: center;
}

/* QUESTION EXPANDO */

.question-expando {
	position: relative;
	padding-left: 35px;
	border-top: 1px solid #979797;
	padding-bottom: 10px;
	padding-top: 10px;
}
.question-expando .question-expando {
	border-top: none;
}

.question-expando:last-child {
	border-bottom: 1px solid #979797;
}
.question-expando .question-expando:last-child {
	border-bottom: none;
}
.question-expando > ._toggle {
	position: absolute;
	width: 24px;
	height: 24px;
	border: 1px solid #009CA7;
	top: 11px;
	left: 5px;
}

.question-expando .question-expando > ._toggle {
	border-radius: 50%;
}

.question-expando ._title {
	color: #009CA7;
	font-weight: bold;
	cursor: pointer;
}
.question-expando .question-expando ._title {
	font-weight: normal;
}
.question-expando > ._content {
	max-height: 0;
	overflow: hidden;
	transition: max-height .35s;
}
.question-expando._show > ._content {
	max-height: 1800px;
}

.question-expando ._content .subhead {
	color: #009CA7;
	font-size: 16px;
	margin-top: 10px;
}

.question-expando       > ._toggle > .plus  { display: block; }
.question-expando       > ._toggle > .minus { display: none;  }
.question-expando._show > ._toggle > .plus  { display: none; }
.question-expando._show > ._toggle > .minus { display: block; }
.question-expando       > ._toggle > .plus,
.question-expando       > ._toggle > .minus {
	color: #009CA7;
	font-size: 18px;
	line-height: 20px;
    padding-left: 6px;
    cursor: pointer;
}


/* LISTS */
ul.blue-dots,
ul.blue-dots ul,
ul.purple-dots,
ul.white-checks,
ul.purple-checks,
ul.blue-checks {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
}
ul.blue-dots ol {
	margin: 0 0 10px;
	padding-left: 20px;
}
ul.blue-dots li,
ul.purple-dots li,
ul.white-checks li,
ul.purple-checks li,
ul.blue-checks li {
	padding-left: 25px;
	padding-bottom: 5px;
	background-image: url(/html/img/icon-check-blue.png);
	background-position: top 2px left;
	background-size: 18px;
	background-repeat: no-repeat;
}
ul.blue-dots ul li {
	background-image: none;
	position: relative;
	padding-left: 20px;
}
ul.blue-dots ol li {
	background-image: none;
	position: relative;
	padding-left: 0px;
}
ul.blue-dots ul li::before {
	content: "";
	height: 6px;
	width: 6px;
	border: 1px solid #009ca7;
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 8px;
}


ul.purple-checks li {
	background-image: url(/html/img/icon-check-purple.png);
}
ul.white-checks li {
	background-image: url(/html/img/icon-check-white2.png);
}
ul.blue-dots li {
	background-image: url(/html/img/blue-dot.png);
	background-size: 5px;
	background-position: top 10px left 10px;
}
ul.purple-dots li {
	background-image: url(/html/img/purple-dot.png);
	background-size: 5px;
	background-position: top 10px left 10px;
}
.col-nopad {
	padding: 0;
}
.col-nopad-left {
	padding-left: 0;
}
.col-nopad-right {
	padding-right: 0;
}



/* spinny */

@keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.lds-rolling {
  position: relative;
}
.lds-rolling div,
.lds-rolling div:after {
  position: absolute;
  width: 164px;
  height: 164px;
  border: 24px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
}
.lds-rolling div {
  -webkit-animation: lds-rolling 1.5s linear infinite;
  animation: lds-rolling 1.5s linear infinite;
  top: 100px;
  left: 100px;
}
.lds-rolling div:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.lds-rolling {
  width: 40px !important;
  height: 40px !important;
  -webkit-transform: translate(-20px, -20px) scale(0.2) translate(20px, 20px);
  transform: translate(-20px, -20px) scale(0.2) translate(20px, 20px);
}
/* <div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-rolling"><div></div></div></div> */


.banner.with-pic.gradient h1 {
	line-height: 50px;
}


@media (max-width: 991px) {
	.blue-strap { display: none !important; }
}


/*

purple : #9037BE     rgb(144,55,190)
cyan   : #009CA7     rgb(0,156,167)

*/


/* forms */


#q_why_considering_on_scig,
#q_why_considering_on_ivig,
#q_therapy_consideration,
#q_why_considering_on_other {
	display: none;
}

.show-currentlyon-scig #q_why_considering_on_scig,
.show-currentlyon-ivig #q_why_considering_on_ivig,
.show-currentlyon-notyet #q_therapy_consideration,
.show-currentlyon-other #q_why_considering_on_other {
	display: block;
}



.for-member-starting,
.for-patient1-starting,
.for-patient2-starting,

.for-member-taking,
.for-patient1-taking,
.for-patient2-taking,

.for-membertype-patient,
.for-membertype-caregiver,
.for-membertype-neither,
.for-patienttype-starting,  /* legacy */
.for-patienttype-taking,  /* legacy */
.for-patienttype-considering,  /* legacy */
.for-patienttype-notconsidering,  /* legacy */
.for-treatmentstatus-starting,
.for-treatmentstatus-taking,
.for-treatmentstatus-considering,
.for-treatmentstatus-notconsidering,
.for-howreceived-pharmacy,
.for-howreceived-physician,
.for-howreceived-dontknow,
.for-howreceived-other {
	display: none;
}

._control p.for-member-starting,
._control p.for-patient1-starting,
._control p.for-patient2-starting,
._control p.for-member-taking,
._control p.for-patient1-taking,
._control p.for-patient2-taking {
	margin: 0;
}

.show-membertype-patient         .mode-opt._caregiver,
.show-membertype-neither         .mode-opt._caregiver,
.show-membertype-neither         .mode-opt._patient,
.show-membertype-caregiver       .mode-opt._patient,
.show-patienttype-starting       .mode-opt._taking,  /* legacy */
.show-patienttype-considering    .mode-opt._taking,  /* legacy */
.show-patienttype-notconsidering .mode-opt._taking,  /* legacy */
.show-patienttype-taking         .mode-opt._starting,  /* legacy */
.show-patienttype-considering    .mode-opt._starting,  /* legacy */
.show-patienttype-notconsidering .mode-opt._starting,  /* legacy */
.show-treatmentstatus-starting       .mode-opt._taking,
.show-treatmentstatus-considering    .mode-opt._taking,
.show-treatmentstatus-notconsidering .mode-opt._taking,
.show-treatmentstatus-taking         .mode-opt._starting,
.show-treatmentstatus-considering    .mode-opt._starting,
.show-treatmentstatus-notconsidering .mode-opt._starting {
	display: none;
}

.show-membertype-patient         .for-membertype-patient,
.show-membertype-caregiver       .for-membertype-caregiver,
.show-membertype-neither         .for-membertype-neither,
.show-patienttype-starting       .for-patienttype-starting,  /* legacy */
.show-patienttype-taking         .for-patienttype-taking,  /* legacy */
.show-patienttype-considering    .for-patienttype-considering,  /* legacy */
.show-patienttype-notconsidering .for-patienttype-notconsidering,  /* legacy */
.show-treatmentstatus-starting       .for-treatmentstatus-starting,
.show-treatmentstatus-taking         .for-treatmentstatus-taking,
.show-treatmentstatus-considering    .for-treatmentstatus-considering,
.show-treatmentstatus-notconsidering .for-treatmentstatus-notconsidering,
.show-howreceived-pharmacy       .for-howreceived-pharmacy,
.show-howreceived-physician      .for-howreceived-physician,
.show-howreceived-dontknow       .for-howreceived-dontknow,
.show-howreceived-other          .for-howreceived-other {
	display: flex;
}





.show-member-starting .for-member-starting,
.show-patient1-starting .for-patient1-starting,
.show-patient2-starting .for-patient2-starting,
.show-member-taking .for-member-taking,
.show-patient1-taking .for-patient1-taking,
.show-patient2-taking .for-patient2-taking,


.dms-q-member_treatmentstatus-ans-starting   .for-member-starting,
.dms-q-patient1_treatmentstatus-ans-starting .for-patient1-starting,
.dms-q-patient2_treatmentstatus-ans-starting .for-patient2-starting,

.dms-q-member_treatmentstatus-ans-taking   .for-member-taking,
.dms-q-patient1_treatmentstatus-ans-taking .for-patient1-taking,
.dms-q-patient2_treatmentstatus-ans-taking .for-patient2-taking,


.show-membertype-patient         .for-membertype-patient._block,
.show-membertype-caregiver       .for-membertype-caregiver._block,
.show-membertype-neither         .for-membertype-neither._block,
.show-patienttype-starting       .for-patienttype-starting._block,  /* legacy */
.show-patienttype-taking         .for-patienttype-taking._block,  /* legacy */
.show-patienttype-considering    .for-patienttype-considering._block,  /* legacy */
.show-patienttype-notconsidering .for-patienttype-notconsidering._block,  /* legacy */
.show-treatmentstatus-starting       .for-treatmentstatus-starting._block,
.show-treatmentstatus-taking         .for-treatmentstatus-taking._block,
.show-treatmentstatus-considering    .for-treatmentstatus-considering._block,
.show-treatmentstatus-notconsidering .for-treatmentstatus-notconsidering._block,
.show-howreceived-pharmacy       .for-howreceived-pharmacy._block,
.show-howreceived-physician      .for-howreceived-physician._block,
.show-howreceived-dontknow       .for-howreceived-dontknow._block,
.show-howreceived-other          .for-howreceived-other._block {
	display: block;
}

.show-membertype-neither.show-patienttype-starting       .for-patienttype-starting,  /* legacy */
.show-membertype-neither.show-patienttype-taking         .for-patienttype-taking,  /* legacy */
.show-membertype-neither.show-patienttype-considering    .for-patienttype-considering,  /* legacy */
.show-membertype-neither.show-patienttype-notconsidering .for-patienttype-notconsidering,  /* legacy */
.show-membertype-neither.show-patienttype-starting       .for-patienttype-starting._block,  /* legacy */
.show-membertype-neither.show-patienttype-taking         .for-patienttype-taking._block,  /* legacy */
.show-membertype-neither.show-patienttype-considering    .for-patienttype-considering._block,  /* legacy */
.show-membertype-neither.show-patienttype-notconsidering .for-patienttype-notconsidering._block,  /* legacy */
.show-membertype-neither.show-treatmentstatus-starting       .for-treatmentstatus-starting,
.show-membertype-neither.show-treatmentstatus-taking         .for-treatmentstatus-taking,
.show-membertype-neither.show-treatmentstatus-considering    .for-treatmentstatus-considering,
.show-membertype-neither.show-treatmentstatus-notconsidering .for-treatmentstatus-notconsidering,
.show-membertype-neither.show-treatmentstatus-starting       .for-treatmentstatus-starting._block,
.show-membertype-neither.show-treatmentstatus-taking         .for-treatmentstatus-taking._block,
.show-membertype-neither.show-treatmentstatus-considering    .for-treatmentstatus-considering._block,
.show-membertype-neither.show-treatmentstatus-notconsidering .for-treatmentstatus-notconsidering._block
{
	display: none;
}


.chosen-container {
	max-width: 100%;
}

p.note {
    margin-top: 15px;
    font-size: 12px;
    font-style: italic;
}

.checkbox-item p.note {
	padding-left: 30px;
    font-size: 14px;
    font-style: italic;
}


._control._textarea textarea {
    border: 1px solid #d8d8d8;
    min-height: 80px;
    width: 100%;
}

.has-charcount {
    position: relative;
    margin-bottom: 30px;
}

form .has-charcount label.error {
	position: absolute;
    bottom: -20px;	
}


.charcount-display {
    position: absolute;
    bottom: -13px;
    right: 5px;
    font-size: 12px;
    color: #999;
}

.charcount-display ._over {
    color: red;
}




#q_why_considering_on_ivig  { display: none; }  /* (IVIg)  Why are you/the patient considering cutaquig? (optional) */
#q_why_considering_on_scig  { display: none; }  /* (SCIg)  Why are you/the patient considering cutaquig? (optional) */
#q_why_considering_on_other { display: none; }  /* (other) Why are you/the patient considering cutaquig? (optional) */
#q_therapy_consideration    { display: none; }  /* (Not yet) What is your/the patient's biggest consideration when deciding on therapy? (opt) */

#q_contact_time p.note {
	margin-top: 15px;
    font-size: 12px;
    font-style: italic;
}
#q_welcomekit_optin ul {
	padding-left: 50px;
	margin-bottom: 0;
}
#q_welcomekit_optin p.note,
#q_welcomekit_optin li.note {
	padding-left: 30px;
    font-size: 12px;
    font-style: italic;
}
#q_welcomekit_optin li.note {
	padding-left: 0px;
}
#q_welcomekit_optin p.note-2 {
	margin-bottom: 0;
}



#q_patient1_familiarity_scig .control-label,
#q_patient2_familiarity_scig .control-label,
#q_familiarity_scig .control-label,
#q_patient1_receive_scig .control-label,
#q_patient2_receive_scig .control-label,
#q_receive_scig .control-label {
	letter-spacing: -0.5px;
}




._control._required.has-tooltip .control-label::after {
	display: none;
}
._control._required.has-tooltip .control-label .q-display-text::after {
	content: '*';
	color: red;
	font-size: .8em;
}



:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px !important;
}


.education.article table.treatments {
	border-collapse: collapse;
	margin-bottom: 20px;
}
.education.article table.treatments th { 
	white-space: nowrap; 
	border: 1px solid #898989;
	padding: 10px;
	background:#ccc;
}
.education.article table.treatments td { 
	border: 1px solid #898989;
	padding: 10px;
}

.education.article .bg-grad {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(/html/img/bg-gradient.jpg);
	color: #fff;
}







.education.article .bg-grad [class*=icheck-]>input:first-child+input[type=hidden]+label::before,
.education.article .bg-grad [class*=icheck-]>input:first-child+label::before {
	border: 1px solid #ffffff;
}


.education.article .bg-grad .icheck-alt1 > input:first-child:checked + label::before, 
.education.article .bg-grad .icheck-alt1 > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #ffffff;
    border-color: #ffffff;
}

.education.article .bg-grad [class*=icheck-]>input:first-child+input[type=hidden]+label::before, 
.education.article .bg-grad [class*=icheck-]>input:first-child+label::before {
    border-color: #ffffff;
}

.education.article .bg-grad [class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, 
.education.article .bg-grad [class*=icheck-]>input:first-child:checked+label::after  {
	border: 2px solid #009CA7;
	border-left: none;
    border-top: none;
    width: 7px;
    height: 10px;
    transform: translate(7.75px,4.5px) rotate(45deg);
}



.education.article table.treatments._white th,
.education.article table.treatments._white td {
	border-color: white;
	background: none;
}


.education.article img.splash {
	margin:5px 20px 20px 0;
	width: 400px;
	max-width: 50%;
	float: left;
}
.education.article img.splash.right {
	margin:5px 0 20px 20px;
	float: right;
}

@media (max-width: 767px) {
	.education.article img.splash {
		margin: 10px auto 30px;
		width: 400px;
		float: none;
	}
}

.right-pic {
	display: inline-block;
	float: right;
	margin: 0 0 15px 20px;
	width: 500px;
}
@media (max-width: 991px) {
	.right-pic {
		float: none;
		display: block;
		margin: 0 auto 15px;
	}
}

@media (max-width: 767px) {
	.right-pic {
		width: 100%;
	}
}









#top_video_shell,
#top_video_thumb,
#top_video {
	width: 640px;
	margin: 0 auto;
	max-width: 100%;
}
#top_video {
	height: 360px;
}
#top_video_shell img {
	max-width: 100%;
}
@media (max-width: 991px) {
	#top_video_shell,
	#top_video_thumb,
	#top_video {
		width: 320px;
	}
	#top_video {
		height: 180px;
	}
}
@media (max-width: 767px) {
	#top_text {
		text-align: center;
	}
	#top_video_shell,
	#top_video_thumb,
	#top_video {
		float: none;
		display: block;
	}
}
#top_video { display: none; }
#top_video_thumb img {
	width: 100%;
	cursor: pointer;
}
#top_video_thumb {
	position: relative;
	border: 1px solid #ccc;
}
#top_video_thumb .play-button {
	position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    transform: translate(-50%, -50%);
    border: 2px solid #009CA7;
    border-radius: 50%;
/*    display: none; */
}
#top_video_thumb .play-button .arrow {
	position: absolute;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    border-left: 25px solid #009CA7;
    border-right: none;
    top: 10px;
    left: 20px;
}
#top_video_thumb:hover  .play-button {
    border: 2px solid #ccc;
}
#top_video_thumb:hover  .play-button .arrow {
    border-left: 25px solid #ccc;
}

.no-donations-yet-msg {
	font-style:italic;
	font-size: 14px;
	display: inline-block;
	padding-top: 10px;
}





.portal-profile-page .contact-block h2 .go-to-portal-home {
    float: right;
    font-family: sans-serif;
    font-size: 16px;
    position: relative;
    top: 10px;
    font-style: italic;
    color: #9037BE;
}
.portal-profile-page .contact-block h2 .go-to-portal-home:hover {
	text-decoration: underline;
	cursor:pointer;
}