/* Text Styles */
.pattern .row h1, .pattern .row h2, .pattern .row h3, .pattern .row h4, .pattern .row h5, .pattern .row h6, .pattern .row .h1, .pattern .row .h2, .pattern .row .h3, .pattern .row .h4, .pattern .row .h5, .pattern .row .h6 {
    margin: 1.5rem 0 0.5rem 0;
    font-style: normal;
    font-weight: 400 !important;
    color: #555;
    line-height: 1.4;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pattern .row h2 {
    font-size: 1.5rem;
}
.required-key {
    font-size: 1em;
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
}
.required-key small {
    text-transform: capitalize;
    color: #ed0000;
    font-size: 1.15em;
    font-family: "open_sanssemibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.pattern .row hr {
    margin: 0 0 .85rem !important;
}
.pattern h1.content-area-header {
    -moz-border-radius-topleft: 0.2em;
    -webkit-border-top-left-radius: 0.2em;
    border-top-left-radius: 0.2em;
    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    border-top-right-radius: 0.2em;
    -moz-box-shadow: 0 0 35px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,.15);
    box-shadow: 0 0 35px rgba(0,0,0,.15);
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    background: #0E406A;
    border: 1px solid #0E406A;
    border-bottom: none;
    color: #fff;
    font-size: 1.5em;
    padding: 0.65em 0.76923em;
    margin-bottom: 0;
}
.pattern label {
    font-size: 1.2rem;
    margin: 0.3rem 0;
}
.pattern label.required {
    font-size: 1.2rem;
    margin-top: .3rem;
    line-height: 1.5;
}
.pattern label.required small, legend.required small {
    text-transform: capitalize;
    color: #ed0000;
    font-size: 1.2rem;
}
.pattern select.dropdown {
    font-size: 1.1rem;
    height: 2.3125rem !important;
    margin: 0 0 1rem 0;
  border-radius: 0.15em;
  padding: 0.4rem 0.4rem 0.4rem 0.4rem;
}
      .pattern button.button {
        border: 0;
      }
      .pattern h3 {
        font-size: 1.3rem;
      }
      .pattern .primary-f {
        background-color: #00837C;
        color: #fff;
      }
      .pattern .close-panel .fa, .minimize-panel .fa {
        padding: 0;
      }
      .pattern .panel.callout a.close-panel, .panel.callout a.minimize-panel {
        color: #555 !important;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        position: absolute;
        top: .625rem;
        right: .625rem;
        border: none;
      }
      .pattern .panel.callout h2 {
        display: inline;
        position: relative;
        top: 0.11rem;
      }
      .pattern .panel.callout h3 {
        display: inline;
        position: relative;
        top: 0.09rem;
      }
      
      .pattern .panel.callout .panel-title {
        cursor: pointer;
      }
      .pattern .panel.callout hr {
        position: relative;
        margin: 1rem 0 .85rem !important;
      }
      .pattern input[type="radio"].select-radio-more + label::before {
        font-family: FontAwesome;
        content: "\f078";
      }
      .pattern input[type="radio"].select-radio-more:checked + label::before {
        font-family: FontAwesome;
        content: "\f00c";
      }
      .pattern .panel.callout a.close-panel:hover,.panel.callout a.close-panel:focus {
      color: #002751 !important;
      }
      .pattern .panel.callout.row p{
        margin-bottom: 0rem;
        line-height: 1.8;
      }
      .pattern select{
        margin: 0;
      }
      .pattern input[type="text"], .pattern input[type="password"], .pattern input[type="date"], .pattern input[type="datetime"], .pattern input[type="datetime-local"], .pattern input[type="month"], .pattern input[type="week"], .pattern input[type="email"], .pattern input[type="number"], .pattern input[type="search"], .pattern input[type="tel"], .pattern input[type="time"], .pattern input[type="url"], .pattern textarea, .pattern .dropdown, .pattern .inputText {
        font-size: 1.1rem;
        height: 2.3125rem !important;
        border-radius: 0.15em;
      }
      .fa {
        padding-right: 1rem;
      }
			.reveal-modal .close-reveal-modal span.fa {
        padding: 0rem 0rem 0.2rem 0.5rem;
        font-size: 2rem;
        background: #fff;
			} 
      .content.medicare label, .content.content-container label {
        font-size: 1.1rem;
        margin: 0.3rem 0;
      }
      .content.medicare .row, .content.content-container .row {
        max-width: 62.5rem;
      }
      .close-panel .fa {
        padding: 0;
      }
      
      #medicare-agreement {
        height: 20rem;
        overflow-y: scroll;
        background-color: #f1f1f1;
        padding: 0 2.5rem;
        margin-bottom: 1rem;
      }
      .progressbar {
      }
      .progressbar li {
          list-style-type: none;
          width: 25%;
          float: left;
          font-size: 16px;
          position: relative;
          text-align: center;
          color: #555555;
      }
      .progressbar.items-5 li {
        width: 20%;
      }
      .progressbar li:after {
          font-family: FontAwesome;
          width: 30px;
          height: 30px;
          content: "\f10c";
          font-size: 2.5rem;
          line-height: 30px;
          display: block;
          text-align: center;
          margin: 0 auto 0.5rem auto;
          padding-right: 0.2rem;
          z-index: 999;
          color: #E6E6E6;
          border-radius: 50%;
        transition: ease 0.3s;
      }
			.progressbar li a, .progressbar li a:hover, .progressbar li a:focus {
  			color: #E6E6E6;
        padding: 0rem 1rem 2.5rem 1rem;
        cursor: default;
			}
			.progressbar li.active a, .progressbar li.active a:hover, .progressbar li.active a:focus {
  			color: #00837C;
			}
			.progressbar li.complete a {
  			color: #00837C;
        text-decoration: underline;
        cursor: pointer;
			}
			.progressbar li.complete {
        cursor: pointer;
			}
      .progressbar li.active:after {
          font-family: FontAwesome;
          width: 30px;
          height: 30px;
          color: #00837C;
          content: "\f192";
          font-size: 2.5rem;
          line-height: 30px;
          display: block;
          text-align: center;
          margin: 0 auto 0.5rem auto;
          padding-right: 0.2rem;
          z-index: 999;
          border-radius: 50%;
      }
      .progressbar li.complete:after {
          font-family: FontAwesome;
          width: 30px;
          height: 30px;
          color: #616161;
          content: "\f05d";
          font-size: 2.5rem;
          line-height: 30px;
          display: block;
          text-align: center;
          margin: 0 auto 0.5rem auto;
          padding-right: 0.2rem;
          z-index: 999;
          border-radius: 50%;
      }
      .progressbar li.complete:hover:after, .progressbar li.complete:focus:after {
          font-family: FontAwesome;
          color: #00837C;
          content: "\f192";
      }
      .progressbar li.complete:before {
        background-color: #616161;       
      } 
      .progressbar li.active:before {
        background-color: #00837C;
      }
      .progressbar li:before {
          width: 82%;
          height: 2px;
          content: '';
          position: absolute;
          background-color: #E6E6E6;
          top: 2.75rem;
          left: -40%;
          z-index: 1;
      }
      .progressbar li:first-child:before {
          content: none;
      }
      .progressbar li.active {
          color: #00837C;
      }
      
      .day {
        margin-top: 0.7rem;
      }
      
      .conditional {
        margin-bottom: 0.85rem !important;
        border:1px solid #eee;
      }
      @media only screen and (max-width: 52em) {
        #progress-container {
          visibility: hidden;
          display:none;
        }
      }
      
/* --------------- Custom radio styling -------------------- */
input[type="radio"].select-add {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  width: 1px;
}
input[type="radio"].select-add + label {
        color: #00837C;
 }
input[type="radio"].select-add + label::before {
    font-family: FontAwesome;
    color: #00837C;
    font-size: 1.5rem;
    content: "\f067";
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0.5em;
    transition: 0.3s ease all;
}
input[type="radio"].select-add:checked + label::before {
    font-family: FontAwesome;
    color: #00837C;
    font-size: 1.5rem;
    content: "\f067";
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0.5em;
    transition: 0.3s ease all;
}
      
/* --------------- Custom radio styling -------------------- */
input[type="radio"].select-remove {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  width: 1px;
}
input[type="radio"].select-remove + label {
        color: #00837C;
 }
input[type="radio"].select-remove + label::before {
    font-family: FontAwesome;
    color: #00837C;
    font-size: 2rem;
    content: "\f05c";
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0.5em;
    margin-top: 0.2em;
    transition: 0.3s ease all;
}
input[type="radio"].select-remove:checked + label::before {
    font-family: FontAwesome;
    color: #00837C;
    font-size: 2rem;
    content: "\f05c";
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0.5em;
    transition: 0.3s ease all;
}
/* --------------- Custom radio styling -------------------- */
input[type="radio"].select-radio {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  width: 1px;
}
input[type="radio"].select-radio + label::before {
    font-family: FontAwesome;
    font-size: 1.5rem;
    content: "\f1db";
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0.5em;
    transition: 0.3s ease all;
}
input[type="radio"].select-radio:checked + label::before {
    font-family: FontAwesome;
    color: #007C6E;
    font-size: 1.5rem;
    content: "\f058";
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0.5em;
    transition: 0.3s ease all;
}
/* --------------- Custom checkbox styling -------------------- */
input[type="checkbox"].select-checkbox {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  width: 1px;
}
input[type="checkbox"].select-checkbox + label::before {
    font-family: FontAwesome;
    font-size: 1.5rem;
    content: "\f096";
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0.5em;
    transition: 0.3s ease all;
}
input[type="checkbox"].select-checkbox:checked + label::before {
    font-family: FontAwesome;
    color: #007C6E;
    font-size: 1.5rem;
    content: "\f046";
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0.5em;
    transition: 0.3s ease all;
}
/* Form overrides */
form h1, form h2, form h3, form h4, form h5, form h6 {
  margin: 1.5rem 0 0.5rem 0;
    font-style: normal;
    font-weight: 400 !important;
    color: #555;
    line-height: 1.4;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
form hr {
  margin: 0 0 .85rem;
}
form label, form label.required, form legend.required {
    font-size: 1.143rem;
    margin: 0.3rem 0;
    display: block;
    font-family: "open_sanssemibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  	line-height: 1.5;
}
form .label, form .label.required {
    font-size: 1.143rem;
    margin: 0.3rem 0;
    display: block;
    font-family: "open_sanssemibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
  	color: #555;
  	background-color: #fff;
  	padding-left: .9375rem;
}
form label.required small, form legend.required small {
    text-transform: capitalize;
    color: #ed0000;
}
form .label.required small {
    text-transform: capitalize;
    color: #ed0000;
}
form small {
  font-size: 1.1rem;
}
form input, form select {
  min-height: 2.6125rem;
}
form select {
  margin: 0 0 1rem;
  font-size: 1rem;
}
fieldset legend h2, fieldset legend h3 {
  margin-left: 1rem;
}