/** utility functions **/
/** handheld questions **/
.handheld .op-web-theme-question-text {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.025)), color-stop(100%, rgba(0, 0, 0, 0.05)));
  background-image: -moz-linear-gradient(0% 100% 90deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.025));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.025), rgba(0, 0, 0, 0.05));
  background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.025), rgba(0, 0, 0, 0.05));
  background-color: rgba(0, 0, 0, 0.037500000000000006);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.handheld .op-web-theme-section-heading {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.handheld .op-web-survey-question-response {
  background-color: inherit;
  color: inherit;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.handheld .op-web-survey-question-choice .options td label {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0.2)));
  background-image: -moz-linear-gradient(0% 100% 90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2));
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2));
  background-color: rgba(255, 255, 255, 0.30000000000000004);
}
.handheld .op-web-survey-question-choice .options td label.touch {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(200, 200, 200, 0.4)), color-stop(100%, rgba(200, 200, 200, 0.2)));
  background-image: -moz-linear-gradient(0% 100% 90deg, rgba(200, 200, 200, 0.2), rgba(200, 200, 200, 0.4));
  background-image: -o-linear-gradient(rgba(200, 200, 200, 0.4), rgba(200, 200, 200, 0.2));
  background-image: -ms-linear-gradient(rgba(200, 200, 200, 0.4), rgba(200, 200, 200, 0.2));
  background-color: rgba(200, 200, 200, 0.30000000000000004);
}
.handheld .op-web-survey-question-choice .options td.active label {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  background-image: -moz-linear-gradient(0% 100% 90deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
}
.handheld .op-web-survey-question-response.rating .ring {
  border: 2px solid rgba(0, 0, 0, 0.3);
  background-color: white;
}
.handheld .op-web-survey-question-response.rating .ring.active {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  background-image: -moz-linear-gradient(0% 100% 90deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  background-color: rgba(0, 0, 0, 0.25);
  border: none;
  padding-top: 2px;
}
.handheld .op-web-survey-question-response.rating .ring .number {
  color: black;
}
.handheld .op-web-survey-question-response.rating .ring.active .number {
  color: white;
  font-weight: bold;
}
.handheld input[type=text],
.handheld textarea,
.handheld select {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.handheld input[type=radio] {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.handheld button {
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -moz-linear-gradient(0% 100% 90deg, #cccccc, #eeeeee);
  background-image: -o-linear-gradient(#eeeeee, #cccccc);
  background-image: -ms-linear-gradient(#eeeeee, #cccccc);
  background-color: #dddddd;
}
.handheld button.touch {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
  background-image: -moz-linear-gradient(0% 100% 90deg, #bbbbbb, #dddddd);
  background-image: -o-linear-gradient(#dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(#dddddd, #bbbbbb);
  background-color: #cccccc;
}