/*$questionLeftMargin: 4.5vw;*/
html, body {
  background: #8b8a85;
  height: 100%;
  color: #777671;
  font-family: "Tenso",Helvetica, Arial, sans-serif;
  line-height: 1.38;
  overflow-y: hidden; }

.header {
  background: #56534e;
  /*margin-left:$sideMargins;
  margin-right:$sideMargins;*/
  /*height:$headerHeight;*/
  overflow: hidden; }

.almHeader {
  float: left;
  font-weight: bold;
  color: #849f61;
  margin-left: 0;
  width: 145px;
  height: 77px;
  font-size: 2.5em;
  line-height: 0.5em;
  padding: 0px;
  padding-left: 20px;
  margin: 15px 0px 0px 0px;
  font-family: "Tenso", Helvetica, Arial, sans-serif; }
  .almHeader span {
    display: block;
    font-size: 0.6em;
    margin-top: 0px;
    line-height: 1em; }

.logoutHeader {
  margin-top: 37px;
  display: table-cell;
  width: auto;
  color: #849f61;
  padding-left: 20px;
  vertical-align: middle;
  height: 100px; }

.logout {
  border: 1px solid #849F61;
  color: #849F61;
  /*background:$greenText;*/
  border-radius: 5px;
  padding: 5px;
  text-decoration: none;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold; }
  .logout:hover {
    color: #fff;
    border: 1px solid #fff; }

.sessionRefNumber {
  float: right;
  color: #fff;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 22.0833px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  margin-top: 15px;
  margin-right: 20px;
  color: #fff !important;
  text-decoration: none; }
  .sessionRefNumber span {
    font-size: 1.5em;
    display: block; }

.sessionNumber {
  float: right;
  background: #777;
  color: #fff;
  text-decoration: none;
  margin-top: 27px;
  display: block;
  text-decoration: none;
  border-bottom-left-radius: 21.0333px;
  border-bottom-right-radius: 21.0333px;
  border-top-left-radius: 21.0333px;
  border-top-right-radius: 21.0333px;
  margin-right: 10px;
  color: #FFF;
  cursor: pointer;
  display: block;
  font-family: "Tenso",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.0833px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px; }
  .sessionNumber:visited {
    color: #fff; }
  .sessionNumber:hover {
    color: #fff;
    background: #849F61; }

.userInfoHeader {
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  /* padding-left:$questionLeftMargin; */ }
  .userInfoHeader .userName {
    color: #fff;
    font-weight: bold; }
    .userInfoHeader .userName a {
      color: #fff !important; }
  .userInfoHeader .userFacility {
    float: none;
    color: #fff;
    font-weight: bold; }
  .userInfoHeader .userLogout {
    /* 	margin-top:22px;
    	float:right;
    	 */ }
  .userInfoHeader .logoutLink {
    color: #849f61;
    font-weight: bold;
    /*border:2px solid $greenText;*/
    /* padding:2px 5px 2px 5px; */
    border-radius: 5px;
    text-decoration: none;
    font-size: 0.8em;
    text-transform: uppercase;
    /*
    	font-weight:bold;
    */ }
    .userInfoHeader .logoutLink:hover {
      color: #fff;
      /* border:2px solid #fff; */ }

.sessionInfoHeader {
  display: table-cell;
  width: 50%; }

.newSession {
  float: right;
  color: #fff !important;
  font-weight: bold;
  margin-right: 34px;
  cursor: pointer;
  display: block;
  background: url("images/newPatientIcon.png") no-repeat;
  text-decoration: none;
  /*
  	text-indent:57px;
  	padding-top:35px;
  	padding-bottom:15px;
  */
  padding-top: 25px;
  padding-bottom: 0px;
  padding-left: 57px;
  width: 100px; }

.wrap {
  width: 100%; }

.sidebar {
  background: #7c7a74;
  color: white;
  margin-top: 0;
  overflow-y: auto;
  overflow-x: hidden;
  /*float:left;*/
  /*height:$mainHeight;*/
  width: 260px;
  border-top: 1px solid #fff;
  bottom: 10px;
  top: 100px;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; }
  .sidebar a:hover, .sidebar a:link, .sidebar a:visited {
    color: #fff;
    padding: 22px 0;
    margin: 0;
    min-height: 44px;
    /*text-indent: 75px;*/
    padding-left: 20px;
    padding-right: 20px;
    display: block; }

.sidebar a {
  color: white;
  text-decoration: none; }

#content {
  margin-top: 0;
  /* height:$mainHeight; */
  background: #56534e;
  /*margin-left:$sideMargins;
  margin-right:$sideMargins;*/ }

.column #content {
  background: inherit; }

.column {
  /*float:left;*/
  /*height:$mainHeight;*/
  overflow-y: auto;
  border-top: 1px solid #fff;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; }

#column2 {
  width: 27.3vw;
  overflow-y: auto;
  /*overflow-x: hidden;*/
  background: #dddbd6;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; }

#columnWide {
  background: #fff;
  width: auto;
  float: none; }

#column2 > ul {
  margin: 0; }

#columnDisplay,
#columnFull {
  background: #fff;
  width: auto;
  float: none;
  /*margin-right:20px;*/
  padding-top: 0px; }

#column2 .question,
#column2 .dialog,
#column2 .glossCat,
#column2 .glossTerm,
#column2 .backButton {
  color: #777671;
  background: #dddbd6;
  border: 1px solid #fff;
  border-top: 1px solid #dddbd6;
  background-size: 20px;
  display: block;
  font-weight: bold;
  padding: 17px;
  cursor: pointer; }

#column2 .within-category {
  padding-left: 40px;
  background: #eee; }

#column2 .glossTerm {
  padding-left: 40px;
  background: #eee; }

#column2 .backButton {
  text-indent: 50px;
  background-image: url("images/arrow.png");
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 20px;
  position: fixed;
  width: 283px; }

ul.subquestions {
  margin: 0; }

#column2 .question .subquestions .question {
  color: #849f61;
  background: #dddbd6;
  border: none;
  padding: 5px, 15px;
  margin-top: 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px; }

#column2 .question .subquestions li.selectedQuestion {
  color: #ffffff; }

#columnWide .selectedResponse,
#columnDisplay .selectedResponse {
  background: url("images/checkmark.png") no-repeat scroll 0 34px transparent; }

#column2 li.selectedQuestion {
  background: #849f61;
  /*border-right:	1px solid $selectedBackground;*/
  border-top: 1px solid #849f61;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #dddbd6;
  color: #fff; }

.question a {
  color: #777671; }

.selectedWidget {
  background-color: #849f61; }

.widget {
  padding: 0;
  margin: 0; }

.navQ, .navQinactive {
  display: block;
  cursor: pointer;
  float: left;
  padding: 10px 25px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px; }

.backQ.navQ {
  display: none;
  margin-right: 20px; }

@media screen and (max-width: 767px) {
  .show-content .backQ.navQ {
    display: block; } }

.prevQ {
  margin-left: 20px; }

.nextQ {
  margin-right: 20px;
  float: right; }

.quick-next-prev {
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  top: -8px; }
  .quick-next-prev .quickPrevQ {
    background: #fff;
    color: #849f61;
    text-align: center;
    margin-right: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 10px 25px;
    display: inline-block;
    cursor: pointer;
    border: 2px solid #849f61;
    font-weight: bold; }
  .quick-next-prev .quickNextQ {
    background: #fff;
    color: #849f61;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 10px 25px;
    display: inline-block;
    cursor: pointer;
    border: 2px solid #849f61;
    font-weight: bold; }

.navQ {
  background: #849f61;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center; }

.navQ, .navQinactive {
  display: block;
  /*
  	font-weight: bold;
  */
  cursor: pointer;
  float: left;
  padding: 10px 25px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px; }

.prevQ {
  margin-left: 20px; }

.nextQ {
  margin-right: 20px;
  float: right; }

.quick-next-prev {
  float: right;
  margin-right: 10px;
  margin-left: 10px; }

.navQ {
  background: #849f61;
  color: #fff;
  text-align: center; }

.navQinactive {
  background: #dddbd6;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px; }

.audiobutton {
  float: right;
  background: url("../images/audio.svg") no-repeat;
  background-size: contain;
  height: 49px;
  width: 73px;
  margin-bottom: -49px;
  cursor: pointer;
  margin-top: 10px; }

.questionMain {
  display: block;
  font-weight: medium;
  margin-left: 50px;
  padding-left: 0;
  margin-right: 0px;
  color: #777671;
  word-break: break-word;
  font-size: 1em; }

.languageSelect, .response {
  display: block;
  font-weight: medium;
  cursor: pointer;
  margin-left: 50px;
  padding-left: 50px;
  padding-top: 10px;
  margin-right: 0px;
  color: #777671;
  border-top: 1px solid #dddbd6;
  margin-bottom: 1.5em;
  font-size: 1em; }

.languageSelect {
  margin-bottom: 1em; }

.languageSelect .english {
  font-size: 1.375em; }

.english {
  color: #849f61;
  font-weight: bold;
  font-family: "Tenso",Helvetica, Arial, sans-serif; }

.questionMain .english {
  border-bottom: 1px solid #dddbd6;
  padding-bottom: 0.5em;
  font-size: 1.375em;
  min-height: 50px;
  margin-top: 20px; }

.responses .translated_roman {
  min-height: 66px; }

.response .english {
  font-size: 1.375em; }

.translated_roman, .roman {
  word-break: break-word; }

.syllabics, input[type="text"].syllabics {
  font-family: "Maagonigan","comic sans";
  word-break: break-word; }

.translation-intro p {
  margin-bottom: 15px; }

.languageSelect > .translated_roman, .languageSelect > .roman,
.response > .translated_roman, .response > .roman,
.questionMain > .translated_roman, .questionMain > .roman {
  font-size: 3em;
  margin-right: 75px; }

.languageSelect > .syllabics,
.response > .syllabics,
.questionMain > .syllabics {
  font-size: 4em; }

#anatomySelector {
  width: 100%;
  background-color: #5f5d56;
  text-align: center; }

#anatomySelector img.anatomyMap {
  margin-top: 24px; }

#anatomySelector > div {
  width: 330px;
  margin-left: auto;
  margin-right: auto; }

#anatomySelector div.sideLabel {
  width: 50%;
  float: left;
  color: #849f61;
  font-size: 1em; }

#anatomySelected {
  width: 100%;
  min-height: 175px;
  color: #dddbd6;
  text-indent: 39px;
  background-color: #5f5d56;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0; }

#anatomySelected p {
  margin: 0;
  padding-top: 14px;
  padding-bottom: 19px;
  font-size: 1.375em; }

#anatomySelected .english {
  color: #dddbd6;
  font-size: 1.375em; }

#QuestionSearch input[type="text"] {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  background: #7c7a74;
  color: #cccccc;
  height: 60px;
  text-indent: 20px;
  font-size: 20px; }

#QuestionSearch label, #QuestionSearch input[type="radio"] {
  margin-bottom: 24px;
  font-size: 20px;
  color: #fff; }

#QuestionSearch label {
  margin-left: 8px;
  margin-right: 16px; }

#QuestionSearch {
  padding-left: 30px;
  padding-right: 110px; }

#QuestionSearch.SearchAll,
.glossarySearch #QuestionSearch {
  padding-right: 30px; }

.glossarySearch, .allSearch, .allResponseSearch {
  width: 100%;
  min-height: 100px;
  background-color: #5f5d56;
  padding: 0;
  padding-top: 20px; }

#QuestionSearch > span {
  white-space: nowrap; }

#QuestionResponseSearchWrapper input[type="text"] {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  background: #fff;
  color: #777671;
  height: 60px;
  text-indent: 20px;
  font-size: 20px;
  border: 1px solid #888; }

#QuestionResponseSearchWrapper label, #QuestionResponseSearchWrapper input[type="radio"] {
  margin-bottom: 24px;
  font-size: 19px; }

#QuestionResponseSearchWrapper label {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  display: block;
  height: 50px; }

#QuestionResponseSearchWrapper {
  padding-left: 20px;
  padding-right: 110px; }

#QuestionResponseSearchWrapper.SearchAll {
  padding-right: 20px; }

.allResponseSearch {
  width: 100%;
  min-height: 100px;
  max-width: 471px;
  background-color: #5f5d56;
  background: #fff;
  color: #777671;
  padding: 0;
  padding-top: 20px; }

#QuestionResponseSearchWrapper > span {
  white-space: nowrap; }

#column2 .hidden {
  visibility: hidden;
  display: none; }

@media (max-width: 1149px) {
  .sidebar {
    width: 220px; }

  .welcomeMessage {
    padding-left: 0; }

  .response {
    margin-left: 5px; } }
.mCSB_inside > .mCSB_container {
  margin-right: 0px; }

html, body, td, div, tr, table {
  padding: 0;
  margin: 0; }

html {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; }

body {
  overflow: hidden; }

.column {
  position: absolute;
  top: 100px;
  bottom: 10px;
  padding: 0px;
  overflow-y: auto; }

.sidebar {
  background: #aaa;
  left: 0;
  /*width:150px;*/
  width: 260px;
  position: absolute; }

#column2 {
  background: #888;
  width: 300px;
  left: 260px;
  right: auto;
  overflow-y: auto;
  position: absolute; }

#columnWide {
  left: 260px;
  right: 0px;
  position: absolute;
  overflow-y: auto; }

#columnDisplay {
  right: 0;
  left: 560px;
  /* = width + 2 * padding of left column */
  right: 0px;
  /* = width + 2 * padding of right column */
  overflow-y: auto;
  position: absolute; }

#nextPrevButtons {
  display: none;
  background: #56534e;
  position: absolute;
  bottom: 10px;
  right: 0px;
  height: 80px;
  z-index: 4;
  overflow-y: auto; }
  @media screen and (min-width: 10px) and (max-width: 767px) {
    #nextPrevButtons {
      width: 100%;
      left: 0px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #nextPrevButtons {
      left: 325px; } }
  @media screen and (min-width: 1024px) {
    #nextPrevButtons {
      left: 560px; } }

.show-content #nextPrevButtons {
  display: block; }

#columnFull {
  right: 0;
  left: 0px;
  /* = width + 2 * padding of left column */
  right: 0px;
  /* = width + 2 * padding of right column */
  overflow-y: auto;
  position: absolute;
  padding-left: 20px; }

#footer {
  height: 30px;
  width: 100%;
  bottom: 0; }

.page-template-glossaryPage .response,
.page-template-searchpage .response {
  padding-left: 0px;
  border-top: none; }

.editLogForm {
  padding-top: 20px;
  padding-left: 10px; }
  .editLogForm label {
    font-weight: bold;
    display: block; }
  .editLogForm input[type=text] {
    display: inline-block;
    margin-right: 10px;
    max-width: 80%; }
  .editLogForm button {
    margin-right: 10px; }

.newCustomResponse {
  padding: 0px 20px 20px 20px;
  color: #777671; }
  .newCustomResponse > span {
    display: block;
    font-weight: bold;
    padding: 0px 0px 5px 0px; }
  .newCustomResponse img {
    width: 32px; }

.widgetIcon {
  width: 44px;
  height: 44px;
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px; }

input[type=radio] {
  margin-bottom: 0px; }

/*
Settings page for specifying person's name, etc.
*/
#columnWide .columnContent {
  padding: 0px 30px 0px 30px; }

/* BuddyPress */
.bp-single-group.hidden {
  display: inherit;
  visibility: inherit; }

button, .button-primary {
  background: none repeat scroll 0% 0% #849F61;
  color: #FFF;
  padding: 10px 25px;
  border: 0px;
  border-radius: 30px; }

.settings-menu {
  vertical-align: top; }
  .settings-menu ul {
    display: inline-block;
    vertical-align: top; }

.fieldWrapper {
  vertical-align: top;
  margin-bottom: 10px;
  display: table-row; }
  .fieldWrapper .fieldName {
    display: table-cell;
    font-weight: bold;
    min-width: 150px;
    vertical-align: middle;
    padding: 3px 0px 3px 0px; }
  .fieldWrapper .fieldValue {
    display: table-cell;
    min-width: 150px;
    vertical-align: middle;
    padding: 3px 0px 3px 0px; }
    .fieldWrapper .fieldValue input[type=text] {
      min-width: 300px; }
    .fieldWrapper .fieldValue label {
      margin-right: 15px; }
    .fieldWrapper .fieldValue input[type=radio] {
      margin-right: 5px; }

/* BuddyPress Overrides */
#invite-anyone-group-list li {
  font-size: 1em; }

#invite-anyone-group-list label {
  margin-top: 5px; }

.kbutton, .krbutton {
  cursor: pointer;
  width: 32px;
  height: 32px; }

button.search img {
  height: 32px; }

.ui-keyboard-preview-wrapper input[type="text"][disabled] {
  opacity: 1;
  background: #fff;
  color: #000; }
.ui-keyboard-preview-wrapper input {
  background: none;
  display: inline;
  left: 43px;
  position: relative;
  top: -6px; }
  .ui-keyboard-preview-wrapper input:active, .ui-keyboard-preview-wrapper input:focus {
    background: #7C7A74 none repeat scroll 0% 0%;
    background: #fff none repeat scroll 0% 0%;
    color: #000; }

.ui-keyboard-preview {
  opacity: 1;
  background: #fff;
  color: #000; }
  .ui-keyboard-preview:disabled {
    background: #fff;
    color: #000; }

.ui-keyboard {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  padding: 25px;
  width: 100%;
  top: 0px;
  bottom: 0px; }
  .ui-keyboard .ui-keyboard-button {
    height: auto !important;
    /*border:1px solid #333;*/ }
  .ui-keyboard.oj_syl input, .ui-keyboard.cr_syl input {
    font-family: Maagonigan !important; }
  .ui-keyboard.oj_syl .ui-keyboard-keyset, .ui-keyboard.cr_syl .ui-keyboard-keyset {
    /*left: 215px;*/
    position: relative; }
    .ui-keyboard.oj_syl .ui-keyboard-keyset .ui-keyboard-button, .ui-keyboard.cr_syl .ui-keyboard-keyset .ui-keyboard-button {
      font-family: Maagonigan !important; }
      .ui-keyboard.oj_syl .ui-keyboard-keyset .ui-keyboard-button[name="bksp"]
      , .ui-keyboard.oj_syl .ui-keyboard-keyset .ui-keyboard-button[name="enter"]
      , .ui-keyboard.oj_syl .ui-keyboard-keyset .ui-keyboard-button[name="del"]
      , .ui-keyboard.oj_syl .ui-keyboard-keyset .ui-keyboard-button[name="clear"]
      , .ui-keyboard.oj_syl .ui-keyboard-keyset .ui-keyboard-button[name="accept"]
      , .ui-keyboard.oj_syl .ui-keyboard-keyset .ui-keyboard-button[name="cancel"]
      , .ui-keyboard.oj_syl .ui-keyboard-keyset .ui-keyboard-button[name="shift"], .ui-keyboard.cr_syl .ui-keyboard-keyset .ui-keyboard-button[name="bksp"]
      , .ui-keyboard.cr_syl .ui-keyboard-keyset .ui-keyboard-button[name="enter"]
      , .ui-keyboard.cr_syl .ui-keyboard-keyset .ui-keyboard-button[name="del"]
      , .ui-keyboard.cr_syl .ui-keyboard-keyset .ui-keyboard-button[name="clear"]
      , .ui-keyboard.cr_syl .ui-keyboard-keyset .ui-keyboard-button[name="accept"]
      , .ui-keyboard.cr_syl .ui-keyboard-keyset .ui-keyboard-button[name="cancel"]
      , .ui-keyboard.cr_syl .ui-keyboard-keyset .ui-keyboard-button[name="shift"] {
        font-family: "Arial" !important; }
  .ui-keyboard .ui-widget-content {
    border-radius: 30px;
    background: #7C7A74 none repeat scroll 0% 0%;
    color: #CCC;
    height: 60px;
    text-indent: 20px;
    font-size: 20px; }

.searchLang {
  display: inline-block; }
  .searchLang .lang_oj_syl, .searchLang .lang_cr_syl {
    font-family: Maagonigan !important; }

.lang_oj_syl, .lang_cr_syl {
  font-family: Maagonigan !important; }
  .lang_oj_syl label, .lang_cr_syl label {
    font-family: Maagonigan !important; }

button.search {
  background: transparent;
  color: #FFF;
  padding: 0px;
  border: none;
  border-radius: 0px;
  font-weight: bold; }

#QuestionSearch {
  padding: 0px 10px 0px 10px; }

#QuestionSearch input[type="text"] {
  max-width: 94%; }

.searchWrappers {
  display: table;
  vertical-align: middle;
  width: 100%; }

.kbuttonWrapper {
  display: table-cell;
  vertical-align: top;
  padding-top: 10px;
  padding-right: 10px; }

.searchWrapper {
  display: table-cell;
  vertical-align: middle; }

.searchButtonWrapper {
  display: table-cell;
  vertical-align: top;
  padding-top: 10px; }

.searchTabs {
  position: relative;
  min-height: 40px;
  clear: both;
  margin: 0px;
  background: transparent;
  display: table;
  width: 100%; }

.searchTab {
  display: table-cell;
  width: 33.33333333%;
  background: transparent;
  text-align: center;
  vertical-align: top; }

.searchTab label {
  background: transparent;
  padding: 10px;
  border: 1px solid #888;
  margin-left: -1px;
  position: relative;
  left: 1px; }

.searchTab [type=radio] {
  display: none; }

[type=radio]:checked ~ label {
  background: white;
  z-index: 2; }

[type=radio]:checked ~ label ~ .content {
  z-index: 1; }

#QuestionSearch {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  #QuestionSearch input {
    margin-left: 10px;
    margin-right: 10px; }

#QuestionSearch.SearchAll {
  padding-right: 0px; }

#QuestionSearch label, #QuestionSearch input[type="radio"] {
  font-size: 1em; }

#QuestionSearch label {
  margin-left: 0px;
  margin-right: 0px;
  margin: 0px;
  font-size: 1em;
  cursor: pointer;
  border: none;
  display: block; }

#QuestionResponseSearch {
  width: auto; }
  #QuestionResponseSearch .searchWrappers {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto; }
  #QuestionResponseSearch .kbuttonWrapper {
    display: table-cell;
    vertical-align: top;
    padding-top: 10px;
    padding-right: 10px; }
  #QuestionResponseSearch .searchWrapper {
    display: table-cell;
    vertical-align: middle; }
  #QuestionResponseSearch .searchButtonWrapper {
    display: table-cell;
    vertical-align: top;
    padding-top: 10px; }
  #QuestionResponseSearch .searchTabs {
    position: relative;
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  #QuestionResponseSearch .searchTab {
    vertical-align: middle; }

[type="radio"]:checked ~ label {
  background: #849f61;
  color: #fff; }

.glossarySearch #QuestionSearch {
  padding-right: 10px; }

#dialogList {
  margin: 0px; }

.notranslations {
  background: #fff;
  padding: 10px; }

.searchWrappers {
  display: table;
  vertical-align: middle;
  width: 100%; }

.kbuttonWrapper {
  display: table-cell;
  vertical-align: top;
  padding-top: 10px;
  padding-right: 10px; }

.searchWrapper {
  display: table-cell;
  vertical-align: middle; }

.searchButtonWrapper {
  display: table-cell;
  vertical-align: top;
  padding-top: 10px; }

.sortTabs {
  position: relative;
  min-height: 40px;
  clear: both;
  margin: 0px;
  display: table;
  width: 100%; }
  .sortTabs .sortTab {
    display: table-cell;
    width: 49.9%;
    text-align: center;
    vertical-align: top;
    color: white;
    cursor: pointer;
    text-decoration: none;
    padding: 10px;
    padding-top: 15px;
    border: 1px solid #888;
    margin-left: -1px;
    position: relative; }
    .sortTabs .sortTab:link, .sortTabs .sortTab:visited {
      color: white; }
    .sortTabs .sortTab.activated {
      background: #849f61;
      color: #fff; }

/*
#wpadminbar {
position:absolute;
}
*/
#scroller {
  /* Prevent elements to be highlighted on tap */
  -webkit-tap-highlight-color: transparent;
  /* Put the scroller into the HW Compositing layer right from the start */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

#buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a {
  background: #849f61;
  color: #fff; }

#buddypress {
  max-width: 800px; }

#buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 {
  font-weight: normal;
  font-size: 1em; }

table.sessions {
  width: 100%;
  max-width: 1024px; }
  table.sessions td {
    padding: 0px;
    vertical-align: top; }
    @media screen and (min-width: 768px) {
      table.sessions td.id {
        text-align: center;
        padding: 0px; } }
    table.sessions td a {
      display: block;
      width: 100%;
      padding: 10px;
      text-decoration: none; }
    table.sessions td.name {
      text-align: left; }
    table.sessions td.facility {
      text-align: left; }
    table.sessions td.start {
      text-align: left; }
    table.sessions td.end {
      text-align: left; }
    table.sessions td.patient {
      text-align: left; }
  table.sessions th {
    padding: 10px;
    text-align: left; }
  table.sessions td {
    border-bottom: 2px solid #ccc; }
  table.sessions tr:nth-child(2n+1) td {
    background: #eee; }
  table.sessions tr.active td {
    background: #849F61;
    color: #fff; }
    table.sessions tr.active td a {
      color: #fff !important;
      text-decoration: none; }
  table.sessions tr.viewing td {
    background: #777;
    color: #fff; }
    table.sessions tr.viewing td a {
      color: #fff !important; }

table.sessionlog td {
  padding: 5px 10px 5px 10px; }
  table.sessionlog td.id {
    text-align: center;
    padding: 0px; }
  table.sessionlog td.name {
    text-align: left; }
  table.sessionlog td.facility {
    text-align: left; }
  table.sessionlog td.start {
    text-align: left; }
  table.sessionlog td.end {
    text-align: left; }
  table.sessionlog td.patient {
    text-align: left; }
table.sessionlog .responseText span {
  display: block; }
table.sessionlog th {
  padding: 10px;
  text-align: left; }
table.sessionlog td {
  border-bottom: 2px solid #ccc;
  vertical-align: top; }
table.sessionlog tr:nth-child(2n+1) td {
  background: #eee; }
table.sessionlog tr.active td {
  background: #849F61;
  color: #fff; }
  table.sessionlog tr.active td a {
    color: #fff !important;
    text-decoration: none; }
table.sessionlog tr.viewing td {
  background: #777;
  color: #fff; }
  table.sessionlog tr.viewing td a {
    color: #fff !important; }
table.sessionlog .customResponse td {
  font-weight: bold; }

.column.padded {
  padding: 20px; }

.setSessionButton {
  margin: 10px 0px 10px 0px; }

.clear-button {
  margin-left: 10px; }

.button, input[type=submit], input[type=button]
, #buddypress .comment-reply-link, #buddypress a.button, #buddypress button, #buddypress div.generic-button a, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, a.bp-title-button {
  background: #7C7A74;
  color: #fff;
  text-decoration: none;
  /*background-color: #849F61;*/
  border-bottom-left-radius: 21.0333px;
  border-bottom-right-radius: 21.0333px;
  border-top-left-radius: 21.0333px;
  border-top-right-radius: 21.0333px;
  color: #FFF;
  cursor: pointer;
  font-family: "Tenso",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 22.0833px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  display: inline-block;
  border: 0px; }
  .button:hover, .button:visited, input[type=submit]:hover, input[type=submit]:visited, input[type=button]:hover
  , input[type=button]:visited
  , #buddypress .comment-reply-link:hover, #buddypress .comment-reply-link:visited, #buddypress a.button:hover, #buddypress a.button:visited, #buddypress button:hover, #buddypress button:visited, #buddypress div.generic-button a:hover, #buddypress div.generic-button a:visited, #buddypress input[type="button"]:hover, #buddypress input[type="button"]:visited, #buddypress input[type="reset"]:hover, #buddypress input[type="reset"]:visited, #buddypress input[type="submit"]:hover, #buddypress input[type="submit"]:visited, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li a:visited, a.bp-title-button:hover, a.bp-title-button:visited {
    color: #fff; }
  .button:hover, input[type=submit]:hover, input[type=button]:hover
  , #buddypress .comment-reply-link:hover, #buddypress a.button:hover, #buddypress button:hover, #buddypress div.generic-button a:hover, #buddypress input[type="button"]:hover, #buddypress input[type="reset"]:hover, #buddypress input[type="submit"]:hover, #buddypress ul.button-nav li a:hover, a.bp-title-button:hover {
    background: #849F61; }

#new_session_warning {
  font-weight: bold; }

.tabs, .user-tabs {
  list-style: none;
  border-bottom: 1px solid #7C7A74;
  margin: 0px 0px 10px 0px; }
  .tabs li:first-child a, .user-tabs li:first-child a {
    border-top-left-radius: 10px; }
  .tabs li:last-child a, .user-tabs li:last-child a {
    border-top-right-radius: 10px; }
  .tabs li, .user-tabs li {
    display: inline-block;
    margin-right: 1px; }
    .tabs li a, .user-tabs li a {
      background: #7C7A74;
      color: #fff;
      display: block;
      text-decoration: none;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      /*background-color: #849F61;*/
      /* 		border-bottom-left-radius: 21.0333px;
      border-bottom-right-radius: 21.0333px;
      border-top-left-radius: 21.0333px;
      border-top-right-radius: 21.0333px; */
      color: #FFF;
      cursor: pointer;
      display: block;
      font-family: "Tenso",Helvetica,Arial,sans-serif;
      font-size: 16px;
      font-weight: normal;
      line-height: 22.0833px;
      padding-bottom: 10px;
      padding-left: 25px;
      padding-right: 25px;
      padding-top: 10px; }
      .tabs li a:hover, .user-tabs li a:hover {
        background: #849F61; }
      .tabs li a:hover, .tabs li a:visited, .user-tabs li a:hover, .user-tabs li a:visited {
        color: #fff; }
    .tabs li.active a, .user-tabs li.active a {
      background: #849F61;
      color: #fff; }

.page-template-sessionList .languageSelect, .page-template-sessionList .response {
  margin-left: 0px;
  padding-left: 50px;
  margin-right: 0px;
  border: 0px; }

.session-user .edit {
  cursor: pointer;
  text-decoration: underline; }
  .session-user .edit .editableForm {
    display: inline; }
    .session-user .edit .editableForm input[type=text] {
      min-width: 200px; }

.session-error {
  font-weight: bold;
  font-size: 1.2em;
  color: #990000;
  border: 1px solid #990000;
  padding: 20px;
  display: block; }

.session-confirmed {
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
  background: #849F61;
  border: 1px solid #849F61;
  padding: 20px;
  display: block;
  margin-bottom: 20px; }

.filter-form {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 20px;
  display: block;
  max-width: 1024px; }
  .filter-form div {
    display: inline-block;
    vertical-align: bottom;
    padding-right: 10px; }
  .filter-form label {
    font-weight: bold; }
  .filter-form .filter-session input {
    width: 100px; }
  .filter-form .buttons {
    padding-bottom: 14px; }
  .filter-form button {
    vertical-align: bottom;
    margin-left: 5px; }
  .filter-form #filter_date_start, .filter-form #filter_date_end {
    width: 125px; }
  .filter-form #filter_user {
    width: 170px; }
  .filter-form #filter_session {
    width: 60px; }

.session-info {
  background: #eee;
  color: #333;
  padding: 20px;
  border-radius: 10px; }
  .session-info .session-id {
    font-size: 1.2em;
    font-weight: bold; }

.session-detail {
  padding: 20px;
  max-width: 1024px; }
  .session-detail .session-d {
    font-size: 2em;
    padding-top: 1em; }
  .session-detail .session-d:first-child {
    font-size: 2em;
    padding-top: 0px; }
  .session-detail .session-entry {
    padding-bottom: 10px; }
    .session-detail .session-entry .session-q {
      font-size: 1.2em; }
    .session-detail .session-entry .session-r {
      padding-left: 30px;
      color: #849f61;
      font-weight: Bold;
      font-size: 1.5em; }
  .session-detail .session-user {
    float: left;
    display: none; }

.page-numbers {
  padding: 10px;
  text-decoration: none; }
  .page-numbers.current {
    background: #849f61;
    color: #fff;
    border-radius: 15px;
    font-weight: bold; }

.session-ref input[type=text] {
  background: #fff;
  display: inline;
  font-size: 14px;
  /* padding: 0px; */
  margin: 0px;
  height: auto;
  line-height: 24px;
  width: auto;
  border: 1px solid #ccc; }
.session-ref input[type=button] {
  font-size: 14px;
  height: auto;
  margin: 0px;
  padding: 2px 10px; }

.progress-icon {
  width: 26px;
  height: 26px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  background-size: contain; }
  .progress-icon.wait {
    background-image: url(../images/loading.gif); }
  .progress-icon.done {
    background-image: url(images/checkmark.png); }

@media screen and (max-width: 767px) {
  /* Force table to not be like tables anymore */
  table.sessions {
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */ }
    table.sessions thead, table.sessions tbody, table.sessions th, table.sessions td, table.sessions tr {
      display: block; }
    table.sessions thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    table.sessions tr {
      border: 1px solid #ccc; }
    table.sessions td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
    table.sessions td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      min-height: 45px; }
    table.sessions td:nth-of-type(1):before {
      content: "Session"; }
    table.sessions td:nth-of-type(2):before {
      content: "Reference / Chart #"; }
    table.sessions td:nth-of-type(3):before {
      content: "Date"; }
    table.sessions td:nth-of-type(4):before {
      content: "User"; }
    table.sessions td:nth-of-type(5):before {
      content: "Language"; } }
.user-entry {
  padding: 10px;
  border: 1px solid #eee;
  margin: 10px 0px 0px 0px;
  max-width: 500px;
  width: 100%; }
  .user-entry span {
    display: block; }
  .user-entry .username {
    color: #849f61;
    font-weight: bold; }
    .user-entry .username a {
      font-weight: bold;
      text-decoration: none; }
      .user-entry .username a:hover {
        text-decoration: underline; }
  .user-entry .locked-text {
    margin-top: 10px; }
  .user-entry.locked {
    background: #eee; }
  .user-entry .lock-account {
    margin-top: 20px; }
    .user-entry .lock-account a {
      text-decoration: none;
      background: #eee;
      color: #000;
      border: 1px solid #eee;
      padding: 5px;
      font-size: 0.9em;
      border-radius: 3px; }
      .user-entry .lock-account a:hover {
        background: #ddd; }
  .user-entry .unlock-account {
    text-decoration: none;
    background: #555;
    color: #fff;
    padding: 5px;
    position: relative;
    font-size: 0.9em;
    border-radius: 3px; }
    .user-entry .unlock-account:hover {
      background: #777; }

.filter-groups {
  min-width: 250px; }

.group-entry {
  margin: 10px 0px 0px 0px;
  max-width: 300px; }
  .group-entry a {
    padding: 10px;
    border: 1px solid #eee;
    display: block; }
  .group-entry span {
    display: block; }
  .group-entry a {
    color: #849f61;
    font-weight: bold;
    text-decoration: none; }

.field_patient-language .clear-value {
  display: none !important; }

.bp-template-notice {
  width: 100%;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 10px; }
  .bp-template-notice.error {
    color: #fff;
    background: rgba(100, 0, 0, 0.5); }
  .bp-template-notice .updated {
    color: #fff;
    background: #849F61; }

#settings-form .standard-form label {
  display: block; }
#settings-form .standard-form input[type=text] {
  display: block; }

.buddypress .article-header {
  display: none; }
.buddypress .page-title {
  display: none; }

.bp-user #item-nav {
  display: none; }
.bp-user #subnav {
  display: none; }
.bp-user .button-nav {
  display: none; }

#buddypress div#item-header ul li {
  float: none; }

/* .user-tabs {
	clear:both;

	li {
	float:none !important;
	display: inline-block;
	border:1px solid $greenText;
		a {
			padding: 5px 10px;
			text-decoration: none;
			background: none repeat scroll 0% 0% #FFF;
			color: $greenText;
			font-weight:bold;
			display:block;
			
			
			.selected {
				background: none repeat scroll 0% 0% $greenText;
				color: $whiteText;
			}
		}
	}

}

 */
.bp-user.settings .user-tabs .settings a {
  background: none repeat scroll 0% 0% #849F61;
  color: #FFF; }

.bp-user.profile-edit .user-tabs .profile a {
  background: none repeat scroll 0% 0% #849F61;
  color: #FFF; }

a, a:visited {
  color: #333; }

.notice {
  width: 100%;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 10px; }
  .notice.notice-success {
    color: #fff;
    background: #849F61; }
  .notice.notice-error {
    color: #fff;
    background: rgba(100, 0, 0, 0.5); }

.loginContent {
  margin: auto;
  max-width: 1024px;
  padding-right: 20px;
  margin-top: 10px; }

.welcomeWrapper {
  display: inline-block;
  vertical-align: top;
  width: 49%; }

.loginForm {
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  margin-top: 10px;
  min-width: 300px;
  width: 49%;
  padding-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 10px; }
  .loginForm h2 {
    padding: 0px;
    margin: 0px; }
  .loginForm .login-remember {
    margin-bottom: 10px; }
  .loginForm .lost-password-button {
    margin-top: 20px; }

.please_select {
  padding: 20px;
  font-size: 1.5em;
  margin-top: 20px; }

.no-session-selected {
  padding: 20px;
  font-size: 1.5em;
  margin-top: 20px; }

.no-language-selected {
  padding: 20px;
  font-size: 1.5em;
  margin-top: 20px; }
  .no-language-selected button {
    margin-right: 20px; }

.widget a.loading {
  background-image: url(../images/10-white-on-light-grey.gif);
  background-repeat: no-repeat;
  background-position: center  10px; }

.selectedWidget a.loading {
  background-image: url(../images/10-white-on-green.gif);
  background-repeat: no-repeat;
  background-position: center 10px; }

@media (max-width: 1023px) {
  .allSearch.loading {
    background-repeat: no-repeat;
    background-size: 50px 10px;
    background-position: center top;
    background-image: url(../images/20-white-on-dark-grey.gif); }
    .allSearch.loading.hidden {
      /* display:none;*/ }

  .allResponseSearch.loading {
    background-repeat: no-repeat;
    background-size: 160px 20px;
    background-position: center top;
    background-image: url(../images/20-green-on-white.gif); }

  #loading {
    position: absolute;
    top: 125px;
    left: 336px;
    z-index: 99;
    font-size: 2em;
    width: 160px;
    height: 20px;
    vertical-align: middle;
    background-size: 100%; }
    #loading.hidden {
      display: none; } }
@media (min-width: 1024px) {
  .allSearch.loading {
    background-repeat: no-repeat;
    background-size: 50px 10px;
    background-position: center top;
    background-image: url(../images/20-white-on-dark-grey.gif); }
    .allSearch.loading.hidden {
      /* display:none;*/ }

  .allResponseSearch.loading {
    background-repeat: no-repeat;
    background-size: 160px 20px;
    background-position: center top;
    background-image: url(../images/20-green-on-white.gif); }

  #loading {
    position: absolute;
    top: 125px;
    left: 577px;
    z-index: 99;
    font-size: 2em;
    width: 160px;
    height: 20px;
    vertical-align: middle;
    /* background-size:100%; */
    /* background-image:url(../images/20-green-on-white.gif); */ }
    #loading.hidden {
      display: none; } }
@media (min-width: 1025px) {
  .allSearch.loading {
    background-repeat: no-repeat;
    background-position: center 3px;
    background-image: url(../images/10-search-loading.gif); }
    .allSearch.loading.hidden {
      display: none; }

  .allResponseSearch.loading {
    background-repeat: no-repeat;
    background-size: 160px 20px;
    background-position: center top;
    background-image: url(../images/20-green-on-white.gif); }

  #loading {
    position: absolute;
    top: 125px;
    left: 610px;
    z-index: 99;
    font-size: 2em;
    width: 160px;
    height: 20px;
    vertical-align: middle;
    /* background-size:contain; */
    /* background-image:url(../images/20-green-on-white.gif); */ }
    #loading.hidden {
      display: none; } }
.searchResponses .nomatch {
  display: block;
  font-weight: medium;
  cursor: pointer;
  padding-left: 50px;
  padding-top: 10px;
  margin-right: 0px;
  color: #777671;
  border-top: 1px solid #dddbd6;
  margin-bottom: 1.5em;
  font-size: 2em;
  font-weight: bold; }

#buddypress div#item-header div#item-header-content {
  float: none; }

.page-template-healthWorkers #columnDisplay,
.page-template-healthWorkers #columnFull {
  padding-top: 0px; }
  .page-template-healthWorkers #columnDisplay .response,
  .page-template-healthWorkers #columnFull .response {
    padding-left: 20px;
    margin-left: 0px; }

#content-back-button {
  display: none; }

#columnDisplay {
  bottom: 90px;
  padding-bottom: 150px; }

#settings-form .standard-form label {
  display: block; }
#settings-form .standard-form input[type=text] {
  display: block; }

@media screen and (max-width: 1024px) {
  .languageSelect > .translated_roman, .languageSelect > .roman,
  .response > .translated_roman, .response > .roman,
  .questionMain > .translated_roman, .questionMain > .roman {
    font-size: 2em;
    margin-right: 75px; }

  .languageSelect > .syllabics, .response > .syllabics, .questionMain > .syllabics {
    font-size: 2em; }

  .questionMain {
    margin-left: 20px;
    margin-right: 0px; }

  .questionMain .english {
    margin-top: 20px; }

  .response .english {
    font-size: 18px; }

  .ui-keyboard {
    padding-top: 12%; }

  .prevQ {
    left: 20px;
    margin-right: 20px; }

  .nextQ {
    margin-right: 20px; }

  .sidebar {
    background: #aaa;
    left: 0;
    /*width:150px;*/
    width: 260px; }

  #column2 {
    background: #888;
    width: 300px;
    left: 260px;
    right: auto;
    overflow-y: auto; }

  #columnWide {
    left: 260px;
    right: 0px; }

  #columnDisplay {
    right: 0;
    left: 560px;
    /* = width + 2 * padding of left column */
    right: 0px;
    /* = width + 2 * padding of right column */
    overflow-y: auto; } }
@media screen and (max-width: 1023px) {
  .ui-keyboard {
    padding-top: 12%; }

  .searchWrappers {
    display: block;
    vertical-align: middle;
    width: 100%; }

  .kbuttonWrapper {
    display: inline-block;
    width: 48%;
    text-align: center; }

  .searchWrapper {
    display: block;
    width: 100%; }

  .searchButtonWrapper {
    display: inline-block;
    width: 48%;
    text-align: center; }

  #QuestionSearch .searchTabs .searchTab {
    display: block;
    width: 100%; }

  .prevQ {
    margin-left: 10px; }

  .nextQ {
    margin-right: 10px; }

  .searchTab {
    float: none;
    /*display:block;
    width:100%;
    */ }

  #QuestionSearch label {
    display: block;
    margin: 0px; }

  #QuestionResponseSearchWrapper .searchTab {
    display: inline-block; }
  #QuestionResponseSearchWrapper .searchTab.searchLang.lang_oj label {
    font-size: 1rem;
    padding: 10px 0px 0px 0px; }
  #QuestionResponseSearchWrapper label {
    cursor: pointer; }

  .ui-keyboard-button {
    height: auto !important;
    padding: 20px;
    line-height: 1em; }

  .sidebar {
    width: 125px; }
    .sidebar a:hover, .sidebar a:link, .sidebar a:visited {
      text-align: center;
      padding: 25px 10px 10px 10px; }
    .sidebar .widgetIcon {
      display: block;
      text-align: center;
      margin-right: auto;
      margin-bottom: 5px;
      margin-left: auto; }

  .response {
    padding-left: 50px; }

  #column2 {
    background: #888;
    width: 200px;
    left: 125px;
    right: auto;
    overflow-y: auto;
    float: none;
    overflow-x: hidden; }
    #column2 .backButton {
      width: 183px; }

  #columnWide {
    left: 125px;
    right: 0px; }

  #columnDisplay {
    right: 0;
    left: 325px;
    /* = width + 2 * padding of left column */
    right: 0px;
    /* = width + 2 * padding of right column */
    overflow-y: auto; }

  .page-template-healthWorkers #columnDisplay,
  .page-template-healthWorkers #columnFull {
    padding-top: 0px; }
    .page-template-healthWorkers #columnDisplay .response,
    .page-template-healthWorkers #columnFull .response {
      padding-left: 20px; }

  .response {
    margin-left: 20px; }

  .widgetIcon {
    display: inline-block;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 5px; }

  .translated_roman {
    word-break: break-all; } }
@media screen and (max-width: 767px) {
  .ui-keyboard-button {
    padding: 15px; }

  .userInfoHeader {
    /* width:250px; */ } }
@media screen and (min-width: 1025px) {
  .nextQ {
    margin-right: 50px; }

  .prevQ {
    margin-left: 50px; }

  #columnWide .selectedResponse,
  #columnDisplay .selectedResponse {
    background: url("images/checkmark.png") no-repeat scroll 0 50px transparent; }

  .allResponseSearch {
    padding: 20px 30px 20px 30px; }

  .editLogForm {
    padding: 20px 0px 0px 0px; }

  .ui-keyboard {
    padding-top: 12%; } }
#menu-button {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 20px;
  cursor: pointer;
  color: #fff; }

#session-button {
  position: absolute;
  right: 90px;
  top: 0px;
  padding: 20px;
  cursor: pointer;
  color: #fff; }

.session-info-wrapper {
  float: left;
  width: 100%;
  position: absolute;
  padding-left: 165px;
  top: 0px;
  left: 0px; }

/* Tablets and larger */
@media screen and (min-width: 768px) {
  #menu-button {
    display: none; }

  #session-button {
    display: none; }

  .userInfoHeader {
    height: 100px; } }
/* Mobile */
@media screen and (max-width: 767px) {
  .sidebar .widget {
    float: left;
    width: 33%;
    min-height: 130px; } }
@media screen and (max-width: 767px) {
  .header {
    position: absolute;
    width: 100%;
    min-height: 60px; }

  ul.tabs li, .user-tabs li {
    margin-top: 2px;
    width: 100%; }

  #loading {
    margin-left: -100px;
    left: 50%;
    top: 50%;
    margin-top: -18px;
    width: 200px;
    height: 56px;
    background: #fff;
    border-radius: 30px;
    padding: 5px 10px 0px 10px;
    text-align: center; }

  .navQ {
    position: fixed;
    z-index: 4;
    margin: 0px;
    bottom: 15px; }

  .navQButtons {
    /* background: #8b8a85; */
    /* background:#56534e; */
    height: 75px;
    width: 100%;
    bottom: 0px;
    position: fixed;
    z-index: 4; }

  #columnDisplay {
    bottom: 70px; }

  #columnDisplayBottom {
    background: #56534e;
    position: absolute;
    height: 75px;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    display: none; }

  .prevQ {
    left: 105px; }

  .nextQ {
    right: 10px; }

  .backQ {
    left: 10px;
    margin: 0px; }

  .sidebar .widget {
    float: left;
    width: 33%; }

  .almHeader {
    width: 100%;
    height: 60px; }
    .almHeader span {
      width: 100%;
      font-size: 1rem; }

  .ui-keyboard-preview-wrapper input[type="text"] {
    left: 0px; }

  .ui-keyboard {
    overflow: scroll; }
    .ui-keyboard button {
      padding: 13px;
      font-size: 1.0rem;
      margin-right: 10px;
      float: left; }

  #menu-button {
    display: block; }

  #session-button {
    display: block; }

  .session-info-wrapper {
    display: none;
    position: relative; }

  .sidebar {
    display: none;
    z-index: 5;
    width: 100%;
    top: 60px; }

  .menu-opened .sidebar {
    display: block; }

  #column2 {
    left: 0px;
    width: 100%;
    z-index: 1;
    top: 60px; }

  #columnDisplay, #columnWide {
    left: 0px;
    width: 100%;
    z-index: 0;
    top: 60px; }

  #content-back-button {
    display: none; }

  .show-content #columnDisplay, .show-content #columnWide {
    z-index: 3; }
  .show-content #content-back-button {
    display: block;
    position: fixed;
    z-index: 3;
    left: 20px; }
  .show-content #columnDisplayBottom {
    display: block;
    z-index: 2; }

  .session-opened .sidebar {
    /* width:50%; */
    width: 100%; }
  .session-opened .session-info-wrapper {
    display: block;
    position: absolute;
    z-index: 10;
    top: 60px;
    left: 0px;
    padding-left: 0px;
    background: #56534e; }
  .session-opened .userInfoHeader {
    padding-left: 20px;
    width: 100%;
    display: block;
    /* margin-bottom:10px; */ }
  .session-opened .sessionInfoHeader {
    width: 100%;
    display: block; }
    .session-opened .sessionInfoHeader .newSession {
      padding-bottom: 20px; } }
#field-visibility-settings-toggle,
.field-visibility-settings-toggle {
  display: none !important; }

/*# sourceMappingURL=override.css.map */