/* 
    Created on : 12.03.2014, 11:37:08
    Author     : lars
*/
.id-hint {
  display: none;
}
.formular {
  /*
    section[type="questionnaire_carton_check"],
    section[type="troubleshooting"],
    section[type="workorder"] {
        table {
            th{
                text-align: center;
            }
            td{
                width: 50%;
                padding: 10px;
                input[type="radio"]{
                    width: 30px;
                    height: 30px;
                }
            }
            td:first-child{
                padding: 0px;
                width: 50%;
            }
        }
        input[type="text"]:disabled {
            background-color: white;
        }
    }
    */
}
.formular .hint-taker {
  font-size: 75%;
}
.formular .hint-taker .itemsetlanguage {
  display: none;
}
.formular .assessment-data-section {
  padding-bottom: 30px;
  padding-left: 13px;
  padding-right: 13px;
}
.formular ul {
  padding-left: 0px;
}
.formular ul li {
  list-style-type: none;
}
.formular ul li.unit {
  background-color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}
.formular ul li span.disabled legend {
  color: gray;
}
.formular header date,
.formular header customer,
.formular header location {
  display: block;
}
.formular section[data-type="task-group"],
.formular section[type="questionnaire_carton_check"],
.formular section[type="work_sequence"],
.formular section[type="multiple_choice"],
.formular section[type="troubleshooting"],
.formular section[type="workorder"] {
  padding-bottom: 30px;
}
.formular section[data-type="task-group"] legend,
.formular section[type="questionnaire_carton_check"] legend,
.formular section[type="work_sequence"] legend,
.formular section[type="multiple_choice"] legend,
.formular section[type="troubleshooting"] legend,
.formular section[type="workorder"] legend {
  margin-bottom: 3px;
  font-size: 14px;
  color: gray;
}
.formular section[data-type="task-group"] legend .title,
.formular section[type="questionnaire_carton_check"] legend .title,
.formular section[type="work_sequence"] legend .title,
.formular section[type="multiple_choice"] legend .title,
.formular section[type="troubleshooting"] legend .title,
.formular section[type="workorder"] legend .title {
  font-weight: bold;
  font-size: 16px;
  padding-right: 5px;
}
.formular section[data-type="task-group"] .answers li,
.formular section[type="questionnaire_carton_check"] .answers li,
.formular section[type="work_sequence"] .answers li,
.formular section[type="multiple_choice"] .answers li,
.formular section[type="troubleshooting"] .answers li,
.formular section[type="workorder"] .answers li {
  list-style-type: lower-alpha;
  padding-top: 5px;
  padding-bottom: 5px;
}
.formular section[data-type="task-group"] .answers li .radio,
.formular section[type="questionnaire_carton_check"] .answers li .radio,
.formular section[type="work_sequence"] .answers li .radio,
.formular section[type="multiple_choice"] .answers li .radio,
.formular section[type="troubleshooting"] .answers li .radio,
.formular section[type="workorder"] .answers li .radio,
.formular section[data-type="task-group"] .answers li .checkbox,
.formular section[type="questionnaire_carton_check"] .answers li .checkbox,
.formular section[type="work_sequence"] .answers li .checkbox,
.formular section[type="multiple_choice"] .answers li .checkbox,
.formular section[type="troubleshooting"] .answers li .checkbox,
.formular section[type="workorder"] .answers li .checkbox {
  display: block;
  min-height: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  vertical-align: middle;
}
.formular section[data-type="task-group"] .answers li .radio label,
.formular section[type="questionnaire_carton_check"] .answers li .radio label,
.formular section[type="work_sequence"] .answers li .radio label,
.formular section[type="multiple_choice"] .answers li .radio label,
.formular section[type="troubleshooting"] .answers li .radio label,
.formular section[type="workorder"] .answers li .radio label,
.formular section[data-type="task-group"] .answers li .checkbox label,
.formular section[type="questionnaire_carton_check"] .answers li .checkbox label,
.formular section[type="work_sequence"] .answers li .checkbox label,
.formular section[type="multiple_choice"] .answers li .checkbox label,
.formular section[type="troubleshooting"] .answers li .checkbox label,
.formular section[type="workorder"] .answers li .checkbox label {
  padding: 5px 0px;
}
.formular section[data-type="task-group"] .text-feedback,
.formular section[type="questionnaire_carton_check"] .text-feedback,
.formular section[type="work_sequence"] .text-feedback,
.formular section[type="multiple_choice"] .text-feedback,
.formular section[type="troubleshooting"] .text-feedback,
.formular section[type="workorder"] .text-feedback {
  width: 100%;
  min-height: 150px;
}
.formular section[type="multiple_choice"] {
  padding-bottom: 3px;
}
.formular .top-legend,
.formular .tasks {
  font-size: 135%;
  display: block;
  padding: 2px 0px 10px 0px;
}
.formular .top-legend label,
.formular .tasks label {
  font-weight: normal;
  display: block;
  font-size: 60%;
  margin-bottom: -5px;
}
.formular legend[type="assessment"] {
  font-size: 34px;
  font-weight: bold;
}
.formular legend[type="assessment-data"] {
  font-size: 30px;
  margin-bottom: 5px;
}
.formular legend[type="assessment-data"] .type {
  font-size: 60%;
  float: right;
  padding: 10px 0px;
}
.formular legend[type="assessment-data"] machine {
  font-size: 60%;
  display: block;
  margin-bottom: -10px;
}
.formular legend[type="trainee"] {
  font-size: 22px;
  border-bottom: 0px solid #e5e5e5;
  margin-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
.formular legend[type="trainee"] input.collection-results {
  background-color: rgba(0, 0, 0, 0);
  border: 0px;
  text-align: right;
}
.formular a[data-role="toggle"] ~ ul[id] {
  display: none;
}
.formular ul:target {
  display: block;
}
.formular legend {
  /*        &~ul{
                    max-height: 0px;
                    height: 0px;
                    overflow: hidden;
                }
                &:active,&:focus{
                    &~ul{
                        max-height: none;
                        height: auto;
                        overflow: visible;
                    }
                }*/
}
.formular .slider-val {
  width: 100%;
  padding: 6px 0px;
  text-align: center;
}
.formular legend.stuck {
  top: 50px;
  position: fixed;
  background-color: #ffffff;
}
.formular .sequence-selector .sequence-step input[type="checkbox"] {
  /*margin-right: -20px;
                .opacity(0);*/
}
.formular .sequence-selector .sequence-step .order-indicator {
  display: inline-block;
  border: 0px solid #ffffff;
  border-radius: 35px !important;
  background-color: #ffffff;
  width: 30px;
  height: 30px;
  margin: 5px;
  padding: 0px;
  color: #000000;
  font-weight: bold;
  font-size: 140%;
  line-height: 100%;
}
.formular .sequence-selector .sequence-step .order-indicator input {
  background-color: transparent;
  border: 0px solid transparent;
  width: 100%;
  height: 30px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  cursor: pointer;
}
.formular.review-formular .tasks {
  font-size: 100%;
}
.formular.review-formular legend[type="assessment-data"] {
  font-size: 160%;
}
.formular .block-type-review {
  color: #808080;
}
.formular .block-type-review blockquote {
  padding: 0px 8px;
  margin: 0 0 0px;
  border-left: 5px solid #3c4a95;
  color: #000000;
  word-break: break-word;
}
.formular .resumee.feedback_generator {
  padding: 10px;
  background-color: #FFF;
  margin-bottom: 30px;
}
.nav-tile .offline-assessment date {
  display: block;
  font-size: 60%;
}
.nav-tile .offline-assessment customer {
  display: block;
  font-size: 60%;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 15px;
}
.container .col-content {
  padding: 10px 0px;
}
/* Desperate to remove focus outline in firefox */
::-moz-focus-inner {
  outline: 0;
}
:focus {
  outline: 0;
}
input[type='range'] {
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0px;
  /*box-shadow: inset 0 0 5px #333;*/
  background-color: #ffffff;
  background: #fafafa;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 -1px 1px #000000, 0 3px 6px -5px #bbbbbb;
  height: 18px;
  vertical-align: middle;
  background-color: #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff;
  background-image: linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%);
  background-position-x: 0%, 10%, 20%, 30%, 40%,
        50%, 60%, 70%, 80%, 90%,
        100%
        ;
  background-repeat: no-repeat;
  background-size: 2px 100%;
  background-position-y: 10px;
}
input[type='range']::-moz-range-track {
  -moz-appearance: none;
  border-radius: 0px;
  /*box-shadow: inset 0 0 5px #333;*/
  background-color: #ffffff;
  background: #fafafa;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb;
  height: 18px;
  background-color: #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff;
  background-image: linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%), linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.33) 50%);
  background-position-x: 0%, 10%, 20%, 30%, 40%,
        50%, 60%, 70%, 80%, 90%,
        100%
        ;
  background-repeat: no-repeat;
  background-size: 2px 100%;
  background-position-y: 10px;
}
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  border-radius: 5px;
  background-color: #3c4a95;
  /*box-shadow:inset 0 0 10px rgba(000,000,000,0.5);*/
  border: 1px solid #999;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  cursor: default;
  box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb;
  height: 28px;
  width: 34px;
}
input[type='range']::-moz-range-thumb {
  -moz-appearance: none;
  border-radius: 5px;
  background-color: #3c4a95;
  /*box-shadow:inset 0 0 10px rgba(000,000,000,0.5);*/
  border: 1px solid #999;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  cursor: default;
  box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb;
  height: 28px;
  width: 34px;
}
.formular.OnlineAssessment task.tasks {
  width: 60%;
  float: left;
}
.formular.OnlineAssessment ol.answers {
  display: block;
  width: 40%;
  float: left;
}
.formular.OnlineAssessment ol.answers .checkbox input,
.formular.OnlineAssessment ol.answers .checkbox input[type="checkbox"],
.formular.OnlineAssessment ol.answers .checkbox-inline input[type="checkbox"] {
  float: none;
  width: 30px;
  height: 30px;
}
.formular.OnlineAssessment li.block-type-item {
  margin: 0px 0px 30px 0px;
}
.formular {
  /*        section.answer_sheet[type="multiple_choice"] .answers li {
            float: left;
            padding-right: 30px;
            padding-left: 0px;
            margin-top: -15px;
            padding-bottom: 15px;
        }
        section.answer_sheet[type="multiple_choice"] .answers li .checkboxshape {
            margin-left: -22px;
            margin-bottom: -3px;
        }*/
}
.formular img.image-scale-helper {
  visibility: hidden;
  max-height: 400px;
  max-width: 20cm;
}
.formular td > hr {
  border: 1px solid #3c3c3c;
  margin-bottom: -5px;
}
.formular table.rating tbody tr td {
  border: 1px solid #b4b4b4;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  padding: 6px;
}
.formular .checkboxshape {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid black;
  text-align: center;
}
.formular .checkboxshape.answer-is-correct {
  background-color: black;
  color: white;
}
.formular .checkboxshape.answer-is-incorrect {
  border: 1px solid #c8c8c8;
  color: white;
}
.formular .textboxshape {
  display: inline-block;
  width: 100%;
  min-height: 200px;
  border: 1px solid black;
  text-align: center;
}
.formular table {
  border-collapse: collapse;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.formular table.head-data tr td {
  height: 30px;
  min-height: 30px;
}
.formular table.answerrow tr td {
  height: auto;
  min-height: initial;
}
.formular table.certificate-data-title td {
  background-color: #f7f8f9;
  text-align: center;
}
.formular table.cover-data-title {
  border: 2px solid #787878;
}
.formular table.cover-data-title tr td {
  text-align: center;
}
.formular table.signature-data-table ul,
.formular table.cover-data-table ul {
  padding: 0;
  margin: 0;
}
.formular table.signature-data-table {
  border: 2px solid #787878;
}
.formular table.signature-data-table tr td {
  vertical-align: center;
  height: 50px;
  border-bottom: 1px solid #787878;
  padding: 5px;
}
.formular table.cover-data-table tbody tr td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.formular table.signature-data-table tr td:first-child {
  text-align: right;
}
.formular table.signature-data-table tr td:first-child {
  border-right: 2px solid #787878;
}
.formular table.signature-data-table tr td ul li {
  display: inline-block;
}
.formular table.signature-data-table tr td ul li:after {
  display: inline-block;
  content: ', ';
}
.formular table.signature-data-table tr td ul li:last-child:after {
  content: '';
}
.formular .item-id {
  color: #b4b4b4;
}
.formular table {
  float: none !important;
  page-break-inside: avoid;
}
.formular .content div {
  float: none !important;
}
.formular table.page-break {
  page-break-inside: avoid;
  page-break-before: always;
}
.formular table.section {
  page-break-inside: avoid !important;
}
.formular table.section.break-after {
  page-break-after: always !important;
}
.formular section.answer_sheet[type="multiple_choice"] legend {
  float: left;
  width: 250px;
  line-height: 10px;
}
.formular section.answer_sheet[type="multiple_choice"] legend span {
  line-height: 10px;
  font-size: 70%;
}
.formular table.answerrow tr td {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.formular nowrap,
.formular .nowrap {
  display: inline;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .formular legend[type="assessment-data"] .type {
    display: none;
  }
}
@media (max-width: 767px) {
  .formular.OnlineAssessment task.tasks {
    width: 100%;
  }
  .formular.OnlineAssessment ol.answers {
    width: 100%;
  }
  .formular.OnlineAssessment ol.answers .checkbox input,
  .formular.OnlineAssessment ol.answers .checkbox input[type="checkbox"],
  .formular.OnlineAssessment ol.answers .checkbox-inline input[type="checkbox"] {
    width: 28px;
    height: 28px;
  }
  .formular.OnlineAssessment li.block-type-item {
    margin: 0px 0px 40px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .formular.OnlineAssessment task.tasks {
    width: 50%;
  }
  .formular.OnlineAssessment ol.answers {
    width: 50%;
  }
  .formular.OnlineAssessment ol.answers .checkbox input,
  .formular.OnlineAssessment ol.answers .checkbox input[type="checkbox"],
  .formular.OnlineAssessment ol.answers .checkbox-inline input[type="checkbox"] {
    width: 20px;
    height: 20px;
  }
  .formular.OnlineAssessment li.block-type-item {
    margin: 0px 0px 40px 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .formular.OnlineAssessment task.tasks {
    width: 60%;
  }
  .formular.OnlineAssessment ol.answers {
    width: 40%;
  }
  .formular.OnlineAssessment ol.answers .checkbox input,
  .formular.OnlineAssessment ol.answers .checkbox input[type="checkbox"],
  .formular.OnlineAssessment ol.answers .checkbox-inline input[type="checkbox"] {
    width: 20px;
    height: 20px;
  }
  .formular.OnlineAssessment li.block-type-item {
    margin: 0px 0px 70px 0px;
  }
}
@media (min-width: 1200px) {
  .formular.OnlineAssessment task.tasks {
    width: 70%;
  }
  .formular.OnlineAssessment ol.answers {
    width: 30%;
  }
  .formular.OnlineAssessment ol.answers .checkbox input,
  .formular.OnlineAssessment ol.answers .checkbox input[type="checkbox"],
  .formular.OnlineAssessment ol.answers .checkbox-inline input[type="checkbox"] {
    width: 24px;
    height: 24px;
  }
  .formular.OnlineAssessment li.block-type-item {
    margin: 0px 0px 70px 0px;
  }
}