/*Separator line between step icons*/
/*
Wizard Colors template
These are grouped by elements that by default, use the same color. Changes to these defaults are common for individual implementations but not necessary. 

_________________________
GRAYSCALE UTILITY PALETTE
Defaults should NOT change unless specifically requested by design*/
/*Generic text*/
body {
  color: #3a3a3a;
}

/*All varieties of wizard questions*/
.wizard-question {
  color: inherit;
}

.freetext-question input {
  color: inherit;
  background-color: transparent;
}

.wizard-question.select .selected-value {
  color: inherit;
}

/*Supporting image captions*/
.supporting-image .caption {
  color: inherit;
}

/*Photo theme thumbnail label text (unselected)*/
.photo-theme .slide .caption {
  color: inherit;
}

/*Checkbox question label text*/
.checkbox-question .checkbox {
  color: inherit;
}

/*-These items should be transparent with rgba-type colors-*/
/*Hover visuals on checkbox questions*/
.checkbox-question .checkbox:hover,
.checkbox-question .checkbox.focus,
.checkbox-question .checkbox.focus label {
  background-color: rgba(220, 220, 220, 0.5);
}

/*Hover visuals on select questions*/
.wizard-question.select .options label:hover {
  background-color: rgba(220, 220, 220, 0.5);
}

/*-(End transparency block)-*/
/*Select question options text*/
.wizard-question.select .option {
  color: inherit;
}

/*Form control borders*/
.accordion .checkbox-question {
  border-color: #999;
}

.wizard-question.select .options {
  border-color: #999;
}

.freetext-question input {
  border-color: #979797;
}

.wizard-question.select .select-bar {
  border-color: #979797;
}

.wizard-question.select .select-bar .arrow {
  color: #979797;
}

/*Wizard step body background. Default of opaque white, unless design specifies something different. Transparency is a common request.*/
.step-body {
  background-color: #FFF;
}

/*"next"/"back" text in navigation.*/
.nav .relative-nav {
  color: #00205B;
}

/*Icon on next/back button. Normally the same color as the text*/
.nav .relative-nav .circle {
  color: #fff;
}

/*Bottom nav next/back buttons*/
.bottom-nav .button-wrapper .relative-nav a {
  color: #fff;
  background-color: #00205B;
  border-color: transparent;
}
.bottom-nav .button-wrapper .relative-nav a:hover {
  color: #00205B;
  background-color: #fff;
  border-color: #00205B;
}

/*Filtering interface/review your Division selections*/
.filter-options {
  color: #D6001C;
  background-color: #EAEAEA;
}

/*
_____________
BRAND COLOR 1
*/
.step-header {
  background-color: #404040;
  /*When this color becomes a background for text, the text should be colored:
  (This will often be white)*/
  color: #fff;
}

.step-header p {
  color: #fff;
}

/*
_____________
BRAND COLOR 3
Will often = color 1
*/
/*Page headers*/
header::before {
  background-image: linear-gradient(white, rgba(255, 255, 255, 0));
}

.header {
  background-color: #D6001C;
  /*When this color becomes a background for text, the text should be colored:
  (This will often be white)*/
  color: #FFF;
}
.header .tagline {
  border-color: #FFF;
}

.button.enabled:hover,
.button.enabled:focus {
  background-color: transparent;
  border-color: #D6001C;
  color: #D6001C;
}

/*
_____________
BRAND COLOR 2
*/
.checkbox-question .selected-icon {
  /*One or more options from this category were selected*/
  color: #D6001C;
}

.checkbox-question .checkbox.checked {
  color: #D6001C;
}

.checkbox-question .question-label .opener {
  color: #00205B;
}

.checkbox-question .question-label.ui-state-active,
.checkbox-question .question-label.ui-state-focus {
  background-color: #fff;
  /*When this color becomes a background for text, the text should be colored:
  (This will often be white)*/
  color: #3a3a3a;
}

.photo-theme .slide input:checked + .caption {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1 !important;
}

.photo-theme .pt-navigation .nav-item {
  opacity: 1;
}

.photo-theme .pt-navigation .nav-item svg {
  fill: transparent;
  stroke: #000;
  stroke-width: 5px;
}

.photo-theme .pt-navigation .nav-item.active svg {
  fill: #000;
}

.wizard-question.select .selected-value .opener {
  color: #666;
}

.photo-theme .slide input:checked + .caption {
  color: #FFF;
}

.filter-interface {
  color: #fff;
}

.wizard-step[data-meaning=division] .wizard-question.division .checkbox label {
  color: #D6001C;
  background-color: #DCDBD1;
  border-color: #DCDBD1;
}
.wizard-step[data-meaning=division] .wizard-question.division .checkbox label:hover {
  color: #D6001C;
  background-color: #DCDBD1;
  border-color: #D6001C;
}
.wizard-step[data-meaning=division] .wizard-question.division .checkbox.checked {
  color: #00205B;
}
.wizard-step[data-meaning=division] .wizard-question.division .checkbox.checked label {
  color: #00205B;
  background-color: #D6001C;
  border-color: #00205B;
}
.wizard-step[data-meaning=division] .wizard-question.division .checkbox.checked label:hover {
  color: #00205B;
  background-color: #D6001C;
  border-color: #00205B;
}
.wizard-step[data-meaning=division] .wizard-question.division .checkbox.checked .text {
  color: #00205B;
}

/*
_____________
BRAND COLOR 4
Will often = color 2
*/
.button {
  background-color: #D6001C;
}

/*In the Division Filters warning dialog, default button coloring is driven by one color defined as the font color*/
.dialog .button {
  color: #D6001C;
}

.nav .relative-nav .circle {
  background-color: #00205B;
}

/*When this color becomes a background for text, the text should be colored:
(This will often be white)*/
.button {
  color: #fff;
  border: solid 2px transparent;
}

/*
______________________
COMMON COLOR OVERRIDES
Common overides below should be used when requested.
*/
/*By default selected options color text the same as the checkmark.*/
.checkbox-question .checkbox.checked .text {
  color: #3a3a3a;
}

/*Open checkbox question accordion item has a background color, and by default uniformly colors text and icon*/
.checkbox-question .question-label.ui-state-active .opener,
.checkbox-question .question-label.ui-state-focus .opener {
  color: #00205B;
}

/*This is another hover state that could be used. Uncomment and set a color to use*/
.accordion .checkbox-question .question-label:hover {
  /*color: currentColor;*/
}

/*-If the start button should be colored differently-*/
.button.start {
  /*color: #666;
  background-color: #FFF;*/
}

/*-Top Navigation-*/
/*Step number text color*/
.nav .steps .step-icon {
  color: #00205B;
  opacity: 1;
}

/*Step icon checkmark color*/
.nav .steps .step-icon .icon-completed {
  color: #00205B;
}

/*Background of step icons after the active step*/
.nav .steps .step-icon.active ~ .step-icon .circle {
  background-color: #FFF;
}

/*Step number color of active step*/
.nav .steps .step-icon.active {
  opacity: 1;
  color: #00205B;
}

/*Completed steps background-color*/
.nav .steps .step-icon .circle {
  background-color: #FFF;
}

/*Active step background-color*/
.nav .steps .step-icon.active .circle {
  background-color: #fff;
}

/*Separator line between step icons*/
.nav .steps .separator:before {
  border-top: solid 1px #fff;
}

/*-Division Filters warning dialog buttons: Default use of font color-*/
.dialog .ok-button {
  background-color: currentColor;
}

.dialog .ok-button-text {
  color: #FFF;
}

.dialog .cancel-button {
  border: 1px solid currentColor;
  background-color: transparent;
}

/*Division Fitlers warning dialog warning icon. Defaults to a standard alert yellow*/
.dialog .title-bar .icon {
  color: #FEB12C;
}

/*Filtering interface/review your Division selections*/
.filter-check-box {
  border-color: currentColor;
}

.cvb-branding a {
  color: #767676;
}

.freetext-question input::placeholder {
  /* base */
  color: #3a3a3a;
}

.freetext-question input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #3a3a3a;
}

.freetext-question input::-moz-placeholder {
  /* Firefox 19+ */
  color: #3a3a3a;
  opacity: 1;
}

.freetext-question input:-ms-input-placeholder {
  /* IE 10+ */
  color: #3a3a3a;
}

/*Field focus styles*/
.wizard-question.select.focus .select-bar,
.freetext-question input:focus,
.toggle-question input[type=checkbox i]:focus + .filter-check-box {
  border-color: #D6001C;
  box-shadow: 0 0 3px 1px #D6001C;
}

.step-icon:focus {
  outline: dotted 2px #D6001C;
}

.relative-nav > a:focus {
  outline: dotted 2px #D6001C;
}

.bottom-nav .relative-nav > a:focus {
  outline: none;
  border: dotted 2px currentColor;
}

/*.nav .steps .step-icon:focus {
	opacity: .8;
}*/
.cvb-branding a:focus {
  outline: dotted 2px #D6001C;
}

.button.finish:focus {
  outline: dotted 2px #D6001C;
}

.primary-content .accordion:focus {
  outline: dotted 2px #D6001C;
}

.checkbox-question .question-label {
  border: 2px solid transparent;
}

.checkbox-question .question-label:focus {
  border-style: dotted;
  border-width: 2px;
  border-color: #D6001C;
  outline: none;
}

.checkbox-question .question-label.ui-state-active:focus {
  border-color: #fff;
}

.checkbox-question .checkbox {
  border: 2px solid transparent;
}
.checkbox-question .checkbox.focus {
  border-style: dotted;
  border-color: #D6001C;
}
/*# sourceMappingURL=colors.css.map */