/* Opportunity & Lead Owner */
:root {
  --slds-g-color-border-base-4: #d5dee3;
}

@font-face {
  font-family: "Helvetica";
  src: url("helvetica_Normal.woff2") format(" woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica-bold";
  src: url("helvetica_Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.dn_oppownerchange .bPageTitle .content,
.dn_leadownerchange .bPageTitle .content {
  display: flex;
  flex-wrap: wrap;
}
.dn_oppownerchange .bPageTitle .content .pageType,
.dn_leadownerchange .bPageTitle .content .pageType {
  font-size: 3rem;
  font-family: "Helvetica-bold", "Arial", sans-serif;
}
.dn_oppownerchange .bPageTitle .content .pageDescription,
.dn_leadownerchange .bPageTitle .content .pageDescription {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  font-size: 2.25rem;
  font-family: "Helvetica-bold", "Arial", sans-serif;
}
@media only screen and (max-width: 540px) {
  .dn_oppownerchange .bPageTitle .content .pageType,
  .dn_leadownerchange .bPageTitle .content .pageType {
    font-size: 2.25rem;
  }
  .dn_oppownerchange .bPageTitle .content .pageDescription,
  .dn_leadownerchange .bPageTitle .content .pageDescription {
    font-size: 1.5rem;
  }
}
.dn_oppownerchange .form-inline,
.dn_leadownerchange .form-inline {
  width: min(1120px, 100%);
  margin: 0 auto !important;
  padding: 1.5rem 10px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.dn_oppownerchange .form-inline .wrapper,
.dn_leadownerchange .form-inline .wrapper {
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 2rem;
}
.dn_oppownerchange .form-inline .wrapper .subHeader,
.dn_leadownerchange .form-inline .wrapper .subHeader {
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  background-color: black;
  color: white;
  font-family: "Helvetica-bold", "Arial", sans-serif;
}
.dn_oppownerchange .form-inline .wrapper > div,
.dn_leadownerchange .form-inline .wrapper > div {
  width: min(40rem, 100%);
  margin: 0 auto;
}
.dn_oppownerchange .form-inline .wrapper > div .col-sm-3,
.dn_leadownerchange .form-inline .wrapper > div .col-sm-3 {
  font-size: 1rem;
  font-family: "Helvetica", "Arial", sans-serif;
}
.dn_oppownerchange .form-inline .wrapper > div .form-group,
.dn_leadownerchange .form-inline .wrapper > div .form-group {
  display: flex;
  gap: 0.5rem;
}
.dn_oppownerchange .form-inline .wrapper > div .form-group .form-control,
.dn_leadownerchange .form-inline .wrapper > div .form-group .form-control {
  padding: 0.4375rem 0.5rem;
  border-radius: 2px;
  font-size: 1rem;
  font-family: "Helvetica", "Arial", sans-serif;
  flex: 1 1 auto;
}
@media only screen and (max-width: 540px) {
  .dn_oppownerchange .form-inline .wrapper > div .form-group .form-control,
  .dn_leadownerchange .form-inline .wrapper > div .form-group .form-control {
    max-width: calc(100% - 72px);
  }
}
.dn_oppownerchange .form-inline .wrapper > div .form-group .btn.selectButton,
.dn_leadownerchange .form-inline .wrapper > div .form-group .btn.selectButton {
  background-color: White;
  color: #ff3600;
  padding: 0.5rem 0.75rem;
  line-height: 1.5;
  font-weight: bold;
  border: 2px solid #ff3600;
  font-size: 1rem;
  border-radius: 2px;
  font-family: "Helvetica-bold", "Arial", sans-serif;
}
.dn_oppownerchange .form-inline .wrapper > div .form-group .btn.selectButton:hover,
.dn_leadownerchange .form-inline .wrapper > div .form-group .btn.selectButton:hover {
  border-color: #c02801;
  color: #c02801;
}
.dn_oppownerchange .form-inline .wrapper + br,
.dn_leadownerchange .form-inline .wrapper + br {
  display: none;
}
.dn_oppownerchange .form-inline #backLink,
.dn_leadownerchange .form-inline #backLink {
  color: #ff3600;
  font-weight: bold;
  font-family: "Helvetica-bold", "Arial", sans-serif;
}