@charset “utf-8″;

body {
  background-color: #cecece;
  color: #5a5a5a;
}

.outer-desktop {
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

.inner-desktop {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#header-title {
  font-weight: 700;
  text-align: left;
  background-color: #fff;
  color: #2a4252;
  border-bottom: 1px solid #ebebeb;
}

.survey-question {
  background-color: #c1d3cd;
  color: #2a4252;
  border-radius: 3px;
}

em,
input.PriorityCheck[type=checkbox]:checked+label,
input[type=checkbox]:checked+label,
input[type=radio]:checked+label {
  color: #3fa284;
}

.survey-none-question {
  margin: 0 15px;
  border-radius: 0;
}

.survey-step {
  height: 28px;
  padding-top: 10px;
  border-top: 1px solid #f0f0f0;
}

.bar,
.graph {
  height: 6px;
}

.bar {
  background: #3fa284;
}

.btn-next,
.btn-prev {
  background: #3fa284;
  border-radius: 0;
}

.btn-next:focus,
.btn-next:hover,
.btn-prev:focus,
.btn-prev:hover {
  background: #27876a;
  border-radius: 0;
}

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

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

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

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

input.PriorityCheck[type=checkbox]+label,
input[type=checkbox]+label,
input[type=radio]+label {
  -webkit-transition-property: scale;
  -webkit-transition-duration: .5s;
          transition-property: scale;
          transition-duration: .5s;
}

.check-selected {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url(../images/bt-checkboxS-new-emerald.png) left top no-repeat;
  background-size: 24px 24px;
}

input,
textarea {
  -webkit-transition: background-color .25s, border-color .25s;
          transition: background-color .25s, border-color .25s;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
}

input:focus,
textarea:focus {
  border: 1px solid #50b297;
  background-color: #fff;
  color: #50b297;
  outline: 0;
}
.RT-box {
  background-color: #f5f5f5;
  border: none;
  border-bottom: 1px solid #ebebeb;
}

.RT-box > div {
  border-top: 1px solid #ebebeb;
  font-weight: 700;
}

.RT-box div.white {
  background-color: #fff;
}
.RT-box div.gray {
  border-bottom: none;
  border-top: 1px solid #ebebeb;
}
.RT-box div.category,
.RT-box div.category-first {
  text-align: left;
  padding: 10px;
  color: #424240;
}
.option-list-group {
  background-color:#d9ece6;
}