@charset “utf-8″;

body {
  background-color: #8f8f8f;
}

.outer-desktop {
  border-radius: 5px;
  background-color: #0485c3;
}

#header-title {
  background: #fff;
  font-weight: 700;
  border-bottom: 1px solid #ebebeb;
  color: #0485c3;
}

@media screen and (max-width:767px) {
  #header-title {
    background-color: #0485c3;
    border-bottom: none;
    color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
  }
}

.survey-question {
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
}

.bar {
    height: 12px;
    background: #0485c3;
    background-size: 24px 24px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .35) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .35) 50%, rgba(255, 255, 255, .35) 75%, transparent 75%, transparent);
}

.btn-next,
.btn-prev {
    background: #0485c3;
}

.btn-next:focus,
.btn-next:hover,
.btn-prev:focus,
.btn-prev:hover {
    background: #026bb1;
}

em {
  color: #0485c3;
}

input[type=checkbox]:checked+label span {
  background: url(../images/bt-checkboxS-white-blue.png) left top no-repeat;
  background-size: 24px 24px;
}

input[type=radio]:checked+label span {
  background: url(../images/bt-radioS-white-blue.png) left top no-repeat;
  background-size: 24px 24px;
}

input.PriorityCheck[type=checkbox]+label span {
  background: url(../images/priority-check-white-blue.png) left top no-repeat;
  background-size: 504px 24px;
}

input.PriorityCheck[type=checkbox]:checked+label span {
  background: url(../images/priority-check-white-blue.png) -24px top no-repeat;
  background-size: 504px 24px;
}

.check-selected {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url(../images/bt-checkboxS-white-blue.png) left top no-repeat;
  background-size: 24px 24px;
}
.option-list-group {
  background-color:#cde7f3;
}