@font-face {
  font-family: 'open_sans';
  src: url('/salarysacrifice/content/fonts/opensans-regular-webfont.eot');
  src: url('/salarysacrifice/content/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/salarysacrifice/content/fonts/opensans-regular-webfont.woff') format('woff'), url('/salarysacrifice/content/fonts/opensans-regular-webfont.ttf') format('truetype'), url('/salarysacrifice/content/fonts/opensans-regular-webfont.svg#open_sans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sans';
  src: url('/salarysacrifice/content/fonts/opensans-bold-webfont.eot');
  src: url('/salarysacrifice/content/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/salarysacrifice/content/fonts/opensans-bold-webfont.woff') format('woff'), url('/salarysacrifice/content/fonts/opensans-bold-webfont.ttf') format('truetype'), url('/salarysacrifice/content/fonts/opensans-bold-webfont.svg#open_sans') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'open_sans';
  src: url('/salarysacrifice/content/fonts/opensans-light-webfont.eot');
  src: url('/salarysacrifice/content/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/salarysacrifice/content/fonts/opensans-light-webfont.woff') format('woff'), url('/salarysacrifice/content/fonts/opensans-light-webfont.ttf') format('truetype'), url('/salarysacrifice/content/fonts/opensans-light-webfont.svg#open_sans') format('svg');
  font-weight: 200 ;
  font-style: normal;
}
:focus {
  outline: none !important;
}
html {
  height: 100%;
}
body {
  font-family: 'open_sans';
  height: 100%;
  width: 100%;
}
body > .container-fluid {
  height: 100%;
}
h1 {
  font-size: 24px;
  font-weight: 200;
}
h2 {
  font-size: 14px;
  font-weight: bold;
}
h2:first-child {
  margin-top: 0;
}
img.image-scale-2x {
  display: none;
}
.align-right {
  text-align: right;
}
.strong {
  font-weight: bold;
}
.hideit {
  display: none;
}
.fixed-row {
  display: table;
  width: 100%;
}
.fixed-col {
  display: table-cell;
}
.flexible-container {
  display: table;
  height: 100%;
  width: 100%;
}
.flexible-element {
  display: table-row;
  height: 1px;
}
.flexible-element.flexible-expand {
  height: 100%;
}
.max-width-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
.max-height-content {
  height: 100%;
}
.banner-content {
  border-bottom: 1px solid #cccccc;
}
.banner-logo {
  margin: 20px 26px 20px 0;
}
.navbar {
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.navbar-arrow {
  font-size: 14px;
  padding: 45px 5px 28px;
}
.navbar-menu-item {
  font-weight: 200;
}
.navbar-default .navbar-toggle {
  border: none;
  padding: 10px 9px 8px 9px;
  margin: 0 11px 0 0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #cccccc;
  border-radius: 0;
  width: 32px;
  height: 4px;
}
.navbar-default .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 2px;
}
.navbar-default .navbar-toggle .icon-text {
  font-size: 10px;
  font-weight: 600;
}
.footer {
  background-color: transparent;
  margin-top: 20px;
}
.footer .navbar {
  margin-bottom: 0;
  border-top: 1px solid #cccccc;
}
.disclaimer {
  border-top: 1px solid #cccccc;
  font-size: 10px;
  padding-top: 20px;
  margin-top: 20px;
}
.control-group {
  margin-bottom: 30px;
}
.control-group .btn-group {
  width: 100%;
}
.control-group .btn-group .btn {
  width: 50%;
}
.control-group .btn-group .btn.active {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25) inset;
}
span.arrow-right:before {
  content: "\25ba";
}
span.arrow-left:before {
  content: "\25c4";
}
span.arrow-up:before {
  content: "\25b2";
}
span.arrow-down:before {
  content: "\25bc";
}
.btn.btn-primary {
  border: none;
  background-color: #00a4e4;
  color: #ffffff;
  font-size: 20px;
  padding: 6px 18px;
}
.btn-primary[disabled] {
  background-color: #aaaaaa;
}
.btn-primary[disabled]:focus {
  background-color: #aaaaaa;
}
.btn-get-started {
  margin-right: 20px;
}
.calculator-image {
  vertical-align: top;
  width: 75px;
}
.navigation-link {
  font-size: 18px;
  margin: 20px 0;
}
.navigation-link a,
.navigation-link a:hover {
  text-decoration: none;
}
.contact-table td {
  padding-bottom: 10px;
}
.contact-method {
  width: 100%;
  margin-bottom: 20px;
}
.contact-image-col {
  width: 80px;
  text-align: center;
}
.contact-image-tall {
  height: 30px;
}
.contact-image-short {
  height: 20px;
}
.contact-image-tall,
.contact-image-short {
  vertical-align: middle;
  padding-right: 10px;
}
.contact-type {
  width: 65px;
  font-weight: 600;
}
.more-info-heading {
  overflow: auto;
}
.more-info-heading h1 {
  margin-bottom: 20px;
}
.more-info-heading img {
  float: right;
  margin-top: 3px;
}
.noUi-horizontal.noUi-extended {
  margin: 14px 0;
}
.more-info-subheading:first-of-type {
  margin-top: 0;
}
input.form-control {
  margin-top: 4px;
  border: 1px solid #cccccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  background-color: #ffffff;
  border-radius: 4px;
  height: 36px;
  line-height: 21px;
}
.slider-multi-textbox {
  margin-top: -20px;
}
.infographic {
  margin-bottom: 30px;
}
.infographic .infographic-title {
  font-weight: 600;
  height: 2.5em;
}
.infographic .infographic-text,
.infographic .infographic-image-col {
  vertical-align: middle;
}
.infographic .infographic-text .standout {
  font-size: 40px;
}
.infographic .infographic-image-col {
  width: 120px;
  padding-right: 10px;
  text-align: center;
}
.infographic .infographic-image {
  height: 100px;
}
.block-heading {
  border-radius: 5px;
  color: #ffffff;
  background-color: #cccccc;
  padding: 10px;
  font-size: 20px;
  margin-bottom: 20px;
}
.block-heading .block-heading-text,
.block-heading .block-heading-image {
  vertical-align: middle;
}
.block-heading .block-heading-image {
  height: 100%;
  width: 50px;
}
.block-heading .block-heading-text {
  padding-right: 15px;
}
.collapse-container {
  margin-bottom: 20px;
}
.collapse-container .collapse-handle {
  cursor: pointer;
}
.collapse-container .collapse-handle .collapse-icon,
.collapse-container .collapse-handle .collapse-title,
.collapse-container .collapse-handle .collapse-value {
  vertical-align: middle;
}
.collapse-container .collapse-handle .collapse-icon {
  width: 30px;
}
.collapse-container .collapse-handle .collapse-icon .glyphicon-minus {
  display: none;
}
.collapse-container .collapse-handle .collapse-value {
  text-align: right;
  width: 80px;
}
.collapse-container .collapse-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s linear;
}
.collapse-container.expanded .collapse-handle .collapse-icon .glyphicon-plus {
  display: none;
}
.collapse-container.expanded .collapse-handle .collapse-icon .glyphicon-minus {
  display: inline;
}
.collapse-container.expanded .collapse-content {
  max-height: 420px;
}
.collapse-container.expanded .collapse-content.employer-assistance-content {
  max-height: 640px;
}
.collapse-heading.collapse-handle {
  width: auto;
}
.collapse-heading.collapse-handle .collapse-icon {
  width: 20px;
  padding-top: 10px;
}
.collapse-heading.collapse-handle h1 {
  padding-right: 20px;
  display: inline-block;
}
.results-table-header {
  background-color: #cccccc;
  color: #ffffff;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
}
.results-table {
  width: 100%;
  table-layout: fixed;
}
.results-table tr {
  border-bottom: 1px solid #cccccc;
}
.results-table th,
.results-table td {
  padding: 5px;
  width: 120px;
}
.results-table th {
  vertical-align: top;
}
.results-table th.small {
  font-size: 10px;
}
.results-table .row-label {
  width: auto;
}
.results-table.results-table-mobile {
  margin: 20px 0;
}
.arrow-right-image {
  height: 22px;
  margin-left: 2px;
  position: relative;
  top: -2px;
}
.arrow-down-image {
  width: 40px;
}
.more-info-image {
  width: 60px;
}
.image-button {
  text-align: left;
  width: 100%;
  margin-bottom: 20px;
  max-width: 250px;
}
.image-button .fixed-col {
  vertical-align: middle;
}
.image-button .image-button-image {
  float: right;
}
.image-button .image-button-image.download-image {
  width: 40px;
  margin-top: 10px;
}
.image-button .image-button-image.email-image {
  width: 60px;
  margin-top: 15px;
}
.tooltip-target img {
  width: 40px;
  padding: 10px;
  margin: -10px;
}
.tooltip-target:hover {
  cursor: pointer;
}
.tooltip-content {
  display: none;
  line-height: 17px;
}
.qtip {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  font-size: 12px;
  padding: 5px;
}
.input-tooltip {
  float: right;
}
.contributions-warning {
  font-size: 12px;
  margin: 20px 0;
}
.contributions-warning .warning-image-col {
  width: 80px;
  vertical-align: top;
}
.contributions-warning .warning-image-col img {
  width: 60px;
  margin-top: 5px;
}
.employer-contact-table .fixed-col {
  padding-top: 5px;
  padding-bottom: 5px;
}
.employer-contact-table .fixed-col:first-child {
  font-weight: bold;
  width: 75px;
}
.employer-loading-img {
  margin-top: 10px;
  text-align: center;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .input-group .input-group-addon {
    line-height: 21px;
    padding-bottom: 5px;
  }
}
.EmployerBigHeader {
    margin-top: 0;
    margin-bottom: 20px;
}
.SSDetailsContent {
    margin-bottom: 40px;
}
.ErrorCalculating {
    margin-top: 10px;
}
.mypopover {
    cursor: pointer;
}
.popover-content > ul {
    margin-top: 1em;
}
.popover-content > p {
    margin-bottom: 0px;
}
.mypopover:focus {
    background: #aaaaaa;
}
.btn-primary {
    border: 2px solid #00a4e4 !important;
}
.btn-primary:focus {
    border: 2px solid #000000 !important;
}