.codoc-settings {
  padding-right: 20px;
}

.codoc-settings .form-table {

}

.codoc-settings .form-table th {
  padding: 20px 15px;
  background: linear-gradient(to right, #FCF5D5 0%, #FEF5FF 50%, #EDFFFC);
  color: #1B1D1F;
  border-bottom: solid 1px #c9c9c9;
  text-align: right;
  vertical-align: middle;
}

.codoc-settings .form-table tr:first-of-type th {
  border-top-left-radius: 10px;
}

.codoc-settings .form-table tr:last-of-type th {
  border-bottom-left-radius: 10px;
}

.codoc-settings .form-table td {
  padding: 20px 15px;
  border-bottom: solid 1px #c9c9c9;
  background: #fff;
}

.codoc-settings .form-table tr:first-of-type td {
  border-top-right-radius: 10px;
}

.codoc-settings .form-table td .excerpt {
  margin-bottom: 1em;
}

.codoc-settings .form-table td .inputGroup {
  display: flex;
}

.codoc-settings .form-table td input[type="text"] {
  margin-right: 0.5em;
}

.codoc-settings .form-table td .suptext {
  display: inline-block;
  margin-right: 0.5em;
}

.codoc-settings .form-table td .inputRow {
  margin-bottom: 1em;
}

.codoc-settings .form-table td .inputRow:last-of-type {
  margin-bottom: 0;
}

.codoc-settings .form-table td .inputRow textarea {
  width: 70%;
  height: 100px;
  margin-right: 0.5em;
}

.codoc-settings .innerTable {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: solid 1px #c9c9c9;
  border-left: solid 1px #c9c9c9;
}

.codoc-settings .innerTable th {
  width: 120px;
  background: #f1f1f1;
  color: #444;
  border-right: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
}

.codoc-settings .innerTable td {
  border-right: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
}



@media screen and (max-width: 782px) {

  .codoc-settings .form-table th {
    padding: 15px;
    text-align: left;
  }

  .codoc-settings .form-table tr:first-of-type th {
    border-top-left-radius: 0px;
  }

  .codoc-settings .form-table tr:last-of-type th {
    border-bottom-left-radius: 0;
  }

  .codoc-settings .form-table td .inputGroup {
    flex-direction: column;
  }

  .codoc-settings .form-table td input[type="text"] {
    margin: 0 0 0.5em 0;
  }

  .codoc-settings .form-table td input[type="text"]:last-of-type-of-type {
    margin: 0;
  }

  .codoc-settings .form-table td .suptext {
    display: block;
    margin: 0 0 0.5em 0;
  }

  .codoc-settings .form-table td .inputRow textarea {
    width: 100%;
    height: 100px;
    margin: 0 0 0.5em 0;
  }

  .codoc-settings .innerTable th {
    width: 100%;
    box-sizing: border-box;
  }

}