.anal_container {
  position: relative;
  width: 100%;
  margin: 20px 0 20px 0;
}

.anal_headline {
  position: relative;
  font-size: 20px;
  color: #424242;
  margin-bottom: 10px;
}

.anal_subline {
  position: relative;
  font-size: 14px;
  color: #898989;
  margin-bottom: 40px;
}

.analyze_cat_holder {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  font-size: 14px;
}

.analyze_expanded_content {
  display: none;
}

.analyze_cat_holder_as_expander[expanded="true"] .analyze_cat_container {
  display: block;
}

.analyze_tag_expander_bt {
  position: relative;
  min-width: 14px;
  width: 14px;
  min-height: 14px;
  height: 14px;
  background: url(/src/analyze/expand.svg) center/contain no-repeat;
}

.analyze_cat_holder_as_expander[completed="true"] .crtl_form_headtag {
  background-color: #2cc880;
}

.analyze_cat_holder_as_expander[expanded="true"] .analyze_tag_expander_bt {
  transform: scaleY(-1);
}

.analyze_tag_split_l {
  min-width: calc(100% - 32px);
  width: calc(100% - 32px);
}

.analyze_tag_split_r {
  min-width: 22px;
  width: 22px;
}

.analyze_tag_split_space {
  position: relative;
  min-width: 10px;
  width: 10px;
  min-height: 10px;
  height: 10px;
}

.analyze_form_space {
  position: relative;
  margin-top: 20px;
  width: 100%;
}

.analyze_cat_holder_as_expander .crtl_analyze_form_button {
  width: 125px;
  min-width: 125px;
  max-width: 125px;
}

.analyze_cat_holder_as_expander .crtl_form_headtag {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.analyze_cat_holder_as_expander[expanded="true"] .crtl_form_headtag {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.analyze_cat_container {
  position: relative;
  width: calc(100% - 2px);
  padding: 10px 0;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.analyze_base_description {
  position: relative;
  padding: 10px 20px;
  width: calc(100% - 40px);
  transition: ease 0.3s;
  font-size: 13px;
  font-style: italic;
  color: #424242;
}

.analyze_input_warpper {
  position: relative;
  padding: 10px 20px;
  width: calc(100% - 40px);
  transition: ease 0.3s;
}

.analyze_input_ind {
  position: relative;
  padding: 0px 10px;
  width: calc(100% - 20px);
  min-width: calc(100% - 20px);
  transition: ease 0.3s;
}

.analyze_questionnaire_icon {
  background: url(/src/analyze/questionnaire.svg) center/contain no-repeat;
}

.analyze_base_icon {
  background: url(/src/analyze/base.svg) center/contain no-repeat;
}

.analyze_bases_icon {
  background: url(/src/analyze/bases.svg) center/contain no-repeat;
}

.analyze_input_text_desc {
  position: relative;
  padding: 5px 0px 20px 0px;
  word-wrap: break-word;
  word-break: break-all;
  max-width: 100%;
  font-size: 12px;
  color: #606060;
}

.analyze_input_holder {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.analyze_input_container {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  min-width: 326px;
  width: 326px;
}

.analyze_input_comment_warpper {
  position: relative;
  width: 100%;
  display: none;
}

.analyze_input_info {
  position: relative;
  min-width: 14px;
  width: 14px;
  min-height: 14px;
  height: 14px;
  background: url(/src/icons/informational.svg) center/contain no-repeat;
  transition: ease 0.3s;
}

.analyze_input_field_icon {
  position: relative;
  min-width: 14px;
  width: 14px;
  min-height: 14px;
  height: 14px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.analyze_input_info:active {
  background-image: url(/src/icons/informational_hover.svg);
}

.analyze_input_info_space {
  position: relative;
  min-width: 5px;
  width: 5px;
  min-height: 5px;
  height: 5px;
}

.analyze_field_info_holder {
  position: relative;
  min-width: calc(100% - 340px);
  width: calc(100% - 306px);
  max-width: calc(100% - 306px);
}

.analyze_field_holder {
  position: relative;
  width: 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
}

.analyze_subfield_holder {
  position: relative;
  width: 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
}

.analyze_field_name {
  position: relative;
  width: calc(100% - 19px);
  max-width: calc(100% - 19px);
  color: #424242;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.analyze_sub_field_id {
  position: relative;
  min-width: 19px;
  width: 19px;
  min-height: 19px;
  height: 19px;
}

.analyze_sub_field {
  position: relative;
  width: calc(100% - 19px);
  max-width: calc(100% - 19px);
  color: #505050;
  text-align: justify left;
  word-wrap: break-word;
  font-size: 14px;
}

.analyze_input_field_space {
  position: relative;
  min-width: 20px;
  width: 20px;
  min-height: 20px;
  height: 20px;
}

.analyze_comment {
  position: relative;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  background: url(/src/analyze/comment.svg) center/contain no-repeat;
  transition: ease 0.3s;
}

.analyze_comment:active {
  background-image: url(/src/analyze/comment_hover.svg);
}

.analyze_input_raw_value_info {
  position: relative;
  min-width: 14px;
  width: 14px;
  min-height: 14px;
  height: 14px;
  background: url(/src/icons/informational.svg) center/contain no-repeat;
  transition: ease 0.3s;
}

.analyze_input_raw_value_info:active {
  background-image: url(/src/icons/informational_hover.svg);
}

.analyze_input_comment_space {
  position: relative;
  min-width: 10px;
  width: 10px;
  min-height: 10px;
  height: 10px;
}

.analyze_textbox {
  position: relative;
  outline: none;
  border: 1px solid #d6d6d6;
  padding: 8px 10px;
  font-size: 14px;
  height: 17px;
  max-height: 17px;
  color: #898989;
  transition: ease 0.3s;
}

.analyze_textbox:focus {
  color: #424242;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 4px;
  border-color: #3d7fff;
}

.analyze_selection {
  position: relative;
  outline: none;
  border: 1px solid #d6d6d6;
  padding: 8px 10px;
  height: 17px;
  max-height: 17px;
  max-width: 250px;
  font-size: 14px;
  color: #898989;
  transition: ease 0.3s;
  box-sizing: content-box;
  white-space: normal;
}

.analyze_selection option {
  word-wrap: break-word;
  word-break: break-all;
}

table.grid_table_new td,
table.grid_table_new th {
  word-wrap: break-word;
}

.analyze_selection:focus {
  color: #424242;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 4px;
  border-color: #3d7fff;
}

.analyze_comment_headline {
  margin-top: 10px;
  margin-bottom: 8px;
}

.analyze_input_comment_text {
  position: relative;
  width: calc(100% - 22px);
  color: #898989;
  font-size: 14px;
  border: 1px solid #d6d6d6;
  resize: none;
  outline: none;
  height: 70px;
  padding: 10px 10px;
  box-sizing: content-box;
  max-height: 70px;
  transition: ease 0.3s;
}

.analyze_input_comment_text:focus {
  color: #424242;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 4px;
  border-color: #3d7fff;
}

.analyze_single_field {
  min-width: 236px;
  width: 326px;
  font-size: 13px;
}

.analyze_multi_field {
  min-width: 107px;
  width: 153px;
  font-size: 13px;
}

.analyze_input_space {
  position: relative;
  width: 100%;
  height: 10px;
}

.analyze_finish_holder {
  position: relative;
  display: flex;
  min-width: 320px;
  max-width: 320px;
  width: 320px;
  margin: 10px auto;
}

.analyze_finish_holder_space {
  position: relative;
  min-width: 10px;
  min-height: 10px;
  width: 10px;
  height: 10px;
}

.analyze_finish_button_form_bt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 8px 10px 8px;
  color: white;
  font-size: 14px;
  transition: ease 0.3s;
  text-align: center;
  max-width: 125px;
  min-width: 125px;
  margin: 0 auto 10px auto;
  border-radius: 5px;
}

.analyze_finish_button_form_checker {
  background-color: #22b880;
}

.analyze_finish_button_form_checker:active {
  background-color: #2cc880;
}

.analyze_finish_button_form_later {
  background-color: #bbbbbb;
}

.analyze_finish_button_form_later:active {
  background-color: #cccccc;
}

@media (hover: hover) and (pointer: fine) {
  .analyze_input_info:hover {
    background-image: url(/src/icons/informational_hover.svg);
    transform: translate(0, -2px);
  }

  .analyze_finish_button_form_checker:hover {
    background-color: #2cc880;
  }

  .analyze_finish_button_form_later:hover {
    background-color: #cccccc;
  }

  .analyze_input_warpper:hover {
    background-color: #f8f8f8;
  }

  .analyze_comment:hover {
    transform: translate(0, -2px);
    background-image: url(/src/analyze/comment_hover.svg);
  }

  .analyze_input_raw_value_info:hover {
    background-image: url(/src/icons/informational_hover.svg);
  }

  .analyze_cat_holder_as_expander .crtl_form_headtag_headline:hover {
    text-decoration: underline;
    cursor: pointer;
  }
}

@media (max-width: 700px) and (min-width: 0),
  (max-width: 700px) and (min-device-width: 0) {
  .analyze_single_field {
    min-width: calc(100% - 98px);
    width: 100%;
  }

  .analyze_multi_field {
    min-width: calc(50% - 108px);
    width: calc(50% - 10px);
  }

  .analyze_field_info_holder {
    min-width: 100%;
    width: 100%;
  }

  .analyze_input_container {
    min-width: 100%;
    width: 100%;
  }

  .analyze_input_holder {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .analyze_sub_field {
    font-size: 12px;
  }

  .analyze_input_comment_text {
    font-size: 12px;
  }

  .analyze_input_warpper {
    padding: 10px 10px;
    width: calc(100% - 20px);
  }

  .analyze_input_field_space {
    min-width: 10px;
    width: 10px;
    min-height: 10px;
    height: 10px;
  }
}

@media (pointer: coarse) {
  .analyze_single_field {
    min-width: calc(100% - 98px);
    width: 100%;
  }

  .analyze_multi_field {
    min-width: calc(50% - 108px);
    width: calc(50% - 10px);
  }

  .analyze_field_info_holder {
    min-width: 100%;
    width: 100%;
  }

  .analyze_input_container {
    min-width: 100%;
    width: 100%;
  }

  .analyze_input_holder {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}