/**

medicare guided selling css

**/

fieldset {
  border: 0;
}
.active-text {
  color: #0b76a1;
}
.back-button-class:before {
  content: url(/medicare-plan-finder/images/back-arrow-icon.svg) !important;
  top: 9px;
  left: 9px;
}
.btn-primary-get-started {
  padding: 17px 45px 15px 45px;
}
.btn-secondary-rate-quote {
  background-color: transparent !important;
  border: 1px solid #0b76a1 !important;
  color: #0b76a1 !important;
  font-size: 14px;
  padding: 8px 40px 10px 40px;
}
.rate-quote-btn-container {
  display: block;
  margin: 10px auto;
  text-align: center;
  width: 100%;
}
.rate-quote-btn-container svg {
  position: relative;
  top: 5px;
}
.rate-quote-text-content {
  margin-left: -85px;
  margin-bottom: 5px;
}
.add-fep-scroll-height {
  background-color: #f5f5f5;
}
.add-medadv-scroll-height {
  background-color: #f5f5f5;
}

.border-solid-silver-1 {
  border: 1px solid #eee;
}
.border-top-blue-3 {
  border-top: 1px solid #d8e1e8;
}
.border-hidden {
  border: 1px solid transparent !important;
}
.button-blue-2 {
  color: #0b76a1 !important;
  border: 1px solid #0b76a1 !important;
}
.sample-card-image {
  width: 39%;
  vertical-align: top;
}
.chevron-down::after {
  transform: rotate(180deg) !important;
}
.close-left-education-menu {
  left: -100%;
  width: 0px;
}
.close-right-education-menu {
  right: -100%;
  width: 0px;
}
.close-right-drug-tier-menu {
  right: -100%;
  width: 0px;
}

.compare-cell-container {
  background-color: #f3f6f8;
  height: 164px;
  width: 164px;
}

.corner-ribbon {
  width: 110px;
  background: #da7c30;
  position: relative;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 32px;
  letter-spacing: 3px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-left {
  top: -26px;
  left: -55px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.coverage-content {
  background-color: #f5f5f5;
  border: 1px solid #d8d8d9;
}
.custom-width-myinfo {
  max-width: 81.2em;
}
.disable-container-clicks {
  pointer-events: none;
  opacity: 0.3 !important;
}
.disabled-button {
  background-color: #676767 !important;
}

.drug-tiers-table,
.drug-tiers-table td {
  border-top: 1px solid #d8e1e8;
  border-collapse: collapse;
}
.drug-tiers-table td {
  padding: 5%;
  vertical-align: top;
  width: 50%;
}
.drug-tiers-table td:first-child {
  background-color: #f3f6f8;
}
.eac-container {
  background-color: #d8f2fc80;
  padding: 10px 5px;
  margin: 15px 0px;
}
.eac-container .eac-heading {
  font-size: 35px;
  font-weight: 900;
  font-family: 'Nunito Sans', sans-serif;
  color: #0a6a90;
}
.eac-premium-value {
  color: #000;
  font-size: 20px;
  font-weight: 900;
}
.email-share-content {
  border-left: 4px solid #0b76a1;
  padding: 2%;
}
.extra-help-content div {
  margin: 25px 0px;
}
.fep-plan-highlights li:before,
.fep-plan-details li:before {
  content: ' ' !important;
}
.fep-plan-details .fep-list-item:first-child {
  margin-left: -10px;
  /* border-bottom: 4px solid #eeeeee; */
  padding: 20px 0px;
  margin-right: -3px;
}

.fep-plan-details .fep-list-item:nth-child(2) {
  margin-right: -5px;
  border-bottom: 4px solid #eeeeee;
  padding: 20px 0px;
  margin-left: 0;
}

.fep-plan-details .fep-list-item.active {
  background-color: #123345;
}

.fep-plan-details .fep-list-item.active .fep-link-text,
.fep-plan-details .fep-list-item.active .fep-list-item-text,
.fep-plan-details .fep-list-item.active .fep-list-item-subtext {
  color: #ffffff;
}

.fep-plan-details .fep-list-item .fep-link-text,
.fep-plan-details .fep-list-item .fep-list-item-text,
.fep-plan-details .fep-list-item .fep-list-item-subtext {
  color: #005069;
}

.fep-plan-details .fep-list-content li {
  display: inline-block;
  width: 51%;
}
.fep-plan-highlights li {
  background-color: #d8f2fc66;
  font-size: 16px;
  margin: 10px 0px;
  padding: 10px 0px;
  color: #58585c;
}
.fep-plan-highlights li i {
  color: #20b4ef;
  padding: 0px 15px 0px 30px;
}
.flex-basis-custom-38 {
  flex-basis: 36% !important;
}
.footnotes-list-content .footnote .number {
  vertical-align: top;
  width: 5%;
}
.footnotes-list-content .footnote .description {
  width: 93%;
  padding-left: 10px;
}
.footnotes-list-content .footnote ul {
  margin: 0px 20px 0px 40px;
}
.forgot-pass-cont-button {
  padding: 15px 20px;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-125-rem {
  font-size: 1.25rem;
}
.yearpick-tile-container,
.gender-tile-container {
  width: 48%;
}
.yearpick-tile-label,
.gender-tile-label {
  width: 100%;
}
.yearpick-tile-label::before,
.gender-tile-label::before {
  border: 4px solid #fff;
  left: 35px;
  height: 30px;
  top: 30px;
  width: 30px;
}
.yearpick-tile-label::after,
.gender-tile-label::after {
  border-bottom: 3px solid #0b76a1;
  border-right: 3px solid #0b76a1;
  height: 21px;
  left: 44px;
  top: 33px;
  width: 11px;
}
.green-check {
  color: #71ba58 !important;
  font-size: 18px;
  padding-right: 5px;
}
.height-150px {
  height: 150px !important;
}
.help-menu-producer-content p,
.help-menu-expert-content p {
  margin: 0;
}

.life-events-slider {
  overflow-y: hidden;
  max-height: 500px; /* approximate max height */
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.life-events-slider-closed {
  max-height: 0px;
}
.m-informationTable__inner--row__title {
  background-color: #f3f6f8 !important;
}
.max-width-650px {
  max-width: 650px;
}
.max-width-835px {
  max-width: 835px;
  margin-left: auto;
  margin-right: auto;
}
.max-width-100-percent {
  max-width: 100%;
}
.medsupp-table-details,
.medsupp-table-details th,
.medsupp-table-details td {
  border: 2px solid #d8e1e8;
  border-collapse: collapse;
}
.medsupp-table-details th {
  width: 25%;
  padding: 10px;
  text-align: left;
}
.medsupp-table-details td {
  padding: 10px;
}
.medsupp-table-plancompare th {
  font-weight: normal;
}
.mb5px-minus {
  margin-bottom: -5px;
}
.mb25px-minus {
  margin-bottom: -25px;
}
.mb30px-minus {
  margin-bottom: -30px;
}
.ml3px-minus {
  margin-left: -3px;
}
.ml5px-minus {
  margin-left: -5px;
}
.ml5px {
  margin-left: 5px !important;
}
.ml25px {
  margin-left: 25px;
}
.ml30px {
  margin-left: 30px;
}
.mt5px-minus {
  margin-top: -5px;
}
.mt25px-minus {
  margin-top: -25px;
}
.mr0px {
  margin-right: 0px;
}
.mr5px {
  margin-right: 5px !important;
}
.mt0px {
  margin-top: 0px;
}
.mt5px {
  margin-top: 5px;
}

.mgs-full-width {
  width: 100%;
  text-align: center;
}
.margin-top-x-large {
  margin-top: 95px;
}

.myinfo-checkbox-label {
  border: 1px solid silver;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
}
.myinfo-modal-content .modal-dialog {
  width: 40%;
}

.mycare .coverage-content .my-info-item {
  background-color: #e8e8e8;
  border-radius: 3px;
  color: #58585c;
  padding: 5px 8px 3px 8px;
  margin: 0px 5px;
}
.no-margin {
  margin: 0px !important;
}

.m-ua-tileWithText__inner__tile:hover,
.m-ua-tileWithText__inner__tile:focus,
.m-ua-tileWithText__inner__tile:visited {
  text-decoration: none;
  color: #fff;
}
.m-ua-tileWithText__inner__tile {
  position: relative;
  flex: 1;
  display: block;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-x-small);
  background-position: center;
  margin-bottom: var(--spacing-medium);
  background-image: url('../images/bg-image.png');
  max-width: 657px;
  height: 320px;
  background-repeat: no-repeat;
  padding: 60px 10px 10px 40px;
  text-decoration: none;
  box-shadow: var(--box-shadow-section);
  margin: 0 auto;
}

.m-ua-tileWithText__inner__tile__content {
  display: flex;
  flex-direction: column;
  align-content: center;
  width: 230px;
  height: 90px;
}

.m-ua-tileWithText__inner__tile__content--heading {
  color: var(--color-base-lightest);
  margin-bottom: var(--spacing-small);
  font-size: 35px;
}

.m-ua-tileWithText__inner__tile__content--copy {
  color: var(--color-base-lightest);
  font-size: 16px;
}

.m-textList .m-textList__inner--list__item a,
.m-planSummaryCard__inner--content__summary a {
  color: #0b76a1 !important;
}

.open-left-education-menu {
  left: 0%;
  width: 460px;
}
.open-right-education-menu {
  right: 0%;
  width: 400px;
}
.open-right-drug-tier-menu {
  right: 0%;
  width: 600px;
}

.vision-sub-list li::before {
  content: '-' !important;
}
.o-educationSlider__inner--close__button {
  top: 8px !important;
}

.o-planCard__inner--content__details--highlights ul li:before,
.o-planCard__inner--content__details--highlights ul li:after {
  background-color: #00aeef;
}

.o-planCard__inner--content__details--highlights ul li.no-after:before {
  display: none !important;
  content: none !important;
}
.o-planCard__inner--content__details--highlights ul li.no-after:after {
  display: none !important;
  content: none !important;
}

.o-planCard__inner--content__details--highlights ul li.no-after:before {
  display: none !important;
  content: none !important;
}
.o-planCard__inner--content__details--highlights ul li.no-after:after {
  display: none !important;
  content: none !important;
}
.partb-enrollment-label {
  box-shadow: 0 0 0 0;
  border: 1px solid silver;
  padding: 20px 0px 5px 0px;
  width: 100%;
}
.partb-enrollment-label::before {
  border: 4px solid #fff;
  height: 20px;
  left: 45px;
  top: 17px;
  width: 20px;
}
.partb-enrollment-label::after {
  border-bottom: 2px solid #0b76a1;
  border-right: 2px solid #0b76a1;
  height: 13px;
  left: 51px;
  top: 19px;
  width: 7px;
}

.details-pdf-icon {
  position: relative;
  top: 3px;
}
.plan-card-box-shadow {
  box-shadow: 0 -2px 0 #fff, 0 1px 6px rgba(0, 0, 0, 0.35) !important;
}
.plan-details-link {
  color: #0b76a1;
  cursor: pointer;
  font-weight: bold;
  padding-left: 10px;
  text-decoration: underline;
}
.plan-details-link input {
  display: none;
}
.plan-details-link:hover {
  color: #12bbff;
}
.o-educationSlider__inner--close,
.m-helpMenu__inner--close,
.m-hamburgerMenu__inner--close,
.p-confirmResidence .m-helpMenu .m-helpMenu__inner--close,
.p-recommendedPlan .m-helpMenu .m-helpMenu__inner--close,
.p-allPlans .m-helpMenu .m-helpMenu__inner--close,
.p-otherOptions .m-helpMenu .m-helpMenu__inner--close,
.p-education .m-helpMenu .m-helpMenu__inner--close {
  position: relative;
}
.p-otherOptions .o-header__inner--hamburger__menu button::before {
  content: url('/medicare-plan-finder/images/back-arrow-icon.png');
}
.progressBarContainer {
  margin: auto;
  text-align: center;
}
.progressBarContainer div {
  display: inline-block;
}
.progressBarContainer p {
  display: inline-block;
  border-radius: 50px;
  margin: 0px 5px 0px 0px;
  padding: 3px 2px 1px 2px;
  text-align: center;
  width: 25px;
}
.progressBarContainer .step-active p {
  color: #fff;
  background-color: #18759f;
}
.progressBarContainer .step-completed p {
  background-color: #66bf33;
  color: #fff;
}
.progressBarContainer .step-inactive {
  color: silver;
}
.progressBarContainer .step-inactive p {
  background-color: silver;
  color: #000;
}

.progressBarContainer .get-started-image {
  width: 15%;
  position: relative;
  top: 15px;
}
.progress-bar-tabs {
  width: 18%;
  text-align: center;
}

.progress-bar-tabs p {
  display: inline-block;
  font-size: 14px;
}
.progress-bar-tabs .progress-bar-numbers {
  background-color: #e7e7e8;
  border-radius: 20px;
  height: 24px;
  padding: 3px;
  width: 26px;
  margin-right: 5px;
}
.progress-bar-tabs .progress-bar-tabs .progress-bar-text {
  color: #545454;
}

.progress-bar-numbers.active {
  background-color: #0b76a1;
  color: #fff;
}
.progress-bar-numbers.completed {
  background-color: #669c53;
  color: #fff;
}
.red-times {
  color: #bc3123 !important;
  font-size: 18px;
  padding-right: 5px;
}
.remove-max-height {
  max-height: none !important;
}

.registration-text-error {
  position: relative;
  top: -25px;
}
.residence-heading-custom {
  text-align: center;
  padding: 50px 50px 0px 50px;
}
.returning-guest-button {
  background-color: #fff;
  border: 1px solid #0b76a1;
  color: #0b76a1;
  border-radius: 5px;
  width: 100%;
}

.selections-overlay .nav-tabs li::before {
  content: none !important;
}
.selection-tab {
  width: 50%;
}

.selection-tab a,
.selection-tab a:hover,
.selection-tab a:visited {
  text-decoration: none;
}
.sticky-header {
  position: sticky;
  top: 0px;
  z-index: 999;
}
.fixed-header {
  position: fixed;
  top: 0px;
  z-index: 999;
}

.sticky-footer {
  position: sticky;
  bottom: 0px;
  z-index: 999;
}

.personalize-footer {
  background-color: #fff;
  border-top: 1px solid #aaa;
  margin-left: -2.5%;
  width: 105%;
}
.personalize-header {
  margin-left: -2.5%;
  width: 105%;
}
.personalize-results-header,
.recommended-header {
  margin-left: -1.25%;
  width: 45%;
}
.nav-tabs {
  border-bottom: 3px solid transparent;
}
.nav-tabs > li > a {
  border-bottom: 3px solid #eeeeee;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-left: 3px solid transparent;
  border-top: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #0b76a1;
}
.secondary-list-content li::before {
  color: #fff;
  border: 1px solid #0b76a1;
  border-radius: 120px;
  height: 8px;
  top: 6px;
  left: -20px;
}
.securityq-select-dropdown {
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-size: 16px;
  height: 55px;
  margin: 0px auto;
  padding: 5px;
  width: 90%;
  color: gray;
}
.show-me-oop-link {
  color: #0b76a1;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}
.sign-in-button {
  background-color: #0b76a1;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  width: 100%;
  text-transform: none !important;
}
.sign-in-form-container {
  max-width: 450px;
  padding: 50px;
  border-top: 5px solid #04506e;
  overflow: hidden;
}
.specialist-dropdown {
  border: 1px solid #cad4db;
  border-radius: 5px;
  color: #767679;
  font-weight: bold;
  padding: 15px 80px 15px 20px;
  font-size: 14px !important;
}
.blueconnect-form-container {
  max-width: 450px;
  padding: 50px;
  border-top: 5px solid #0b76a1;
  overflow: hidden;
}
.specialist-content .dropdown .dropdown-menu li::before {
  content: none;
}

.star-rating-list:before {
  content: url('/medicare-plan-finder/img/ic-star.svg') !important;
}
.table-header-row td {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 10px;
  text-align: center;
}
.table-header-row span {
  font-size: 14px;
  font-weight: normal;
}
.table-body-row td {
  padding: 10px;
}
.table-body-row p,
.table-body-row li {
  color: #676767;
}

.timeline-table-content table,
.timeline-table-content td {
  border: 2px solid #d8e1e8;
  border-collapse: collapse;
  vertical-align: top;
}
.timeline-table-content td {
  width: 200px;
}
.top-95px {
  top: 95px !important;
}
.top-100px {
  top: 100px;
}

.warning-container {
  background-color: #fcf6e3;
  border-left: 3px solid #d88c07;
  padding: 15px 20px 10px 20px;
}
.welcome-image {
  background-image: url(/medicare-plan-finder/images/city.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #f3f6f8;
  height: 350px;
  padding: 40px 0px 0px 0px;
}
.y-number-container {
  width: 100%;
}
.width-auto {
  width: auto !important;
}
.width-400-px {
  width: 400px;
}

.m-educationHeading .m-educationHeading__inner .m-educationHeading__inner--copy,
.m-planCoverage .m-planCoverage__inner .m-planCoverage__inner--copy p,
.m-planCoverage .m-planCoverage__inner .m-planCoverage__inner--list li,
.m-planCoverage .m-planCoverage__inner .m-planCoverage__inner--copy {
  font-size: 16px !important;
}
.o-educationSlider
  .o-educationSlider__inner--close
  .o-educationSlider__inner--close__button {
  font-size: 16px !important;
}

.m-accordion__inner--section__heading:focus {
  outline: 2px solid #0b76a1 !important;
}

.ma-accordian.accordion {
  background-color: #f5f5f5;
  color: #0a6a90;
  cursor: pointer;
  padding: 15px 15px 15px 15px;
  width: 100%;
  border: 1px solid transparent;
  text-align: left;
  font-size: 15px;
  transition: 0.4s;
}

.ma-accordian.active {
  background-color: #f5f5f5;
  border: 1px solid transparent;
  color: #767679;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 15px 15px 15px;
  text-align: left;
  width: 100%;
}

.ma-accordian.accordion:after {
  content: '\2228';
  color: #0a6a90;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.ma-accordian.active:after {
  color: #0a6a90;
  content: '\2227';
}

.ma-accordian.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border: 0px solid #fff; /* over write boostrap border */
}

.ma-accordian.panel.panel-active {
  background-color: #f5f5f5;
}

/** angular animate class **/
.fade.ng-hide {
  opacity: 0;
}

.fade.ng-hide-remove,
.fade.ng-hide-add {
  display: block !important; /* or inline-block, as appropriate */
}

.fade.ng-hide-remove {
  transition: all linear 1000ms;
}

.fade.ng-hide-add {
  transition: all linear 500ms;
}

.fade {
  transition: all linear 500ms;
  opacity: 1;
}

.printedPlanSection {
  display: none;
}

.skipnav a {
  padding: 6px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: transparent;
  -webkit-transition: top 1s ease-out, background 1s linear;
  transition: top 1s ease-out, background 1s linear;
  z-index: 100;
}

/**/

#tileNo:focus + .labelTileNo,
#tileYes:focus + .labelTileYes {
  outline: 2px solid #1f5cc2;
}

#blueMedicareBasics:focus + .labelEducationBasics,
#blueMedicareParts:focus + .labelEducationParts,
#blueMedicarePartsSomething:focus + .labelEducationSomething,
#blueMedicarePartsSomethingElse:focus + .labelEducationSomethingElse,
#blueMedicareWhenToEnroll:focus + .labelEducationWhenToEnroll {
  outline: 2px solid #1f5cc2;
}

.confirmCountyInput,
.educationTabInputs {
  display: block !important;
  opacity: 0;
}

.expandcollapse-item {
  overflow: hidden;
  border-top: 1px solid blue;
}

.expandcollapse-heading-collapsed {
  cursor: pointer;
  padding: 15px 20px;
  position: relative;
  z-index: 100000000;
  color: black;
  background-color: white;
}

.expandcollapse-item:first-of-type {
  border-top: 0px;
}

.expandcollapse-heading-collapsed p {
  font-size: 16px;
  font-weight: normal;
  margin: 0px;
}

.expandcollapse-heading-expanded {
  cursor: pointer;
  z-index: 100000000;
  padding: 15px 20px;
  position: relative;
  color: white;
  background-color: black;
  border: 1px solid blue;
}

.expandcollapse-heading-expanded p {
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
}

.expandcollapse-heading-collapsed > span,
.expandcollapse-heading-expanded > span {
  position: absolute;
  top: 25px;
  right: 15px;
  font-size: 20px;
  line-height: 0px;
}

.expand-collapse-content {
  padding: 20px;
}

/*
animation:*/

.slideDown.ng-hide {
  height: 0;
  transition: height 0.35s ease;
  overflow: hidden;
  position: relative;
}

.slideDown {
  height: 141px;
  transition: height 0.35s ease;
  overflow: hidden;
  position: relative;
}

.slideDown.ng-hide-remove,
.slideDown.ng-hide-add {
  /* remember, the .hg-hide class is added to element
  when the active class is added causing it to appear
  as hidden. Therefore set the styling to display=block
  so that the hide animation is visible */
  display: block !important;
}

.slideDown.ng-hide-add {
  animation-name: hide;
  -webkit-animation-name: hide;

  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;

  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
}

.slideDown.ng-hide-remove {
  animation-name: show;
  -webkit-animation-name: show;

  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;

  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}

ul li:before {
  content: '' !important;
}

@media only screen and (max-width: 981px) {
  .vertical-spacer {
    margin: 10px 0px;
  }
}

/* override styles when printing */
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }

  .printedPlanSection {
    display: block;
  }

  .progressBarSection,
  .download-pdf-content,
  .topNavigationSection {
    display: none;
  }

  a[href]::after {
    content: none !important;
    color: #0b76a1 !important;
  }

  .m-informationTable__inner--row__title {
    -webkit-print-color-adjust: exact;
    background-color: #f3f6f8 !important;
  }
}