#block-twas-content > .webform-submission-form > details {
  padding: 2rem 1rem;
  margin-top: 0;
  background-color: #fff;
}

#block-twas-content > .webform-submission-form > details > summary {
  font-size: 20px;
  font-weight: 700;
  color: var(--fellows);
}

#block-twas-content > .webform-submission-form .messages {
  display: none;
}

/* -------------------------------------------------------------------------------------- */
#block-twas-content > .webform-submission-form .form-item {
  margin: 1.5rem 0 0 0;
  display: flex;
  flex-direction: column;
  color: #666;
}

#block-twas-content > .webform-submission-form .form-item input { margin: 0 0 .25rem 0; }

#block-twas-content > .webform-submission-form .form-item input[type="file"],
#block-twas-content > .webform-submission-form .form-item input[type="text"],
#block-twas-content > .webform-submission-form .form-item input[type="email"],
#block-twas-content > .webform-submission-form .form-item input[type="number"],
#block-twas-content > .webform-submission-form .form-item textarea,
#block-twas-content > .webform-submission-form .form-item .form-select {
  line-height: 2em;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: .5rem 1rem;
  width: 100%;
  margin-top: 0;
  background-position: calc(100% - 1rem) center;
}

#block-twas-content > .webform-submission-form .form-item textarea {
  line-height: 1.25rem;
  padding: .5rem;
  min-height: 200px;
}

#block-twas-content > .webform-submission-form .form-item select,
#block-twas-content > .webform-submission-form .form-item input.form-autocomplete {
  padding: .5rem 3rem .5rem 1rem;
}

#block-twas-content > .webform-submission-form .form-item input[disabled="disabled"],
#block-twas-content > .webform-submission-form .form-item select[disabled="disabled"],
#block-twas-content > .webform-submission-form .form-item .form-select.chosen-disabled {
  background-color: #f7f7f7;
  color: #666;
  opacity: 1 !important;
}

/* -------------------------------------------------------------------------------------- */
#block-twas-content > .webform-submission-form .form-item.form-type-select { position: relative; }
#block-twas-content > .webform-submission-form .form-item.form-type-select::after {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: .5rem;
  background-color: #666;
  top: 70%;
  right: 1.35rem;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}

#block-twas-content > .webform-submission-form .form-item .form-select a {
  line-height: unset;
  height: unset;
  padding: 0;
}

#block-twas-content > .webform-submission-form .form-item .form-select.chosen-disabled a {
  color: #666;
  background-color: transparent;
}

#block-twas-content > .webform-submission-form .chosen-drop { left: 0; }
#block-twas-content > .webform-submission-form .chosen-drop input { background: none !important; }
#block-twas-content > .webform-submission-form .chosen-single b { display: none !important; }

/* -------------------------------------------------------------------------------------- */
#block-twas-content > .webform-submission-form .form-item label {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 .25rem 0;
}

/* -------------------------------------------------------------------------------------- */
#block-twas-content > .webform-submission-form .form-item input[type="checkbox"] { display: none; }

#block-twas-content > .webform-submission-form .form-item input[type="checkbox"] + label {
    padding: 0 0 0 1.75rem;
    position: relative;
    font-weight: 400;
    font-size: 14px;
}

#block-twas-content > .webform-submission-form .form-item input[type="checkbox"] + label:hover { cursor: pointer; }

#block-twas-content > .webform-submission-form .form-item input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#block-twas-content > .webform-submission-form .form-item input[type="checkbox"]:checked + label::before,
#block-twas-content > .webform-submission-form .form-item input[type="checkbox"] + label:hover::before {
    background-color: var(--fellows);
    border: 1px solid var(--fellows);
}

#block-twas-content > .webform-submission-form .form-item input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: translateY(-50%) rotate(45deg);
}



/* ---------------- table title ------------------ */
#block-twas-content > .webform-submission-form table thead h4 {
    display: block;
    margin: .5rem 0;
    color: var(--fellows);
    font-weight: 500;
}


/* --------------- toggle rows height link ----------------- */
#block-twas-content > .webform-submission-form .form-item .tabledrag-toggle-weight {
    box-shadow: none;
    color: var(--fellows);
}

#block-twas-content > .webform-submission-form .form-item .tabledrag-toggle-weight:hover {
    background-color: transparent;
    text-decoration: underline;
}


/* ---------------- general table style --------------------------- */
#block-twas-content > .webform-submission-form table tbody .form-item input { margin: 0; }

#block-twas-content > .webform-submission-form table tbody .field-multiple-drag {
    width: 2rem;
    height: 2rem;
}


/* ----------------------- multiple rows ordering field ---------------------- */
#block-twas-content > .webform-submission-form table tbody .delta-order {
    width: 3rem;
}

#block-twas-content > .webform-submission-form table tbody .delta-order > .form-item {
    margin: 0 0 0 auto;
    height: 100%;
}

#block-twas-content > .webform-submission-form table tbody .delta-order > .form-item::after {
    top: 50%;
    right: .25rem;
    transform: translateY(-50%);
}

#block-twas-content > .webform-submission-form table tbody .delta-order > .form-item select {
    padding: .5rem .25rem;
}


/* ---------------- manual ordering with handles ------------------ */
#block-twas-content > .webform-submission-form table tbody .tabledrag-handle {
    float: none;
    padding-right: 0 !important;
    margin-left: 0 !important;
    display: block !important;
    height: 2rem;
}

#block-twas-content > .webform-submission-form table tbody .tabledrag-handle .handle {
    width: 2rem !important;
    height: 2rem;
    margin: 0;
    padding: 0;
    background-position: center;
}


/* ---------------------- spacing buttons ------------------------- */
#block-twas-content > .webform-submission-form table + div {
    margin-top: 1rem;
}