/* <defining standard theme> */

/*
p, span, div, a, li, input {
  //color: #f0f;
  color: #444;
  border-color: #f0f;
  font-size: 14px;
}
#modalview-confirm-abort a {
  //color: #f0f;
  color: #444;
}
*/


/* </defining standard theme> */

p, span, div, td, li, h1, h2, h3, h4, h5, h6, b, i, strong {
  -webkit-hyphens: auto;
  hyphens: auto;
}


.logo {
  position: relative;
  top: 9px;
}

.km-content h4 {
  margin-left: 0;
  margin-right: 0;
}

#vw_exam .km-view {
}

.km-header .km-navbar {
  border: 0px none;
}
.km-header .km-navbar .km-view-title {
  height: 65px;
}
.km-header .km-navbar .km-dialog-title {
  height: 40px;
}

#vw_exam header {
  //margin-bottom: 8px;
}

#vw_exam .km-navbar {
  //margin-bottom: 8px;
}

#vw_exam #quiz-scroller {
  padding-top: 15px;
  padding-bottom: 30px;
}

.km-content {
  width: 100% !important;
}

.km-scroll-container {
  margin: 0 2.5% 0 2% !important;
  padding-bottom: 60px;
}

.view_box {
  margin-bottom: 8px;
  padding: 4px;
}

#question_header, #question_section, #question_text {
  padding: 2px 0 4px 2px;
}


#question_header {
  margin-bottom: 0px;
  clear: both;
  overflow: hidden;
  font-weight: bold;
  width: 100%;
}

#question_header .question-index, #question_header .button-filter  {
  float: left;
  margin-right: 8px;
}
#question_header .question-index {
  margin-top: 8px;
}

#question_header .button-filter, #question_header .button-flagged {
  font-size: inherit;
  padding: 7px;
  margin: 0;
}

#question_header .button-filter {
  color: #cc0000 !important;
  border-color: #cc0000 !important;
}
#question_header .button-filter .km-icon,
#question_header .button-filter .km-text {
  color: #cc0000 !important;
}

#question_header .button-flagged .km-icon {
  margin-right: 7px;
}

#question_header .cssClassQuestionFlaggedtrue, 
#question_header .cssClassQuestionFlaggedfalse {
  float: right;
}
#question_header .cssClassQuestionFlaggedtrue {
  border: 1px green solid !important;
  color: green !important;
}
#question_header .cssClassQuestionFlaggedtrue .km-icon {
  color: green !important;
}
#question_header .cssClassQuestionFlaggedtrue:after {
  content: "gemerkt";
}
#question_header .cssClassQuestionFlaggedfalse {
  border: 1px rgba(0,0,0, 0.1) solid !important;
  color: rgba(0,0,0, 0.1) !important;
}
#question_header .cssClassQuestionFlaggedfalse .km-icon{
  color: rgba(0,0,0, 0.1) !important;
}
#question_header .cssClassQuestionFlaggedfalse:after {
  content: "merken";
}

#question_header span.title {
  text-align: center;
  width: 54%;
  font-weight: normal !important;
}
#question_header span.timer {
  text-align: right;
  width: 16%;
  font-weight: normal !important;
}

#question_section {
  margin-bottom: 0px;
  //padding: 1px 0 3px 4px;
  //font-weight: normal;
}

#question_text {
  font-weight: bold;
  margin-bottom: 12px;
}

.question-answered-correctly-text,
.question-answered-wrong-text {
  display: table;
  //text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #c00;
  border: 4px #c00 solid;
  border-radius: 15px;
  padding: 7px;
  width: auto !important;
  min-width: 160px;
  //width: 160px !important;
  margin: 15px auto;
  //margin-bottom: 20px;
  text-align: center;
}
.question-answered-correctly-text {
  color: #090;
  border-color: #090;
}
.question-answered-correctly-text span,
.question-answered-wrong-text span {
  display: inline;
  color: inherit;
  font-size: 22px;
  font-weight: bold;
  font-family: Verdana;
}

.question_touch {
/*
  position: relative;
  z-index: 99999;
  overflow: hidden;
  */
 /*height: 2000px;*/
  //border: 1px red solid;
}

#answer_list > div {
  margin-bottom: 10px;
}

#answer_list .answer_touch {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent;
  /*border: 1px red solid;*/
  display: table;
  width: 100%;
  //min-height: 60px !important;
  height: 60px;
  vertical-align: middle;
}
#answer_list .answer-content {
  border-left: 1px #444 solid;
  //border: 1px blue solid;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 3px;
  padding-bottom: 4px;
  display: table-cell;
  height: 100%;
  width: auto;
}

#answer_list .answer-choice {
  //position: relative !important;
  //border: 1px red solid;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  //background: #ff6;
  display: table-cell;
  height: 100%;
  width: 11%;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  //line-height: 18px;
  //line-height: 21px;
}

#answer_list .answer-choice .result-sign-wrap {
  //border: 1px red solid;
  position: absolute;
  //position: relative !important;
  top: -12px;
  //top: -19px;
  //top: 0;
  left: 0;
  //width: 100% !important;
  width: 11% !important;
}
/* Answerlist content */
#answer_list .answer-content .result-sign-wrap {
  width: auto !important;
  //border: 1px red solid;
  margin-top: -16px;
  float: right;
}

#answer_list .result-sign-background, 
#result-sign-remark .result-sign-background {
 // background: transparent url("../wbx_img/right-wrong-sign-bck-2.png") 0px 0px no-repeat !important;
  //position: relative;
  //top: 0;
  //left: 0;
  display: inline-block;
  width: 21px;
  height: 21px;
  //border: 1px red solid;
  border-radius: 50%;
  //z-index: 1;
}

#answer_list .answer-choice .no-result,
#answer_list .answer-content .no-result {
  display: none;
}
.result-sign-wrong, 
.result-sign-correct, 
#answer_list .answer-choice .result-sign-wrong, 
#answer_list .answer-choice .result-sign-correct,
#answer_list .answer-content .result-sign-wrong, 
#answer_list .answer-content .result-sign-correct {
  //position: relative;
  margin: 0;
  padding: 0;
  //display: inline-block;
  font-size: 19px;
  //z-index: 2;

/*
  background: none !important;
  background-color: blue !important;
  background-image: url("../wbx_img/right-wrong-sign-bck-2.png") !important;
  background-position: 0px 0px !important;
  background-repeat: no-repeat !important;
*/
  width: 21px;
  height: 21px;
  //border: 1px blue solid;
}
.result-sign-wrong:after,
.result-sign-correct:after,
#answer_list .answer-choice .result-sign-wrong:after,
#answer_list .answer-choice .result-sign-correct:after,
#answer_list .answer-content .result-sign-wrong:after,
#answer_list .answer-content .result-sign-correct:after {
  //background: transparent url("../wbx_img/right-wrong-sign-bck-2.png") 0px 0px no-repeat !important;
  text-align: center;
  margin: 0;
  padding: 0;
  //border: 1px green solid;
}

.result-sign-wrong:after, 
#answer_list .answer-choice .result-sign-wrong:after, 
#answer_list .answer-content .result-sign-wrong:after {
  content: "\e031";
  color: #c00;
}
.result-sign-correct:after,
#answer_list .answer-choice .result-sign-correct:after,
#answer_list .answer-content .result-sign-correct:after
{
  content: "\e030";
  color: #090;
}

table#result-sign-remark {
  border: 1px transparent solid;
  margin-top: 10px;
  //margin-left: 1.47200000286102px;
  //margin-right: 1.47200000286102px;
  width: 100%;

}

table#result-sign-remark th, table#result-sign-remark td {
  height: 26px !important;
}
table#result-sign-remark th {
  padding-left: 1px;
}

table#result-sign-remark td.remark-text {
  border: 1px transparent solid;
  padding-left: 5px;
  padding-right: 3px;
  width: auto;
}

/*
table#result-sign-remark td.km-icon {
  width: 11% !important;
  padding-top: 2px;
  line-height: 0px !important;
}
*/

table#result-sign-remark .result-sign-wrap {
  width: 11% !important;
  text-align: center;
}
table#result-sign-remark .result-sign-wrong,
table#result-sign-remark .result-sign-correct {
}

.answer_button, 
.answer_selected,
.answer_not_selected, 
.answer_right, 
.answer_wrong {

  text-align: left !important;
  width: 100% !important;
  text-shadow: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  /* border: 1px blue solid !important; */
}

#answer_list .answer_right .answer-content, #answer_list .answer_right .answer-content span {
  //color: #fff !important;
}
#answer_list .answer_right .answer_touch {
  //background: #090;
  background: #FAFAD2;
}
#answer_list .answer_wrong .answer_touch {
  background: #fff;
}

/*
#answer_list .answer_selected .answer-choice {
  background: #FAFAD2;
}
*/

#answer_list .answer_not_selected .answer-choice:after,
#answer_list .answer_selected .answer-choice:after {
  //border: 1px solid;
  //border-radius: 50%;
  //width: 18px !important;
  //height: 18px !important;
  //padding: 3px;
  //border-color: transparent !important;

  width: 24px !important;
  height: 24px !important;

  margin-top: 0px;
  display: inline-block;

  background-image: url("../wbx_img/antwort-kreis-24.png");
  //background-image: url("../wbx_img/antwort-kreis-25-288.png");
  //background-image: url("../wbx_img/antwort-kreis-50-72.png");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  line-height: 24px;
  font-size: 14px;
}

#answer_list .answer_not_selected .answer-choice:after {
  //border-color: transparent;
  background-image: none;
}

#answer_list .answer_not_selected:first-child .answer-choice:after {
  content: "A";
}
#answer_list .answer_not_selected:nth-child(2) .answer-choice:after {
  content: "B";
}
#answer_list .answer_not_selected:nth-child(3) .answer-choice:after {
  content: "C";
}
#answer_list .answer_not_selected:nth-child(4) .answer-choice:after {
  content: "D";
}
#answer_list .answer_not_selected:nth-child(5) .answer-choice:after {
  content: "E";
}
#answer_list .answer_not_selected:nth-child(6) .answer-choice:after {
  content: "F";
}
#answer_list .answer_not_selected:nth-child(7) .answer-choice:after {
  content: "G";
}


#answer_list .answer_selected {
  background: #FAFAD2;
}
#answer_list .answer_selected .answer-choice {
  background: #FAFAD2;
}
#answer_list .answer_not_selected .answer-choice {
  background: #fff;
}

#answer_list .answer_selected .answer-choice:after {
  border-color: #444;
}

#answer_list .answer_selected:first-child .answer-choice:after {
  content: "A";
  //margin-top: 5px;
}
#answer_list .answer_selected:nth-child(2) .answer-choice:after {
  content: "B";
}
#answer_list .answer_selected:nth-child(3) .answer-choice:after {
  content: "C";
}
#answer_list .answer_selected:nth-child(4) .answer-choice:after {
  content: "D";
}
#answer_list .answer_selected:nth-child(5) .answer-choice:after {
  content: "E";
}





#quiz-tabstrip span.tab,
#default-tabstrip span.tab {
  display: table-cell;
}

#quiz-tabstrip a.km-button,
#default-tabstrip a.km-button {
  display: block;
  width: 100%;
}


.km-prev:after, .km-prev:before {
  content: "\e013";
}
.km-next:after, .km-next:before {
  content: "\e010";
}
.km-prev-2:after, .km-prev-2:before {
  content: "\e003";
}
.km-next-2:after, .km-next-2:before {
  content: "\e000";
}
.km-home-small:after, .km-home-small:before {
  content: "\e0dd";
}
.km-home-black:after, .km-home-black:before {
  content: "\e0af";
  //content: "\e312";
}
.km-sections:after, .km-sections:before {
  content: "\e077";
}
.km-leftback:after, .km-leftback:before {
  content: "\e322";
}
.km-trial:after, .km-trial:before {
  content: "\e078";
}
.km-exam:after, .km-exam:before {
  content: "\e078";
}
.km-beer:after, .km-beer:before {
  content: "\e0a7";
}
.km-finish:after, .km-finish:before {
  content: "\e031";
}
.km-options:after, .km-options:before {
  content: "\e0f1";
}
.km-bookmark:after, .km-bookmark:before {
  content: "\e30c";
}
.km-settings-black:after, .km-settings-black:before {
  content: "\e0a4";
}
.km-correct:after, .km-correct:before {
  content: "\e030";
}
.km-wrong:after, .km-wrong:before {
  content: "\e031";
}
.km-settings-small:after, .km-settings-small:before {
  content: "\e0da";
  //padding: auto 0 !important;
  //margin-top: -100% !important;
  //margin-right: auto !important;
  //position: relative !important;
  //top: 0 !important;
}
.km-settings-group:after, .km-settings-group:before {
  content: "\e0a6";
}
.km-stats-bar-1:after, .km-stats-bar-1:before {
  content: "\e0ba";
}
.km-filter-on:after, .km-filter-on:before {
  content: "\e06c";
}
.km-filter-off:after, .km-filter-off:before {
  content: "\e06d";
}
.km-confirm:after, .km-confirm:before {
  content: "\e0fa";
}

.header-icon {
  display: inline-block;
  font-size: 28px;
}


.km-tabstrip {
  //display: relative !important:
}

.km-actionsheet a {
  color: #000;
  font-size: 14px !important;
  line-height: 2em !important;
  padding: 8px !important;
}


/*
.touch_button {
  position: absolute;
  top: 0px;
  width: 320px;
  height: 40px;
  border: 1px red solid;
}
*/

/*
#modalview-confirm-abort {
  //width: 240px !important;
  //height: 320px !important;
}

#modalview-confirm-abort footer a {
  margin-right: 4px;
  margin-left: 4px;
}

.km-modalview .km-content {
}

#text-abort-confirmation {
  padding-top: 7px;
  line-height: 1.4em !important;
}

.km-modalview .km-scroll-container {
  //padding: 4% 2% 8% 2%; // wbx - an : crashes the browser iPhone
  //line-height: 1.4em !important;
}
*/

div[data-role="modalview"] .km-header {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}
div[data-role="modalview"] .km-scroll-container {
  padding-top: 7px;
  line-height: 1.4em !important;
  margin: 0 3% 0 3% !important;
}
div[data-role="modalview"] footer a {
  margin-right: 4px;
  margin-left: 4px;
  min-width: 80px;
}
div[data-role="modalview"] .navbar-left,
div[data-role="modalview"] .navbar-right {
  font-size: 28px;
  font-weight: normal;
  width: 15%;
}
div[data-role="modalview"] .navbar-main {
  font-size: 18px;
}
div[data-role="modalview"] .km-button .km-text {
  font-size: 18px;
  font-weight: bold;
  color: #444;
}

/*
div[data-role="modalview"] .navbar-left {
  float: left;
  margin-left: 10px;
  text-align: left;
}
div[data-role="modalview"] .navbar-right {
  float: right;
  margin-right: 10px;
  text-align: right;
}
*/


.km-modalview-root:before, .km-modalview-wrapper:before {
margin-left: 0px;
}

/*
.km-modalview .km-scroll-container #text-abort-confirmation {
  padding: 2% 0 2% 0;
}
*/

/* Notification : */
.k-notification {
  margin-left: 10%;
  margin-right: 10%;
  //border-color: #808080 !important;
  border: 0px none;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.5);
  box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.5);
  margin-bottom: 6px;
}
.k-notification .info-note-template {
  white-space: normal;
  font-size: 14px;
}

.info-note-template header,
.info-note-template footer,
.info-note-template p {
  padding-left: 7px;
  padding-right: 7px;
}
.info-note-template header {
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 6px;
  background: #ccc;
}
.info-note-template p {
  margin-top: 7px;
  margin-bottom: 7px;
  line-height: 1.4em;
  color: #444;

}

.info-note-template .note-title {
  position: relative;
  top: 2px;
  left: 5px;
  //font-weight: bold;
}

.k-notification .km-icon:after {
  display: inline-block;
  width: auto;
  
}

.k-notification .info-note-template .navbar-left,
.k-notification .info-note-template .navbar-right {
  width: 40%;
  padding: 0;
  margin: 0;
  //line-height: 2em;
}


/* Layout header, navbar */
/*
.layout-header .navbar-left, 
.layout-header .navbar-right {
  //padding-top: 4px;
  font-size: 14px;
  font-weight: normal;
  width: 30%;
  //line-height: 1.3em;
}
.layout-header .navbar-left {
  float: left;
  margin-left: 10px;
  text-align: left;
}
.layout-header .navbar-right {
  float: right;
  margin-right: 10px;
  text-align: right;
}
*/

.navbar-left, 
.navbar-right {
  font-size: 14px;
  font-weight: normal;
  width: 30%;
}
.navbar-left {
  float: left;
  margin-left: 10px;
  text-align: left;
}
.navbar-right {
  float: right;
  margin-right: 10px;
  text-align: right;
}

/* Timer */
#timer {
  cursor: pointer;
  display: inline;
}

#timer .touch {
  //border: 1px red solid;
  padding-right: 20px;
  margin-right: -10px;
  margin-left: 20px;
}

.timer-icon {
  top: -2px;
}
.timer-icon:after {
  display: inline !important;
}

#vw_exam {
  //position: relative !important;
}

.pause-curtain {
  position: absolute !important;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 999999;
}
.pause-curtain .pause-touch {
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  //border: 1px red solid;
}
.pause-curtain .text {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  //border: 1px red solid;
  line-height: 1.5em;
}
.pause-curtain .pause-text-top {
  margin-top: 20px;
  margin-bottom: 0px;
}
.pause-curtain .pause-text-bottom {
  margin-top: 0px;
  margin-bottom: 20px;
}

.pause-curtain .double-click {
  font-size: 22px;
}

.pause-curtain .button-play {
  display: inline-block;
  //background: #fff !important;
  background: rgba(255,255,255,0.8) !important;
  border: 1px #444 solid;
  border-radius: 50%;
  padding: 24px;
  //border: 1px red solid;
}
.pause-curtain .button-play:after {
  font-size: 64px;
  margin-top: -6px;
  margin-right: -13px;
  color: rgba(0,0,0,0.8) !important
}


/* Menu button */
.menu_button {
  width: 100%;
  margin-bottom: 10px;
  line-height: 40px;
  border-color: #ff6400 !important;
  background-color: #145ccc !important; 
  color: #fff !important;
}
.menu_button:active {
  background-color: blue !important;
}

.wbx-tabstrip {
  display: table !important;
  width: 100%;
  //border-top: 1px #ccc solid;
  //background-color: #eee;
}

.wbx-tabstrip .tab {
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
  //height: 50px;
  cursor: pointer;
}
.wbx-tabstrip .tab-touch {
  height: 60px;
  padding: 10px;
}
.leftback {
        padding: 0 !important;
    margin: 0 !important;
}
.leftback i{
   font-size: 20px;
    margin: 0;
    padding: 0;
}
}
.wbx-tabstrip .tab .tab-icon {
  display: inline-block;
  //border: 1px red solid;
  font-size: 26px !important;
  margin-top: 2px;
  margin-bottom: 4px;
}

.wbx-tabstrip .tab .tab-text {
  display: block;
  font-size: 10px !important;
  margin-bottom: 2px;
}

/* exam_end */
#vw_exam_end .score {
  //line-height: 1.4em;
}
#vw_exam_end .min_score, #vw_exam_end .max_score, #vw_exam_end .cur_score {
  font-weight: bold;
}

#vw_exam_end .cur_score {
  //font-size: 16px;
  //color: #c00;
}

/* Donut chart */
#chart-total svg {
}

/* <vw_about_exam> */

#vw-about-exam p, #vw-about-exam td, #vw-about-app p, #vw-about-app td, #vw-seminare p, #vw-seminare td {
  line-height: 1.3em;
}

#vw-about-exam h3, #vw-about-exam h2, #vw-about-app h3, #vw-about-app h2, #vw-seminare h3, #vw-seminare h2 {
  margin-left: 0;
}

#vw-about-exam p, #vw-about-app p, #vw-seminare p {
  margin: 0;
  padding: 0;
  padding-top: 12px;
}

.about-exam td, .about-exam td:nth-child(2) {
  margin: 0;
  vertical-align: top;
  border: 1px rgba(0,0,0,0.3) solid;
  border-bottom: 0;
  padding: 4px 4px 4px 4px;
}
.about-exam td:nth-child(2) {
  border-left: 0;
}

.about-exam tr:last-child td {
  border-bottom: 1px rgba(0,0,0,0.3) solid;
}

.about-exam tr:first-child td {
}

@media only screen and (min-width: 641px) {
  .km-scroll-container {
    font-size: 16px !important;
    //color: green !important;
  }
}

@media only screen and (min-width: 769px) {
  .km-scroll-container {
    font-size: 18px !important;
    //color: green !important;
  }
}

/* </vw_about_exam> */