/* STUDENT SUPPORT FORM (RM#17943) */

/* INSTRUCTION PARAGRAPH STYLING */
#edit-student-support-form-instructions {
  margin-bottom: 0;
}
#edit-student-support-form-instructions #edit-processed-text {
  margin: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* COMPUTER INFO AND PRODUCT INFO INPUT FIELD STYLING */
body.route--entity--id--student-support-form #edit-contact-info,
body.route--entity--id--student-support-form #edit-issue-info {
  border: 1px solid #E3E3E3;
  display: block;
  margin: 0;
}
#edit-computer-info,
#edit-product-info {
  border: 1px solid #E3E3E3;
  display: block;
  min-height: 325px;
  padding-left: 0;
}
#edit-contact-info .webform-section-wrapper,
#edit-issue-info .webform-section-wrapper {
  display: inline-block;
}
#edit-computer-info {
  margin-bottom: 0;
}
#edit-computer-info .webform-section-wrapper {
  display: block;
}
#edit-computer-info > div > .fieldset--wrapper:nth-child(1) {
  margin-right: 0;
}
#edit-computer-info > div > .fieldset--wrapper {
  width: 49%;
  margin-right: 0;
  display: block;
  float: left;
}
#edit-computer-info > .webform-section-wrapper > .fieldset--wrapper > fieldset > .fieldset-wrapper > .fieldset--wrapper > fieldset {
  margin: 0;
}
#edit-product-info > div > .fieldset--wrapper {
  width: 49%;
  margin-right: 0;
  display: inline-block;
}
#edit-product-info > div > .fieldset--wrapper:nth-child(1) {
  margin-right: 0;
}
#edit-product-info .webform-section-wrapper {
  display: block;
}
#edit-product-info .form-item-swsn {
  margin: 0;
}
#edit-contact-info .webform-section-wrapper .form-item--required {
  width: 47%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  float: left;
  clear: none;
  text-align: inherit;
}
.form-item-region {
  width: 47% !important;
  float: left;
  margin-left: 1.5% !important;
  margin-right: 1.5% !important;
}
#edit-middle-row {
  margin: 50px 0 0 0;
}
section#edit-computer-info,
section#edit-product-info {
  margin-top: 0;
}
body.route--entity--id--student-support-form section#edit-contact-info h4,
#edit-computer-info h4,
#edit-product-info h4,
#edit-issue-info h4 {
  background: #E3E3E3;
  padding: 10px 10px 10px 15px;
  margin-bottom: 0;
}
#edit-hardware-platform, #edit-operating-system, #edit-product-used--wrapper, #edit-product-version--wrapper, #edit-issue-type--wrapper {
  margin-left: 5%;
}
#edit-swsn {
  margin: 0 3%;
}
.webform-layoutcontainer > .form-item input:not([type=checkbox]):not([type=radio]):not([type=submit]), .webform-layoutcontainer > .form-item select {
  width: 94%;
}
#edit-product-info > div > div > label {
  left: 5% !important;
}


/* ISSUE INFO STYLING */
#edit-issue-info {
  margin: 50px 0 0 0;
}
#edit-issue-info .webform-section-wrapper {
  width: 100%;
}
#edit-issue-info-left-col {
  width: 30%;
}
#edit-issue-info-right-col {
  width: 68%;
}
.ds-ui-kit-scope body.route--entity--id--student-support-form .ds-input textarea {
  min-height: unset;
}
body.route--entity--id--student-support-form .ds-input #edit-summary {
  height: 67px !important;
}
#edit-issue-info-right-col .js-form-type-textarea {
  width: 100%;
}
body.route--entity--id--student-support-form textarea#edit-summary,
body.route--entity--id--student-support-form textarea#edit-description {
  padding: 28px 15px 15px 15px;
}
#ajax-wrapper input {
  display: block;
}
body.route--entity--id--student-support-form #edit-issue-info-right-col > div > label {
  background-color: #FFFFFF;
  width: 98%;
  line-height: 28px;
  padding-left: 16px;
  padding-top: 2px;
  top: 1px;
  left: 1px;
  border-radius: 4px;
  height: 28px;
}

/* GENERAL STYLING */
body.route--entity--id--student-support-form label {
  font-size: 16px;
  font-weight: normal;
}
body.route--entity--id--student-support-form.path-webform #edit-actions button {
  float: right;
}
.webform-confirmation__message {
  padding: 50px 0 50px 0;
}
.webform-confirmation__message h4 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 0;
}

/* MEDIA QUERIES */
@media screen and (max-width: 1039px) {
  #edit-contact-info .webform-section-wrapper .form-item--required {
    width: 96%;
    margin-left: 2%;
    margin-right: 0;
  }
  #edit-middle-row #edit-computer-info {
    margin: 0 0 50px 0;
  }
  #edit-contact-info .webform-section-wrapper .form-item-region {
    width: 96% !important;
    margin-left: 2% !important;
  }
  #edit-computer-info,
  #edit-product-info {
    width: 100%;
    float: initial;
  }
  #edit-issue-info-left-col {
    width: 100% !important;
  }
  #edit-issue-info-left-col > div.fieldset--wrapper > #edit-issue-type--wrapper > .fieldset-wrapper > #edit-issue-type > div {
    float: left;
    padding-right: 11px;
  }
  #edit-issue-info-right-col {
    width: 100% !important;
  }
  #edit-issue-info-right-col .js-form-type-textarea {
    width: 90%;
  }
  #edit-issue-info-right-col #ajax-wrapper .edit-file-upload input {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1038px) {
  #edit-issue-type--wrapper {
    margin-left: 2%;
  }
  #edit-issue-info-right-col .js-form-type-textarea {
    width: 96%;
    margin-left: 2%;
  }
  #edit-issue-info-right-col #ajax-wrapper > div {
    width: 96%;
    margin-left: 2%;
  }
}
@media (min-width: 768px) {
  #edit-middle-row > div {
    display: initial !important;
  }
}
@media screen and (max-width: 320px) {
  #edit-contact-info .webform-section-wrapper .form-item--required {
    width: 90%;
    margin: 5%;
  }
  #edit-contact-info .webform-section-wrapper .form-item-region {
    width: 90% !important;
    margin-left: 5% !important;
  }
  #edit-contact-info .webform-section-wrapper .form-item-region > select {
    margin: 0;
  }
  #edit-computer-info .webform-section-wrapper .fieldset--wrapper,
  #edit-product-info .webform-section-wrapper .fieldset--wrapper {
    width: 100% !important;
  }
  #edit-product-used--wrapper,
  #edit-product-version--wrapper {
    margin-left: 0;
  }
  #edit-issue-info-left-col > div.fieldset--wrapper > #edit-issue-type--wrapper > .fieldset-wrapper > #edit-issue-type > div {
    float: initial;
    padding-right: 0;
  }
  #edit-product-info > div > div {
    width: 100%;
    margin: 0 5% 20px 5%;
  }
  #edit-product-info > div > div > label {
    left: 10% !important;
  }
  #edit-swsn {
    width: 90%;
    margin: 0 5% 20px 5%;
  }
  #edit-issue-info-right-col .js-form-type-textarea {
    width: 90%;
    margin: 0 5% 20px 5%;
  }
}