.question {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.question:not(:first-child) {
  padding-top: 8px;
  border-top: 1px solid #ccc;
  background-color: #f6f6d5;
}

#question-form {
  display: block;
  padding-top: 32px;
}
#question-form textarea{
  width: calc(100% - 6px);
  resize: none;
  margin-bottom: 8px
}
.question-responsible {
  margin-bottom: 8px;
}
.answer {
  display: flex;
  justify-content: space-between;
  margin-left: 10px;
}

#new_answer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 8px;
}
.new_answer__text-area {
  width: 100%;
  padding-right: 6px;
  margin-bottom: 16px;
}
.new_answer__text-area textarea{
  width: 100%;
  resize: none;
}
.hide {
  display: none !important;
}

.status-13 .id, .status-9 .id a {
  color: red;
}

.answer {
  margin-top: 10px;
}

.empty {
  margin-top: 10px;
}

.question div:first-child {
  max-width: 600px;
  width: 100%;
}
.question__info {
  padding-bottom: 16px;
}
.question__info div:nth-child(2) {
  margin-bottom: 16px;
}

.answer div:first-child {
  white-space: pre-line;
}

.question-item {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.question-item div:first-child {
  white-space: pre-line;
  max-width: 300px;
  width: 300px;
}

.new {
  justify-content: start;
}
.question-item.new {
  display: block;
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e4e4e4;
}
.question-item.new .question-new {
  width: 100%;
  max-width: none;
  margin-bottom: 8px;
}
#question-text {
  width: calc(100% - 6px);
  resize: none;
}

.question-edit-only {
  display: inline-block;
  padding: 4px 16px;
  color: cornflowerblue;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
}

.remove-question {
  cursor: pointer;
  color: cornflowerblue;
}
.questions .tracker {
  white-space: pre-line;
  max-width: 36vw;
}
.questions tbody tr.question-row {
    background-color: #f6f7f8;
}
.questions tbody tr.question-row_odd {
  background-color: #fff;
}
#main.nosidebar #content {
    width: calc(100% - 56px);
}

.question-wrapper {
  height: 0;
  overflow: hidden;
  transition: height 0.4s;
}

.question-control-toggle {
  cursor: pointer;
}
.question-control-toggle.is-active .question-control-hide {
  display: block;
}
.question-control-toggle.is-active .question-control-show {
  display: none;
}
.question-control-hide {
  display: none;
}

.question-subject {
  white-space: pre-line;
}
.comment_wrapper {
  margin-top: 4px;
  margin-bottom: 24px;
}
.questions-collapse {
    height: 0;
    overflow: hidden;
    transition: height 0.3s;
}
.questions-btn-close {
  display: none;
}
.questions-btn.is-active .questions-btn-close {
  display: block;
}
.questions-btn.is-active .questions-btn-open {
  display: none;
}
.history-btn {
  font-size: 80%;
  color: #169;
  text-decoration: none;
  cursor: pointer;
  margin-top: 5px;
}
.question-row.is-open {
  border-top: 1px solid #8f8f8f;
}
.question-row > td {
  padding-top: 16px;
  padding-bottom: 16px;
}
.questions tbody tr.answers {
  background-color: #fffff5;
}
tr.answers .tracker textarea{
  width: 100%;
  margin-bottom: 8px;
  resize: vertical;
  height: 62px;
}
.tracker-name {
  white-space: nowrap;
  font-size: 80%;
}

#checklist_items li span {
  white-space: pre-wrap;
}

.task-result {
  display: flex;
  justify-content: space-between;
}

.task-result div:first-child {
  min-width: 512px;
}

.new-task-result button {
  margin-top: 10px;
}

.task-result-control, .task-result-info {
  font-size: 10px;
}


.page-contain {
  display: flex;
  align-items: center;
  padding: 2em;
  font-family: "Open Sans", sans-serif;
}

.data-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.5em;
  text-decoration: none;
  background: white;
  margin: 1em;
  padding: 2.75em 2.5em;
  box-shadow: 0 1.5em 2.5em -0.5em rgba(0, 0, 0, 0.1);
  border: 1px solid #00000012;
}
.data-card h3 {
  color: #2E3C40;
  font-size: 3.5em;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 0.5em;
  margin: 0 0 0.142857143em;
  border-bottom: 2px solid #753BBD;
}
.data-card h4 {
  color: #627084;
  text-transform: uppercase;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  margin: 0 0 1.777777778em;
}
.data-card p {
  color: #2E3C40;
  font-weight: 600;
  line-height: 1.8;
  margin: 0 0 1.25em;
}

.accordion__wrapper {
  margin-top: 15px;
}

.accordion {
  cursor: pointer;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 15px;
  background-color: white;
  display: none;
  overflow: hidden;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.order__button {
  text-decoration: underline;
  cursor: pointer;
}