/* Correct mobile responsive menu coloring */
@media screen and (max-width: 767px) {
    .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: rgba(255,255,255,.75); }
}

body > header .navbar .dropdown-menu > li.divider ~ li > a { text-transform: none; }
#TopHeader { position: relative; }
.plan-year {
	position: absolute;
	top: -7px;
	left: -0.25rem;
	margin: 1rem;
	padding: .25rem;
	background-color: var(--main-background);
	border-color: var(--main-color);
	border-style: solid;
	border-width: 1px;
	border-radius: .25rem;
	color: var(--main-color);
	z-index: 1;
}
.plan-year .glyphicons { top: 2px; }
.session-context {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
}
    .session-context > .badge {
        margin-bottom: .25rem !important;
    }
.navbar-brand, .header-progress {
	margin-top: 2rem;
}

.hidden-xs-top { margin-top: 84px; }
.next-prev { position: relative; float: right; margin-top: 10px;}

ul.list-subtotals, ol.list-subtotals { padding-left: 20px; list-style: none; font-size: 0.9em; }
	.list-subtotals > li:before {
		position: relative;
		width: 14px;
		margin-left: -20px;
		margin-right: 5px;
		font-family: "Glyphicons Regular"; 
		font-size: 0.875rem;
		font-style: normal;
		font-weight: normal;
		speak: none;
		top: -1px;
		display: inline-block;
		line-height: 1;
		text-decoration: none;
		vertical-align: middle;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
    .list-subtotals > li::before { float: left; margin-top: 3px; }
    .list-subtotals > li::after { clear: both; display: table; height: 0px; content: ''; }
	.list-subtotals > li.list-item-default:before { font-family: "Selerix Icons"; content: "\E907"; }
	.list-subtotals > li.list-item-success:before { content: "\E194"; }
	.list-subtotals > li.list-item-warning:before { content: "\E197"; }
	.list-subtotals > li.list-item-info:before { content: "\E196"; }
	.list-subtotals > li.list-item-danger:before { content: "\E193"; }
	.list-subtotals > li:hover:before { font-family: "Selerix Icons"; content: "\e906"; }
	.list-subtotals > li.active:before { font-family: "Glyphicons Regular"; content: "\e218"; }
	.list-subtotals > li.active a, .list-subtotals > li a:hover { text-decoration: none; }
	.list-subtotals .tooltip.left { margin-left: -30px; }

nav.panel > footer.panel-footer h2.text-success { margin-top: 10px; }

#modal_dependent_list .pre-scrollable { max-height: 360px; }

.modal[data-content="learn_more"] .modal-lg .modal-body .embed-responsive.details { overflow-y: auto; }
	.modal[data-content="learn_more"] .modal-lg .modal-body .embed-responsive.details > .embed-responsive-item { padding-right: 15px; }
	.modal[data-content="learn_more"] .modal-lg .modal-body .embed-responsive.details > .embed-responsive-item > h3:first-child { margin-top: 0; }
	@media (min-width: 992px) { .modal[data-content="learn_more"] .well.pre-scrollable { max-height: 422px; } }

a.learn-more, button.learn-more { font-size: 0.875rem; font-weight: normal; color: #ff7518; cursor: pointer; }
	a.learn-more-icon:before, button.learn-more-icon:before, span.learn-more-icon:before {
		position: relative;
		speak: none;
		top: 1px;
		display: inline-block;
		font-family: 'Glyphicons Regular';
		font-style: normal;
		font-weight: normal;
		font-size: 0.8em;
		line-height: 1;
		text-decoration: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\E195";
		margin-right: 5px;
	}

.question { display: block; font-size: 2em; font-weight: 300; line-height: 1.25em; }
.answers { font-size: 1.5em; line-height: .8; }
	.answers * { vertical-align: middle; }
	.answers label { font-weight: lighter; }
	.answers .radio { margin-bottom: 20px; }

.question-list { }
	.question-list .question-group { display: block; }
	.question-list .question-group + .question-group { margin-top: 20px; }
	.question-list .question-group .question { float: left; width: 70%; box-sizing: padding-box; padding-right: 20px; }
	.question-list .question-group div.learn-more { text-align: right; padding: 0; line-height: 0.8em; }
	.question-list .question-group.answered .question { padding-left: 30px; font-size: 1.5em; }
	.question-list .question-group.answered .question:before {
		position: relative;
		speak: none;
		top: 1px;
		left: -30px;
		display: inline-block;
		font-family: 'Glyphicons Regular';
		font-style: normal;
		font-weight: normal;
		font-size: 0.8em;
		line-height: 1;
		text-decoration: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\E207";
		color: #2fa608;
		width: 0;
	}
	.question-list .question-group .answer { display: none; color: #2fa608; font-size: 1.5em; text-transform: uppercase; }
	.question-list .question-group.answered .answer { display: block;  }
	.question-list .question-group.answered .answer-options { display: none; }
	.question-list .question-group .answer-options, .question-list .question-group .answer { float: right; width: 30%; }
	.question-list .question-group .answer-options .btn { display: block; width: 100%; text-transform: uppercase; }
	.question-list .question-group .answer-options .btn + .btn { margin-top: 5px; }
	.question-list .question-group:after { display: block; content: ''; height: 0; visibility: hidden; clear: both; }
	@media (min-width: 768px) and (max-width: 991px), (max-width: 480px) {
		.question-list .question-group .question, .question-list .question-group .answer-options, .question-list .question-group .answer { float: none; width: auto; }
		.question-list .question-group .answer { padding: 10px 0 0 30px; }
		.question-list .question-group .answer-options .btn { display: inline-block; width: auto; margin-top: 10px; }
		.question-list .question-group .answer-options .btn + .btn { margin-top: 10px; }
	}

.start-over { position: absolute; height: 0; top: 40px; right: 15px; text-align: right; }
    @media (min-width: 768px) { .start-over { top: 60px; } }
	.start-over .btn { margin-right: 15px; padding: 0; }
	.start-over :last-child { margin-right: 0; }
    .start-over hr { display: none; }

.start-over-static { text-align: right; }
	.start-over-static .btn { margin-right: 15px; padding: 0; }
	.start-over-static :last-child { margin-right: 0; }

.bundle { position: relative; margin-bottom: -10px; margin-top: 10px; }
	.bundle > .panel { position: relative; min-height: 480px; padding-bottom: 65px; }
	.bundle > .panel:hover { box-shadow: rgba(0,0,0,0.6) 0 0 5px; }
	.bundle > .panel-success-icon:before, .bundle > .panel-primary-icon:before {
		position: absolute;
		display: block;
		top: -17px;
		left: 18px;
		color: orange;
		content: '\E050';
		speak: none;
		font-family: 'Glyphicons Regular';
		font-size: 1.5rem;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		text-decoration: none;
		text-shadow: 1px 1px 5px rgba(200,200,200,0.6);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		z-index: 1;
	}
	.bundle > .panel-primary-icon:before { content: '\E073'; }
	.bundle > .panel-success-icon:after, .bundle > .panel-primary-icon:after {
		position: absolute;
		display: block;
		top: -18px;
		left: 48px;
		font-size: 0.8em;
		content: 'Recommended';
		color: #ff7518;
		letter-spacing: 1px;
		z-index: 1;
	}
	.bundle > .panel-primary-icon:after { content: 'Current'; }
	.bundle > .panel > section, .bundle > .panel > footer { border-top: solid 1px gray; }
	.bundle > .panel > header { position: relative; overflow: hidden; white-space: nowrap; z-index: 0; }
	.bundle > .panel > header:after { position: absolute; top: 0; right: 0; width: 13%; height: 100%; pointer-events: none; content: ''; }
	/*.bundle > .panel.panel-default > header:after { background: -webkit-linear-gradient(90deg, rgba(34,34,34,0), #222 20px); background: linear-gradient(90deg, rgba(34,34,34,0), #222 20px); }
	.bundle > .panel.panel-primary > header:after { background: -webkit-linear-gradient(90deg, rgba(39,128,227,0), #2780e3 20px); background: linear-gradient(90deg, rgba(39,128,227,0), #2780e3 20px); }
	.bundle > .panel.panel-danger > header:after { background: -webkit-linear-gradient(90deg, rgba(238,16,16,0), #ee1010 20px); background: linear-gradient(90deg, rgba(238,16,16,0), #ee1010 20px); }
	.bundle > .panel.panel-success > header:after { background: -webkit-linear-gradient(90deg, rgba(31,150,7,0), #1f9607 20px); background: linear-gradient(90deg, rgba(31,150,7,0), #1f9607 20px); }*/
	.bundle > .panel > header > h3 { margin: 0; font-size: 1.4em; text-align: center; text-transform: uppercase; }
	.bundle > .panel > header + section { border-top: none; font-size: 0.9em; height: 95px; overflow: auto; }
	.bundle > .panel > footer { position: absolute; width: 100%; height: 65px; bottom: 0; }
	.bundle > .panel > footer > .btn { display: block; }
	.bundle > .panel-default { border-color: #222; }
	.bundle > .panel-default > .panel-heading { background-color: #222; color: #fff; }
	/*.bundle section.options { position: relative; }
	.bundle .learn-more { display: block; background-color: #fff; position: absolute; width: 100%; height: 30px; top: -31px; left: 0; padding: 0 15px; }*/
	.bundle section.options { position: relative; border-top: none; }
	.bundle .learn-more { display: block; position: absolute; width: 100%; height: 32px; top: -2px; left: 0; padding: 5px 15px; }
	.bundle section.tiers { white-space: nowrap; position: relative; }
	.bundle.no-coverage > .panel > header + section { height: calc(100% - 100px); }
	/*.bundle.no-coverage > .panel section.tiers { position: absolute; width: 100%; bottom: 65px; height: auto !important; }*/
	.bundle.no-coverage > .panel section:not(.tiers) { border-top: none; }
	.bundle section.dependents { position: relative; white-space: nowrap; overflow: hidden; background-color: inherit; padding-bottom: 66px; }
	.bundle section.dependents > .edit-people { position: absolute; top: 15px; right: 15px; height: 16px; width: 16px; }
	.bundle section.dependents > .edit-people > a.edit:hover, .bundle section.dependents > .edit-people > a.edit:focus { color: #222; }
	.bundle section.error { position: absolute; bottom: 100px; left: 0; width: 100%; text-align: right; border-style: none; background-color: transparent; padding: 0 15px 10px 0; }
	.bundle section.projection { position: absolute; bottom: 65px; width: 100%; padding-top: 5px !important; padding-bottom: 5px !important; margin-top: 10px; margin-bottom: 0 !important; border-top: solid 1px gray; }
	.bundle section.projection.alert-success { background-color: #dff0d8; color: #3c763d; }
	.bundle section.projection.alert-default { background-color: #e5e5e5; color: #444; }
	.bundle div.tiers > fieldset { margin: 0; }
	.bundle div.tiers > fieldset label { font-size: 0.9em; }
	.bundle div.tiers > fieldset .radio { margin-top: 2.5px; margin-bottom: 2.5px; }
	.bundle div.tiers > fieldset:not(.active) .text-success { padding-top: 5px; color: #222; }
	.bundle div.tiers > fieldset.active .text-success, .bundle.no-coverage > .panel > .tiers .text-success { font-size: 1.35em; line-height: 26px; }
	.bundle.no-coverage > .panel > .tiers h4 { padding: 0; margin: 0; line-height: 26px; }
	.bundle ul, .bundle ol { margin: 0; padding: 0 0 0 15px; }
	.bundle div.tiers .control-label { font-weight: normal; }
    .bundle .cost { position: absolute; right: 15px; font-size: 1em; padding: 0 !important; }
	.bundle .show-work { color: inherit; vertical-align: middle; }
	.bundle .show-work:hover { opacity: 0.5; }

    /* Used for calculating the size of product columns */
    .product-sizer {
        height: 0;
        overflow: hidden;
    }


#ProjectionShowWork h3 { margin-top: 0; }
	#ProjectionShowWork ul > li { line-height: 2; border-top: solid 1px #eee; }
	#ProjectionShowWork ul > li.parent { padding-bottom: 15px; }
	#ProjectionShowWork ul > li.parent + li, #ProjectionShowWork ul > li:first-child { border-top-style: none; }
	/*#ProjectionShowWork ul > li:first-child { padding-top: 0;  }*/
	#ProjectionShowWork ul ul { font-size: 0.8em; padding: 15px; border: solid 1px #ccc; }
	/*#ProjectionShowWork ul ul > li:first-child { border-top-style: solid; }*/
	#ProjectionShowWork .projection-total { line-height: 16px; padding-top: 15px; border-color: #ccc; }

.resource-panel { background-color: #f6f6f6; border: solid 1px #eee; padding-top: 15px; margin-bottom: 20px; }
	@media (min-width: 992px) { .resource-panel { margin-bottom: 0; } }
	.resources .resource { font-size: 1em; line-height: 22px; margin-bottom: 5px; }
	.resources .resource > a { display: block; }
	.resources .resource.active a:after {
		display: inline-block;
		position: relative;
		float: right;
		font-family: 'Glyphicons Regular';
		speak: none;
		top: 3px;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		text-decoration: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\E224";
	}
	.resources .resource .glyphicons { vertical-align: middle; line-height: 22px; padding-right: 5px; margin-bottom: 5px; }

.hint-label { margin: 0 15px; }

.benefit-group h2 { margin-top: 0; }
.benefit-group h2 > span { vertical-align: bottom; margin-right: 10px; }
.benefit-group h3 { margin-top: 1rem; }

#contentInstructions { clear: both; margin-bottom: 15px; }
	#contentContent { clear: both; }
    .instructionsSmall { margin-bottom: 15px; }

#contentPriorCoverageDetails {
	clear: both;
	margin-bottom: 15px;
}
#contentPriorCoverageDetails.well {
	background-color: #fff
}
#contentPriorCoverageDetails .btn.expander {
	outline: 0;
	padding: 0px 15px 0 0;
	color: #222;
	text-decoration: none;
	background: transparent;
}

.XFormsContainer {
    position: relative;
    overflow: auto;
    width: 700px;
    height: 425px;
	}
	.xformserrorfield {
		border-style: solid;
		border-color: #FF0000;
		border-width: 1px;
		display: inline-block;
		box-shadow: 0 0 3px #FF0000;
		outline: 2px solid #FF0000;
	}

.ratectrlGiMode {
   	background-image: url('../selerix_common/images/shortcodes/notice/approved.png');
	background-color: #FAFDF9 !important;
	color: #6CB656;
	border: 1px solid #C1CEC1;
	}
	.ratectrlSGiMode {
		background-image: url('../selerix_common/images/shortcodes/notice/attention.png');
		background-color: #FFFDF6 !important;
		color: #E1B42F;
		border: 1px solid #E4E4D5;
	}
	.ratectrlSiMode {
		background-image: url('../selerix_common/images/shortcodes/notice/alert.png');
		background-color: #FFFBFB !important;
		color: #D0583F;
		border: 1px solid #F8C9BB;
	}

.embed-responsive-bridge .awesiframe { height: 687px; }

.DeletedText { text-decoration: line-through; color: Gray; }
	A.DeletedText { text-decoration: line-through; font-style: italic; color: Gray; }

/* Question Control */
.clsQuestion {
    padding-bottom: 5px;
    padding-right: 5px;
	padding-left: 0px;
    color: #000000;
    white-space: normal;
	}
	.clsQuestionOpt {
		padding-top: 0px;
		color: #444444;
		padding-bottom: 5px;
		font-style: italic;
	}
	.clsParentQuestion { padding-bottom: 10px; padding-right: 5px; padding-left: 0pt; }
	.clsQuestionPerson { padding-right: 45px; width: 60%; }
	.clsQuestionAnswer { padding-bottom: 5px; padding-left: 5px; vertical-align: bottom; }
	.clsGroupAnswer { padding-bottom: 5px; padding-left: 9px; vertical-align: middle; }
	.clsQuestionDisclaimer { font-style: italic; color: #595959; }
	.clsSubQuestion { padding-left: 15px; }
	.clsQuestionGroup { }
	.clsAnswer { padding-left: 36px;}
	.clsAnswer.RADIO {  }

a.beneficiariesCtrlDeletedBeneficiary, a.beneficiariesCtrlDeletedBeneficiary:link, a.beneficiariesCtrlDeletedBeneficiary:visited {
    color:#C0C0C0;
    font-style:italic;
    text-decoration:line-through;
}

.footNote { font-size: 85%; color: #444444; }

.clsHide { display: none; visibility: hidden;}
.clsShow { display: block; }

form[action^=CoBrowse] a, form[action^=CoBrowse] button, form[action^=CoBrowse] input[type=button], form[action^=CoBrowse] input[type=submit] { cursor: default; }

.legalDocumentation h1 { margin: 0 0 20px 0; }
    .legalDocumentation ul, .legalDocumentation ol, .legalDocumentation p { margin-bottom: 25px; }
    .legalDocumentation li { margin: 10px; }

.no-close .ui-dialog-titlebar-close, .no-close .ui-dialog-titlebar { display: none; }

.cost { font-size: 1.5em; }
	.cost:not(.form-control):not(.control-label) { padding: 0px 15px; }
	.cost.form-control, .cost.control-label { padding-top: 5px; padding-bottom: 0; }

.TopazPad { border: 1px solid black; width:100%; max-width: 525px; height:170px;}

.control-label.no-after:after{content:none;}

.application-riders { margin-bottom: 20px; white-space: nowrap; }
	.application-riders > .row, .application-riders > .application-rider { border-top: solid 1px #eee; padding-top: 10px; padding-bottom: 5px; }
	.application-riders > :first-child { border-style:none; padding-top: 0; }
	.application-riders h4 { padding: 0; margin-top: 5px; margin-bottom: 5px; }
	.application-riders .base-policy { text-indent: 55px; line-height: 26px; }
	.application-riders .form-control { margin: 0; }
	.application-riders .form-control.cost { padding-right: 0; }
	.application-riders > .form-group .form-control { margin-top: 0; }
	.application-rider .expander { outline: 0; padding: 5px 10px 0 0; color: #222; text-decoration: none; }
	.application-rider:first-of-type h4, .application-riders .base-policy { margin-top: 0; }
	.application-rider:last-of-type { margin-bottom: 0; }
	.application-rider .checkbox label, .application-rider .radio label { white-space: normal; padding-right:15px !important; }
	.application-rider .checkbox input, .application-rider .radio input { vertical-align: top; }
	.rider-description { padding: 0 55px; margin-bottom: 5px; white-space: normal; }
	.rider-cost { text-align: right; padding-top: 5px; }
	.rider-total { border-top: solid 1px #ccc; }
	.rider-total > .form-group { margin-right: 0; }
	@media (min-width: 992px) { .rider-params { margin-left: 0 !important; } }
	@media (max-width: 767px) {
		.rider-params .form-control { display: inline-block; width: auto; }
		.form-inline .application-rider .checkbox, .form-inline .application-rider .radio { display: inline-block; margin-top: 0; vertical-align: top; }
		.form-inline .application-rider .checkbox input, .form-inline .application-rider .radio input { position: relative; margin-left: 0; }
	}
	
#Advertising { }
	#Advertising > .row { margin-top: -15px; }
	#Advertising figure { position: relative; margin-top: 15px; }
	#Advertising .checkbox { position: absolute; top: 5px; right: 20px; padding: 5px; height: 30px; width: 28px; background-color: rgba(255,255,255,0.75); margin: 0; }
	#Advertising figure > a > .img-thumbnail { transition: background-color border-color linear .75s; }
	#Advertising .checkbox:hover + a > .img-thumbnail, #Advertising figure > a:hover > .img-thumbnail { background-color: #222; border-color: #fff; }
	#Advertising figure > figcaption { font-size: 1.2em; margin-top: 10px; }

.banner {	
	color: #fff;
	padding: 10px;
}
.banner .text p:first-child {
	text-transform: uppercase;
}
.banner .text div:last-child {
	text-transform: uppercase;
}
.banner a,
.banner a:hover {
	color: #fff;
}
.banner .glyphicons-qrcode {
	font-size: 3.125rem;
	display: block;
	width: 100px;
	margin:auto;
}
.banner img {
	max-width: 100%;
	display: block;
	margin: auto;
}
.banner .code {
	text-align: center;
}
.banner .benefits-pulse-app-icon {
	max-width: 200px;
}
.total-cost {
	font-size: 1.375rem;
	font-weight:400;
}