h1 {
  font-size: 1.5rem;
}

.alignC {
  text-align: center;
}

.alignL {
  text-align: left;
}

.alignR {
  text-align: right;
}

.blueF {
  color: #000099;
}

.cellP_t {
  border-collapse: collapse;
}

.cellP_td_0 {
  padding: 0;
}

.cellP_td_2 {
  padding: 2px;
}

.cellP_td_4 {
  padding: 4px;
}

.cellSp_t_0 {
  border-spacing: 0;
}

.lGreen {
  color: #009900;
}

.small {
  font-size: small
}

.smaller {
  font-size: smaller
}

.N1 {
  font-size: medium;
}

.large {
  font-size: large
}

.larger {
  font-size: larger
}

.xlarge {
  font-size: x-large
}

.times {
  font-family: 'Times New Roman';
}

.arial {
  font-family: Arial, 'Franklin Gothic Medium', 'Arial Narrow', sans-serif
}

.ut {
  text-decoration: underline;
}

.vTop {
  vertical-align: top;
}

.vBottom {
  vertical-align: bottom;
}

.vMiddle {
  vertical-align: middle;
}

.center {
  margin-left: auto;
  margin-right: auto
}

.w1 {
  width: 1%;
}

.w2 {
  width: 2%;
}

.w3 {
  width: 3%;
}

.w4 {
  width: 4%;
}

.w5 {
  width: 5%;
}

.w20 {
  width: 20%;
}

.w31 {
  width: 31%;
}

.w32 {
  width: 32%;
}

.w36 {
  width: 36%;
}

.w38 {
  width: 38%;
}

.w48 {
  width: 48%;
}

.w70 {
  width: 70%;
}

.w93 {
  width: 93%;
}

.w96 {
  width: 96%;
}

.w98 {
  width: 98%;
}

.w100 {
  width: 100%;
}

.w400px {
  width: 400px;
}

.w600px {
  width: 600px;
}

table.pad0 td {
  padding: 0;
}

table.pad0 th {
  padding: 0;
}

table.pad2 td {
  padding: 2px;
}

table.pad2 th {
  padding: 2px;
}

#strCustomHTML {
  font-size: medium;
}

.surveyBody {
  background-color: #ffffff;
  margin: 10px 10px 0px 10px;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.bg-subaru-blue {
  background: #283c83;
}

.subaru-blue-stripe {
  border-bottom: solid 2px #000;
  height: 8px;
  width: 100%;
}

.subaruBlueStripe {
  background-color: #283c83;
}

.subaruFontColor {
  color: #283c83;
}

.subaruBlackStripe {
  background-color: #000000;
  line-height: 2px;
}

.black {
  color: #000000;
}

.logoWidth {
  width: 100px
}

p.MsoNormal {
  margin-top: 0in;
  margin-right: 0in;
  margin-bottom: 12.0pt;
  margin-left: 0in;
  text-indent: .25in;
  line-height: 200%;
  font-size: 11.0pt;
  font-family: "Calibri","sans-serif";
}

a:link {
  color: #000099;
  text-decoration: underline;
}

body {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.chevron::before {
  border-style: solid;
  border-width: 0.60em 0.60em 0 0;
  content: '';
  display: inline-block;
  height: 1.4em;
  left: 0.05em;
  position: relative;
  top: 0.05em;
  transform: rotate(-45deg);
  vertical-align: middle;
  width: 1.4em;
}

.chevron.right:before {
  left: 0;
  transform: rotate(45deg);
  border-right-color: #98b950;
  border-top-color: #98b950;
}

.chevron.left:before {
  left: 0.25em;
  transform: rotate(-135deg);
  border-right-color: #d89292;
  border-top-color: #d89292;
}

.mobile-only {
  display: flex;
}

.desktop-only {
  display: none;
}

.btn-light {
  color: black !important
}

  .btn-light:active, .btn-light.active {
    color: white !important;
    transition-property: none;
  }

  .btn-light:hover {
    color: white !important;
  }

.btn-primary {
  background-color: #ffffff;
  border-color: #003b7a;
  color: black;
  cursor: pointer;
}

  .btn-primary:focus,
  .btn-primary:hover {
    background-color: #868686 !important;
    border-color: #868686 !important;
    color: white;
  }

.btn-nav {
  background-color: #ffffff;
  border-color: #003b7a;
  color: black;
  cursor: pointer;
}

  .btn-nav:focus,
  .btn-nav:hover {
    background-color: #868686 !important;
    border-color: #868686 !important;
    color: white;
  }

.btn-submit {
  background-color: #003b7a;
  border-color: #003b7a;
  color: white;
  cursor: pointer;
}

  .btn-submit:focus, 
  .btn-submit:hover {
    background-color: #868686 !important;
    border-color: #868686 !important;
    color: white;
  }

.btn-secondary {
  background: #d3d3d3 !important;
  color: #000000 !important;
  border-top: 2px solid #dcdcdc !important;
  border-left: 2px solid #dcdcdc !important;
  border-bottom: 2px solid #c0c0c0 !important;
  border-right: 2px solid #c0c0c0 !important;
  cursor: pointer;
}

  .btn-secondary:hover {
    background: #DCDCDC !important;
  }

label.selectall {
  text-align: left;
  border: 0px;
  margin: 0 auto;
  white-space: normal;
}

image.imgscale {
  max-width: 100%;
  height: auto;
}

image.imgdisplay {
  box-shadow: 10px 10px 5px grey;
  display: block;
  margin: auto;
}

label.checklabel {
  display: block;
  margin-left: 1.2em;
  cursor: pointer;
}

input.checkinput {
  float: left;
  margin-top: 0.3em;
}

input[type='checkbox']:hover {
  cursor: pointer;
}

input[type='radio']:checked:hover {
  cursor: pointer;
}

.formdisplay {
}

.progressStatus {
  border-left: solid 1px #A9A9A9;
  height: 15px;
  background-color: #d3d3d3;
  border-radius: 15px 15px 15px 15px;
  overflow: hidden;
  vertical-align: top;
}

.progressContainer {
  border-right: solid 1px #A9A9A9;
  border-top: solid 1px #A9A9A9;
  border-bottom: solid 1px #A9A9A9;
  height: 17px;
  background-color: #ffffff;
  border-radius: 15px 15px 15px 15px;
}

.divpad5 {
  padding-left: 5px;
  padding-right: 5px;
}

.drcMatrix {
  font-size: small;
  margin-top: 2px;
  margin-bottom: 10px;
  /*padding: 5px 5px 5px 5px;*/
}

.drcMatrixNoPadding {
  font-size: small;
  margin-top: 2px;
  margin-bottom: 10px;
  padding: 0px;
}

.drcGray {
  background-color: #F0F0F0;
  border-radius: 5px;
  border: solid 1px #F0F0F0;
}

@media (min-width: 992px) {
  .mobile-only {
    display: none;
  }

  .desktop-only {
    display: block;
  }

  .form-check {
    text-align: center;
  }

  .form-check-input {
    margin-left: 0;
  }

  .dt-border-left::before {
    content: ' ';
    height: 80px;
    width: 1px;
    background: #000;
    position: absolute;
    left: 0;
  }

  .tdImpact {
    width: 26.66%;
  }

  .tdImpactMargin {
    width: 10%;
  }
}

@media (max-width: 993px) {
  .form-check {
    margin-left: 12%;
  }

  .mobile-margin {
    margin: 1rem 0;
  }

  .tdImpact {
    width: 33.33%;
  }

  .tdImpactMargin {
    width: 0%;
  }
}

img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}

.brd {
  border: 1px dashed fuchsia;
}

.questionStem {
  color: black;
}

.responseText {
  color: black;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}