/* Icons can be found in https://www.iconcloud.design/home */
@font-face {
  font-family: 'OffSMDL2';
  src: url('/ems/content/fonts/OffSMDL2.4.50.woff') format('woff');
}
@font-face {
  font-family: 'SupportMDL2';
  src: url('/socfonts/SupMDL2.4.66.woff') format('woff');
}
/*
	Homepage typeramp start
*/
/*Homepage typeramp end*/
@-ms-viewport {
  width: auto;
}
body {
  min-width: 320px;
  background-color: inherit;
}
body.ppwaenduser {
  min-width: 300px;
}
/*
* bootstrap css overrides
*/
[class*="col-"] {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.row {
  padding: 0;
  margin: 0;
}
.row.feedback {
  margin-top: 10px;
}
.no-gutter.row {
  padding: 0;
  margin: 0;
}
h1 {
  font-family: 'Segoe UI Light', 'Segoe WP Light', 'wf_segoe-ui_light', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Helvetica, Tahoma, Arial, sans-serif;
  font-weight: 300;
  font-size: 4.6em;
  line-height: 1.217;
  color: #1e1e1e;
  margin-top: 28px;
  margin-bottom: 30px;
}
h1.macexcel,
h1.maconenote,
h1.macoutlook,
h1.macpowerpoint,
h1.macword {
  font-family: -apple-system, 'Segoe UI Light', 'Segoe WP Light', 'wf_segoe-ui_light', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Helvetica, Tahoma, Arial, sans-serif;
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 2.6em;
    line-height: 1.231;
    margin-top: 10px;
    margin-bottom: 8px;
  }
}
h2 {
  font-family: 'Segoe UI Light', 'Segoe WP Light', 'wf_segoe-ui_light', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Helvetica, Tahoma, Arial, sans-serif;
  font-weight: 300;
  font-size: 3em;
  line-height: 1.33;
  color: #1e1e1e;
  margin-top: 48px;
  margin-bottom: 20px;
}
h2.macexcel,
h2.maconenote,
h2.macoutlook,
h2.macpowerpoint,
h2.macword {
  font-family: -apple-system, 'Segoe UI Light', 'Segoe WP Light', 'wf_segoe-ui_light', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Helvetica, Tahoma, Arial, sans-serif;
}
@media only screen and (max-width: 480px) {
  h2 {
    font-size: 2.1em;
    line-height: 1.19;
    margin-top: 32px;
    margin-bottom: 20px;
  }
}
h3 {
  font-family: 'Segoe UI Light', 'Segoe WP Light', 'wf_segoe-ui_light', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Helvetica, Tahoma, Arial, sans-serif;
  font-weight: 300;
  font-size: 2.4em;
  line-height: 1.333;
  color: #1e1e1e;
  margin-top: 44px;
  margin-bottom: 16px;
}
h3.macexcel,
h3.maconenote,
h3.macoutlook,
h3.macpowerpoint,
h3.macword {
  font-family: -apple-system, 'Segoe UI Light', 'Segoe WP Light', 'wf_segoe-ui_light', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Helvetica, Tahoma, Arial, sans-serif;
}
@media only screen and (max-width: 480px) {
  h3 {
    font-size: 1.7em;
    line-height: 1.294;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
h4,
h5,
h6 {
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe UI Web', 'Helvetica Neue', Arial, sans-serif;
  font-size: 1.6em;
  color: #1e1e1e;
  margin-top: 32px;
  margin-bottom: 16px;
}
h4.macexcel,
h5.macexcel,
h6.macexcel,
h4.maconenote,
h5.maconenote,
h6.maconenote,
h4.macoutlook,
h5.macoutlook,
h6.macoutlook,
h4.macpowerpoint,
h5.macpowerpoint,
h6.macpowerpoint,
h4.macword,
h5.macword,
h6.macword {
  font-family: -apple-system, 'Segoe UI Semilight', 'wf_segoe-ui_semilight', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe UI Web', 'Helvetica Neue', Arial, sans-serif;
}
.body-copy-large {
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe UI Web', 'Helvetica Neue', Arial, sans-serif;
  color: #1e1e1e;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 1.563;
}
.body-copy-large.macexcel,
.body-copy-large.maconenote,
.body-copy-large.macoutlook,
.body-copy-large.macpowerpoint,
.body-copy-large.macword {
  font-family: -apple-system, 'Segoe UI Semilight', 'wf_segoe-ui_semilight', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe UI Web', 'Helvetica Neue', Arial, sans-serif;
}
.body-copy-large a {
  color: #006CAC;
}
.body-copy-small {
  font-family: 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
  color: #1e1e1e;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 3px;
}
.body-copy-small.macexcel,
.body-copy-small.maconenote,
.body-copy-small.macoutlook,
.body-copy-small.macpowerpoint,
.body-copy-small.macword {
  font-family: -apple-system, 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
}
.body-copy-small input {
  border: 1px solid black;
}
.body-copy-small button {
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 23px;
  background-color: #006CAC;
  color: #FFF;
  border-radius: 0;
}
@media only screen and (max-width: 768px) {
  .body-copy-small button {
    margin-bottom: 5px;
  }
}
.body-copy-small a {
  color: #006CAC;
}
.body-copy-small.expandingResults {
  white-space: normal;
  margin-top: 0;
}
.avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  vertical-align: top;
  margin-right: 5px;
}
.divisionPipe {
  margin: 0 5px;
}
.supCont #ocChat {
  display: inherit;
  min-width: 0;
}
.description-html-text {
  white-space: normal;
}
/* page specific css */
/* bootstrap like helpers */
margin-top-10 {
  margin-top: 10px;
}
/* page css */
[ng\:cloak],
[ng-cloak] {
  display: none !important;
}
.full-height-container {
  min-height: 58vh;
}
@media only screen and (max-width: 480px) {
  .full-height-container {
    min-height: 80vh;
  }
}
#contact-support-header {
  margin-top: 46px;
  margin-bottom: 9px;
}
.inline {
  display: inline;
}
.text-bottom {
  vertical-align: text-bottom;
}
#help-content-title {
  margin-top: 0;
  margin-bottom: 0;
}
.help-content-notice {
  padding: 10px;
  justify-content: space-between;
  display: flex;
  font-size: 14px !important;
}
.help-content-notice a.help-content-notice-anchor {
  color: #006CAC;
}
#contactUsBody,
#contact-us-footer-btn-area {
  max-width: 768px;
}
@media only screen and (max-width: 480px) {
  #contactUsBody {
    width: 100%;
  }
}
.caption {
  font-family: 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #767676;
  margin-top: 3px;
  margin-bottom: 3px;
}
.caption.macexcel,
.caption.maconenote,
.caption.macoutlook,
.caption.macpowerpoint,
.caption.macword {
  font-family: -apple-system, 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
}
.caption.link {
  color: #006CAC;
}
.caption.feedbackQuestion {
  vertical-align: middle;
  padding-right: 10px;
}
.caption.feedbackAccepted {
  vertical-align: middle;
  font-style: italic;
}
.icon {
  font-size: 18px;
  line-height: 16px;
}
@media only screen and (max-width: 480px) {
  .icon {
    font-size: 16px;
    line-height: 14px;
  }
}
.icon-text {
  padding-left: 10px;
  color: #006CAC;
  font-size: 16px;
  font-weight: 500;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}
a:hover .opChat:before,
a:hover .opCall:before,
a:hover .opEmail:before,
a:hover .opMessenger:before,
a:hover .opVirtualAgent:before {
  color: #006CAC;
}
a:hover .icon-text {
  text-decoration: underline;
  color: #006CAC;
}
a .inline {
  display: inline;
}
.article-title {
  margin-top: 16px;
  margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
  .article-title {
    margin: 0 0 10px 0;
  }
}
.article-section {
  margin: 10px 0 0 0;
  line-height: 3;
}
.article-section .searchSnippet {
  white-space: pre-wrap;
  font-size: 14px;
  line-height: normal;
}
.article-section .article-link {
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .article-section .article-link {
    font-size: 14px;
  }
}
.article-section .talk-to-an-agent {
  width: 80px;
}
.icon-title {
  margin-top: 16px;
  margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
  .icon-title {
    margin: 0 0 10px 0;
  }
}
.icon-section {
  margin: 0 0 8px 0;
  line-height: 2;
}
@media only screen and (max-width: 480px) {
  .icon-section {
    margin: 0 0 6px 0;
  }
}
.feedbackButton {
  min-width: 50px;
  height: 25px;
  font-family: 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
  font-size: 1.4em;
  display: inline-block;
  text-align: center;
  line-height: 21px;
  vertical-align: middle;
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 0 2px;
}
.feedbackButton.macexcel,
.feedbackButton.maconenote,
.feedbackButton.macoutlook,
.feedbackButton.macpowerpoint,
.feedbackButton.macword {
  font-family: -apple-system, 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
}
.feedbackButton:hover,
.feedbackButton:focus {
  border-color: rgba(0, 0, 0, 0.4);
}
.feedbackButton:active {
  background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 480px) {
  .feedbackButton {
    min-width: 75px;
    height: 30px;
    font-size: 15px;
  }
}
/* bootstrap panel overrides */
.panel-group {
  margin-bottom: 0;
}
.panel-group .panel {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  background-color: transparent;
}
.panel-group .panel a {
  text-decoration: none !important;
}
.panel-group .panel .panel-body {
  padding: 0;
  padding-top: 15px;
}
.panel-group .panel .contactus-icon {
  font-family: 'OffSMDL2';
  font-weight: 100;
  color: #252525;
  text-align: center;
  font-size: 26px;
}
.panel-group .panel .panel-heading {
  padding: 0;
  line-height: 22px;
  border-bottom: 0.5px solid #cccccc;
  color: #1e1e1e;
  height: 35px;
}
@media only screen and (max-width: 480px) {
  .panel-group .panel .panel-heading {
    height: 26px;
  }
}
.panel-group .panel .panel-heading .contact-icon:before {
  font-family: 'OffSMDL2';
  font-weight: 100;
  color: #252525;
  text-align: center;
  font-size: 26px;
  content: '\E77B';
  font-size: 18px;
  padding-right: 6px;
}
.panel-group .panel .panel-heading .articles-icon:before {
  font-family: 'OffSMDL2';
  font-weight: 100;
  color: #252525;
  text-align: center;
  font-size: 26px;
  content: '\EAC1';
  font-size: 18px;
  padding-right: 5px;
}
.panel-group .panel .panel-heading .arrow-down {
  font-family: 'OffSMDL2';
  vertical-align: middle;
  padding-top: 6px;
  font-size: 12px;
  color: #006CAC;
  font-weight: 500;
}
.panel-group .panel .panel-heading .arrow-down:before {
  content: '\E70D';
}
@media only screen and (max-width: 480px) {
  .panel-group .panel .panel-heading .arrow-down {
    padding-top: 0;
    font-size: 10px;
  }
}
.panel-group .panel .panel-heading .arrow-up {
  font-family: 'OffSMDL2';
  vertical-align: middle;
  padding-top: 6px;
  font-size: 12px;
  color: #006CAC;
  font-weight: 500;
}
.panel-group .panel .panel-heading .arrow-up:before {
  content: '\E70E';
}
@media only screen and (max-width: 480px) {
  .panel-group .panel .panel-heading .arrow-up {
    padding-top: 0;
    font-size: 10px;
  }
}
.panel-group .feedback-panel {
  padding-top: 5px;
}
.last-row {
  padding-bottom: 15px;
}
@media only screen and (max-width: 480px) {
  .last-row {
    padding-bottom: 25px;
  }
}
#issueDescription {
  min-width: 1px;
  padding: 13px 17px 17px 17px;
}
#issueDescription.resize-none {
  resize: none;
}
#issueDescription.resize-both {
  resize: both;
}
/*
* Image icons
*/
.modality-icon {
  font-family: 'OffSMDL2';
  font-weight: 100;
  color: #252525;
  vertical-align: middle;
}
.opChat:before {
  font-family: 'OffSMDL2';
  font-weight: 100;
  color: #252525;
  vertical-align: middle;
  content: '\E901';
}
.opCallBack:before {
  font-family: 'OffSMDL2';
  font-weight: 100;
  color: #252525;
  vertical-align: middle;
  content: '\E717';
}
.opEmail:before {
  font-family: 'OffSMDL2';
  font-weight: 100;
  color: #252525;
  vertical-align: middle;
  content: '\E715';
}
.opMessenger:before {
  font-family: 'OffSMDL2';
  font-weight: 100;
  color: #252525;
  vertical-align: middle;
  content: '\F056';
}
.opVirtualAgent:before {
  font-family: 'OffSMDL2';
  font-weight: 100;
  color: #252525;
  vertical-align: middle;
  content: '\E901';
}
.btn {
  padding: 6px 16px;
  margin: 15px 0;
}
.btn.sharp {
  border-radius: 0;
}
@media only screen and (max-width: 480px) {
  .btn {
    padding: 6px 16px;
    margin: 15px 0 10px 0;
  }
}
.disabled {
  color: #cccccc;
  text-align: inherit;
  display: inherit;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
}
.no-modality-message {
  font-family: 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 3px;
}
.no-modality-message.macexcel,
.no-modality-message.maconenote,
.no-modality-message.macoutlook,
.no-modality-message.macpowerpoint,
.no-modality-message.macword {
  font-family: -apple-system, 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
}
.no-modality-message a {
  color: #006CAC;
}
.icon-arrow-back {
  padding: 0;
  float: left;
  line-height: 30px;
  font-size: 14px;
  height: 30px;
  cursor: pointer;
}
.icon-arrow-back span {
  color: #fff;
}
#chatNav {
  margin: 0;
  min-height: 30px;
  min-width: inherit;
  color: #000000;
}
#chatNav span {
  font-family: 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
  float: left;
  line-height: 30px;
  font-size: 15px;
  height: 30px;
  color: #000000;
}
#chatNav span.macexcel,
#chatNav span.maconenote,
#chatNav span.macoutlook,
#chatNav span.macpowerpoint,
#chatNav span.macword {
  font-family: -apple-system, 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
}
#chatNav.macexcel span,
#chatNav.maconenote span,
#chatNav.macoutlook span,
#chatNav.macpowerpoint span,
#chatNav.macword span {
  font-family: -apple-system, 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
}
#chatNavBackInactive {
  opacity: 0.5;
  filter: grayScale(100%);
}
#chatBody {
  padding: 10px 13px;
  overflow-y: auto;
}
.chatNavBodyPadding {
  margin: 31px 0;
}
.chatCard {
  overflow: overlay;
  height: 90%;
  border: solid;
  border-width: 1px;
  border-color: #cccccc;
  margin: 0;
  padding: 2px;
}
#hiddenTabInput {
  position: fixed;
  border: inherit;
  width: 1px;
  background-color: transparent;
}
p {
  font-size: inherit;
}
.article-content-shortened {
  overflow: hidden;
  line-height: 16px;
  max-height: 37px;
  display: block;
}
.surfaceapp::-webkit-scrollbar {
  width: 5px;
}
.surfaceapp::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.surfaceapp::-webkit-scrollbar-thumb {
  background: #888;
}
.surfaceapp::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/*Edge*/
@supports (-ms-ime-align:auto) {
  .surfaceapp {
    margin-right: -10px;
    padding-top: 16px;
    margin-top: -16px;
    margin-bottom: -16px;
    padding-bottom: 16px;
    width: 5px;
  }
  .surfaceapp:after {
    content: "";
    height: 16px;
    display: block;
  }
}
#ReactViewBody .row {
  padding: 0;
  margin: 0;
  font-size: 62.5%;
}
#ReactViewBody h1 {
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin: 12px 0;
  color: #262626;
}
#ReactViewBody h1.macexcel,
#ReactViewBody h1.maconenote,
#ReactViewBody h1.macoutlook,
#ReactViewBody h1.macpowerpoint,
#ReactViewBody h1.macword {
  font-family: -apple-system, 'Segoe UI Semibold', 'wf_segoe-ui_semibold', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
}
#ReactViewBody h2 {
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  margin-top: 32px;
  margin-bottom: 20px;
  color: #262626;
}
#ReactViewBody h2.macexcel,
#ReactViewBody h2.maconenote,
#ReactViewBody h2.macoutlook,
#ReactViewBody h2.macpowerpoint,
#ReactViewBody h2.macword {
  font-family: -apple-system, 'Segoe UI Semibold', 'wf_segoe-ui_semibold', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
}
#ReactViewBody .panel-heading {
  height: 26px;
}
#ReactViewBody .container-fluid {
  padding: 0 17px;
}
#ReactViewBody .full-height-container {
  margin-bottom: 59px;
}
#ReactViewBody.black h1,
#ReactViewBody.darkgray h1,
#ReactViewBody.fluentblack h1,
#ReactViewBody.fluentdarkgray h1,
#ReactViewBody.black h2,
#ReactViewBody.darkgray h2,
#ReactViewBody.fluentblack h2,
#ReactViewBody.fluentdarkgray h2,
#ReactViewBody.black h3,
#ReactViewBody.darkgray h3,
#ReactViewBody.fluentblack h3,
#ReactViewBody.fluentdarkgray h3,
#ReactViewBody.black h4,
#ReactViewBody.darkgray h4,
#ReactViewBody.fluentblack h4,
#ReactViewBody.fluentdarkgray h4,
#ReactViewBody.black h5,
#ReactViewBody.darkgray h5,
#ReactViewBody.fluentblack h5,
#ReactViewBody.fluentdarkgray h5,
#ReactViewBody.black h6,
#ReactViewBody.darkgray h6,
#ReactViewBody.fluentblack h6,
#ReactViewBody.fluentdarkgray h6 {
  color: #FFF;
}
#ReactViewBody.macexcel h1,
#ReactViewBody.maconenote h1,
#ReactViewBody.macoutlook h1,
#ReactViewBody.macpowerpoint h1,
#ReactViewBody.macword h1,
#ReactViewBody.macexcel h2,
#ReactViewBody.maconenote h2,
#ReactViewBody.macoutlook h2,
#ReactViewBody.macpowerpoint h2,
#ReactViewBody.macword h2 {
  font-family: -apple-system, 'Segoe UI Semibold', 'wf_segoe-ui_semibold', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
}
#ReactViewBody #search-box-description {
  padding: 0px;
}
#ReactViewBody.teams .body-copy-small a {
  color: #5b5fc7;
}
#ReactViewBody.teams .panel-heading {
  border-bottom: none;
}
#ReactViewBody.teams .btn,
#ReactViewBody.teams .ms-Button--primary {
  background: #5b5fc7;
  border-color: #5b5fc7;
}
#ReactViewBody.teams .btn:hover,
#ReactViewBody.teams .ms-Button--primary:hover,
#ReactViewBody.teams .btn:focus,
#ReactViewBody.teams .ms-Button--primary:focus {
  background: #b2b5ff;
  border-color: #b2b5ff;
}
#ReactViewBody.teams .ms-SearchBox {
  color: #737373;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#ReactViewBody.teams .ms-SearchBox::after {
  border: none;
  border-bottom: 2px solid #5b5fc7;
}
#ReactViewBody.teams .ms-SearchBox ::placeholder {
  color: #737373;
}
#ReactViewBody.teams .ms-SearchBox-icon {
  color: #5b5fc7;
}
#ReactViewBody.teams .link {
  color: #5b5fc7;
}
#ReactViewBody.teams #contact-us-footer {
  background: #ffffff;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}
#ReactViewBody.teams #contact-us-footer .ms-Button {
  float: right;
}
#ReactViewBody.teams.black .body-copy-small a,
#ReactViewBody.teams.darkgray .body-copy-small a,
#ReactViewBody.teams.fluentblack .body-copy-small a,
#ReactViewBody.teams.fluentdarkgray .body-copy-small a {
  color: #7f85f5;
}
#ReactViewBody.teams.black .link,
#ReactViewBody.teams.darkgray .link,
#ReactViewBody.teams.fluentblack .link,
#ReactViewBody.teams.fluentdarkgray .link {
  color: #7f85f5;
}
#ReactViewBody.teams.black .ms-SearchBox,
#ReactViewBody.teams.darkgray .ms-SearchBox,
#ReactViewBody.teams.fluentblack .ms-SearchBox,
#ReactViewBody.teams.fluentdarkgray .ms-SearchBox,
#ReactViewBody.teams.black .dialing-code-dropdown,
#ReactViewBody.teams.darkgray .dialing-code-dropdown,
#ReactViewBody.teams.fluentblack .dialing-code-dropdown,
#ReactViewBody.teams.fluentdarkgray .dialing-code-dropdown,
#ReactViewBody.teams.black .field-input,
#ReactViewBody.teams.darkgray .field-input,
#ReactViewBody.teams.fluentblack .field-input,
#ReactViewBody.teams.fluentdarkgray .field-input {
  color: #FFF;
  background-color: #444444;
}
#ReactViewBody.teams.black .ms-SearchBox .ms-SearchBox-field,
#ReactViewBody.teams.darkgray .ms-SearchBox .ms-SearchBox-field,
#ReactViewBody.teams.fluentblack .ms-SearchBox .ms-SearchBox-field,
#ReactViewBody.teams.fluentdarkgray .ms-SearchBox .ms-SearchBox-field,
#ReactViewBody.teams.black .dialing-code-dropdown .ms-SearchBox-field,
#ReactViewBody.teams.darkgray .dialing-code-dropdown .ms-SearchBox-field,
#ReactViewBody.teams.fluentblack .dialing-code-dropdown .ms-SearchBox-field,
#ReactViewBody.teams.fluentdarkgray .dialing-code-dropdown .ms-SearchBox-field,
#ReactViewBody.teams.black .field-input .ms-SearchBox-field,
#ReactViewBody.teams.darkgray .field-input .ms-SearchBox-field,
#ReactViewBody.teams.fluentblack .field-input .ms-SearchBox-field,
#ReactViewBody.teams.fluentdarkgray .field-input .ms-SearchBox-field {
  color: #FFF;
}
#ReactViewBody.teams.black .ms-SearchBox .ms-SearchBox-icon,
#ReactViewBody.teams.darkgray .ms-SearchBox .ms-SearchBox-icon,
#ReactViewBody.teams.fluentblack .ms-SearchBox .ms-SearchBox-icon,
#ReactViewBody.teams.fluentdarkgray .ms-SearchBox .ms-SearchBox-icon,
#ReactViewBody.teams.black .dialing-code-dropdown .ms-SearchBox-icon,
#ReactViewBody.teams.darkgray .dialing-code-dropdown .ms-SearchBox-icon,
#ReactViewBody.teams.fluentblack .dialing-code-dropdown .ms-SearchBox-icon,
#ReactViewBody.teams.fluentdarkgray .dialing-code-dropdown .ms-SearchBox-icon,
#ReactViewBody.teams.black .field-input .ms-SearchBox-icon,
#ReactViewBody.teams.darkgray .field-input .ms-SearchBox-icon,
#ReactViewBody.teams.fluentblack .field-input .ms-SearchBox-icon,
#ReactViewBody.teams.fluentdarkgray .field-input .ms-SearchBox-icon {
  color: #7f85f5;
}
#ReactViewBody.teams.black .ms-SearchBox .ms-Icon,
#ReactViewBody.teams.darkgray .ms-SearchBox .ms-Icon,
#ReactViewBody.teams.fluentblack .ms-SearchBox .ms-Icon,
#ReactViewBody.teams.fluentdarkgray .ms-SearchBox .ms-Icon,
#ReactViewBody.teams.black .dialing-code-dropdown .ms-Icon,
#ReactViewBody.teams.darkgray .dialing-code-dropdown .ms-Icon,
#ReactViewBody.teams.fluentblack .dialing-code-dropdown .ms-Icon,
#ReactViewBody.teams.fluentdarkgray .dialing-code-dropdown .ms-Icon,
#ReactViewBody.teams.black .field-input .ms-Icon,
#ReactViewBody.teams.darkgray .field-input .ms-Icon,
#ReactViewBody.teams.fluentblack .field-input .ms-Icon,
#ReactViewBody.teams.fluentdarkgray .field-input .ms-Icon {
  color: #7f85f5;
}
#ReactViewBody.teams.black #pRRQuestion .font-style-italic,
#ReactViewBody.teams.darkgray #pRRQuestion .font-style-italic,
#ReactViewBody.teams.fluentblack #pRRQuestion .font-style-italic,
#ReactViewBody.teams.fluentdarkgray #pRRQuestion .font-style-italic {
  color: #737373;
}
#ReactViewBody.teams.black #contact-us-footer,
#ReactViewBody.teams.darkgray #contact-us-footer,
#ReactViewBody.teams.fluentblack #contact-us-footer,
#ReactViewBody.teams.fluentdarkgray #contact-us-footer {
  background: #292929;
  border-top: 1px solid #363636;
}
#ReactViewBody.surfaceapp {
  background: transparent;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin: 0;
}
#ReactViewBody.surfaceapp .container-fluid {
  height: 100%;
  overflow: auto;
  padding: 0 17px;
}
#ReactViewBody.surfaceapp .section-header-main-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 5px;
}
#ReactViewBody.surfaceapp .searchSnippet {
  white-space: pre-wrap;
  font-size: 14px;
  line-height: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
#ReactViewBody.surfaceapp .row {
  padding: 0;
  margin: 0;
  font-size: 100% !important;
}
#ReactViewBody.surfaceapp .body-copy-small input {
  border: unset;
  border-radius: 3px !important;
}
#ReactViewBody.surfaceapp .btn.sharp {
  border-radius: 3px !important;
}
#ReactViewBody.surfaceapp #getHelp {
  color: #000;
  background: #FFF;
  border: 1px solid #d2d2d2;
}
#ReactViewBody.surfaceapp #contact-us-footer {
  background: transparent;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}
#ReactViewBody.surfaceapp.black .body-copy-small a,
#ReactViewBody.surfaceapp.darkgray .body-copy-small a,
#ReactViewBody.surfaceapp.fluentblack .body-copy-small a,
#ReactViewBody.surfaceapp.fluentdarkgray .body-copy-small a {
  color: #7acbfc;
}
#ReactViewBody.surfaceapp.black .link,
#ReactViewBody.surfaceapp.darkgray .link,
#ReactViewBody.surfaceapp.fluentblack .link,
#ReactViewBody.surfaceapp.fluentdarkgray .link {
  color: #7acbfc;
}
#ReactViewBody.surfaceapp.black .btn,
#ReactViewBody.surfaceapp.darkgray .btn,
#ReactViewBody.surfaceapp.fluentblack .btn,
#ReactViewBody.surfaceapp.fluentdarkgray .btn,
#ReactViewBody.surfaceapp.black .ms-Button--primary,
#ReactViewBody.surfaceapp.darkgray .ms-Button--primary,
#ReactViewBody.surfaceapp.fluentblack .ms-Button--primary,
#ReactViewBody.surfaceapp.fluentdarkgray .ms-Button--primary {
  background: #909090;
  border-color: #909090;
}
#ReactViewBody.surfaceapp.black .ms-SearchBox,
#ReactViewBody.surfaceapp.darkgray .ms-SearchBox,
#ReactViewBody.surfaceapp.fluentblack .ms-SearchBox,
#ReactViewBody.surfaceapp.fluentdarkgray .ms-SearchBox,
#ReactViewBody.surfaceapp.black .dialing-code-dropdown,
#ReactViewBody.surfaceapp.darkgray .dialing-code-dropdown,
#ReactViewBody.surfaceapp.fluentblack .dialing-code-dropdown,
#ReactViewBody.surfaceapp.fluentdarkgray .dialing-code-dropdown,
#ReactViewBody.surfaceapp.black .field-input,
#ReactViewBody.surfaceapp.darkgray .field-input,
#ReactViewBody.surfaceapp.fluentblack .field-input,
#ReactViewBody.surfaceapp.fluentdarkgray .field-input {
  color: #FFF;
  background-color: #444444;
}
#ReactViewBody.surfaceapp.black .ms-SearchBox .ms-SearchBox-field,
#ReactViewBody.surfaceapp.darkgray .ms-SearchBox .ms-SearchBox-field,
#ReactViewBody.surfaceapp.fluentblack .ms-SearchBox .ms-SearchBox-field,
#ReactViewBody.surfaceapp.fluentdarkgray .ms-SearchBox .ms-SearchBox-field,
#ReactViewBody.surfaceapp.black .dialing-code-dropdown .ms-SearchBox-field,
#ReactViewBody.surfaceapp.darkgray .dialing-code-dropdown .ms-SearchBox-field,
#ReactViewBody.surfaceapp.fluentblack .dialing-code-dropdown .ms-SearchBox-field,
#ReactViewBody.surfaceapp.fluentdarkgray .dialing-code-dropdown .ms-SearchBox-field,
#ReactViewBody.surfaceapp.black .field-input .ms-SearchBox-field,
#ReactViewBody.surfaceapp.darkgray .field-input .ms-SearchBox-field,
#ReactViewBody.surfaceapp.fluentblack .field-input .ms-SearchBox-field,
#ReactViewBody.surfaceapp.fluentdarkgray .field-input .ms-SearchBox-field {
  color: #FFF;
}
#ReactViewBody.surfaceapp.black .ms-SearchBox .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.darkgray .ms-SearchBox .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.fluentblack .ms-SearchBox .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.fluentdarkgray .ms-SearchBox .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.black .dialing-code-dropdown .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.darkgray .dialing-code-dropdown .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.fluentblack .dialing-code-dropdown .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.fluentdarkgray .dialing-code-dropdown .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.black .field-input .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.darkgray .field-input .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.fluentblack .field-input .ms-SearchBox-icon,
#ReactViewBody.surfaceapp.fluentdarkgray .field-input .ms-SearchBox-icon {
  color: #909090;
}
#ReactViewBody.surfaceapp.black .ms-SearchBox .ms-Icon,
#ReactViewBody.surfaceapp.darkgray .ms-SearchBox .ms-Icon,
#ReactViewBody.surfaceapp.fluentblack .ms-SearchBox .ms-Icon,
#ReactViewBody.surfaceapp.fluentdarkgray .ms-SearchBox .ms-Icon,
#ReactViewBody.surfaceapp.black .dialing-code-dropdown .ms-Icon,
#ReactViewBody.surfaceapp.darkgray .dialing-code-dropdown .ms-Icon,
#ReactViewBody.surfaceapp.fluentblack .dialing-code-dropdown .ms-Icon,
#ReactViewBody.surfaceapp.fluentdarkgray .dialing-code-dropdown .ms-Icon,
#ReactViewBody.surfaceapp.black .field-input .ms-Icon,
#ReactViewBody.surfaceapp.darkgray .field-input .ms-Icon,
#ReactViewBody.surfaceapp.fluentblack .field-input .ms-Icon,
#ReactViewBody.surfaceapp.fluentdarkgray .field-input .ms-Icon {
  color: #909090;
}
#ReactViewBody.surfaceapp.black #pRRQuestion .font-style-italic,
#ReactViewBody.surfaceapp.darkgray #pRRQuestion .font-style-italic,
#ReactViewBody.surfaceapp.fluentblack #pRRQuestion .font-style-italic,
#ReactViewBody.surfaceapp.fluentdarkgray #pRRQuestion .font-style-italic {
  color: #FFF;
}
#ReactViewBody.surfaceapp.black #getHelp,
#ReactViewBody.surfaceapp.darkgray #getHelp,
#ReactViewBody.surfaceapp.fluentblack #getHelp,
#ReactViewBody.surfaceapp.fluentdarkgray #getHelp {
  color: #FFF;
  background: #373737;
  border: 1px solid #454545;
}
#ReactViewBody.surfaceapp.black #contact-us-footer,
#ReactViewBody.surfaceapp.darkgray #contact-us-footer,
#ReactViewBody.surfaceapp.fluentblack #contact-us-footer,
#ReactViewBody.surfaceapp.fluentdarkgray #contact-us-footer {
  background: transparent;
  border-top: 1px solid #FFF;
}
#ReactViewBody.surfaceapp.black .pcentered,
#ReactViewBody.surfaceapp.darkgray .pcentered,
#ReactViewBody.surfaceapp.fluentblack .pcentered,
#ReactViewBody.surfaceapp.fluentdarkgray .pcentered {
  color: #FFF;
}
#ReactViewBody.surfaceapp.black .form-control,
#ReactViewBody.surfaceapp.darkgray .form-control,
#ReactViewBody.surfaceapp.fluentblack .form-control,
#ReactViewBody.surfaceapp.fluentdarkgray .form-control {
  background: #444444;
}
.black a,
.darkgray a,
.fluentblack a,
.fluentdarkgray a {
  color: #7acbfc;
}
.black .btn,
.darkgray .btn,
.fluentblack .btn,
.fluentdarkgray .btn,
.black .ms-Button--primary,
.darkgray .ms-Button--primary,
.fluentblack .ms-Button--primary,
.fluentdarkgray .ms-Button--primary {
  color: #FFF;
  background: rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.4);
}
.black .btn:hover,
.darkgray .btn:hover,
.fluentblack .btn:hover,
.fluentdarkgray .btn:hover,
.black .ms-Button--primary:hover,
.darkgray .ms-Button--primary:hover,
.fluentblack .ms-Button--primary:hover,
.fluentdarkgray .ms-Button--primary:hover,
.black .btn:focus,
.darkgray .btn:focus,
.fluentblack .btn:focus,
.fluentdarkgray .btn:focus,
.black .ms-Button--primary:focus,
.darkgray .ms-Button--primary:focus,
.fluentblack .ms-Button--primary:focus,
.fluentdarkgray .ms-Button--primary:focus {
  color: #FFF;
  border-color: rgba(255, 255, 255, 0.4);
  outline: 0;
}
.black .ms-SearchBox,
.darkgray .ms-SearchBox,
.fluentblack .ms-SearchBox,
.fluentdarkgray .ms-SearchBox,
.black .dialing-code-dropdown,
.darkgray .dialing-code-dropdown,
.fluentblack .dialing-code-dropdown,
.fluentdarkgray .dialing-code-dropdown,
.black .field-input,
.darkgray .field-input,
.fluentblack .field-input,
.fluentdarkgray .field-input {
  color: #FFF;
  background-color: #444444;
}
.black .ms-SearchBox .ms-SearchBox-field,
.darkgray .ms-SearchBox .ms-SearchBox-field,
.fluentblack .ms-SearchBox .ms-SearchBox-field,
.fluentdarkgray .ms-SearchBox .ms-SearchBox-field,
.black .dialing-code-dropdown .ms-SearchBox-field,
.darkgray .dialing-code-dropdown .ms-SearchBox-field,
.fluentblack .dialing-code-dropdown .ms-SearchBox-field,
.fluentdarkgray .dialing-code-dropdown .ms-SearchBox-field,
.black .field-input .ms-SearchBox-field,
.darkgray .field-input .ms-SearchBox-field,
.fluentblack .field-input .ms-SearchBox-field,
.fluentdarkgray .field-input .ms-SearchBox-field {
  color: #FFF;
}
.black .ms-SearchBox .ms-SearchBox-icon,
.darkgray .ms-SearchBox .ms-SearchBox-icon,
.fluentblack .ms-SearchBox .ms-SearchBox-icon,
.fluentdarkgray .ms-SearchBox .ms-SearchBox-icon,
.black .dialing-code-dropdown .ms-SearchBox-icon,
.darkgray .dialing-code-dropdown .ms-SearchBox-icon,
.fluentblack .dialing-code-dropdown .ms-SearchBox-icon,
.fluentdarkgray .dialing-code-dropdown .ms-SearchBox-icon,
.black .field-input .ms-SearchBox-icon,
.darkgray .field-input .ms-SearchBox-icon,
.fluentblack .field-input .ms-SearchBox-icon,
.fluentdarkgray .field-input .ms-SearchBox-icon {
  color: #D1E6FF;
}
.black .ms-SearchBox .ms-Icon,
.darkgray .ms-SearchBox .ms-Icon,
.fluentblack .ms-SearchBox .ms-Icon,
.fluentdarkgray .ms-SearchBox .ms-Icon,
.black .dialing-code-dropdown .ms-Icon,
.darkgray .dialing-code-dropdown .ms-Icon,
.fluentblack .dialing-code-dropdown .ms-Icon,
.fluentdarkgray .dialing-code-dropdown .ms-Icon,
.black .field-input .ms-Icon,
.darkgray .field-input .ms-Icon,
.fluentblack .field-input .ms-Icon,
.fluentdarkgray .field-input .ms-Icon {
  color: #D1E6FF;
}
.black .ms-SearchBox::after,
.darkgray .ms-SearchBox::after,
.fluentblack .ms-SearchBox::after,
.fluentdarkgray .ms-SearchBox::after,
.black .dialing-code-dropdown::after,
.darkgray .dialing-code-dropdown::after,
.fluentblack .dialing-code-dropdown::after,
.fluentdarkgray .dialing-code-dropdown::after,
.black .field-input::after,
.darkgray .field-input::after,
.fluentblack .field-input::after,
.fluentdarkgray .field-input::after {
  border: 1px solid #D1E6FF;
}
.black .ms-SearchBox ::placeholder,
.darkgray .ms-SearchBox ::placeholder,
.fluentblack .ms-SearchBox ::placeholder,
.fluentdarkgray .ms-SearchBox ::placeholder,
.black .dialing-code-dropdown ::placeholder,
.darkgray .dialing-code-dropdown ::placeholder,
.fluentblack .dialing-code-dropdown ::placeholder,
.fluentdarkgray .dialing-code-dropdown ::placeholder,
.black .field-input ::placeholder,
.darkgray .field-input ::placeholder,
.fluentblack .field-input ::placeholder,
.fluentdarkgray .field-input ::placeholder {
  color: #737373;
}
.black .form-control,
.darkgray .form-control,
.fluentblack .form-control,
.fluentdarkgray .form-control,
.black .ocSearchResultResponsive,
.darkgray .ocSearchResultResponsive,
.fluentblack .ocSearchResultResponsive,
.fluentdarkgray .ocSearchResultResponsive {
  border-color: rgba(255, 255, 255, 0.4);
}
.black .form-control:focus,
.darkgray .form-control:focus,
.fluentblack .form-control:focus,
.fluentdarkgray .form-control:focus,
.black .ocSearchResultResponsive:focus,
.darkgray .ocSearchResultResponsive:focus,
.fluentblack .ocSearchResultResponsive:focus,
.fluentdarkgray .ocSearchResultResponsive:focus {
  border-color: rgba(255, 255, 255, 0.6);
}
.black h1,
.darkgray h1,
.fluentblack h1,
.fluentdarkgray h1,
.black h2,
.darkgray h2,
.fluentblack h2,
.fluentdarkgray h2,
.black h3,
.darkgray h3,
.fluentblack h3,
.fluentdarkgray h3,
.black h4,
.darkgray h4,
.fluentblack h4,
.fluentdarkgray h4,
.black h5,
.darkgray h5,
.fluentblack h5,
.fluentdarkgray h5,
.black h6,
.darkgray h6,
.fluentblack h6,
.fluentdarkgray h6,
.black .body-copy-small,
.darkgray .body-copy-small,
.fluentblack .body-copy-small,
.fluentdarkgray .body-copy-small {
  color: #FFF;
}
.black .search-help-main-header,
.darkgray .search-help-main-header,
.fluentblack .search-help-main-header,
.fluentdarkgray .search-help-main-header,
.black .section-header-main-title,
.darkgray .section-header-main-title,
.fluentblack .section-header-main-title,
.fluentdarkgray .section-header-main-title,
.black .section-header-main-description,
.darkgray .section-header-main-description,
.fluentblack .section-header-main-description,
.fluentdarkgray .section-header-main-description {
  color: #FFF;
}
.black .article-section .searchSnippet,
.darkgray .article-section .searchSnippet,
.fluentblack .article-section .searchSnippet,
.fluentdarkgray .article-section .searchSnippet {
  color: #FFF;
}
.black .opChat:before,
.darkgray .opChat:before,
.fluentblack .opChat:before,
.fluentdarkgray .opChat:before,
.black .opCallBack:before,
.darkgray .opCallBack:before,
.fluentblack .opCallBack:before,
.fluentdarkgray .opCallBack:before,
.black .opEmail:before,
.darkgray .opEmail:before,
.fluentblack .opEmail:before,
.fluentdarkgray .opEmail:before,
.black .opMessenger:before,
.darkgray .opMessenger:before,
.fluentblack .opMessenger:before,
.fluentdarkgray .opMessenger:before,
.black .opVirtualAgent:before,
.darkgray .opVirtualAgent:before,
.fluentblack .opVirtualAgent:before,
.fluentdarkgray .opVirtualAgent:before {
  color: #FFF;
}
.black .panel-group .panel .panel-body,
.darkgray .panel-group .panel .panel-body,
.fluentblack .panel-group .panel .panel-body,
.fluentdarkgray .panel-group .panel .panel-body {
  color: #FFF;
}
.black .caption,
.fluentblack .caption {
  color: #FFF;
}
.black .caption.link,
.fluentblack .caption.link {
  color: #7acbfc;
}
.black .panel-group .panel .panel-heading .arrow-down,
.fluentblack .panel-group .panel .panel-heading .arrow-down,
.black .panel-group .panel .panel-heading .arrow-up,
.fluentblack .panel-group .panel .panel-heading .arrow-up {
  color: #7acbfc;
}
.black #contact-us-footer,
.fluentblack #contact-us-footer {
  background: #000;
}
.darkgray .caption,
.fluentdarkgray .caption {
  color: #FFF;
}
.darkgray .caption.link,
.fluentdarkgray .caption.link {
  color: #D1E6FF;
}
.darkgray .panel-group .panel .panel-heading .arrow-down,
.fluentdarkgray .panel-group .panel .panel-heading .arrow-down,
.darkgray .panel-group .panel .panel-heading .arrow-up,
.fluentdarkgray .panel-group .panel .panel-heading .arrow-up {
  color: #D1E6FF;
}
.darkgray #contact-us-footer,
.fluentdarkgray #contact-us-footer {
  background: #313131;
}
.macexcel h1,
.maconenote h1,
.macoutlook h1,
.macpowerpoint h1,
.macword h1,
.macexcel h2,
.maconenote h2,
.macoutlook h2,
.macpowerpoint h2,
.macword h2,
.macexcel h3,
.maconenote h3,
.macoutlook h3,
.macpowerpoint h3,
.macword h3 {
  font-family: -apple-system, 'Segoe UI Light', 'Segoe WP Light', 'wf_segoe-ui_light', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Helvetica, Tahoma, Arial, sans-serif;
}
.macexcel h4,
.maconenote h4,
.macoutlook h4,
.macpowerpoint h4,
.macword h4,
.macexcel h5,
.maconenote h5,
.macoutlook h5,
.macpowerpoint h5,
.macword h5,
.macexcel h6,
.maconenote h6,
.macoutlook h6,
.macpowerpoint h6,
.macword h6,
.macexcel .body-copy-large,
.maconenote .body-copy-large,
.macoutlook .body-copy-large,
.macpowerpoint .body-copy-large,
.macword .body-copy-large {
  font-family: -apple-system, 'Segoe UI Semilight', 'wf_segoe-ui_semilight', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe UI Web', 'Helvetica Neue', Arial, sans-serif;
}
.macexcel .no-modality-message,
.maconenote .no-modality-message,
.macoutlook .no-modality-message,
.macpowerpoint .no-modality-message,
.macword .no-modality-message,
.macexcel .caption,
.maconenote .caption,
.macoutlook .caption,
.macpowerpoint .caption,
.macword .caption,
.macexcel .body-copy-small,
.maconenote .body-copy-small,
.macoutlook .body-copy-small,
.macpowerpoint .body-copy-small,
.macword .body-copy-small {
  font-family: -apple-system, 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
}
.macexcel .btn,
.maconenote .btn,
.macoutlook .btn,
.macpowerpoint .btn,
.macword .btn {
  border-radius: 4px;
}
.macexcel .body-copy-small input,
.maconenote .body-copy-small input,
.macoutlook .body-copy-small input,
.macpowerpoint .body-copy-small input,
.macword .body-copy-small input {
  border: unset;
}
.macexcel .icon-arrow-back,
.maconenote .icon-arrow-back,
.macoutlook .icon-arrow-back,
.macpowerpoint .icon-arrow-back,
.macword .icon-arrow-back {
  float: left;
  margin-top: 11px;
  margin-left: 4px;
  cursor: pointer;
  width: 30px;
  height: 26px;
  background-repeat: no-repeat;
}
.macexcel .icon-arrow-back:before,
.maconenote .icon-arrow-back:before,
.macoutlook .icon-arrow-back:before,
.macpowerpoint .icon-arrow-back:before,
.macword .icon-arrow-back:before {
  content: '';
}
.macexcel.black a:hover .opChat:before,
.maconenote.black a:hover .opChat:before,
.macoutlook.black a:hover .opChat:before,
.macpowerpoint.black a:hover .opChat:before,
.macword.black a:hover .opChat:before,
.macexcel.black a:hover .opCall:before,
.maconenote.black a:hover .opCall:before,
.macoutlook.black a:hover .opCall:before,
.macpowerpoint.black a:hover .opCall:before,
.macword.black a:hover .opCall:before,
.macexcel.black a:hover .opEmail:before,
.maconenote.black a:hover .opEmail:before,
.macoutlook.black a:hover .opEmail:before,
.macpowerpoint.black a:hover .opEmail:before,
.macword.black a:hover .opEmail:before,
.macexcel.black a:hover .opMessenger:before,
.maconenote.black a:hover .opMessenger:before,
.macoutlook.black a:hover .opMessenger:before,
.macpowerpoint.black a:hover .opMessenger:before,
.macword.black a:hover .opMessenger:before,
.macexcel.black a:hover .opVirtualAgent:before,
.maconenote.black a:hover .opVirtualAgent:before,
.macoutlook.black a:hover .opVirtualAgent:before,
.macpowerpoint.black a:hover .opVirtualAgent:before,
.macword.black a:hover .opVirtualAgent:before {
  color: #69AFE5;
}
.macexcel.black a:hover .icon-text,
.maconenote.black a:hover .icon-text,
.macoutlook.black a:hover .icon-text,
.macpowerpoint.black a:hover .icon-text,
.macword.black a:hover .icon-text {
  color: #69AFE5;
}
.macexcel.black .form-control,
.maconenote.black .form-control,
.macoutlook.black .form-control,
.macpowerpoint.black .form-control,
.macword.black .form-control,
.macexcel.black .ocSearchResultResponsive,
.maconenote.black .ocSearchResultResponsive,
.macoutlook.black .ocSearchResultResponsive,
.macpowerpoint.black .ocSearchResultResponsive,
.macword.black .ocSearchResultResponsive {
  background-color: #1F2022;
  color: #FFF;
}
.macexcel.black .btn,
.maconenote.black .btn,
.macoutlook.black .btn,
.macpowerpoint.black .btn,
.macword.black .btn {
  background: #505254;
  border-color: #505254;
}
.macexcel.black .btn:hover,
.maconenote.black .btn:hover,
.macoutlook.black .btn:hover,
.macpowerpoint.black .btn:hover,
.macword.black .btn:hover,
.macexcel.black .btn:focus,
.maconenote.black .btn:focus,
.macoutlook.black .btn:focus,
.macpowerpoint.black .btn:focus,
.macword.black .btn:focus {
  background: #68696B;
  border-color: #68696B;
}
.macexcel.black .caption.link,
.maconenote.black .caption.link,
.macoutlook.black .caption.link,
.macpowerpoint.black .caption.link,
.macword.black .caption.link {
  color: #69AFE5;
}
.macexcel.black .article-section .article-link,
.maconenote.black .article-section .article-link,
.macoutlook.black .article-section .article-link,
.macpowerpoint.black .article-section .article-link,
.macword.black .article-section .article-link {
  color: #69AFE5;
}
.macexcel.black .panel-group .panel .panel-heading .arrow-down,
.maconenote.black .panel-group .panel .panel-heading .arrow-down,
.macoutlook.black .panel-group .panel .panel-heading .arrow-down,
.macpowerpoint.black .panel-group .panel .panel-heading .arrow-down,
.macword.black .panel-group .panel .panel-heading .arrow-down,
.macexcel.black .panel-group .panel .panel-heading .arrow-up,
.maconenote.black .panel-group .panel .panel-heading .arrow-up,
.macoutlook.black .panel-group .panel .panel-heading .arrow-up,
.macpowerpoint.black .panel-group .panel .panel-heading .arrow-up,
.macword.black .panel-group .panel .panel-heading .arrow-up {
  color: #69AFE5;
}
.macexcel.black .icon-arrow-back,
.maconenote.black .icon-arrow-back,
.macoutlook.black .icon-arrow-back,
.macpowerpoint.black .icon-arrow-back,
.macword.black .icon-arrow-back {
  /* SVG as a background image doesn't work on IE but this style is limited to Mac */
  background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><defs><style>.cls-1{fill:#676767;}.cls-2{fill:#7b7b7b;}.cls-3{fill:#f2f4f5;fill-rule:evenodd;}</style></defs><title>ocSearchNav_Back_Active_DM</title><rect class='cls-1' x='0.25' y='0.25' width='25.5' height='21.5' rx='3.75'/><path class='cls-2' d='M22,.5A3.5,3.5,0,0,1,25.5,4V18A3.5,3.5,0,0,1,22,21.5H4A3.5,3.5,0,0,1,.5,18V4A3.5,3.5,0,0,1,4,.5H22M22,0H4A4,4,0,0,0,0,4V18a4,4,0,0,0,4,4H22a4,4,0,0,0,4-4V4a4,4,0,0,0-4-4Z'/><polygon class='cls-3' points='14.99 5.96 9.9 11.05 14.88 16.04 13.93 16.99 8 11.05 14.04 5.01 14.99 5.96'/></svg>");
}
.macexcel.colorful .icon-arrow-back,
.maconenote.colorful .icon-arrow-back,
.macoutlook.colorful .icon-arrow-back,
.macpowerpoint.colorful .icon-arrow-back,
.macword.colorful .icon-arrow-back {
  /* SVG as a background image doesn't work on IE but this style is limited to Mac */
  background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><defs><style>.cls-1{fill:url(../content/#linear-gradient);}.cls-2{fill:url(../content/#linear-gradient-2);}.cls-3{fill:gray;fill-rule:evenodd;}</style><linearGradient id='linear-gradient' x1='13' y1='0.38' x2='13' y2='21.72' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='#fefefe'/><stop offset='1' stop-color='#f3f3f3'/></linearGradient><linearGradient id='linear-gradient-2' x1='13' x2='13' y2='22' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='#d5d3d5'/><stop offset='1' stop-color='#b0afb0'/></linearGradient></defs><title>MAX_BackButton_Active</title><rect class='cls-1' width='26' height='22' rx='4' ry='4'/><path class='cls-2' d='M22,.5A3.5,3.5,0,0,1,25.5,4V18A3.5,3.5,0,0,1,22,21.5H4A3.5,3.5,0,0,1,.5,18V4A3.5,3.5,0,0,1,4,.5H22M22,0H4A4,4,0,0,0,0,4V18a4,4,0,0,0,4,4H22a4,4,0,0,0,4-4V4a4,4,0,0,0-4-4Z'/><polygon class='cls-3' points='14.99 5.96 9.9 11.05 14.88 16.04 13.93 16.99 8 11.05 14.04 5.01 14.99 5.96'/></svg>");
}
/*
* Styles for Alchemy Insights shown in the React app
*/
.soc-view #alchemyInsightSection .card {
  background-color: #F3F3F3;
  color: #1e1e1e;
}
.soc-view #alchemyInsightSection b {
  /* Alchemy returns B tag for button, We dont want to show it in SOC */
}
.soc-view #alchemyInsightSection b[data-action-id] {
  display: none;
}
#alchemyInsightSection {
  /* Styles for Alchemy insight card*/
}
#alchemyInsightSection .card {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  font-family: 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  /* Styles for insight header section*/
  /* Styles for section showing Alchemy insight content*/
  /* Styles for section showing Alchemy insight feedback*/
}
#alchemyInsightSection .card.macexcel,
#alchemyInsightSection .card.maconenote,
#alchemyInsightSection .card.macoutlook,
#alchemyInsightSection .card.macpowerpoint,
#alchemyInsightSection .card.macword {
  font-family: -apple-system, 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
}
#alchemyInsightSection .card .cardHeaderSection {
  padding: 10px;
}
#alchemyInsightSection .card .cardHeaderSection .icon-section {
  margin: 0;
}
#alchemyInsightSection .card .cardHeaderSection .cardHeader {
  margin: 0;
  padding: 0 0 0 9px;
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-weight: 600;
  font-weight: 500;
}
#alchemyInsightSection .card .cardHeaderSection .cardHeader.macexcel,
#alchemyInsightSection .card .cardHeaderSection .cardHeader.maconenote,
#alchemyInsightSection .card .cardHeaderSection .cardHeader.macoutlook,
#alchemyInsightSection .card .cardHeaderSection .cardHeader.macpowerpoint,
#alchemyInsightSection .card .cardHeaderSection .cardHeader.macword {
  font-family: -apple-system, 'Segoe UI Semibold', 'wf_segoe-ui_semibold', 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
}
#alchemyInsightSection .card .cardHeaderSection .solutionIcon {
  font-family: 'OffSMDL2';
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  margin: 2px 0;
}
#alchemyInsightSection .card .cardHeaderSection .solutionIcon:before {
  content: '\F106';
}
#alchemyInsightSection .card .alchemyInsightSnipet {
  padding: 10px 10px 0 10px;
}
#alchemyInsightSection .card .alchemyInsightSnipet ol {
  padding-left: 20px;
}
#alchemyInsightSection .card .alchemyInsightSnipet button {
  line-height: 23px;
  border-radius: 0;
  padding: 3px 10px 5px 10px;
}
@media only screen and (max-width: 768px) {
  #alchemyInsightSection .card .alchemyInsightSnipet button {
    margin-bottom: 5px;
  }
}
#alchemyInsightSection .card .cardFooterSection {
  padding: 2px 10px 10px 10px;
}
#alchemyInsightSection .card .cardFooterSection hr {
  height: 1px;
  border: 0;
  border-top: 1px solid;
  padding: 1px 0 6px 0;
  margin: 0;
}
#alchemyInsightSection .card .cardFooterSection .feedbackAnswer {
  padding-left: 14px;
}
/* Color styles based on theme*/
#alchemyInsightSection a {
  color: #006CAC;
}
.darkgray #alchemyInsightSection .card,
.fluentdarkgray #alchemyInsightSection .card {
  background-color: #444444;
  color: #FFF;
}
.darkgray .help-content-notice,
.fluentdarkgray .help-content-notice {
  background-color: #444444;
  color: #FFF;
}
.darkgray .help-content-notice .notice-close-mark,
.fluentdarkgray .help-content-notice .notice-close-mark {
  color: #FFF;
}
.black #alchemyInsightSection .card,
.fluentblack #alchemyInsightSection .card {
  background-color: #363636;
  color: #FFF;
}
.black .help-content-notice,
.fluentblack .help-content-notice {
  background-color: #363636;
  color: #FFF;
}
.black .help-content-notice .notice-close-mark,
.fluentblack .help-content-notice .notice-close-mark {
  color: #FFF;
}
.colorful #alchemyInsightSection .cardHeaderSection {
  background-color: #F3F3F3;
}
.colorful #alchemyInsightSection .card {
  background-color: #FFF;
  color: #252423;
}
.colorful #alchemyInsightSection .card .cardHeader {
  color: #484644;
}
.white #alchemyInsightSection .card {
  background-color: #F3F3F3;
  color: #252423;
}
.white #alchemyInsightSection .card .cardHeader {
  color: #484644;
}
.white .help-content-notice {
  background-color: #F3F3F3;
  color: #252423;
}
.fluentcolorful #alchemyInsightSection .cardHeaderSection {
  background-color: #E5E5E5;
}
.fluentcolorful #alchemyInsightSection .card {
  background-color: #FFF;
  color: #252423;
}
.fluentcolorful #alchemyInsightSection .card .cardHeader {
  color: #000;
}
.fluentwhite #alchemyInsightSection .cardHeaderSection {
  background-color: #FFF;
}
.fluentwhite #alchemyInsightSection .card {
  background-color: #FFF;
  color: #252423;
}
.fluentwhite #alchemyInsightSection .card .cardHeader {
  color: #484644;
}
.colorful #alchemyInsightSection .ocpActionLink,
.white #alchemyInsightSection .ocpActionLink,
.fluentcolorful #alchemyInsightSection .ocpActionLink,
.fluentwhite #alchemyInsightSection .ocpActionLink {
  color: #FFF;
  background: #0078D4;
  border: 1px solid #0078D4;
}
.colorful #alchemyInsightSection .ocpActionLink:hover,
.white #alchemyInsightSection .ocpActionLink:hover,
.fluentcolorful #alchemyInsightSection .ocpActionLink:hover,
.fluentwhite #alchemyInsightSection .ocpActionLink:hover,
.colorful #alchemyInsightSection .ocpActionLink:active,
.white #alchemyInsightSection .ocpActionLink:active,
.fluentcolorful #alchemyInsightSection .ocpActionLink:active,
.fluentwhite #alchemyInsightSection .ocpActionLink:active,
.colorful #alchemyInsightSection .ocpActionLink:focus,
.white #alchemyInsightSection .ocpActionLink:focus,
.fluentcolorful #alchemyInsightSection .ocpActionLink:focus,
.fluentwhite #alchemyInsightSection .ocpActionLink:focus {
  background: #106EBE;
  border-color: #106EBE;
}
.colorful #contact-us-footer,
.white #contact-us-footer,
.fluentcolorful #contact-us-footer,
.fluentwhite #contact-us-footer {
  background: #f2f2f2;
}
.darkgray #alchemyInsightSection .ocpActionLink,
.black #alchemyInsightSection .ocpActionLink,
.highcontrastblack #alchemyInsightSection .ocpActionLink,
.fluentblack #alchemyInsightSection .ocpActionLink,
.fluentdarkgray #alchemyInsightSection .ocpActionLink {
  color: #000;
  background: #69AFE5;
  border: 1px solid #69AFE5;
}
.darkgray #alchemyInsightSection .ocpActionLink:hover,
.black #alchemyInsightSection .ocpActionLink:hover,
.highcontrastblack #alchemyInsightSection .ocpActionLink:hover,
.fluentblack #alchemyInsightSection .ocpActionLink:hover,
.fluentdarkgray #alchemyInsightSection .ocpActionLink:hover,
.darkgray #alchemyInsightSection .ocpActionLink:active,
.black #alchemyInsightSection .ocpActionLink:active,
.highcontrastblack #alchemyInsightSection .ocpActionLink:active,
.fluentblack #alchemyInsightSection .ocpActionLink:active,
.fluentdarkgray #alchemyInsightSection .ocpActionLink:active,
.darkgray #alchemyInsightSection .ocpActionLink:focus,
.black #alchemyInsightSection .ocpActionLink:focus,
.highcontrastblack #alchemyInsightSection .ocpActionLink:focus,
.fluentblack #alchemyInsightSection .ocpActionLink:focus,
.fluentdarkgray #alchemyInsightSection .ocpActionLink:focus {
  background: #0078D4;
  border-color: #0078D4;
}
/* Styles for Alchemy PRR question. */
#pRRQuestion .prr-question {
  font-size: 13px;
  text-align: right;
  margin-bottom: 10px;
  line-height: normal;
}
#pRRQuestion .prr-question-element {
  margin: 0px 5px;
}
#pRRQuestion .font-style-italic {
  font-style: italic;
}
.branded-header {
  width: 100%;
  margin-bottom: 2rem;
}
.signup-header {
  margin-bottom: 20px;
}
.modality-description {
  font-family: 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
  line-height: normal;
}
.modality-description.macexcel,
.modality-description.maconenote,
.modality-description.macoutlook,
.modality-description.macpowerpoint,
.modality-description.macword {
  font-family: -apple-system, 'Segoe UI', 'Segoe UI Web', 'wf_segoe-ui_normal', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
}
.alchemy-theme-dropdown {
  width: 100%;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
}
#hoursOfOperationSection {
  /* Styles for Hours of Operation section*/
}
#hoursOfOperationSection .communityLinkMessage {
  margin-bottom: 5px;
}
#hoursOfOperationSection .communityLink {
  padding-left: 5px;
}
#unauthBranchingSection .unAuthLink {
  margin-left: 16px;
  font-size: 14px;
}
.wrap-text {
  overflow-wrap: normal;
  white-space: normal;
}
.modality-option {
  margin-bottom: 10px;
}
.modality-option .modality-option-title {
  font-size: 16px;
  font-weight: 500;
}
.dynamic-hoops-line {
  display: flex;
}
.dynamic-hoops-line .day-of-week {
  width: 180px;
}
@media (max-width: 300px) {
  .dynamic-hoops-line {
    flex-direction: column;
  }
}
#serviceAgreementMessage {
  margin-top: 50px;
  color: grey;
  white-space: normal;
  overflow: visible;
}
#request-creation .field-section {
  margin-bottom: 10px;
}
#request-creation .field-label {
  font-weight: 500;
}
#request-creation .field-label-required {
  color: red;
}
#request-creation .field-flex-line {
  display: flex;
  flex-wrap: wrap;
}
#request-creation .dialing-code-dropdown {
  margin: 4px 10px 0px 0px;
  flex: 1;
}
#request-creation .field-input-group {
  margin-top: 4px;
  flex: 2;
}
#request-creation .field-input {
  border: 1px solid #ccc;
}
#request-creation .field-input-invalid-message {
  font-size: 12px;
  color: red;
}
#request-creation .confirm-button {
  margin-right: 20px;
}
#request-confirmation {
  white-space: normal;
  overflow: visible;
}
#request-confirmation .request-confirmation-header {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
#request-confirmation .request-confirmation-property {
  display: flex;
}
#request-confirmation .request-confirmation-property-label {
  font-weight: 500;
  margin: 5px 5px 5px 0px;
  flex-basis: 150px;
}
#request-confirmation .request-confirmation-property-value {
  margin: 5px 5px;
}
#request-confirmation .request-confirmation-hr {
  margin: 10px 0px;
  border-top: 2px solid #767676;
}
#request-confirmation .request-confirmation-message-text {
  font-weight: 500;
}
#request-creation-tab {
  padding-top: 15px;
}
#contact-us-footer {
  width: 100%;
  background: white;
  margin: 0;
  margin-top: 15px;
  min-width: 320px;
  z-index: 10000;
  max-width: none;
  min-height: 59px;
  border-top: 1px solid #cecece;
  padding: 11px 0 10px;
}
#contact-us-footer .sticky-footer-row {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
#contact-us-footer.sticky-footer-fixed {
  position: fixed;
  bottom: 0;
}
#contact-us-footer.sticky-footer-absolute {
  position: absolute;
}
#back-btn-container {
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
}
#back-btn-container .back-btn-label {
  margin-bottom: 0;
  line-height: 2;
  padding-left: 15px;
}
.section-header-main-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 5px;
}
.section-header-main-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.section-header-container {
  font-family: 'Segoe UI', SegoeUI, 'Helvetica Neue', Arial, sans-serif;
}
.ellipsis-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.request-modality-icon {
  margin-right: 5px;
}
.search-help-main-header {
  margin-top: 28px;
  margin-bottom: 15px;
}
.contactus-top-banner {
  background: #0067b8;
  height: 100%;
  position: relative;
}
.contactus-top-banner.edu-top-banner {
  background-color: #217346;
}
.contactus-top-banner .contactus-top-banner-title {
  max-width: 1600px;
  width: 90%;
  margin: 0 auto;
  display: block;
}
.contactus-top-banner-title {
  font-size: 24px;
  color: white;
  font-family: 'Segoe UI', SegoeUI, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 34px;
  font-weight: 200;
  position: relative;
  box-sizing: inherit;
  padding: 7px 17px;
  margin-top: 1px;
  display: inline-block;
}
#search-box-description {
  min-width: 1px;
  padding: 13px 17px 17px 7px;
}
#search-box-description.resize-none {
  resize: none;
}
#search-box-description.resize-both {
  resize: both;
}
.upsell-container {
  margin-top: 25px;
  font-weight: 500;
  border: 2px solid lightgray;
  padding: 14px 14px 0px 14px;
  font-size: 14px;
  border-radius: 5px;
  line-height: 20px;
  width: 75%;
}
#upsell-title {
  font-weight: 600;
}
#upsell-description {
  font-weight: 400;
}
#upsell-subdescription {
  font-weight: 400;
  margin-top: 15px;
  color: #605e5c;
  overflow-wrap: normal;
  white-space: normal;
  margin-bottom: 8px;
}
.upsell-subscribe-button {
  background-color: #0078D4;
  color: white;
  border-color: #0078D4;
}
.upsell-try-again-button {
  background-color: white;
  color: black;
  border: 1px solid #8A8886;
  margin-left: 15px;
}
.upsell-scenario {
  border: 1px solid #E1DFDD;
  border-radius: 3px;
  padding: 20px;
}
.upsell-chat-weighted {
  background: #EDEBE9;
}
#pay-option-header {
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 22px;
}
#upsell-checkbox {
  margin-top: 25px;
}
#pay-option-description {
  margin-left: 22px;
}
#upsellAgentAssistSubscribeButton {
  margin-top: 20px;
}
.growth-scenario {
  background: #FAF9F8 !important;
}