/*** Norm styles in test ***/
#mainContent:not(.yesNoMaybe) .headerContainer {
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  #mainContent:not(.yesNoMaybe) .headerContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#mainContent:not(.yesNoMaybe) .headerContainer .pageActions {
  padding-bottom: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (max-width: 767px) {
  #mainContent:not(.yesNoMaybe) .headerContainer .pageActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
#mainContent:not(.yesNoMaybe) .headerContainer .pageTitle {
  font-size: 32px;
  text-align: left;
  padding: 0 20px 0 0;
}
@media only screen and (max-width: 767px) {
  #mainContent:not(.yesNoMaybe) .headerContainer .pageTitle {
    padding: 0;
  }
}
#mainContent:not(.yesNoMaybe) .headerContainer .pageTitle .pageIntro {
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #mainContent:not(.yesNoMaybe) .headerContainer .pageTitle {
    padding-top: 10px;
  }
}
/* table view changes for normal styling & yes,no, maybe styling */
#tree-card {
  margin: 10px auto 0 !important;
}
@media only screen and (max-width: 767px) {
  #contentView {
    margin-top: 20px;
  }
}
#contentView #contentViewTabs {
  text-align: left;
}
#recordServiceData .limitTableValues.center {
  margin: 30px 0 20px;
}
#recordServiceData.tableHorizontal > tbody > tr > th {
  text-align: left;
  font-size: inherit;
  color: #666;
  padding: 9px 12px 8px;
}
#recordServiceData.tableHorizontal > tbody > tr > td {
  padding: 9px 12px 8px;
}
#recordServiceData .tableContainerRow > td {
  padding: 0 !important;
}
#recordServiceData .tableContainerRow > td .tableContainer.conSecond {
  padding: 20px 0 0;
}
#recordServiceData .tableContainerRow .tocContainer {
  padding: 20px 0;
}
#recordData #bottomCtaSaveAndCancel {
  margin-top: 20px;
  text-align: left;
}
.table.embed thead tr th {
  font-size: 13px;
  word-break: keep-all;
}
.table.embed thead tr th:last-child {
  text-align: right;
}
.table.embed thead tr th:only-child {
  text-align: left;
}
.table.embed tbody tr {
  padding: 9px 12px 8px;
}
.table.embed tbody tr td {
  padding: 9px 12px 8px;
  min-width: 50px;
  word-break: keep-all;
}
.table.embed tbody tr td:last-child {
  text-align: right;
}
.table.embed tbody tr td:only-child {
  text-align: left;
}
/*** Yes, No, Maybe Styling in test ***/
#mainContent.yesNoMaybe #bottomCtaSaveAndCancel .ynmQuestion {
  text-align: left;
  font-weight: 600;
}
#mainContent.yesNoMaybe .headerContainer {
  margin: 30px auto !important;
}
#mainContent.yesNoMaybe .headerContainer .pageTitle {
  font-size: 16px;
  padding: 0;
  text-align: left;
  width: 100%;
  margin-left: 0;
}
#mainContent.yesNoMaybe .headerContainer #yesNoMaybe .ynmQuestion {
  color: inherit;
  font-size: 25px;
  font-weight: 600;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #mainContent.yesNoMaybe .headerContainer #yesNoMaybe .ynmQuestion {
    padding-bottom: 12px;
  }
}
#mainContent.yesNoMaybe .headerContainer #yesNoMaybe .ynmControlBar {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #mainContent.yesNoMaybe .headerContainer #yesNoMaybe .ynmControlBar {
    text-align: left;
  }
}