.headBrand {
  cursor: default;
  line-height: 48px;
  font-size: 22px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: 'SegoeUI-SemiLight-final', 'Segoe UI SemiLight', 'Segoe UI WPC Semilight', 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
}
.cui-topBar1-transistionalHeaderUI .headBrand {
  width: auto !important;
  height: 24px !important;
  line-height: normal !important;
  padding-bottom: 12px;
  padding-top: 12px;
  display: inline-block;
  font-size: 17px;
  font-family: inherit;
  margin-left: 17px;
  margin-right: 17px;
  font-family: 'Segoe UI', 'Segoe UI Web', Arial, Verdana, sans-serif;
}
.cui-topBar1-transitionalReactHeaderUI .headBrand {
  width: auto !important;
  line-height: 48px !important;
  padding: 0 6px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
}
@font-face {
  font-family: "Segoe UI Web Light";
  font-style: normal;
  font-weight: normal;
  src: local("Segoe UI Light"), url('./segoeuil.woff') format('woff'), url('./segoeuil.eot') format('embedded-opentype'), url('./segoeuil.ttf') format('truetype');
}
@font-face {
  font-family: "SegoeUI-SemiLight-final";
  font-style: normal;
  font-weight: normal;
  src: local("Segoe UI SemiLight"), url('./segoeui-semilight-final.woff') format('woff'), url('./segoeui-semilight-final.eot') format('embedded-opentype'), url('./segoeui-semilight-final.ttf') format('truetype');
}
@font-face {
  font-family: "Segoe UI Web";
  font-style: normal;
  font-weight: normal;
  src: local("Segoe UI"), url('./segoeui.woff') format('woff'), url('./segoeui.eot') format('embedded-opentype'), url('./segoeui.ttf') format('truetype');
}
/*******************************************************************************
	CommonStyles.h

	Pulls in all of the basic styles used by Command UI.
*******************************************************************************/
/* Base Stylesheet for Frame.
 * This will clear out all base properties to normalize the look across
 * browsers */
* {
  margin: 0;
  padding: 0;
  /* make all controls unselectable by default (see Office15 bug 153069) */
  -webkit-user-select: none;
  /* Safari and Chrome */
  -khtml-user-select: none;
  /* Safari and Chrome (older versions) */
  -moz-user-select: -moz-none;
  /* FireFox */
  /* make all controls undraggable by default */
  -webkit-user-drag: none;
  /* Safari and Chrome */
  /* remove the iPad's default grey flash on tap (Office15 bug 332462) */
  -webkit-tap-highlight-color: transparent;
}
input[type=text],
input[type=password],
input[type=number],
input[type=url],
textarea,
.Selectable {
  /* make text input areas selectable (see Office15 bug 153069) */
  -webkit-user-select: text;
  /* Safari and Chrome */
  -khtml-user-select: text;
  /* Safari and Chrome (older versions) */
  -moz-user-select: text;
  /* FireFox */
}
input[type=text],
input[type=password],
input[type=number],
input[type=url],
textarea {
  /* remove the iPad's shadow effect */
  -webkit-appearance: none;
  /* This rule has to be explicitly overriden in the one-line ribbon, consider removing eventually
	 * See Bug 2044255 */
  padding: 2px 2px;
  /* note Office15 bug 2838546 */
}
input,
textarea {
  /* Remove the focus retangle, which appears in Chrome as glaring orange (see Office15 bug 2636351) */
  outline: none;
}
img {
  -webkit-touch-callout: none;
}
div.WACFrame h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ul,
ol,
dl {
  margin: 0;
  padding: 0;
}
div.WACFrame li,
dd,
blockquote {
  margin-left: 0;
}
/*style to be used when we want the content to be hidden for display but visible to screen reader */
.WACScreenReaderOnly {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
div.WACFrame label {
  cursor: pointer;
}
div.WACFrame .WACStatusBarContainer label {
  cursor: default;
}
div.WACFrame fieldset {
  border: none;
}
div.WACFrame {
  border: none;
  position: absolute;
  height: 100%;
  width: 100%;
  min-width: 640px;
  min-height: 200px;
}
div.WACFrame.FlexBoxLayout {
  position: relative;
  flex: 1 1 auto;
  flex-flow: column;
  display: flex;
  top: 0;
}
div.WACFrame.cui-exth {
  height: auto;
  width: auto;
  top: 48px;
  /*App frame space starts under the external header*/
  left: 0px;
  right: 0px;
  bottom: 0px;
}
div.WACFrame.cui-exth.FlexBoxLayout {
  position: relative;
  flex: 1 1 auto;
  flex-flow: column;
  display: flex;
  top: 0;
}
div.WACFrame.cui-exth.FlexBoxLayout.ScrollableRibbon {
  min-width: 320px;
}
div.WACFrame.hiddenHeader {
  top: 0 !important;
}
div.WACFrame.cui-exth.FlexPaneUp {
  left: 0px;
  right: 306px;
  /*App frame right location when flex pane is visible*/
}
.AppRtl div.WACFrame.cui-exth.FlexPaneUp {
  left: 306px;
  /*App frame right location when flex pane is visible*/
  right: 0px;
}
div#WACInnerFrame {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
}
.MLRVisualRefresh#WACInnerFrame {
  background-color: #edebe9;
}
.WACFrame.FlexBoxLayout #WACInnerFrame {
  height: auto;
}
.WACFrame.FlexBoxLayout #WACInnerFrame.RegionComposer {
  -webkit-flex-basis: 0px;
}
.webkitTouchScrolling {
  /* Workaround to OM:353174 (iPad scrolling failure), see bug for more info. */
  -webkit-overflow-scrolling: touch;
}
.HtmlScratchPad {
  position: absolute;
  z-index: -1;
}
.HtmlScratchPad.Hidden {
  display: none;
}
/* App Header container, when external to Ribbon */
.AppHeaderPanel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
}
.AppHeaderPanel.FlexBoxLayout {
  position: relative;
  flex: 0 1 auto;
  flex-shrink: 0;
}
.AppHeaderPanel.RaisedZIndex {
  z-index: 101;
}
.AppHeaderPanel.RaisedZIndexIncrease {
  z-index: 999;
}
/* Status bar container */
.WACStatusBarContainer {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
}
.WACStatusBarContainer.FlexBoxLayout {
  position: relative;
  flex: 0 1 23px;
}
.WACStatusBarContainer.reactStatusBar {
  flex: 0 1 25px;
}
.WACStatusBarContainer.FlexBoxLayout.regionComposer {
  position: relative;
  flex: auto;
}
.FloatLeft {
  float: left;
}
.FloatRight {
  float: right;
}
.prControl,
.prControlRtl {
  position: absolute;
  margin: 0;
  padding: 0;
  text-indent: 0;
}
.prGlyph {
  vertical-align: top;
}
.prContainerHr .prGlyph {
  display: inline-block;
}
.prFlyout,
.prModernFlyout {
  padding: 0;
  cursor: default;
  position: absolute;
}
.prFlyout {
  outline: solid 2px transparent;
}
.prControl .prFlyout UL {
  margin: 0 0 0 2px;
  padding: 0;
}
.prControlRtl .prFlyout UL {
  margin: 0 2px 0 0;
  padding: 0;
}
.prControl .prModernFlyout span,
.prControlRtl .prModernFlyout span {
  margin: 0;
  padding: 0;
}
.prFlyout UL LI {
  list-style-type: none;
  min-width: 50px;
  margin-bottom: 2px;
  padding: 0 7px 0 7px;
  vertical-align: middle;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: visible;
}
.prModernFlyout span {
  color: #FFFFFF;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  font-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.prFlyout UL LI:last-child,
.prModernFlyout span:last-child {
  margin-bottom: 0;
}
.prModernFlyout.flyoutExpanded span {
  position: absolute;
  bottom: 0px;
  min-width: 44px;
  max-width: 150px;
  text-overflow: ellipsis;
  text-align: left;
  padding: 0px 8px;
  box-sizing: border-box;
}
.prModernFlyout.flyoutCollapsed span {
  position: absolute;
  bottom: 0px;
  width: 20px;
  min-width: 0px;
  max-width: 20px;
  padding: 0px;
}
.prModernFlyout.flyoutIdle span {
  position: absolute;
  bottom: 0px;
  height: 6px;
  width: 6px;
  min-width: 0px;
  max-width: 6px;
  border-radius: 6px;
  padding: 0px;
}
.prModernFlyout.flyoutFromIdle span {
  transition-property: height, min-width, max-width, width, border-radius, padding;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
}
.prModernFlyout.flyoutFromIdle {
  transition: top 300ms cubic-bezier(0.8, 0, 0.2, 1);
  -webkit-transition: top 300ms cubic-bezier(0.8, 0, 0.2, 1);
  -moz-transition: top 300ms cubic-bezier(0.8, 0, 0.2, 1);
  -o-transition: top 300ms cubic-bezier(0.8, 0, 0.2, 1);
}
.prModernFlyout.flyoutExpanded.flyoutFromCollapsed span {
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
}
.prModernFlyout.flyoutExpanded.flyoutFromCollapsed.flyoutRtlDir span {
  transition-property: min-width, max-width, width, padding-left, visibility;
}
.prModernFlyout.flyoutExpanded.flyoutFromCollapsed.flyoutLtrDir span {
  transition-property: min-width, max-width, width, padding-right, visibility;
}
.prModernFlyout.flyoutExpanded.flyoutFromCollapsed.flyoutStacked {
  transition-property: top;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
  animation: flyoutFadeIn 300ms cubic-bezier(0.8, 0, 0.2, 1);
  -webkit-animation: flyoutFadeIn 300ms cubic-bezier(0.8, 0, 0.2, 1);
  -moz-animation: flyoutFadeIn 300ms cubic-bezier(0.8, 0, 0.2, 1);
  -o-animation: flyoutFadeIn 300ms cubic-bezier(0.8, 0, 0.2, 1);
}
.prModernFlyout.flyoutCollapsed.flyoutFromExpanded span {
  transition-property: min-width, max-width, width, padding;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
}
.prModernFlyout.flyoutCollapsed.flyoutFromExpanded.flyoutFromStacked span {
  transition-property: min-width, max-width, width, padding;
  transition-duration: 0ms;
}
.prModernFlyout.flyoutFadeOut span {
  opacity: 0;
  animation: flyoutFadeOut 200ms cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation: flyoutFadeOut 200ms cubic-bezier(0.1, 0.9, 0.2, 1);
  -moz-animation: flyoutFadeOut 200ms cubic-bezier(0.1, 0.9, 0.2, 1);
  -o-animation: flyoutFadeOut 200ms cubic-bezier(0.1, 0.9, 0.2, 1);
}
.prModernFlyout.flyoutIdle.flyoutFromExpanded span,
.prModernFlyout.flyoutIdle.flyoutFromCollapsed span {
  transition-property: height, min-width, max-width, width, border-radius, padding;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
}
.prModernFlyout.flyoutIdle.flyoutFromExpanded,
.prModernFlyout.flyoutIdle.flyoutFromCollapsed {
  transition: top 200ms cubic-bezier(0.1, 0.9, 0.2, 1);
}
.prTouchTarget {
  visibility: visible;
  position: absolute;
}
.prContainerHr,
.prFlyoutContainer {
  display: inline-block;
  position: absolute;
  top: 0;
}
.prControl .prContainerHr,
.prControlRtl .prFlyoutContainer {
  right: 0;
}
.prControlRtl .prContainerHr,
.prControl .prFlyoutContainer {
  left: 0;
}
.prFlyoutContainer.prBackgroundSelection {
  opacity: 0.2;
}
.prControl .prContainerHr .prGlyph {
  padding-left: 2px;
  margin: 0;
}
.prControlRtl .prContainerHr .prGlyph {
  padding-right: 2px;
  margin: 0;
}
.prControl .prContainerHr .prGlyph:first-child {
  padding-left: 0;
}
.prControlRtl .prContainerHr .prGlyph:first-child {
  padding-right: 0;
}
.prContainerV {
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
}
.prContainerV .cui-img-16by16 {
  margin-top: 2px;
}
.prDancingDots {
  fill: #FFFFFF;
}
@media screen and (-ms-high-contrast: active) {
  .prDancingDots {
    fill: WindowText;
  }
}
@media screen and (forced-colors: active) {
  .prDancingDots {
    fill: CanvasText;
  }
}
.prAnimateCircle-1 {
  transform-origin: 20px 35px;
  animation: 2.6s infinite both prCircleDance-1;
  -webkit-animation: 2.6s infinite both prCircleDance-1;
  -moz-animation: 2.6s infinite both prCircleDance-1;
  -o-animation: 2.6s infinite both prCircleDance-1;
}
.prAnimateCircle-2 {
  transform-origin: 60px 35px;
  animation: 2.6s infinite both prCircleDance-2;
  -webkit-animation: 2.6s infinite both prCircleDance-2;
  -moz-animation: 2.6s infinite both prCircleDance-2;
  -o-animation: 2.6s infinite both prCircleDance-2;
}
.prAnimateCircle-3 {
  transform-origin: 100px 35px;
  animation: 2.6s infinite both prCircleDance-3;
  -webkit-animation: 2.6s infinite both prCircleDance-3;
  -moz-animation: 2.6s infinite both prCircleDance-3;
  -o-animation: 2.6s infinite both prCircleDance-3;
}
/********** Keyframes for IP animations **********/
@keyframes prCircleDance-1 {
  10.2941176471% {
    transform: scale(1, 1);
  }
  17.6470588235% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  22.0588235294% {
    transform: scale(1, 1);
  }
  70.5882352941% {
    transform: scale(1, 1);
  }
  77.9411764706% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  82.3529411765% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes prCircleDance-1 {
  10.2941176471% {
    transform: scale(1, 1);
  }
  17.6470588235% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  22.0588235294% {
    transform: scale(1, 1);
  }
  70.5882352941% {
    transform: scale(1, 1);
  }
  77.9411764706% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  82.3529411765% {
    transform: scale(1, 1);
  }
}
@-moz-keyframes prCircleDance-1 {
  10.2941176471% {
    transform: scale(1, 1);
  }
  17.6470588235% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  22.0588235294% {
    transform: scale(1, 1);
  }
  70.5882352941% {
    transform: scale(1, 1);
  }
  77.9411764706% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  82.3529411765% {
    transform: scale(1, 1);
  }
}
@-o-keyframes prCircleDance-1 {
  10.2941176471% {
    transform: scale(1, 1);
  }
  17.6470588235% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  22.0588235294% {
    transform: scale(1, 1);
  }
  70.5882352941% {
    transform: scale(1, 1);
  }
  77.9411764706% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  82.3529411765% {
    transform: scale(1, 1);
  }
}
@keyframes prCircleDance-2 {
  19.1176470588% {
    transform: scale(1, 1);
  }
  25.0000000000% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  29.4117647059% {
    transform: scale(1, 1);
  }
  47.0588235294% {
    transform: scale(1, 1);
  }
  52.9411764706% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  57.3529411765% {
    transform: scale(1, 1);
  }
  89.7058823529% {
    transform: scale(1, 1);
  }
  94.1176470588% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  98.5294117647% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes prCircleDance-2 {
  19.1176470588% {
    transform: scale(1, 1);
  }
  25.0000000000% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  29.4117647059% {
    transform: scale(1, 1);
  }
  47.0588235294% {
    transform: scale(1, 1);
  }
  52.9411764706% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  57.3529411765% {
    transform: scale(1, 1);
  }
  89.7058823529% {
    transform: scale(1, 1);
  }
  94.1176470588% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  98.5294117647% {
    transform: scale(1, 1);
  }
}
@-moz-keyframes prCircleDance-2 {
  19.1176470588% {
    transform: scale(1, 1);
  }
  25.0000000000% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  29.4117647059% {
    transform: scale(1, 1);
  }
  47.0588235294% {
    transform: scale(1, 1);
  }
  52.9411764706% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  57.3529411765% {
    transform: scale(1, 1);
  }
  89.7058823529% {
    transform: scale(1, 1);
  }
  94.1176470588% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  98.5294117647% {
    transform: scale(1, 1);
  }
}
@-o-keyframes prCircleDance-2 {
  19.1176470588% {
    transform: scale(1, 1);
  }
  25.0000000000% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  29.4117647059% {
    transform: scale(1, 1);
  }
  47.0588235294% {
    transform: scale(1, 1);
  }
  52.9411764706% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  57.3529411765% {
    transform: scale(1, 1);
  }
  89.7058823529% {
    transform: scale(1, 1);
  }
  94.1176470588% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  98.5294117647% {
    transform: scale(1, 1);
  }
}
@keyframes prCircleDance-3 {
  1.44927536232% {
    transform: scale(1, 1);
  }
  4.41176470588% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  8.82352941176% {
    transform: scale(1, 1);
  }
  33.8235294118% {
    transform: scale(1, 1);
  }
  39.7058823529% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  44.1176470588% {
    transform: scale(1, 1);
  }
  60.2941176471% {
    transform: scale(1, 1);
  }
  66.1764705882% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  70.5882352941% {
    transform: scale(1, 1);
  }
  77.9411764706% {
    transform: scale(1, 1);
  }
  83.8235294118% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  88.2352941176% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes prCircleDance-3 {
  1.44927536232% {
    transform: scale(1, 1);
  }
  4.41176470588% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  8.82352941176% {
    transform: scale(1, 1);
  }
  33.8235294118% {
    transform: scale(1, 1);
  }
  39.7058823529% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  44.1176470588% {
    transform: scale(1, 1);
  }
  60.2941176471% {
    transform: scale(1, 1);
  }
  66.1764705882% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  70.5882352941% {
    transform: scale(1, 1);
  }
  77.9411764706% {
    transform: scale(1, 1);
  }
  83.8235294118% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  88.2352941176% {
    transform: scale(1, 1);
  }
}
@-moz-keyframes prCircleDance-3 {
  1.44927536232% {
    transform: scale(1, 1);
  }
  4.41176470588% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  8.82352941176% {
    transform: scale(1, 1);
  }
  33.8235294118% {
    transform: scale(1, 1);
  }
  39.7058823529% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  44.1176470588% {
    transform: scale(1, 1);
  }
  60.2941176471% {
    transform: scale(1, 1);
  }
  66.1764705882% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  70.5882352941% {
    transform: scale(1, 1);
  }
  77.9411764706% {
    transform: scale(1, 1);
  }
  83.8235294118% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  88.2352941176% {
    transform: scale(1, 1);
  }
}
@-o-keyframes prCircleDance-3 {
  1.44927536232% {
    transform: scale(1, 1);
  }
  4.41176470588% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  8.82352941176% {
    transform: scale(1, 1);
  }
  33.8235294118% {
    transform: scale(1, 1);
  }
  39.7058823529% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  44.1176470588% {
    transform: scale(1, 1);
  }
  60.2941176471% {
    transform: scale(1, 1);
  }
  66.1764705882% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  70.5882352941% {
    transform: scale(1, 1);
  }
  77.9411764706% {
    transform: scale(1, 1);
  }
  83.8235294118% {
    transform: scale(1.15, 0.75) translateY(5px);
  }
  88.2352941176% {
    transform: scale(1, 1);
  }
}
@keyframes flyoutFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes flyoutFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes flyoutFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes flyoutFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes flyoutFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes flyoutFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes flyoutFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes flyoutFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
input#applicationfileInput {
  outline: none;
}
/* Standard styles for Office-themed buttons, used in dialogs and elsewhere in the chrome */
.WACButton {
  color: #444444;
  border: solid 1px #8A8886;
  background-color: #ffffff;
  outline: none;
}
.WACGlyph {
  border: solid 1px transparent;
  background-color: transparent;
  outline: none;
}
.WACButton:focus,
.WACGlyph:focus {
  border-color: #000000;
  background-color: #e3ecfa;
  outline: 2px dashed transparent;
}
.usehover .WACButton:hover,
.usehover .WACGlyph:hover {
  border-color: #a3bde3;
  background-color: #d5e1f2;
  outline: 2px dashed transparent;
}
.WACButton:active,
.WACGlyph:active {
  border-color: #3e6db5 !important;
  background-color: #a3bde3 !important;
}
.WACButton:disabled {
  border-color: #c6c6c6 !important;
  background-color: #f0f0f0 !important;
  color: #777777;
}
/* Dialog Box CSS */
.WACDialogOverlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  background: #c6c6c6;
  opacity: 0.5;
}
.iPad.v6up .WACDialogOverlay {
  /* Workaround for O15:2414667 */
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}
/* Dialog styles */
.WACDialogPanel {
  display: none;
  position: absolute;
  border: 1px solid #2b579a;
  border-radius: 8px;
  z-index: 999;
  background-color: #fff;
  min-width: 288px;
  width: auto;
  box-shadow: 0 14px 28px;
  color: #444444;
  outline: none;
}
.WACDialogPanel.FullDocumentPanel {
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.WACDialogPanel.DP {
  left: 25%;
  top: 50%;
  max-width: 600px;
}
.AppRtl .WACDialogPanel.DP {
  right: 25%;
  left: unset;
}
.WACDialogPanel.DL {
  top: 25%;
  left: 50%;
}
.iPad.v6up .WACDialogPanel {
  /* Workaround for O15:2414667 */
  overflow: scroll;
}
.WACDialogOverlayUnhandledError {
  z-index: 9998;
  /*Dialogs for unhandled exceptions should appear on top of all UI*/
}
.WACDialogUnhandledError {
  z-index: 9999;
  /*Dialogs for unhandled exceptions should appear on top of all UI*/
}
.WACDialogPanel IMG {
  border: 0 none;
}
.AppRtl .WACDialogPanel {
  direction: rtl;
}
.WACDialogTitleText {
  overflow-x: hidden;
  font-size: 11pt;
  display: inline-block;
}
.WACDialogTitlePanel {
  padding: 10px 14px 5px;
  cursor: move;
  touch-action: none;
}
.WACDialogTextPanel {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 6px;
  padding-top: 9px;
  display: block;
  overflow: hidden;
}
.WACDialogDontShowCheckboxDiv {
  float: left;
}
.AppRtl .WACDialogDontShowCheckboxDiv {
  float: right;
}
.WACDialogDontShowCheckboxDiv input {
  vertical-align: bottom;
}
.WACDialogDontShowLabelDiv {
  font-size: 11px;
  padding-left: 20px;
  padding-right: 0px;
}
.AppRtl .WACDialogDontShowLabelDiv {
  padding-left: 0px;
  padding-right: 20px;
}
.WACCrashDialogInput {
  width: 100%;
  padding: 5px;
  font-size: 14px;
  box-shadow: none;
  box-sizing: border-box;
  resize: none;
  border-width: 1px;
  border-style: solid;
  border-color: #b0b0b0;
  border-image: initial;
  overflow: auto;
  font-family: SegoeUI-Regular-final, 'Segoe UI', 'Segoe UI WPC', Segoe, Tahoma, Helvetica, Arial, sans-serif;
}
.WACDialogFeedbackInput {
  height: 120px;
}
.WACDialogContactInput {
  height: 27px;
  margin-top: 10px;
}
span#WACDialogSessionInfo {
  font-size: 9px;
}
.WACCopyPasteShortcutDialogTextPanel span {
  display: block;
}
.WACProgressTextPanel {
  padding: 11px 12px 6px;
  display: inline-block;
  cursor: default !important;
  vertical-align: middle;
  white-space: normal;
}
.AppRtl WACDialogTextPanel {
  padding-right: 12px;
  padding-left: 6px;
}
a.WACDialogCloseAnchor {
  cursor: default;
  position: relative;
  display: inline-block;
  float: right;
  height: 16px;
}
.AppRtl a.WACDialogCloseAnchor {
  float: left;
}
.WACDialogMenuLaunchPoint {
  position: absolute;
  top: 1px;
  left: 1px;
}
.AppRtl .WACDialogMenuLaunchPoint {
  left: auto;
  right: 1px;
  direction: rtl;
}
.WACDialogBodyPanel {
  padding: 0 14px;
  display: block;
}
.WACDialogIcon {
  padding-left: 6px;
  padding-right: 0;
  padding-bottom: 6px;
  padding-top: 12px;
  float: left;
  width: 32px;
  height: 32px;
}
.AppRtl .WACDialogIcon {
  padding-right: 6px;
  padding-left: 0;
  float: right;
}
.WACDialogLearnMoreLinkContainer {
  padding: 10px 14px 14px;
  margin-top: 10px;
  float: left;
}
.AppRtl .WACDialogLearnMoreLinkContainer {
  float: right;
}
.WACDialogButtonPanel {
  padding: 10px 14px 14px;
  text-align: right;
  float: none;
}
.WACDialogUnhandledError .WACDialogButtonPanel {
  padding: 10px 32px 18px 14px;
}
.AppRtl .WACDialogButtonPanel {
  text-align: left;
}
.WACDialogButtonNormal {
  padding: 3px 5px;
  margin-left: 10px;
  vertical-align: middle;
  min-width: 72px;
}
.AppRtl .WACDialogButtonNormal {
  margin-left: 0;
  margin-right: 10px;
}
.WACDialogButtonNormal.WACButton.WACAlignLeftButton {
  float: left;
  margin-left: 0;
}
.AppRtl .WACDialogButtonNormal.WACButton.WACAlignLeftButton {
  float: right;
  margin-right: 0;
}
.WACDialogButtonPanel .WACButton {
  margin-top: 10px;
}
.WACDialogHtmlPanel {
  text-align: left;
  display: block;
}
.AppRtl .WACDialogHtmlPanel {
  text-align: right;
}
.WACDialogLabel {
  cursor: default !important;
  margin: 3px 0px;
  display: inline-block;
}
.WACStandardDialogLabel {
  cursor: default !important;
  display: block;
}
.WACDialogInput {
  width: 100%;
  border: solid 1px #000000;
  margin-top: 6px;
  font: inherit;
}
.WACDialogCheckBox {
  padding: 0;
  margin-left: 2px;
  margin-right: 6px;
  vertical-align: middle;
}
.AppRtl .WACDialogCheckBox {
  margin-right: 2px;
  margin-left: 6px;
}
.WACDialogRadio {
  padding: 0;
  margin-left: 2px;
  margin-right: 6px;
  vertical-align: middle;
}
.AppRtl .WACDialogRadio {
  margin-right: 2px;
  margin-left: 6px;
}
.WACDialogCheckBoxDiv {
  margin-top: 15px;
}
.WACDialogInputFile {
  width: 100%;
  text-align: left;
}
.AppRtl .WACDialogInputFile {
  text-align: right;
}
.WACDialogRow {
  padding-top: 15px;
}
.WACZoomDialogRadioRow {
  padding: 7px 5px;
}
.WACProgressRow {
  margin: 20px 25px;
  display: block;
  white-space: nowrap;
}
.WACProgressIcon {
  padding: 6px;
  float: left;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.AppRtl .WACProgressIcon {
  float: none;
}
.WACDialogError {
  float: none;
  display: none;
  color: #af0000;
  width: 100%;
  padding-top: 5px;
}
.WACDialogSpan {
  display: inline-block;
}
.WACProgressButtonSection {
  padding-bottom: 12px;
  padding-right: 12px;
  float: right;
}
.AppRtl .WACProgressButtonSection {
  padding-left: 12px;
  padding-right: 0;
  float: left;
}
.WACAltTextInput {
  width: 100%;
  border: 1px solid #c3cbd0;
}
.WACDialogList {
  width: 100%;
  color: #444444;
  border: 1px solid #c3cbd0;
  margin-top: 6px;
}
.WACAltTextTextArea {
  width: 100%;
  height: 180px;
  resize: none;
  font-family: Arial;
}
.WACAltTextDescribedBy {
  position: absolute;
  visibility: hidden;
  z-index: -100;
}
/* End of Dialog Box CSS */
/* Light Weight progress CSS */
.WACProgressText {
  padding: 11px 12px;
  vertical-align: middle;
  color: #444444;
  cursor: default !important;
}
.WACProgressImage {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.WACProgressSmallText {
  padding: 11px 12px 0;
  vertical-align: top;
  color: #444444;
  cursor: default !important;
}
.WACProgressSmallImage {
  margin-right: 9px;
  width: 16px;
  height: 16px;
}
.AppRtl .WACProgressSmallImage {
  margin-left: 9px;
  margin-right: 0;
}
/* End Light Weight progress CSS */
/* Click to Run Dialogs */
.WACDialogUList {
  padding-left: 18px;
  padding-right: 18px;
}
.WACC2RProducts {
  display: block;
  vertical-align: middle;
  padding-left: 38px;
  padding-right: 38px;
  padding-bottom: 6px;
  padding-top: 18px;
}
.WACC2RInstallInstruction {
  max-width: 256px;
  width: 256px;
  padding-left: 6px;
  padding-right: 6px;
  display: inline-block;
  vertical-align: middle;
}
.WACC2RProgressIcon {
  padding: 6px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.WACC2RProgressTextPanel {
  padding-left: 12px;
  padding-right: 6px;
  padding-bottom: 11px;
  padding-top: 11px;
  display: inline-block;
  overflow: hidden;
  cursor: default !important;
  vertical-align: middle;
}
/* has to be most top non-dialog objects, over charts and objects and other presence indicators - Overridable in the constructor */
.WACPresenceTooltip {
  position: absolute;
  z-index: 9;
}
.AppRtl .WACC2RProgressTextPanel {
  padding-left: 6px;
  padding-right: 12px;
}
.WACC2RProgressRow {
  margin-left: 6px;
  margin-right: 6px;
  display: block;
  text-align: center;
}
.WACC2RProgressMessage {
  padding-top: 64px;
  padding-bottom: 6px;
  padding-left: 18px;
  padding-right: 18px;
  text-align: center;
}
/* End Click to Run Dialogs */
/* Error control */
div.WACErrorText {
  vertical-align: middle;
  text-align: left;
  white-space: normal !important;
  font-family: SegoeUI;
  font-size: 12px;
  word-wrap: break-word;
}
span.WACErrorImage {
  margin-bottom: 23px;
  position: absolute;
}
/* End Error control */
/* Business Bar and Notification Bar CSS */
.WACNotificationBar {
  z-index: 900;
  position: absolute;
  right: 32px;
  text-align: right;
  top: 2px;
  height: 29px;
}
.AppRtl .WACNotificationBar {
  right: auto;
  left: 32px;
  text-align: left;
}
.WACNotificationEntry {
  border: 1px solid #f3e282;
  color: #444444;
  background-color: #fcf7b6;
  float: left;
  margin-left: 7px;
  cursor: default;
  vertical-align: top;
  text-align: left;
  min-width: 100px;
  position: relative;
}
.AppRtl .WACNotificationEntry {
  text-align: right;
  margin-left: 0;
  margin-right: 7px;
  float: right;
}
.WACNotificationImage {
  margin-right: 7px;
  vertical-align: middle;
}
.AppRtl .WACNotificationImage {
  margin-left: 7px;
  margin-right: 0;
}
.WACNotificationMessage {
  vertical-align: middle;
}
.WACNotificationBottomBar {
  border-top: 4px solid #f3e282;
  padding: 5px 9px 5px 7px;
}
.AppRtl .WACNotificationBottomBar {
  padding-left: 9px;
  padding-right: 7px;
}
.WACBusinessBar {
  z-index: 900;
  display: block;
  width: 100%;
  position: absolute;
  color: #444444;
  visibility: hidden;
  cursor: default;
}
.WACBusinessBar.regionComposer {
  position: relative;
}
.ShyRibbonIsPopOver .WACBusinessBar {
  z-index: auto;
}
.ShyRibbonIsPopOver.WACBusinessBar {
  z-index: auto;
}
.WACBusinessBarEntry {
  padding: 2px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #d7d889;
  overflow: hidden;
  background-color: #fcf7b6;
  position: relative;
  min-height: 24px;
  display: table;
  width: 100%;
}
.WACBusinessBarEntry:first-child {
  border-top-color: #d7d889;
  /* Add a top border to the first business bar */
}
.WACBusinessBarEntry.ReactBusinessBarEntry {
  padding: 0;
  min-height: 30px;
  border-top: none;
  border-bottom: none;
  background-color: transparent;
  display: block;
}
.WACBusinessBarEntry.ReactBusinessBarEntry:first-child {
  border-top: 1px solid #c8c6c4;
  /* Add a top border to the first business bar */
}
.WACBusinessBarEntry.ReactBusinessBarEntry.VNextBusinessBarEntry:first-child {
  border-top: transparent;
  /* Remove top border for vNext styling */
  margin-top: 4px;
  /* Add gap between ribbon and business bars */
}
.WACBusinessBarEntry.ReactBusinessBarEntry.VNextBusinessBarEntry:first-child .acui-message-bar {
  border-radius: 8px 8px 0 0;
  /* Add a top border radius to the first business bar */
}
.WACBusinessBarEntry.ReactBusinessBarEntry.VNextBusinessBarEntry:last-child .acui-message-bar {
  border-radius: 0 0 8px 8px;
  /* Add a bottom border radius to the last business bar */
}
.WACBusinessBarEntry.ReactBusinessBarEntry.VNextBusinessBarEntry:only-child .acui-message-bar {
  border-radius: 8px;
  /* Add a border radius on all sides if there's only one business bar */
}
.WACBusinessBarIcon {
  display: table-cell;
  vertical-align: middle;
  width: 24px;
  /* Image span was too big when business bar had no buttons or close icon. Setting size explicitly. */
  height: 24px;
}
.WACBusinessBarImage {
  margin-left: 6px;
  vertical-align: middle;
}
.AppRtl .WACBusinessBarImage {
  margin-left: 0;
  margin-right: 6px;
}
.WACBusinessBarTitle {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  padding-left: 8px;
}
.AppRtl .WACBusinessBarTitle {
  padding-left: 0;
  padding-right: 8px;
}
.WACBusinessBarTitleBodyHolder {
  display: table-cell;
}
.WACBusinessBarBody {
  display: table-cell;
  padding: 0 8px;
  vertical-align: middle;
  height: 24px;
  /* Same height as the icon, in case this entry has no icon.  And for a display:table-cell item this acts like a min-height, not a fixed height.*/
}
.AppRtl .WACBusinessBarBody {
  padding-left: 0;
  padding-right: 8px;
}
.WACBusinessBarButtonHolder {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 8px;
}
.AppRtl .WACBusinessBarButtonHolder {
  text-align: right;
  padding-left: 0;
  padding-right: 8px;
}
.WACBusinessBarButton {
  border: 1px solid #ababab;
  background-color: #ffffff;
  color: #444444;
  cursor: default;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  margin-bottom: 1px;
  padding: 3px 10px;
}
.usehover .WACBusinessBarButton:hover {
  background: #f0f0f0;
}
.WACBusinessBarButton:active {
  background: #c6c6c6;
}
.WACBusinessBarLinkHolder {
  display: table-cell;
  vertical-align: middle;
  padding-left: 8px;
}
.AppRtl .WACBusinessBarLinkHolder {
  padding-left: 0;
  padding-right: 8px;
}
.WACBusinessBarLink {
  white-space: nowrap;
  color: #336699;
}
.WACBusinessBarCloseHolder {
  padding: 0 5px;
  text-align: right;
  vertical-align: middle;
}
.AppRtl .WACBusinessBarCloseHolder {
  text-align: left;
}
.WACBusinessBarClose {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 2px;
  cursor: pointer;
}
/* End of Business Bar and Notification Bar CSS */
.ImageCaptureDialog {
  display: block;
}
.ImageCaptureDialog > .WACDialogTitlePanel,
.ImageCaptureDialog > WACDialogCloseAnchor {
  display: none;
}
.ImageCaptureDialog > .WACDialogBodyPanel {
  padding: 0px;
}
.ImageCaptureVideoContainer {
  position: relative;
}
.ImageCaptureCanvasContainer {
  position: relative;
}
.ImageDiscardButton {
  position: absolute;
  min-width: 72px;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  border-radius: 2px;
  cursor: pointer;
  padding: 8px 25px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06px;
}
.ImageCaptureButton {
  position: absolute;
  bottom: 15px;
  width: 22px;
  height: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  padding: 10px 14px;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  object-fit: contain;
  box-shadow: 0 0 0 1px #8A8886;
}
.ImageCaptureButton:focus {
  box-shadow: 0 0 0 1px #000000;
  background-color: #d5e1f2;
}
.usehover .ImageCaptureButton:hover {
  background-color: #d5e1f2;
  box-shadow: 0 0 0 1px #a3bde3;
}
.ImageCaptureButton:active {
  background-color: #a3bde3 !important;
  box-shadow: 0 0 0 1px #3e6db5;
}
.CameraSwitchButton {
  position: absolute;
  display: none;
  bottom: 18px;
  width: 30px;
  height: 30px;
  left: 90%;
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  padding: 10px 6px 2px;
  background-color: #000000;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  object-fit: contain;
  opacity: 0.6;
  box-shadow: 0 0 0 2px #ffffff;
}
.CameraSwitchButton:focus {
  opacity: 0.75;
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #000000;
}
.usehover .CameraSwitchButton:hover {
  opacity: 0.75;
  box-shadow: 0 0 0 2px #ffffff;
}
.CameraSwitchButton:active {
  opacity: 1 !important;
}
.ImageCaptureButton:disabled,
.CameraSwitchButton:disabled {
  background-color: #d2d2d2 !important;
}
.InsertPictureFromCameraBox {
  position: relative;
}
.ClipartDialog {
  width: 636px;
  float: left;
  margin-top: 7px;
}
.AppRtl .ClipartDialog {
  float: right;
}
.ClipartDialog a {
  color: #336699;
}
.ClipartResultsPane {
  width: 412px;
  float: left;
}
.AppRtl .ClipartResultsPane {
  float: right;
}
.ClipartSearchHeader {
  width: 100%;
  text-align: right;
}
.ClipartSearchInput {
  vertical-align: top;
  border-right-style: none;
  width: auto;
  border: solid 1px #bfc8cd;
  border-right: 0;
  float: left;
  width: 386px;
  height: 16px;
  padding: 2px;
}
.AppRtl .ClipartSearchInput {
  border: solid 1px #bfc8cd;
  border-left: 0;
  float: right;
}
.ClipartSearchButton {
  padding: 2px;
  cursor: pointer;
  border-left-width: 0;
  height: 16px;
}
.AppRtl .ClipartSearchButton {
  border-left-width: 1px;
  border-right-width: 0;
}
.ClipartSearchResults {
  height: 304px;
  overflow: auto;
  overflow-x: hidden;
  border: 1px solid #bfc8cd;
  padding: 6px;
}
.iPad.v6up .ClipartSearchResults {
  -webkit-overflow-scrolling: touch;
}
.ClipartSearchResults .WACProgress {
  display: inline-block;
  margin-top: 140px;
  vertical-align: middle;
}
.ClipartSearchInProgress {
  text-align: center;
}
.ClipartImageContainer {
  display: inline-block;
  width: 74px;
  height: 74px;
  border: 1px solid Transparent;
}
.ClipartThumbImage {
  margin: 5px 0 0 5px;
  border-width: 0;
}
.AppRtl .ClipartThumbImage {
  margin: 5px 5px 0 0;
}
.ClipartSelectedImage {
  background-color: #a3bde3;
}
.ClipartCommunityText {
  float: left;
}
.ClipartCommunityAttr {
  float: left;
  cursor: pointer;
  text-decoration: none;
  color: WindowText;
}
.ClipartCommunityAttrSelected {
  float: left;
  cursor: pointer;
  text-decoration: none;
  color: WindowText;
}
.ClipartPreviewPane {
  width: 204px;
  float: right;
}
.AppRtl .ClipartPreviewPane {
  float: left;
}
.ClipartPreviewImage {
  width: 192px;
  height: 192px;
  float: left;
  margin: 10px 0;
}
.AppRtl .ClipartPreviewImage {
  float: right;
}
.ClipartPreviewDetails {
  float: left;
}
.AppRtl .ClipartPreviewDetails {
  float: right;
}
.ClipartAttributeContainer {
  width: 204px;
  margin-bottom: 3px;
}
.ClipartAttributeName {
  float: left;
  width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.AppRtl .ClipartAttributeName {
  float: right;
}
.ClipartAttributeValue {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ClipartDisplayName {
  width: 100%;
  float: left;
}
.AppRtl .ClipartDisplayName {
  float: right;
}
.ClipartSeeSimilar {
  width: 100%;
  float: left;
  margin-top: 5px;
}
.AppRtl .ClipartSeeSimilar {
  float: right;
}
.ClipartDimensions {
  margin: 10px 0;
  width: 204px;
}
.InsertMediaDialog {
  width: clamp(320px, 900px, 80vw);
  float: left;
  margin-top: 7px;
}
.AppRtl .InsertMediaDialog {
  float: right;
}
.InsertMediaDialog a {
  color: #336699;
}
.InsertMediaPanel {
  height: clamp(256px, 587px, 90vh);
}
.InsertMediaM365Dialog {
  width: clamp(320px, 900px, 80vw);
  float: left;
}
.AppRtl .InsertMediaM365Dialog {
  float: right;
}
.InsertMediaM365Dialog a {
  color: #336699;
}
.InsertMediaM365Panel {
  height: clamp(256px, 587px, 90vh);
}
.GraphicsEditorDialog {
  float: left;
}
.AppRtl .GraphicsEditorDialog {
  float: right;
}
.GraphicsEditorDialog a {
  color: #336699;
}
/* PageStats CSS */
.WACPageStatsButton {
  width: 56px;
  height: 40px;
  background-color: #CCCCFF;
  padding: 20px;
  position: absolute;
  font-size: 2em;
  cursor: pointer;
  /* rounded corner */
  -moz-border-radius: 15px;
  /* Firefox */
  border-radius: 15px;
  /* shadow */
  -moz-box-shadow: 5px 5px 5px #888888;
  /* Firefox */
  -webkit-box-shadow: 5px 5px 5px #888888;
  /* Safari and Chrome */
  box-shadow: 5px 5px 5px #888888;
  /* transparency */
  opacity: 0.7;
}
/* End PageStats CSS */
/* Begin EmbedDialog CSS */
.EmbedDialog {
  float: left;
  margin-bottom: -10px;
  /* Eliminate some of the padding between the dialog contents and the Close button */
}
.AppRtl .EmbedDialog {
  float: right;
}
.EmbedSectionName {
  margin-bottom: 10px;
  display: inline-block;
}
.EmbedPreviewPane {
  margin: 15px 0 0 20px;
  width: 476px;
  float: left;
}
.AppRtl .EmbedPreviewPane {
  margin-left: 0;
  margin-right: 20px;
  float: right;
}
.EmbedDimensionSection {
  margin-bottom: 25px;
}
.EmbedOptionPane {
  margin: 15px 0 0 30px;
  width: 244px;
  float: right;
}
.AppRtl .EmbedOptionPane {
  margin-left: 0;
  margin-right: 30px;
  float: left;
}
.EmbedPreviewFrame {
  width: 100%;
  height: 288px;
  margin-bottom: 15px;
  border: none;
}
.EmbedCodeTextArea {
  width: 100%;
  overflow: auto;
  resize: none;
  border: 1px solid #ababab;
  margin-right: -1px;
  /* Compensate for the border to line up the edge of the textarea with the edge of the embed preview */
}
.AppRtl .EmbedCodeTextArea {
  margin-right: 0;
  margin-left: -1px;
}
.EmbedCodeFooter {
  float: right;
  margin-top: 6px;
}
.AppRtl .EmbedCodeFooter {
  float: left;
}
.EmbedOption {
  margin-bottom: 10px;
}
.EmbedOptionImage {
  float: left;
}
.AppRtl .EmbedOptionImage {
  float: right;
}
.EmbedArrowHolder {
  float: right;
  height: 16px;
}
.AppRtl .EmbedArrowHolder {
  float: left;
}
.EmbedCheckBoxHolder {
  float: left;
  margin-right: 10px;
  cursor: default;
}
.AppRtl .EmbedCheckBoxHolder {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}
/* End EmbedDialog CSS */
/* ProtocolLaunchingDialog CSS*/
.OICRetryDialog {
  background-color: #fff;
  color: #000;
}
.WACDialogTitlePanel.OICDialog {
  background-color: #2b579a;
  height: 15px;
}
.ProtocolLaunchingDialogBody {
  padding: 0 11px;
}
.ProtocolLaunchingDialogTitle {
  color: #2b579a;
  margin: 14px 3px 19px;
  width: 330px;
}
.ProtocolLaunchingDialogButton {
  display: inline-block;
  min-height: 20px;
  margin-left: 3px;
  margin-right: 3px;
}
.ProtocolLaunchingDialogLink {
  text-decoration: none;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 15px;
}
.ProtocolLaunchingDialogIssues {
  margin: 29px 3px 8px;
}
.ProtocolLaunchingDialogHelpButtons {
  padding-top: 15px;
}
.ProtocolLaunchingDialogButtonLabel {
  padding: 0 15px;
  display: inline-block;
}
.ProtocolLaunchingDialogButtonAnchor {
  min-height: 40px;
  -webkit-tap-highlight-color: #d5e1f2;
}
.ProtocolLaunchingDialogTitle.OICDialog {
  color: #2b579a;
  font-size: 24px;
  width: inherit;
}
div.OICDialog#Issues {
  color: #2b579a;
}
a.ProtocolLaunchingDialogButtonAnchor.OICDialog:focus {
  background-color: #fff !important;
}
.OICDialog#ProtocolHandlerDialogEditInApp {
  border: none;
}
.ProtocolLaunchingDialogImg32Container img {
  position: absolute;
}
.ProtocolLaunchingDialogImg32Container {
  width: 32px;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  overflow: hidden;
  text-align: left;
  z-index: 0;
  display: inline-block;
}
.ProtocolLaunchingDialogIconContainer {
  width: 32px;
  height: 32px;
  padding: 1px 4px;
  display: block;
  float: left;
  border-bottom: 1px solid transparent;
}
a.ProtocolLaunchingDialogButtonAnchor {
  border: 1px solid transparent;
  display: inline-block;
  cursor: default;
  padding: 3px;
  margin: 1px;
  min-width: 75px;
  display: block;
}
a.ProtocolLaunchingDialogButtonAnchor:focus {
  border-color: #2b579a !important;
  background-color: #d5e1f2 !important;
  outline: 2px dashed transparent;
}
/* End ProtocolLaunchingDialog CSS */
/* Header controls */
.BreadcrumbContainer {
  display: inline-block;
  padding: 1px;
  /* ensure room for the focus rect on the individual items -- note Office15 bug 2849872 */
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.AppRtl .BreadcrumbContainer {
  text-align: right;
  margin-left: 0;
}
.AppAndBrandContainer {
  height: 48px;
  display: inline-block;
  margin-right: 10px;
}
.AppRtl .AppAndBrandContainer {
  margin-left: 10px;
  margin-right: 0;
}
.BreadcrumbItem {
  vertical-align: top;
  display: inline-block;
  /* Needed so that the items flip correctly in RTL */
  color: #ffffff;
  padding: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cui-topBar1-transistionalHeaderUI .BreadcrumbItem {
  animation: animateBreadCrumbItem 500ms;
}
@keyframes animateBreadCrumbItem {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.AppHeaderIconFloat {
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 14px;
  margin-right: 0px;
  float: left;
}
.AppRtl .AppHeaderIconFloat {
  margin-left: 0px;
  margin-right: 14px;
  float: right;
}
span.BreadcrumbItem {
  cursor: default;
}
.cui-topBar1 .BreadcrumbItem.FolderSeparator {
  padding-top: 0;
  padding-bottom: 0;
}
a.BreadcrumbItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.cui-topBar1 a.BreadcrumbItem,
.cui-topBar1 span.BreadcrumbItem {
  padding-top: 15px;
  padding-bottom: 15px;
}
.usehover a.BreadcrumbItem:hover {
  text-decoration: underline;
}
a.BreadcrumbItem:focus {
  outline: #d5e1f2 dotted thin;
}
.BreadcrumbItem#BreadcrumbTitle,
.BreadcrumbItem#BreadcrumbSaveStatus,
.BreadcrumbItem#BreadcrumbAppModeStatus {
  height: 18px;
  padding: 15px 15px;
  color: #ffffff;
}
.BreadcrumbItem#BreadcrumbAppModeDash,
.BreadcrumbItem#BreadcrumbSaveStatusDash {
  height: 18px;
  padding: 15px 0px;
  color: #ffffff;
}
.BreadcrumbItem#BreadcrumbSaveStatus:hover,
.BreadcrumbItem#BreadcrumbAppModeStatus:hover,
.BreadcrumbItem#BreadcrumbAppModeDash:hover,
.BreadcrumbItem#BreadcrumbSaveStatusDash:hover {
  background-color: transparent;
  cursor: default;
}
div.BreadcrumbItem {
  background-color: transparent;
  cursor: text;
}
.usehover div.BreadcrumbItem:hover,
div.BreadcrumbItem:focus {
  background-color: #444444;
  outline: 2px dashed transparent;
}
div.EditableBreadcrumbItem:focus,
.usehover div.EditableBreadcrumbItem:hover:focus {
  color: #ffffff;
  background-color: transparent;
  text-overflow: clip;
}
.OfficeOnlineBrandSwitcherSeparator,
.OfficeOnlineBrandBreadcrumbSeparator {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 1px;
  height: 48px;
  background-color: #ffffff;
  margin-top: 0px;
  opacity: 0.3;
}
.OfficeOnlineBrandSwitcherSeparator {
  margin-left: 0px;
  margin-right: 0px;
}
.AppRtl .OfficeOnlineBrandSwitcherSeparator {
  margin-right: 0px;
  margin-left: 0px;
}
.OfficeOnlineBrandBreadcrumbSeparator {
  margin-left: 0px;
  margin-right: 8px;
}
.AppRtl .OfficeOnlineBrandBreadcrumbSeparator {
  margin-right: 0px;
  margin-left: 8px;
}
.FolderSeparator {
  margin: 0 6px;
  padding: 0;
}
.UsernameContainer {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  padding: 15px 0;
  background-color: #e1e1e1;
}
.UsernameNameContainer {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  padding-right: 10px;
  color: #444444;
}
.UsernameNameItem {
  vertical-align: top;
  cursor: default;
}
a.SignoutLink {
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
  color: #444444;
}
a.SignoutLink:hover {
  text-decoration: underline;
}
a.SignoutLink:focus {
  outline: #444444 dotted thin;
}
a.SignInLink {
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 18px;
  padding: 15px 20px;
  color: #ffffff;
  background-color: #444444;
  cursor: default;
}
a.SignInLink:hover,
a.SignInLink:focus {
  background-color: #382F2D;
}
a.cui-ctl-medium + a.SignInLink {
  color: #444444;
  background-color: #e1e1e1;
}
a.cui-ctl-medium + a.SignInLink:hover,
a.cui-ctl-medium + a.SignInLink:focus {
  background-color: #f0f0f0;
}
.UserNameSeparator {
  display: inline-block;
  width: 1px;
  height: 16px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #c6c6c6;
}
.cui-topBar1-transistionalHeaderUI .AppAndBrandContainer {
  margin-right: 0;
}
.AppRtl .cui-topBar1-transistionalHeaderUI .AppAndBrandContainer {
  margin-left: 0;
}
.cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbBrand,
.cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbFolder {
  position: relative;
  overflow: visible;
  margin-left: 16px;
}
.AppRtl .cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbBrand,
.AppRtl .cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbFolder {
  margin-right: 16px;
  margin-left: 0;
}
.cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbBrand:after,
.cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbFolder:after {
  content: '';
  left: -16px;
  background: #ffffff;
  height: 20px;
  width: 1px;
  bottom: 15px;
  position: absolute;
  opacity: 0.3;
}
.AppRtl .cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbBrand:after,
.AppRtl .cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbFolder:after {
  left: initial;
  right: -16px;
}
.cui-topBar1-transistionalHeaderUI .BreadcrumbItem#BreadcrumbTitle {
  font-size: 17px;
  padding-top: 12px;
  padding-bottom: 12px;
  height: 24px;
}
.usehover .cui-topBar1-transistionalHeaderUI a.BreadcrumbItem.SwitcherDropdown:hover,
.cui-topBar1-transistionalHeaderUI a.BreadcrumbItem.SwitcherDropdown:focus,
.cui-topBar1-transistionalHeaderUI .BreadcrumbItem#BreadcrumbTitle:hover,
.cui-topBar1-transistionalHeaderUI .BreadcrumbItem#BreadcrumbTitle:focus {
  background-color: #366ec2;
}
.cui-topBar1-transistionalHeaderUI a.BreadcrumbItem.SwitcherDropdown:active,
.usehover .cui-topBar1-transistionalHeaderUI a.BreadcrumbItem.SwitcherDropdown:hover:active,
.cui-topBar1-transistionalHeaderUI .EditableBreadcrumbItem#BreadcrumbTitle:hover,
.cui-topBar1-transistionalHeaderUI .EditableBreadcrumbItem#BreadcrumbTitle:focus {
  background-color: #204072;
}
.cui-topBar1-transistionalHeaderUI .UsernameContainer {
  background-color: inherit;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 4px;
  margin-left: 4px;
}
.cui-topBar1-transistionalHeaderUI .UsernameNameContainer {
  color: inherit;
  padding-left: 8px;
  padding-right: 8px;
}
.cui-topBar1-transistionalHeaderUI a.SignoutLink {
  color: inherit;
  padding-left: 8px;
  padding-right: 8px;
}
.cui-topBar1-transistionalHeaderUI a.SignInLink,
.cui-topBar1-transistionalHeaderUI a.cui-ctl-medium + a.SignInLink {
  background-color: inherit;
  color: #ffffff;
  margin-right: 4px;
  margin-left: 4px;
}
.cui-topBar1-transistionalHeaderUI a.SignInLink:hover,
.cui-topBar1-transistionalHeaderUI a.SignInLink:focus,
.cui-topBar1-transistionalHeaderUI a.cui-ctl-medium + a.SignInLink:hover,
.cui-topBar1-transistionalHeaderUI a.cui-ctl-medium + a.SignInLink:focus {
  background-color: #366ec2;
}
/* End header controls */
.WACCalloutOuter {
  display: none;
  position: fixed;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #558ed5;
  z-index: 997;
  /* 1 below dialog overlay */
  background-color: #ffffff;
  min-width: 190px;
}
.WACCalloutBeakContainer {
  position: absolute;
  width: 32px;
  height: 16px;
  display: inline-block;
}
.WACCalloutBeakContainerWithoutImage {
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #2b579a;
  display: inline-block;
}
.WACCalloutContent {
  padding: 6px 12px;
  display: block;
  overflow: hidden;
}
.WACCalloutCloseIcon {
  padding: 1px;
}
a.WACCalloutCloseAnchor {
  cursor: pointer;
  position: relative;
  top: 6px;
  height: 16px;
  right: 6px;
  float: right;
}
.AppRtl a.WACCalloutCloseAnchor {
  right: auto;
  left: 6px;
  float: left;
}
.WACCalloutTitle {
  position: relative;
  top: 6px;
  left: 12px;
  float: left;
  color: #000000;
}
.AppRtl .WACCalloutTitle {
  left: auto;
  right: 12px;
  float: right;
}
.ModalCalloutControlOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: #c6c6c6;
  z-index: 1;
  /* Above the WACViewPanel */
}
.ModalCalloutControl {
  width: 100%;
  height: 100%;
  color: #3b3b3b;
  text-align: left;
}
.AppRtl .ModalCalloutControl {
  text-align: right;
}
/* SCROLLBAR STYLES */
* {
  scrollbar-base-color: #ffffff;
  scrollbar-track-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #757778;
  scrollbar-shadow-color: #bec1c4;
  scrollbar-highlight-color: #bec1c4;
}
.legacyScrollBar div::-webkit-scrollbar {
  min-width: 16px;
  min-height: 16px;
}
.iPad div::-webkit-scrollbar,
.iPhone div::-webkit-scrollbar {
  width: 0;
  height: 0;
  min-width: 0;
  min-height: 0;
}
.legacyScrollBar div::-webkit-scrollbar,
.legacyScrollBar div::-webkit-scrollbar-corner,
.legacyScrollBar div::-webkit-scrollbar-track,
.legacyScrollBar div::-webkit-scrollbar-track-piece {
  background: transparent;
}
.legacyScrollBar div::-webkit-scrollbar-button:start:decrement,
.legacyScrollBar div::-webkit-scrollbar-button:end:decrement,
.legacyScrollBar div::-webkit-scrollbar-button:start:increment,
.legacyScrollBar div::-webkit-scrollbar-button:end:increment,
.legacyScrollBar div::-webkit-scrollbar-thumb {
  border: 1px solid #bec1c4;
  border-radius: 1px;
  min-width: 16px;
  min-height: 16px;
}
.legacyScrollBar div::-webkit-scrollbar-thumb:hover,
.legacyScrollBar div::-webkit-scrollbar-button:hover {
  background-color: #F4F4F4 !important;
}
.legacyScrollBar .WACDocumentPanel div::-webkit-scrollbar-thumb,
.legacyScrollBar .WACDocumentPanel div::-webkit-scrollbar-button {
  background-color: #F4F4F4 !important;
}
.legacyScrollBar .WACDocumentPanel div::-webkit-scrollbar-thumb:hover,
.legacyScrollBar .WACDocumentPanel div::-webkit-scrollbar-button:hover {
  background-color: #E1DFDD !important;
}
.legacyScrollBar div::-webkit-scrollbar-button:vertical:start:decrement,
.legacyScrollBar div::-webkit-scrollbar-button:vertical:end:decrement {
  background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0,0,2048,2048' fill='%23757778'%3E%3Cg transform='scale(0.7)' transform-origin='center'%3E%3Cpath d='M 973 614 l 768 820 h -1434 z' /%3E%3C/g%3E%3C/svg%3E");
}
.legacyScrollBar div::-webkit-scrollbar-button:vertical:start:increment,
.legacyScrollBar div::-webkit-scrollbar-button:vertical:end:increment {
  background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0,0,2048,2048' fill='%23757778'%3E%3Cg transform='scale(0.7)' transform-origin='center'%3E%3Cpath d='M 973 1434 l 768 -820 h -1434 z' /%3E%3C/g%3E%3C/svg%3E");
}
.legacyScrollBar div::-webkit-scrollbar-button:horizontal:start:decrement,
.legacyScrollBar div::-webkit-scrollbar-button:horizontal:end:decrement {
  background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0,0,2048,2048' fill='%23757778'%3E%3Cg transform='scale(0.7)' transform-origin='center'%3E%3Cpath d='M 614 973 l 820 768 v -1434 z' /%3E%3C/g%3E%3C/svg%3E");
}
.legacyScrollBar div::-webkit-scrollbar-button:horizontal:start:increment,
.legacyScrollBar div::-webkit-scrollbar-button:horizontal:end:increment {
  background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0,0,2048,2048' fill='%23757778'%3E%3Cg transform='scale(0.7)' transform-origin='center'%3E%3Cpath d='M 1434 973 l -820 768 v -1434 z' /%3E%3C/g%3E%3C/svg%3E");
}
.o365cs-base div::-webkit-scrollbar,
.o365cs-base div::-webkit-scrollbar-button:start:decrement,
.o365cs-base div::-webkit-scrollbar-button:end:decrement,
.o365cs-base div::-webkit-scrollbar-button:start:increment,
.o365cs-base div::-webkit-scrollbar-button:end:increment,
.o365cs-base div::-webkit-scrollbar-thumb,
.o365cs-base div::-webkit-scrollbar-thumb:hover,
.o365cs-base div::-webkit-scrollbar-button:hover {
  min-width: unset !important;
  min-height: unset !important;
  border: unset !important;
  border-radius: unset !important;
}
.customScrollBar div::-webkit-scrollbar {
  min-height: 18px;
  min-width: 18px;
}
.customScrollBar div::-webkit-scrollbar:disabled {
  display: none;
}
.customScrollBar,
.customScrollBar .cui-menu,
.customScrollBar .ms-Callout-main,
.customScrollBar .WACViewPanel {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
/* With Version 121 (released 2024-01-23) chromimum now supports scrollbar-* styles, adding below to still use ::webkit-* */
@supports (not selector(::-webkit-scrollbar)) {
  .customScrollBar,
  .customScrollBar .cui-menu,
  .customScrollBar .ms-Callout-main,
  .customScrollBar .WACViewPanel {
    scrollbar-color: #797775 transparent;
    scrollbar-width: thin;
  }
}
.customScrollBar div::-webkit-scrollbar-button,
.customScrollBar div::-webkit-scrollbar-corner {
  cursor: pointer;
}
.customScrollBar div::-webkit-scrollbar-button,
.customScrollBar div::-webkit-scrollbar-corner {
  display: none;
  background: transparent;
}
.customScrollBar div::-webkit-scrollbar-track {
  background: transparent;
}
.customScrollBar div::-webkit-scrollbar-thumb,
.customScrollBar div::-webkit-scrollbar-thumb:hover {
  border-radius: 9px;
  border: solid 6px transparent;
  background-clip: content-box;
}
.customScrollBar div::-webkit-scrollbar-thumb:hover,
.customScrollBar div::-webkit-scrollbar-thumb:active {
  border: solid 5px transparent;
}
.customScrollBar div::-webkit-scrollbar-thumb:vertical {
  min-height: 50px;
  /* prevent the thumb from being too tiny for long documents */
}
.customScrollBar div::-webkit-scrollbar-thumb:horizontal {
  min-width: 50px;
}
.customScrollBar div::-webkit-scrollbar-thumb {
  background-color: #797775 !important;
}
.customScrollBar div::-webkit-scrollbar-thumb:hover {
  background-color: #797775 !important;
}
.customScrollBar div::-webkit-scrollbar-thumb:active {
  background-color: #605E5C !important;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .customScrollBar div::-webkit-scrollbar-thumb,
  .customScrollBar div::-webkit-scrollbar-thumb:hover,
  .customScrollBar div::-webkit-scrollbar-thumb:active {
    border-color: buttonFace;
    background-color: buttonText !important;
  }
}
/* END SCROLLBAR STYLES */
/* BORDER SHADOW STYLES */
/* A shadowed border is broken up into sixteen pieces which together comprise */
/* a darker inner and lighter outer box around an element.  There are two     */
/* pieces for the inner and outer layers on each side of the box, and two     */
/* pieces for the inner and outer layers at each corner of the box.  All      */
/* necessary pieces can be created via CssUtils.CreateShadowedBorder().       */
/*                                                                            */
/* These pieces are laid out in an "absolute" fashion, under the assumption   */
/* that they should shadow their first positioned ancestor.  Given that, the  */
/* "WACPageBorder" container element returned from                            */
/* CssUtils.CreateShadowedBorder() should be inserted inside the element that */
/* should be shadowed, and that element should not be statically positioned.  */
/*                                                                            */
/* Note that the magic numbers for the inner and outer layer thicknesses are  */
/* 2px and 4px, respectively.  Obviously, all dimension and position          */
/* information below should be kept in sync if the desired thicknesses should */
/* change.                                                                    */
/* Base color and layout for the shadow pieces */
.FShadowLeftInner,
.FShadowLeftOuter,
.FShadowTopLeftInner,
.FShadowTopLeftOuter,
.FShadowTopInner,
.FShadowTopOuter,
.FShadowTopRightInner,
.FShadowTopRightOuter,
.FShadowRightInner,
.FShadowRightOuter,
.FShadowBottomRightInner,
.FShadowBottomRightOuter,
.FShadowBottomInner,
.FShadowBottomOuter,
.FShadowBottomLeftInner,
.FShadowBottomLeftOuter {
  position: absolute;
  background-color: #d2d5d8;
}
/* Opacities for the shadow pieces */
.FShadowLeftInner,
.FShadowTopInner,
.FShadowRightInner,
.FShadowBottomInner {
  opacity: 0.4;
}
.FShadowLeftOuter,
.FShadowTopOuter,
.FShadowRightOuter,
.FShadowBottomOuter {
  opacity: 0.1;
}
.FShadowTopLeftInner,
.FShadowTopRightInner,
.FShadowBottomRightInner,
.FShadowBottomLeftInner {
  opacity: 0.15;
}
.FShadowTopLeftOuter,
.FShadowTopRightOuter,
.FShadowBottomRightOuter,
.FShadowBottomLeftOuter {
  opacity: 0.05;
}
/* Widths of the shadow pieces */
.FShadowLeftInner,
.FShadowTopLeftInner,
.FShadowTopRightInner,
.FShadowRightInner,
.FShadowBottomRightInner,
.FShadowBottomLeftInner {
  width: 2px;
}
.FShadowLeftOuter,
.FShadowTopLeftOuter,
.FShadowTopRightOuter,
.FShadowRightOuter,
.FShadowBottomRightOuter,
.FShadowBottomLeftOuter {
  width: 4px;
}
.FShadowTopInner,
.FShadowTopOuter,
.FShadowBottomInner,
.FShadowBottomOuter {
  width: 100%;
}
/* Heights of the shadow pieces */
.FShadowLeftInner,
.FShadowLeftOuter,
.FShadowRightInner,
.FShadowRightOuter {
  height: 100%;
}
.FShadowTopLeftInner,
.FShadowTopInner,
.FShadowTopRightInner,
.FShadowBottomRightInner,
.FShadowBottomInner,
.FShadowBottomLeftInner {
  height: 2px;
}
.FShadowTopLeftOuter,
.FShadowTopOuter,
.FShadowTopRightOuter,
.FShadowBottomRightOuter,
.FShadowBottomOuter,
.FShadowBottomLeftOuter {
  height: 4px;
}
/* Positions of the shadow pieces */
.FShadowLeftInner,
.FShadowTopLeftInner,
.FShadowBottomLeftInner {
  left: -2px;
}
.FShadowLeftOuter,
.FShadowTopLeftOuter,
.FShadowBottomLeftOuter {
  left: -4px;
}
.FShadowLeftInner,
.FShadowLeftOuter,
.FShadowRightInner,
.FShadowRightOuter {
  top: 0;
}
.FShadowTopLeftInner,
.FShadowTopInner,
.FShadowTopRightInner {
  top: -2px;
}
.FShadowTopLeftOuter,
.FShadowTopOuter,
.FShadowTopRightOuter {
  top: -4px;
}
.FShadowBottomRightInner,
.FShadowBottomInner,
.FShadowBottomLeftInner {
  bottom: -2px;
}
.FShadowBottomRightOuter,
.FShadowBottomOuter,
.FShadowBottomLeftOuter {
  bottom: -4px;
}
.FShadowTopRightInner,
.FShadowRightInner,
.FShadowBottomRightInner {
  right: -2px;
}
.FShadowTopRightOuter,
.FShadowRightOuter,
.FShadowBottomRightOuter {
  right: -4px;
}
/* END BORDER SHADOW STYLES */
.WACWordBreakSurface {
  /* O15:373761, -webkit-user-select needs to be enabled, otherwise we get a NOT_FOUND_ERR in webkit */
  -webkit-user-select: auto;
}
.WACScratchPadLineHeight {
  overflow: hidden;
  white-space: nowrap;
}
.HiddenLabel {
  visibility: hidden;
  position: absolute;
  z-index: -100;
}
.WACAriaLiveRegion {
  max-width: 0px;
  max-height: 0px;
  overflow: hidden;
  z-index: -1;
}
/* Button styles */
.StandardButton {
  border: 1px solid transparent;
  height: 18px;
  display: inline-block;
  text-decoration: none;
  cursor: default;
  color: #23272c;
  white-space: nowrap;
}
.StandardButton:focus {
  border: 1px solid #d5e1f2;
  background-color: #d5e1f2;
  outline: 2px dashed transparent;
}
.usehover .StandardButton:hover {
  border: 1px solid #d5e1f2;
  background-color: #d5e1f2;
  outline: 2px dashed transparent;
}
.StandardButton:active {
  border: 1px solid #a3bde3 !important;
  background-color: #a3bde3 !important;
  outline: 2px dashed transparent;
}
.StandardButtonImage {
  margin: 1px 0 0 1px;
}
.AppRtl .StandardButtonImage {
  margin: 1px 1px 0 0;
}
.StandardButtonImageNoText {
  margin: 1px;
}
.StandardButtonNoImage {
  border-color: #9eb2d9;
  background-color: #ffffff;
  padding: 0 10px;
}
.StandardButtonLabel {
  margin: 1px 5px 0 3px;
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.AppRtl .StandardButtonLabel {
  margin: 1px 3px 0 5px;
}
.StandardButtonNoImage .StandardButtonLabel {
  margin: 1px 5px 0;
}
.Button12 {
  border: 1px solid transparent;
  height: 14px;
  margin: -1px 0 0;
}
.Button12 .StandardButtonImageNoText {
  margin: 0 1px 2px;
}
.DisabledButton * {
  color: #999 !important;
}
.StandardButtonNoImage.DisabledButton {
  border-color: #cccccc !important;
  background-color: #f0f0f0 !important;
}
.DisabledButton img {
  opacity: 0.3;
}
.usehover .DisabledButton:hover {
  border-color: transparent;
  background-color: transparent;
  outline: none !important;
}
/* Comment pane styles */
.CommentPane {
  width: 300px;
  overflow: hidden;
  position: absolute;
  height: 100%;
  color: #262626;
  white-space: normal;
  /* override the nowrap to default, wrap */
}
.CommentPane img {
  border: none;
}
.CommentTabHelp {
  display: none;
}
.CommentPaneHeader {
  cursor: default;
}
.msosp-touch-dyn .CommentPaneHeader {
  padding-top: 10px;
}
.CommentPaneEmpty1 {
  margin: 5px 16px;
}
.CommentPaneEmpty2 {
  margin: 0 16px;
}
.CommentPaneLoading {
  margin-top: 30px;
}
.CommentPaneLoadingText {
  margin-top: 15px;
}
.CommentPaneControls {
  display: inline-block;
  margin-top: 5px;
  padding: 0 12px;
}
.CommentPaneCloseButton {
  margin: 5px 4px;
}
.msosp-touch-dyn .CommentPaneCloseButton {
  padding: 6px;
}
.CommentPaneSurface {
  overflow: auto;
  margin-top: 10px;
}
.iPad.v6up .CommentPaneSurface {
  -webkit-overflow-scrolling: touch;
}
.CommentGroupDivider {
  cursor: default;
  font-size: 112.5%;
  padding: 2px 15px;
  margin: 3px 0 5px;
  border-bottom: 1px solid #e1e1e1;
  color: #777777;
}
.CommentGroupDividerFirst {
  margin-top: 0;
}
.CommentContainer {
  padding: 0 13px 2px;
  display: block;
  margin-top: 1px;
}
.Reply1 {
  padding-left: 33px;
}
.AppRtl .Reply1 {
  padding-left: 13px;
  /* the base padding from .CommentContainer */
  padding-right: 33px;
}
.SaveFailure {
  background-color: #f7d3d3 !important;
}
.SaveFailure .CommentFooterRow {
  display: none;
}
.CommentIsDone,
.CommentIsDone .CommentDate {
  color: #ababab;
}
.SelectedComment.CommentIsDone,
.CommentIsDone .CommentDate {
  color: #262626;
  /* Keep the color the same on selected comments, though, so that they're readable for users for whom text contrast matters */
}
.DisableSelection p,
.DisableSelection span,
.DisableSelection div {
  user-select: none !important;
  -webkit-user-select: none !important;
  /* Safari and Chrome */
  -khtml-user-select: none !important;
  /* Safari and Chrome (older versions) */
  -moz-user-select: -moz-none !important;
  /* FireFox */
  -webkit-user-drag: none !important;
  /* Safari and Chrome */
}
.CommentHeaderRow {
  overflow: hidden;
  white-space: nowrap;
  padding: 1px 2px;
  height: 1.5em;
  /* Fixed height to keep the author and time fields from wrapping and growing the header */
  margin-right: 2px;
  /* Line up the edge of the header highlight with the edge of the new comment textbox */
  line-height: 1.4em;
}
.AppRtl .CommentHeaderRow {
  margin: 0 0 0 2px;
}
.CommentAuthor {
  max-width: 100%;
  /* Truncate the name with ... when it is too wide to fit in the pane */
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
  float: left;
}
.AppRtl .CommentAuthor {
  float: right;
}
.CommentDate {
  color: #777777;
  display: none;
  float: right;
}
.AppRtl .CommentDate {
  float: left;
}
.CommentStatusIcon {
  margin: 0 10px;
  height: 16px;
}
.CommentCancelButton {
  /* Shrink the button 1px on each side, keeping the X centered */
  height: 14px;
  width: 14px;
  margin-right: -1px;
  /* Move the button over slightly to make a 1px symmetrical border at the edge of the header row highlight */
}
.AppRtl .CommentCancelButton {
  margin: 0 0 0 -1px;
}
.CommentCancelButton .clip16x16 {
  margin: -2px -1px 0;
}
.CommentContent {
  padding: 2px 2px 3px;
  word-wrap: break-word;
}
.CommentFooterRow {
  padding: 0 1px;
  text-align: right;
  height: 20px;
}
.AppRtl .CommentFooterRow {
  text-align: left;
}
.CommentTextEntry {
  width: 100%;
  border: 1px solid #e1e1e1;
  overflow: hidden;
  margin: -1px;
  /* Compensates for the border to make the text line up with text in a regular div */
  padding: 0;
  resize: none;
  /* Removes the .: resize widget that Firefox and Chrome put on textarea controls */
}
.CommentTextMeasurementContainer {
  height: 0;
  visibility: hidden;
  position: absolute;
  /* Keeps the size of the text measurement textbox from influencing the size of the Outline around the CommentContainer */
  margin-right: 15px;
  /* Because we're position:absolute we need to manually add in the right margin that would come from the padding on CommentContainer and CommentContent which totals 15px */
}
.AppRtl .CommentTextMeasurementContainer {
  margin-left: 0;
  margin-right: 15px;
}
.CommentContentPara,
.CommentDate,
.CommentAuthor {
  /* Re-enable text selection on comment content */
  -webkit-user-select: text;
  /* Safari and Chrome */
  -khtml-user-select: text;
  /* Safari and Chrome (older versions) */
  -moz-user-select: text;
  /* FireFox */
  -webkit-user-drag: auto;
  /* Safari and Chrome */
}
/* Comment control hover & selected effects */
.Interactive .SelectedComment .CommentFooterButton {
  /* When a comment is selected or hovered, show its controls row */
  display: inline-block;
}
.ReadOnly .SelectedComment .CommentFooterButton,
.SaveFailure.SelectedComment .CommentFooterButton {
  /* ... but not when we can't make changes to it */
  display: none;
}
.Interactive .SelectedComment .CommentDate,
.Interactive .SelectedParentComment .CommentDate,
.usehover .Interactive .CommentContainer:hover .CommentDate,
.Interactive .CommentContainer:focus .CommentDate {
  /* When a comment is selected or hovered, show its date */
  display: inline;
}
.SaveFailure.SelectedComment .CommentDate,
.SaveFailure.SelectedParentComment .CommentDate,
.usehover .SaveFailure.CommentContainer:hover .CommentDate,
.SaveFailure.CommentContainer:focus .CommentDate,
.Interactive .NewOrEditComment.SelectedComment .CommentDate,
.usehover .Interactive .CommentContainer:hover.NewOrEditComment .CommentDate,
.Interactive .CommentContainer:focus.NewOrEditComment .CommentDate {
  /* ... but not when it's being created or failed to save */
  display: none;
}
.usehover .Interactive .CommentContainer:hover,
.Interactive .CommentContainer:focus,
.CommentContainer:focus.NewOrEditComment {
  border-left: 2px solid #a3bde3;
  padding-left: 11px;
}
.AppRtl.usehover .Interactive .CommentContainer:hover,
.AppRtl .Interactive .CommentContainer:focus,
.AppRtl .CommentContainer:focus.NewOrEditComment {
  border-left: none;
  border-right: 2px solid #a3bde3;
  padding-left: 13px;
  /* the base padding from .CommentContainer */
  padding-right: 11px;
}
.usehover .Interactive .Reply1.CommentContainer:hover,
.Interactive .Reply1.CommentContainer:focus,
.Reply1.CommentContainer:focus.NewOrEditComment {
  border-left: 2px solid #a3bde3;
  padding-left: 31px;
}
.AppRtl.usehover .Interactive .Reply1.CommentContainer:hover,
.AppRtl .Interactive .Reply1.CommentContainer:focus,
.AppRtl .Reply1.CommentContainer:focus.NewOrEditComment {
  border-left: none;
  border-right: 2px solid #a3bde3;
  padding-left: 13px;
  /* the base padding from .CommentContainer */
  padding-right: 31px;
}
.Interactive .CommentContainer:focus,
.Interactive .SelectedComment,
.NewOrEditComment {
  background-color: #ffffff;
  border-left: 5px solid #a3bde3 !important;
  outline: 1px solid #a3bde3;
  padding-left: 8px !important;
}
.AppRtl .Interactive .CommentContainer:focus,
.AppRtl .Interactive .SelectedComment,
.AppRtl .NewOrEditComment {
  border-left: none !important;
  border-right: 5px solid #a3bde3 !important;
  padding-left: 13px !important;
  /* the base padding from .CommentContainer */
  padding-right: 8px !important;
}
.Interactive .Reply1.CommentContainer:focus,
.Interactive .Reply1.SelectedComment,
.Reply1.NewOrEditComment {
  border-left-width: 2px !important;
  padding-left: 31px !important;
}
.AppRtl .Interactive .Reply1.CommentContainer:focus,
.AppRtl .Interactive .Reply1.SelectedComment,
.AppRtl .Reply1.NewOrEditComment {
  border-left-width: 0 !important;
  border-right-width: 2px !important;
  padding-left: 13px !important;
  /* the base padding from .CommentContainer */
  padding-right: 31px !important;
}
.SelectedParentComment,
.usehover .SelectedParentComment.CommentContainer:hover {
  border-left: 5px solid #a3bde3;
  padding-left: 8px;
}
.AppRtl .SelectedParentComment,
.AppRtl.usehover .SelectedParentComment.CommentContainer:hover {
  border-left: none;
  border-right: 5px solid #a3bde3;
  padding-left: 13px;
  /* the base padding from .CommentContainer */
  padding-right: 8px;
}
.CommentFooterButton {
  margin: 0 0 0 12px;
  display: none;
}
.AppRtl .CommentFooterButton {
  margin: 0 12px 0 0;
}
.AccCheckerPane {
  background-color: #FFFFFF;
  color: #444444;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px;
}
.AccCheckerPaneHeader {
  margin-bottom: 5px;
  position: relative;
}
.AccCheckerPaneTitle {
  position: relative !important;
  max-width: 230px;
  display: inline-block;
}
.AccCheckerPaneControls {
  margin: 15px 15px 5px 15px;
}
.AccCheckerPaneCloseButton {
  margin: 8px 15px 0px 0px;
  position: absolute;
  float: right;
  left: auto;
  right: 0px;
  display: inline-block;
  padding: 4px 5px;
}
.AppRtl .AccCheckerPaneCloseButton {
  float: left;
  margin: 8px 0px 0px 15px;
  left: 0px;
  right: auto;
}
.AccCheckerStatusLabelText {
  margin: 0px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  vertical-align: middle;
}
.AccCheckerStatusLabelCheckingText {
  color: #444444;
  margin: 0px;
}
.AccCheckerStatusLabelSuccessText {
  color: #004CBF;
}
.AccCheckerStatusLabelErrorText {
  color: #AD0000;
}
.AccCheckerCheckFail {
  display: inline;
  float: left;
  margin-left: 15px;
  margin-top: 8px;
  color: red;
}
.AccCheckerLabelContent,
.AccCheckerStatusLabel,
.AccCheckerCheckButton {
  display: inline-block;
}
.AccCheckerStatusLabel {
  float: left;
  margin-top: 2px;
}
.AppRtl .AccCheckerStatusLabel {
  float: right;
  margin-top: 2px;
}
.AccCheckerCheckButton {
  float: right;
}
.AppRtl .AccCheckerCheckButton {
  float: left;
}
.AccCheckerCheckButtonText {
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.AccCheckerSectionDivider {
  height: 0px;
  clear: both;
}
.AccCheckerGroupDivider {
  cursor: default;
  font-size: 112.5%;
  padding: 2px 15px;
  margin: 3px 0 5px;
  border-bottom: 1px solid;
  color: #777777;
}
.AccCheckerRuleNameSection div {
  display: inline-block;
  vertical-align: middle;
}
.AccCheckerListIconContainer {
  width: 15px;
}
.AccCheckerStatusIcon {
  vertical-align: middle;
  margin: 0px 2px;
  display: inline-block;
}
.AccCheckerResultSurface {
  position: absolute;
  width: 267px;
  border: solid 3px;
  border-color: darkgrey;
  margin: 5px 15px 5px;
  padding: 0px;
  overflow-y: auto;
}
.AccCheckerResultContainer {
  margin: 10px;
}
.AccCheckerResults {
  margin-top: 10px;
  margin-bottom: 20px;
}
.AccCheckerRuleResultSection {
  margin: 5px 10px;
  cursor: default;
}
.AccCheckerHelpContent {
  white-space: normal;
  margin: 5px 15px 15px;
  overflow: auto;
}
.AccCheckerHelpContentContainer {
  bottom: 0px;
  position: absolute;
  margin: 0px;
  background-color: #FFFFFF;
}
.AccCheckerInstruction {
  margin-bottom: 10px;
}
.AccCheckerRuleList {
  cursor: default;
  list-style: none;
}
.AccCheckerResultCategoryName {
  cursor: default;
}
.AccCheckerRuleResultCount,
.AccCheckerRuleTitle,
.WACWritingStylesDialogCategoryTitle {
  display: inline-block;
  font-weight: bold;
}
.AccCheckerRuleTitle {
  margin: 0px 5px;
  text-overflow: ellipsis;
  max-width: 190px;
  overflow: hidden;
}
.AccCheckerCheckComplete {
  text-align: center;
  margin: 5px;
}
.AccCheckerContentList {
  margin: 0px 0px 0px 38px;
  list-style-type: disc;
  cursor: default;
  padding: 0;
}
.AppRtl .AccCheckerContentList {
  margin: 0px 38px 0px 0px;
}
.AccCheckerCheckResult {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.AccCheckerAdditionalInfoBody {
  margin-bottom: 10px;
}
.AccCheckerHelpLink {
  margin-bottom: 3px;
}
.AccCheckerNotification {
  background-color: #E7E7E7;
  white-space: normal;
  padding: 5px;
  position: relative;
  margin: 5px 0px;
}
.AccCheckerNotificationIcon {
  padding: 2px 8px 0 0;
  width: 16px;
  vertical-align: top;
  display: table-cell;
}
.AccCheckerNotificationText {
  padding: 0 8px 0 0;
  display: table-cell;
}
.AccCheckerAdditionalInfoTitle {
  font-size: 11pt;
}
.AccCheckerResultCategory {
  margin: 5px 10px;
  font-size: 11pt;
}
.AccCheckerResultCategoryName:hover,
.AccCheckerRuleNameSection:hover,
.AccCheckerCheckResult:hover {
  border-color: #d5e1f2;
  background-color: #d5e1f2;
  outline: 2px dashed transparent;
}
.PeoplesWellControl {
  vertical-align: top;
}
.PeoplesWellControl .cui-ctl-iconContainer {
  background-color: #2b579a;
}
.ChatButton {
  margin-left: 3px !important;
  margin-right: 0px !important;
}
.AppRtl .ChatButton {
  margin-left: 0px !important;
  margin-right: 3px !important;
}
.ChatButton.cui-ctl {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ChatButton.cui-ctl-medium {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.DirectPrintPdfObject {
  height: 40em;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}
/* Neither display none nor visibility hidden works here.
*  1. Edge's PDF Viewer plugin does not really load the pdf if the iframe is display none or the rendered size is zero
*  2. In Edge, a thin border is still rendered if the iframe is visibility hidden with non-zero rendered size
*/
.DirectPrintPdfObjectHidden {
  position: absolute;
  top: -10000px;
  height: 1px;
}
.DirectPrintHeader {
  font-size: 112.5%;
}
.DialogSpinnerLabel {
  cursor: default !important;
  display: inline-block;
  margin: 3px 20px 0 0;
  vertical-align: top;
  height: 22px;
}
.AppRtl .DialogSpinnerLabel {
  margin-left: 0;
  margin-right: 20px;
}
.WACDialogGroupBox,
.WacSpinnerBoxes,
.WacDialogLabels {
  display: inline-block;
  vertical-align: top;
}
.WacSpinnerBox {
  display: inline-block;
  height: 25px;
}
/* Copied from Shared Header .o365cs-flexPane-panel */
div.FlexPane {
  position: absolute;
  width: 305px;
  top: 48px;
  /*App frame space starts under the external header*/
  right: 0px;
  bottom: 0px;
  left: auto;
  height: auto;
  border: none;
  border-left: 1px solid #e1e1e1;
  z-index: 999;
  /*Flex Pane should be under any WAC modal/context menu popups which start after 1000*/
  overflow: hidden;
  /*@FLEXPANE_WIDTH is the "contract" we have; make sure content stays in bounds */
  outline: none;
  /* Remove the focus retangle in Chrome */
}
div.FlexPane.FlexBoxLayout {
  position: relative;
  top: auto;
  min-width: 306px;
}
.AppRtl div.FlexPane {
  left: 0px;
  right: auto;
  border: none;
  border-right: 1px solid #e1e1e1;
}
.ChatPane {
  width: 100%;
  height: 100%;
  position: relative;
}
.ChatContent {
  width: 250px;
  float: left;
}
.DocChatOnly > .ChatContent {
  width: 100%;
}
.AppRtl .ChatContent {
  float: right;
}
.ChatTimeline {
  width: 55px;
  float: left;
}
.DocChatOnly > .ChatTimeline {
  width: 0px;
  overflow: hidden;
}
.AppRtl .ChatTimeline {
  float: right;
}
.SkypeToastManagerContainer {
  width: 335px;
  height: 80px;
  padding-top: 5px;
  position: absolute;
  top: 60px;
  right: 15px;
  z-index: 1000;
  /*This element should be effectively a fly-out and above the flexpane*/
}
.AppRtl .SkypeToastManagerContainer {
  right: auto;
  left: 15px;
}
.SkypeToastDiv {
  width: 335px;
  height: 80px;
  background-color: #ffffff;
  display: block;
  border: 1px solid #f0f0f0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
}
.SkypePresenceArea {
  width: 70px;
  height: 70px;
  text-align: left;
  white-space: nowrap;
  display: table-cell;
}
.AppRtl .SkypePresenceArea {
  text-align: right;
}
.SkypePresenceIndicator {
  display: none;
}
.SkypePresenceImage {
  height: 80px;
  width: 80px;
  background-color: #ababab;
}
.SkypeNotificationArea {
  color: #333333;
  display: table-cell;
  width: 265px;
  height: 80px;
  vertical-align: top;
}
.SkypeNotificationTopBar {
  height: 50px;
}
.SkypeNotificationText {
  display: table-cell;
  vertical-align: top;
  padding-top: 8px;
}
.SkypeNotificationSender {
  display: block;
  font-family: SegoeUI-Regular-final, 'Segoe UI', 'Segoe UI WPC', Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 17px;
  letter-spacing: 0.12px;
  line-height: normal;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: left;
  text-indent: 0px;
  text-overflow: ellipsis;
  text-shadow: none;
  text-transform: none;
  white-space: nowrap;
  width: 185px;
}
.AppRtl .SkypeNotificationSender {
  text-align: right;
}
.SkypeNotificationTitle {
  display: none;
}
.SkypeNotificationMessage {
  display: block;
  font-family: SegoeUI-Regular-final, 'Segoe UI', 'Segoe UI WPC', Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 10px;
  height: 14px;
  letter-spacing: 0.12px;
  line-height: normal;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  text-indent: 0px;
  text-overflow: ellipsis;
  text-shadow: none;
  text-transform: none;
  white-space: nowrap;
  width: 185px;
}
.AppRtl .SkypeNotificationMessage {
  text-align: right;
}
.SkypeNotificationType {
  overflow: hidden;
  display: table-cell;
  vertical-align: top;
  padding-top: 5px;
}
.SkypeNotificationActionArea {
  background-color: #f4f4f4;
  display: block;
  font-family: SegoeUI-Regular-final, 'Segoe UI', 'Segoe UI WPC', Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  height: 30px;
  letter-spacing: 0.12px;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
}
.AppRtl .SkypeNotificationActionArea {
  text-align: right;
}
.SkypeNotificationButton {
  -webkit-appearance: none;
  align-items: flex-start;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-size: auto;
  border: 0px outset #dddddd;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  box-sizing: border-box;
  color: #0072c6;
  cursor: pointer;
  display: inline-block;
  font-family: SegoeUI-Regular-final, 'Segoe UI', 'Segoe UI WPC', Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
  height: 30px;
  letter-spacing: 0.12px;
  line-height: 30px;
  max-width: 122px;
  overflow: hidden;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 0px;
  padding-top: 0px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  word-spacing: 0px;
  writing-mode: lr-tb;
  -webkit-writing-mode: horizontal-tb;
}
.AppRtl .SkypeNotificationButton {
  text-align: right;
  padding-left: 0px;
  padding-right: 10px;
}
span.WACMoveArrowIcon {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin: auto;
  width: 24px;
}
a.AllowBrowserClick:focus {
  outline: #000000 dotted 1px;
}
body.UxHighContrastMode .AppHeaderPanel {
  border-bottom: 1px solid white;
}
/* All high contrast styling rules */
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .cui-topBar1-transitionalReactHeaderUI,
  .cui-topBar1-transistionalHeaderUI,
  .AppHeaderPanel {
    border-bottom: 1px solid ButtonText;
  }
  div#highContrastDetectionDiv a#highContrastDetectionAnchor {
    background-image: none !important;
  }
  .WACButton:disabled,
  .ImageCaptureButton:disabled,
  .CameraSwitchButton:disabled,
  .DisabledButton *,
  .StandardButtonNoImage.DisabledButton {
    color: GrayText !important;
    opacity: 1 !important;
  }
  .usehover .DisabledButton:hover {
    border-color: transparent;
    background-color: transparent;
    outline: none !important;
    color: GrayText !important;
    opacity: 1;
  }
  .usehover .Interactive .CommentContainer:hover,
  .Interactive .CommentContainer:focus,
  .CommentContainer:focus.NewOrEditComment,
  .usehover .Interactive .Reply1.CommentContainer:hover,
  .Interactive .Reply1.CommentContainer:focus,
  .Reply1.CommentContainer:focus.NewOrEditComment,
  .Interactive .CommentContainer:focus,
  .Interactive .SelectedComment,
  .NewOrEditComment,
  .SelectedParentComment,
  .usehover .SelectedParentComment.CommentContainer:hover {
    border-left-color: Highlight !important;
  }
  .AppRtl.usehover .Interactive .CommentContainer:hover,
  .AppRtl .Interactive .CommentContainer:focus,
  .AppRtl .CommentContainer:focus.NewOrEditComment,
  .AppRtl.usehover .Interactive .Reply1.CommentContainer:hover,
  .AppRtl .Interactive .Reply1.CommentContainer:focus,
  .AppRtl .Reply1.CommentContainer:focus.NewOrEditComment,
  .AppRtl .Interactive .CommentContainer:focus,
  .AppRtl .Interactive .SelectedComment,
  .AppRtl .NewOrEditComment,
  .AppRtl .SelectedParentComment,
  .AppRtl.usehover .SelectedParentComment.CommentContainer:hover {
    border-right-color: Highlight !important;
  }
  .WACButton:focus,
  .WACGlyph:focus,
  .usehover .WACButton:hover,
  .usehover .WACGlyph:hover,
  .WACButton:active,
  .WACGlyph:active,
  .ImageCaptureButton:focus,
  .usehover .ImageCaptureButton:hover,
  .ImageCaptureButton:active,
  .CameraSwitchButton:focus,
  .usehover .CameraSwitchButton:hover,
  .CameraSwitchButton:active,
  .usehover .WACBusinessBarButton:hover,
  .WACBusinessBarButton:active,
  .ClipartSelectedImage,
  .ClipartCommunityAttrSelected,
  a.ProtocolLaunchingDialogButtonAnchor.OICDialog:focus,
  a.ProtocolLaunchingDialogButtonAnchor:hover,
  a.ProtocolLaunchingDialogButtonAnchor:focus,
  .usehover a.BreadcrumbItem:hover,
  a.BreadcrumbItem:focus,
  .BreadcrumbItem#BreadcrumbSaveStatus:hover,
  .BreadcrumbItem#BreadcrumbAppModeStatus:hover,
  .BreadcrumbItem#BreadcrumbAppModeDash:hover,
  .BreadcrumbItem#BreadcrumbSaveStatusDash:hover,
  .usehover div.BreadcrumbItem:hover,
  div.BreadcrumbItem:focus,
  div.EditableBreadcrumbItem:focus,
  .usehover div.EditableBreadcrumbItem:hover:focus,
  .usehover .cui-topBar1 a.BreadcrumbItem.SwitcherDropdown:hover,
  .cui-topBar1 a.BreadcrumbItem.SwitcherDropdown:focus,
  a.SignoutLink:hover,
  a.SignoutLink:focus,
  a.SignInLink:hover,
  a.SignInLink:focus,
  a.cui-ctl-medium + a.SignInLink:hover,
  a.cui-ctl-medium + a.SignInLink:focus,
  .StandardButton:focus,
  .usehover .StandardButton:hover,
  .StandardButton:active {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
  .ClipartSelectedImage {
    filter: invert(100%);
  }
  .usehover .cui-topBar1 a.BreadcrumbItem.SwitcherDropdown:hover,
  .cui-topBar1 a.BreadcrumbItem.SwitcherDropdown:focus {
    opacity: 1;
  }
  .StandardButton:focus {
    border: 1px solid Highlight !important;
    outline: 2px dashed transparent;
  }
  .usehover .StandardButton:hover {
    outline: 2px dashed transparent;
  }
  .FolderIconSVG {
    fill: HighlightText !important;
  }
  .SaveToAnotherLocationOne,
  .SaveToAnotherLocationTwo {
    color: HighlightText !important;
    border-color: HighlightText !important;
  }
  .DisabledFolderIconSVG {
    fill: GrayText !important;
  }
  .DisabledSaveAsButton {
    opacity: 1 !important;
    border: 1px solid GrayText !important;
    color: GrayText !important;
  }
}
@media screen and (-ms-high-contrast: active) {
  .cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbBrand:after,
  .cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbFolder:after {
    -ms-high-contrast-adjust: none;
    background-color: WindowText !important;
    opacity: 1;
  }
  .SeparatorCaret {
    fill: WindowText !important;
  }
  /* Make DTT text selection visible when editing. */
  .cui-topBar1-transistionalHeaderUI .EditableBreadcrumbItem#BreadcrumbTitle:hover,
  .cui-topBar1-transistionalHeaderUI .EditableBreadcrumbItem#BreadcrumbTitle:focus {
    background-color: transparent !important;
    color: WindowText !important;
  }
  .prModernFlyout span {
    outline: 2px solid WindowText;
  }
  .MsDialogLogo path.HC {
    fill: WindowText;
  }
}
@media screen and (forced-colors: active) {
  .cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbBrand:after,
  .cui-topBar1-transistionalHeaderUI .AppAndBrandContainer + .BreadcrumbItem#BreadcrumbFolder:after {
    forced-color-adjust: none;
    background-color: CanvasText !important;
    opacity: 1;
  }
  .SeparatorCaret {
    fill: CanvasText !important;
  }
  /* Make DTT text selection visible when editing. */
  .cui-topBar1-transistionalHeaderUI .EditableBreadcrumbItem#BreadcrumbTitle:hover,
  .cui-topBar1-transistionalHeaderUI .EditableBreadcrumbItem#BreadcrumbTitle:focus {
    background-color: transparent !important;
    color: CanvasText !important;
  }
  .prModernFlyout span {
    outline: 2px solid CanvasText;
  }
  .MsDialogLogo path.HC {
    fill: CanvasText;
  }
}
div#highContrastDetectionDiv,
div#screenReaderDetectionDiv {
  background-color: Window;
  position: absolute;
  top: 0px;
  left: -99999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}
div#highContrastDetectionDiv a#highContrastDetectionAnchor {
  background-image: url('data:image/png;base64,highContrastDetectorDefault');
}
div#screenReaderDetectionDiv {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: transparent;
}
@media (-ms-automation: all) {
  div#screenReaderDetectionDiv {
    border-bottom-style: dotted !important;
  }
}
.SaveToAnotherLocationSpan {
  right: 14px;
  position: absolute;
}
.DisabledSaveAsButton {
  opacity: 0.75;
  background-color: #f0f0f0 !important;
  pointer-events: none;
}
.FolderLocationDiv {
  min-height: 48px;
}
.AnotherFolderTextSpan {
  margin-left: 4px;
  cursor: default;
}
.FilePickerDiv {
  width: 1024px;
  height: 626px;
  display: block;
}
.FilePickerDialog {
  top: 50%;
  left: 50%;
  width: 1025px;
  height: 627px;
  display: block;
  margin-left: -511px;
  margin-top: -326px;
}
.FilePickerDialog > .WACDialogTitlePanel,
.FilePickerDialog > .WACDialogButtonPanel {
  display: none;
}
.FilePickerDialog > .WACDialogBodyPanel {
  padding: 0px;
}
.FilePickerDiv > iframe {
  border: 0px;
}
.FolderLocationDiv > .WACDialogLabel {
  white-space: nowrap;
}
.SaveToAnotherFolderBreadcrumb {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.FolderIconSVG {
  height: 16px;
  width: 16px;
  fill: #666;
  fill-rule: evenodd;
}
.SeparatorCaret {
  width: 4px;
  height: 12px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  fill: #666;
}
.SaveToAnotherLocationOne {
  right: 14px;
  position: absolute;
  padding-left: 6px;
  width: 140px;
}
.SaveToAnotherLocationTwo {
  display: block;
  margin-left: 0px;
  margin-top: 5px;
  padding-left: 6px;
  width: 140px;
}
.SaveAsDialogRow {
  padding-top: 8px;
}
.AppInstallButton {
  border: 1px solid #2b579a;
  -webkit-appearance: button;
  text-align: center;
  padding: 12px 8px 8px;
  line-height: 1.25;
  display: inline-block;
  min-height: 36px;
  border-radius: 2px;
  outline: none;
}
/****************************************
*	Bookmark callout CSS
****************************************/
div.bookmarkCalloutContainer {
  position: absolute;
  font-family: 'Segoe UI';
  padding: 20px 18px 18px 24px;
  z-index: 1053;
  opacity: 0;
  top: -40px;
  transition: all 367ms cubic-bezier(0.47, 0.17, 0.15, 1.15);
}
div.bookmarkCalloutContainerActive {
  opacity: 1;
}
div.bookmarkEdgeOffset {
  right: 180px;
}
div.bookmarkEdgeOffsetRTL {
  left: 180px;
  right: auto;
}
div.bookmarkChromeOffset {
  right: 15px;
}
div.bookmarkChromeOffsetRTL {
  left: 15px;
  right: auto;
}
div.bookmarkIEOffset {
  right: 4px;
}
div.bookmarkIEOffsetRTL {
  left: 4px;
  right: auto;
}
div.bookmarkFireFoxOffset {
  right: 165px;
}
div.bookmarkFireFoxOffsetRTL {
  left: 165px;
  right: auto;
}
div.bookmarkCalloutBeak {
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: white;
  height: 10px;
  width: 10px;
  top: -5px;
  z-index: 2000;
  right: 31px;
}
div.bookmarkCalloutBeakRTL {
  left: 31px;
  right: auto;
}
div.bookmarkCalloutBeakCurtain {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
}
div.bookmarkCalloutLabel {
  position: relative;
  color: #222222;
  font-size: 10px;
  width: 133px;
  transition: all 367ms cubic-bezier(0.47, 0.17, 0.15, 1.15);
}
div.bookmarkCalloutLabelActive {
  font-size: 15px;
  width: 150px;
}
div.bookmarkCalloutDismissButton {
  position: absolute;
  color: #666666;
  font-size: 13px;
  right: 8px;
  top: 3px;
  cursor: pointer;
}
div.bookmarkCalloutDismissButtonRTL {
  left: 8px;
  right: auto;
}
div.bookmarkCalloutAriaLabel {
  height: 0px;
  width: 0px;
}
/****************************************
*	Enrichment Pane CSS
****************************************/
.EnrichmentFrame {
  height: calc(100% - 40px);
  width: calc(100% - 24px);
  padding: 0px 15px 0px 15px;
  border: none;
}
.EnrichmentPane {
  background-color: #FFFFFF;
  color: #444444;
  height: 100%;
  overflow: hidden;
  width: 300px;
}
.EnrichmentPaneHeader {
  position: relative;
  height: 40px;
}
.EnrichmentPaneTitle {
  position: relative !important;
  max-width: 230px;
  display: inline-block;
}
.EnrichmentPaneCloseButton {
  margin: 8px 15px 0px 0px;
  position: absolute;
  float: right;
  left: auto;
  right: 0px;
  display: inline-block;
  padding: 4px 5px;
}
.AppRtl .EnrichmentPaneCloseButton {
  float: left;
  margin: 8px 0px 0px 15px;
  left: 0px;
  right: auto;
}
/****************************************
*	OCV System Initiated survey UI (aka Floodgate) CSS
*   Override z-index to be lower than other UI like insert pics, insert links, FRE, etc.
*   Adjust position so it does not cover the status bar at bottom right.
****************************************/
.obf-Toast {
  z-index: 900 !important;
  bottom: 22px !important;
  right: 0px !important;
}
/****************************************
 * Floating Container Styles
 ****************************************/
div#FloatingContainersOuterSurface {
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  transition: opacity 0.2s linear;
}
div#FloatingContainersHost {
  height: 100%;
  width: 100%;
  /* Temporary fix to squash floating comment layers in to the host layer. */
  /* This reduces layers in the document and improves performance. */
  transform: translateZ(0px);
}
.WACJustificationDialogMessage {
  padding-top: 16px;
}
.WACJustificationDialogRow {
  padding-left: 56px;
  padding-top: 4px;
}
.WACJustificationDialogTextAreaRow {
  display: flex;
}
.JustificationTextArea {
  visibility: hidden;
  display: none;
  flex: 1;
  height: 45px;
}
.TouchPanOnly {
  touch-action: pan-x pan-y;
}
/****************************************
 * Privacy Dialog Styles
 ****************************************/
.TrustCenterDialogOuterContainer {
  border: 1px solid #c6c6c6;
  max-width: 540px;
  padding: 30px;
}
.PrivacyDialogTitle {
  color: #2b579a;
}
.TrustCenterDialogInfoContainer {
  border: 1px solid #c6c6c6;
  background-color: #e1e1e1;
  padding-top: 11px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
}
.TrustCenterExperiencesDisabledDialogInfoContainer {
  border: 1px solid #ECBD6A;
  background-color: #FFF4CE;
  padding-top: 11px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
}
.TrustCenterDialogExperiencesContainer {
  border: 1px solid #c6c6c6;
  border-radius: 4px;
  padding: 20px;
}
.TrustCenterDialogInfoText {
  padding-top: 9px;
  display: block;
}
.PrivacyNoticeDialogContainer {
  max-width: 560px;
  padding: 20px;
}
.PrivacyNoticeDialogInnerContainer {
  padding: 20px;
}
.MsDialogLogo {
  fill: #747474;
  width: 99px;
  height: 21px;
}
/**********************************/
/* Callout Notification */
/**********************************/
.CalloutNotificationContainer {
  position: absolute;
  width: auto;
  height: auto;
  right: 10px;
  z-index: 1000;
  border-radius: 4px;
  background-color: #ffffff;
  outline: none;
  white-space: normal;
  text-align: left;
  box-shadow: 0px 8px 10px -2px rgba(0, 0, 0, 0.1);
  animation-name: wywaFadeIn,wywaSlideDownIn20;
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both;
}
.AppRtl .CalloutNotificationContainer {
  left: 10px;
  right: auto;
  text-align: right;
}
.CalloutNotificationBeak {
  border-top: 10px solid #000;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 0;
}
.CalloutNotificationContainer .CalloutNotificationBeak {
  position: absolute;
  top: -9px;
  right: 33px;
  margin: 0;
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  padding: 0;
  width: 0;
  height: 0;
}
.AppRtl .CalloutNotificationContainer .CalloutNotificationBeak {
  right: auto;
  left: 33px;
}
.CalloutNotificationContainerBorder {
  border: 1px solid #E1DFDD;
}
.CalloutNotificationContainerBorder .CalloutNotificationBeakBorder {
  border-bottom-color: #E1DFDD;
  top: -11px;
}
.CalloutNotificationCloseIcon {
  padding: 1px;
}
.CalloutNotificationCloseAnchor {
  cursor: pointer;
  position: relative;
  top: 8px;
  height: 16px;
  right: 8px;
  float: right;
  margin: 12px 12px 0 0;
  border: none;
  background-color: white;
}
.AppRtl .CalloutNotificationCloseAnchor {
  right: auto;
  left: 8px;
  float: left;
  margin: 12px 0 0 12px;
}
.CalloutNotificationMessageContainer {
  overflow: hidden;
  float: left;
  width: 300px;
}
.AppRtl .CalloutNotificationMessageContainer {
  float: right;
}
.CalloutNotificationTitle {
  float: left;
  margin: 14px 8px 6px 20px;
  clear: both;
  font-size: 20px;
  font-family: "Segoe UI Semibold", "Segoe UI Web", Arial, Verdana, sans-serif;
  line-height: 28px;
  color: #C75033;
}
.AppRtl .CalloutNotificationTitle {
  float: right;
  margin: 14px 20px 6px 8px;
}
.CalloutNotificationMessage {
  margin: 6px 8px 18px 20px;
  float: left;
  clear: both;
}
.AppRtl .CalloutNotificationMessage {
  margin: 6px 20px 18px 8px;
  float: right;
}
.CalloutNotificationMessageText {
  color: #212121;
  font-size: 14px;
  font-family: "Segoe UI", "Segoe UI Web", Arial, Verdana, sans-serif;
  display: inline;
  line-height: 20px;
}
.CalloutNotificationPrimaryButton {
  background-color: #2b579a;
  border: 1px solid #E1DFDD;
  color: #FFFFFF;
  border-radius: 2px;
  float: right;
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 16px;
  font-family: "Segoe UI", "Segoe UI Web", Arial, Verdana, sans-serif;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
}
.AppRtl .CalloutNotificationPrimaryButton {
  float: left;
}
.CalloutNotificationSecondaryButton {
  background-color: #FFFFFF;
  border: 1px solid #E1DFDD;
  color: #000000;
  border-radius: 2px;
  float: right;
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 9px;
  margin-bottom: 16px;
  font-family: "Segoe UI", "Segoe UI Web", Arial, Verdana, sans-serif;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
}
.AppRtl .CalloutNotificationSecondaryButton {
  float: left;
}
.CalloutNotificationF6Focused {
  border: 2px solid #777777;
  box-sizing: border-box;
}
.WACStatusBarContainer {
  background-color: #ffffff;
}
div#WACTopbarPlaceholder .cui-color-update,
div#EmptyHeaderTopBars .cui-color-update,
div#ExternalHeaderViewerChromeTopBars .cui-color-update,
div#AppHeaderPanel .cui-color-update {
  background-color: #185abd;
}
/*******************************************************************************
	CommonStyles.h

	Pulls in all of the basic styles used by Command UI.
*******************************************************************************/
/*-----------------------------------------------------------------------------
	FAST VIEW
-----------------------------------------------------------------------------*/
.ModernUXFastViewRibbon,
.ModernUXFastViewHeader .AppAndBrandContainer,
div#AppHeaderPanel .ModernUXFastViewHeader .AppAndBrandContainer {
  background-color: white;
}
div#AppHeaderPanel .SharedUXDarkModeFastViewHeader,
div#AppHeaderPanel .SharedUXDarkModeFastViewHeader .AppAndBrandContainer,
.SharedUXDarkModeFastViewRibbon.oneLineRibbonLowerWithAnimation,
.SharedUXDarkModeFastViewRibbon.oneLineRibbonUpperWithAnimation {
  background-color: #252423;
}
/*-----------------------------------------------------------------------------
	HEADER
-----------------------------------------------------------------------------*/
.cui-topBar1 {
  position: absolute;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  width: 100%;
  height: 48px;
  white-space: nowrap;
  /* Prevent header items from wrapping.  RibbonTabScalingActor will take care of any collisions. */
  color: #ffffff;
  background-color: #000000;
  font-size: 14px;
}
.cui-topBar1 .empty {
  background-color: transparent;
}
.cui-topBar2 {
  height: 80px;
  background-color: #f4f4f4;
}
.cui-topBar2.elevated-toolbar {
  position: relative;
  z-index: 1;
  animation: 500ms ease-in 0s fadein;
  box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.cui-exth .cui-topBar2 {
  height: 30px;
}
.cui-singlerowlayout .cui-topBar2 {
  height: 26px;
}
.cui-viewerchrome .cui-topBar2 {
  background-color: transparent;
}
.cui-viewerchrome .cui-topBar2.elevated-toolbar {
  background-color: #f3f2f1;
}
.cui-viewerchrome .cui-topBar2.fluent2Styling.elevated-toolbar {
  background-color: #F5F5F5;
}
.cui-topBar2.fluent2Styling {
  box-shadow: 0 1.6px 1.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.3px 0 rgba(0, 0, 0, 0.108);
}
.cui-topBar1 .cui-ctl {
  background-color: #e1e1e1;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-color: #e1e1e1;
  margin-left: 0px;
  margin-right: 0px;
  padding: 15px 10px !important;
}
.cui-topBar1 .cui-ctl-mediumlabel {
  color: #ffffff !important;
  height: 18px;
  margin-left: 5px;
  margin-right: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.AppRtl .cui-topBar1 .cui-ctl-mediumlabel {
  margin-left: 0px;
  margin-right: 5px;
}
.cui-topBar1 .cui-ctl-medium {
  position: relative;
  vertical-align: top;
  height: 20px;
  border-color: #2b579a;
  background-color: #2b579a;
  margin: 4px;
  padding: 10px 32px !important;
}
.usehover .cui-topBar1 .cui-ctl-medium:hover,
.cui-topBar1 .cui-ctl-medium:focus {
  border-color: #3e6db5 !important;
  background-color: #3e6db5 !important;
  outline: 2px dashed transparent;
}
.cui-topBar1 .cui-ctl-active,
.cui-topBar1 .usehover .cui-ctl-active:hover {
  border-color: #382F2D !important;
  background-color: #382F2D !important;
  outline: 2px solid transparent;
}
.cui-QATRowLeft {
  position: absolute;
  left: 0px;
  margin: 0px 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 10px;
}
.AppRtl .cui-QATRowLeft {
  left: auto;
  right: 0px;
  padding-left: 10px;
  padding-right: 0px;
}
.AppAndBrandContainer {
  background-color: #2b579a;
}
.cui-QATRowCenter {
  margin: 0px 0px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}
@keyframes animateHeaderIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.cui-topBar1-transistionalHeaderUI .cui-QATRowCenter,
.cui-topBar1-transistionalHeaderUI .cui-QATRowRight,
.AppRtl .cui-topBar1-transistionalHeaderUI .cui-QATRowRight {
  animation: animateHeaderIn 500ms;
}
.cui-QATRowRight {
  position: absolute;
  right: 0px;
  height: 48px;
  margin: 0px 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.AppRtl .cui-QATRowRight {
  left: 0px;
  right: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.cui-TabRowLeft {
  float: left;
}
.AppRtl .cui-TabRowLeft {
  float: right;
}
.cui-toolbar-onerow .cui-toolbar-buttondock {
  white-space: nowrap;
}
.cui-TabRowInline,
.cui-TabRowRight {
  margin-top: 48px;
  margin-bottom: 0px;
}
.cui-exth .cui-TabRowInline,
.cui-exth .cui-TabRowRight {
  margin-top: 0px;
}
.cui-TabRowInline {
  padding: 0px 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.cui-toolbar-buttondock {
  padding: 0px 4px;
  margin-left: 0px;
  margin-right: 0px;
}
.cui-TabRowInline > *,
.cui-toolbar-buttondock > * {
  vertical-align: middle;
}
.cui-TabRowRight {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 26px;
  margin: 0px 5px;
  display: flex;
}
.AppRtl .cui-TabRowRight {
  right: auto;
  left: 0px;
}
.cui-TabRowInline a.cui-ctl-medium .cui-ctl-mediumlabel,
.cui-TabRowRight a.cui-ctl-medium .cui-ctl-mediumlabel {
  height: 16px;
}
.cui-TabRowInline a.cui-ctl,
.cui-TabRowRight a.cui-ctl,
.cui-TabRowInline a.cui-ctl-medium,
.cui-TabRowRight a.cui-ctl-medium {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.cui-singlerowlayout .cui-TabRowInline a.cui-ctl,
.cui-singlerowlayout .cui-TabRowRight a.cui-ctl,
.cui-singlerowlayout .cui-TabRowInline a.cui-ctl-medium,
.cui-singlerowlayout .cui-TabRowRight a.cui-ctl-medium {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.cui-TabRowInline .cui-sb {
  padding-top: 5px;
  padding-bottom: 5px;
}
.usehover .cui-topBar1 .cui-ctl:hover,
.usehover .cui-TabRowInline .cui-ctl:hover,
.usehover .cui-TabRowInline .cui-ctl-medium:hover,
.usehover .cui-TabRowRight .cui-ctl:hover,
.usehover .cui-TabRowRight .cui-ctl-medium:hover,
.cui-topBar1 .cui-ctl:focus,
.cui-TabRowInline .cui-ctl:focus,
.cui-TabRowInline .cui-ctl-medium:focus,
.cui-TabRowRight .cui-ctl:focus,
.cui-TabRowRight .cui-ctl-medium:focus {
  border-color: #f0f0f0 !important;
  background-color: #f0f0f0 !important;
  outline: 2px dashed transparent;
}
.cui-topBar1 .cui-ctl-active,
.cui-TabRowInline .cui-ctl-active,
.cui-TabRowRight .cui-ctl-active,
.usehover .cui-topBar1 .cui-ctl-active:hover,
.usehover .cui-TabRowInline .cui-ctl-active:hover,
.usehover .cui-TabRowRight .cui-ctl-active:hover,
.cui-TabRowInline .cui-fa-dropped,
.cui-TabRowRight .cui-fa-dropped {
  border-color: #ffffff !important;
  background-color: #ffffff !important;
  outline: 2px dashed transparent;
}
.cui-topBar1 .cui-disabled .cui-img-container,
.cui-topBar1 .cui-disabled .cui-img-cont-float,
.cui-TabRowInline .cui-disabled .cui-img-container,
.cui-TabRowInline .cui-disabled .cui-img-cont-float,
.cui-TabRowRight .cui-disabled .cui-img-container,
.cui-TabRowRight .cui-disabled .cui-img-cont-float {
  background-color: transparent;
  outline: 2px dotted transparent;
}
.usehover .cui-topBar1 .cui-ctl.cui-disabled:hover,
.usehover .cui-TabRowInline .cui-ctl.cui-disabled:hover,
.usehover .cui-TabRowInline .cui-ctl-medium.cui-disabled:hover,
.usehover .cui-TabRowRight .cui-ctl.cui-disabled:hover,
.usehover .cui-TabRowRight .cui-ctl-medium.cui-disabled:hover {
  border-color: transparent !important;
  background-color: transparent !important;
  outline: 2px dotted transparent;
}
.cui-topBar1 .cui-ctl.cui-disabled:focus,
.cui-topBar1 .cui-ctl.cui-disabled:focus:hover,
.cui-TabRowInline .cui-ctl.cui-disabled:focus,
.cui-TabRowInline .cui-ctl.cui-disabled:focus:hover,
.cui-TabRowInline .cui-ctl-medium.cui-disabled:focus,
.cui-TabRowInline .cui-ctl-medium.cui-disabled:focus:hover,
.cui-TabRowRight .cui-ctl.cui-disabled:focus,
.cui-TabRowRight .cui-ctl.cui-disabled:focus:hover,
.cui-TabRowRight .cui-ctl-medium.cui-disabled:focus,
.cui-TabRowRight .cui-ctl-medium.cui-disabled:focus:hover {
  border-color: #f0f0f0 !important;
  background-color: #f0f0f0 !important;
  outline: 2px dotted transparent;
}
.cui-jewel-container,
.cui-tts,
.cui-tts-scale-1,
.cui-tts-scale-2 {
  height: 80px;
  display: block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0px;
  list-style-type: none;
  max-width: none;
}
.cui-exth .cui-jewel-container,
.cui-exth .cui-tts,
.cui-exth .cui-tts-scale-1,
.cui-exth .cui-tts-scale-2 {
  height: 30px;
  overflow: visible;
}
.cui-singlerowlayout .cui-jewel-container,
.cui-singlerowlayout .cui-tts,
.cui-singlerowlayout .cui-tts-scale-1,
.cui-singlerowlayout .cui-tts-scale-2 {
  height: 26px;
  overflow: visible;
}
.AppRtl .cui-jewel-container,
.AppRtl .cui-tts,
.AppRtl .cui-tts-scale-1,
.AppRtl .cui-tts-scale-2 {
  float: right;
}
/*-----------------------------------------------------------------------------
	UTILITY
-----------------------------------------------------------------------------*/
.cui-modalDiv {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: white;
  /* any color will do really, since we're going to */
  /* make the background fully opaque -- we just    */
  /* want to prevent mouse input from reaching the  */
  /* content underneath the div                     */
  opacity: 0;
  /* IE9, Firefox, Chrome, and Safari */
  /* Disable double-tap-zoom to not zoom when the user double taps ribbon controls */
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  /* Edge has replaced -ms-touch-action with touch-action */
}
.iPad.v6up .cui-modalDiv {
  /* Workaround for O15:2414667 */
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}
.cui-block {
  display: block;
}
/*******************************************************************************
	From Core.cst

	CSS for the core Ribbon (including the tab headers, the Jewel, the tab body,
	etc.).
*******************************************************************************/
/*-----------------------------------------------------------------------------
	RIBBON/MENU/TOOLBAR/STATUS BAR ROOT
-----------------------------------------------------------------------------*/
.cui-ribbon *,
.cui-toolbar-toolbar *,
.cui-viewerchrome * {
  outline: none;
  /* remove the default browser focus rect (see Office15 bug 2147065) */
}
.cui-ribbon ul {
  margin: 0;
  padding: 0;
}
.cui-ribbon a,
.cui-menu a,
.cui-toolbar-toolbar a,
.cui-viewerchrome a {
  text-decoration: none;
}
.cui-ribbon a img,
.cui-menu a img,
.cui-QAT a img,
.cui-toolbar-toolbar a img,
.cui-viewerchrome a img,
.cui-ctl a img {
  border: 0px;
}
.cui-ribbonTopBars {
  background-color: #ffffff;
}
.cui-ribbonTopBars,
.cui-tabBody,
.cui-cg-i,
.cui-ct-ul,
.cui-tabContainer {
  position: relative;
}
.cui-cg .cui-ct-ul {
  top: 46px;
  /* Default the contextual group tabs to appear behind the document panel. Animates up. */
}
.cui-pinButton {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.AppRtl .cui-pinButton {
  left: 0px;
  right: auto;
}
a.cui-ctl.cui-dialogLauncherButton {
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: -4px;
  /* There should be no gap between the chunk separator and the dialog launcher */
  border: 0;
}
.AppRtl a.cui-ctl.cui-dialogLauncherButton {
  left: 0;
  right: auto;
  margin-right: auto;
  margin-left: -4px;
}
/* rules for SearchUx suggestions */
.o365cs-base button:not(:focus)[class^="clearButton"] {
  border: 1px solid transparent;
}
.o365cs-base button:focus[class^="clearButton"] {
  border: 1px solid;
}
.o365cs-base svg[class^="ms-searchux"] {
  fill: #2b579a;
}
.o365cs-base button:not(:focus)[class^="submitSuggestion"] {
  border: 1px solid transparent;
  color: #2b579a;
}
.o365cs-base button:focus[class^="submitSuggestion"] {
  border: 1px solid #2b579a;
  color: #2b579a;
}
.o365cs-base a:not(:focus)[class^="suggestion-selector"] {
  border: 1px solid transparent;
}
.o365cs-base a:focus[class^="suggestion-selector"] {
  border: 1px solid #797673;
  background: #f3f2f1;
}
.o365cs-base a[class^="suggestion-selector"] {
  line-height: initial;
}
/* Fixing issues: 
 * 1. On IE, IP is not in the search box so can't input in it when active Tell me by Alt+Q. 
 * 2. On Safari, TellMe Searchbox doesn't take input. 
 */
.o365cs-base .ms-suiteux-search-box input[type=search] {
  -ms-user-select: auto !important;
  -webkit-user-select: auto !important;
}
/*-----------------------------------------------------------------------------
	Skype Button in the header
-----------------------------------------------------------------------------*/
.cui-topBar1 .cui-ctl.SkypeButton {
  padding: 15px 13px !important;
  margin-left: 0;
  margin-right: 1px;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  border-right-style: solid;
  border-left-style: solid;
}
.cui-topBar1 .cui-ctl.SkypeButton.activated {
  background-color: #e1e1e1;
}
.AppRtl .cui-topBar1 .cui-ctl.SkypeButton {
  margin-left: 1px;
  margin-right: 0;
}
/*plain hover
mouse pressing
mouse pressing and hovering*/
.usehover .cui-topBar1 .cui-ctl.SkypeButton:hover,
.SkypeButton.cui-ctl-active,
.usehover .SkypeButton.cui-ctl-active:hover {
  background-color: #444444 !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  outline: 2px dashed transparent;
}
.SkypeUnreadConversationsDiv {
  position: absolute;
  bottom: 43px;
  margin-left: 7px;
}
.AppRtl .SkypeUnreadConversationsDiv {
  margin-left: 0px;
  margin-right: 7px;
}
.SkypeUnreadConversationsBubble {
  position: absolute;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border-radius: 0.8em;
  vertical-align: middle;
  font-size: 13px;
  border: 1px solid;
  border-color: #153c75;
}
.SkypeUCBBackground {
  background-color: #153c75;
}
.usehover .cui-ctl.SkypeButton:hover .SkypeUCBBackground,
.SkypeUCBBackground:hover {
  background-color: white;
  color: #153c75;
  outline: 2px dashed transparent;
}
.SkypeUCBWide {
  width: 23px !important;
}
/*-----------------------------------------------------------------------------
	TOOLBAR/STATUS BAR
-----------------------------------------------------------------------------*/
.cui-toolbar-toolbar {
  width: 100%;
  height: 100%;
  background: #ffffff;
  cursor: default;
  text-align: center;
}
.cui-toolbar-buttondock.alignleft {
  left: 0px;
  position: absolute;
}
.AppRtl .cui-toolbar-buttondock.alignleft {
  left: auto;
  right: 0px;
}
.cui-toolbar-buttondock.aligncenter {
  position: relative;
}
.cui-toolbar-buttondock.alignright {
  right: 0px;
  position: absolute;
}
.AppRtl .cui-toolbar-buttondock.alignright {
  left: 0px;
  right: auto;
}
.cui-toolbar-buttondock .cui-tb {
  height: 14px;
  padding: 2px 3px;
  vertical-align: bottom;
  text-align: right;
}
.AppRtl .cui-toolbar-buttondock .cui-tb {
  text-align: left;
}
.cui-toolbar-buttondock .cui-cb {
  height: 20px;
}
.cui-toolbar-buttondock .cui-cb .cui-cb-input {
  height: 14px;
  padding-top: 2px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
.cui-toolbar-buttondock .cui-cb .cui-dd-arrow-button {
  height: 18px;
  padding: 0px 2px;
}
.cui-toolbar-buttondock .cui-ctl-medium,
.cui-toolbar-buttondock .cui-fslb {
  padding-left: 4px;
  padding-right: 4px;
}
.cui-toolbar-buttondock .cui-ctl-compact {
  padding-left: 0px;
  padding-right: 0px;
}
.cui-toolbar-button-center {
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: bottom;
  position: relative;
}
.cui-toolbar-button-right {
  margin-left: 4px;
  margin-right: 0px !important;
  vertical-align: middle;
}
.AppRtl .cui-toolbar-button-right {
  margin-left: 0px !important;
  margin-right: 4px !important;
}
.cui-toolbar-buttondock a.cui-ctl-medium,
.cui-toolbar-buttondock a.cui-fslb {
  margin-left: 8px;
  margin-right: 8px;
}
.cui-hidden {
  position: absolute;
  top: -2000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  word-wrap: normal;
}
/*-----------------------------------------------------------------------------
	TopBar2 (Ribbon Tab Row) peripheral buttons on the right.
-----------------------------------------------------------------------------*/
.cui-topBar2 .cui-TabRowRight {
  height: 100%;
}
.cui-topBar2 .cui-TabRowRight .cui-ctl-medium:last-child:after,
.cui-topBar2 .cui-TabRowRight .cui-ctl-medium.DocumentActionButton:after,
.cui-topBar2 .cui-TabRowRight .cui-ctl-medium.CommentsButton:after {
  display: none;
}
.cui-topBar2 .cui-ctl-medium.DocumentActionButton,
.cui-topBar2 .cui-ctl-medium.CommentsButton,
.cui-topBar2 .cui-ctl-medium.ChangesButton {
  height: 24px !important;
  box-sizing: border-box;
  padding: 0px 8px !important;
  margin: 3px 5px;
  border: 1px solid #E1DFDD;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  font-size: 13.5px;
  font-weight: 600;
  background-color: #ffffff;
  color: #2b579a;
}
.cui-topBar2 .cui-ctl-medium.DocumentActionButton .cui-ctl-mediumlabel,
.cui-topBar2 .cui-ctl-medium.CommentsButton .cui-ctl-mediumlabel,
.cui-topBar2 .cui-ctl-medium.ChangesButton .cui-ctl-mediumlabel {
  color: #2b579a;
  height: auto;
}
.usehover .MLRVisualRefresh .cui-TabRowRight .DocumentActionButton:hover,
.usehover .MLRVisualRefresh .cui-TabRowRight .CommentsButton:hover,
.usehover .MLRVisualRefresh .cui-TabRowRight .ChangesButton:hover,
.MLRVisualRefresh .cui-TabRowRight .DocumentActionButton:focus,
.MLRVisualRefresh .cui-TabRowRight .CommentsButton:focus,
.MLRVisualRefresh .cui-TabRowRight .ChangesButton:focus {
  border-color: #e1dfdd !important;
  background-color: #e1dfdd !important;
}
.MLRVisualRefresh .cui-TabRowRight .DocumentActionButton.cui-ctl-active,
.MLRVisualRefresh .cui-TabRowRight .CommentsButton.cui-ctl-active,
.MLRVisualRefresh .cui-TabRowRight .ChangesButton.cui-ctl-active,
.usehover .MLRVisualRefresh .cui-TabRowRight .DocumentActionButton.cui-ctl-active:hover,
.usehover .MLRVisualRefresh .cui-TabRowRight .CommentsButton.cui-ctl-active:hover,
.usehover .MLRVisualRefresh .cui-TabRowRight .ChangesButton.cui-ctl-active:hover {
  border-color: #d2d0ce !important;
  background-color: #d2d0ce !important;
}
/*-----------------------------------------------------------------------------
	Transistional UI for the header (only topBar1)
	1) The whole header will take the primary color of the app. Therefore, most elements will
	inherit the background-color.
	2) Hover and active colors are new for Share, Skype and document title buttons - now, similar to the App Waffle (left corner).
	3) Font size is decreased to 17px for the HeadBrand and increased to 17px for the
	Document title. (changes in different files)
	4) New seperators after the Share, skype and headBrand elements. All old seperators are removed.
	These seperators are authored in CSS. This is a bit hacky because we are manipulating pixels.
	But, we will get scaling for free. And, we do not need multiple if-else statements while generating the header.
-----------------------------------------------------------------------------*/
.cui-topBar1-transistionalHeaderUI {
  background-color: #2b579a;
}
.cui-topBar1-transitionalReactHeaderUI {
  background-color: #2b579a;
}
/* CSS reset for all buttons in the transistional UI. All of them should
not have any border, background of their own.*/
.cui-topBar1-transistionalHeaderUI .cui-ctl,
.cui-topBar1-transistionalHeaderUI .cui-ctl.SkypeButton,
.cui-topBar1-transistionalHeaderUI .cui-ctl-medium {
  background-color: inherit !important;
  color: inherit !important;
  border: 0;
  margin: 0;
  margin-left: 4px;
  margin-right: 5px;
  cursor: pointer;
  padding: 15px 16px !important;
  position: relative;
}
.cui-topBar1-transistionalHeaderUI .cui-ctl-medium:after,
.cui-topBar1-transistionalHeaderUI .cui-ctl:after {
  content: '';
  right: -5px;
  background: #ffffff;
  height: 20px;
  width: 1px;
  bottom: 15px;
  position: absolute;
  opacity: 0.3;
}
.AppRtl .cui-topBar1-transistionalHeaderUI .cui-ctl,
.AppRtl .cui-topBar1-transistionalHeaderUI .cui-ctl.SkypeButton,
.AppRtl .cui-topBar1-transistionalHeaderUI .cui-ctl-medium {
  margin-right: 4px;
  margin-left: 5px;
}
.AppRtl .cui-topBar1-transistionalHeaderUI .cui-ctl-medium:after,
.AppRtl .cui-topBar1-transistionalHeaderUI .cui-ctl:after {
  left: -5px;
  right: initial;
}
.usehover .cui-topBar1-transistionalHeaderUI .cui-ctl-medium:hover *,
.usehover .cui-topBar1-transistionalHeaderUI .cui-ctl:hover * {
  cursor: pointer;
}
.usehover .cui-topBar1-transistionalHeaderUI .cui-ctl:hover,
.cui-topBar1-transistionalHeaderUI .cui-ctl:focus,
.usehover .cui-topBar1-transistionalHeaderUI .cui-ctl.SkypeButton:hover,
.cui-topBar1-transistionalHeaderUI .cui-ctl.SkypeButton:focus,
.usehover .cui-topBar1-transistionalHeaderUI .cui-ctl-medium:hover,
.cui-topBar1-transistionalHeaderUI .cui-ctl-medium:focus {
  background-color: #366ec2 !important;
}
.cui-topBar1-transistionalHeaderUI .cui-ctl-active,
.usehover .cui-topBar1-transistionalHeaderUI .cui-ctl-active:hover,
.cui-topBar1-transistionalHeaderUI .cui-ctl.SkypeButton.cui-ctl-active,
.cui-topBar1-transistionalHeaderUI .cui-ctl.SkypeButton.activated {
  background-color: #204072 !important;
}
.AppHeaderPanel #HeaderPlaceholder,
.AppHeaderPanel #WACTopbarPlaceholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  transition: opacity 350ms, visibility 0s linear 400ms;
}
/*-----------------------------------------------------------------------------
	TopBar2 (Ribbon Tab Row) peripheral buttons on the right.
-----------------------------------------------------------------------------*/
.cui-topBar1-transistionalHeaderUI #btnToggleRibbon_Header {
  display: inline-block;
  height: 100%;
  color: inherit;
  font-size: 14px;
  box-sizing: border-box;
}
.usehover .cui-topBar1-transistionalHeaderUI #btnToggleRibbon_Header:hover {
  background-color: inherit !important;
}
.cui-topBar1-transistionalHeaderUI #btnToggleRibbon_Header .toggleButton-iconContainer {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 40px;
  cursor: pointer;
}
.cui-topBar1-transistionalHeaderUI #btnToggleRibbon_Header .toggleButton-iconContainer:focus {
  outline: #ffffff dotted thin;
}
.cui-topBar1-transistionalHeaderUI #btnToggleRibbon_Header .toggleButton-label {
  display: inline-block;
  height: 18px;
  padding: 1px 0;
  vertical-align: top;
  margin-left: 10px;
  cursor: initial;
}
.AppRtl .cui-topBar1-transistionalHeaderUI #btnToggleRibbon_Header .toggleButton-label {
  margin-left: 0;
  margin-right: 10px;
}
/*-----------------------------------------------------------------------------
	Viewer Chrome
-----------------------------------------------------------------------------*/
.cui-viewerchrome .cui-topBar1 {
  position: relative;
}
.cui-viewerchrome .cui-topBar2 {
  height: 40px;
  text-align: center;
}
.cui-viewerchrome .cui-jewel-container {
  height: 40px;
}
.cui-viewerchrome .cui-topBar2 .cui-jewel-jewelMenuLauncher {
  margin-top: 0px;
}
.cui-toolbar-singledock {
  width: auto;
}
.cui-viewerchrome .cui-herobar-toolbarContainer {
  width: auto;
  position: absolute;
  display: inline-block;
  right: 0px;
  height: 40px;
}
.AppRtl .cui-viewerchrome .cui-herobar-toolbarContainer {
  right: auto;
  left: 0px;
}
.cui-toolbar-singledock .cui-toolbar-buttondock {
  position: static;
}
.cui-toolbar-singledock .cui-toolbar-buttondock a.cui-ctl-medium {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.cui-herobar-documentTitleContainer {
  display: inline-block;
  height: 40px;
}
.cui-herobar-MobileDocTitleContainer {
  display: inline-block;
  height: 40px;
  font-size: 13pt;
  pointer-events: none;
  -webkit-user-select: none;
}
.cui-viewerchrome .BreadcrumbItem#BreadcrumbTitle {
  color: #444444;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
.cui-herobar-breadcrumbContainer {
  position: absolute;
  left: 0px;
  display: inline-block;
  height: 20px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.AppRtl .cui-herobar-breadcrumbContainer {
  left: auto;
  right: 0px;
  margin-left: auto;
  padding-right: 15px;
}
.cui-herobar-breadcrumbContainer .BreadcrumbItem {
  color: #444444;
  line-height: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
.cui-herobar-breadcrumbContainer a.BreadcrumbItem:focus {
  outline: #444444 dotted thin;
}
.cui-herobar-breadcrumbContainer .BreadcrumbItem.FolderSeparator {
  padding-top: 0;
  padding-bottom: 0;
}
.AppBrandSeparator {
  display: inline-block;
  background-color: #444444;
  width: 1px;
  height: 12px;
  margin-right: 6px;
  margin-top: 4px;
}
.AppRtl .AppBrandSeparator {
  margin-right: auto;
  margin-left: 6px;
}
.BreadcrumbItem#BreadcrumbAppBrand {
  margin-right: 6px;
}
.AppRtl .BreadcrumbItem#BreadcrumbAppBrand {
  margin-right: auto;
  margin-left: 6px;
}
.cui-viewerchrome .cui-toolbar-toolbar .cui-ctl-mediumlabel,
.cui-viewerchrome .cui-herodock .cui-ctl-mediumlabel {
  line-height: 20px;
  margin-left: 4px;
  margin-right: 0px;
}
.AppRtl .cui-viewerchrome .cui-toolbar-toolbar .cui-ctl-mediumlabel .AppRtl .cui-viewerchrome .cui-herodock .cui-ctl-mediumlabel {
  margin-left: 0px;
  margin-right: 4px;
}
.cui-viewerchrome .cui-toolbar-singledock .cui-toolbar-buttondock a.cui-ctl,
.cui-viewerchrome .cui-toolbar-singledock .cui-toolbar-buttondock a.cui-ctl-medium,
.cui-viewerchrome .cui-herodock a.cui-ctl,
.cui-viewerchrome .cui-herodock a.cui-ctl-medium {
  height: 20px;
  border: 0px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 2px !important;
}
.cui-viewerchrome .cui-toolbar-singledock .cui-toolbar-buttondock,
.cui-viewerchrome .cui-herodock {
  padding-left: 0px;
  padding-right: 0px;
}
.cui-herodock .cui-ctl {
  vertical-align: middle;
}
.cui-tabBody#tabApps .cui-ctl-largelabel {
  width: 75px;
  max-width: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cui-viewerchrome .cui-emphasized {
  background-color: #2b579a;
}
.usehover .cui-viewerchrome .cui-emphasized:hover {
  background-color: #153c75 !important;
  outline: 2px dashed transparent;
}
.cui-viewerchrome .cui-emphasized.cui-fa-dropped,
.usehover .cui-viewerchrome .cui-emphasized.cui-ctl-active,
.usehover .cui-viewerchrome .cui-emphasized.cui-ctl-active:hover {
  background-color: #102f5c !important;
  outline: 2px solid transparent;
}
.cui-viewerchrome .cui-emphasized .cui-ctl-mediumlabel {
  color: #ffffff;
}
/* All high contrast styling rules in IE10+/Edge
  Please keep these styles at the end, if you do not want to meddle
  with the high-contrast styles.
*/
@media screen and (-ms-high-contrast: active) {
  .cui-topBar1 .cui-disabled .cui-img-container,
  .cui-topBar1 .cui-disabled .cui-img-cont-float,
  .cui-TabRowInline .cui-disabled .cui-img-container,
  .cui-TabRowInline .cui-disabled .cui-img-cont-float,
  .cui-TabRowRight .cui-disabled .cui-img-container,
  .cui-TabRowRight .cui-disabled .cui-img-cont-float,
  .usehover .cui-topBar1 .cui-ctl.cui-disabled:hover,
  .usehover .cui-TabRowInline .cui-ctl.cui-disabled:hover,
  .usehover .cui-TabRowInline .cui-ctl-medium.cui-disabled:hover,
  .usehover .cui-TabRowRight .cui-ctl.cui-disabled:hover,
  .usehover .cui-TabRowRight .cui-ctl-medium.cui-disabled:hover,
  .cui-topBar1 .cui-ctl.cui-disabled:focus,
  .cui-topBar1 .cui-ctl.cui-disabled:focus:hover,
  .cui-TabRowInline .cui-ctl.cui-disabled:focus,
  .cui-TabRowInline .cui-ctl.cui-disabled:focus:hover,
  .cui-TabRowInline .cui-ctl-medium.cui-disabled:focus,
  .cui-TabRowInline .cui-ctl-medium.cui-disabled:focus:hover,
  .cui-TabRowRight .cui-ctl.cui-disabled:focus,
  .cui-TabRowRight .cui-ctl.cui-disabled:focus:hover,
  .cui-TabRowRight .cui-ctl-medium.cui-disabled:focus,
  .cui-TabRowRight .cui-ctl-medium.cui-disabled:focus:hover,
  .cui-disabled .cui-keytip {
    color: GrayText !important;
    opacity: 1;
  }
  .cui-topBar1-transistionalHeaderUI .cui-ctl-medium:after,
  .cui-topBar1-transistionalHeaderUI .cui-ctl:after {
    -ms-high-contrast-adjust: none;
    background-color: WindowText !important;
    opacity: 1;
  }
  .cui-topBar1 .cui-ctl.cui-disabled:focus,
  .cui-topBar1 .cui-ctl.cui-disabled:focus:hover,
  .cui-TabRowInline .cui-ctl.cui-disabled:focus,
  .cui-TabRowInline .cui-ctl.cui-disabled:focus:hover,
  .cui-TabRowInline .cui-ctl-medium.cui-disabled:focus,
  .cui-TabRowInline .cui-ctl-medium.cui-disabled:focus:hover,
  .cui-TabRowRight .cui-ctl.cui-disabled:focus,
  .cui-TabRowRight .cui-ctl.cui-disabled:focus:hover,
  .cui-TabRowRight .cui-ctl-medium.cui-disabled:focus,
  .cui-TabRowRight .cui-ctl-medium.cui-disabled:focus:hover {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    outline-color: inherit !important;
  }
  .usehover .cui-topBar1 .cui-ctl-medium:hover,
  .cui-topBar1 .cui-ctl-medium:focus,
  .cui-topBar1 .cui-ctl-active,
  .cui-topBar1 .usehover .cui-ctl-active:hover,
  .usehover .cui-topBar1 .cui-ctl:hover,
  .usehover .cui-TabRowInline .cui-ctl:hover,
  .usehover .cui-TabRowInline .cui-ctl-medium:hover,
  .usehover .cui-TabRowRight .cui-ctl:hover,
  .usehover .cui-TabRowRight .cui-ctl-medium:hover,
  .cui-topBar1 .cui-ctl:focus,
  .cui-TabRowInline .cui-ctl:focus,
  .cui-TabRowInline .cui-ctl-medium:focus,
  .cui-TabRowRight .cui-ctl:focus,
  .cui-TabRowRight .cui-ctl-medium:focus,
  .cui-topBar1 .cui-ctl-active,
  .cui-TabRowInline .cui-ctl-active,
  .cui-TabRowRight .cui-ctl-active,
  .usehover .cui-topBar1 .cui-ctl-active:hover,
  .usehover .cui-TabRowInline .cui-ctl-active:hover,
  .usehover .cui-TabRowRight .cui-ctl-active:hover,
  .cui-TabRowInline .cui-fa-dropped,
  .cui-TabRowRight .cui-fa-dropped,
  .usehover .cui-jewel-jewelMenuLauncher:hover .cui-jewel-label,
  .cui-jewel-jewelMenuLauncher:focus .cui-jewel-label,
  .usehover .cui-jewel-jewelMenuLauncher:hover,
  .cui-jewel-jewelMenuLauncher:focus,
  .usehover .cui-viewerchrome .cui-emphasized:hover,
  .cui-viewerchrome .cui-emphasized.cui-fa-dropped,
  .usehover .cui-viewerchrome .cui-emphasized.cui-ctl-active,
  .usehover .cui-viewerchrome .cui-emphasized.cui-ctl-active:hover,
  .usehover .cui-topBar1 .cui-ctl.SkypeButton:hover,
  .SkypeButton.cui-ctl-active,
  .usehover .SkypeButton.cui-ctl-active:hover,
  .usehover .cui-ctl.SkypeButton:hover .SkypeUCBBackground,
  .SkypeUCBBackground:hover,
  .usehover .MLRVisualRefresh .cui-TabRowRight .DocumentActionButton:hover,
  .MLRVisualRefresh .cui-TabRowRight .DocumentActionButton:focus,
  .MLRVisualRefresh .cui-TabRowRight .DocumentActionButton.cui-ctl-active,
  .usehover .MLRVisualRefresh .cui-TabRowRight .DocumentActionButton.cui-ctl-active:hover {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
  .cui-topBar1 .cui-disabled .cui-img-container,
  .cui-topBar1 .cui-disabled .cui-img-cont-float,
  .cui-TabRowInline .cui-disabled .cui-img-container,
  .cui-TabRowInline .cui-disabled .cui-img-cont-float,
  .cui-TabRowRight .cui-disabled .cui-img-container,
  .cui-TabRowRight .cui-disabled .cui-img-cont-float {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: GrayText !important;
    outline-color: inherit !important;
  }
  .cui-tt-s > .cui-tt-a,
  .usehover .cui-tt-a:hover,
  .cui-tt-a:focus,
  .usehover .cui-cg-or .cui-tt-a:hover,
  .cui-cg-or .cui-tt-s > .cui-tt-a,
  .cui-cg-or .cui-tt-a:focus,
  .cui-cg-or .cui-tt-s > .cui-tt-a:focus,
  .usehover .cui-cg-gr .cui-tt-a:hover,
  .cui-cg-gr .cui-tt-s > .cui-tt-a,
  .cui-cg-gr .cui-tt-a:focus,
  .cui-cg-gr .cui-tt-s > .cui-tt-a:focus,
  .usehover .cui-cg-yl .cui-tt-a:hover,
  .cui-cg-yl .cui-tt-s > .cui-tt-a,
  .cui-cg-yl .cui-tt-a:focus,
  .cui-cg-yl .cui-tt-s > .cui-tt-a:focus,
  .usehover .cui-cg-pp .cui-tt-a:hover,
  .cui-cg-pp .cui-tt-s > .cui-tt-a,
  .cui-cg-pp .cui-tt-a:focus,
  .cui-cg-pp .cui-tt-s > .cui-tt-a:focus,
  usehover .cui-cg-mg .cui-tt-a:hover,
  .cui-cg-mg .cui-tt-s > .cui-tt-a,
  .cui-cg-mg .cui-tt-a:focus,
  .cui-cg-mg .cui-tt-s > .cui-tt-a:focus {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
}
/*-----------------------------------------------------------------------------
	GROUP CSS - For Groups of controls that may be in the ribbon or floatie ui
-----------------------------------------------------------------------------*/
.cui-group {
  display: inline-block;
  height: 100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}
.cui-touch .cui-group {
  height: 103px;
}
.cui-groupContainer {
  position: relative;
  display: inline-block;
  height: 100%;
}
.cui-groupBody {
  height: 71px;
  display: block;
  padding: 0px;
  text-align: center;
}
.cui-touch .cui-groupBody {
  height: 85px;
}
.cui-singlerowlayout .cui-groupBody {
  height: 20px;
  padding: CHUNK_PADDING_SINGLEROWLAYOUT;
}
.cui-cs {
  padding-top: 8px;
  margin: 0px 0px;
}
.cui-cs-title {
  margin: 8px 0px;
}
.cui-cs-body {
  margin: 0px 15px 0px 22px;
}
.cui-groupTitle {
  display: inline-block;
  text-align: center;
  color: #666666;
  cursor: default;
  white-space: nowrap;
  padding: 2px 5px 0px;
}
.cui-groupSeparator {
  height: 84px;
  position: relative;
  margin: 0px 4px;
  border-right: 1px solid #e1e1e1;
  display: inline-block;
}
.AppRtl .cui-groupSeparator {
  border-left: 1px solid #e1e1e1;
  border-right: 0 none;
}
.cui-touch .cui-groupSeparator {
  height: 94px;
}
.cui-singlerowlayout .cui-groupSeparator {
  height: 34px;
  margin: 0px 4px;
}
/*******************************************************************************
	CSS for the React Ribbon, if there needs to be any app overrides
*******************************************************************************/
div#RibbonContainer label {
  cursor: default;
}
/*-----------------------------------------------------------------------------
	BUTTONS/SPLITBUTTONS/FLYOUT ANCHORS
-----------------------------------------------------------------------------*/
a.cui-ctl,
a.cui-ctl-medium,
a.cui-ctl-large,
a.cui-ctl-menu,
.cui-toolbar-toolbar a.cui-fslb {
  border: 1px solid transparent;
  display: inline-block;
  cursor: default;
}
.cui-ctl,
.cui-ctl *,
.cui-ctl-medium,
.cui-ctl-medium *,
.cui-ctl-large,
.cui-ctl-large *,
.cui-ctl-thin,
.cui-ctl-thin * {
  -ms-touch-action: none;
  touch-action: none;
  /* Edge has replaced -ms-touch-action with touch-action */
}
.cui-shortcut-container {
  overflow: auto;
}
.cui-shortcut-hint {
  float: right;
}
a.cui-shortcut-container span.cui-shortcut-hint {
  padding: 0;
}
.AppRtl .cui-shortcut-hint {
  float: left;
}
.cui-ctl {
  margin: 0px 1px;
  display: inline-block;
}
a.cui-ctl {
  padding: 2px;
  cursor: default;
}
.cui-touch .cui-row-tworow a.cui-ctl,
.cui-touch .cui-row-threerow a.cui-ctl {
  margin-left: 1px;
  margin-right: 10px;
}
.AppRtl .cui-touch .cui-row-tworow a.cui-ctl,
.AppRtl .cui-touch .cui-row-threerow a.cui-ctl {
  margin-right: 1px;
  margin-left: 10px;
}
.cui-touch a.cui-ctl {
  padding: 4px 5px 4px;
}
.cui-touch .cui-row-tworow a.cui-ctl {
  padding: 6px 5px 7px;
}
.cui-touch a.cui-ctl.cui-fa-sm {
  margin-left: 1px;
  margin-right: 2px;
}
.AppRtl .cui-touch a.cui-ctl.cui-fa-sm {
  margin-left: 2px;
  margin-right: 1px;
}
.cui-ctl .cui-ctl-smalllabel {
  padding: 6px 3px 7px;
  vertical-align: top;
  float: left;
}
.AppRtl .cui-ctl .cui-ctl-smalllabel {
  float: right;
}
.cui-ctl .cui-ctl-small24label {
  padding: 1px 2px;
  vertical-align: top;
  float: left;
}
.AppRtl .cui-ctl .cui-ctl-small24label {
  float: right;
}
.cui-touch .cui-ctl .cui-ctl-smalllabel {
  padding-right: 0px;
}
.AppRtl .cui-touch .cui-ctl .cui-ctl-smalllabel {
  padding-left: 0px;
  padding-right: 3px;
}
.cui-touch .cui-fa-sm .cui-img-16by16 {
  margin-left: 0px;
  margin-right: 5px;
}
.AppRtl .cui-touch .cui-fa-sm .cui-img-16by16 {
  margin-left: 5px;
  margin-right: 0px;
}
.cui-ctl-smalllabel .cui-img-5by3,
.cui-ctl-small .cui-ctl-a2 .cui-img-5by3 {
  display: block;
}
.cui-ctl,
a.cui-ctl-medium {
  white-space: nowrap;
}
.cui-ctl-iconContainer {
  width: 16px;
  height: 16px;
  display: inline-block;
  float: left;
}
.cui-ctl-large16IconContainer {
  width: 16px;
  height: 16px;
  display: block;
  margin: auto;
}
.cui-ctl-spinner {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  margin-bottom: 16px;
}
.AppRtl .cui-ctl-iconContainer {
  float: right;
}
.cui-ctl-iconContainer14 {
  width: 14px;
  height: 14px;
  display: inline-block;
  float: left;
  margin: 1px;
}
.AppRtl .cui-ctl-iconContainer14 {
  float: right;
}
a.cui-ctl-medium {
  margin: 0px 1px;
  padding: 2px;
}
.cui-touch a.cui-ctl-medium {
  padding-top: 4px;
  padding-bottom: 4px;
}
.cui-touch .cui-row-tworow a.cui-ctl-medium {
  padding-top: 6px;
  padding-bottom: 7px;
}
a.cui-ctl-medium .cui-ctl-mediumlabel,
.cui-toolbar-toolbar a.cui-fslb .cui-ctl-mediumlabel {
  display: inline-block;
  margin-left: 3px;
  margin-right: 0px;
}
.AppRtl a.cui-ctl-medium .cui-ctl-mediumlabel,
.AppRtl .cui-toolbar-toolbar a.cui-fslb .cui-ctl-mediumlabel {
  margin-left: 0px;
  margin-right: 3px;
}
a.cui-ctl-medium .cui-ctl-mediumlabel:first-child,
.cui-toolbar-toolbar a.cui-fslb .cui-ctl-mediumlabel:first-child {
  margin-left: 0;
  margin-right: 0;
}
.cui-ctl-mediumlabel .cui-img-5by3 {
  top: -3px;
  margin-left: 1px;
}
.AppRtl .cui-ctl-mediumlabel .cui-img-5by3 {
  margin-left: auto;
  margin-right: 1px;
}
.cui-ctl-iconContainer20 {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
}
.AppRtl .cui-ctl-iconContainer20 {
  float: right;
}
.cui-ctl-iconContainer24 {
  width: 24px;
  height: 24px;
  display: inline-block;
  float: left;
}
.AppRtl .cui-ctl-iconContainer24 {
  float: right;
}
.cui-ctl-mediumlabel,
.cui-ctl-largelabel,
.cui-ctl-menulabel,
.cui-btn-menu-description {
  color: #444444;
}
.cui-ctl-medium20.cui-ctl-medium {
  height: 30px;
  margin-bottom: 3px;
}
.cui-ctl-medium20.cui-ctl-medium .cui-ctl-a1 {
  height: 22px;
  padding-top: 4px;
}
.cui-ctl-medium20.cui-ctl-medium .cui-ctl-a1Internal {
  height: 30px;
}
.cui-ctl-medium20.cui-ctl-medium .cui-ctl-a2 {
  height: 17px;
  padding-top: 6px;
}
.cui-ctl-medium20.cui-ctl-medium .cui-ctl-mediumlabel {
  display: inline-block;
  overflow: hidden;
}
.cui-ctl-large {
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  cursor: default;
  margin: 0px;
  padding: 0px;
}
.cui-touch .cui-ctl-large {
  margin-left: 2px;
  margin-right: 2px;
}
.cui-ctl-largeIconContainer,
.cui-ctl-large30IconContainer,
.cui-ctl-large .cui-ctl-a1Internal {
  margin: auto;
  /* horizontally center the image */
}
.cui-ctl-largeIconContainer,
.cui-ctl-large .cui-ctl-a1Internal,
.cui-ctl-menu32 .cui-ctl-iconContainer {
  width: 32px;
  height: 32px;
}
.cui-ctl-menu48 .cui-ctl-iconContainer {
  width: 48px;
  height: 48px;
}
.cui-ctl-large30IconContainer {
  width: 30px;
  height: 30px;
}
.cui-ctl-largeIconContainer,
.cui-ctl-large30IconContainer,
.cui-ctl-large .cui-ctl-a1Internal,
.cui-ctl-menu32 .cui-ctl-iconContainer,
.cui-ctl-menu48 .cui-ctl-iconContainer {
  padding: 1px 4px;
  display: block;
}
.cui-touch .cui-ctl-largeIconContainer,
.cui-touch .cui-ctl-large30IconContainer,
.cui-touch .cui-ctl-large .cui-ctl-a1Internal {
  padding: 4px 6px 3px;
}
.cui-ctl-largeIconContainer,
.cui-ctl-large30IconContainer,
.cui-ctl-menu32 .cui-ctl-iconContainer,
.cui-ctl-menu48 .cui-ctl-iconContainer {
  border-bottom: 1px solid transparent;
}
.cui-ctl-largelabel {
  height: 30px;
  line-height: 1.25;
  display: block;
  padding: 1px 1px 1px;
}
.cui-ctl-largelabel .cui-img-5by3 {
  vertical-align: middle;
  margin-top: 0px;
}
.cui-ctl-a1,
.cui-ctl-a2 {
  display: block;
  border: 1px solid transparent;
  cursor: default;
}
span.cui-ctl .cui-ctl-a1,
span.cui-ctl .cui-ctl-a2 {
  float: left;
  outline: none !important;
}
.AppRtl span.cui-ctl .cui-ctl-a1,
.AppRtl span.cui-ctl .cui-ctl-a2 {
  float: right;
}
span.cui-ctl .cui-ctl-a1 {
  width: 16px;
  height: 16px;
  padding: 2px;
}
.cui-touch span.cui-ctl .cui-ctl-a1 {
  padding: 6px 4px 7px 3px;
}
.cui-touch .cui-row-threerow span.cui-ctl .cui-ctl-a1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
span.cui-ctl .cui-ctl-a2 {
  border-left-width: 0px;
  border-right-width: 1px;
  padding: 8px 3px 9px;
}
.AppRtl span.cui-ctl .cui-ctl-a2 {
  border-left-width: 1px;
  border-right-width: 0px;
}
.cui-touch span.cui-ctl .cui-ctl-a2 {
  padding-top: 13px;
  padding-bottom: 13px;
}
.cui-touch .cui-row-threerow span.cui-ctl .cui-ctl-a2 {
  padding-top: 11px;
  padding-bottom: 10px;
}
span.cui-ctl-medium .cui-ctl-a1 {
  width: auto;
  height: 16px;
}
span.cui-ctl-medium .cui-ctl-a2 {
  height: 15px;
  border-left-width: 0px;
  border-right-width: 1px;
  padding: 0px 3px 5px;
}
.AppRtl span.cui-ctl-medium .cui-ctl-a2 {
  border-left-width: 1px;
  border-right-width: 0px;
}
.cui-touch span.cui-ctl-medium .cui-ctl-a2 {
  height: 15px;
  padding-top: 3px;
  padding-bottom: 11px;
}
span.cui-img-16by16 {
  float: left;
}
.AppRtl span.cui-img-16by16 {
  float: right;
}
span.cui-ctl-medium .cui-ctl-mediumlabel {
  padding-left: 3px;
}
.AppRtl span.cui-ctl-medium .cui-ctl-mediumlabel {
  padding-right: 3px;
}
.cui-touch .cui-row-threerow span.cui-ctl-medium .cui-ctl-a2 {
  padding-top: 3px;
  padding-bottom: 6px;
}
.cui-touch span.cui-ctl-large > a.cui-ctl-a1 {
  border-bottom: 1px solid #e1e1e1;
}
.cui-ctl-large .cui-ctl-a2 {
  border-top-width: 0px;
}
.ButtonOpenInClient {
  height: 16px;
}
/*-----------------------------------------------------------------------------
	CONTROL STATES
-----------------------------------------------------------------------------*/
.cui-ctl-on {
  border-color: #c2d5f2;
  background-color: #c2d5f2;
  outline: 2px solid transparent;
}
.cui-ctl-unchkd img {
  visibility: hidden;
}
.usehover .cui-ctl:hover *,
.usehover .cui-ctl-medium:hover *,
.usehover a.cui-ctl-large:hover *,
.usehover a.cui-ctl-a1:hover *,
.usehover .cui-ctl-a2:hover *,
.usehover a.cui-ctl-thin:hover * {
  cursor: default;
}
.usehover .cui-tb:hover .cui-txtbx,
.cui-tb-focus .cui-txtbx,
.usehover .cui-spn:hover .cui-spn-txtbx,
.usehover .cui-spn:hover .cui-spn-arwbx,
.cui-spn-focus .cui-spn-txtbx,
.cui-spn-focus .cui-spn-arwbx,
.usehover span:hover > .cui-dd-arrow-button,
.usehover .cui-dd:hover .cui-dd-text,
.cui-dd:focus .cui-dd-text,
.cui-dd:focus .cui-dd-arrow-button,
.usehover .cui-cb:hover .cui-cb-input,
.cui-cb-focus .cui-cb-input,
.cui-cb-focus .cui-dd-arrow-button,
.WACDialogList:focus {
  border-color: #a3bde3;
  outline: 2px dashed transparent;
}
.usehover .cui-dd-arrow-button:hover {
  border-left-width: 1px;
  border-right-width: 1px;
  padding-right: 0px;
  outline: 2px dashed transparent;
}
.usehover .cui-dd-arrow-button:hover {
  padding-left: 4px;
  outline: 2px dashed transparent;
}
.AppRtl.usehover .cui-dd-arrow-button:hover {
  padding-left: 0px;
  padding-right: 4px;
  outline: 2px dashed transparent;
}
.usehover .cui-ctl:hover,
.cui-ctl:focus,
.usehover .cui-ctl-medium:hover,
.cui-ctl-medium:focus,
.usehover .cui-ctl-large:hover,
.cui-ctl-large:focus,
.usehover .cui-sldr:hover,
.cui-sldr-onfocus,
.cui-ctl-split-hovered,
.cui-ctl-split-hovered-primary,
.cui-ctl-menu-hovered-without-focus,
.cui-ctl-menu:focus,
.usehover .cui-ctl-thin:hover,
.cui-ctl-thin:focus,
.usehover .cui-spn-btnup:hover,
.usehover .cui-spn-btndown:hover,
.usehover .cui-dd-arrow-button:hover,
.WACZoomDialogRadioRow-highlight,
.WACZoomDialogRadioRow:hover {
  border-color: #d5e1f2;
  background-color: #d5e1f2;
  outline: 2px dashed transparent;
}
.WACDialogCheckboxDiv:hover,
.WACDialogCheckboxDivHighlight {
  border: 1px solid #000000;
  outline: 2px dashed transparent;
}
.cui-ctl-menu {
  -webkit-tap-highlight-color: #d5e1f2;
}
.cui-ctl-split-hovered-secondary {
  border-color: #d5e1f2;
  background-color: #ffffff;
  outline: 2px dashed transparent;
}
.usehover .cui-ctl.cui-ctl-on:hover,
.cui-ctl-on:focus,
.cui-ctl-on .cui-ctl-split-hovered,
.cui-ctl-on .cui-ctl-split-hovered-primary {
  border-color: #a3bde3;
  background-color: #d5e1f2;
  outline: 2px dashed transparent;
}
.cui-ctl-active,
.usehover .cui-ctl-active:hover,
.cui-fa-dropped,
.cui-fa-dropped .cui-ctl-a1,
.cui-fa-dropped .cui-ctl-a2 {
  border-color: #a3bde3;
  background-color: #a3bde3;
}
.cui-ctl-menu.cui-fa-dropped {
  border-color: #d5e1f2;
  background-color: #d5e1f2;
}
.cui-section.cui-fa-dropped {
  background-color: transparent;
}
/* MLR VISUAL REFRESH
*/
.MLRVisualRefresh .cui-ctl-on {
  border-color: #c8c6c4;
  background-color: #c8c6c4;
}
.usehover .MLRVisualRefresh .cui-ctl:hover,
.MLRVisualRefresh .cui-ctl:focus,
.usehover .MLRVisualRefresh .cui-ctl-medium:hover,
.MLRVisualRefresh .cui-ctl-medium:focus,
.usehover .MLRVisualRefresh .cui-ctl-large:hover,
.MLRVisualRefresh .cui-ctl-large:focus,
.usehover .MLRVisualRefresh .cui-sldr:hover,
.MLRVisualRefresh .cui-sldr-onfocus,
.MLRVisualRefresh .cui-ctl-split-hovered,
.MLRVisualRefresh .cui-ctl-split-hovered-primary,
.MLRVisualRefresh .cui-ctl-menu-hovered-without-focus,
.MLRVisualRefresh .cui-ctl-menu:focus,
.usehover .MLRVisualRefresh .cui-ctl-thin:hover,
.MLRVisualRefresh .cui-ctl-thin:focus,
.usehover .MLRVisualRefresh .cui-spn-btnup:hover,
.usehover .MLRVisualRefresh .cui-spn-btndown:hover,
.usehover .MLRVisualRefresh .cui-dd-arrow-button:hover,
.MLRVisualRefresh .WACZoomDialogRadioRow-highlight,
.MLRVisualRefresh .WACZoomDialogRadioRow:hover {
  border-color: #e1dfdd;
  background-color: #e1dfdd;
}
.MLRVisualRefresh .WACDialogCheckboxDiv:hover,
.MLRVisualRefresh .WACDialogCheckboxDivHighlight {
  border: 1px solid #000000;
}
.usehover .MLRVisualRefresh .cui-tb:hover .cui-txtbx,
.MLRVisualRefresh .cui-tb-focus .cui-txtbx,
.usehover .MLRVisualRefresh .cui-spn:hover .cui-spn-txtbx,
.usehover .MLRVisualRefresh .cui-spn:hover .cui-spn-arwbx,
.MLRVisualRefresh .cui-spn-focus .cui-spn-txtbx,
.MLRVisualRefresh .cui-spn-focus .cui-spn-arwbx,
.usehover .MLRVisualRefresh span:hover > .cui-dd-arrow-button,
.usehover .MLRVisualRefresh .cui-dd:hover .cui-dd-text,
.MLRVisualRefresh .cui-dd:focus .cui-dd-text,
.MLRVisualRefresh .cui-dd:focus .cui-dd-arrow-button,
.usehover .MLRVisualRefresh .cui-cb:hover .cui-cb-input,
.MLRVisualRefresh .cui-cb-focus .cui-cb-input,
.MLRVisualRefresh .cui-cb-focus .cui-dd-arrow-button,
.MLRVisualRefresh .WACDialogList:focus {
  border-color: #969696;
}
.MLRVisualRefresh .cui-ctl-split-hovered-secondary {
  border-color: #e1dfdd;
}
.MLRVisualRefresh .cui-ctl-menu {
  -webkit-tap-highlight-color: #e1dfdd;
}
.usehover .MLRVisualRefresh .cui-groupBody .cui-gallerybutton:hover,
.usehover .MLRVisualRefresh .cui-groupBody .cui-gallerybutton:hover .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton.cui-gallerybutton-focused,
.MLRVisualRefresh .cui-gallerybutton.cui-gallerybutton-focused .cui-gallerybutton-a {
  border-color: #e1dfdd;
}
.usehover .MLRVisualRefresh .cui-ctl.cui-ctl-on:hover,
.MLRVisualRefresh .cui-ctl-on:focus,
.MLRVisualRefresh .cui-ctl-on .cui-ctl-split-hovered,
.MLRVisualRefresh .cui-ctl-on .cui-ctl-split-hovered-primary {
  border-color: #797673;
  background-color: #c8c6c4;
}
.MLRVisualRefresh .cui-ctl-active,
.usehover .MLRVisualRefresh .cui-ctl-active:hover,
.MLRVisualRefresh .cui-fa-dropped,
.MLRVisualRefresh .cui-fa-dropped .cui-ctl-a1,
.MLRVisualRefresh .cui-fa-dropped .cui-ctl-a2 {
  border-color: #d2d0ce;
  background-color: #d2d0ce;
}
/* We just want it to not show. We still want the spacing it provides */
.MLRVisualRefresh .cui-separator {
  visibility: hidden;
}
.MLRVisualRefresh .cui-disabled:focus,
.MLRVisualRefresh .cui-disabled:focus:hover,
.MLRVisualRefresh .cui-disabled .cui-ctl-split-hovered-primary,
.MLRVisualRefresh .cui-disabled .cui-ctl-split-hovered-secondary {
  border-color: #e1dfdd !important;
  background-color: #e1dfdd !important;
}
.MLRVisualRefresh .cui-disabled:focus .cui-img-container,
.MLRVisualRefresh .cui-disabled:focus .cui-img-cont-float,
.MLRVisualRefresh .cui-disabled:focus .cui-img-container,
.MLRVisualRefresh .cui-disabled:focus .cui-img-cont-float {
  background-color: #e1dfdd !important;
}
/* MLRVisualRefresh New Chevron Icon Styles */
.MLRVisualRefresh .cui-dd-arrow-button .cui-img-8by8 {
  top: 1px;
  left: -1px;
}
.AppRtl .MLRVisualRefresh .cui-dd-arrow-button .cui-img-8by8 {
  left: 0px;
  right: -2px;
}
.MLRVisualRefresh .cui-ctl .cui-ctl-a2 {
  padding: 1px 1px 3px 2px;
}
.MLRVisualRefresh .cui-ctl .cui-ctl-smalllabel {
  padding: 0;
  padding-left: 3px;
  margin-top: -2px;
}
.AppRtl .MLRVisualRefresh .cui-ctl .cui-ctl-smalllabel {
  padding-left: 0px;
  padding-right: 2px;
}
.MLRVisualRefresh .cui-ctl-thin {
  padding-left: 3px;
  padding-right: 2px;
}
.AppRtl .MLRVisualRefresh .cui-ctl-thin {
  padding-right: 3px;
  padding-left: 2px;
}
.MLRVisualRefresh .cui-ctl-thin .cui-img-8by8 {
  margin-top: 42px;
}
.MLRVisualRefresh .cui-ctl-large .cui-img-8by8 {
  left: 1px;
}
.MLRVisualRefresh .cui-spn-btnup,
.MLRVisualRefresh .cui-spn-btndown {
  padding-top: 0px;
  padding-bottom: 2px;
}
.MLRVisualRefresh .cui-spn-btnup .cui-img-8by8,
.MLRVisualRefresh .cui-spn-btndown .cui-img-8by8 {
  left: 1px;
}
.AppRtl .MLRVisualRefresh .cui-spn-btnup .cui-img-8by8,
.AppRtl .MLRVisualRefresh .cui-spn-btndown .cui-img-8by8 {
  left: 0px;
}
.MLRVisualRefresh .cui-ctl-largeFloatieIconContainer .cui-img-8by8 {
  margin-bottom: 8px;
}
.MLRVisualRefresh .PeoplesWellControl .cui-img-8by8 {
  top: -2px;
}
/* Floatie chevron fix for New Chevron Icon */
.MLRVisualRefresh.cui-floatie .cui-dd-arrow-button,
.MLRVisualRefresh.cui-floatie .cui-ctl .cui-ctl-smalllabel,
.MLRVisualRefresh.cui-floatie .cui-ctl .cui-ctl-a2 {
  font-size: 12px;
}
/* New chevron styles for touch controls */
.MLRVisualRefresh.cui-floatie.cui-touch .cui-dd-arrow-button .cui-img-8by8 {
  top: 6px;
}
.MLRVisualRefresh.cui-floatie.cui-touch .cui-ctl .cui-ctl-a2 {
  padding-top: 6px;
  padding-bottom: 7px;
}
.MLRVisualRefresh.cui-floatie.cui-touch .cui-ctl .cui-ctl-smalllabel {
  margin-top: 0px;
}
.MLRVisualRefresh .cui-touch .cui-row-threerow .cui-ctl .cui-ctl-a2 {
  padding-top: 3px;
  padding-bottom: 5px;
}
.MLRVisualRefresh .cui-touch .cui-row-tworow .cui-ctl .cui-ctl-a2 {
  padding-top: 6px;
  padding-bottom: 7px;
}
.MLRVisualRefresh .cui-touch .cui-ctl .cui-ctl-smalllabel {
  margin-top: -1px;
}
.tellme-flight.cui-sb {
  background-color: transparent;
  border-color: transparent;
}
.tellme-flight.cui-sb-hover,
.tellme-flight.cui-sb-focus,
.tellme-flight.cui-fa-dropped {
  background-color: #a7a9ac !important;
  color: white !important;
  z-index: 1001;
}
span.tellme-flight.cui-sb-hover,
span.tellme-flight.cui-sb-focus {
  outline: 2px dashed transparent;
}
.cui-disabled * {
  color: #b1b1b1 !important;
}
.cui-disabled .cui-img-container,
.cui-disabled .cui-img-cont-float {
  opacity: 0.3;
  /* IE9, Firefox, Chrome, and Safari */
}
.cui-disabled .cui-txtbx,
.cui-disabled .cui-spn-txtbx,
.cui-disabled .cui-cb-input {
  color: #b1b1b1 !important;
  background-color: #f0f0f0 !important;
  cursor: default;
}
.cui-disabled .cui-txtbx,
.cui-disabled .cui-spn-txtbx,
.cui-disabled .cui-spn-arwbx,
.cui-disabled .cui-dd-arrow-button,
.cui-disabled .cui-dd-text,
.cui-disabled .cui-cb-input {
  border-color: #e1e1e1 !important;
}
.cui-disabled.cui-ctl-on {
  border-color: transparent !important;
  background-color: transparent !important;
}
.cui-disabled.cui-gallerybutton-highlighted {
  border-color: transparent !important;
}
.cui-disabled.cui-gallerybutton-highlighted .cui-gallerybutton-a {
  border-color: transparent !important;
}
.usehover .cui-disabled:hover .cui-txtbx,
.usehover .cui-disabled:hover .cui-spn-txtbx,
.usehover .cui-disabled:hover .cui-spn-arwbx,
.usehover .cui-disabled:hover .cui-dd-text,
.usehover .cui-disabled:hover .cui-cb-input,
.usehover .cui-disabled .cui-dd-arrow-button:hover {
  border-color: #e1e1e1 !important;
  outline: none;
}
.usehover .cui-disabled .cui-dd-arrow-button:hover {
  border-width: 1px;
  border-left-width: 0px;
  background-color: transparent !important;
  padding-right: 0px !important;
  outline: none;
}
.usehover .cui-disabled .cui-dd-arrow-button:hover {
  padding-left: 5px !important;
  outline: none;
}
.AppRtl.usehover .cui-disabled .cui-dd-arrow-button:hover {
  border-width: 1px;
  border-right-width: 0px;
  padding-left: 0px !important;
  outline: none;
}
.AppRtl.usehover .cui-disabled .cui-dd-arrow-button:hover {
  padding-right: 5px !important;
  outline: none;
}
.usehover .cui-disabled:hover * {
  outline: none !important;
}
.usehover .cui-disabled:hover,
.usehover .cui-disabled.cui-ctl-on:hover,
.cui-disabled.cui-ctl-split-hovered,
.cui-disabled .cui-ctl-split-hovered-primary,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton:hover,
.usehover .cui-disabled.cui-gallerybutton:hover .cui-gallerybutton-a,
.usehover .cui-disabled .cui-spn-btnup:hover,
.usehover .cui-disabled .cui-spn-btndown:hover {
  border-color: transparent !important;
  background-color: transparent !important;
  outline: none;
}
.usehover .cui-disabled.cui-ctl-thin:hover {
  border-color: transparent !important;
  border-left-color: #e1e1e1 !important;
  outline: none;
}
.AppRtl.usehover .cui-disabled.cui-ctl-thin:hover {
  border-color: transparent !important;
  border-right-color: #e1e1e1 !important;
  outline: none;
}
.cui-disabled:focus,
.cui-disabled:focus:hover,
.cui-disabled .cui-ctl-split-hovered-primary,
.cui-disabled .cui-ctl-split-hovered-secondary {
  border-color: #d5e1f2 !important;
  background-color: #d5e1f2 !important;
  outline: 2px dotted transparent;
}
.cui-disabled:focus .cui-img-container,
.cui-disabled:focus .cui-img-cont-float,
.cui-disabled:focus .cui-img-container,
.cui-disabled:focus .cui-img-cont-float {
  background-color: #d5e1f2 !important;
}
.cui-touch .cui-hideInTouch {
  display: none;
}
div#AccessibilityHelpDialogBody {
  margin-top: 10px;
}
table.SelectableDialogTable {
  border: 1px solid #CCC;
  border-collapse: collapse;
  cursor: default;
}
.SelectableDialogTable thead,
.SelectableDialogTable tbody {
  display: block;
}
.SelectableDialogTable thead {
  border-bottom: 1px solid #CCC;
}
.SelectableDialogTable tbody {
  overflow: auto;
}
.SelectableDialogTable th,
.SelectableDialogTable td {
  width: 300px;
  text-align: left;
  padding: 5px;
}
.AppRtl .SelectableDialogTable th,
.AppRtl .SelectableDialogTable td {
  text-align: right;
}
.SelectableDialogTable tbody tr:focus {
  background-color: Highlight;
  color: HighlightText;
  outline: 2px dashed transparent;
}
.SelectableDialogTable tbody tr.inactiveRowSelection {
  background-color: #EEE;
  outline: 2px dashed transparent;
}
/*-----------------------------------------------------------------------------
	LABELS
-----------------------------------------------------------------------------*/
.cui-fslb {
  display: inline-block;
  padding: 4px 3px 1px 0px;
  margin-left: 1px;
  margin-right: 1px;
  vertical-align: top;
  color: #444444;
  cursor: default;
}
.AppRtl .cui-fslb {
  padding: 4px 0px 1px 3px;
}
.cui-touch .cui-fslb {
  padding-top: 6px;
  padding-bottom: 7px;
}
.cui-touch .cui-row-threerow .cui-fslb {
  padding-top: 4px;
  padding-bottom: 4px;
}
.cui-fslb .cui-ctl-iconContainer {
  width: 22px;
  height: 22px;
  vertical-align: top;
  display: inline-block;
  text-align: center;
}
/*-----------------------------------------------------------------------------
        GALLERIES
    -----------------------------------------------------------------------------*/
.cui-inRibbonGallery {
  height: 60px;
  border: 1px solid #e1e1e1;
}
.cui-touch .cui-inRibbonGallery {
  margin-top: 5px;
}
.cui-inRibbonGallery .cui-gallerybutton {
  vertical-align: top;
}
.cui-inRibbonGallery .cui-gallerybutton-a {
  height: 48px;
}
.cui-inRibbonGallery .cui-gallerybutton-Size48by48 .cui-gallerybutton-a {
  width: 48px;
}
.cui-inRibbonGallery cui-gallerybutton-Size64by48 .cui-gallerybutton-a {
  width: 64px;
}
.cui-inRibbonGallery cui-gallerybutton-Size70by48 .cui-gallerybutton-a {
  width: 70px;
}
.cui-ctl-thin {
  height: 50px;
  border: 1px solid transparent;
  border-left-color: #e1e1e1;
  padding: 4px;
  vertical-align: top;
  overflow: hidden;
  display: inline-block;
  cursor: default;
}
.AppRtl .cui-ctl-thin {
  border: 1px solid transparent;
  border-right: 1px solid #e1e1e1;
}
.cui-touch .cui-ctl-thin {
  width: 18px;
  text-align: center;
}
.cui-ctl-thin span {
  margin-top: 46px;
}
.cui-touch .cui-ctl-thin span {
  margin-top: 25px;
}
.cui-ctl-thin .cui-keytip span {
  margin-top: 0px;
}
.cui-touch .cui-ctl-thin .cui-keytip span {
  margin-top: 0px;
}
.cui-gallery {
  margin: 0px;
  border: 0px;
  border-spacing: 0;
  /* let the gallerybuttons take care of the margins between gallery table cells */
}
.cui-gallery-td {
  margin: 0;
  padding: 0;
}
.cui-gallery-element-Size16by16 {
  width: 23px;
  height: 23px;
  overflow: hidden;
}
.cui-gallery-element-Size40by40 {
  width: 47px;
  height: 47px;
  overflow: hidden;
}
.cui-gallery-element-Size48by48 {
  width: 55px;
  height: 55px;
  overflow: hidden;
}
.cui-gallery-element-Size61by75 {
  width: 68px;
  height: 82px;
  overflow: hidden;
}
.cui-gallery-element-Size64by48 {
  width: 71px;
  height: 55px;
  overflow: hidden;
}
.cui-gallery-element-Size85by16 {
  width: 92px;
  height: 23px;
  overflow: hidden;
}
.cui-gallery-element-Size85by48 {
  width: 92px;
  height: 55px;
  overflow: hidden;
}
.cui-gallery-element-Size32by32 {
  width: 39px;
  height: 39px;
  overflow: hidden;
}
.cui-gallery-element-Size120by20 {
  width: 127px;
  height: 27px;
  overflow: hidden;
}
.cui-gallery-element-Size20by20 {
  width: 27px;
  height: 27px;
  overflow: hidden;
}
.cui-gallery-element-Size24by24 {
  width: 31px;
  height: 31px;
  overflow: hidden;
}
.cui-gallery-element-Size84by21 {
  width: 91px;
  height: 28px;
  overflow: hidden;
}
.cui-gallery-element-Size90by21 {
  width: 97px;
  height: 28px;
  overflow: hidden;
}
.cui-gallery-element-Size200by200 {
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.cui-gallery-element-Size70by48 {
  width: 77px;
  height: 55px;
  overflow: hidden;
}
.cui-gallerybutton,
.cui-gallerybutton * {
  -ms-touch-action: none;
  touch-action: none;
  /* Edge has replaced -ms-touch-action with touch-action */
}
.cui-gallerybutton {
  border: 1px solid transparent;
  display: inline-block;
  margin-left: 0px;
  margin-right: 2px;
}
.AppRtl .cui-gallerybutton {
  margin-left: 2px;
  margin-right: 0px;
}
.cui-gallerybutton-Size16by16 {
  width: 26px;
  height: 26px;
  overflow: hidden;
}
.cui-gallerybutton-Size40by40 {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.cui-gallerybutton-Size48by48 {
  width: 58px;
  height: 58px;
  overflow: hidden;
}
.cui-gallerybutton-Size61by75 {
  width: 71px;
  height: 85px;
  overflow: hidden;
}
.cui-gallerybutton-Size64by48 {
  width: 74px;
  height: 58px;
  overflow: hidden;
}
.cui-gallerybutton-Size70by48 {
  width: 80px;
  height: 58px;
  overflow: hidden;
}
.cui-gallerybutton-Size85by16 {
  width: 95px;
  height: 26px;
  overflow: hidden;
}
.cui-gallerybutton-Size85by48 {
  width: 95px;
  height: 58px;
  overflow: hidden;
}
.cui-gallerybutton-Size110by75 {
  width: 120px;
  height: 85px;
  overflow: hidden;
}
.cui-gallerybutton-Size32by32 {
  width: 42px;
  height: 42px;
  overflow: hidden;
}
.cui-gallerybutton-Size120by20 {
  width: 130px;
  height: 30px;
  overflow: hidden;
}
.cui-gallerybutton-Size20by20 {
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.cui-gallerybutton-Size24by24 {
  width: 34px;
  height: 34px;
  overflow: hidden;
}
.cui-gallerybutton-Size84by21 {
  width: 94px;
  height: 31px;
  overflow: hidden;
}
.cui-gallerybutton-Size90by21 {
  width: 100px;
  height: 31px;
  overflow: hidden;
}
.cui-gallerybutton-Size200by200 {
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.cui-gallerybutton-a {
  display: block;
  text-align: center;
  vertical-align: middle;
  border: 3px solid transparent;
  padding: 2px;
  overflow: hidden;
  cursor: default;
}
.cui-gallerybutton-a.cui-gallerybutton-a-ltr {
  direction: ltr;
  text-align: left;
}
.cui-gallerybutton-a.cui-gallerybutton-a-rtl {
  direction: rtl;
  text-align: right;
}
.cui-gallerybutton-a.cui-gallerybutton-a-ltr .ListMultilevelPreview .level0 {
  margin-left: 0pt;
}
.cui-gallerybutton-a.cui-gallerybutton-a-rtl .ListMultilevelPreview .level0 {
  margin-right: 0pt;
}
.cui-gallerybutton-a.cui-gallerybutton-a-ltr .ListMultilevelPreview .level1 {
  margin-left: 5pt;
}
.cui-gallerybutton-a.cui-gallerybutton-a-rtl .ListMultilevelPreview .level1 {
  margin-right: 5pt;
}
.cui-gallerybutton-a.cui-gallerybutton-a-ltr .ListMultilevelPreview .level2 {
  margin-left: 10pt;
}
.cui-gallerybutton-a.cui-gallerybutton-a-rtl .ListMultilevelPreview .level2 {
  margin-right: 10pt;
}
.cui-gallerybutton-Size16by16 > .cui-gallerybutton-a {
  width: 16px;
  height: 16px;
}
.cui-gallerybutton-Size40by40 > .cui-gallerybutton-a {
  width: 40px;
  height: 40px;
}
.cui-gallerybutton-Size48by48 > .cui-gallerybutton-a {
  width: 48px;
  height: 48px;
}
.cui-gallerybutton-Size61by75 > .cui-gallerybutton-a {
  width: 61px;
  height: 75px;
}
.cui-gallerybutton-Size64by48 > .cui-gallerybutton-a {
  width: 64px;
  height: 48px;
}
.cui-gallerybutton-Size70by48 > .cui-gallerybutton-a {
  width: 70px;
  height: 48px;
}
.cui-gallerybutton-Size85by16 > .cui-gallerybutton-a {
  width: 85px;
  height: 16px;
}
.cui-gallerybutton-Size85by48 > .cui-gallerybutton-a {
  width: 85px;
  height: 48px;
}
.cui-gallerybutton-Size110by75 > .cui-gallerybutton-a {
  width: 110px;
  height: 75px;
}
.cui-gallerybutton-Size32by32 > .cui-gallerybutton-a {
  width: 32px;
  height: 32px;
}
.cui-gallerybutton-Size120by20 > .cui-gallerybutton-a {
  width: 120px;
  height: 20px;
}
.cui-gallerybutton-Size20by20 > .cui-gallerybutton-a {
  width: 20px;
  height: 20px;
}
.cui-gallerybutton-Size24by24 > .cui-gallerybutton-a {
  width: 24px;
  height: 24px;
}
.cui-gallerybutton-Size84by21 > .cui-gallerybutton-a {
  width: 84px;
  height: 21px;
}
.cui-gallerybutton-Size90by21 > .cui-gallerybutton-a {
  width: 90px;
  height: 21px;
}
/*-----------------------------------------------------------------------------
	CONTROL STATES - GALLERY BUTTONS - START
-----------------------------------------------------------------------------*/
.cui-gallerybutton-highlighted {
  border-color: #c2d5f2;
  outline: 2px solid transparent;
}
.cui-gallerybutton-highlighted .cui-gallerybutton-a {
  border-color: #c2d5f2;
}
.cui-gallerybutton-highlighted.cui-gallerybutton-Size16by16 .cui-gallerybutton-a {
  background-color: #c2d5f2;
}
.cui-gallerybutton-highlighted.cui-gallerybutton-Size20by20 .cui-gallerybutton-a {
  background-color: #c2d5f2;
}
.cui-gallerybutton-highlighted.cui-gallerybutton-Size24by24 .cui-gallerybutton-a {
  background-color: #c2d5f2;
}
.cui-gallerybutton-highlighted.cui-gallerybutton-Size84by21 .cui-gallerybutton-a {
  background-color: #c2d5f2;
}
.cui-gallerybutton-highlighted.cui-gallerybutton-Size90by21 .cui-gallerybutton-a {
  background-color: #c2d5f2;
}
.cui-gallerybutton-Size16by16.cui-gallerybutton-focused,
.cui-gallerybutton-Size16by16.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size20by20.cui-gallerybutton-focused,
.cui-gallerybutton-Size20by20.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size24by24.cui-gallerybutton-focused,
.cui-gallerybutton-Size24by24.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size84by21.cui-gallerybutton-focused,
.cui-gallerybutton-Size84by21.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size90by21.cui-gallerybutton-focused,
.cui-gallerybutton-Size90by21.cui-gallerybutton-focused .cui-gallerybutton-a {
  border-color: #d5e1f2;
  background-color: #d5e1f2;
  outline: 2px dashed transparent;
}
.usehover .cui-groupBody .cui-gallerybutton-Size40by40:hover,
.usehover .cui-groupBody .cui-gallerybutton-Size40by40:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-Size48by48:hover,
.usehover .cui-groupBody .cui-gallerybutton-Size48by48:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-Size64by48:hover,
.usehover .cui-groupBody .cui-gallerybutton-Size64by48:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-Size70by48:hover,
.usehover .cui-groupBody .cui-gallerybutton-Size70by48:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-Size85by16:hover,
.usehover .cui-groupBody .cui-gallerybutton-Size85by16:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-Size85by48:hover,
.usehover .cui-groupBody .cui-gallerybutton-Size85by48:hover .cui-gallerybutton-a,
.usehover .cui-gallerybutton-Size110by75:hover,
.usehover .cui-gallerybutton-Size110by75:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-Size32by32:hover,
.usehover .cui-groupBody .cui-gallerybutton-Size32x32:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-Size120x20:hover,
.usehover .cui-groupBody .cui-gallerybutton-Size120x20:hover .cui-gallerybutton-a,
.cui-gallerybutton-Size40by40.cui-gallerybutton-focused,
.cui-gallerybutton-Size40by40.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size48by48.cui-gallerybutton-focused,
.cui-gallerybutton-Size48by48.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size61by75.cui-gallerybutton-focused,
.cui-gallerybutton-Size61by75.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size64by48.cui-gallerybutton-focused,
.cui-gallerybutton-Size64by48.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size70by48.cui-gallerybutton-focused,
.cui-gallerybutton-Size70by48.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size85by16.cui-gallerybutton-focused,
.cui-gallerybutton-Size85by16.cui-gallerybutton-focused,
.cui-gallerybutton-Size85by48.cui-gallerybutton-focused,
.cui-gallerybutton-Size85by48.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size32by32.cui-gallerybutton-focused,
.cui-gallerybutton-Size32by32.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-Size120by20.cui-gallerybutton-focused,
.cui-gallerybutton-Size120by20.cui-gallerybutton-focused .cui-gallerybutton-a {
  border-color: #d5e1f2;
  outline: 2px dashed transparent;
}
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40:hover,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48:hover,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48:hover,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48:hover,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16:hover,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48:hover,
.usehover .cui-gallerybutton-highlighted.cui-gallerybutton-Size110by75:hover,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32:hover,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20:hover,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size16by16.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size61by75.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size20by20.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size24by24.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size84by21.cui-gallerybutton-focused,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size90by21.cui-gallerybutton-focused {
  border-color: #a3bde3;
  outline: 2px dashed transparent;
}
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48:hover .cui-gallerybutton-a,
.usehover .cui-gallerybutton-highlighted.cui-gallerybutton-Size110by75:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20:hover .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size61by75.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size84by21.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size90by21.cui-gallerybutton-focused .cui-gallerybutton-a {
  border-color: #d5e1f2;
  outline: 2px dashed transparent;
}
.cui-gallerybutton-highlighted.cui-gallerybutton-Size16by16.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size20by20.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size24by24.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size84by21.cui-gallerybutton-focused .cui-gallerybutton-a,
.cui-gallerybutton-highlighted.cui-gallerybutton-Size90by21.cui-gallerybutton-focused .cui-gallerybutton-a {
  border-color: #d5e1f2;
  background-color: #d5e1f2;
  outline: 2px dashed transparent;
}
.cui-ctl-active,
.usehover .cui-ctl-active:hover,
.cui-gallerybutton-Size16by16.cui-ctl-active,
.cui-gallerybutton-Size16by16.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size20by20.cui-ctl-active,
.cui-gallerybutton-Size20by20.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size24by24.cui-ctl-active,
.cui-gallerybutton-Size24by24.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size84by21.cui-ctl-active,
.cui-gallerybutton-Size84by21.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size90by21.cui-ctl-active,
.cui-gallerybutton-Size90by21.cui-ctl-active .cui-gallerybutton-a {
  border-color: #a3bde3;
  background-color: #a3bde3;
}
.cui-gallerybutton-Size40by40.cui-ctl-active,
.cui-gallerybutton-Size40by40.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size48by48.cui-ctl-active,
.cui-gallerybutton-Size48by48.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size61by75.cui-ctl-active,
.cui-gallerybutton-Size61by75.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size64by48.cui-ctl-active,
.cui-gallerybutton-Size64by48.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size70by48.cui-ctl-active,
.cui-gallerybutton-Size70by48.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size85by16.cui-ctl-active,
.cui-gallerybutton-Size85by16.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size85by48.cui-ctl-active,
.cui-gallerybutton-Size85by48.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size110by75.cui-ctl-active,
.cui-gallerybutton-Size110by75.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size32by32.cui-ctl-active,
.cui-gallerybutton-Size32by32.cui-ctl-active .cui-gallerybutton-a,
.cui-gallerybutton-Size120by20.cui-ctl-active,
.cui-gallerybutton-Size120by20.cui-ctl-active .cui-gallerybutton-a {
  border-color: #a3bde3;
  background-color: #ffffff;
}
/* MLR VISUAL REFRESH */
.MLRVisualRefresh .cui-gallerybutton-highlighted {
  border-color: #c8c6c4;
}
.MLRVisualRefresh .cui-gallerybutton-highlighted .cui-gallerybutton-a {
  border-color: #c8c6c4;
}
.MLRVisualRefresh .cui-gallerybutton-highlighted.cui-gallerybutton-Size16by16 .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-highlighted.cui-gallerybutton-Size20by20 .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-highlighted.cui-gallerybutton-Size24by24 .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-highlighted.cui-gallerybutton-Size84by21 .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-highlighted.cui-gallerybutton-Size90by21 .cui-gallerybutton-a {
  background-color: #c8c6c4;
}
.MLRVisualRefresh .cui-gallerybutton-Size16by16.cui-gallerybutton-focused,
.MLRVisualRefresh .cui-gallerybutton-Size16by16.cui-gallerybutton-focused .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-Size20by20.cui-gallerybutton-focused,
.MLRVisualRefresh .cui-gallerybutton-Size20by20.cui-gallerybutton-focused .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-Size24by24.cui-gallerybutton-focused,
.MLRVisualRefresh .cui-gallerybutton-Size24by24.cui-gallerybutton-focused .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-Size84by21.cui-gallerybutton-focused,
.MLRVisualRefresh .cui-gallerybutton-Size84by21.cui-gallerybutton-focused .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-Size90by21.cui-gallerybutton-focused,
.MLRVisualRefresh .cui-gallerybutton-Size90by21.cui-gallerybutton-focused .cui-gallerybutton-a,
.usehover .MLRVisualRefresh .cui-ctl-thin:hover,
.MLRVisualRefresh .cui-ctl-thin:focus {
  border-color: #e1dfdd;
  background-color: #e1dfdd;
}
.usehover .MLRVisualRefresh .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton:hover,
.MLRVisualRefresh .cui-gallerybutton-highlighted.cui-gallerybutton.cui-gallerybutton-focused {
  border-color: #797673;
}
.MLRVisualRefresh .cui-gallerybutton-Size16by16.cui-ctl-active,
.MLRVisualRefresh .cui-gallerybutton-Size16by16.cui-ctl-active .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-Size20by20.cui-ctl-active,
.MLRVisualRefresh .cui-gallerybutton-Size20by20.cui-ctl-active .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-Size24by24.cui-ctl-active,
.MLRVisualRefresh .cui-gallerybutton-Size24by24.cui-ctl-active .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-Size84by21.cui-ctl-active,
.MLRVisualRefresh .cui-gallerybutton-Size84by21.cui-ctl-active .cui-gallerybutton-a,
.MLRVisualRefresh .cui-gallerybutton-Size90by21.cui-ctl-active,
.MLRVisualRefresh .cui-gallerybutton-Size90by21.cui-ctl-active .cui-gallerybutton-a {
  border-color: #d2d0ce;
  background-color: #d2d0ce;
}
.MLRVisualRefresh .cui-gallerybutton.cui-ctl-active,
.MLRVisualRefresh .cui-gallerybutton.cui-ctl-active .cui-gallerybutton-a {
  border-color: #d2d0ce;
}
.MLRVisualRefresh .cui-disabled.cui-gallerybutton.cui-gallerybutton-focused,
.MLRVisualRefresh .cui-disabled.cui-gallerybutton.cui-gallerybutton-focused .cui-gallerybutton-a,
.MLRVisualRefresh .cui-groupBody .cui-disabled.cui-gallerybutton.cui-gallerybutton-focused:hover,
.MLRVisualRefresh .cui-groupBody .cui-disabled.cui-gallerybutton.cui-gallerybutton-focused:hover .cui-gallerybutton-a {
  border-color: #e1dfdd !important;
}
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40:hover,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48:hover,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48:hover,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48:hover,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16:hover,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48:hover,
.usehover .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size110by75:hover,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32:hover,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20:hover {
  border-color: transparent !important;
}
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48:hover .cui-gallerybutton-a,
.usehover .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size110by75:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32:hover .cui-gallerybutton-a,
.usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20:hover .cui-gallerybutton-a {
  border-color: transparent !important;
}
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size40by40,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size40by40 .cui-gallerybutton-a,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size48by48,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size48by48 .cui-gallerybutton-a,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size61by75,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size61by75 .cui-gallerybutton-a,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size64by48,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size64by48 .cui-gallerybutton-a,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size70by48,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size70by48 .cui-gallerybutton-a,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by16,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by16 .cui-gallerybutton-a,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by48,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by48 .cui-gallerybutton-a,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size110by75,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size110by75 .cui-gallerybutton-a,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size32by32,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size32by32 .cui-gallerybutton-a,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size120by20,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size120by20 .cui-gallerybutton-a,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size110by75:hover,
.cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size110by75:hover .cui-gallerybutton-a,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size40by40:hover,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size40by40:hover .cui-gallerybutton-a,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size48by48:hover,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size48by48:hover .cui-gallerybutton-a,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size64by48:hover,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size64by48:hover .cui-gallerybutton-a,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size70by48:hover,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size70by48:hover .cui-gallerybutton-a,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by16:hover,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by16:hover .cui-gallerybutton-a,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by48:hover,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by48:hover .cui-gallerybutton-a,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size32by32:hover,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size32by32:hover .cui-gallerybutton-a,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size120by20:hover,
.cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size120by20:hover .cui-gallerybutton-a {
  border-color: #d5e1f2 !important;
  outline: 2px dotted transparent;
}
/*-----------------------------------------------------------------------------
	CONTROL STATES - GALLERY BUTTONS - END
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
	HIGH CONTRAST STYLING - GALLERY BUTTONS
-----------------------------------------------------------------------------*/
/* All high contrast styling rules in IE10+/Edge */
@media screen and (-ms-high-contrast: active) {
  .cui-disabled.cui-gallerybutton-highlighted,
  .cui-disabled.cui-gallerybutton-highlighted .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40:hover,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48:hover,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48:hover,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48:hover,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16:hover,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48:hover,
  .usehover .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size110by75:hover,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32:hover,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20:hover,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48:hover .cui-gallerybutton-a,
  .usehover .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size110by75:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20:hover .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size40by40,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size40by40 .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size48by48,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size48by48 .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size61by75,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size61by75 .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size64by48,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size64by48 .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size70by48,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size70by48 .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by16,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by16 .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by48,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by48 .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size110by75,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size110by75 .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size110by75:hover,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size110by75:hover .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size32by32,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size32by32 .cui-gallerybutton-a,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size120by20,
  .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size120by20 .cui-gallerybutton-a,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size40by40:hover,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size40by40:hover .cui-gallerybutton-a,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size48by48:hover,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size48by48:hover .cui-gallerybutton-a,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size64by48:hover,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size64by48:hover .cui-gallerybutton-a,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size70by48:hover,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size70by48:hover .cui-gallerybutton-a,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by16:hover,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by16:hover .cui-gallerybutton-a,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by48:hover,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size85by48:hover .cui-gallerybutton-a,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size32by32:hover,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size32by32:hover .cui-gallerybutton-a,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size120by20:hover,
  .cui-groupBody .cui-disabled.cui-gallerybutton-focused.cui-gallerybutton-Size120by20:hover .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-disabled.cui-gallerybutton.cui-gallerybutton-focused,
  .MLRVisualRefresh .cui-disabled.cui-gallerybutton.cui-gallerybutton-focused .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-groupBody .cui-disabled.cui-gallerybutton.cui-gallerybutton-focused:hover,
  .MLRVisualRefresh .cui-groupBody .cui-disabled.cui-gallerybutton.cui-gallerybutton-focused:hover .cui-gallerybutton-a {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: GrayText !important;
    opacity: 1;
    outline-color: inherit !important;
  }
  .cui-gallerybutton-highlighted,
  .cui-gallerybutton-highlighted .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size16by16 .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size20by20 .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size24by24 .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size84by21 .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size90by21 .cui-gallerybutton-a,
  .cui-gallerybutton-Size16by16.cui-gallerybutton-focused,
  .cui-gallerybutton-Size16by16.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size20by20.cui-gallerybutton-focused,
  .cui-gallerybutton-Size20by20.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size24by24.cui-gallerybutton-focused,
  .cui-gallerybutton-Size24by24.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size84by21.cui-gallerybutton-focused,
  .cui-gallerybutton-Size84by21.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size90by21.cui-gallerybutton-focused,
  .cui-gallerybutton-Size90by21.cui-gallerybutton-focused .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-Size40by40:hover,
  .usehover .cui-groupBody .cui-gallerybutton-Size40by40:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-Size48by48:hover,
  .usehover .cui-groupBody .cui-gallerybutton-Size48by48:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-Size64by48:hover,
  .usehover .cui-groupBody .cui-gallerybutton-Size64by48:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-Size70by48:hover,
  .usehover .cui-groupBody .cui-gallerybutton-Size70by48:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-Size85by16:hover,
  .usehover .cui-groupBody .cui-gallerybutton-Size85by16:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-Size85by48:hover,
  .usehover .cui-groupBody .cui-gallerybutton-Size85by48:hover .cui-gallerybutton-a,
  .usehover .cui-gallerybutton-Size110by75:hover,
  .usehover .cui-gallerybutton-Size110by75:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-Size32by32:hover,
  .usehover .cui-groupBody .cui-gallerybutton-Size32by32:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-Size120by20:hover,
  .usehover .cui-groupBody .cui-gallerybutton-Size120by20:hover .cui-gallerybutton-a,
  .cui-gallerybutton-Size40by40.cui-gallerybutton-focused,
  .cui-gallerybutton-Size40by40.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size48by48.cui-gallerybutton-focused,
  .cui-gallerybutton-Size48by48.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size61by75.cui-gallerybutton-focused,
  .cui-gallerybutton-Size61by75.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size64by48.cui-gallerybutton-focused,
  .cui-gallerybutton-Size64by48.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size70by48.cui-gallerybutton-focused,
  .cui-gallerybutton-Size70by48.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size85by16.cui-gallerybutton-focused,
  .cui-gallerybutton-Size85by16.cui-gallerybutton-focused,
  .cui-gallerybutton-Size85by48.cui-gallerybutton-focused,
  .cui-gallerybutton-Size85by48.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size32by32.cui-gallerybutton-focused,
  .cui-gallerybutton-Size32by32.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size120by20.cui-gallerybutton-focused,
  .cui-gallerybutton-Size120by20.cui-gallerybutton-focused .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40:hover,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48:hover,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48:hover,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48:hover,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16:hover,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48:hover,
  .usehover .cui-gallerybutton-highlighted.cui-gallerybutton-Size110by75:hover,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32:hover,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20:hover,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size16by16.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size20by20.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size24by24.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size61by75.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size84by21.cui-gallerybutton-focused,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size90by21.cui-gallerybutton-focused,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48:hover .cui-gallerybutton-a,
  .usehover .cui-gallerybutton-highlighted.cui-gallerybutton-Size110by75:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32:hover .cui-gallerybutton-a,
  .usehover .cui-groupBody .cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20:hover .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size40by40.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size48by48.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size61by75.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size64by48.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size70by48.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by16.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size85by48.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size32by32.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size120by20.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size16by16.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size20by20.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size24by24.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size84by21.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-highlighted.cui-gallerybutton-Size90by21.cui-gallerybutton-focused .cui-gallerybutton-a,
  .cui-gallerybutton-Size16by16.cui-ctl-active,
  .cui-gallerybutton-Size16by16.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size20by20.cui-ctl-active,
  .cui-gallerybutton-Size20by20.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size24by24.cui-ctl-active,
  .cui-gallerybutton-Size24by24.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size84by21.cui-ctl-active,
  .cui-gallerybutton-Size84by21.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size90by21.cui-ctl-active,
  .cui-gallerybutton-Size90by21.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size40by40.cui-ctl-active,
  .cui-gallerybutton-Size40by40.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size48by48.cui-ctl-active,
  .cui-gallerybutton-Size48by48.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size61by75.cui-ctl-active,
  .cui-gallerybutton-Size61by75.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size64by48.cui-ctl-active,
  .cui-gallerybutton-Size64by48.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size70by48.cui-ctl-active,
  .cui-gallerybutton-Size70by48.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size85by16.cui-ctl-active,
  .cui-gallerybutton-Size85by16.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size85by48.cui-ctl-active,
  .cui-gallerybutton-Size85by48.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size110by75.cui-ctl-active,
  .cui-gallerybutton-Size110by75.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size32by32.cui-ctl-active,
  .cui-gallerybutton-Size32by32.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton-Size120by20.cui-ctl-active,
  .cui-gallerybutton-Size120by20.cui-ctl-active .cui-gallerybutton-a,
  .cui-gallerybutton *:hover .PreviewStyleLabel,
  .cui-gallerybutton-focused .PreviewStyleLabel,
  .cui-gallerybutton-highlighted .PreviewStyleLabel,
  .MLRVisualRefresh .cui-gallerybutton-highlighted.cui-gallerybutton-Size16by16 .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-gallerybutton-Size16by16.cui-gallerybutton-focused,
  .MLRVisualRefresh .cui-gallerybutton-Size16by16.cui-gallerybutton-focused .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-gallerybutton-Size20by20.cui-gallerybutton-focused,
  .MLRVisualRefresh .cui-gallerybutton-Size20by20.cui-gallerybutton-focused .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-gallerybutton-Size24by24.cui-gallerybutton-focused,
  .MLRVisualRefresh .cui-gallerybutton-Size24by24.cui-gallerybutton-focused .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-gallerybutton-Size84by21.cui-gallerybutton-focused,
  .MLRVisualRefresh .cui-gallerybutton-Size84by21.cui-gallerybutton-focused .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-gallerybutton-Size90by21.cui-gallerybutton-focused,
  .MLRVisualRefresh .cui-gallerybutton-Size90by21.cui-gallerybutton-focused .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-gallerybutton-Size16by16.cui-ctl-active,
  .MLRVisualRefresh .cui-gallerybutton-Size16by16.cui-ctl-active .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-gallerybutton-Size20by20.cui-ctl-active,
  .MLRVisualRefresh .cui-gallerybutton-Size20by20.cui-ctl-active .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-gallerybutton-Size24by24.cui-ctl-active,
  .MLRVisualRefresh .cui-gallerybutton-Size24by24.cui-ctl-active .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-gallerybutton-Size84by21.cui-ctl-active,
  .MLRVisualRefresh .cui-gallerybutton-Size84by21.cui-ctl-active .cui-gallerybutton-a,
  .MLRVisualRefresh .cui-gallerybutton-Size90by21.cui-ctl-active,
  .MLRVisualRefresh .cui-gallerybutton-Size90by21.cui-ctl-active .cui-gallerybutton-a {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
}
/*-----------------------------------------------------------------------------
	MENU ITEMS
-----------------------------------------------------------------------------*/
a.cui-ctl-menu {
  padding: 3px;
  margin: 1px;
  min-width: 75px;
  /* ensure that context menus are a reasonable minimum width */
  display: block;
}
.cui-touch a.cui-ctl-menu {
  padding: 5px 6px;
  margin-top: 9px;
}
.cui-touch .cui-menusection-firstitem a.cui-ctl-menu {
  margin-top: 0px;
}
.cui-sb-menu .cui-ctl-menu,
.cui-dd-menu .cui-ctl-menu {
  min-width: inherit;
  /* assume the default width for dropdowns and comboxes */
}
.cui-fa-menuitem {
  position: relative;
}
a.cui-ctl-menu16 .cui-ctl-iconContainer {
  margin-left: 0px;
  margin-right: 12px;
}
.AppRtl a.cui-ctl-menu16 .cui-ctl-iconContainer {
  margin-left: 12px;
  margin-right: 0px;
}
a.cui-ctl-menu16 .cui-ctl-mediumlabel {
  display: inline-block;
  padding-left: 0px;
  padding-right: 23px;
}
.AppRtl a.cui-ctl-menu16 .cui-ctl-mediumlabel {
  padding-left: 23px;
  padding-right: 0px;
}
.cui-fa-menuitem .cui-fa-menu-arrow {
  position: absolute;
  top: 4px;
  right: 3px;
}
.AppRtl .cui-fa-menuitem .cui-fa-menu-arrow {
  left: 3px;
  right: auto;
}
.cui-fslb.cui-ctl-menu .cui-ctl-iconContainer {
  width: auto;
}
a.cui-ctl-menu.cui-ctl-menu20 {
  height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 20px;
}
.AppRtl a.cui-ctl-menu.cui-ctl-menu20 {
  padding-left: 20px;
  padding-right: 0px;
}
.cui-ctl-menu20 .cui-ctl-mediumlabel {
  display: inline-block;
  margin-top: 1px;
  margin-left: 4px;
  margin-right: 4px;
}
.cui-ctl-menu20 .cui-ctl-iconContainer20 {
  padding-left: 4px;
  padding-right: 4px;
}
.cui-ctl-menulabel {
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
}
.cui-ctl-menu32 .cui-ctl-menulabel {
  min-height: 35px;
}
.cui-ctl-menu48 .cui-ctl-menulabel {
  min-height: 51px;
}
.cui-ctl-menu32 .cui-ctl-mediumlabel,
.cui-ctl-menu48 .cui-ctl-mediumlabel {
  padding: 3px 0px;
  margin-right: 13px;
}
.cui-ctl-menu32 .cui-ctl-mediumlabel-nodescription {
  position: relative;
  top: 8px;
  padding: 3px 0px;
  margin-right: 13px;
}
.cui-btn-menu-description {
  max-width: 200px;
  /* force description text to wrap at some point */
  margin-left: 0px;
  margin-right: 13px;
  padding-top: 3px;
  white-space: normal;
  word-wrap: break-word;
}
.AppRtl .cui-btn-menu-description {
  margin-left: 13px;
  margin-right: 0px;
}
.cui-ctl-menu32 .cui-fa-menu-arrow {
  top: 14px;
}
.cui-ctl-menu48 .cui-fa-menu-arrow {
  top: 21px;
}
.cui-ctl-initials {
  background-color: orange;
  width: 32px;
  height: 32px;
  border-radius: 17px;
  font-size: 120%;
  text-align: center;
  line-height: 32px;
  margin-left: 4px;
  margin-right: 4px;
  overflow: hidden;
  float: left;
  color: white;
}
.AppRtl .cui-ctl-initials {
  float: right;
}
/*-----------------------------------------------------------------------------
	SEPARATORS
-----------------------------------------------------------------------------*/
.cui-separator {
  display: inline-block;
  background-color: #c6c6c6;
  width: 1px;
  height: 16px;
  margin: 7px 7px 0px;
  cursor: default;
  vertical-align: top;
}
.cui-singlerowlayout .cui-separator {
  margin: 5px 7px 0px;
}
/*-----------------------------------------------------------------------------
        SPINNERS/DROPDOWNS/COMBOBOXES/TEXTBOX
    -----------------------------------------------------------------------------*/
.cui-tb,
.cui-tb *,
.cui-spn,
.cui-spn *,
.cui-sb,
.cui-sb *,
.cui-dd,
.cui-dd *,
.cui-cb,
.cui-cb * {
  -ms-touch-action: none;
  touch-action: none;
  /* Edge has replaced -ms-touch-action with touch-action */
}
.cui-spn,
.cui-sb,
.cui-dd,
.cui-cb {
  margin: 0px 1px;
  display: inline-block;
  white-space: nowrap;
}
.cui-touch .cui-tb,
.cui-touch .cui-spn,
.cui-touch .cui-dd,
.cui-touch .cui-cb {
  vertical-align: top;
}
.cui-tb {
  margin: 8px 1px;
  display: inline-block;
  white-space: nowrap;
}
.cui-txtbx,
.cui-spn-txtbx,
.cui-sb-input,
.cui-cb-input {
  cursor: text;
  color: #444444;
  background-color: #ffffff;
}
.cui-dd-text {
  cursor: default;
}
.cui-txtbx,
.cui-spn-txtbx {
  autocomplete: off;
  /* Note Office15 bug 221799 */
}
.cui-txtbx,
.cui-spn-txtbx,
.cui-sb-input,
.cui-dd-text,
.cui-cb-input {
  width: 48px;
  height: 16px;
  border: 1px solid #e1e1e1;
  border-right-width: 0px;
  padding: 2px;
  background-color: #ffffff;
  display: block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  font: inherit;
  color: #444444;
  -webkit-appearance: none;
  /* Remove the shadow affect added in Mobile Safari */
  -webkit-border-radius: 0;
  /* Remove the rounded corners in Mobile Safari */
}
.cui-txtbx {
  border-right-width: 1px;
}
.cui-txtbx.cui-txtbx-multiline {
  resize: none;
  white-space: normal;
}
.cui-tb .cui-ctl-smalllabel,
.cui-tb .cui-ctl-mediumlabel,
.cui-tb .cui-ctl-largelabel {
  display: block;
}
.cui-sb-input {
  border: 1px solid #ffffff;
  padding: 1px 1px 1px 4px !important;
  background-color: #ffffff;
  text-overflow: ellipsis;
}
.cui-sb-input.tellme-flight {
  border: 1px solid transparent;
  padding: 1px SEARCHBOX_RIGHTINPUT_PADDING 1px 1px !important;
  background-color: transparent;
  text-overflow: ellipsis;
}
.AppRtl .cui-txtbx,
.AppRtl .cui-spn-txtbx,
.AppRtl .cui-dd-text,
.AppRtl .cui-cb-input {
  border-left-width: 0px;
  border-right-width: 1px;
  float: right;
}
.AppRtl .cui-txtbx {
  border-left-width: 1px;
}
.AppRtl .cui-sb-input {
  padding: 1px 4px 1px 1px !important;
  float: right;
}
.cui-touch .cui-txtbx {
  width: 90px;
  border-left-width: 1px;
  border-right-width: 1px;
}
.cui-touch .cui-spn-txtbx {
  width: 90px;
  border-left-width: 1px;
  border-right-width: 1px;
}
.cui-sb-image-button,
.cui-dd-arrow-button,
.cui-spn-arwbx {
  height: 20px;
  border: 1px solid #e1e1e1;
  border-left-width: 0px;
  display: block;
  float: left;
  cursor: default;
}
.cui-sb-image-button {
  height: 16px;
  padding: 1px 0px;
  background-color: #ffffff;
  border-color: #ffffff;
}
.tellme-flight.cui-sb-image-button {
  background-color: transparent;
  border-color: transparent;
  border-left-width: 1px;
  border-right-width: 1px;
}
span.sb-img {
  float: right !important;
}
.AppRtl .cui-sb-image-button,
.AppRtl .cui-dd-arrow-button,
.AppRtl .cui-spn-arwbx {
  border-right-width: 0px;
  border-left-width: 1px;
  float: right;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
  /* Chrome puts its own spinner arrows in input type=number, so remove that. */
}
.cui-sb-input::-webkit-input-placeholder {
  color: #767676 !important;
}
.cui-sb-input::-moz-placeholder {
  color: #767676 !important;
}
.cui-sb-input:-ms-input-placeholder {
  color: #767676 !important;
}
.cui-sb-placeholder {
  color: #767676 !important;
}
span.cui-fa-dropped > .cui-sb-input.tellme-flight,
span.cui-sb-hover > .cui-sb-input.tellme-flight {
  background-color: #a7a9ac !important;
  color: white !important;
}
.cui-sb-input.tellme-flight::-webkit-input-placeholder {
  color: #595959 !important;
}
.cui-sb-input.tellme-flight::-moz-placeholder {
  color: #595959 !important;
}
.cui-sb-input.tellme-flight:-ms-input-placeholder {
  color: #595959 !important;
}
.cui-sb-input.tellme-flight::-ms-input-placeholder {
  color: #595959 !important;
}
.cui-sb-input.cui-sb-hover::-webkit-input-placeholder {
  color: white !important;
}
.cui-sb-input.cui-sb-hover::-moz-placeholder {
  color: white !important;
}
.cui-sb-input.cui-sb-hover:-ms-input-placeholder {
  color: white !important;
}
.cui-sb-input.cui-sb-hover::-ms-input-placeholder {
  color: white !important;
}
span.cui-fa-dropped > .cui-sb-input.tellme-flight {
  color: white !important;
}
.cui-sb-input.cui-sb-focus::-webkit-input-placeholder {
  color: transparent !important;
}
.cui-sb-input.cui-sb-focus::-moz-placeholder {
  color: transparent !important;
}
.cui-sb-input.cui-sb-focus:-ms-input-placeholder {
  color: transparent !important;
}
span.cui-fa-dropped > .cui-sb-input.tellme-flight:not(.cui-sb-focus)::-webkit-input-placeholder {
  color: white !important;
}
.cui-sb-input::-ms-clear {
  display: none;
}
.cui-sb-liveregion {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.cui-txtbx,
.cui-spn-txtbx {
  direction: ltr;
  text-align: left;
}
.cui-spn-btnup,
.cui-spn-btndown {
  width: 13px;
  height: 6px;
  border: 1px solid transparent;
  padding-top: 2px;
  background-color: transparent;
  display: block;
  text-align: center;
  cursor: default;
}
.cui-spn-imgcnt {
  display: inline-block;
  vertical-align: top;
}
.cui-dd-arrow-button {
  padding-right: 0px;
  margin-bottom: -2px;
}
.cui-sb-image-button {
  width: 20px;
}
.cui-dd-arrow-button {
  width: 9px;
  padding-left: 5px;
}
.AppRtl .cui-dd-arrow-button {
  padding-left: 0px;
  padding-right: 5px;
}
.cui-cb-fill-container {
  display: flex;
}
.cui-cb-fill-input {
  flex-grow: 1;
}
/* All high contrast styling rules in IE10+/Edge */
@media screen and (-ms-high-contrast: active) {
  .cui-disabled *,
  .cui-disabled .cui-img-container,
  .cui-disabled .cui-img-cont-float,
  .cui-disabled .cui-txtbx,
  .cui-disabled .cui-spn-txtbx,
  .cui-disabled .cui-spn-arwbx,
  .cui-disabled .cui-dd-arrow-button,
  .cui-disabled .cui-dd-text,
  .cui-disabled .cui-cb-input,
  .usehover .cui-disabled.cui-ctl:hover *,
  .usehover .cui-disabled.cui-ctl-medium:hover *,
  .usehover a.cui-disabled.cui-ctl-large:hover *,
  .usehover a.cui-disabled.cui-ctl-a1:hover *,
  .usehover .cui-disabled.cui-ctl-a2:hover *,
  .usehover a.cui-disabled.cui-ctl-thin:hover *,
  .usehover .cui-disabled:hover .cui-txtbx,
  .usehover .cui-disabled:hover .cui-spn-txtbx,
  .usehover .cui-disabled:hover .cui-spn-arwbx,
  .usehover .cui-disabled:hover .cui-dd-text,
  .usehover .cui-disabled:hover .cui-cb-input,
  .usehover .cui-disabled .cui-dd-arrow-button:hover,
  .AppRtl.usehover .cui-disabled .cui-dd-arrow-button:hover,
  .usehover .cui-disabled:hover *,
  .usehover .cui-disabled:hover,
  .usehover .cui-disabled.cui-ctl-on:hover,
  .cui-disabled.cui-ctl-split-hovered,
  .cui-disabled .cui-ctl-split-hovered-primary,
  .usehover .cui-groupBody .cui-disabled.cui-gallerybutton:hover,
  .usehover .cui-disabled.cui-gallerybutton:hover .cui-gallerybutton-a,
  .usehover .cui-disabled .cui-spn-btnup:hover,
  .usehover .cui-disabled .cui-spn-btndown:hover,
  .usehover .cui-disabled.cui-ctl-thin:hover,
  .AppRtl.usehover .cui-disabled.cui-ctl-thin:hover {
    color: GrayText !important;
    opacity: 1;
  }
  .cui-disabled.cui-ctl-on,
  .cui-disabled:focus,
  .cui-disabled:focus:hover,
  .cui-disabled .cui-ctl-split-hovered-primary,
  .cui-disabled .cui-ctl-split-hovered-secondary,
  .cui-disabled:focus .cui-img-container,
  .cui-disabled:focus .cui-img-cont-float,
  .cui-disabled:focus .cui-img-container,
  .cui-disabled:focus .cui-img-cont-float,
  .MLRVisualRefresh .cui-disabled:focus,
  .MLRVisualRefresh .cui-disabled:focus:hover,
  .MLRVisualRefresh .cui-disabled .cui-ctl-split-hovered-primary,
  .MLRVisualRefresh .cui-disabled .cui-ctl-split-hovered-secondary,
  .MLRVisualRefresh .cui-disabled:focus .cui-img-container,
  .MLRVisualRefresh .cui-disabled:focus .cui-img-cont-float,
  .MLRVisualRefresh .cui-disabled:focus .cui-img-container,
  .MLRVisualRefresh .cui-disabled:focus .cui-img-cont-float {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: GrayText !important;
    opacity: 1;
    outline-color: inherit !important;
  }
  .usehover .cui-disabled:hover * {
    background-color: transparent;
  }
  .cui-sldr-input:focus,
  .cui-ctl-on,
  .usehover .cui-ctl:hover *,
  .usehover .cui-ctl-medium:hover *,
  .usehover a.cui-ctl-large:hover *,
  .usehover a.cui-ctl-a1:hover *,
  .usehover .cui-ctl-a2:hover *,
  .usehover a.cui-ctl-thin:hover *,
  .usehover .cui-tb:hover .cui-txtbx,
  .usehover .cui-spn:hover .cui-spn-txtbx,
  .usehover .cui-spn:hover .cui-spn-arwbx,
  .cui-tb-focus .cui-txtbx,
  .cui-spn-focus .cui-spn-txtbx,
  .cui-spn-focus .cui-spn-arwbx,
  .usehover span:hover > .cui-dd-arrow-button,
  .usehover .cui-dd:hover .cui-dd-text,
  .cui-dd:focus .cui-dd-text,
  .cui-dd:focus .cui-dd-arrow-button,
  .usehover .cui-cb:hover .cui-cb-input,
  .cui-cb-focus .cui-cb-input,
  .cui-cb-focus .cui-dd-arrow-button,
  .usehover .cui-dd-arrow-button:hover,
  .AppRtl.usehover .cui-dd-arrow-button:hover,
  .usehover .cui-ctl:hover,
  .cui-ctl:focus,
  .usehover .cui-ctl-medium:hover,
  .cui-ctl-medium:focus,
  .usehover .cui-ctl-large:hover,
  .cui-ctl-large:focus,
  .cui-ctl-split-hovered,
  .cui-ctl-split-hovered-primary,
  .cui-ctl-menu-hovered-without-focus,
  .cui-ctl-menu:focus,
  .usehover .cui-ctl-thin:hover,
  .cui-ctl-thin:focus,
  .usehover .cui-spn-btnup:hover,
  .usehover .cui-spn-btndown:hover,
  .usehover .cui-dd-arrow-button:hover,
  .WACZoomDialogRadioRow-highlight,
  .WACZoomDialogRadioRow:hover,
  .WACDialogCheckboxDiv:hover,
  .WACDialogCheckboxDivHighlight,
  .cui-ctl-split-hovered-secondary,
  .usehover .cui-ctl.cui-ctl-on:hover,
  .cui-ctl-on:focus,
  .cui-ctl-on .cui-ctl-split-hovered,
  .cui-ctl-on .cui-ctl-split-hovered-primary,
  .cui-ctl-active,
  .usehover .cui-ctl-active:hover,
  .cui-fa-dropped,
  .cui-fa-dropped .cui-ctl-a1,
  .cui-fa-dropped .cui-ctl-a2,
  .cui-ctl-menu.cui-fa-dropped,
  .cui-section.cui-fa-dropped,
  .MLRVisualRefresh .cui-ctl-on,
  .usehover .MLRVisualRefresh .cui-ctl:hover,
  .MLRVisualRefresh .cui-ctl:focus,
  .usehover .MLRVisualRefresh .cui-ctl-medium:hover,
  .MLRVisualRefresh .cui-ctl-medium:focus,
  .usehover .MLRVisualRefresh .cui-ctl-large:hover,
  .MLRVisualRefresh .cui-ctl-large:focus,
  .usehover .MLRVisualRefresh .cui-sldr:hover,
  .MLRVisualRefresh .cui-sldr-onfocus,
  .MLRVisualRefresh .cui-ctl-split-hovered,
  .MLRVisualRefresh .cui-ctl-split-hovered-primary,
  .MLRVisualRefresh .cui-ctl-menu-hovered-without-focus,
  .MLRVisualRefresh .cui-ctl-menu:focus,
  .usehover .MLRVisualRefresh .cui-ctl-thin:hover,
  .MLRVisualRefresh .cui-ctl-thin:focus,
  .usehover .MLRVisualRefresh .cui-spn-btnup:hover,
  .usehover .MLRVisualRefresh .cui-spn-btndown:hover,
  .usehover .MLRVisualRefresh .cui-dd-arrow-button:hover,
  .MLRVisualRefresh .WACZoomDialogRadioRow-highlight,
  .MLRVisualRefresh .WACZoomDialogRadioRow:hover,
  .MLRVisualRefresh .WACDialogCheckboxDiv:hover,
  .MLRVisualRefresh .WACDialogCheckboxDivHighlight,
  .usehover .MLRVisualRefresh .cui-ctl.cui-ctl-on:hover,
  .MLRVisualRefresh .cui-ctl-on:focus,
  .MLRVisualRefresh .cui-ctl-on .cui-ctl-split-hovered,
  .MLRVisualRefresh .cui-ctl-on .cui-ctl-split-hovered-primary,
  .MLRVisualRefresh .cui-ctl-active,
  .usehover .MLRVisualRefresh .cui-ctl-active:hover,
  .MLRVisualRefresh .cui-fa-dropped,
  .MLRVisualRefresh .cui-fa-dropped .cui-ctl-a1,
  .MLRVisualRefresh .cui-fa-dropped .cui-ctl-a2 {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
  .cui-txtbx,
  .cui-tb.cui-tb-focus .cui-txtbx,
  .cui-spn-txtbx,
  .cui-spn.cui-spn-focus .cui-spn-txtbx,
  .cui-sb-input,
  .cui-dd-text,
  .cui-cb-input,
  .cui-cb.cui-cb-focus .cui-cb-input {
    background-color: Background !important;
    color: WindowText !important;
  }
  .PreviewStyleLabel,
  .cui-ctl-mediumlabel,
  .cui-ctl-largelabel,
  .cui-ctl-menulabel,
  .cui-btn-menu-description {
    color: inherit;
  }
  .cui-ctl-mediumlabel,
  .cui-ctl-largelabel {
    display: inline !important;
    overflow: hidden;
  }
  .cui-ctl-large,
  .cui-sldr {
    height: 72px !important;
    padding: 0px 3px 0px 3px !important;
  }
  .SelectableDialogTable tbody tr:focus,
  .SelectableDialogTable tbody tr.inactiveRowSelection {
    -ms-high-contrast-adjust: none;
    background-color: Highlight;
    color: HighlightText;
  }
  span.cui-fa-dropped > .cui-sb-input.tellme-flight,
  span.cui-sb-hover > .cui-sb-input.tellme-flight,
  .tellme-flight.cui-sb-hover,
  .tellme-flight.cui-sb-focus,
  .tellme-flight.cui-fa-dropped {
    background-color: transparent !important;
    color: WindowText !important;
  }
  .cui-sb-input.tellme-flight,
  .tellme-flight.cui-sb-image-button {
    border-color: inherit !important;
  }
  .usehover .cui-disabled:hover,
  .usehover .cui-disabled:hover *,
  .usehover a.cui-disabled:hover,
  .usehover a.cui-disabled:hover * {
    background-color: transparent !important;
  }
  .usehover a.cui-ctl.cui-disabled:hover,
  .usehover a.cui-ctl-medium.cui-disabled:hover,
  .usehover a.cui-ctl-large.cui-disabled:hover {
    border: 1px solid WindowText !important;
  }
  .usehover a.cui-disabled:hover .cui-ctl-largeIconContainer,
  .usehover a.cui-disabled:hover .cui-ctl-large30IconContainer,
  .usehover a.cui-disabled:hover .cui-ctl-menu32 .cui-ctl-iconContainer,
  .usehover a.cui-disabled:hover .cui-ctl-menu48 .cui-ctl-iconContainer {
    border-bottom: 1px solid GrayText !important;
  }
}
/*******************************************************************************
	floatie.cst

	CSS specific to floaties.
*******************************************************************************/
.cui-floatie#PowerPoint_Pastefloatie {
  border: 1px solid #c6c6c6;
  background-color: #ffffff;
  position: absolute;
  white-space: nowrap;
  vertical-align: top;
  padding-left: 0px;
  padding-right: 0px;
  z-index: 1000;
}
.cui-floatie {
  border: 1px solid #c6c6c6;
  background-color: #ffffff;
  position: absolute;
  white-space: nowrap;
  vertical-align: top;
  padding-left: 4px;
  padding-right: 4px;
}
.cui-group {
  display: inline-block;
  height: 100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}
.cui-touch .cui-group {
  height: 103px;
}
.cui-groupContainer {
  position: relative;
  display: inline-block;
  height: 100%;
}
.cui-groupSeparator {
  height: 84px;
  position: relative;
  margin: 0px 4px;
  border-right: 1px solid #e1e1e1;
  display: inline-block;
}
.AppRtl .cui-groupSeparator {
  border-left: 1px solid #e1e1e1;
  border-right: 0 none;
}
.cui-touch .cui-groupSeparator {
  height: 94px;
}
.cui-singlerowlayout .cui-groupSeparator {
  height: 34px;
  margin: 0px 4px;
}
.cui-floatie .cui-group {
  margin-top: 0px;
  vertical-align: top;
  height: auto;
}
.cui-floatie .cui-groupBody {
  height: auto;
}
.cui-floatie.cui-touch span.cui-groupContainer {
  vertical-align: top;
}
.cui-floatie .cui-section-alignmiddle {
  display: block;
}
.cui-floatie .cui-row-onerow {
  margin-top: 3px;
  margin-bottom: 3px;
}
.cui-floatie.cui-touch .cui-row-onerow {
  margin-top: 8px;
  margin-bottom: 8px;
}
.cui-floatie .cui-row-tworow {
  margin-top: 5px;
  height: auto;
  vertical-align: top;
}
.cui-floatie.cui-touch .cui-row-tworow {
  margin-top: 9px;
}
.cui-floatie.cui-touch .cui-row-tworow.cui-row-2 {
  margin-top: 8px;
}
.cui-floatie .cui-row-onerow a.cui-ctl {
  padding: 2px 4px;
  min-width: 30px;
  text-align: center;
  vertical-align: top;
}
.cui-floatie.cui-touch .cui-row-onerow a.cui-ctl {
  padding: 11px 8px 0px;
}
.cui-ctl-largefloatieIconContainer {
  display: block;
  width: 29px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.cui-ctl-largefloatieIconContainer .cui-img-5by3 {
  margin-bottom: 10px;
}
.cui-floatie.cui-touch .cui-cb .cui-img-cont-float.cui-img-5by3 {
  margin-top: 13px;
}
.cui-floatie .cui-ctl-largelabel {
  height: auto;
}
.cui-floatie .cui-ctl-largelabel-singleline {
  padding-top: 6px;
  padding-bottom: 7px;
}
.cui-floatie.cui-touch .cui-ctl-largelabel-singleline {
  padding-top: 14px;
  padding-bottom: 10px;
}
.cui-floatie .cui-ctl-largelabel-twoline {
  padding-top: 0px;
  padding-bottom: 0px;
}
.cui-floatie.cui-touch .cui-ctl-largelabel-twoline {
  padding-top: 5px;
  padding-bottom: 5px;
}
.cui-floatie.cui-touch .cui-row-onerow a.cui-ctl.context-menu-dd {
  min-width: 0px;
  padding: 24px 0px 24px;
}
.cui-floatie.cui-touch .context-menu-dd .cui-ctl-largelabel-singleline {
  padding-top: 0px;
  padding-bottom: 0px;
}
.cui-floatie.cui-touch .context-menu-dd .cui-ctl-largefloatieIconContainer {
  width: 24px;
}
.cui-floatie .cui-groupSeparator {
  height: 55px;
  margin-top: 3px;
  vertical-align: top;
}
.cui-floatie.cui-touch .cui-groupSeparator {
  height: 74px;
  margin-top: 8px;
  vertical-align: top;
}
.cui-floatie.cui-touch .cui-cb-input {
  height: 25px;
}
.cui-floatie.cui-touch .cui-cb .cui-dd-arrow-button {
  height: 29px;
}
/*******************************************************************************
	Menus.cst

	CSS for ribbon menus.  (Note that the CSS for the controls inside the menus
	is provided by Controls.cst.)
*******************************************************************************/
.cui-menu {
  border: 1px solid #c6c6c6;
  background-color: #ffffff;
}
.iPad.v6up .cui-menu {
  /* Always set, O15:2414667 */
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}
.cui-menu,
.cui-menu * {
  outline: none;
  /* remove the default browser focus rect (see Office15 bug 2147065) */
}
.cui-menu .cui-ctl-on {
  outline: 2px solid transparent;
}
.cui-touch.cui-menu {
  padding: 9px;
}
.cui-menu ul {
  margin: 0;
  padding: 0;
}
ul.cui-menusection-items {
  margin: 0px;
}
.cui-menusection-items-scrollable {
  clear: both;
  overflow-y: auto;
  overflow-x: hidden;
}
.cui-menusection-title {
  padding: 8px 4px;
  border: solid #f0f0f0;
  border-width: 1px 1px;
  background-color: #f0f0f0;
  color: #444444;
  cursor: default;
}
.cui-menusection-title-lightBackground {
  padding: 8px;
  background-color: #ffffff;
}
li.cui-menusection-contextmenu-title {
  background-color: #f0f0f0;
  color: #444444;
  cursor: default;
}
.cui-touch .cui-menusection-title {
  margin-top: 9px;
  margin-bottom: 9px;
}
.cui-touch .cui-menusection-title.cui-menusection-titleAtTop {
  margin-top: 0px;
}
.cui-menusection-title-empty {
  border-bottom: solid #f0f0f0 1px;
}
ul.cui-menusection-items li.cui-menusection-items {
  list-style-type: none;
  white-space: nowrap;
}
.cui-menusection-separator {
  height: 1px;
  margin-left: 20px;
  margin-right: 5px;
  background-color: #e1e1e1;
  cursor: default;
  display: block;
  overflow: hidden;
}
.AppRtl .cui-menusection-separator {
  margin-left: 5px;
  margin-right: 20px;
}
.cui-touch .cui-menusection-separator {
  margin-top: 9px;
  margin-bottom: 9px;
  margin-right: 0px;
}
.AppRtl .cui-touch .cui-menusection-separator {
  margin-left: 0px;
  margin-right: 20px;
}
.cui-menu-large .cui-menusection-separator {
  margin-left: 36px;
  margin-right: 10px;
}
.AppRtl .cui-menu-large .cui-menusection-separator {
  margin-left: 10px;
  margin-right: 36px;
}
/* All high contrast styling rules in IE10+/Edge */
@media screen and (-ms-high-contrast: active) {
  .cui-menu .cui-ctl-on {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
}
/*******************************************************************************
	ImgCluster.cst

	Basic CSS used for images in the ribbon.
*******************************************************************************/
.cui-img-container,
.cui-img-cont-float {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  text-align: left;
  z-index: 0;
}
.cui-img-container img,
.cui-img-cont-float img {
  position: absolute;
}
.cui-img-cont-float {
  display: inline-block;
}
.cui-img-1by16 {
  width: 1px;
  height: 16px;
}
.cui-img-5by3 {
  width: 5px;
  height: 3px;
}
.cui-img-8by8 {
  width: 8px;
  height: 8px;
}
.cui-img-13by13 {
  width: 13px;
  height: 13px;
}
.cui-img-14by14 {
  width: 14px;
  height: 14px;
}
.cui-img-16by16 {
  width: 16px;
  height: 16px;
}
.cui-img-20by20 {
  height: 20px;
  width: 20px;
}
.cui-img-24by24 {
  width: 24px;
  height: 24px;
}
.cui-img-30by30 {
  height: 30px;
  width: 30px;
}
.cui-img-32by32 {
  width: 32px;
  height: 32px;
}
.cui-img-48by48 {
  width: 48px;
  height: 48px;
}
.cui-img-56by24 {
  width: 56px;
  height: 24px;
}
.cui-img-64by48 {
  width: 64px;
  height: 48px;
}
.cui-img-72by96 {
  width: 72px;
  height: 96px;
}
.cui-img-85by48 {
  width: 85px;
  height: 48px;
}
.cui-img-96by72 {
  width: 96px;
  height: 72px;
}
.cui-img-96by96 {
  width: 96px;
  height: 96px;
}
.cui-img-120by20 {
  width: 120px;
  height: 20px;
}
/*******************************************************************************
	taskpane.cst

	CSS specific to task panes.
*******************************************************************************/
.cui-taskpane {
  background-color: #ffffff;
  position: relative;
  height: 100%;
  white-space: nowrap;
  vertical-align: top;
}
.WACtaskpaneContainer.alignLeft .cui-taskpane,
.AppRtl .WACtaskpaneContainer.alignRight .cui-taskpane {
  float: right;
}
.WACtaskpaneContainer.alignRight .cui-taskpane,
.AppRtl .WACtaskpaneContainer.alignLeft .cui-taskpane {
  float: left;
}
.cui-taskpane .cui-taskPaneTitleBar {
  height: 30px;
  width: 100%;
  padding: 0px 0px 8px;
}
.cui-taskpane .cui-taskPaneTitle {
  position: absolute;
  left: 0px;
  right: 30px;
  padding: 8px 15px 0px;
  color: #2b579a;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cui-flexPaneTitle {
  left: 0px;
  right: 30px;
  padding: 10px 10px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.AppRtl .cui-taskpane .cui-taskPaneTitle {
  left: 30px;
  right: 0px;
}
.cui-taskpane .cui-taskPaneClose {
  position: absolute;
  right: 0px;
  border-color: transparent !important;
  margin-top: 8px;
}
.AppRtl .cui-taskpane .cui-taskPaneClose {
  left: 0px;
  right: auto;
}
.cui-taskpane .alignRight {
  position: absolute;
  right: 15px;
}
.AppRtl .cui-taskpane .alignRight {
  position: absolute;
  right: auto;
  left: 15px;
}
.cui-taskpane .textAlignRight {
  text-align: right;
}
.AppRtl .cui-taskpane .textAlignRight {
  text-align: left;
}
.cui-taskpane .stretchedHorizontally {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.cui-flexpane {
  display: flex;
  flex-direction: column;
}
.cui-taskpane .cui-group {
  margin-top: 0px;
  vertical-align: top;
  text-align: left;
  height: auto;
  display: block;
}
.AppRtl .cui-taskpane .cui-group {
  text-align: right;
}
.cui-taskpane .cui-group.stretched {
  margin-top: 0px;
  vertical-align: top;
  position: absolute;
  bottom: 0px;
  width: 100%;
  overflow: auto;
}
.cui-taskpane .cui-groupBody {
  height: auto;
  text-align: left;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  position: relative;
}
.AppRtl .cui-taskpane .cui-groupBody {
  text-align: right;
}
.cui-taskpane .cui-group.stretched span.cui-groupBody {
  padding: 0;
  width: 100%;
  height: 100%;
}
.cui-taskpane .cui-groupContainer {
  vertical-align: top;
  height: auto;
  display: block;
}
.cui-taskpane .cui-group.stretched .cui-groupContainer {
  width: 100%;
  height: 100%;
}
.cui-taskpane .cui-section.alignRight {
  margin-left: 0;
  margin-right: 0;
}
.cui-taskpane .cui-section.verticalArrange {
  display: block;
}
.cui-taskpane .cui-row,
.cui-taskpane .cui-row-onerow,
.cui-taskpane .cui-row-tworow,
.cui-taskpane .cui-row-threerow {
  margin-top: 5px;
  height: auto;
  width: 100%;
}
.cui-taskpane .cui-row-tworow.cui-row-1 {
  margin-top: 5px;
}
.cui-taskpane .cui-row-tworow.cui-row-2 {
  margin-top: 5px;
}
.cui-taskpane .cui-row-threerow.cui-row-2 {
  margin-top: 5px;
}
.cui-taskpane .cui-row-threerow.cui-row-3 {
  margin-top: 5px;
}
.cui-taskpane a.cui-ctl.showBorder,
.cui-taskpane a.cui-ctl-medium.showBorder,
.cui-taskpane a.cui-ctl-large.showBorder {
  border-color: #ababab;
}
.usehover .cui-taskpane a.cui-ctl.showBorder:hover,
.usehover .cui-taskpane a.cui-ctl-medium.showBorder:hover,
.usehover .cui-taskpane a.cui-ctl-large.showBorder:hover,
.cui-taskpane a.cui-ctl.showBorder:focus,
.cui-taskpane a.cui-ctl-medium.showBorder:focus,
.cui-taskpane a.cui-ctl-large.showBorder:focus {
  border-color: #a3bde3 !important;
}
.cui-taskpane a.cui-ctl-active.cui-ctl.showBorder,
.cui-taskpane a.cui-ctl-active.cui-ctl-medium.showBorder,
.cui-taskpane a.cui-ctl-active.cui-ctl-large.showBorder,
.cui-taskpane a.cui-ctl-active.cui-ctl.showBorder:hover,
.cui-taskpane a.cui-ctl-active.cui-ctl-medium.showBorder:hover,
.cui-taskpane a.cui-ctl-active.cui-ctl-large.showBorder:hover {
  border-color: #3e6db5 !important;
}
.cui-taskpane .cui-disabled.cui-ctl.showBorder,
.cui-taskpane .cui-disabled.cui-ctl-medium.showBorder,
.cui-taskpane .cui-disabled.cui-ctl-large.showBorder,
.usehover .cui-taskpane .cui-disabled.cui-ctl.showBorder:hover,
.usehover .cui-taskpane .cui-disabled.cui-ctl-medium.showBorder:hover,
.usehover .cui-taskpane .cui-disabled.cui-ctl-large.showBorder:hover {
  border-color: #e1e1e1 !important;
}
.cui-taskpane .cui-ctl-mediumlabel.showBorder {
  padding-left: 10px;
  padding-right: 10px;
}
.cui-taskpane .cui-fslb .cui-ctl-mediumlabel {
  padding-left: 0px;
  padding-right: 0px;
}
/* All high contrast styling rules in IE10+/Edge */
@media screen and (-ms-high-contrast: active) {
  .cui-taskpane .cui-disabled.cui-ctl.showBorder,
  .cui-taskpane .cui-disabled.cui-ctl-medium.showBorder,
  .cui-taskpane .cui-disabled.cui-ctl-large.showBorder,
  .usehover .cui-taskpane .cui-disabled.cui-ctl.showBorder:hover,
  .usehover .cui-taskpane .cui-disabled.cui-ctl-medium.showBorder:hover,
  .usehover .cui-taskpane .cui-disabled.cui-ctl-large.showBorder:hover {
    color: GrayText !important;
    opacity: 1;
  }
  .usehover .cui-taskpane a.cui-ctl.showBorder:hover,
  .usehover .cui-taskpane a.cui-ctl-medium.showBorder:hover,
  .usehover .cui-taskpane a.cui-ctl-large.showBorder:hover,
  .cui-taskpane a.cui-ctl.showBorder:focus,
  .cui-taskpane a.cui-ctl-medium.showBorder:focus,
  .cui-taskpane a.cui-ctl-large.showBorder:focus,
  .cui-taskpane a.cui-ctl-active.cui-ctl.showBorder,
  .cui-taskpane a.cui-ctl-active.cui-ctl-medium.showBorder,
  .cui-taskpane a.cui-ctl-active.cui-ctl-large.showBorder,
  .cui-taskpane a.cui-ctl-active.cui-ctl.showBorder:hover,
  .cui-taskpane a.cui-ctl-active.cui-ctl-medium.showBorder:hover,
  .cui-taskpane a.cui-ctl-active.cui-ctl-large.showBorder:hover {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
}
.clip5x3,.clip6x16,.clip8x8,.clip13x13,.clip14x14,.clip16x16,.clip20x20,.clip24x24,.clip32x16,.clip32x32,.clip36x36,.clip40x20,.clip48x48,.clip50x50{position:relative;overflow:hidden;}.clip5x3{width:5px;height:3px;}.clip6x16{width:6px;height:16px;}.clip8x8{width:8px;height:8px;}.clip13x13{width:13px;height:13px;}.clip14x14{width:14px;height:14px;}.clip16x16{width:16px;height:16px;}.clip20x20{width:20px;height:20px;}.clip24x24{width:24px;height:24px;}.clip32x16{width:32px;height:16px;}.clip32x32{width:32px;height:32px;}.clip36x36{width:36px;height:36px;}.clip40x20{width:40px;height:20px;}.clip48x48{width:48px;height:48px;}.clip50x50{width:50px;height:50px;}.clip5x3 img,.clip5x3 input,.clip6x16 img,.clip6x16 input,.clip8x8 img,.clip8x8 input,.clip13x13 img,.clip13x13 input,.clip14x14 img,.clip14x14 input,.clip16x16 img,.clip16x16 input,.clip20x20 img,.clip20x20 input,.clip24x24 img,.clip24x24 input,.clip32x16 img,.clip32x16 input,.clip32x32 img,.clip32x32 input,.clip36x36 img,.clip36x36 input,.clip40x20 img,.clip40x20 input,.clip48x48 img,.clip48x48 input,.clip50x50 img,.clip50x50 input{position:absolute;margin:0;padding:0;width:auto;height:auto;}.we_version2_App_Switcher_Waffle_50x50x32{top:-1px;left:-1px;}.we_version2_SaveAsPowerPointPptx_48x48x32{top:-1px;left:-53px;}.we_version2_SaveAsWordDocx_48x48x32{top:-53px;left:-1px;}.we_version2_Word_48x48x32{top:-51px;left:-53px;}.we_version2_TryOffice_48x48x32{top:-1px;left:-103px;}.we_version2_PDF_file_48x48x32{top:-51px;left:-103px;}.we_version2_Pill_Toggle_On_40x20x32{top:-103px;left:-1px;}.we_version2_Pill_Toggle_Off_40x20x32{top:-103px;left:-43px;}.we_version2_AppLogoSilhouette_36x36x32{top:-125px;left:-1px;}.we_version2_DifferentFirstEvenOddPages_32x32x32{top:-125px;left:-39px;}.we_version2_DifferentEvenOddPages_32x32x32{top:-101px;left:-85px;}.we_version2_EditInWordWebApp_32x32x32{top:-101px;left:-119px;}.we_version2_Insertaudio_32x32x32{top:-1px;left:-153px;}.we_version2_OfficeAssistant_32x32x32{top:-35px;left:-153px;}.we_version2_SaveAsWordDocx_32x32x32{top:-69px;left:-153px;}.we_version2_WordRemovePageNumbers_32x32x32{top:-103px;left:-153px;}.we_version2_OLKNewButton_32x32x32{top:-163px;left:-1px;}.we_version2_CalloutBeakTopFilled_32x16x32{top:-159px;left:-39px;}.we_version2_CalloutBeakBottomFilled_32x16x32{top:-177px;left:-35px;}.we_version2_MarkPageAsRead_32x32x32{top:-135px;left:-73px;}.we_version2_SingleCollabUserGlyph32{top:-135px;left:-107px;}.we_version2_Word_32x32x32{top:-137px;left:-141px;}.we_version2_Translator_32x32x32{top:-1px;left:-187px;}.we_version2_Risks_32x32x32{top:-35px;left:-187px;}.we_version2_Print_32x32x32{top:-69px;left:-187px;}.we_version2_Paste_32x32x32{top:-103px;left:-187px;}.we_version2_JotInsertAudioRecordingShort_32x32x32{top:-137px;left:-175px;}.we_version2_Info_32x32x32{top:-197px;left:-1px;}.we_version2_RemoveHeadersAndFooters_32x32x32{top:-195px;left:-35px;}.we_version2_DifferentFirstPage_32x32x32{top:-169px;left:-73px;}.we_version2_CancelRequest_32x32x32{top:-169px;left:-107px;}.we_version2_RotationArrow_24x24x32{top:-203px;left:-69px;}.we_version2_CommentComment_24x24x32{top:-203px;left:-95px;}.we_version2_Risks_24x24x32{top:-171px;left:-141px;}.we_version2_ShapeQuadArrow_24x24x32{top:-203px;left:-121px;}.we_version2_Info_24x24x32{top:-171px;left:-167px;}.we_version2_CancelRequest_24x24x32{top:-197px;left:-147px;}.we_version2_UpgradeProductGlyph_20x20x32{top:-171px;left:-193px;}.we_version2_RightPageArrow_20x20x32{top:-197px;left:-173px;}.we_version2_SkypeTitlebar_20x20x32{top:-193px;left:-195px;}.we_version2_LeftPageArrow_20x20x32{top:-1px;left:-221px;}.we_version2_ShareServerWhite_20x20x32{top:-23px;left:-221px;}.we_version2_DoughboyWhiteGlyph_20x20x32{top:-45px;left:-221px;}.we_version2_AppForOfficeLogo_16x16x32{top:-67px;left:-221px;}.we_version2_CheckboxUnchecked_16x16x32{top:-85px;left:-221px;}.we_version2_ClearTableStyle_16x16x32{top:-103px;left:-221px;}.we_version2_CoAuth_Lock_16x16x32{top:-121px;left:-221px;}.we_version2_CommentNew_16x16x32{top:-139px;left:-209px;}.we_version2_FlyoutAnchorTextWrap_16x16x32{top:-157px;left:-215px;}.we_version2_JotInsertAudioRecordingShort_16x16x32{top:-175px;left:-215px;}.we_version2_MoreUsersGlyph16{top:-193px;left:-217px;}.we_version2_NoHighlight_16x16x32{top:-211px;left:-217px;}.we_version2_OutlookSearchChevronUp_16x16x32{top:-231px;left:-1px;}.we_version2_Search_16x16x32{top:-231px;left:-19px;}.we_version2_SharedCommentBubbleHover_16x16x32{top:-229px;left:-37px;}.we_version2_ShowAllComments_16x16x32{top:-229px;left:-55px;}.we_version2_ShowAllCommentsSelected_16x16x32{top:-229px;left:-73px;}.we_version2_ShowAllCommentsResolvedHover_16x16x32{top:-229px;left:-91px;}.we_version2_MarkCommentDone1_16x16x32{top:-229px;left:-109px;}.we_version2_MarkCommentDone1Selected_16x16x32{top:-229px;left:-127px;}.we_version2_SplitCells_16x16x32{top:-223px;left:-147px;}.we_version2_StylePaneNewStyle_16x16x32{top:-223px;left:-165px;}.we_version2_TextWrapFront_16x16x32{top:-219px;left:-183px;}.we_version2_WritingIssue_16x16x32{top:-229px;left:-201px;}.we_version2_Bullets_16x16x32{top:-229px;left:-219px;}.we_version2_BusinessBarClose_16x16x32{top:-1px;left:-243px;}.we_version2_Footnote_16x16x32{top:-19px;left:-243px;}.we_version2_IndentRTL_16x16x32{top:-37px;left:-243px;}.we_version2_IndentSpecialHangingRTL_Server_16x16x32{top:-55px;left:-243px;}.we_version2_Numbering_16x16x32{top:-73px;left:-239px;}.we_version2_Outdent_16x16x32{top:-91px;left:-239px;}.we_version2_OutlineNumbering_16x16x32{top:-109px;left:-239px;}.we_version2_OzSilhouette_16x16x32{top:-127px;left:-239px;}.we_version2_Find_16x16x32{top:-145px;left:-233px;}.we_version2_ArrowExpandedRest_16x16x32{top:-163px;left:-233px;}.we_version2_BreadcrumbCaret_6x16x32{top:-145px;left:-251px;}.we_version2_ArrowCollapsedRest_16x16x32{top:-181px;left:-235px;}.we_version2_SharingSet_Start_Glyph_Word_16x16x32{top:-199px;left:-235px;}.we_version2_OzSilhouette_Glyph_16x16x32{top:-217px;left:-237px;}.we_version2_CoAuth_PlaceholderNeedRefreshPng_16x16x32{top:-249px;left:-1px;}.we_version2_WebInsertHyperlink_16x16x32{top:-249px;left:-19px;}.we_version2_WordCountList_16x16x32{top:-247px;left:-37px;}.we_version2_UpChevron_16x16x32{top:-247px;left:-55px;}.we_version2_Symbol_16x16x32{top:-247px;left:-73px;}.we_version2_PasteSourceFormatting_16x16x32{top:-247px;left:-91px;}.we_version2_ParagraphDialog_16x16x32{top:-247px;left:-109px;}.we_version2_OutlineNumberingRTL_16x16x32{top:-247px;left:-127px;}.we_version2_OutdentRTL_16x16x32{top:-241px;left:-145px;}.we_version2_NumberingRTL_16x16x32{top:-241px;left:-163px;}.we_version2_IndentSpecialFirstLineRTL_Server_16x16x32{top:-237px;left:-183px;}.we_version2_IndentSpecialFirstLine_Server_16x16x32{top:-247px;left:-201px;}.we_version2_IndentSpecialHanging_Server_16x16x32{top:-247px;left:-219px;}.we_version2_Indent_16x16x32{top:-235px;left:-237px;}.we_version2_ClosePaneGlyph_16x16x32{top:-1px;left:-261px;}.we_version2_BulletsRTL_16x16x32{top:-19px;left:-261px;}.we_version2_CommentNewDisabled_16x16x32{top:-37px;left:-261px;}.we_version2_WACSkypeDocChatUnread_16x16x32{top:-55px;left:-261px;}.we_version2_WACSkypeDocChat_16x16x32{top:-73px;left:-257px;}.we_version2_WordRemovePageNumbers_16x16x32{top:-91px;left:-257px;}.we_version2_UpArrow_16x16x32{top:-109px;left:-257px;}.we_version2_WheresTheSaveButtonMenuItem_16x16x32{top:-127px;left:-257px;}.we_version2_TextWrapSquareLeft_16x16x32{top:-145px;left:-259px;}.we_version2_TextWrapSquareRight_16x16x32{top:-163px;left:-251px;}.we_version2_TextWrapInline_16x16x32{top:-181px;left:-253px;}.we_version2_TextWrapBehind_16x16x32{top:-199px;left:-253px;}.we_version2_StyleApplyPane_16x16x32{top:-217px;left:-255px;}.we_version2_SpellingIssue_16x16x32{top:-235px;left:-255px;}.we_version2_SingleCollabUserGlyph16{top:-267px;left:-1px;}.we_version2_MarkCommentDone1Hover_16x16x32{top:-267px;left:-19px;}.we_version2_ShowAllCommentsResolvedSelected_16x16x32{top:-265px;left:-37px;}.we_version2_ShowAllCommentsResolved_16x16x32{top:-265px;left:-55px;}.we_version2_ShowAllCommentsHover_16x16x32{top:-265px;left:-73px;}.we_version2_SharedCommentBubbleSelected_16x16x32{top:-265px;left:-91px;}.we_version2_SharedCommentBubble_16x16x32{top:-265px;left:-109px;}.we_version2_SelectAll_16x16x32{top:-265px;left:-127px;}.we_version2_Print_16x16x32{top:-259px;left:-145px;}.we_version2_RightArrow_16x16x32{top:-259px;left:-163px;}.we_version2_Risks_16x16x32{top:-255px;left:-181px;}.we_version2_QuickSearchCompletedToday_16x16x32{top:-265px;left:-199px;}.we_version2_PersonaStatusOnlineAlt_16x16x32{top:-265px;left:-217px;}.we_version2_PasteTextOnly_16x16x32{top:-253px;left:-237px;}.we_version2_Paste_16x16x32{top:-253px;left:-255px;}.we_version2_OutlookSearchChevronDown_16x16x32{top:-1px;left:-279px;}.we_version2_OfficeAssistant_16x16x32{top:-19px;left:-279px;}.we_version2_NewComment_16x16x32{top:-37px;left:-279px;}.we_version2_MergeCells_16x16x32{top:-55px;left:-279px;}.we_version2_Insights_16x16x32{top:-73px;left:-275px;}.we_version2_Insertaudio_16x16x32{top:-91px;left:-275px;}.we_version2_Info_16x16x32{top:-109px;left:-275px;}.we_version2_GrammarIssue_16x16x32{top:-127px;left:-275px;}.we_version2_FillColorSplitDropdown_16x16x32{top:-145px;left:-277px;}.we_version2_DownArrow_16x16x32{top:-163px;left:-269px;}.we_version2_CommentsGlyphWord_16x16x32{top:-181px;left:-271px;}.we_version2_DeleteHyperlink_16x16x32{top:-199px;left:-271px;}.we_version2_Delete_16x16x32{top:-217px;left:-273px;}.we_version2_Copy_16x16x32{top:-235px;left:-273px;}.we_version2_CommentReply_16x16x32{top:-253px;left:-273px;}.we_version2_CommentExpand_16x16x32{top:-285px;left:-1px;}.we_version2_CommentCollapse_16x16x32{top:-285px;left:-19px;}.we_version2_CoAuth_AuthorStatus_16x16x32{top:-283px;left:-37px;}.we_version2_ClearFormatting_16x16x32{top:-283px;left:-55px;}.we_version2_CheckboxChecked_16x16x32{top:-283px;left:-73px;}.we_version2_CancelRequest_16x16x32{top:-283px;left:-91px;}.we_version2_Automatic_16x16x32{top:-283px;left:-109px;}.we_version2_AlertWarning_16x16x32{top:-283px;left:-127px;}.we_version2_ActivityGlyphWord_16x16x32{top:-277px;left:-145px;}.we_version2_SBStatusBarMarkAsReadOnly14{top:-277px;left:-163px;}.we_version2_sbProtectForm14{top:-273px;left:-181px;}.we_version2_ProtectForm14{top:-283px;left:-197px;}.we_version2_MarkAsProtected14{top:-283px;left:-213px;}.we_version2_SubmenuFlyoutArrow_13x13x32{top:-271px;left:-235px;}.we_version2_RibbonUpArrow_8x8x32{top:-125px;left:-73px;}.we_version2_SplitButtonArrow_8x8x32{top:-215px;left:-201px;}.we_version2_RibbonUpArrow_5x3x32{top:-139px;left:-227px;}.we_version2_SplitButtonArrow_5x3x32{top:-295px;left:-145px;}.clip16x16,.clip32x32{position:relative;overflow:hidden;}.clip16x16{width:16px;height:16px;}.clip32x32{width:32px;height:32px;}.clip16x16 img,.clip16x16 input,.clip32x32 img,.clip32x32 input{position:absolute;margin:0;padding:0;width:auto;height:auto;}.box42_Camera_32x32x32{top:-1px;left:-1px;}.box42_HeaderAndFooter_32x32x32{top:-1px;left:-35px;}.box42_InsertColumnsRight_32x32x32{top:-35px;left:-1px;}.box42_InsertMovieFromGallery_32x32x32{top:-35px;left:-35px;}.box42_InsertRowsAbove_32x32x32{top:-1px;left:-69px;}.box42_JotInsertSection_32x32x32{top:-35px;left:-69px;}.box42_MathZone_32x32x32{top:-69px;left:-1px;}.box42_OutlookFeedback_32x32x32{top:-69px;left:-35px;}.box42_SendASmile_32x32x32{top:-69px;left:-69px;}.box42_ShowTableAltTextDlg_32x32x32{top:-1px;left:-103px;}.box42_SourceIcon_Bing_32x32x32{top:-35px;left:-103px;}.box42_TableDeleteColumn_32x32x32{top:-69px;left:-103px;}.box42_TableDeleteRow_32x32x32{top:-103px;left:-1px;}.box42_TableSelectCell_32x32x32{top:-103px;left:-35px;}.box42_TableSelectRow_32x32x32{top:-103px;left:-69px;}.box42_Symbol_32x32x32{top:-103px;left:-103px;}.box42_Crop_32x32x32{top:-1px;left:-137px;}.box42_Find_32x32x32{top:-35px;left:-137px;}.box42_LeftJustify_32x32x32{top:-69px;left:-137px;}.box42_RightJustify_32x32x32{top:-103px;left:-137px;}.box42_Centered_32x32x32{top:-137px;left:-1px;}.box42_WebInsertHyperlink_32x32x32{top:-137px;left:-35px;}.box42_TableSelectTable_32x32x32{top:-137px;left:-69px;}.box42_TableSelectColumn_32x32x32{top:-137px;left:-103px;}.box42_TableHideBorders_32x32x32{top:-137px;left:-137px;}.box42_TableDeleteMenu_32x32x32{top:-1px;left:-171px;}.box42_Table_32x32x32{top:-35px;left:-171px;}.box42_New_32x32x32{top:-69px;left:-171px;}.box42_InsertRowsBelow_32x32x32{top:-103px;left:-171px;}.box42_InsertPicture_32x32x32{top:-137px;left:-171px;}.box42_InsertFromHost_32x32x32{top:-171px;left:-1px;}.box42_InsertColumnsLeft_32x32x32{top:-171px;left:-35px;}.box42_ClipArt_32x32x32{top:-171px;left:-69px;}.box42_AltText_32x32x32{top:-171px;left:-103px;}.box42_Search_16x16x32{top:-171px;left:-137px;}.box42_SizeToControlHeight_16x16x32{top:-171px;left:-155px;}.box42_SizeToControlWidth_16x16x32{top:-171px;left:-173px;}.box42_SendASmile_16x16x32{top:-1px;left:-205px;}.box42_MathZone_16x16x32{top:-19px;left:-205px;}.box42_AddTablePlaceholder_16x16x32{top:-37px;left:-205px;}.box43_Edit_32x32x32{top:-1px;left:-1px;}.box43_ReadingMode_32x32x32{top:-1px;left:-35px;}.box43_Versions_32x32x32{top:-35px;left:-1px;}.box43_ShowAuthors_32x32x32{top:-35px;left:-35px;}.box43_OfficeStore_32x32x32{top:-1px;left:-69px;}.box43_AudioReader_32x32x32{top:-35px;left:-69px;}.box43_AppForOfficeLogo_32x32x32{top:-69px;left:-1px;}.clip136x90{position:relative;overflow:hidden;}.clip136x90{width:136px;height:90px;}.clip136x90 img,.clip136x90 input{position:absolute;margin:0;padding:0;width:auto;height:auto;}.swayPublish_SwayAuroraStyleBlank_136x90x32{top:-1px;left:-1px;}.swayPublish_SwayBoutiqueStyleBlank_136x90x32{top:-93px;left:-1px;}.swayPublish_SwayCinemaStyleBlank_136x90x32{top:-1px;left:-139px;}.swayPublish_SwayConvergenceV2StyleBlank_136x90x32{top:-93px;left:-139px;}.swayPublish_SwayFluentStyleBlank_136x90x32{top:-185px;left:-1px;}.swayPublish_SwayMegaV2StyleBlank_136x90x32{top:-185px;left:-139px;}.swayPublish_SwayMuseStyleBlank_136x90x32{top:-1px;left:-277px;}.swayPublish_SwayReflectionStyleBlank_136x90x32{top:-93px;left:-277px;}.swayPublish_SwaySierraStyleBlank_136x90x32{top:-185px;left:-277px;}.swayPublish_SwayStudioStyleBlank_136x90x32{top:-277px;left:-1px;}.swayPublish_SwayTranquilV2StyleBlank_136x90x32{top:-277px;left:-139px;}.swayPublish_SwayStructureV2StyleBlank_136x90x32{top:-277px;left:-277px;}.swayPublish_SwayRegencyStyleBlank_136x90x32{top:-369px;left:-1px;}.swayPublish_SwayPilarV2StyleBlank_136x90x32{top:-369px;left:-139px;}.swayPublish_SwayMidtownStyleBlank_136x90x32{top:-369px;left:-277px;}.swayPublish_SwayLucentStyleBlank_136x90x32{top:-1px;left:-415px;}.swayPublish_SwayFeteStyleBlank_136x90x32{top:-93px;left:-415px;}.swayPublish_SwayCivicStyleBlank_136x90x32{top:-185px;left:-415px;}.swayPublish_SwayCelestialV2StyleBlank_136x90x32{top:-277px;left:-415px;}.swayPublish_SwayBokehV2StyleBlank_136x90x32{top:-369px;left:-415px;}.swayPublish_SwayAlloyStyleBlank_136x90x32{top:-461px;left:-1px;}.swayPublish_SwayAerialV2StyleBlank_136x90x32{top:-461px;left:-139px;}/* (110px tile + 10px tile margin) * 5 tiles per row */
img {
  border: none;
}
.ci {
  display: inline-block;
}
/*---------------- Switcher styles ----------------*/
.swBar {
  display: none;
  position: fixed !important;
  /*different apps add the switcher element to different parents;positionining is still 50px from top of window*/
  z-index: 999;
  background-color: #fff;
  padding: 20px 10px 10px 20px;
  top: 30px;
  left: auto;
  right: auto;
  border: 1px solid #b6b6b6;
  margin: 10px;
  box-sizing: content-box;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition-property: opacity, top;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  transition-delay: 0s;
  width: 600px;
  /* (110px tile + 10px tile margin) * 5 tiles per row */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swBar:focus {
  outline: none;
}
.swBar.closeAnimation {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
/* O365 switcher does not adjust to our padding bias in RTL environment */
.swBar.HeaderRtl.O365Switcher {
  padding-left: 10px;
  padding-right: 20px;
}
/* The O365 switcher can be at most 7 tiles wide, the MSA switcher is at most 5 tiles wide */
@media (min-width: 660px) {
  .swBar,
  .swBar.O365Switcher {
    width: 600px;
  }
}
@media (min-width: 900px) {
  .swBar.O365Switcher {
    width: 840px;
  }
}
@media (max-width: 899px) and (min-width: 780px) {
  .swBar.O365Switcher {
    width: 720px;
  }
}
@media (max-width: 659px) {
  .swBar,
  .swBar.O365Switcher {
    width: 480px;
  }
}
@media (max-width: 539px) {
  .swBar,
  .swBar.O365Switcher {
    width: 360px;
  }
}
@media (max-width: 419px) {
  .swBar,
  .swBar.O365Switcher {
    width: 240px;
  }
}
.swBar.SwitcherLoading {
  width: 270px;
  height: 130px;
  text-align: center;
  padding: 0;
}
.swBar.SwitcherError {
  width: 250px;
  padding: 20px;
}
.swBar .swLoadingErrorText {
  display: none;
  /* Hide the switcher error text when the Loading... switcher text is shown. */
}
.swBar.SwitcherError .swLoadingErrorText {
  display: inline;
  /* Hide the switcher error text when the Loading... switcher text is shown. */
}
.swBar .swLoadingText {
  display: none;
  /* Hide the switcher error text by default. */
}
.swBar.SwitcherLoading .swLoadingText {
  display: inline;
  /* Hide the switcher error text when the Loading... switcher text is shown. */
}
.swLoadingText {
  color: #000;
  font-size: 20px;
  line-height: 130px;
  /* needed to keep the text vertically centered inside the loading switcher */
}
.swLoadingErrorText {
  color: #000;
}
.swErrorTitle {
  font-size: 20px;
}
.swErrorBody {
  font-size: 14px;
}
.swBar a {
  text-decoration: none;
}
.swBar .arrow {
  display: block;
  position: absolute;
  top: -8px;
  /* the arrow needs to be above the switcher */
  left: 6px;
  margin: 0;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 0;
  padding: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.HeaderRtl.swBar .arrow {
  left: auto;
  right: 6px;
}
.swBar .border-arrow {
  border-bottom-color: #b6b6b6;
  top: -9px;
}
.swTileList {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.swTile {
  margin-bottom: 10px;
  margin-right: 10px;
}
.swTileLink {
  border: 0px solid transparent;
  margin: 0px;
  position: relative;
  text-align: center;
  /* centers icon in wide tiles */
  color: #fff;
}
.swTileLink:hover,
.swTileLink:focus {
  border: 2px solid;
  margin: -2px;
  /* shift 2 px to leave room for the border */
  text-decoration: none;
}
.swTileLink:focus {
  outline: 0;
}
.swTile,
.swTileLink {
  display: inline-block;
  width: 110px;
  height: 110px;
}
.swTile.tilePressed {
  transform: scale(0.9215);
}
.swTileText {
  max-width: 90px;
  position: absolute;
  bottom: 6px;
  left: 10px;
  line-height: 110%;
  /* because SkyDrive has this on theirs, who knows why, but it changes the top offset by 3px */
  text-align: left;
}
.HeaderRtl .swTileText {
  left: auto;
  right: 10px;
  text-align: right;
}
.headerBarBG {
  /* the transparent overlay over the page when the switcher menu is dropped down */
  display: none;
  position: fixed;
  /*different apps add the switcher element to different parents;positionining is still 50px from top of window*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  /* needed for IE8 because it doesn't do opacity */
  z-index: 998;
  /* one lower than swBar */
}
/*---------------- End switcher styles ----------------*/
.clip110x110{position:relative;overflow:hidden;}.clip110x110{width:110px;height:110px;}.clip110x110 img,.clip110x110 input{position:absolute;margin:0;padding:0;width:auto;height:auto;}.wapsw_ODC_TileExcel_110x110x32{top:-1px;left:-1px;}.wapsw_ODC_TileOfficeOnline_110x110x32{top:-1px;left:-113px;}.wapsw_ODC_TileOutlook_110x110x32{top:-113px;left:-1px;}.wapsw_ODC_TilePowerPoint_110x110x32{top:-113px;left:-113px;}.wapsw_ODC_TileSway_110x110x32{top:-1px;left:-225px;}.wapsw_ODC_TileWord_110x110x32{top:-113px;left:-225px;}.wapsw_ODC_TileSkype_110x110x32{top:-225px;left:-1px;}.wapsw_ODC_TilePeople_110x110x32{top:-225px;left:-113px;}.wapsw_ODC_TileOneNote_110x110x32{top:-225px;left:-225px;}.wapsw_ODC_TileFlow_110x110x32{top:-1px;left:-337px;}.wapsw_ODC_TileCloudLogo_110x110x32{top:-113px;left:-337px;}.wapsw_ODC_TileCalendar_110x110x32{top:-225px;left:-337px;}/*******************************************************************************
	CommonStyles.h

	Pulls in all of the basic styles used by Command UI.
*******************************************************************************/
/* Box4Part CSS */
/*******************************************************************************
	CustomPropertiesFallbackMixins.h.less

	Less Mixins which can be used for CSS custom properties.
	CSS custom properties are not supported by IE11, so these Mixins specify
	fallback values which IE11 will use instead of the custom properties.
	They also specify fallbacks for the custom properties in case they are
	not defined.
*******************************************************************************/
/* Inserts color property where called.
 * @customPropertyName - Name of custom property to use for color
 * @fallback - color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important color property where called.
 * @customPropertyName - Name of custom property to use for color
 * @fallback - color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts background-color property where called.
 * @customPropertyName - Name of custom property to use for background-color
 * @fallback - background-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important background-color property where called.
 * @customPropertyName - Name of custom property to use for background-color
 * @fallback - background-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts border-color property where called.
 * @customPropertyName - Name of custom property to use for border-color
 * @fallback - border-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important border-color property where called.
 * @customPropertyName - Name of custom property to use for border-color
 * @fallback - border-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts border-top property where called.
 * @width - width value for border-top (a.k.a. border-top-width)
 * @style - style value for border-top (a.k.a. border-top-style)
 * @customPropertyName - Name of custom property to use for border-top-color
 * @fallback - color value for border-top (a.k.a. border-top-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts border-bottom property where called.
 * @width - width value for border-bottom (a.k.a. border-bottom-width)
 * @style - style value for border-bottom (a.k.a. border-bottom-style)
 * @customPropertyName - Name of custom property to use for border-bottom-color
 * @fallback - color value for border-bottom (a.k.a. border-bottom-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts border-left property where called.
 * @width - width value for border-left (a.k.a. border-left-width)
 * @style - style value for border-left (a.k.a. border-left-style)
 * @customPropertyName - Name of custom property to use for border-left-color
 * @fallback - color value for border-left (a.k.a. border-left-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts border-right property where called.
 * @width - width value for border-right (a.k.a. border-right-width)
 * @style - style value for border-right (a.k.a. border-right-style)
 * @customPropertyName - Name of custom property to use for border-right-color
 * @fallback - color value for border-right (a.k.a. border-right-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important border-left property where called.
 * @width - width value for border-left (a.k.a. border-left-width)
 * @style - style value for border-left (a.k.a. border-left-style)
 * @customColor - Name of custom property to use for border-left-color
 * @fallbackColor - color value for border-left (a.k.a. border-left-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined
 */
/* Inserts !important border-right property where called.
  * @width - width value for border-right (a.k.a. border-right-width)
  * @style - style value for border-right (a.k.a. border-right-style)
  * @customColor - Name of custom property to use for border-right-color
  * @fallbackColor - color value for border-right (a.k.a. border-right-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined
  */
/* Inserts outline property where called.
  * @width - width value for outline (a.k.a. outline-width)
  * @style - style value for border-right (a.k.a. outline-style)
  * @customColor - Name of custom property to use for outline-color
  * @fallbackColor - color value for outline (a.k.a. outline-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined
  */
/* Inserts !important outline property where called.
  * @width - width value for outline (a.k.a. outline-width)
  * @style - style value for border-right (a.k.a. outline-style)
  * @customColor - Name of custom property to use for outline-color
  * @fallbackColor - color value for outline (a.k.a. outline-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined
  */
/* Inserts background-image property where called.
  * @customBackgroundImage - Name of custom property to use for background-image
  * @fallbackBackgroundImage - background-image value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
  */
/* Inserts !important border-top property where called.
 * @width - width value for border-top (a.k.a. border-top-width)
 * @style - style value for border-top (a.k.a. border-top-style)
 * @customPropertyName - Name of custom property to use for border-top-color
 * @fallback - color value for border-top (a.k.a. border-top-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important border-bottom property where called.
 * @width - width value for border-bottom (a.k.a. border-bottom-width)
 * @style - style value for border-bottom (a.k.a. border-bottom-style)
 * @customPropertyName - Name of custom property to use for border-bottom-color
 * @fallback - color value for border-bottom (a.k.a. border-bottom-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important border-left property where called.
 * @width - width value for border-left (a.k.a. border-left-width)
 * @style - style value for border-left (a.k.a. border-left-style)
 * @customPropertyName - Name of custom property to use for border-left-color
 * @fallback - color value for border-left (a.k.a. border-left-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important border-right property where called.
 * @width - width value for border-right (a.k.a. border-right-width)
 * @style - style value for border-right (a.k.a. border-right-style)
 * @customPropertyName - Name of custom property to use for border-right-color
 * @fallback - color value for border-right (a.k.a. border-right-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts text-decoration property where called.
 * @style - the style value for text-decoration (i.e. underline)
 * @customPropertyName - Name of custom property to use for text-decoration-color
 * @fallback - text-decoration-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
.AppHeaderPanel {
  background-color: #000000;
}
.WACFrame {
  background-color: #e1e1e1;
}
.WACFastView {
  /* Keep under WACDialogOverlay (1000) but above other elements from the client render like resize handles
	   which can be as high as 600.
	   Keep in sync with .WACDocumentPanelContent.border-top */
  z-index: 900;
}
.WACFastViewPositionRewrite {
  position: relative;
  grid-column: 2;
  grid-row: 2;
  z-index: 90;
  background-color: #ffffff;
}
.WACFastViewNavOreoGrid {
  background-color: #ffffff;
  z-index: 90;
}
.WACFastViewEditable * {
  user-select: auto;
  -ms-user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
}
.WACFastViewEditor :hover {
  cursor: text;
}
.WACFastViewEditor .NormalTextRun {
  /* A fix for contenteditable span (used by lightweight editing) does not give line breaks in IE. This fix
	relies on the fact that we have only one text run (today we only support blank documents in lightweight editing) */
  width: 100%;
}
.WACFastViewAbsolute {
  position: absolute;
  top: 30px;
  left: 0;
  bottom: 0;
  width: 100%;
}
.WACFastViewAbsolute.Deeplink {
  opacity: 1;
  transition: opacity 200ms;
}
.WACFastViewAbsolute.RibbonPinned {
  /* @TOPBAR2_EXTERNALHEADER_HEIGHT + @LOWERRIBBON_HEIGHT + @LOWERRIBBON_TOPPADDING + @LOWERRIBBON_BOTTOMBORDERWIDTH, see CommonStyles.h */
  top: 124px;
}
.WACFastViewAbsolute.RibbonPinned.Touch {
  /* @TOPBAR2_EXTERNALHEADER_HEIGHT + @LOWERRIBBON_HEIGHT_TOUCH + @LOWERRIBBON_TOPPADDING + @LOWERRIBBON_BOTTOMBORDERWIDTH, see CommonStyles.h */
  top: 138px;
}
.WACFastViewAbsolute.SkeletalFastView {
  left: 393px;
}
.WACFastViewAbsolute.SkeletalFastView.Snackbar {
  left: 426px;
}
.WACFastViewAbsolute.SkeletalFastView.Snackbar.TwoPaneNav {
  left: 426px;
}
.WACFastViewAbsolute.RibbonPinned.SkeletalFastViewViewMode {
  top: 40px;
}
.WACFastViewAbsolute.SkeletalFastViewNoNavpane {
  left: 0px;
}
.WACFastViewAbsolute.SkeletalFastViewPageColumnNavpane {
  left: 200px;
}
.WACFastViewAbsolute.OneLineRibbon.SkeletalFastViewViewMode {
  top: 40px;
}
.WACFastViewAbsolute.OneLineRibbon {
  top: 73px;
}
.WACFastViewAbsolute.OneLineRibbonWithTabHeaderRefresh {
  top: 77px;
}
.WACFastViewAbsolute.HeaderAndRibbonHidden {
  top: 0;
}
.WACFastViewAbsolute .WACViewPanel {
  height: 100%;
}
:not(#WACRibbonPanel):first-child ~ .WACFastViewRegionComposer,
.WACFastViewRegionComposer:first-child,
.WACFastViewMLRVisible.OneLineRibbonWithTabHeaderRefresh {
  top: 125px;
}
:not(#WACRibbonPanel):first-child ~ .WACFastViewRegionComposer.WACFastViewMLRVisible.OneLineRibbonWithTabHeaderRefresh,
.WACFastViewRegionComposer.WACFastViewMLRVisible.OneLineRibbonWithTabHeaderRefresh:first-child {
  top: 175px;
}
:not(#WACRibbonPanel):first-child ~ .WACFastViewRegionComposer.TabsOnly,
.WACFastViewRegionComposer:first-child.TabsOnly,
.WACFastViewMLRVisible.OneLineRibbonWithTabHeaderRefresh.TabsOnly {
  top: 80px;
}
:not(#WACRibbonPanel):first-child ~ .WACFastViewRegionComposer.WACFastViewMLRVisible.OneLineRibbonWithTabHeaderRefresh.TabsOnly,
.WACFastViewRegionComposer.WACFastViewMLRVisible.OneLineRibbonWithTabHeaderRefresh:first-child.TabsOnly {
  top: 80px;
}
.WACFastLoadingOverlay {
  height: 100%;
  display: block;
  z-index: 1000;
}
.WACFastLoadingBoxUI {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  margin: auto;
  position: absolute;
  z-index: 1001;
}
.WacFlexBoxAppContainer {
  position: relative;
  flex-flow: row;
  flex: 1 1 auto;
  display: flex;
}
.WACRibbonPlaceholder {
  width: 100%;
  z-index: 1000;
}
.WACFastBootLoader {
  position: absolute;
  display: block;
  top: 6px;
  left: 6px;
  width: 35px;
  height: 35px;
}
.AppRtl .WACFastBootLoader {
  right: 6px;
  left: auto;
}
@-moz-keyframes fastbootspin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes fastbootspin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes fastbootspin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.WACReadingBarPanel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  /*Disable scrollbars. Set to "scroll" to enable*/
}
.WACRibbonPanel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
  /*Disable scrollbars. Set to "scroll" to enable*/
}
.WACRibbonPanel.FlexBoxLayout {
  position: relative;
  flex: 0 1 auto;
  z-index: 100;
}
.cui-exth .WACRibbonPanel {
  overflow: visible;
  /*Allow contextual tabs to show up above ribbon, overflowing ribbon dom*/
}
.WACDocumentPanel {
  position: absolute;
  left: 0;
  /* bottom set by app css part */
  right: 0;
  color: #000000;
}
.WACDocumentPanel.SharedRegionComposer {
  height: 100%;
}
.WACDocumentPanel.FishbowlBackgroundEnhancementEnabled {
  background-color: var(--clrEnhancedFishbowlBackgroundColor);
}
.WACDocumentPanel.FlexBoxLayout,
.WACDocumentPanelGrid.FlexBoxLayout {
  position: relative;
  flex: 1 1 auto;
}
.WACDocumentPanelContent,
.WACDocumentPanelContentFocused,
.WACViewPanelContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.WACDocumentPanelContent.regionComposer {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 50vw;
  height: 100%;
}
.WACViewPanelContainer.WACReactTaskPanes {
  transition-property: left right;
  transition-duration: 0.325s;
  transition-timing-function: ease;
}
.WACDocumentPanelContent {
  /* Keep in sync with .WACFastView.border and documentPanelBorderWidth in FastView.ts*/
  border: 0;
  --urlSpellingErrorV2LightMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRUIwMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlSpellingErrorV2DarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRDY0NTRBIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlSpellingErrorV2White: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlSpellingErrorV2Black: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlContextualSpellingAndGrammarErrorV2LightMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzMzNTVGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
  --urlContextualSpellingAndGrammarErrorV2DarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzRGNkJFRCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
  --urlContextualSpellingAndGrammarErrorV2White: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
  --urlContextualSpellingAndGrammarErrorV2Black: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
  --urlAdvancedProofingIssueV2LightMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlAdvancedProofingIssueV2DarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlAdvancedProofingIssueV2White: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlAdvancedProofingIssueV2Black: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --similarityReviewedLightMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzM4QkE2MiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --similarityReviewedDarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzJEOEYyRCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --similarityReviewedWhite: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --similarityReviewedBlack: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --similarityUnreviewedLightMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMkU2QUM1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --similarityUnreviewedDarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNjc5NEQ3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --similarityUnreviewedWhite: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --similarityUnreviewedBlack: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlAddInCritiqueRedSquiggleLightMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRDEzNDM4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueRedSquiggleDarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRTM3RDgwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueGreenSquiggleLightMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTA3QzEwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueGreenSquiggleDarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjNTRCMDU0Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueBlueSquiggleLightMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTg1QUJEIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueBlueSquiggleDarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMjk2RkU2Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueLavenderSquiggleLightMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjNzE2MEU4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueLavenderSquiggleDarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjN0E3Q0Y1Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueBerrySquiggleLightMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjQzIzOUIzIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueBerrySquiggleDarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRDE2MUM0Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueSquiggleWhite: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRkZGRkZGIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddInCritiqueSquiggleBlack: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMDAwMDAwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlFixAllUnderlineLightMode: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgNSAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxLjVINSIgc3Ryb2tlPSIjMTg1QUJEIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==');
  --urlFixAllUnderlineDarkMode: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgNSAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxLjVINSIgc3Ryb2tlPSIjMjk2RkU2IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==');
  --urlFixAllNudgeSpellingBarsLightMode: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMicgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDIgMjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHJlY3Qgd2lkdGg9JzInIGhlaWdodD0nMjAnIHJ4PScxJyBmaWxsPScjRTIwMDAwJy8+PC9zdmc+Cg==");
  --urlFixAllNudgeSpellingBarsDarkMode: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMicgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDIgMjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHJlY3Qgd2lkdGg9JzInIGhlaWdodD0nMjAnIHJ4PScxJyBmaWxsPScjRTIwMDAwJy8+PC9zdmc+Cg==");
  --urlFixAllNudgeGrammarBarsLightMode: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMicgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDIgMjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHJlY3Qgd2lkdGg9JzInIGhlaWdodD0nMjAnIHJ4PScxJyBmaWxsPScjMzE1MkY1Jy8+PC9zdmc+Cg==");
  --urlFixAllNudgeGrammarBarsDarkMode: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMicgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDIgMjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHJlY3Qgd2lkdGg9JzInIGhlaWdodD0nMjAnIHJ4PScxJyBmaWxsPScjMzE1MkY1Jy8+PC9zdmc+Cg==");
}
.WACDocumentPanelContent.SquiggleUpdate {
  --urlSpellingErrorV2DarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRTM3RDgxIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlContextualSpellingAndGrammarErrorV2DarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzk5QUFGNSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
  --urlAdvancedProofingIssueV2DarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjQURBMkYyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --similarityReviewedDarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzU0QjA1NCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --similarityUnreviewedDarkMode: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNUNBOUU1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
.WACDocumentPanelContentFocused {
  border: 2px dashed #777777;
}
.WACViewPanel {
  direction: ltr;
  overflow: auto;
  color: WindowText;
  outline-style: none;
}
.WACViewPanel.mWeb {
  overflow-y: auto;
  scrollbar-width: none;
}
.WACViewPanel.mWebIphone {
  touch-action: pan-x pan-y;
}
.WACViewPanel,
.WACViewPanelLoading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* This workaround makes the iPad's magnifier work on our edit surface, which
   is a child of the WACViewPanel. (O15:3019215) */
.iPad .WACViewPanel {
  -webkit-user-select: text;
}
/* Note: this css style is not getting applied in PPT, and if it ever does, the @CLR_DOCSURFACE_BG
   rule should not be applied there. (OM:308315) */
.WACInteractiveView,
.Themed .WACInteractiveView {
  background-color: window;
  background-color: var(--clrDocSurfaceBg, window);
}
.Mac .WACInteractiveView,
.Mac .Themed .WACInteractiveView {
  /* Office15#2260500: The window background color on a Mac is grey, but we want our app to be white */
  background-color: #ffffff;
  background-color: var(--clrDocSurfaceBgExplicit, #ffffff);
}
.Selected,
.Selected p,
.Selected p *,
.Selected.MergeHighlight,
.Themed .Selected,
.Themed .Selected p,
.Themed .Selected p *,
.Themed .Selected.MergeHighlight {
  background-color: #c6c6c6 !important;
  background-color: var(--clrSelection, #c6c6c6) !important;
}
::highlight(Selected) {
  background-color: #c6c6c6 !important;
  background-color: var(--clrSelection, #c6c6c6) !important;
}
.Selected.NewSelectedHighlightColor,
.Selected p.NewSelectedHighlightColor,
.Selected p *.NewSelectedHighlightColor,
.Selected.MergeHighlight.NewSelectedHighlightColor,
.Themed .Selected.NewSelectedHighlightColor,
.Themed .Selected p.NewSelectedHighlightColor,
.Themed .Selected p *.NewSelectedHighlightColor,
.Themed .Selected.MergeHighlight.NewSelectedHighlightColor,
.Themed span.Selected.FindHit.NewSelectedHighlightColor {
  background-color: #000000 !important;
  background-color: var(--clrBlack, #000000) !important;
}
::highlight(Selected-HighContrast) {
  background-color: #000000 !important;
  background-color: var(--clrBlack, #000000) !important;
  color: #ffffff !important;
  color: var(--clrWhite, #ffffff) !important;
}
.SelectedTextColor {
  color: #ffffff !important;
  color: var(--clrWhite, #ffffff) !important;
}
.TrackChangeTextInsertion .SelectedTextColor {
  text-decoration: underline #ffffff !important;
  text-decoration-color: var(--clrWhite, #ffffff) !important;
}
/* The idea here is to provide a border that is visible in high-contrast mode */
.Selected .EOP,
.EOP.Selected,
.LineBreakBlob.Selected,
.TabRun.Selected,
.TextRun .Selected,
.Themed .Selected .EOP,
.Themed .EOP.Selected,
.Themed .LineBreakBlob.Selected,
.Themed .TabRun.Selected,
.Themed .TextRun .Selected {
  border-color: #c6c6c6 !important;
  border-color: var(--clrSelection, #c6c6c6) !important;
}
.Selected .EOP.SelectionWithBorder,
.EOP.Selected.SelectionWithBorder,
.LineBreakBlob.Selected.SelectionWithBorder,
.TabRun.Selected.SelectionWithBorder,
.TextRun .Selected.SelectionWithBorder,
.Themed .Selected .EOP.SelectionWithBorder,
.Themed .EOP.Selected.SelectionWithBorder,
.Themed .LineBreakBlob.Selected.SelectionWithBorder,
.Themed .TabRun.Selected.SelectionWithBorder,
.Themed .TextRun .Selected.SelectionWithBorder {
  border-top: 1px solid #ffffff !important;
  border-top-color: var(--clrWhite, #ffffff) !important;
  border-bottom: 1px solid #ffffff !important;
  border-bottom-color: var(--clrWhite, #ffffff) !important;
}
.Selected .EOP.SelectionPipeBegin,
.EOP.Selected.SelectionPipeBegin,
.LineBreakBlob.Selected.SelectionPipeBegin,
.TabRun.Selected.SelectionPipeBegin,
.TextRun .Selected.SelectionPipeBegin,
.Themed .Selected .EOP.SelectionPipeBegin,
.Themed .EOP.Selected.SelectionPipeBegin,
.Themed .LineBreakBlob.Selected.SelectionPipeBegin,
.Themed .TabRun.Selected.SelectionPipeBegin,
.Themed .TextRun .Selected.SelectionPipeBegin {
  border-left: 1px solid #ffffff !important;
  border-left-color: var(--clrWhite, #ffffff) !important;
  margin-left: -1px;
}
.Selected .EOP.SelectionPipeEnd,
.EOP.Selected.SelectionPipeEnd,
.LineBreakBlob.Selected.SelectionPipeEnd,
.TabRun.Selected.SelectionPipeEnd,
.TextRun .Selected.SelectionPipeEnd,
.Themed .Selected .EOP.SelectionPipeEnd,
.Themed .EOP.Selected.SelectionPipeEnd,
.Themed .LineBreakBlob.Selected.SelectionPipeEnd,
.Themed .TabRun.Selected.SelectionPipeEnd,
.Themed .TextRun .Selected.SelectionPipeEnd {
  border-right: 1px solid #ffffff !important;
  border-right-color: var(--clrWhite, #ffffff) !important;
  margin-right: -1px;
}
div.CanvasSelected {
  background-color: #c6c6c6 !important;
  background-color: var(--clrSelection, #c6c6c6) !important;
  position: absolute;
}
.Highlight {
  outline: 1px solid transparent;
}
.Padding {
  background-color: transparent !important;
  background-image: none !important;
}
.HiddenParagraph .Highlight {
  outline: none;
}
.Underlined span.Selected,
.Hyperlink span.Selected {
  text-decoration: underline;
}
.Strikethrough span.Selected {
  text-decoration: line-through;
}
.Selected span .NoteTagImage {
  background-color: Transparent !important;
  border-bottom: none;
  margin-bottom: 0;
}
.TableRowSelected > td > div.TableCellContent,
.TableRowSelected > th > div.TableCellContent {
  background-color: rgba(198, 198, 198, 0.7) !important;
}
.TableRowSelectedThemed > td > div.TableCellContent,
.TableRowSelectedThemed > th > div.TableCellContent {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
}
.TableRowSelectedRevamped > td,
.TableRowSelectedRevamped > th {
  background-color: transparent;
  box-shadow: inset 0 0 0 9999px rgba(174, 198, 235, 0.4);
  position: relative;
  box-sizing: border-box;
}
div.CellSelectedOverlay {
  position: absolute;
}
.TableCellSelectedThemedRevamped div.CellSelectedOverlay,
.TableRowSelectedThemedRevamped div.CellSelectedOverlay {
  border-color: #598FEC !important;
  background-color: rgba(174, 198, 235, 0.4) !important;
  z-index: 2;
}
.TableCellSelected {
  background-color: rgba(198, 198, 198, 0.7) !important;
  outline: 2px dashed transparent;
}
.TableCellSelectedThemed {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
  outline: 2px dashed transparent;
}
.TableCellSelectedThemedRevamped,
.TableCellSelectedRevamped {
  outline: 2px dashed transparent;
}
/* Cell base styling */
.TableCellSelectedRevamped {
  position: relative;
  outline: 2px dashed transparent;
}
/* Overlay pseudo-element */
.TableCellSelectedRevamped::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  background-color: rgba(174, 198, 235, 0.4);
  /* Default: blue overlay */
}
/* If disabled during drag selection, override to use gray */
.TableCellSelectedRevamped.tableRowOrColumnDisabledDuringDragSelectionState::before {
  background-color: rgba(230, 230, 230, 0.6) !important;
  /* Gray overlay with opacity already baked in */
}
/* Content above overlay */
.TableCellSelectedRevamped > * {
  position: relative;
  z-index: 2;
}
/* Disabled but NOT selected cells */
td.tableRowOrColumnDisabledDuringDragSelectionState:not(.TableCellSelectedRevamped):not(.TableCellSelectedThemedRevamped) {
  background-color: transparent;
  /* Let the cell's own background show */
  box-shadow: inset 0 0 0 9999px rgba(230, 230, 230, 0.6);
  /* Gray translucent overlay */
  position: relative;
  /* Keeps normal flow and stacking */
  box-sizing: border-box;
  /* Include padding/borders in size */
}
.RightBorderSelected > .TableColumnResizeHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
}
.RightBorderSelectedThemed > .TableColumnResizeHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
}
.TableRightBorderSelected > tbody > tr > td.LastCol > .TableColumnResizeHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
}
.TableRightBorderSelectedThemed > tbody > tr > td.LastCol > .TableColumnResizeHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
}
.TableInsideVerticalBorderSelected > tbody > tr > td:not(.LastCol) > .TableColumnResizeHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
}
.TableInsideVerticalBorderSelectedThemed > tbody > tr > td:not(.LastCol) > .TableColumnResizeHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
}
.HitHighlighted {
  background-color: #ffee80;
}
span.Selected.FindHit,
.Themed span.Selected.FindHit {
  background-color: #96b5da !important;
  background-color: var(--clrActiveFindHighlightSelection, #96b5da) !important;
}
span.FindHit,
.Themed span.FindHit {
  background-color: #ffee80 !important;
  background-color: var(--clrActiveFindHighlight, #ffee80) !important;
}
::highlight(FindHit) {
  background-color: #ffee80 !important;
  background-color: var(--clrActiveFindHighlight, #ffee80) !important;
}
::highlight(FindHit-Selected) {
  background-color: #96b5da !important;
  background-color: var(--clrActiveFindHighlightSelection, #96b5da) !important;
}
span.NormalTextRun::highlight(SpellingError) {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: var(--clrSpellingCorrectionsTextDecor, #EB0000);
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: none;
  text-underline-offset: 2px;
}
td.SpellingErrorLightMode span.NormalTextRun::highlight(SpellingError),
div.SpellingErrorLightMode span.NormalTextRun::highlight(SpellingError) {
  text-decoration-color: #EB0000;
}
td.SpellingErrorDarkMode span.NormalTextRun::highlight(SpellingError),
div.SpellingErrorDarkMode span.NormalTextRun::highlight(SpellingError) {
  text-decoration-color: #E37D81;
}
td.SpellingErrorWhite span.NormalTextRun::highlight(SpellingError),
div.SpellingErrorWhite span.NormalTextRun::highlight(SpellingError) {
  text-decoration-color: #ffffff;
}
td.SpellingErrorBlack span.NormalTextRun::highlight(SpellingError),
div.SpellingErrorBlack span.NormalTextRun::highlight(SpellingError) {
  text-decoration-color: #000000;
}
span.NormalTextRun::highlight(GrammarError) {
  text-decoration-line: underline;
  text-decoration-style: double;
  text-decoration-color: var(--clrGrammarCorrectionsTextDecor, #3355FF);
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: none;
  text-underline-offset: 2px;
}
td.ContextualSpellingLightMode span.NormalTextRun::highlight(GrammarError),
div.ContextualSpellingLightMode span.NormalTextRun::highlight(GrammarError) {
  text-decoration-color: #3355FF;
}
td.ContextualSpellingDarkMode span.NormalTextRun::highlight(GrammarError),
div.ContextualSpellingDarkMode span.NormalTextRun::highlight(GrammarError) {
  text-decoration-color: #99AAF5;
}
td.ContextualSpellingWhite span.NormalTextRun::highlight(GrammarError),
div.ContextualSpellingWhite span.NormalTextRun::highlight(GrammarError) {
  text-decoration-color: #ffffff;
}
td.ContextualSpellingBlack span.NormalTextRun::highlight(GrammarError),
div.ContextualSpellingBlack span.NormalTextRun::highlight(GrammarError) {
  text-decoration-color: #000000;
}
span.NormalTextRun::highlight(EditorRefinements) {
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: var(--clrRefinementsTextDecor, #7160E8);
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
}
td.AdvancedProofingLightMode span.NormalTextRun::highlight(EditorRefinements),
div.AdvancedProofingLightMode span.NormalTextRun::highlight(EditorRefinements) {
  text-decoration-color: #7160E8;
}
td.AdvancedProofingDarkMode span.NormalTextRun::highlight(EditorRefinements),
div.AdvancedProofingDarkMode span.NormalTextRun::highlight(EditorRefinements) {
  text-decoration-color: #ADA2F2;
}
td.AdvancedProofingWhite span.NormalTextRun::highlight(EditorRefinements),
div.AdvancedProofingWhite span.NormalTextRun::highlight(EditorRefinements) {
  text-decoration-color: #ffffff;
}
td.AdvancedProofingBlack span.NormalTextRun::highlight(EditorRefinements),
div.AdvancedProofingBlack span.NormalTextRun::highlight(EditorRefinements) {
  text-decoration-color: #000000;
}
span.NormalTextRun::highlight(SimilarityUnreviewed) {
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: var(--clrSimilarityUnreviewedTextDecor, #2E6AC5);
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
}
td.SimilarityUnreviewedLightMode span.NormalTextRun::highlight(SimilarityUnreviewed),
div.SimilarityUnreviewedLightMode span.NormalTextRun::highlight(SimilarityUnreviewed) {
  text-decoration-color: #2E6AC5;
}
td.SimilarityUnreviewedDarkMode span.NormalTextRun::highlight(SimilarityUnreviewed),
div.SimilarityUnreviewedDarkMode span.NormalTextRun::highlight(SimilarityUnreviewed) {
  text-decoration-color: #5CA9E5;
}
td.SimilarityUnreviewedWhite span.NormalTextRun::highlight(SimilarityUnreviewed),
div.SimilarityUnreviewedWhite span.NormalTextRun::highlight(SimilarityUnreviewed) {
  text-decoration-color: #ffffff;
}
td.SimilarityUnreviewedBlack span.NormalTextRun::highlight(SimilarityUnreviewed),
div.SimilarityUnreviewedBlack span.NormalTextRun::highlight(SimilarityUnreviewed) {
  text-decoration-color: #000000;
}
span.NormalTextRun::highlight(SimilarityReviewed) {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: var(--clrSimilarityReviewedTextDecor, #38BA62);
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: 2px;
}
td.SimilarityReviewedLightMode span.NormalTextRun::highlight(SimilarityReviewed),
div.SimilarityReviewedLightMode span.NormalTextRun::highlight(SimilarityReviewed) {
  text-decoration-color: #38BA62;
}
td.SimilarityReviewedDarkMode span.NormalTextRun::highlight(SimilarityReviewed),
div.SimilarityReviewedDarkMode span.NormalTextRun::highlight(SimilarityReviewed) {
  text-decoration-color: #54B054;
}
td.SimilarityReviewedWhite span.NormalTextRun::highlight(SimilarityReviewed),
div.SimilarityReviewedWhite span.NormalTextRun::highlight(SimilarityReviewed) {
  text-decoration-color: #ffffff;
}
td.SimilarityReviewedBlack span.NormalTextRun::highlight(SimilarityReviewed),
div.SimilarityReviewedBlack span.NormalTextRun::highlight(SimilarityReviewed) {
  text-decoration-color: #000000;
}
.Gripper,
.Themed .Gripper {
  border-style: solid;
  border-color: #212121;
  border-color: var(--clrGripperBorder, #212121);
  background-color: window;
  background-color: var(--clrDocSurfaceBg, window);
}
.iPad .Gripper,
.Themed.iPad .Gripper {
  border-color: #5164EF;
  border-color: var(--clrGripperBorderIpad, #5164EF);
}
.GripperContainer {
  position: absolute;
  z-index: 600;
  touch-action: none;
}
.Mac .Gripper,
.Mac .Themed .Gripper {
  /* Office15#2260500: The window background color on a Mac is grey, but we want our app to be white */
  background-color: #ffffff;
  background-color: var(--clrDocSurfaceBgExplicit, #ffffff);
}
.GripperTargetArea {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  background-color: window;
  background-color: var(--clrDocSurfaceBg, window);
}
.Themed .GripperTargetArea {
  background-color: window;
  background-color: var(--clrDocSurfaceBg, window);
}
.Mac .GripperTargetArea,
.Mac .Themed .GripperTargetArea {
  background-color: #ffffff;
  background-color: var(--clrDocSurfaceBgExplicit, #ffffff);
}
.GrippersContainer {
  /* The grippers will be absolutely positioned but their container shouldn't take up any space */
  overflow: visible;
  max-height: 0;
  max-width: 0;
}
.HiddenGrippers {
  visibility: hidden;
}
.EditMode .Hyperlink {
  cursor: text;
}
.ReadingMode .Hyperlink {
  cursor: pointer;
}
/* Hidden image upload iframe */
.WACUploadFrame {
  visibility: hidden;
  z-index: -1;
}
div.Outline {
  position: absolute;
  top: 0;
  overflow: visible;
  z-index: 1;
}
.OutlineContainer.Ltr div.Outline {
  left: 0;
}
.OutlineContainer.Rtl div.Outline {
  right: 0;
}
div.SingleOutlineLayout.WithAuthorInfo div.Outline {
  right: 20%;
}
div.SingleOutlineLayout.Rtl.WithAuthorInfo div.Outline {
  left: 20%;
}
.WACDocumentPanel.ReadingMode .WACViewPanel div.Outline,
.WACDocumentPanelPositionGrid.ReadingMode .WACViewPanel div.Outline {
  border: none;
}
div.OutlineGroup {
  overflow: visible;
  cursor: text;
  position: relative;
}
/* Prevent top margin collapsing */
div.OutlineGroup::before {
  content: '';
  display: table;
}
/* Prevent bottom margin collapsing */
div.OutlineGroup::after {
  content: '';
  display: table;
}
div.ListContainerWrapper {
  position: relative;
}
div.OutlineElement {
  overflow: visible;
  cursor: text;
  clear: both;
  position: relative;
}
div.ParagraphTrackItem {
  clear: both;
  cursor: text;
  overflow: visible;
  position: relative;
}
div.OutlineElement.Ltr {
  direction: ltr;
}
div.OutlineElement.Rtl {
  direction: rtl;
}
div.TitleDateTimeOutline > div.OutlineElement.Rtl {
  width: 89%;
}
.AppRtl div.TitleDateTimeOutline > div.OutlineElement.Rtl {
  width: auto;
}
.AppRtl div.TitleDateTimeOutline > div.OutlineElement.Ltr {
  width: 89%;
}
li.OutlineElement {
  overflow: visible;
  cursor: text;
  clear: both;
  position: relative;
}
li.OutlineElement.Ltr {
  direction: ltr;
}
li.OutlineElement.Rtl {
  direction: rtl;
  text-align: right;
}
li.OutlineElement.VerticalCenter {
  vertical-align: middle;
}
.ListMarkerGalleryPreviewLine {
  height: 2px;
  margin-left: 4px;
  margin-right: 4px;
  background-color: #aaaaaa;
  width: 100%;
  position: absolute;
  top: 50%;
  outline: 1px solid transparent;
}
.ListMarker {
  display: inline-block;
  visibility: visible;
  height: 1px;
}
ul.BulletListStyle1 {
  overflow: visible;
  cursor: text;
  list-style-type: disc;
  font-family: verdana;
}
ul.BulletListStyle2 {
  overflow: visible;
  cursor: text;
  list-style-type: circle;
  font-family: verdana;
}
ul.BulletListStyle3 {
  overflow: visible;
  cursor: text;
  list-style-type: square;
  font-family: verdana;
  font-size: 8pt;
}
ol.NumberListStyle1 {
  overflow: visible;
  cursor: text;
  list-style-type: decimal;
}
ol.NumberListStyle2 {
  overflow: visible;
  cursor: text;
  list-style-type: lower-alpha;
}
ol.NumberListStyle3 {
  overflow: visible;
  cursor: text;
  list-style-type: lower-roman;
}
ol.NumberListStyle4 {
  overflow: visible;
  cursor: text;
  list-style-type: upper-alpha;
}
ol.NumberListStyle5 {
  overflow: visible;
  cursor: text;
  list-style-type: upper-roman;
}
.NoteTagContainer {
  display: inline-block;
  float: left;
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
  visibility: visible;
}
.Safari .NoteTagContainer {
  display: inline;
}
.NoteTagImage {
  position: absolute;
  height: 16px;
  width: 16px;
  cursor: default;
}
.NoteTagNoImage {
  display: none;
}
.ListGhost {
  display: none;
}
.ParaWrappingDiv {
  position: relative;
}
.Paragraph {
  margin: 0;
}
.ParagraphLite {
  background-color: transparent;
  color: WindowText;
  color: var(--clrWindowText, WindowText);
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding-left: 0px;
  padding-right: 0px;
  vertical-align: baseline;
}
.Zoomed .Paragraph {
  will-change: transform;
}
.Themed .ParagraphLite {
  color: WindowText;
  color: var(--clrWindowText, WindowText);
}
.Conflict.Table {
  background-color: #ffbebe;
}
.Conflict.Paragraph {
  background-color: #ffbebe;
}
.Conflict.Paragraph span {
  border-bottom: dotted 1px #ffbebe;
  margin-bottom: -1px;
}
div.TableContainer {
  overflow: visible;
  position: relative;
  /* Must be kept in sync with TableContainerLeftMargin in TableViewElement.cs */
  margin: 2px 0 2px -5px;
}
div.TableContainer div.TableContainer {
  margin-left: 0;
}
table.Table.caaeCCCommitted > tbody > tr > td {
  border: solid 3px #808080 !important;
}
table.Table.caaeCC > tbody > tr > td {
  border: solid 3px #008080 !important;
}
table.Table.caaeCCHoveredBlueBg > tbody > tr > td {
  border: solid 4px #00087B !important;
}
table.Table.caaeCCCommittedHoveredBlueBg > tbody > tr > td {
  border: solid 4px #00087B !important;
}
table.Table.caaeCCFilled > tbody > tr > td {
  border: solid 3px darkgreen !important;
}
table.Table.caaeHlActor > tbody > tr > td {
  border: solid 4px #00087B !important;
}
table.Table {
  overflow: visible;
  border-collapse: collapse;
  empty-cells: show;
  position: relative;
}
table.Table table.Table {
  overflow: visible;
}
span.Empty {
  display: block;
  width: 10px;
  height: 12pt;
}
tr.TableRow {
  overflow: visible;
}
table.LightAccent0 > tbody > tr > td,
.Themed table.LightAccent0 > tbody > tr > td {
  border-color: #999999;
  border-color: var(--clrTableLightAccent0, #999999);
}
table.LightAccent1 > tbody > tr > td,
.Themed table.LightAccent1 > tbody > tr > td {
  border-color: #b4c6e7;
  border-color: var(--clrTableLightAccent1, #b4c6e7);
}
table.LightAccent2 > tbody > tr > td,
.Themed table.LightAccent2 > tbody > tr > td {
  border-color: #f7caac;
  border-color: var(--clrTableLightAccent2, #f7caac);
}
table.LightAccent3 > tbody > tr > td,
.Themed table.LightAccent3 > tbody > tr > td {
  border-color: #dbdbdb;
  border-color: var(--clrTableLightAccent3, #dbdbdb);
}
table.LightAccent4 > tbody > tr > td,
.Themed table.LightAccent4 > tbody > tr > td {
  border-color: #ffe599;
  border-color: var(--clrTableLightAccent4, #ffe599);
}
table.LightAccent5 > tbody > tr > td,
.Themed table.LightAccent5 > tbody > tr > td {
  border-color: #bdd6ee;
  border-color: var(--clrTableLightAccent5, #bdd6ee);
}
table.LightAccent6 > tbody > tr > td,
.Themed table.LightAccent6 > tbody > tr > td {
  border-color: #c5e0b3;
  border-color: var(--clrTableLightAccent6, #c5e0b3);
}
table.Accent0 > tbody > tr > td,
.Themed table.Accent0 > tbody > tr > td {
  border-color: #666666;
  border-color: var(--clrTableAccent0, #666666);
}
table.Accent1 > tbody > tr > td,
.Themed table.Accent1 > tbody > tr > td {
  border-color: #8eaadb;
  border-color: var(--clrTableAccent1, #8eaadb);
}
table.Accent2 > tbody > tr > td,
.Themed table.Accent2 > tbody > tr > td {
  border-color: #f4b083;
  border-color: var(--clrTableAccent2, #f4b083);
}
table.Accent3 > tbody > tr > td,
.Themed table.Accent3 > tbody > tr > td {
  border-color: #c9c9c9;
  border-color: var(--clrTableAccent3, #c9c9c9);
}
table.Accent4 > tbody > tr > td,
.Themed table.Accent4 > tbody > tr > td {
  border-color: #ffd966;
  border-color: var(--clrTableAccent4, #ffd966);
}
table.Accent5 > tbody > tr > td,
.Themed table.Accent5 > tbody > tr > td {
  border-color: #9cc2e5;
  border-color: var(--clrTableAccent5, #9cc2e5);
}
table.Accent6 > tbody > tr > td,
.Themed table.Accent6 > tbody > tr > td {
  border-color: #a8d08d;
  border-color: var(--clrTableAccent6, #a8d08d);
}
table.DarkAccent0 > tbody > tr > td,
.Themed table.DarkAccent0 > tbody > tr > td {
  border-color: #000000;
  border-color: var(--clrTableDarkAccent0, #000000);
}
table.DarkAccent1 > tbody > tr > td,
.Themed table.DarkAccent1 > tbody > tr > td {
  border-color: #4472c4;
  border-color: var(--clrTableDarkAccent1, #4472c4);
}
table.DarkAccent2 > tbody > tr > td,
.Themed table.DarkAccent2 > tbody > tr > td {
  border-color: #ed7d31;
  border-color: var(--clrTableDarkAccent2, #ed7d31);
}
table.DarkAccent3 > tbody > tr > td,
.Themed table.DarkAccent3 > tbody > tr > td {
  border-color: #a5a5a5;
  border-color: var(--clrTableDarkAccent3, #a5a5a5);
}
table.DarkAccent4 > tbody > tr > td,
.Themed table.DarkAccent4 > tbody > tr > td {
  border-color: CLR_TABLE_DARK_ACCENT4;
  border-color: var(--clrTableDarkAccent4, CLR_TABLE_DARK_ACCENT4);
}
table.DarkAccent5 > tbody > tr > td,
.Themed table.DarkAccent5 > tbody > tr > td {
  border-color: #5b9bd5;
  border-color: var(--clrTableDarkAccent5, #5b9bd5);
}
table.DarkAccent6 > tbody > tr > td,
.Themed table.DarkAccent6 > tbody > tr > td {
  border-color: #70ad47;
  border-color: var(--clrTableDarkAccent6, #70ad47);
}
table.TransparentBackgroundColor > tbody > tr > td {
  background-color: transparent;
}
table.DarkBackgroundAccent0 > tbody > tr > td,
.Themed table.DarkBackgroundAccent0 > tbody > tr > td {
  background-color: #000000;
  background-color: var(--clrTableDarkAccent0, #000000);
}
table.DarkBackgroundAccent1 > tbody > tr > td,
.Themed table.DarkBackgroundAccent1 > tbody > tr > td {
  background-color: #4472c4;
  background-color: var(--clrTableDarkAccent1, #4472c4);
}
table.DarkBackgroundAccent2 > tbody > tr > td,
.Themed table.DarkBackgroundAccent2 > tbody > tr > td {
  background-color: #ed7d31;
  background-color: var(--clrTableDarkAccent2, #ed7d31);
}
table.DarkBackgroundAccent3 > tbody > tr > td,
.Themed table.DarkBackgroundAccent3 > tbody > tr > td {
  background-color: #a5a5a5;
  background-color: var(--clrTableDarkAccent3, #a5a5a5);
}
table.DarkBackgroundAccent4 > tbody > tr > td,
.Themed table.DarkBackgroundAccent4 > tbody > tr > td {
  background-color: #ffc000;
  background-color: var(--clrTableDarkAccent4, #ffc000);
}
table.DarkBackgroundAccent5 > tbody > tr > td,
.Themed table.DarkBackgroundAccent5 > tbody > tr > td {
  background-color: #5b9bd5;
  background-color: var(--clrTableDarkAccent5, #5b9bd5);
}
table.DarkBackgroundAccent6 > tbody > tr > td,
.Themed table.DarkBackgroundAccent6 > tbody > tr > td {
  background-color: #70ad47;
  background-color: var(--clrTableDarkAccent6, #70ad47);
}
table.TableNoGrid > tbody > tr > td {
  border-width: 0px;
  border-style: none;
}
table.TableGrid.Ltr > tbody > tr > td {
  border-width: 0px 1px 1px 0px;
  border-style: none solid solid none;
}
table.TableGrid.Ltr > tbody > tr:first-child > td {
  border-top-width: 1px;
  border-top-style: solid;
}
table.TableGrid.Ltr > tbody > tr > td.FirstCol {
  border-left-width: 1px;
  border-left-style: solid;
}
table.TableGrid.Rtl > tbody > tr > td {
  border-width: 0px 0px 1px 1px;
  border-style: none none solid solid;
}
table.TableGrid.Rtl > tbody > tr:first-child > td {
  border-top-width: 1px;
  border-top-style: solid;
}
table.TableGrid.Rtl > tbody > tr > td.FirstCol {
  border-right-width: 1px;
  border-right-style: solid;
}
table.BorderColorBlack > tbody > tr > td,
.Themed table.BorderColorBlack > tbody > tr > td {
  border-color: #000000;
  border-color: var(--clrTableBlack, #000000);
}
table.TableGridLight > tbody > tr > td,
.Themed table.TableGridLight > tbody > tr > td {
  border-color: #bfbfbf;
  border-color: var(--clrTableGridLight, #bfbfbf);
}
table.PlainTable1 > tbody > tr > td,
.Themed table.PlainTable1 > tbody > tr > td {
  border-color: #bfbfbf;
  border-color: var(--clrTablePlain1, #bfbfbf);
}
table.PlainTable2 > tbody > tr > td,
.Themed table.PlainTable2 > tbody > tr > td {
  border-color: #7f7f7f;
  border-color: var(--clrTablePlain2, #7f7f7f);
}
table.PlainTable2 > tbody > tr:first-child > td,
.Themed table.PlainTable2 > tbody > tr:first-child > td {
  border-top: 1px solid #7f7f7f;
  border-top-color: var(--clrTablePlain2, #7f7f7f);
}
table.PlainTable2 > tbody > tr > td.LastRow,
.Themed table.PlainTable2 > tbody > tr > td.LastRow {
  border-bottom: 1px solid #7f7f7f;
  border-bottom-color: var(--clrTablePlain2, #7f7f7f);
}
table.PlainTable3 > tbody > tr > td,
.Themed table.PlainTable3 > tbody > tr > td {
  border-color: #7f7f7f;
  border-color: var(--clrTablePlain3, #7f7f7f);
}
table.GridTable2Generic.Ltr > tbody > tr > td.FirstCol {
  border-left: 0px none;
}
table.GridTable2Generic.Ltr > tbody > tr > td.LastCol {
  border-right: 0px none;
}
table.GridTable2Generic.Rtl > tbody > tr > td.FirstCol {
  border-right: 0px none;
}
table.GridTable2Generic.Rtl > tbody > tr > td.LastCol {
  border-left: 0px none;
}
table.GridTable5Dark > tbody > tr > td,
.Themed table.GridTable5Dark > tbody > tr > td {
  border-color: #ffffff;
  border-color: var(--clrTableBorderGrid5Dark, #ffffff);
  background-color: #cccccc;
  background-color: var(--clrTableBgGrid5Dark, #cccccc);
}
table.GridTable5DarkAccent1 > tbody > tr > td,
.Themed table.GridTable5DarkAccent1 > tbody > tr > td {
  border-color: #ffffff;
  border-color: var(--clrTableBorderGrid5Dark, #ffffff);
  background-color: #d9e2f3;
  background-color: var(--clrTableBgGrid5DarkAccent1, #d9e2f3);
}
table.GridTable5DarkAccent2 > tbody > tr > td,
.Themed table.GridTable5DarkAccent2 > tbody > tr > td {
  border-color: #ffffff;
  border-color: var(--clrTableBorderGrid5Dark, #ffffff);
  background-color: #fbe4d5;
  background-color: var(--clrTableBgGrid5DarkAccent2, #fbe4d5);
}
table.GridTable5DarkAccent3 > tbody > tr > td,
.Themed table.GridTable5DarkAccent3 > tbody > tr > td {
  border-color: #ffffff;
  border-color: var(--clrTableBorderGrid5Dark, #ffffff);
  background-color: #ededed;
  background-color: var(--clrTableBgGrid5DarkAccent3, #ededed);
}
table.GridTable5DarkAccent4 > tbody > tr > td,
.Themed table.GridTable5DarkAccent4 > tbody > tr > td {
  border-color: #ffffff;
  border-color: var(--clrTableBorderGrid5Dark, #ffffff);
  background-color: #fff2cc;
  background-color: var(--clrTableBgGrid5DarkAccent4, #fff2cc);
}
table.GridTable5DarkAccent5 > tbody > tr > td,
.Themed table.GridTable5DarkAccent5 > tbody > tr > td {
  border-color: #ffffff;
  border-color: var(--clrTableBorderGrid5Dark, #ffffff);
  background-color: #deeaf6;
  background-color: var(--clrTableBgGrid5DarkAccent5, #deeaf6);
}
table.GridTable5DarkAccent6 > tbody > tr > td,
.Themed table.GridTable5DarkAccent6 > tbody > tr > td {
  border-color: #ffffff;
  border-color: var(--clrTableBorderGrid5Dark, #ffffff);
  background-color: #e2efd9;
  background-color: var(--clrTableBgGrid5DarkAccent6, #e2efd9);
}
table.ListTable2 > tbody > tr:first-child > td {
  border-width: 1px 0px 1px 0px;
  border-style: solid none solid none;
}
table.ListTable2 > tbody > tr:nth-child(n + 2) > td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
table.ListTable3 > tbody > tr:first-child > td {
  border-top-width: 1px;
  border-top-style: solid;
}
table.ListTable3 > tbody > tr > td.LastRow {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
table.ListTable3.Ltr > tbody > tr > td.FirstCol {
  border-left-width: 1px;
  border-left-style: solid;
}
table.ListTable3.Ltr > tbody > tr > td.LastCol {
  border-right-width: 1px;
  border-right-style: solid;
}
table.ListTable3.Rtl > tbody > tr > td.FirstCol {
  border-right-width: 1px;
  border-right-style: solid;
}
table.ListTable3.Rtl > tbody > tr > td.LastCol {
  border-left-width: 1px;
  border-left-style: solid;
}
table.ListTable5 > tbody > tr > td,
.Themed table.ListTable5 > tbody > tr > td {
  border-color: #ffffff;
  border-color: var(--clrTableList5, #ffffff);
}
table.ListTable5Accent0 > tbody > tr:first-child > td,
.Themed table.ListTable5Accent0 > tbody > tr:first-child > td {
  border-top: 4px solid #000000;
  border-top-color: var(--clrTableList5Accent0, #000000);
}
table.ListTable5Accent0 > tbody > tr > td.LastRow,
.Themed table.ListTable5Accent0 > tbody > tr > td.LastRow {
  border-bottom: 4px solid #000000;
  border-bottom-color: var(--clrTableList5Accent0, #000000);
}
table.ListTable5Accent0.Ltr > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent0.Ltr > tbody > tr > td.FirstCol {
  border-left: 4px solid #000000;
  border-left-color: var(--clrTableList5Accent0, #000000);
}
table.ListTable5Accent0.Ltr > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent0.Ltr > tbody > tr > td.LastCol {
  border-right: 4px solid #000000;
  border-right-color: var(--clrTableList5Accent0, #000000);
}
table.ListTable5Accent0.Rtl > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent0.Rtl > tbody > tr > td.FirstCol {
  border-right: 4px solid #000000;
  border-right-color: var(--clrTableList5Accent0, #000000);
}
table.ListTable5Accent0.Rtl > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent0.Rtl > tbody > tr > td.LastCol {
  border-left: 4px solid #000000;
  border-left-color: var(--clrTableList5Accent0, #000000);
}
table.ListTable5Accent1 > tbody > tr:first-child > td,
.Themed table.ListTable5Accent1 > tbody > tr:first-child > td {
  border-top: 4px solid #4472c4;
  border-top-color: var(--clrTableList5Accent1, #4472c4);
}
table.ListTable5Accent1 > tbody > tr > td.LastRow,
.Themed table.ListTable5Accent1 > tbody > tr > td.LastRow {
  border-bottom: 4px solid #4472c4;
  border-bottom-color: var(--clrTableList5Accent1, #4472c4);
}
table.ListTable5Accent1.Ltr > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent1.Ltr > tbody > tr > td.FirstCol {
  border-left: 4px solid #4472c4;
  border-left-color: var(--clrTableList5Accent1, #4472c4);
}
table.ListTable5Accent1.Ltr > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent1.Ltr > tbody > tr > td.LastCol {
  border-right: 4px solid #4472c4;
  border-right-color: var(--clrTableList5Accent1, #4472c4);
}
table.ListTable5Accent1.Rtl > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent1.Rtl > tbody > tr > td.FirstCol {
  border-right: 4px solid #4472c4;
  border-right-color: var(--clrTableList5Accent1, #4472c4);
}
table.ListTable5Accent1.Rtl > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent1.Rtl > tbody > tr > td.LastCol {
  border-left: 4px solid #4472c4;
  border-left-color: var(--clrTableList5Accent1, #4472c4);
}
table.ListTable5Accent2 > tbody > tr:first-child > td,
.Themed table.ListTable5Accent2 > tbody > tr:first-child > td {
  border-top: 4px solid #ed7d31;
  border-top-color: var(--clrTableList5Accent2, #ed7d31);
}
table.ListTable5Accent2 > tbody > tr > td.LastRow,
.Themed table.ListTable5Accent2 > tbody > tr > td.LastRow {
  border-bottom: 4px solid #ed7d31;
  border-bottom-color: var(--clrTableList5Accent2, #ed7d31);
}
table.ListTable5Accent2.Ltr > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent2.Ltr > tbody > tr > td.FirstCol {
  border-left: 4px solid #ed7d31;
  border-left-color: var(--clrTableList5Accent2, #ed7d31);
}
table.ListTable5Accent2.Ltr > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent2.Ltr > tbody > tr > td.LastCol {
  border-right: 4px solid #ed7d31;
  border-right-color: var(--clrTableList5Accent2, #ed7d31);
}
table.ListTable5Accent2.Rtl > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent2.Rtl > tbody > tr > td.FirstCol {
  border-right: 4px solid #ed7d31;
  border-right-color: var(--clrTableList5Accent2, #ed7d31);
}
table.ListTable5Accent2.Rtl > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent2.Rtl > tbody > tr > td.LastCol {
  border-left: 4px solid #ed7d31;
  border-left-color: var(--clrTableList5Accent2, #ed7d31);
}
table.ListTable5Accent3 > tbody > tr:first-child > td,
.Themed table.ListTable5Accent3 > tbody > tr:first-child > td {
  border-top: 4px solid #a5a5a5;
  border-top-color: var(--clrTableList5Accent3, #a5a5a5);
}
table.ListTable5Accent3 > tbody > tr > td.LastRow,
.Themed table.ListTable5Accent3 > tbody > tr > td.LastRow {
  border-bottom: 4px solid #a5a5a5;
  border-bottom-color: var(--clrTableList5Accent3, #a5a5a5);
}
table.ListTable5Accent3.Ltr > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent3.Ltr > tbody > tr > td.FirstCol {
  border-left: 4px solid #a5a5a5;
  border-left-color: var(--clrTableList5Accent3, #a5a5a5);
}
table.ListTable5Accent3.Ltr > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent3.Ltr > tbody > tr > td.LastCol {
  border-right: 4px solid #a5a5a5;
  border-right-color: var(--clrTableList5Accent3, #a5a5a5);
}
table.ListTable5Accent3.Rtl > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent3.Rtl > tbody > tr > td.FirstCol {
  border-right: 4px solid #a5a5a5;
  border-right-color: var(--clrTableList5Accent3, #a5a5a5);
}
table.ListTable5Accent3.Rtl > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent3.Rtl > tbody > tr > td.LastCol {
  border-left: 4px solid #a5a5a5;
  border-left-color: var(--clrTableList5Accent3, #a5a5a5);
}
table.ListTable5Accent4 > tbody > tr:first-child > td,
.Themed table.ListTable5Accent4 > tbody > tr:first-child > td {
  border-top: 4px solid #ffc000;
  border-top-color: var(--clrTableList5Accent4, #ffc000);
}
table.ListTable5Accent4 > tbody > tr > td.LastRow,
.Themed table.ListTable5Accent4 > tbody > tr > td.LastRow {
  border-bottom: 4px solid #ffc000;
  border-bottom-color: var(--clrTableList5Accent4, #ffc000);
}
table.ListTable5Accent4.Ltr > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent4.Ltr > tbody > tr > td.FirstCol {
  border-left: 4px solid #ffc000;
  border-left-color: var(--clrTableList5Accent4, #ffc000);
}
table.ListTable5Accent4.Ltr > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent4.Ltr > tbody > tr > td.LastCol {
  border-right: 4px solid #ffc000;
  border-right-color: var(--clrTableList5Accent4, #ffc000);
}
table.ListTable5Accent4.Rtl > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent4.Rtl > tbody > tr > td.FirstCol {
  border-right: 4px solid #ffc000;
  border-right-color: var(--clrTableList5Accent4, #ffc000);
}
table.ListTable5Accent4.Rtl > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent4.Rtl > tbody > tr > td.LastCol {
  border-left: 4px solid #ffc000;
  border-left-color: var(--clrTableList5Accent4, #ffc000);
}
table.ListTable5Accent5 > tbody > tr:first-child > td,
.Themed table.ListTable5Accent5 > tbody > tr:first-child > td {
  border-top: 4px solid #5b9bd5;
  border-top-color: var(--clrTableList5Accent5, #5b9bd5);
}
table.ListTable5Accent5 > tbody > tr > td.LastRow,
.Themed table.ListTable5Accent5 > tbody > tr > td.LastRow {
  border-bottom: 4px solid #5b9bd5;
  border-bottom-color: var(--clrTableList5Accent5, #5b9bd5);
}
table.ListTable5Accent5.Ltr > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent5.Ltr > tbody > tr > td.FirstCol {
  border-left: 4px solid #5b9bd5;
  border-left-color: var(--clrTableList5Accent5, #5b9bd5);
}
table.ListTable5Accent5.Ltr > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent5.Ltr > tbody > tr > td.LastCol {
  border-right: 4px solid #5b9bd5;
  border-right-color: var(--clrTableList5Accent5, #5b9bd5);
}
table.ListTable5Accent5.Rtl > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent5.Rtl > tbody > tr > td.FirstCol {
  border-right: 4px solid #5b9bd5;
  border-right-color: var(--clrTableList5Accent5, #5b9bd5);
}
table.ListTable5Accent5.Rtl > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent5.Rtl > tbody > tr > td.LastCol {
  border-left: 4px solid #5b9bd5;
  border-left-color: var(--clrTableList5Accent5, #5b9bd5);
}
table.ListTable5Accent6 > tbody > tr:first-child > td,
.Themed table.ListTable5Accent6 > tbody > tr:first-child > td {
  border-top: 4px solid #70ad47;
  border-top-color: var(--clrTableList5Accent6, #70ad47);
}
table.ListTable5Accent6 > tbody > tr > td.LastRow,
.Themed table.ListTable5Accent6 > tbody > tr > td.LastRow {
  border-bottom: 4px solid #70ad47;
  border-bottom-color: var(--clrTableList5Accent6, #70ad47);
}
table.ListTable5Accent6.Ltr > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent6.Ltr > tbody > tr > td.FirstCol {
  border-left: 4px solid #70ad47;
  border-left-color: var(--clrTableList5Accent6, #70ad47);
}
table.ListTable5Accent6.Ltr > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent6.Ltr > tbody > tr > td.LastCol {
  border-right: 4px solid #70ad47;
  border-right-color: var(--clrTableList5Accent6, #70ad47);
}
table.ListTable5Accent6.Rtl > tbody > tr > td.FirstCol,
.Themed table.ListTable5Accent6.Rtl > tbody > tr > td.FirstCol {
  border-right: 4px solid #70ad47;
  border-right-color: var(--clrTableList5Accent6, #70ad47);
}
table.ListTable5Accent6.Rtl > tbody > tr > td.LastCol,
.Themed table.ListTable5Accent6.Rtl > tbody > tr > td.LastCol {
  border-left: 4px solid #70ad47;
  border-left-color: var(--clrTableList5Accent6, #70ad47);
}
table.ListTable6 > tbody > tr:first-child > td {
  border-top-width: 1px;
  border-top-style: solid;
}
table.ListTable6 > tbody > tr > td.LastRow {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
div.TableCellContent {
  padding-left: 4px;
  padding-right: 4px;
}
div.TableColumnHandleAnchor {
  height: 0;
  overflow: visible;
  position: absolute;
  top: 0px;
}
div.TableColumnWidthSpacer {
  width: 47px;
  height: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
}
div.TableColumnHandle {
  height: 5px;
  left: 0;
  right: 0;
  margin-top: -5px;
  position: absolute;
  overflow: visible;
  z-index: 3;
  background-repeat: repeat;
  background-color: transparent !important;
  /* background-image: url('Blank10x10.10x10x8.png'); */
}
div.SelectTableHandleAnchor {
  height: 100%;
  width: 0;
  overflow: visible;
  position: absolute;
  top: 0;
}
div.SelectTableHandle,
div.SelectTableHandleThemed {
  height: 15px;
  width: 15px;
  left: -15px;
  top: -15px;
  position: absolute;
  overflow: visible;
  z-index: 4;
  background-color: transparent !important;
}
div.SelectTableHandleRevamped {
  height: 20px;
  width: 20px;
  left: -20px;
  top: -20px;
  position: absolute;
  z-index: 4;
  background-color: transparent !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.Table:hover > div.SelectTableHandleAnchor > div.SelectTableHandle {
  border: 1px solid black;
  background-size: contain !important;
  background-position: center !important;
}
.Table:hover > div.SelectTableHandleAnchor > div.SelectTableHandleThemed {
  border-color: black;
  border-color: var(--clrBlack, black);
  border-width: 1px;
  border-style: solid;
  background-size: contain !important;
  background-position: center !important;
}
div.TableRowSelectionHandleAnchor {
  height: 100%;
  width: 0;
  overflow: visible;
  position: absolute;
  top: 0;
}
.GrabberHovered {
  background-color: #AEC6EB !important;
}
div.ColumnGrabber {
  height: 12px;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  border-radius: 4px 4px 0 0;
  z-index: 4;
  visibility: hidden;
}
.GrabberActive {
  background-color: #598FEC !important;
}
.showGrabber {
  visibility: visible !important;
}
div.RowGrabber {
  width: 12px;
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  border-radius: 4px 0 0 4px;
  z-index: 4;
  visibility: hidden;
}
div.RowGrabber div.grabberIcon,
div.ColumnGrabber div.grabberIcon {
  height: 6px;
  width: 6px;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
div.OutlineElement.Rtl div.RowGrabber {
  border-radius: 0 4px 4px 0;
}
div.TableRowSelectionHandle {
  height: 100%;
  width: 15px;
  left: -15px;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow: visible;
  z-index: 4;
  background-repeat: repeat;
  background-color: transparent !important;
}
div.TableColumnResizeHandle {
  position: absolute;
  bottom: 0;
  overflow: visible;
  width: 7px;
  top: 0;
  z-index: 3;
  background-repeat: repeat;
}
.ReadingMode div.TableColumnResizeHandle,
.ReadingMode div.TableColumnResizeHandle.Last {
  display: none;
}
div.TableLastResizeAnchor {
  text-align: right;
  line-height: 0;
  font-size: 0.1px;
  padding: 0;
  opacity: 0;
  overflow: visible;
  margin-right: 2px;
  padding-bottom: 20px;
  margin-top: -20px;
  background-color: transparent !important;
}
div.OutlineElement.Rtl > div.TableContainer > table.Table > tbody > tr > td > div.TableLastResizeAnchor {
  text-align: left;
  margin-right: 0;
  margin-left: 2px;
}
div.OutlineElement.Rtl > div.TableContainerV2 > table.Table > tbody > tr > td > div.TableLastResizeAnchor {
  text-align: left;
  margin-right: 0;
  margin-left: 2px;
}
div.TableColumnResizeHandle.Last {
  display: inline;
  margin-left: auto;
  background-color: transparent !important;
}
div.insertionDot {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: none;
  border: 1px solid #185ABD;
  background-color: #ffffff;
}
div.TableHoverColumnHandle {
  position: absolute;
  overflow: visible;
  width: 20px;
  height: 5px;
  top: -5px;
  left: -10px;
  cursor: pointer;
  z-index: 4;
  text-align: center;
  display: inline-block;
  background-color: transparent;
}
div.TableHoverColumnHandleRevamped {
  position: absolute;
  overflow: visible;
  width: 12px;
  height: 16px;
  cursor: pointer;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: contain;
  visibility: hidden;
}
div.TableHoverColumnHandleRevamped .insertionDot {
  position: absolute;
  left: 3px;
  top: 3px;
}
div.TableHoverColumnHandle:hover {
  height: 12px;
  top: -12px;
}
div.OutlineElement.Rtl > div.TableContainer > table.Table > tbody > tr > td > div.TableInsertColumnHandle {
  right: -10px;
}
div.OutlineElement.Rtl > div.TableContainerV2 > table.Table > tbody > tr > td > div.TableInsertColumnHandle {
  right: -10px;
}
div.TableInsertColumnHandle {
  position: relative;
  overflow: visible;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: #797673 solid 1px;
  cursor: pointer;
  z-index: 4;
  background-repeat: repeat;
  background-color: white;
  color: #797673;
  font-weight: bolder;
  line-height: 8px;
  text-align: center;
  margin: 0 auto;
}
div.TableInsertColumnHandleRevamped {
  position: relative;
  overflow: visible;
  width: 16px;
  height: 16px;
  right: -2px;
  position: absolute;
  bottom: 2px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 4;
  background-repeat: no-repeat;
  background-size: contain;
}
table.Table.Rtl div.TableInsertColumnHandleRevamped {
  right: -2px;
}
div.TableInsertColumnGap {
  background-color: white !important;
  border-right: 1px #797673 solid;
  border-left: 1px #797673 solid;
  width: 3px;
}
div.TableInsertColumnGapRevamped {
  background-color: #185ABD !important;
  width: 3px !important;
  z-index: 3 !important;
}
div.TableInsertRowGapBlank {
  position: absolute;
  overflow: visible;
  height: 7px;
  margin-top: -3px;
  z-index: 3;
  background-repeat: repeat;
  background-color: transparent;
}
div.TableCellTopBorderHandle {
  position: absolute;
  overflow: visible;
  height: 7px;
  margin-top: -3px;
  z-index: 3;
  background-repeat: repeat;
  background-color: transparent;
  cursor: pointer;
}
div.TableCellLeftBorderHandle {
  position: absolute;
  overflow: visible;
  width: 7px;
  z-index: 3;
  background-repeat: repeat;
  cursor: pointer;
}
div.TableHoverRowHandle {
  position: absolute;
  display: flex;
  overflow: visible;
  width: 15px;
  height: 10px;
  cursor: pointer;
  z-index: 5;
  background-color: transparent;
}
div.TableHoverRowHandleRevamped {
  position: absolute;
  display: flex;
  overflow: visible;
  width: 16px;
  height: 12px;
  cursor: pointer;
  z-index: 5;
  background-repeat: no-repeat;
  background-size: contain;
  visibility: hidden;
}
div.TableHoverRowHandleRevamped .insertionDot {
  position: absolute;
  left: 3px;
  top: 3px;
}
table.Table.Rtl div.TableHoverRowHandleRevamped .insertionDot {
  left: 7px;
}
div.TableInsertRowHandle {
  overflow: visible;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: #797673 solid 1px;
  cursor: pointer;
  z-index: 4;
  background-repeat: repeat;
  background-color: white;
  color: #797673;
  font-weight: bolder;
  line-height: 8px;
  margin: auto;
  margin-right: 0px;
  text-align: center;
}
div.TableInsertRowHandleRevamped {
  overflow: visible;
  position: absolute;
  width: 16px;
  height: 16px;
  bottom: -2px;
  left: -2px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 4;
  background-repeat: no-repeat;
  background-size: contain;
}
table.Table.Rtl div.TableInsertRowHandleRevamped {
  left: 2px;
}
div.TableContainer.Rtl > div.TableInsertRowHandleRevamped,
div.TableContainerV2.Rtl > div.TableInsertRowHandleRevamped {
  right: 1px;
}
div.TableInsertRowGap {
  background-color: white;
  border-bottom: 1px #797673 solid;
  border-top: 1px #797673 solid;
  height: 3px;
}
div.TableInsertRowGapRevamped {
  background-color: #185ABD !important;
  height: 3px !important;
  z-index: 3 !important;
}
table.Table td {
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: top;
  overflow: visible;
}
table.Table.NoBorder > tbody > tr > td {
  border: solid 1px transparent;
}
table.Table.Border > tbody > tr > td {
  border: solid 1px #909090;
}
table.TableStylePreview {
  border-collapse: collapse;
  font-size: 6px;
  font-weight: bold;
  margin: 0px auto 0px auto;
  table-layout: fixed;
  width: 60px;
}
table.TableStylePreview td {
  height: 7px;
  line-height: 7px;
  overflow: hidden;
  padding-left: 1px;
  padding-right: 1px;
  width: 8px;
}
div.containerForRowOverlay {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  z-index: 4;
}
div.containerForColumnOverlay {
  position: absolute;
  z-index: 4;
}
div.grabberIconInOverlay {
  width: 6px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
div.grabberIconContainerInOverlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #598fec;
}
div.rowGrabberIconContainerInOverlay {
  width: 14px;
  height: calc(100% + 4px);
  border-radius: 4px 0 0 4px;
}
div.columnGrabberIconContainerInOverlay {
  height: 14px;
  width: 100%;
  border-radius: 4px 4px 0 0;
}
div.overlayForDragInTable {
  height: inherit;
  border: solid 2px #598fec;
  background-color: var(--clrOverlayDuringDragInTable);
}
div.overlayForDraggedRow {
  border-inline-start: 0;
}
div.overlayForDraggedColumn {
  border-top: 0;
}
div.dropIndicatorForDrag {
  background-color: #185abd;
  position: absolute;
  z-index: 4;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  div.overlayForDragInTable {
    border: 2px solid Highlight;
  }
  div.dropIndicatorForDrag {
    background-color: activeText;
  }
  div.grabberIconContainerInOverlay {
    background-color: Highlight;
  }
}
.tableRowOrColumnDisabledDuringDragSelectionState div.CellSelectedOverlay {
  height: 100% !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2;
  background-color: rgba(230, 230, 230, 0.6) !important;
  border: none !important;
}
span.TextRun {
  font-variant-ligatures: none !important;
}
span.TextRun.MouseHand {
  cursor: pointer;
}
span.UnsupportedObjectBlock {
  display: none;
}
.OutlineElement > span.UnsupportedObjectBlock {
  display: inline;
  background-color: #e1e3e6;
  color: #000000;
  cursor: default;
}
.Selected .OutlineElement > span.UnsupportedObjectBlock,
.Selected.OutlineElement > span.UnsupportedObjectBlock,
.OutlineElement > span.UnsupportedObjectBlock.Selected {
  display: inline;
  background-color: #c6c6c6;
}
div.WACProgressDiv {
  width: 300px;
  /* Had to use these two lines instead of margin-top because of an IE7 CSS bug */
  position: relative;
  top: 180px;
  /* End IE7 fix */
  margin-left: auto;
  margin-right: auto;
}
.AppRtl div.WACProgressDiv {
  direction: rtl;
}
/* HiddenParagraph is used by IE9 which does not require top level css change */
/* When hiding the current paragraph in pageview */
.HiddenParagraph {
  visibility: hidden;
}
.WACEditing {
  -ms-user-select: text;
  width: 100%;
  height: 100%;
}
/* When we clone the view panel during page crossfade, the active paragraph is
   hidden because the editing surface was on top of it. This makes that hidden
   paragraph visible again so you can see the entire page during crossfade. */
.AirspaceClone .HiddenParagraph {
  visibility: visible;
}
.ms-hidden {
  position: absolute;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* EmbeddedFile CSS */
.WACEFContainer {
  position: relative;
  padding: 0;
  border: solid 1px transparent;
  cursor: default;
  width: 84px;
  height: 96px;
}
.usehover .Selected .WACEFContainer:hover {
  border: solid 1px transparent;
}
.usehover .WACEFContainer:hover {
  border: 1px blue dashed;
}
.WACEFOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  z-index: -1;
  left: 0;
  /* Safari needs this to render properly. No need to switch for RTL. O15:2701904 */
}
.Selected .WACEFOverlay {
  opacity: 0.62;
}
.WACEFImage {
  margin-left: 18px;
  margin-right: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 48px;
  height: 48px;
}
.WACEFFilename {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 84px;
  padding: 0;
  font-size: larger;
  text-align: center;
  max-height: 3em;
  line-height: 1.5em;
  word-wrap: normal;
}
.WACEFProgress {
  display: block;
  text-align: center;
  position: absolute;
  margin-top: -12px;
  margin-left: -12px;
  left: 28px;
  top: 31px;
}
/* End EmbeddedFile CSS */
.GetPageUrlDialog {
  border-width: 1px;
  border-style: solid;
  padding: 5px;
  height: 140px;
}
.WacPawn {
  top: -12px;
  left: 0;
  outline: solid 2px transparent;
}
.WacPresence {
  top: -12px;
  left: 0;
}
.AppRtl .WacPawn,
.AppRtl .WacPresence {
  right: 0;
}
.presenceIp {
  border-style: none solid none none;
  border-width: 0 2px 0 0;
  margin: 5px 7px 5px 5px;
  position: relative;
  overflow: visible;
  width: 0;
}
.AppRtl .presenceIp {
  border-style: none none none solid;
  border-width: 0 0 0 2px;
  margin: 5px 5px 5px 7px;
}
.PresenceIpPaddingDiv {
  position: absolute;
  width: 12px;
  /* Two 5px padding and 2px ip */
}
.PresenceSmallBox {
  border-style: none solid none none;
  border-width: 0 6px 0 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 6px;
  top: -3px;
}
.ModernPresenceSmall {
  position: absolute;
  top: -3px;
  left: 0;
  height: 0px;
  width: 0px;
  border-radius: 6px;
  border: 3px solid;
}
.AppRtl .PresenceSmallBox,
.AppRtl .ModernPresenceSmall {
  left: auto;
  right: 0;
}
/* paragraph visibility can be overriden in the child elements and it is overriden in the IP pawn.
Set the display to none because that can not be overriden */
.HiddenByEditing .PresenceIpPaddingDiv,
.HiddenParagraph .PresenceIpPaddingDiv {
  display: none;
}
.moreSymbolsTable,
.DefineNewBulletTable {
  color: black;
  border: 1px none black;
  border-collapse: collapse;
}
.moreSymbolsTable td,
.DefineNewBulletTable td {
  width: 26px;
  height: 26px;
  border: 1px solid black;
  border-collapse: collapse;
}
.moreSymbolsTable td a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  color: black;
  text-decoration: none;
}
.DefineNewBulletTableCell {
  display: block;
  width: 100%;
  height: 1.25em;
  text-align: center;
  vertical-align: middle;
  color: black;
  text-decoration: none;
  font-size: 20pt;
}
.moreSymbolsTable td a:hover,
.moreSymbolsTable td a:focus,
.moreSymbolsTable td a[selected='true'],
.DefineNewBulletTableCell:hover,
.DefineNewBulletTableCell:focus,
.DefineNewBulletTableCell[selected='true'] {
  background-color: gray;
  outline: 2px dashed transparent;
  cursor: default;
}
.InsightsPaneIFrame {
  height: 100%;
  width: 100%;
  border: 0;
  /* content is selectable */
  -webkit-user-select: text;
  /* Safari and Chrome */
  -khtml-user-select: text;
  /* Safari and Chrome (older versions) */
  -moz-user-select: text;
  /* FireFox */
  -ms-user-select: text;
  /* IE 10+ */
  /* OfficeMain 1464683 is tracking the work to fix the taskpane title bar. Currently we added a 10px top padding and
	proper box-sizing css styles to work around bug 1464683. They will be removed when that bug is fixed. */
  padding-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.AppsForOfficeTaskPaneAppContainer {
  position: absolute;
  top: 8px;
  bottom: 0px;
  width: 100%;
}
.AppsForOfficeReactContainer {
  height: 100%;
  overflow: hidden;
}
.MathJax_Display {
  text-align: left !important;
  /* Must be set to important as MathJax centers text inline */
  width: auto !important;
  /* Want to fill the entirety of the containing parent div for the inline rendering */
  margin: 0;
}
.BlobObject * {
  white-space: pre !important;
}
.EquationPlaceholderText {
  margin-top: 6px;
  margin-right: 8px;
  margin-bottom: 6px;
  margin-left: 8px;
  font-family: 'Segoe UI';
  color: #666666;
  background-color: #e1e3e6;
}
.LanguagesListDiv {
  display: table;
  width: 100%;
}
.LanguagesListDiv #SpellingLabel {
  display: table-caption;
  caption-side: bottom;
}
.LanguagesListDiv select option:hover,
.LanguagesListDiv select option:focus,
.LanguagesListDiv select option:active,
.LanguagesListDiv select option:checked {
  /** Styling <select> https://stackoverflow.com/a/32927607 */
  background: linear-gradient(#8a8886, #8a8886);
  background-color: #8a8886 !important;
  /* for IE */
}
.GrammarSettingsDialogLabeledInlineList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.GrammarSettingsDialogLabeledInlineList label {
  margin: 0px;
  cursor: default !important;
}
.GrammarSettingsDialogLabeledInlineList select {
  width: 120px;
  margin: 0px 0px 0px 6px;
}
.GrammarSettingsDialogResetButtonContainer {
  padding: 10px 14px 14px;
  float: left;
}
.AppRtl .GrammarSettingsDialogResetButtonContainer {
  float: right;
}
.GrammarSettingsDialogResetButton {
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 10px;
}
.AppRtl .GrammarSettingsDialogResetButton {
  margin-left: 10px;
  margin-right: 0px;
}
.CritiqueCategory {
  margin: 3px 2px;
}
.CritiqueCategory > label {
  font-weight: bold;
}
.CritiqueType > input[type='checkbox'] {
  margin-bottom: 4px;
  height: 14px;
  width: 14px;
}
.CritiqueType {
  padding-left: 20px;
  height: 20px;
}
.CritiquesList {
  height: 400px;
  width: 450px;
  overflow-y: scroll;
}
.AppRtl .CritiqueType {
  padding-right: 20px;
}
.MacChromeBold {
  -webkit-font-smoothing: antialiased;
}
/*Emoji CSS*/
.WACEmojiGalleryHeader,
.WACEmojiGalleryHeaderAccessible,
.WACEmojisTabContent,
.EmojiButtonInnerHTML {
  font-family: 'Segoe UI Emoji', 'Segoe UI', 'Arial', 'Verdana', 'sans-serif';
  cursor: default;
}
@media screen and (max-width: 1366px) {
  .WACEmojiGalleryHeaderAccessible {
    border-bottom: 1px solid #2b579a;
    width: 100%;
  }
  .WACEmojiGalleryHeaderAccessible td {
    height: 26px;
    border-collapse: collapse;
  }
  .WACEmojiGalleryHeaderAccessible td a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.7em;
  }
  .WACEmojiTableAccessible td {
    width: 35px;
    height: 26px;
  }
  .WACEmojiTableAccessible td a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.3em;
  }
  .WACEmojiGalleryHeader {
    border-bottom: 1px solid #2b579a;
    width: 100%;
  }
  .WACEmojiGalleryHeader td {
    width: 36px;
    height: 26px;
    border-collapse: collapse;
  }
  .WACEmojiGalleryHeader td a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.7em;
  }
  .WACEmojiTable td {
    width: 21px;
    height: 26px;
  }
  .WACEmojiTable td a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.3em;
  }
  .WACEmojisTabContent {
    max-height: 200px;
    overflow-y: auto;
  }
}
@media screen and (min-width: 1367px) {
  .WACEmojiGalleryHeader {
    border-bottom: 2px solid #2b579a;
    width: 100%;
  }
  .WACEmojiGalleryHeader td {
    width: 58px;
    height: 35px;
    border-collapse: collapse;
  }
  .WACEmojiGalleryHeader td a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 2em;
  }
  .WACEmojiTable td {
    width: 35px;
    height: 26px;
  }
  .WACEmojiTable td a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.7em;
  }
  .WACEmojiGalleryHeaderAccessible {
    border-bottom: 2px solid #2b579a;
    width: 100%;
  }
  .WACEmojiGalleryHeaderAccessible td {
    height: 35px;
    border-collapse: collapse;
  }
  .WACEmojiGalleryHeaderAccessible td a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 2em;
  }
  .WACEmojiTableAccessible td {
    width: 35px;
    height: 26px;
  }
  .WACEmojiTableAccessible td a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.7em;
  }
  .WACEmojisTabContent {
    max-height: 250px;
    overflow-y: auto;
  }
}
.WACEmojisTabContent[aria-hidden='true'] {
  display: none;
}
.WACEmojiTable {
  border-spacing: 2px;
}
.WACEmojiGalleryHeader td a[aria-selected='true'],
.WACEmojiTable td a[selected='true'],
.WACEmojiTable td a[aria-selected='true'],
.WACEmojiTable td a[selected='true'],
.WACEmojiGalleryHeaderAccessible td a[aria-selected='true'],
.WACEmojiTableAccessible td a[selected='true'],
.WACEmojiTableAccessible td a[aria-selected='true'],
.WACEmojiTableAccessible td a[selected='true'] {
  background-color: #2b579a;
  outline: #2b579a solid 2px;
  color: white;
}
.WACEmojiTable td a:hover,
.WACEmojiTable td a:focus,
.WACEmojiGalleryHeader td a:hover,
.WACEmojiGalleryHeader td a:focus,
.WACEmojiTableAccessible td a:hover,
.WACEmojiTableAccessible td a:focus,
.WACEmojiGalleryHeaderAccessible td a:hover,
.WACEmojiGalleryHeaderAccessible td a:focus {
  background-color: #a3bde3;
  outline: #2b579a solid 2px;
  color: black;
}
/*End Emoji CSS*/
.NoPointer {
  pointer-events: none;
}
/* All high contrast styling rules in IE10+/Edge */
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .EditMode span.SpellingError:not(.Selected),
  .EditingSurfaceBody span.SpellingError:not(.Selected),
  .EditMode span.ContextualSpellingAndGrammarError:not(.Selected),
  .EditingSurfaceBody span.ContextualSpellingAndGrammarError:not(.Selected),
  .EditMode span.AdvancedProofingIssue:not(.Selected),
  .EditingSurfaceBody span.AdvancedProofingIssue:not(.Selected) {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: transparent !important;
    outline-color: inherit !important;
  }
  .EditMode span.SpellingErrorV2:not(.Selected),
  .EditingSurfaceBody span.SpellingErrorV2:not(.Selected),
  .EditMode span.ContextualSpellingAndGrammarErrorV2:not(.Selected),
  .EditingSurfaceBody span.ContextualSpellingAndGrammarErrorV2:not(.Selected),
  .EditMode span.AdvancedProofingIssueV2:not(.Selected),
  .EditingSurfaceBody span.AdvancedProofingIssueV2:not(.Selected),
  .EditMode span.SpellingErrorV2Themed:not(.Selected),
  .EditingSurfaceBody span.SpellingErrorV2Themed:not(.Selected),
  .EditMode span.ContextualSpellingAndGrammarErrorV2Themed:not(.Selected),
  .EditingSurfaceBody span.ContextualSpellingAndGrammarErrorV2Themed:not(.Selected),
  .EditMode span.AdvancedProofingIssueV2Themed:not(.Selected),
  .EditingSurfaceBody span.AddInCritiqueThemed:not(.Selected),
  .EditMode span.Add:not(.Selected),
  .EditingSurfaceBody span.AddInCritiqueThemed:not(.Selected) {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    outline-color: inherit !important;
  }
  /*
    VSO #5840821 -- if there's no highlight (because that wants to apply it's own text color and this rule precedes that because of specificity)
    then use the designated windowText color. Normally this happens automatically but we also apply -ms-high-contrast-adjust which prevents that.
    -ms-high-contrast-adjust also overrides underline style, which we do want to retain
   */
  .EditMode span.SpellingErrorV2:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]),
  .EditingSurfaceBody span.SpellingErrorV2:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]),
  .EditMode span.ContextualSpellingAndGrammarErrorV2:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]),
  .EditingSurfaceBody span.ContextualSpellingAndGrammarErrorV2:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]),
  .EditMode span.AdvancedProofingIssueV2:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight),
  .EditingSurfaceBody span.AdvancedProofingIssueV2:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]),
  .EditMode span.SpellingErrorV2Themed:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight),
  .EditingSurfaceBody span.SpellingErrorV2Themed:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]),
  .EditMode span.ContextualSpellingAndGrammarErrorV2Themed:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]),
  .EditingSurfaceBody span.ContextualSpellingAndGrammarErrorV2Themed:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]),
  .EditMode span.AdvancedProofingIssueV2Themed:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]),
  .EditingSurfaceBody span.AdvancedProofingIssueV2Themed:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]),
  .EditMode span.AddInCritiqueThemed:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight),
  .EditingSurfaceBody span.AddInCritiqueThemed:not(.SpellingErrorHighlight):not(.GrammarErrorHighlight):not(.ReactiveRewriteIndicatorHighlight):not(.CritiqueIndicatorHighlight):not([class*="AddInCritiqueHighlight"]) {
    color: CanvasText;
  }
  .Selected,
  .Selected p,
  .Selected p *,
  .Selected.MergeHighlight,
  .Selected .EOP,
  .EOP.Selected,
  .LineBreakBlob.Selected,
  .TextRun .Selected,
  .TableRowSelected > td > div.TableCellContent * span.NormalTextRun,
  .TableRowSelected > th > div.TableCellContent * span.NormalTextRun,
  .TableCellSelected * span.NormalTextRun,
  .TableRowSelected > td > div.TableCellContent * span.SpellingError:not(.Selected),
  .TableRowSelected > th > div.TableCellContent * span.SpellingError:not(.Selected),
  .TableCellSelected * span.SpellingError:not(.Selected),
  .TableRowSelected > td > div.TableCellContent * span.ContextualSpellingAndGrammarError:not(.Selected),
  .TableRowSelected > th > div.TableCellContent * span.ContextualSpellingAndGrammarError:not(.Selected),
  .TableCellSelected * span.ContextualSpellingAndGrammarError:not(.Selected),
  .TableRowSelected > td > div.TableCellContent * span.AdvancedProofingIssue:not(.Selected),
  .TableRowSelected > th > div.TableCellContent * span.ContextualSpellingAndGrammarError:not(.Selected),
  .TableCellSelected * span.AdvancedProofingIssue:not(.Selected),
  .TableRowSelected > td > div.TableCellContent * span.SpellingErrorV2:not(.Selected),
  .TableRowSelected > th > div.TableCellContent * span.SpellingErrorV2:not(.Selected),
  .TableCellSelected * span.SpellingErrorV2:not(.Selected),
  .TableRowSelected > td > div.TableCellContent * span.ContextualSpellingAndGrammarErrorV2:not(.Selected),
  .TableRowSelected > th > div.TableCellContent * span.ContextualSpellingAndGrammarErrorV2:not(.Selected),
  .TableCellSelected * span.ContextualSpellingAndGrammarErrorV2:not(.Selected),
  .TableRowSelected > td > div.TableCellContent * span.AdvancedProofingIssueV2:not(.Selected),
  .TableRowSelected > th > div.TableCellContent * span.ContextualSpellingAndGrammarErrorV2:not(.Selected),
  .TableCellSelected * span.AdvancedProofingIssueV2:not(.Selected),
  .TableRowSelected > td > div.TableCellContent * span.SpellingErrorV2Themed:not(.Selected),
  .TableRowSelected > th > div.TableCellContent * span.SpellingErrorV2Themed:not(.Selected),
  .TableCellSelected * span.SpellingErrorV2Themed:not(.Selected),
  .TableRowSelected > td > div.TableCellContent * span.ContextualSpellingAndGrammarErrorV2Themed:not(.Selected),
  .TableRowSelected > th > div.TableCellContent * span.ContextualSpellingAndGrammarErrorV2Themed:not(.Selected),
  .TableCellSelected * span.ContextualSpellingAndGrammarErrorV2Themed:not(.Selected),
  .TableRowSelected > td > div.TableCellContent * span.AdvancedProofingIssueV2Themed:not(.Selected),
  .TableRowSelected > th > div.TableCellContent * span.ContextualSpellingAndGrammarErrorV2Themed:not(.Selected),
  .TableCellSelected * span.AdvancedProofingIssueV2Themed:not(.Selected),
  .usehover .Selected .WACEFContainer:hover,
  .usehover .WACEFContainer:hover,
  .Selected .WACEFOverlay,
  .moreSymbolsTable td a:hover,
  .moreSymbolsTable td a:focus,
  .moreSymbolsTable td a[selected='true'],
  .DefineNewBulletTableCell:hover,
  .DefineNewBulletTableCell:focus,
  .DefineNewBulletTableCell[selected='true'],
  .usehover .ActivityViewElement:hover,
  .usehover .ActivityGroupViewActionElement:hover,
  .SelectedActivity,
  .usehover .SelectedActivity:hover,
  .ActivityGroupViewActionElement:focus {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
  .Selected .OutlineElement > span.UnsupportedObjectBlock,
  .Selected.OutlineElement > span.UnsupportedObjectBlock,
  .OutlineElement > span.UnsupportedObjectBlock.Selected {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
    color: GrayText !important;
    outline-color: inherit !important;
  }
  .Selected .WACEFOverlay {
    opacity: 1;
  }
}
/* High contrast styling rules for elements */
@media (forced-colors: active) {
  .GrabberHovered {
    border: 1px solid LinkText;
  }
  .GrabberActive {
    border: 1px solid Highlight;
  }
  div.TableInsertRowGapRevamped,
  div.TableInsertColumnGapRevamped {
    background-color: LinkText !important;
  }
  .TableCellSelectedThemedRevamped div.CellSelectedOverlay,
  .TableRowSelectedThemedRevamped div.CellSelectedOverlay {
    border-color: Highlight !important;
  }
  .TableRowSelectedThemedRevamped td,
  .TableRowSelectedThemedRevamped th {
    outline: 1px solid Highlight;
  }
  .TableCellSelectedThemedRevamped,
  .TableCellSelectedRevamped {
    outline: 1px solid Highlight;
  }
  div.SelectTableHandleRevamped:hover {
    border: 1px solid LinkText;
    border-radius: 10px;
  }
  div.insertionDot {
    background-color: Canvas;
    border-color: CanvasText;
  }
  div.TableInsertColumnHandleRevamped,
  div.TableInsertRowHandleRevamped {
    width: 14px;
    height: 14px;
    background-color: Canvas;
    border: 1px solid CanvasText;
  }
}
/* All high contrast styling rules black on white HC theme */
@media screen and (-ms-high-contrast: black-on-white), screen and (forced-colors: active) and (prefers-color-scheme: light) {
  div.TableInsertColumnHandleRevamped,
  div.TableInsertRowHandleRevamped {
    background-color: CanvasText;
  }
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  /* Prevent text from overlapping table borders in high contrast mode */
  table td,
  table th {
    /* Create proper stacking context for borders */
    position: relative;
    z-index: 1;
  }
  /* Constrain text content to not overlap borders */
  table td .TableCellContent,
  table th .TableCellContent {
    /* Ensure content stays within border boundaries */
    position: relative;
    z-index: 0;
    /* Lower than cell border */
    margin: 1px;
    /* Keep content away from border edges */
    overflow: hidden;
    /* Prevent content overflow */
  }
  /* Specifically handle text rendering in high contrast */
  table td .TextRun,
  table th .TextRun {
    /* Prevent text from expanding beyond boundaries */
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    /* Constrain line-height expansion */
    vertical-align: top;
  }
}
.PerfUXControl {
  position: absolute;
  display: block;
  text-indent: 0px;
  text-shadow: none;
  bottom: 0px;
  right: 2px;
  height: 20px;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  padding: 0 7px;
  z-index: 100;
}
.PerfUXTable {
  display: block;
  padding: 10px;
  border: 2px solid #201f1e;
  text-align: right;
  right: 2px;
  background-color: #605e5c;
  color: #fff;
  position: fixed;
  bottom: 24px;
  max-height: 400px;
  overflow-y: scroll;
  font-size: 12px;
  font-weight: 400;
  border-radius: 2px;
  display: none;
  z-index: 100;
  scrollbar-color: #605e5c;
}
.PerfUXTableTH {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  border-bottom: 1px solid #201f1e;
  padding: 4px 0 12px;
}
.PerfUXTableTR {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.PerfUXTableTDColOne {
  display: table-cell;
  vertical-align: inherit;
  border-right: 1px solid #201f1e;
  padding: 0 16px;
}
.PerfUXTableTDColTwo {
  display: table-cell;
  vertical-align: inherit;
  padding: 0 16px;
}
.CopilotHighlight {
  background: var(--clrCopilotHighlightGradStart) !important;
}
.CopilotSelection {
  background-color: rgba(209, 209, 209, 0.5) !important;
  background-color: var(--clrCopilotSelection, rgba(209, 209, 209, 0.5)) !important;
}
@keyframes blinking {
  50% {
    background: none;
  }
}
.caretForCanvas {
  width: 1px;
  animation: 0.75s step-end infinite blinking;
  position: absolute;
}
.CopilotFixAllUnderline {
  background-image: var(--urlFixAllUnderline) !important;
  background-position: bottom !important;
  background-repeat: no-repeat !important;
  background-size: 100% 2px !important;
}
.CopilotFixAllSelectionHighlight {
  background-color: var(--clrFixAllSelectionHighlight) !important;
  border-radius: "2px";
}
.CopilotFixAllNudgeSpellingBarStart {
  box-shadow: -2px 0 var(--clrSpellingCorrectionsTextDecor, #EB0000) !important;
  background-color: #ffe5e5 !important;
  background-color: var(--clrSpellingErrorHighlightBg, #ffe5e5) !important;
}
.CopilotFixAllNudgeSpellingBarEnd {
  box-shadow: 2px 0 var(--clrSpellingCorrectionsTextDecor, #EB0000) !important;
  background-color: #ffe5e5 !important;
  background-color: var(--clrSpellingErrorHighlightBg, #ffe5e5) !important;
}
.CopilotFixAllNudgeGrammarBarStart {
  box-shadow: -2px 0 var(--clrGrammarCorrectionsTextDecor, #3355FF) !important;
  background-color: #eaeeff !important;
  background-color: var(--clrGrammarErrorHighlightBg, #eaeeff) !important;
}
.CopilotFixAllNudgeGrammarBarEnd {
  box-shadow: 2px 0 var(--clrGrammarCorrectionsTextDecor, #3355FF) !important;
  background-color: #eaeeff !important;
  background-color: var(--clrGrammarErrorHighlightBg, #eaeeff) !important;
}
/*******************************************************************************
	CommonStyles.h

	Pulls in all of the basic styles used by Command UI.
*******************************************************************************/
/*******************************************************************************
	CustomPropertiesFallbackMixins.h.less

	Less Mixins which can be used for CSS custom properties.
	CSS custom properties are not supported by IE11, so these Mixins specify
	fallback values which IE11 will use instead of the custom properties.
	They also specify fallbacks for the custom properties in case they are
	not defined.
*******************************************************************************/
/* Inserts color property where called.
 * @customPropertyName - Name of custom property to use for color
 * @fallback - color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important color property where called.
 * @customPropertyName - Name of custom property to use for color
 * @fallback - color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts background-color property where called.
 * @customPropertyName - Name of custom property to use for background-color
 * @fallback - background-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important background-color property where called.
 * @customPropertyName - Name of custom property to use for background-color
 * @fallback - background-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts border-color property where called.
 * @customPropertyName - Name of custom property to use for border-color
 * @fallback - border-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important border-color property where called.
 * @customPropertyName - Name of custom property to use for border-color
 * @fallback - border-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts border-top property where called.
 * @width - width value for border-top (a.k.a. border-top-width)
 * @style - style value for border-top (a.k.a. border-top-style)
 * @customPropertyName - Name of custom property to use for border-top-color
 * @fallback - color value for border-top (a.k.a. border-top-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts border-bottom property where called.
 * @width - width value for border-bottom (a.k.a. border-bottom-width)
 * @style - style value for border-bottom (a.k.a. border-bottom-style)
 * @customPropertyName - Name of custom property to use for border-bottom-color
 * @fallback - color value for border-bottom (a.k.a. border-bottom-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts border-left property where called.
 * @width - width value for border-left (a.k.a. border-left-width)
 * @style - style value for border-left (a.k.a. border-left-style)
 * @customPropertyName - Name of custom property to use for border-left-color
 * @fallback - color value for border-left (a.k.a. border-left-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts border-right property where called.
 * @width - width value for border-right (a.k.a. border-right-width)
 * @style - style value for border-right (a.k.a. border-right-style)
 * @customPropertyName - Name of custom property to use for border-right-color
 * @fallback - color value for border-right (a.k.a. border-right-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Inserts !important border-left property where called.
 * @width - width value for border-left (a.k.a. border-left-width)
 * @style - style value for border-left (a.k.a. border-left-style)
 * @customColor - Name of custom property to use for border-left-color
 * @fallbackColor - color value for border-left (a.k.a. border-left-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined
 */
/* Inserts !important border-right property where called.
  * @width - width value for border-right (a.k.a. border-right-width)
  * @style - style value for border-right (a.k.a. border-right-style)
  * @customColor - Name of custom property to use for border-right-color
  * @fallbackColor - color value for border-right (a.k.a. border-right-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined
  */
/* Inserts outline property where called.
  * @width - width value for outline (a.k.a. outline-width)
  * @style - style value for border-right (a.k.a. outline-style)
  * @customColor - Name of custom property to use for outline-color
  * @fallbackColor - color value for outline (a.k.a. outline-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined
  */
/* Inserts !important outline property where called.
  * @width - width value for outline (a.k.a. outline-width)
  * @style - style value for border-right (a.k.a. outline-style)
  * @customColor - Name of custom property to use for outline-color
  * @fallbackColor - color value for outline (a.k.a. outline-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined
  */
/* Inserts background-image property where called.
  * @customBackgroundImage - Name of custom property to use for background-image
  * @fallbackBackgroundImage - background-image value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
  */
/* Inserts text-decoration property where called.
 * @style - the style value for text-decoration (i.e. underline)
 * @customPropertyName - Name of custom property to use for text-decoration-color
 * @fallback - text-decoration-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined
 */
/* Word Specific CSS */
div.WACFrame {
  top: 48px;
  background-color: #f3f3f3;
}
div.MLRVisualRefresh#WACInnerFrame {
  background-color: #f3f3f3;
}
div.ThemedFishbowl.MLRVisualRefresh#WACInnerFrame {
  background-color: #f3f3f3;
  background-color: var(--clrMlrRefreshCanvasBgNew, #f3f3f3);
}
div.FishbowlBackgroundEnhancementEnabled#WACInnerFrame {
  background-color: var(--clrEnhancedFishbowlBackgroundColor);
}
div.ThemedFishbowl.FishbowlBackgroundEnhancementEnabled#WACInnerFrame {
  background-color: #f5f5f5;
  background-color: var(--clrEnhancedFishbowlBackgroundColor, #f5f5f5);
}
.AppHeaderPanel {
  background-color: #e1e1e1;
}
.PlaceholderTextThemed {
  visibility: visible;
  display: block;
  position: absolute;
  top: 0px;
  left: 1px;
}
.PlaceholderTextThemed.Rtl {
  right: 1px;
  left: unset;
}
.PlaceholderTextThemed::before {
  content: attr(data-placeholder);
  font-weight: 400;
  font-size: 12pt;
  color: #BDBDBD;
  color: var(--clrPlaceholderText, #BDBDBD);
}
.WACRibbonPanel {
  position: relative;
}
.HideRibbon {
  display: none;
}
.WACDocumentPanel {
  bottom: 0;
}
.GraphicsEditorRibbonPanel {
  width: 100%;
}
.VersionHistoryOverlay {
  width: 100%;
  z-index: 998;
  display: block;
  position: absolute;
  top: 0px;
  height: calc(100% + 22px);
}
.VersionHistoryOverlay.RegionComposer {
  top: 48px;
  height: calc(100vh - 48px);
}
.VersionHistoryOverlay.RegionComposer.NoAppHeader {
  top: 0px;
  height: 100vh;
}
div.SingleOutlineLayout div.Outline {
  border: hidden 1px Red;
  min-width: 1.5in;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-bottom: 0.375in;
  display: inline-block;
  position: relative;
}
/* Ghost cells that are not rendered */
td.GhostDisplayNone {
  display: none;
  cursor: not-allowed;
}
/* Ghost cells */
td.Ghost {
  background-color: #f0f2f4;
  cursor: not-allowed;
}
/* Ghost cells with border*/
td.GhostWithBorder {
  background-color: #efefef;
  cursor: not-allowed;
  border: 1px dashed #a3a3a3;
}
/* Ghost skipped cells */
td.SkippedGhostCell {
  background-color: transparent;
  cursor: default;
}
div.Outline {
  width: 100%;
  overflow: clip;
  /* clip the content that spans outside a page (not hidden to avoid scroll VSO:5094922) */
}
div.OutlineContent {
  padding: 0;
  height: 100%;
  background-color: transparent;
}
.OutlineContainerTransition {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.1, 0.36, 0.2, 1);
  transition-duration: 0.4s;
}
/* We currently don't support cell margins but having 0px as our margin/padding
is close to what the rich-client sets as the default margin. This makes
tables look closer to how they look in the rich-client */
table.Table td {
  padding-top: 0px;
  padding-bottom: 0px;
}
.TableWordWrap {
  table-layout: fixed;
  width: 1px;
}
.TableCellContent {
  overflow: visible;
}
/***
 * This part is handling squiggles inside tables
 * NOTE the individual classes like AdvancedProofingLightMode are not
 * needed to be critique specific, we could use the same class on td and div
 * for all the critiques
*/
td.AdvancedProofingLightMode span.AdvancedProofingIssueV2Themed,
div.AdvancedProofingLightMode span.AdvancedProofingIssueV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.AdvancedProofingDarkMode span.AdvancedProofingIssueV2Themed,
div.AdvancedProofingDarkMode span.AdvancedProofingIssueV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.AdvancedProofingWhite span.AdvancedProofingIssueV2Themed,
div.AdvancedProofingWhite span.AdvancedProofingIssueV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.AdvancedProofingBlack span.AdvancedProofingIssueV2Themed,
div.AdvancedProofingBlack span.AdvancedProofingIssueV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.ContextualSpellingLightMode span.ContextualSpellingAndGrammarErrorV2Themed,
div.ContextualSpellingLightMode span.ContextualSpellingAndGrammarErrorV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzMzNTVGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
}
td.ContextualSpellingDarkMode span.ContextualSpellingAndGrammarErrorV2Themed,
div.ContextualSpellingDarkMode span.ContextualSpellingAndGrammarErrorV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzRGNkJFRCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
}
td.ContextualSpellingWhite span.ContextualSpellingAndGrammarErrorV2Themed,
div.ContextualSpellingWhite span.ContextualSpellingAndGrammarErrorV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
}
td.ContextualSpellingBlack span.ContextualSpellingAndGrammarErrorV2Themed,
div.ContextualSpellingBlack span.ContextualSpellingAndGrammarErrorV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
}
td.SpellingErrorLightMode span.SpellingErrorV2Themed,
div.SpellingErrorLightMode span.SpellingErrorV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRUIwMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SpellingErrorDarkMode span.SpellingErrorV2Themed,
div.SpellingErrorDarkMode span.SpellingErrorV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRDY0NTRBIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SpellingErrorWhite span.SpellingErrorV2Themed,
div.SpellingErrorWhite span.SpellingErrorV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SpellingErrorBlack span.SpellingErrorV2Themed,
div.SpellingErrorBlack span.SpellingErrorV2Themed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SimilarityReviewedLightMode span.SimilarityReviewedThemed,
div.SimilarityReviewedLightMode span.SimilarityReviewedThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzM4QkE2MiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SimilarityReviewedDarkMode span.SimilarityReviewedThemed,
div.SimilarityReviewedDarkMode span.SimilarityReviewedThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzJEOEYyRCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SimilarityReviewedWhite span.SimilarityReviewedThemed,
div.SimilarityReviewedWhite span.SimilarityReviewedThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SimilarityReviewedBlack span.SimilarityReviewedThemed,
div.SimilarityReviewedBlack span.SimilarityReviewedThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SimilarityUnreviewedLightMode span.SimilarityUnreviewedThemed,
div.SimilarityUnreviewedLightMode span.SimilarityUnreviewedThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMkU2QUM1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SimilarityUnreviewedDarkMode span.SimilarityUnreviewedThemed,
div.SimilarityUnreviewedDarkMode span.SimilarityUnreviewedThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNjc5NEQ3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SimilarityUnreviewedWhite span.SimilarityUnreviewedThemed,
div.SimilarityUnreviewedWhite span.SimilarityUnreviewedThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.SimilarityUnreviewedBlack span.SimilarityUnreviewedThemed,
div.SimilarityUnreviewedBlack span.SimilarityUnreviewedThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
td.AddInCritiqueRedLightMode span.AddInCritiqueRedThemed,
div.AddInCritiqueRedLightMode span.AddInCritiqueRedThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRDEzNDM4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueRedDarkMode span.AddInCritiqueRedThemed,
div.AddInCritiqueRedDarkMode span.AddInCritiqueRedThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRTM3RDgwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueGreenLightMode span.AddInCritiqueGreenThemed,
div.AddInCritiqueGreenLightMode span.AddInCritiqueGreenThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTA3QzEwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueGreenDarkMode span.AddInCritiqueGreenThemed,
div.AddInCritiqueGreenDarkMode span.AddInCritiqueGreenThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjNTRCMDU0Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueBlueLightMode span.AddInCritiqueBlueThemed,
div.AddInCritiqueBlueLightMode span.AddInCritiqueBlueThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTg1QUJEIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueBlueDarkMode span.AddInCritiqueBlueThemed,
div.AddInCritiqueBlueDarkMode span.AddInCritiqueBlueThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMjk2RkU2Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueLavenderLightMode span.AddInCritiqueLavenderThemed,
div.AddInCritiqueLavenderLightMode span.AddInCritiqueLavenderThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjNzE2MEU4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueLavenderDarkMode span.AddInCritiqueLavenderThemed,
div.AddInCritiqueLavenderDarkMode span.AddInCritiqueLavenderThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjN0E3Q0Y1Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueBerryLightMode span.AddInCritiqueBerryThemed,
div.AddInCritiqueBerryLightMode span.AddInCritiqueBerryThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjQzIzOUIzIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueBerryDarkMode span.AddInCritiqueBerryThemed,
div.AddInCritiqueBerryDarkMode span.AddInCritiqueBerryThemed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRDE2MUM0Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueRedLightMode2 span.AddInCritiqueThemedRed,
div.AddInCritiqueRedLightMode2 span.AddInCritiqueThemedRed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRDEzNDM4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueRedDarkMode2 span.AddInCritiqueThemedRed,
div.AddInCritiqueRedDarkMode2 span.AddInCritiqueThemedRed {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRTM3RDgwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueGreenLightMode2 span.AddInCritiqueThemedGreen,
div.AddInCritiqueGreenLightMode2 span.AddInCritiqueThemedGreen {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTA3QzEwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueGreenDarkMode2 span.AddInCritiqueThemedGreen,
div.AddInCritiqueGreenDarkMode2 span.AddInCritiqueThemedGreen {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjNTRCMDU0Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueBlueLightMode2 span.AddInCritiqueThemedBlue,
div.AddInCritiqueBlueLightMode2 span.AddInCritiqueThemedBlue {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTg1QUJEIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueBlueDarkMode2 span.AddInCritiqueThemedBlue,
div.AddInCritiqueBlueDarkMode2 span.AddInCritiqueThemedBlue {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMjk2RkU2Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueLavenderLightMode2 span.AddInCritiqueThemedLavender,
div.AddInCritiqueLavenderLightMode2 span.AddInCritiqueThemedLavender {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjNzE2MEU4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueLavenderDarkMode2 span.AddInCritiqueThemedLavender,
div.AddInCritiqueLavenderDarkMode2 span.AddInCritiqueThemedLavender {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjN0E3Q0Y1Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueBerryLightMode2 span.AddInCritiqueThemedBerry,
div.AddInCritiqueBerryLightMode2 span.AddInCritiqueThemedBerry {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjQzIzOUIzIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueBerryDarkMode2 span.AddInCritiqueThemedBerry,
div.AddInCritiqueBerryDarkMode2 span.AddInCritiqueThemedBerry {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRDE2MUM0Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueRedWhite span.AddInCritiqueThemedRed,
div.AddInCritiqueRedWhite span.AddInCritiqueThemedRed,
td.AddInCritiqueGreenWhite span.AddInCritiqueThemedGreen,
div.AddInCritiqueGreenWhite span.AddInCritiqueThemedGreen,
td.AddInCritiqueBlueWhite span.AddInCritiqueThemedBlue,
div.AddInCritiqueBlueWhite span.AddInCritiqueThemedBlue,
td.AddInCritiqueLavenderWhite span.AddInCritiqueThemedLavender,
div.AddInCritiqueLavenderWhite span.AddInCritiqueThemedLavender,
td.AddInCritiqueBerryWhite span.AddInCritiqueThemedBerry,
div.AddInCritiqueBerryWhite span.AddInCritiqueThemedBerry {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRkZGRkZGIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueRedWhite span.AddInCritiqueThemedRed.AddInCritiqueTextDecoration,
div.AddInCritiqueRedWhite span.AddInCritiqueThemedRed.AddInCritiqueTextDecoration,
td.AddInCritiqueGreenWhite span.AddInCritiqueThemedGreen.AddInCritiqueTextDecoration,
div.AddInCritiqueGreenWhite span.AddInCritiqueThemedGreen.AddInCritiqueTextDecoration,
td.AddInCritiqueBlueWhite span.AddInCritiqueThemedBlue.AddInCritiqueTextDecoration,
div.AddInCritiqueBlueWhite span.AddInCritiqueThemedBlue.AddInCritiqueTextDecoration,
td.AddInCritiqueLavenderWhite span.AddInCritiqueThemedLavender.AddInCritiqueTextDecoration,
div.AddInCritiqueLavenderWhite span.AddInCritiqueThemedLavender.AddInCritiqueTextDecoration,
td.AddInCritiqueBerryWhite span.AddInCritiqueThemedBerry.AddInCritiqueTextDecoration,
div.AddInCritiqueBerryWhite span.AddInCritiqueThemedBerry.AddInCritiqueTextDecoration {
  background-image: unset;
  text-decoration-color: #ffffff;
}
td.AddInCritiqueRedBlack span.AddInCritiqueThemedRed,
div.AddInCritiqueRedBlack span.AddInCritiqueThemedRed,
td.AddInCritiqueGreenBlack span.AddInCritiqueThemedGreen,
div.AddInCritiqueGreenBlack span.AddInCritiqueThemedGreen,
td.AddInCritiqueBlueBlack span.AddInCritiqueThemedBlue,
div.AddInCritiqueBlueBlack span.AddInCritiqueThemedBlue,
td.AddInCritiqueLavenderBlack span.AddInCritiqueThemedLavender,
div.AddInCritiqueLavenderBlack span.AddInCritiqueThemedLavender,
td.AddInCritiqueBerryBlack span.AddInCritiqueThemedBerry,
div.AddInCritiqueBerryBlack span.AddInCritiqueThemedBerry {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMDAwMDAwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
}
td.AddInCritiqueRedBlack span.AddInCritiqueThemedRed.AddInCritiqueTextDecoration,
div.AddInCritiqueRedBlack span.AddInCritiqueThemedRed.AddInCritiqueTextDecoration,
td.AddInCritiqueGreenBlack span.AddInCritiqueThemedGreen.AddInCritiqueTextDecoration,
div.AddInCritiqueGreenBlack span.AddInCritiqueThemedGreen.AddInCritiqueTextDecoration,
td.AddInCritiqueBlueBlack span.AddInCritiqueThemedBlue.AddInCritiqueTextDecoration,
div.AddInCritiqueBlueBlack span.AddInCritiqueThemedBlue.AddInCritiqueTextDecoration,
td.AddInCritiqueLavenderBlack span.AddInCritiqueThemedLavender.AddInCritiqueTextDecoration,
div.AddInCritiqueLavenderBlack span.AddInCritiqueThemedLavender.AddInCritiqueTextDecoration,
td.AddInCritiqueBerryBlack span.AddInCritiqueThemedBerry.AddInCritiqueTextDecoration,
div.AddInCritiqueBerryBlack span.AddInCritiqueThemedBerry.AddInCritiqueTextDecoration {
  background-image: unset;
  text-decoration-color: #000000;
}
td.LowContrastShading div.ClipboardView td.LowContrastShading span[data-contrast=auto],
td.LowContrastShading span[data-contrast=auto] {
  color: white !important;
}
td.LowContrastShading div.ClipboardView span[data-contrast=auto] {
  color: windowText !important;
}
td.LowContrastShading div.ClipboardView td.HighContrastShading span[data-contrast=auto],
td.HighContrastShading span[data-contrast=auto] {
  color: windowText !important;
}
div.LowContrastShading span[data-contrast=auto] {
  color: white !important;
}
div.HighContrastShading span[data-contrast=auto] {
  color: windowText !important;
}
.WACViewPanel {
  /* This shouldn't be necessary due to the global rule in frame.cst, but we're finding it is necessary
	   in the iOS6 beta (O15:3011855). */
  -webkit-tap-highlight-color: transparent;
  z-index: 0;
  /* Explicitly setting this, needed by Header/Footer control. */
  /* WACInteractiveView sets this as white (@CLR_DOCSURFACE_BG) by default, but the WACViewPanel shouldn't
	   have an all white background--only the OutlineContainer, which has its own CSS rule (OM:467629) */
  background-color: transparent !important;
}
.iPad .WACViewPanel {
  /* Workaround to OM:353174 (iPad scrolling failure), see bug for more info. */
  -webkit-transform: translateZ(0);
}
.WACViewPanel.Rtl {
  direction: rtl;
}
.WACTaskPaneContainer {
  position: absolute;
  top: 0px;
  height: 100%;
  z-index: 1;
}
.WACTaskPaneContainer.FlexBoxLayout {
  display: flex;
}
.WACTaskPaneContainer.FlexBoxLayout.regionComposer {
  position: relative;
}
.WACTaskPaneContainer.alignRight,
.AppRtl .WACTaskPaneContainer.alignLeft {
  left: auto;
  right: 0px;
  border-left: 1px solid #e1e1e1;
  border-right: 0px;
}
.WACTaskPaneContainer.alignRight.WACReactTaskPaneContainer,
.AppRtl .WACTaskPaneContainer.alignLeft.WACReactTaskPaneContainer {
  border-left: 0px;
}
.WACTaskPaneContainer.alignRight.WACReactTaskPaneContainer div#tabbedTaskPaneContainer div[class^='header'],
.WACTaskPaneContainer.alignRight.WACReactTaskPaneContainer div#tabbedTaskPaneContainer div[class^='WacTaskpaneContainer'] {
  background-color: var(--clrEnhancedFishbowlBackgroundColor, #f5f5f5);
}
.WACTaskPaneContainer.alignLeft,
.AppRtl .WACTaskPaneContainer.alignRight {
  left: 0px;
  right: auto;
  border-left: 0px;
  border-right: 1px solid #e1e1e1;
}
.WACTaskPaneContainer.alignLeft.WACReactTaskPaneContainer,
.AppRtl .WACTaskPaneContainer.alignRight.WACReactTaskPaneContainer {
  border-right: 0px;
}
#HeadingsContainer button {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.WACTaskPaneEntry {
  height: 100%;
  float: left;
}
.AppRtl .WACTaskPaneEntry {
  float: right;
}
.BeforePageContent {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 19px;
  overflow: visible;
  position: relative;
  display: flex;
  justify-content: center;
}
.PageContentOrigin {
  margin-top: 0px;
  position: absolute;
  z-index: 3;
}
.mWeb .PageContentOrigin {
  margin-top: 0px;
}
.CssCenteredSection .PageContentOrigin,
.CssCenteredSection .PageContentContainer {
  width: 100%;
}
.PageContentOrigin .Paragraph {
  white-space: pre-wrap;
}
/* Begin Skeletal UX css */
#m_skeletalUXContainer .SkeletalPage {
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1009;
  overflow: auto;
  margin-bottom: 60px;
  transition: opacity 200ms ease 0s;
  top: 125px;
  background-color: var(--clrEnhancedFishbowlBackgroundColor);
}
#m_skeletalUXContainer .SkeletalPage.SkeletalMLR {
  top: 184px;
}
#m_skeletalUXContainer .SkeletalPage.ResponsiveUxAuto {
  top: calc(var(--responsiveUxHeight) + 48);
}
#m_skeletalUXContainer .SkeletalPage.ResponsiveUxTabsOnly {
  top: 86px;
}
#m_skeletalUXContainer .SkeletalCanvas {
  width: 816px;
  height: 1056px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 19px;
  top: 19px;
  overflow: hidden;
  position: relative;
  border-style: solid;
  border-color: #ababab;
  border-width: 1px;
  border-radius: 4px ;
  background-color: window;
  background-color: var(--clrDocSurfaceBg, window);
}
#m_skeletalUXContainer .CanvasContentPlaceholder {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 96px;
}
#m_skeletalUXContainer .CanvasContentPlaceholder > div {
  background-color: #EDEBE9;
  height: 18px;
  margin-bottom: 16px;
  width: 150px;
}
#m_skeletalUXContainer .SkeletalCanvas.skeletalDarkMode .CanvasContentPlaceholder > div {
  background-color: #3D3D3D;
}
@keyframes fadeInOutAnimation {
  0% {
    opacity: 0;
    animation-timing-function: linear;
  }
  39% {
    opacity: 1;
  }
  66.66% {
    opacity: 1;
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  97.2% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#m_skeletalUXContainer .FadeInOutElement {
  animation: fadeInOutAnimation 2398ms infinite;
}
#SkeletalContainer {
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: 1000;
  position: absolute;
  visibility: visible;
  opacity: 1;
  transition: opacity 200ms;
}
#SkeletalContainer .SkeletalRibbon {
  margin-top: 48px;
}
#SkeletalContainer .ribbonContent {
  background-color: #F3F2F1;
  height: 76px;
  transition: opacity 0.1s;
  border-bottom: none;
  width: 100%;
  min-width: 640px;
}
#SkeletalContainer .ribbonContent.SkeletalMLR {
  height: 135px;
}
#SkeletalContainer .ribbonContent.ResponsiveUxTabsOnly {
  height: 38px;
}
#SkeletalContainer .ribbonContent.ResponsiveUxAuto {
  height: var(--responsiveUxHeight);
}
#SkeletalContainer .ribbonContent.skeletalFluent2Style {
  background-color: #F5F5F5;
}
#SkeletalContainer .ribbonContent.skeletalDarkMode {
  background-color: #252423;
}
#SkeletalContainer .ribbonContent.skeletalDarkMode.skeletalFluent2Style {
  background-color: #141414;
}
#SkeletalContainer .topbar {
  height: 38px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#SkeletalContainer .topbarTabs {
  height: 16px;
  display: flex;
  justify-content: flex-start;
}
#SkeletalContainer .topbarRect {
  background-color: "#EDEBE9";
  border-radius: 2px;
  height: 100%;
  margin-left: 8px;
  margin-right: 8px;
  outline: transparent;
  border: 1px solid transparent;
}
#SkeletalContainer .topbarRect.skeletalFluent2Style {
  background-color: #EBEBEB;
}
#SkeletalContainer .topbarRect.skeletalDarkMode {
  background-color: #323130;
}
#SkeletalContainer .topbarRect.skeletalDarkMode.skeletalFluent2Style {
  background-color: #3D3D3D;
}
#SkeletalContainer .collabCorner {
  height: 24px;
  display: flex;
}
#SkeletalContainer .collabCircle {
  width: 24px;
  border-radius: 50%;
  background-color: "#EDEBE9";
  margin-left: 4px;
  margin-right: 4px;
  outline: transparent;
  border: 1px solid transparent;
}
#SkeletalContainer .collabCircle.skeletalFluent2Style {
  background-color: #EBEBEB;
}
#SkeletalContainer .collabCircle.skeletalDarkMode {
  background-color: #323130;
}
#SkeletalContainer .collabCircle.skeletalDarkMode.skeletalFluent2Style {
  background-color: #3D3D3D;
}
#SkeletalContainer #bottombar {
  height: 38px;
  width: 100%;
  display: flex;
  align-items: center;
}
#SkeletalContainer .SkeletalMLR #bottombar {
  height: 97px;
}
#SkeletalContainer .bottombarCommanding {
  height: 22px;
  display: flex;
  width: 100%;
}
#SkeletalContainer .SkeletalMLR .bottombarCommanding {
  height: 65px;
}
#SkeletalContainer #highContrastCover {
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
#SkeletalContainer .bottombar.skeletalFluent2Style {
  background-color: #FFFFFF;
  border-radius: 8px;
  margin: 0 8px;
  width: calc(100% - 16px);
}
#SkeletalContainer .bottombar.skeletalFluent2Style.skeletalDarkMode {
  background-color: #292929;
}
@media screen and (max-width: 700px) {
  #SkeletalContainer .topbarRect:nth-child(8),
  #SkeletalContainer .topbarRect:nth-child(9) {
    width: 32px;
  }
  #SkeletalContainer .topbarRect:nth-child(6),
  #SkeletalContainer .topbarRect:nth-child(7) {
    display: none;
  }
}
@media screen and (max-width: 810px) {
  #SkeletalContainer .topbarRect:nth-child(8),
  #SkeletalContainer .topbarRect:nth-child(9) {
    width: 32px;
  }
  #SkeletalContainer .topbarRect:nth-child(7) {
    display: none;
  }
}
@media screen and (max-width: 1116px) {
  #SkeletalContainer .topbarRect:nth-child(8),
  #SkeletalContainer .topbarRect:nth-child(9) {
    width: 32px;
  }
}
.ResponsiveUxAutoHideBottomBar {
  display: var(--responsiveUxDisplay);
}
.ResponsiveUxHideBottomBar {
  display: none;
}
/* End Skeletal UX css */
/* Begin EmbedDialog CSS */
.EmbedInputPrefix {
  display: inline-block;
  min-width: 60px;
}
.EmbedInlineOption {
  display: inline-block;
}
.EmbedWidthInput,
.EmbedHeightInput {
  margin-left: 10px;
  width: 35px;
  font: inherit;
}
.AppRtl .EmbedWidthInput,
.AppRtl .EmbedHeightInput {
  margin-left: 0;
  margin-right: 10px;
}
.EmbedWidthInput {
  margin-bottom: 10px;
}
.EmbedPageNumberInput {
  width: 35px;
  margin-left: 10px;
  margin-top: -4px;
  /* Keeps the row from getting shoved downwards because of the height of the textbox */
}
.AppRtl .EmbedPageNumberInput {
  margin-left: 0;
  margin-right: 10px;
}
/* End EmbedDialog css */
/* Dialog Stuff */
.ParagraphDialogLeftChunk,
.ParagraphDialogRightChunk {
  margin-top: 15px;
}
.ParagraphDialogLeftChunk {
  margin-right: 40px;
}
.AppRtl .ParagraphDialogLeftChunk {
  margin-left: 20px;
  margin-right: 0;
}
.ParagraphDialogContentArea {
  padding-top: 5px;
}
.ParagraphDialogLineSpacingSection {
  padding-top: 8px;
}
.ParagraphDialogSpecialIndentSection {
  padding-top: 8px;
}
.MarginsDialogRightChunk {
  margin-left: 60px;
}
.AppRtl .MarginsDialogRightChunk {
  margin-left: 0;
  margin-right: 60px;
}
/* End dialog styles */
.Vanish {
  display: none;
}
.TrackChangeTextDeletion {
  text-decoration: line-through;
}
.TextDeletionSimpleOrNoMarkup {
  display: none;
}
.TextInsertionOriginalMarkup {
  visibility: hidden;
}
.TrackChangeTextInsertion {
  text-decoration: underline;
}
.TrackChangeBlobDeletion,
.TrackChangeBlobInsertion,
.TrackChangeBlobModified {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}
.TrackChangeBlobInsertion,
.TrackChangeBlobModified {
  height: 100%;
}
.TrackChangeBlobDeletion {
  height: 50%;
}
.TrackChangeBlobModifiedSimpleMarkup {
  display: none;
}
.TrackChangeTableRowInsertion,
.Themed .TrackChangeTableRowInsertion {
  background-color: #e1f2fa !important;
  background-color: var(--clrTrackChangeTableRowInsertedHighlight, #e1f2fa) !important;
}
.TrackChangeTableRowDeletion,
.Themed .TrackChangeTableRowDeletion {
  background-color: #fce6f4 !important;
  background-color: var(--clrTrackChangeTableRowDeletedHighlight, #fce6f4) !important;
}
.TrackChangeInsertHighlight,
.Themed .TrackChangeInsertHighlight {
  background-color: #cff7e4 !important;
  background-color: var(--clrTrackChangeTextInsertedHighlight, #cff7e4) !important;
}
.TrackChangeDeleteHighlight {
  text-decoration: line-through !important;
}
.TrackChangeDeleteHighlight,
.Themed .TrackChangeDeleteHighlight {
  background-color: #f6d1d4 !important;
  background-color: var(--clrTrackChangeTextDeletedHighlight, #f6d1d4) !important;
}
.TrackChangeHoverSelectHighlightRed,
.Themed .TrackChangeHoverSelectHighlightRed {
  background-color: #F1BBBD !important;
  background-color: var(--clrPersonaBackgroundForRed, #F1BBBD) !important;
}
.TrackChangeHoverSelectHighlightBlue,
.Themed .TrackChangeHoverSelectHighlightBlue {
  background-color: #A9D3F2 !important;
  background-color: var(--clrPersonaBackgroundForBlue, #A9D3F2) !important;
}
.TrackChangeHoverSelectHighlightPurple,
.Themed .TrackChangeHoverSelectHighlightPurple {
  background-color: #C6B1DE !important;
  background-color: var(--clrPersonaBackgroundForPurple, #C6B1DE) !important;
}
.TrackChangeHoverSelectHighlightOlive,
.Themed .TrackChangeHoverSelectHighlightOlive {
  background-color: #BDDA9B !important;
  background-color: var(--clrPersonaBackgroundForOlive, #BDDA9B) !important;
}
.TrackChangeHoverSelectHighlightPink,
.Themed .TrackChangeHoverSelectHighlightPink {
  background-color: #F7C0E3 !important;
  background-color: var(--clrPersonaBackgroundForPink, #F7C0E3) !important;
}
.TrackChangeHoverSelectHighlightLavender,
.Themed .TrackChangeHoverSelectHighlightLavender {
  background-color: #D2CCF8 !important;
  background-color: var(--clrPersonaBackgroundForLavender, #D2CCF8) !important;
}
.TrackChangeHoverSelectHighlightTeal,
.Themed .TrackChangeHoverSelectHighlightTeal {
  background-color: #9BD9DB !important;
  background-color: var(--clrPersonaBackgroundForTeal, #9BD9DB) !important;
}
.TrackChangeHoverSelectHighlightDarkGoldenrod,
.Themed .TrackChangeHoverSelectHighlightDarkGoldenrod {
  background-color: #EDDEA6 !important;
  background-color: var(--clrPersonaBackgroundForDarkGoldenrod, #EDDEA6) !important;
}
.TrackChangeHoverSelectHighlightBurntRed,
.Themed .TrackChangeHoverSelectHighlightBurntRed {
  background-color: #EDACB1 !important;
  background-color: var(--clrPersonaBackgroundForBurntRed, #EDACB1) !important;
}
.TrackChangeHoverSelectHighlightPeriwinkle,
.Themed .TrackChangeHoverSelectHighlightPeriwinkle {
  background-color: #C7D1FA !important;
  background-color: var(--clrPersonaBackgroundForPeriwinkle, #C7D1FA) !important;
}
.TrackChangeHoverSelectHighlightFuschia,
.Themed .TrackChangeHoverSelectHighlightFuschia {
  background-color: #E7BFED !important;
  background-color: var(--clrPersonaBackgroundForFuschia, #E7BFED) !important;
}
.TrackChangeHoverSelectHighlightDarkGray,
.Themed .TrackChangeHoverSelectHighlightDarkGray {
  background-color: #BCC3C7 !important;
  background-color: var(--clrPersonaBackgroundForDarkGray, #BCC3C7) !important;
}
.TrackChangeHoverSelectHighlightGreen,
.Themed .TrackChangeHoverSelectHighlightGreen {
  background-color: #9AD39A !important;
  background-color: var(--clrPersonaBackgroundForGreen, #9AD39A) !important;
}
.TrackChangeHoverSelectHighlightOrange,
.Themed .TrackChangeHoverSelectHighlightOrange {
  background-color: #EFC4AD !important;
  background-color: var(--clrPersonaBackgroundForOrange, #EFC4AD) !important;
}
.TrackChangeHoverSelectHighlightDarkRed,
.Themed .TrackChangeHoverSelectHighlightDarkRed {
  background-color: #D69BA5 !important;
  background-color: var(--clrPersonaBackgroundForDarkRed, #D69BA5) !important;
}
.TrackChangeHoverSelectHighlightGray,
.Themed .TrackChangeHoverSelectHighlightGray {
  background-color: #CECCCB !important;
  background-color: var(--clrPersonaBackgroundForGray, #CECCCB) !important;
}
.TrackChangeHoverSelectHighlightDarkPurple,
.Themed .TrackChangeHoverSelectHighlightDarkPurple {
  background-color: #ECA5D1 !important;
  background-color: var(--clrPersonaBackgroundForDarkPurple, #ECA5D1) !important;
}
.TrackChangeHoverSelectHighlightGraphite,
.Themed .TrackChangeHoverSelectHighlightGraphite {
  background-color: #CDD5D8 !important;
  background-color: var(--clrPersonaBackgroundForGraphite, #CDD5D8) !important;
}
.TrackChangeHoverSelectHighlightBlueStone,
.Themed .TrackChangeHoverSelectHighlightBlueStone {
  background-color: #9ABFDD !important;
  background-color: var(--clrPersonaBackgroundForBlueStone, #9ABFDD) !important;
}
.TrackChangeHoverSelectHighlightBrown,
.Themed .TrackChangeHoverSelectHighlightBrown {
  background-color: #DDC3B0 !important;
  background-color: var(--clrPersonaBackgroundForBrown, #DDC3B0) !important;
}
.TrackChangeHoverSelectHighlightRed,
.TrackChangeHoverSelectColorRed,
.Themed .TrackChangeHoverSelectHighlightRed,
.Themed .TrackChangeHoverSelectColorRed {
  color: #751D20;
  color: var(--clrPersonaTextColorOnHighlightRed, #751D20);
}
.TrackChangeHoverSelectHighlightBlue,
.TrackChangeHoverSelectColorBlue,
.Themed .TrackChangeHoverSelectHighlightBlue,
.Themed .TrackChangeHoverSelectColorBlue {
  color: #004377;
  color: var(--clrPersonaTextColorOnHighlightBlue, #004377);
}
.TrackChangeHoverSelectHighlightPurple,
.TrackChangeHoverSelectColorPurple,
.Themed .TrackChangeHoverSelectHighlightPurple,
.Themed .TrackChangeHoverSelectColorPurple {
  color: #341A51;
  color: var(--clrPersonaTextColorOnHighlightPurple, #341A51);
}
.TrackChangeHoverSelectHighlightOlive,
.TrackChangeHoverSelectColorOlive,
.Themed .TrackChangeHoverSelectHighlightOlive,
.Themed .TrackChangeHoverSelectColorOlive {
  color: #294903;
  color: var(--clrPersonaTextColorOnHighlightOlive, #294903);
}
.TrackChangeHoverSelectHighlightPink,
.TrackChangeHoverSelectColorPink,
.Themed .TrackChangeHoverSelectHighlightPink,
.Themed .TrackChangeHoverSelectColorPink {
  color: #7F215D;
  color: var(--clrPersonaTextColorOnHighlightPink, #7F215D);
}
.TrackChangeHoverSelectHighlightLavender,
.TrackChangeHoverSelectColorLavender,
.Themed .TrackChangeHoverSelectHighlightLavender,
.Themed .TrackChangeHoverSelectColorLavender {
  color: #403582;
  color: var(--clrPersonaTextColorOnHighlightLavender, #403582);
}
.TrackChangeHoverSelectHighlightTeal,
.TrackChangeHoverSelectColorTeal,
.Themed .TrackChangeHoverSelectHighlightTeal,
.Themed .TrackChangeHoverSelectColorTeal {
  color: #02494C;
  color: var(--clrPersonaTextColorOnHighlightTeal, #02494C);
}
.TrackChangeHoverSelectHighlightDarkGoldenrod,
.TrackChangeHoverSelectColorDarkGoldenrod,
.Themed .TrackChangeHoverSelectHighlightDarkGoldenrod,
.Themed .TrackChangeHoverSelectColorDarkGoldenrod {
  color: #3A2F00;
  color: var(--clrPersonaTextColorOnHighlightDarkGoldenrod, #3A2F00);
}
.TrackChangeHoverSelectHighlightBurntRed,
.TrackChangeHoverSelectColorBurntRed,
.Themed .TrackChangeHoverSelectHighlightBurntRed,
.Themed .TrackChangeHoverSelectColorBurntRed {
  color: #6E0911;
  color: var(--clrPersonaTextColorOnHighlightBurntRed, #6E0911);
}
.TrackChangeHoverSelectHighlightPeriwinkle,
.TrackChangeHoverSelectColorPeriwinkle,
.Themed .TrackChangeHoverSelectHighlightPeriwinkle,
.Themed .TrackChangeHoverSelectColorPeriwinkle {
  color: #2C3C85;
  color: var(--clrPersonaTextColorOnHighlightPeriwinkle, #2C3C85);
}
.TrackChangeHoverSelectHighlightFuschia,
.TrackChangeHoverSelectColorFuschia,
.Themed .TrackChangeHoverSelectHighlightFuschia,
.Themed .TrackChangeHoverSelectColorFuschia {
  color: #63276D;
  color: var(--clrPersonaTextColorOnHighlightFuschia, #63276D);
}
.TrackChangeHoverSelectHighlightDarkGray,
.TrackChangeHoverSelectColorDarkGray,
.Themed .TrackChangeHoverSelectHighlightDarkGray,
.Themed .TrackChangeHoverSelectColorDarkGray {
  color: #1F2427;
  color: var(--clrPersonaTextColorOnHighlightDarkGray, #1F2427);
}
.TrackChangeHoverSelectHighlightGreen,
.TrackChangeHoverSelectColorGreen,
.Themed .TrackChangeHoverSelectHighlightGreen,
.Themed .TrackChangeHoverSelectColorGreen {
  color: #063C06;
  color: var(--clrPersonaTextColorOnHighlightGreen, #063C06);
}
.TrackChangeHoverSelectHighlightOrange,
.TrackChangeHoverSelectColorOrange,
.Themed .TrackChangeHoverSelectHighlightOrange,
.Themed .TrackChangeHoverSelectColorOrange {
  color: #712D09;
  color: var(--clrPersonaTextColorOnHighlightOrange, #712D09);
}
.TrackChangeHoverSelectHighlightDarkRed,
.TrackChangeHoverSelectColorDarkRed,
.Themed .TrackChangeHoverSelectHighlightDarkRed,
.Themed .TrackChangeHoverSelectColorDarkRed {
  color: #420610;
  color: var(--clrPersonaTextColorOnHighlightDarkRed, #420610);
}
.TrackChangeHoverSelectHighlightGray,
.TrackChangeHoverSelectColorGray,
.Themed .TrackChangeHoverSelectHighlightGray,
.Themed .TrackChangeHoverSelectColorGray {
  color: #333231;
  color: var(--clrPersonaTextColorOnHighlightGray, #333231);
}
.TrackChangeHoverSelectHighlightDarkPurple,
.TrackChangeHoverSelectColorDarkPurple,
.Themed .TrackChangeHoverSelectHighlightDarkPurple,
.Themed .TrackChangeHoverSelectColorDarkPurple {
  color: #6B0042;
  color: var(--clrPersonaTextColorOnHighlightDarkPurple, #6B0042);
}
.TrackChangeHoverSelectHighlightGraphite,
.TrackChangeHoverSelectColorGraphite,
.Themed .TrackChangeHoverSelectHighlightGraphite,
.Themed .TrackChangeHoverSelectColorGraphite {
  color: #3A4346;
  color: var(--clrPersonaTextColorOnHighlightGraphite, #3A4346);
}
.TrackChangeHoverSelectHighlightBlueStone,
.TrackChangeHoverSelectColorBlueStone,
.Themed .TrackChangeHoverSelectHighlightBlueStone,
.Themed .TrackChangeHoverSelectColorBlueStone {
  color: #002B4F;
  color: var(--clrPersonaTextColorOnHighlightBlueStone, #002B4F);
}
.TrackChangeHoverSelectHighlightBrown,
.TrackChangeHoverSelectColorBrown,
.Themed .TrackChangeHoverSelectHighlightBrown,
.Themed .TrackChangeHoverSelectColorBrown {
  color: #50301A;
  color: var(--clrPersonaTextColorOnHighlightBrown, #50301A);
}
.TrackChangeIndirectEffect,
.Themed .TrackChangeIndirectEffect {
  color: #1b9cab;
  color: var(--clrTrackChangeListIndirectEffectColor, #1b9cab);
}
.TrackChangeNoDecoration {
  text-decoration: none !important;
  color: #000000;
}
.TrackChangeElementHidden {
  display: none;
}
.TrackChangeStrikeThrough {
  color: #000000;
}
.TrackChangeRegularColor,
.TrackChangeNoDecoration .TrackChangeInsertHighlight,
.TrackChangeStrikeThrough .TrackChangeInsertHighlight,
.TrackChangeRegularColor .TrackChangeInsertHighlight,
.TrackChangeNoDecoration .TrackChangeDeleteHighlight,
.TrackChangeStrikeThrough .TrackChangeDeleteHighlight,
.TrackChangeRegularColor .TrackChangeDeleteHighlight,
.TrackChangeNoDecoration .TrackChangeAcceptRejectConfirmationHighlight,
.TrackChangeStrikeThrough .TrackChangeAcceptRejectConfirmationHighlight,
.TrackChangeRegularColor .TrackChangeAcceptRejectConfirmationHighlight,
.TrackChangeNoDecoration .TrackChangeAcceptRejectTransition,
.TrackChangeStrikeThrough .TrackChangeAcceptRejectTransition,
.TrackChangeRegularColor .TrackChangeAcceptRejectTransition,
.Themed .TrackChangeNoDecoration,
.Themed .TrackChangeStrikeThrough,
.Themed .TrackChangeRegularColor,
.Themed .TrackChangeNoDecoration .TrackChangeInsertHighlight,
.Themed .TrackChangeStrikeThrough .TrackChangeInsertHighlight,
.Themed .TrackChangeRegularColor .TrackChangeInsertHighlight,
.Themed .TrackChangeNoDecoration .TrackChangeDeleteHighlight,
.Themed .TrackChangeStrikeThrough .TrackChangeDeleteHighlight,
.Themed .TrackChangeRegularColor .TrackChangeDeleteHighlight,
.Themed .TrackChangeNoDecoration .TrackChangeAcceptRejectConfirmationHighlight,
.Themed .TrackChangeStrikeThrough .TrackChangeAcceptRejectConfirmationHighlight,
.Themed .TrackChangeRegularColor .TrackChangeAcceptRejectConfirmationHighlight,
.Themed .TrackChangeNoDecoration .TrackChangeAcceptRejectTransition,
.Themed .TrackChangeStrikeThrough .TrackChangeAcceptRejectTransition,
.Themed .TrackChangeRegularColor .TrackChangeAcceptRejectTransition {
  color: #000000 !important;
  color: var(--clrBlack, #000000) !important;
}
.TrackChangeAcceptRejectConfirmationHighlight,
.Themed .TrackChangeAcceptRejectConfirmationHighlight {
  background-color: #d4edd4 !important;
  background-color: var(--clrTrackChangeConfirmationHighlight, #d4edd4) !important;
}
.TrackChangeAcceptRejectTransition {
  transition: background-color 0.333s linear, opacity 0.333s linear;
}
.TrackChangeSidetrackInsertionReject,
.Themed .TrackChangeSidetrackInsertionReject {
  background-color: #f6d1d4 !important;
  background-color: var(--clrTrackChangeTextDeletedHighlight, #f6d1d4) !important;
  color: #000000 !important;
  color: var(--clrBlack, #000000) !important;
}
.TrackChangeSidetrackDeletionReject,
.Themed .TrackChangeSidetrackDeletionReject {
  background-color: #f6d1d4 !important;
  background-color: var(--clrTrackChangeTextDeletedHighlight, #f6d1d4) !important;
}
.TextDeletionSimpleOrNoMarkup.TrackChangeSidetrackDeletionReject,
.Themed .TextDeletionSimpleOrNoMarkup.TrackChangeSidetrackDeletionReject {
  color: #000000 !important;
  color: var(--clrBlack, #000000) !important;
}
.IndicatorAllMarkup,
.IndicatorSimpleMarkup {
  position: absolute;
  cursor: default;
  box-sizing: border-box;
  width: 2px;
  border-left: 1px solid;
  border-right: 1px solid;
}
.IndicatorAllMarkup::before,
.IndicatorSimpleMarkup::before {
  content: '';
  position: absolute;
  width: 10px;
  right: -5px;
  height: 100%;
}
.IndicatorAllMarkup,
.Themed .IndicatorAllMarkup {
  border-color: #949494;
  border-color: var(--clrAllMarkupMarginIndicator, #949494);
}
.IndicatorSimpleMarkup,
.Themed .IndicatorSimpleMarkup {
  border-color: #ff0000;
  border-color: var(--clrSimpleMarkupMarginIndicator, #ff0000);
}
.TrackChangeTooltipDisplayBox {
  font-size: 10pt;
  position: absolute;
  z-index: 1;
  box-shadow: 0px 8px 10px -2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  width: 250px;
  background-color: white;
  border: #d6d6d6 1px solid;
  padding: 8px;
  max-height: 220px;
  font-family: "Segoe UI", "Segoe UI Web", Arial, Verdana, sans-serif;
  overflow: auto;
}
.TrackedChangeTooltipAuthor {
  font-size: 11pt;
  font-family: "Segoe UI Semibold", "Segoe UI Web", Arial, Verdana, sans-serif;
}
.TrackedChangeTooltipTimestamp {
  color: #484644;
}
.TrackedChangeTooltipContentTemplate {
  margin-top: 2px;
}
.TrackedChangeTooltipContent {
  overflow: hidden;
  color: #767676;
  font-style: italic;
  margin-top: 2px;
  width: 250px;
  max-height: 150px;
}
.CatchUpActivityIndicatorContainer {
  position: absolute;
  top: 0px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: default;
}
.CatchUpActivityIndicatorThemed {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #006bff !important;
  background-color: var(--clrCatchupTextDotColor, #006bff) !important;
  opacity: 1;
  cursor: default;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.CatchUpActivityIndicatorEnlarged {
  width: 10px;
  height: 10px;
}
.DefaultHighlightTransition {
  transition: background-color 0.1s linear;
}
.CatchUpActivityHighlightBegin,
.AppRtl .CatchUpActivityHighlightEnd {
  border-left: 1px solid #006BFF;
  margin-left: -1px;
}
.CatchUpActivityHighlightBeginGreyout,
.AppRtl .CatchUpActivityHighlightEndGreyout {
  border-left: 1px solid #797775;
  margin-left: -1px;
}
.CatchUpActivityHighlightEnd,
.AppRtl .CatchUpActivityHighlightBegin {
  border-right: 1px solid #006BFF;
  margin-right: -1px;
}
.CatchUpActivityHighlightEndGreyout,
.AppRtl .CatchUpActivityHighlightBeginGreyout {
  border-right: 1px solid #797775;
  margin-right: -1px;
}
.WACImageBorder {
  display: block;
}
.ImageCropMode .WACImageBorder {
  display: none;
}
.CatchUpActivityHighlightMiddle {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  margin-top: -1px;
  margin-bottom: -1px;
}
SPAN.WACImageContainer.ImgSelectionOn.BlobObject.OnlyImageSelected.Selected.CatchUpActivityHoveredHighlight,
.CatchUpActivityHoveredHighlight {
  background-color: rgba(0, 107, 255, 0.2) !important;
  transition: background-color 0.1s linear;
}
SPAN.WACImageContainer.ImgSelectionOn.BlobObject.OnlyImageSelected.Selected.CatchUpActivityHoveredGreyoutHighlight,
.CatchUpActivityHoveredGreyoutHighlight {
  /* background-color: lightgrey !important; */
  background-color: rgba(121, 119, 117, 0.2) !important;
  transition: background-color 0.3s linear;
}
SPAN.WACImageContainer.ImgSelectionOn.BlobObject.OnlyImageSelected.Selected.CatchUpActivityClickedHighlight,
.CatchUpActivityClickedHighlight {
  background-color: rgba(0, 107, 255, 0.4) !important;
  transition: background-color 0.1s linear;
}
SPAN.WACImageContainer.ImgSelectionOn.BlobObject.OnlyImageSelected.Selected.CatchUpActivityClickedGreyoutHighlight,
.CatchUpActivityClickedGreyoutHighlight {
  /*background-color: lightgrey !important;*/
  background-color: rgba(121, 119, 117, 0.2) !important;
  transition: background-color 0.3s linear;
}
span.WhiteSpaceSpanElement::after {
  content: '';
}
span.FieldRange.TOC,
span.FieldRange.TOC span.TabRun,
span.FieldRange.TOC span.TabLeaderChars,
span.FieldRange.TOC span.TextRun,
span.FieldRange.TOC span.TextRun.Underlined,
span.FieldRange.TOC span.NormalTextRun,
span.FieldRange.TOC span.BreakObjectText,
span.FieldRange.TOC span.Selected,
span.FieldRange.TOC span.LineBreakBlob {
  background-color: white;
  text-decoration-line: none!important;
  color: #000000;
}
span.TOCLinkOverride,
span.TOCLinkOverride span.TabRun,
span.TOCLinkOverride span.TabLeaderChars,
span.TOCLinkOverride span.TextRun,
span.TOCLinkOverride span.TextRun.Underlined,
span.TOCLinkOverride span.NormalTextRun,
span.TOCLinkOverride span.BreakObjectText,
span.TOCLinkOverride span.Selected,
span.TOCLinkOverride span.LineBreakBlob {
  text-decoration-line: none !important;
  color: #000000;
}
span.TOCLinkOverrideThemed,
span.TOCLinkOverrideThemed span.TabRun,
span.TOCLinkOverrideThemed span.TabLeaderChars,
span.TOCLinkOverrideThemed span.TextRun,
span.TOCLinkOverrideThemed span.TextRun.Underlined,
span.TOCLinkOverrideThemed span.NormalTextRun,
span.TOCLinkOverrideThemed span.BreakObjectText,
span.TOCLinkOverrideThemed span.Selected,
span.TOCLinkOverrideThemed span.LineBreakBlob {
  text-decoration-line: none !important;
  color: black !important;
  color: var(--clrBlack, black) !important;
}
span.TabRun {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  font-size: 11pt;
  font-family: Calibri, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-indent: 0;
}
span.TabChar {
  display: inline-block;
  user-select: text;
}
span.TabLeaderChars {
  display: inline-block;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
}
span.TabLeaderChars::before {
  content: " ";
  /* The width of a TabLeaderChars inline-block element can only be set if it has content. This allows the content to be set and prevented from being copied into the clipboard. */
}
span.TabLeaderChars::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: " ";
  /* If the leader character value is defined as Dot, Hyphen, or Underscore, it will contain up to 300 characters to cover the cases where tab widths span the entire document. */
  overflow: hidden;
}
span.TabLeaderChars.Dot::after {
  content: "............................................................................................................................................................................................................................................................................................................";
}
span.TabLeaderChars.Underscore::after {
  content: "____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________";
}
span.TabLeaderChars.Hyphen::after {
  content: "------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------";
}
.CoauthLockBracket {
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  border-top: solid 1px #9ac0cd;
  border-bottom: solid 1px #9ac0cd;
  border-left: solid 1px #9ac0cd;
}
.CoauthLockBracketMine {
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  border-top: dashed 1px #9ac0cd;
  border-bottom: dashed 1px #9ac0cd;
  border-left: dashed 1px #9ac0cd;
}
.CoauthLockDash {
  position: absolute;
  margin-top: 5px;
  /* The dash is always a fixed distance from the top */
  width: 8px;
  height: 1px;
  top: 0;
  border-top: dotted 1px #9ac0cd;
}
.CoauthLockIconContainer {
  position: absolute;
  width: 16px;
  height: 16px;
  overflow: hidden;
  top: 0;
  border: solid 1px #8AA2BF;
  background: #DDE3EC;
}
.CoauthLockBracket.Rtl {
  position: absolute;
  width: 4px;
  top: 0;
  border-top: solid 1px #9ac0cd;
  border-bottom: solid 1px #9ac0cd;
  border-right: solid 1px #9ac0cd;
  border-left: solid 0px white;
}
.CoauthLockBracketMine.Rtl {
  position: absolute;
  width: 4px;
  top: 0;
  border-top: dashed 1px #9ac0cd;
  border-bottom: dashed 1px #9ac0cd;
  border-right: dashed 1px #9ac0cd;
  border-left: solid 0px white;
}
.CoauthLockDash.Rtl {
  position: absolute;
  margin-left: 0px !important;
  margin-top: 5px;
  /* The dash is always a fixed distance from the top */
  width: 8px;
  height: 1px;
  top: 0;
  border-top: dotted 1px #9ac0cd;
}
.CoauthLockIconContainer.Rtl {
  position: absolute;
  width: 16px;
  height: 16px;
  overflow: hidden;
  top: 0;
  border: solid 1px #8AA2BF;
  background: #DDE3EC;
}
/* Header/Footer CSS */
.ribbonBar {
  width: 100%;
}
.ribbonUpper {
  background-color: #e1e1e1;
  height: 30px;
}
.MLRVisualRefresh .ribbonUpper {
  background-color: #f3f2f1;
}
.ribbonLower {
  top: 30px;
  height: 94px;
  background-color: #ffffff;
}
.ribbonLower.ribbonTouch {
  height: 108px;
}
.ribbonLeft {
  background-repeat: no-repeat;
  height: 124px;
  opacity: 0.6;
}
.ribbonLeft.ribbonTouch {
  height: 138px;
}
.oneLineRibbonUpper {
  background-color: #2b579a;
  height: 32px;
}
.oneLineRibbonUpperWithAnimation {
  background-color: #2b579a;
  height: 32px;
}
.oneLineRibbonLower {
  background-color: #f4f4f4;
  height: 41px;
}
.oneLineRibbonLowerWithAnimation {
  background-color: #f4f4f4;
  height: 41px;
}
.oneLineRibbonUpperWithTabHeaderRefresh {
  background-color: #f4f4f4;
  height: 36px;
}
.ModernUXFastViewHeader,
div#AppHeaderPanel .ModernUXFastViewHeader {
  background-color: white;
  color: #185abd;
}
.HeaderToolbarContainer .UITextTranformUpperCase {
  text-transform: none;
}
.HeaderFooterControl {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  /* Above the WACViewPanel */
}
.Footer.Editing::before,
.Header.Editing::after {
  content: "";
  width: 817px;
  border-top: 1px dashed var(--clrHeaderFooterDividerLine, #777777);
  position: absolute;
  left: 50%;
  height: 1px;
  transform: translateX(-50%);
}
.EditingSurfaceOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.5;
  background-color: #cccccc;
  outline: none;
}
.iPad.v6up .EditingSurfaceOverlay {
  /* 1022472: stop document from scrolling */
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}
.HeaderFooterOverlay:focus {
  background-color: #3e6db5;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .HeaderFooterOverlay:focus {
    background-color: unset;
  }
}
#HeaderFooterToolbarMenu .cui-ctl-mediumlabel,
#HeaderToolbarSectionMenu .cui-ctl-mediumlabel,
#WordEditorHeaderToolbar .cui-ctl-mediumlabel {
  color: var(--clrHeaderPaneTabText);
}
#HeaderFooterToolbarMenu,
#HeaderToolbarSectionMenu,
#WordEditorHeaderToolbar .cui-ctl-medium {
  background-color: var(--clrHeaderPaneTabBg);
}
#WordEditorHeaderToolbar .cui-ctl-medium {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
#HeaderFooterToolbarMenu .cui-ctl-menu:focus,
#HeaderFooterToolbarMenu .cui-ctl-menu:hover,
#HeaderToolbarSectionMenu .cui-ctl-menu:hover,
#HeaderToolbarSectionMenu .cui-ctl-menu:focus,
#WordEditorHeaderToolbar .cui-ctl-medium:hover,
#WordEditorHeaderToolbar .cui-ctl-medium:focus {
  border-color: var(--clrHeaderPaneTabHover);
  background-color: var(--clrHeaderPaneTabHover);
}
#HeaderToolbarSectionMenu .cui-ctl-menu:active,
#WordEditorHeaderToolbar .cui-ctl-medium:active,
#HeaderFooterToolbarMenu .cui-ctl-medium:active,
#HeaderToolbarSectionMenu .cui-ctl-on,
#WordEditorHeaderToolbar .cui-ctl-on,
#HeaderFooterToolbarMenu .cui-ctl-on {
  background-color: var(--clrHeaderPaneTabActive);
}
#HeaderFooterToolbarMenu .cui-ctl-on,
#HeaderToolbarSectionMenu .cui-ctl-on,
#WordEditorHeaderToolbar .cui-ctl-on {
  border-color: var(--clrHeaderPaneTabBorder);
}
.HeaderFooterPane {
  position: absolute;
  width: 100%;
  background-color: var(--clrEnhancedPageBackground);
  height: 0px;
  z-index: 2;
  /* Above the HeaderFooterControl */
  transition: height 0.2s ease-out 0s;
  -webkit-transition: height 0.2s ease-out 0s;
}
.HeaderFooterPane.Displayed {
  height: 100px;
}
.HeaderFooterPane.Header {
  top: 0px;
}
.HeaderToolbarContainer {
  position: absolute;
  bottom: 22px;
  width: 100%;
}
.HeaderFooterPane.Footer {
  bottom: 0px;
}
.HeaderFooterViewElement {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  /* While contents of this view may be RTL, the view element itself is always LTR.
	This is true of the main document as well (the code there always takes the LTR
	codepath.) This does mean the scrollbar renders on the wrong side. OM:374561
	tracks fixing all this. */
  direction: ltr;
}
.Header .HeaderFooterViewElement {
  /* Don't overlap the view with the toolbar */
  bottom: 22px;
}
.HeaderFooterViewContent {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.Header .HeaderFooterViewContent {
  /* Using padding instead of margin or positioning so that events are captured. */
  padding-top: 20px;
}
.Footer .HeaderFooterViewContent {
  /* Using padding instead of margin or positioning so that events are captured */
  padding-top: 32px;
  padding-bottom: 10px;
}
table.TableStylePreview {
  border-collapse: collapse;
  font-size: 6px;
  font-weight: bold;
  margin: 0px auto 0px auto;
  table-layout: fixed;
  width: 60px;
}
table.TableStylePreview td {
  height: 7px;
  line-height: 7px;
  overflow: hidden;
  padding-left: 1px;
  padding-right: 1px;
  width: 8px;
}
div.PageNumbersPositionPreview {
  border: 1px solid #c6c6c6;
  margin: 0px;
  width: 59px;
  height: 73px;
  overflow: hidden;
}
table.PageNumbersPositionPreview {
  border-collapse: collapse;
  margin: 0px;
  border: 0px;
  table-layout: fixed;
  width: 59px;
  height: 73px;
}
table.PageNumbersPositionPreview td {
  padding: 0px 4px 0px 4px;
  white-space: normal;
  word-wrap: break-word;
}
.StylePreviewContainer {
  position: absolute;
  top: 0px;
  height: 32px;
  width: 64px;
}
.StyleLabelContainer {
  position: absolute;
  bottom: 0px;
}
.PageNumbersPositionTopAlignedTr {
  vertical-align: top;
}
.PageNumbersPositionBottomAlignedTr {
  vertical-align: bottom;
}
/* Find/Replace Pane CSS */
/* Find pane: search results area */
.WACSearchResultsPane {
  cursor: default;
  -webkit-overflow-scrolling: touch;
  margin-left: 15px;
  height: 100%;
}
.AppRtl .WACSearchResultsPane {
  margin-left: auto;
  margin-right: 15px;
}
.WACSearchResultsPaneEmpty {
  cursor: default;
  margin-left: 15px;
}
.AppRtl .WACSearchResultsPaneEmpty {
  margin-left: auto;
  margin-right: 15px;
}
.WACSearchResultsScroller {
  padding: 0px 0px 2px 0px;
}
.WACResultOutline {
  border: solid 1px transparent;
  padding: 4px;
  width: 256px;
}
.usehover .WACResultOutline:hover {
  border: solid 1px #2B579A;
  padding: 4px;
  outline: 2px dashed transparent;
}
.WACSelectedResult {
  border: solid 2px #2B579A;
  padding: 3px;
  outline: 2px solid transparent;
}
.usehover .WACSelectedResult:hover {
  border: solid 2px #2B579A;
  padding: 3px;
}
.WACSearchResult {
  border: 1px solid transparent;
  padding: 3px;
  white-space: pre-wrap;
  overflow: hidden;
  color: #444444;
  display: table-cell;
  /* By making it render like a table cell, vertical-align middle works */
  vertical-align: middle;
  min-height: 25px;
  max-width: 260px;
  text-overflow: ellipsis;
}
.WACContext {
  font-weight: bold;
}
.WACResultType {
  font-weight: bold;
}
.ResultDivider {
  border-bottom: 1px solid #e9e9e9;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 15px;
}
.AppRtl .ResultDivider {
  margin-left: 15px;
  margin-right: auto;
}
.WACSearchResultsLanding {
  white-space: normal;
  /* make text wrap */
  color: #444444;
  padding-top: 3px;
}
.FindPaneNotificationDivider {
  background-color: #e7e7e7;
  white-space: normal;
  /* make text wrap */
  padding: 8px;
  margin: 0 -15px;
}
.FindPaneNotificationIcon {
  padding: 2px 8px 0 0;
  width: 16px;
  vertical-align: top;
  display: table-cell;
}
.FindPaneNotificationMessage {
  padding: 0 8px 0 0;
  display: table-cell;
}
.FindPaneNotificationText {
  white-space: normal;
  color: #444444;
}
.FindPaneNotificationLink {
  white-space: normal;
  color: #336699;
  text-decoration: none;
}
usehover .WACOutOfSyncNotificationLink:hover {
  text-decoration: underline;
  color: #336699;
}
.FindLeftAligned {
  float: left;
}
.FindRightAligned {
  float: right;
}
.SearchBoxButtonFrame {
  border: 1px solid #ababab;
  height: 29px;
  margin-right: 1px;
  padding-left: 1px;
}
.AppRtl .SearchBoxButtonFrame {
  margin-left: 1px;
  margin-right: auto;
  padding-left: auto;
  padding-right: 1px;
}
.SearchBoxButtonFrame:hover,
.SearchBoxButtonFrame:focus,
.SearchUIArea .cui-ctl-split-hovered-primary,
.SearchUIArea .cui-ctl-split-hovered-secondary {
  border-color: #d5e1f2;
}
.SearchSplitButton {
  float: right;
  margin: -1px -1px 0px 0px;
  /* Move the button up and right a pixel so that the button's borders overlap the search textbox's borders */
}
.SearchSplitButton.cui-fa-dropped,
.SearchSplitButton.cui-fa-dropped .cui-ctl-a1,
.SearchSplitButton.cui-fa-dropped .cui-ctl-a2 {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #2b579a;
}
.AppRtl .SearchSplitButton {
  float: left;
  margin-left: -1px;
  margin-right: 0px;
}
.SearchUIArea span.cui-ctl .cui-ctl-a2 {
  width: 17px;
}
.MLRVisualRefresh .cui-row-tworow .SearchUIArea .cui-ctl .cui-ctl-a2 {
  padding: 6px 3px 7px;
}
.MLRVisualRefresh .cui-row-tworow .SearchUIArea .cui-ctl .cui-ctl-a2 .cui-img-8by8 {
  left: 5px;
}
input.SearchBox {
  height: 28px;
  width: 200px;
  float: left;
  border: 0px;
  padding: 0px 5px 0px 5px;
  color: #444444;
  margin-top: 1px;
  margin-left: 1px;
}
.AppRtl input.SearchBox {
  margin-left: auto;
  margin-right: 1px;
}
.SearchBox::-ms-clear,
.ReplaceTextbox::-ms-clear {
  display: none;
  /* hide the clear field icon added by IE */
}
.AppRtl .SearchBox {
  float: right;
}
.PlaceholderText {
  color: #888888;
}
.PlaceholderFocus {
  border-color: #d5e1f2;
}
input.ReplaceTextbox {
  height: 29px;
  width: 257px;
  border: 1px solid #ababab;
  padding: 0px 5px 0px 5px;
  color: #444444;
}
input.ReplaceTextbox:hover,
input.ReplaceTextbox:focus {
  border-color: #d5e1f2;
}
.cui-fslb.FindFiltersLabel {
  padding: 0px 0px;
  max-width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.PageNumbersCalloutControlOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: #c6c6c6;
  z-index: 1;
  /* Above the WACViewPanel */
}
.PageNumbersCalloutControl {
  width: 100%;
  height: 100%;
  text-align: center;
}
/* Comments CSS */
.CommentPaneSurface {
  height: 100%;
}
.HintContainer {
  position: absolute;
  width: 16px;
  height: 16px;
  overflow: hidden;
  top: 0;
  /* when changing it, avoid overlaypping with content control's bounding box and title button */
  right: -33px;
  cursor: default;
}
.AppRtl .HintContainer {
  right: 0px;
  /* when changing it, avoid overlaypping with content control's bounding box and title button */
  left: -33px;
}
.CommentHighlightRest,
.Themed .CommentHighlightRest {
  background-color: rgba(209, 209, 209, 0.5);
  background-color: var(--clrCommentsHighlightRest, rgba(209, 209, 209, 0.5));
}
.Endnote.CommentBlobHighlightHoveredGreyout,
.Footnote.CommentBlobHighlightHoveredGreyout,
.TabRun.CommentBlobHighlightHoveredGreyout,
.LineBreakBlob.CommentBlobHighlightHoveredGreyout,
.Endnote.CommentBlobHighlightClickedGreyout,
.Footnote.CommentBlobHighlightClickedGreyout,
.TabRun.CommentBlobHighlightClickedGreyout,
.LineBreakBlob.CommentBlobHighlightClickedGreyout,
.Themed .Endnote.CommentBlobHighlightHoveredGreyout,
.Themed .Footnote.CommentBlobHighlightHoveredGreyout,
.Themed .TabRun.CommentBlobHighlightHoveredGreyout,
.Themed .LineBreakBlob.CommentBlobHighlightHoveredGreyout,
.Themed .Endnote.CommentBlobHighlightClickedGreyout,
.Themed .Footnote.CommentBlobHighlightClickedGreyout,
.Themed .TabRun.CommentBlobHighlightClickedGreyout,
.Themed .LineBreakBlob.CommentBlobHighlightClickedGreyout {
  background-color: #dfdfdf !important;
  background-color: var(--clrCommentsHighlightGreyout, #dfdfdf) !important;
  outline: transparent!important;
  outline-offset: 0px;
}
.CommentBlobHighlightHoveredGreyout,
.Themed .CommentBlobHighlightHoveredGreyout {
  outline: 4px solid #dfdfdf !important;
  outline-color: var(--clrCommentsHighlightGreyout, #dfdfdf) !important;
}
.CommentBlobHighlightClickedGreyout,
.DraftCommentBlobAnchorIntentHighlight,
.Themed .CommentBlobHighlightClickedGreyout,
.Themed .DraftCommentBlobAnchorIntentHighlight {
  outline: 4px solid #dfdfdf !important;
  outline-color: var(--clrCommentsHighlightGreyout, #dfdfdf) !important;
}
.CommentHintTransition {
  transition: opacity 0.2s linear;
}
.CommentHighlightHovered {
  background-color: rgba(210, 224, 244, 0.5) !important;
  background-color: var(--clrCommentsHighlightHovered, rgba(210, 224, 244, 0.5)) !important;
}
.CommentHighlightClicked.CommentImportant {
  background-color: rgba(103, 148, 215, 0.5) !important;
  background-color: var(--clrCommentsHighlightClicked, rgba(103, 148, 215, 0.5)) !important;
  color: black !important;
  color: var(--clrBlack, black) !important;
}
.CommentHighlightClicked {
  background-color: rgba(103, 148, 215, 0.5);
  background-color: var(--clrCommentsHighlightClicked, rgba(103, 148, 215, 0.5));
  color: black;
  color: var(--clrBlack, black);
}
.CommentHighlightPipeClicked {
  box-shadow: -2px 0px var(--clrCommentsHighlightPipe, #185abd) !important;
}
.CommentHighlightPipeClicked.PointComment,
.Themed .CommentHighlightPipeClicked.PointComment {
  box-shadow: 2px 0px var(--clrCommentsHighlightPipe, #185abd) !important;
}
.CommentHighlightPipeHovered {
  box-shadow: -2px 0px var(--clrCommentsHighlightPipe, #185abd) !important;
}
.CommentHighlightPipeHovered.PointComment,
.Themed .CommentHighlightPipeHovered.PointComment {
  box-shadow: 2px 0px var(--clrCommentsHighlightPipe, #185abd) !important;
}
.CommentHighlightPipeRest,
.Themed .CommentHighlightPipeRest {
  box-shadow: -1px 0px var(--clrCommentsHighlightPipeRest, #424242) !important;
}
.CommentHighlightClickedGreyout,
.DraftCommentTextAnchorIntentHighlight,
.Themed .CommentHighlightClickedGreyout,
.Themed .DraftCommentTextAnchorIntentHighlight {
  background-color: #dfdfdf;
  background-color: var(--clrCommentsHighlightGreyout, #dfdfdf);
}
.CommentHighlightHoveredGreyout,
.Themed .CommentHighlightHoveredGreyout {
  background-color: #dfdfdf !important;
  background-color: var(--clrCommentsHighlightGreyout, #dfdfdf) !important;
}
.Endnote.CommentBlobHighlightHovered,
.Footnote.CommentBlobHighlightHovered,
.TabRun.CommentBlobHighlightHovered,
.LineBreakBlob.CommentBlobHighlightHovered,
.Endnote.CommentBlobHighlightClicked,
.Footnote.CommentBlobHighlightClicked,
.TabRun.CommentBlobHighlightClicked,
.LineBreakBlob.CommentBlobHighlightClicked {
  outline: transparent!important;
  outline-offset: 0px;
}
.Themed .Endnote.CommentBlobHighlightHovered,
.Themed .Footnote.CommentBlobHighlightHovered,
.Themed .TabRun.CommentBlobHighlightHovered,
.Themed .LineBreakBlob.CommentBlobHighlightHovered,
.Themed .Endnote.CommentBlobHighlightClicked,
.Themed .Footnote.CommentBlobHighlightClicked,
.Themed .TabRun.CommentBlobHighlightClicked,
.Themed .LineBreakBlob.CommentBlobHighlightClicked {
  outline: transparent!important;
}
.TabRun.CommentBlobHighlightRest,
.LineBreakBlob.CommentBlobHighlightRest,
.Endnote.CommentBlobHighlightRest,
.Footnote.CommentBlobHighlightRest {
  outline: transparent;
  outline-offset: 0px;
}
.Themed .Endnote.CommentBlobHighlightRest,
.Themed .Footnote.CommentBlobHighlightRest,
.Themed .TabRun.CommentBlobHighlightRest,
.Themed .LineBreakBlob.CommentBlobHighlightRest {
  outline: transparent;
}
.TabRun.CommentBlobHighlightRest,
.LineBreakBlob.CommentBlobHighlightRest,
.Endnote.CommentBlobHighlightRest,
.Footnote.CommentBlobHighlightRest {
  background-color: rgba(209, 209, 209, 0.5);
  background-color: var(--clrCommentsHighlightRest, rgba(209, 209, 209, 0.5));
}
.Endnote.CommentBlobHighlightHovered,
.Footnote.CommentBlobHighlightHovered,
.TabRun.CommentBlobHighlightHovered,
.LineBreakBlob.CommentBlobHighlightHovered {
  background-color: rgba(210, 224, 244, 0.5) !important;
  background-color: var(--clrCommentsHighlightHovered, rgba(210, 224, 244, 0.5)) !important;
}
.Endnote.CommentBlobHighlightClicked,
.Footnote.CommentBlobHighlightClicked,
.TabRun.CommentBlobHighlightClicked,
.LineBreakBlob.CommentBlobHighlightClicked {
  background-color: rgba(103, 148, 215, 0.5) !important;
  background-color: var(--clrCommentsHighlightClicked, rgba(103, 148, 215, 0.5)) !important;
  color: #000000 !important;
  color: var(--clrBlack, #000000) !important;
}
.CommentBlobHighlightHovered {
  outline: 4px solid #d2e0f4 !important;
  outline-color: var(--clrCommentsBlobHighlightHovered, #d2e0f4) !important;
}
.CommentBlobHighlightClicked {
  outline: 4px solid #6794d7 !important;
  outline-color: var(--clrCommentsBlobHighlightClicked, #6794d7) !important;
}
.CommentBlobHighlightRest,
.Themed .CommentBlobHighlightRest {
  outline: 4px solid rgba(209, 209, 209, 0.5);
  outline-color: var(--clrCommentsHighlightRest, rgba(209, 209, 209, 0.5));
}
/* End comments CSS */
/* Navigation pane CSS */
.NavPaneBookmarkIndicator {
  width: 8px;
  height: 12px;
  padding-right: 2px;
  padding-left: 1px;
  padding-top: 5px;
  vertical-align: top;
  margin-right: 8px;
}
.NavPaneFindReplaceBoxStyle {
  background-color: var(--clrEnhancedPageBackground);
}
.NavigationControls {
  padding-top: 18px;
  padding-bottom: 18px;
  cursor: default;
}
.NavPaneTab {
  margin-right: 15px;
}
.AppRtl .NavPaneTab {
  margin-left: 15px;
  margin-right: auto;
}
.NavPaneTab:hover {
  margin-right: 15px;
  color: #2b579a;
}
.NavPaneTab:focus {
  outline: 1px solid #a3bde3;
}
.AppRtl .NavPaneTab:hover {
  margin-left: 15px;
  margin-right: auto;
  color: #2b579a;
}
.NavPaneTab.cui-ctl-active,
.usehover .NavPaneTab.cui-ctl-active:hover {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #2b579a;
}
.NavPaneCurrentTab {
  margin-right: 15px;
  font-weight: bold;
  color: #2b579a;
}
.NavPaneCurrentTab:focus {
  outline: 1px solid #a3bde3;
}
.NavPaneTabText {
  display: inline-block;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.AppRtl .NavPaneCurrentTab {
  margin-left: 15px;
  margin-right: auto;
  font-weight: bold;
  color: #2b579a;
}
.NavPaneCurrentTab.cui-ctl-active,
.usehover .NavPaneCurrentTab.cui-ctl-active:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}
.NavPaneExplanationText {
  width: 251px;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 14px;
}
.NavPaneNonHeadingElement {
  display: none;
}
.NavPaneHeadingElement {
  display: block;
}
.ReactNavPaneHeadingElement {
  display: flex;
  height: 20px;
  margin-top: 6px;
}
.NavPaneExpandCollapseContainer {
  display: inline-block;
  width: 12px;
  height: 12px;
  padding-top: 2px;
}
.NavPaneHeadingsLine {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  padding-left: 6px;
  height: 18px;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
}
.AppRtl .NavPaneHeadingsLine {
  padding-left: 0px;
  padding-right: 6px;
}
.NavPaneHeadingsLine:hover {
  border: 1px solid #A6BDE5;
}
.NavPaneHeadingsLine:focus {
  border: 1px solid #a3bde3;
  outline: 2px dashed transparent;
}
/*
	This is the styling applied only for the heading list for the React Find Replace Task Pane.
	The headings search result list is too coupled with the Box4 infastructure as a result we use the
	same code that created the headings result for our React component.
*/
.ReactNavPaneHeadingsLine {
  color: #424242;
  color: var(--clrNavPaneText, #424242);
  border: 1px solid transparent;
  font-size: 14px;
  padding-left: 0px;
  margin-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  box-sizing: border-box;
  flex-basis: 100%;
  vertical-align: middle;
}
.ReactNavPaneExpandCollapseIcon {
  width: 12px;
  height: 12px;
  padding-bottom: 2px;
  vertical-align: middle;
  display: inline-block;
}
.ReactNavPaneExpandCollapseIcon:hover {
  background-color: #E1DFDD;
  background-color: var(--clrNavPaneHover, #E1DFDD);
  border-color: #E1DFDD;
  border-color: var(--clrNavPaneHover, #E1DFDD);
}
.ReactNavPaneHeadingsLine:hover {
  background-color: #E1DFDD;
  background-color: var(--clrNavPaneHover, #E1DFDD);
  border-color: #E1DFDD;
  border-color: var(--clrNavPaneHover, #E1DFDD);
}
.ReactNavPaneHeadingsLine:focus {
  border-color: #41403F;
  outline: 2px dashed transparent;
  background-color: #E1DFDD;
}
.ReactNavPaneHeadingsLine:active {
  background-color: #C8C6C4;
  background-color: var(--clrNavPaneActive, #C8C6C4);
  border-color: #C8C6C4;
  border-color: var(--clrNavPaneActive, #C8C6C4);
}
.FishBowlNavButton {
  position: fixed;
  margin-left: 8px;
  margin-top: 12px;
  width: auto;
  height: auto;
  z-index: 2;
}
.FishBowlNavButton.Rtl {
  margin-left: auto;
  margin-right: 18px;
  z-index: 2;
}
.FishBowlNavButtonInner {
  background-color: white;
  background-color: var(--clrNavFloatie, white);
  display: flex;
  align-items: center;
  opacity: 1;
  justify-content: center;
  width: 20px;
  height: 22px;
  border-radius: 8px;
  padding: 8px 10px;
  box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
}
.ShowWACVerticalRulerContainer ~ #FishBowlNavButton {
  margin-left: 32px;
}
.ShowWACVerticalRulerContainer ~ #FishBowlNavButton.Rtl {
  margin-right: 32px;
}
.NavPaneHeading1Line {
  width: 251px;
}
.NavPaneHeading2Line {
  margin-left: 22px;
  width: 229px;
}
.AppRtl .NavPaneHeading2Line {
  margin-left: 0px;
  margin-right: 22px;
}
.NavPaneHeading3Line {
  margin-left: 44px;
  width: 207px;
}
.AppRtl .NavPaneHeading3Line {
  margin-left: 0px;
  margin-right: 44px;
}
.NavPaneHeading4Line {
  margin-left: 66px;
  width: 185px;
}
.AppRtl .NavPaneHeading4Line {
  margin-left: 0px;
  margin-right: 66px;
}
.NavPaneHeading5Line {
  margin-left: 88px;
  width: 163px;
}
.AppRtl .NavPaneHeading5Line {
  margin-left: 0px;
  margin-right: 88px;
}
.NavPaneHeading6Line {
  margin-left: 110px;
  width: 141px;
}
.AppRtl .NavPaneHeading6Line {
  margin-left: 0px;
  margin-right: 110px;
}
.NavPaneHeading7Line {
  margin-left: 132px;
  width: 119px;
}
.AppRtl .NavPaneHeading7Line {
  margin-left: 0px;
  margin-right: 132px;
}
.NavPaneHeading8Line {
  margin-left: 154px;
  width: 97px;
}
.AppRtl .NavPaneHeading8Line {
  margin-left: 0px;
  margin-right: 154px;
}
.NavPaneHeading9Line {
  margin-left: 176px;
  width: 75px;
}
.AppRtl .NavPaneHeading9Line {
  margin-left: 0px;
  margin-right: 176px;
}
.NavPaneBookmarkText {
  word-break: break-all;
}
.ReactNavPaneHeading1Line {
  width: 100%;
}
.NavPaneBookmark1Line {
  width: 100%;
  margin-bottom: -4px;
}
.ReactNavPaneHeading2Line {
  margin-left: 20px;
  width: calc(100% - 20px);
}
.NavPaneBookmark2Line {
  margin-left: 20px;
  width: calc(100% - 20px);
  margin-bottom: -4px;
}
.AppRtl .NavPaneBookmark2Line {
  margin-left: 0px;
  margin-right: 20px;
}
.AppRtl .ReactNavPaneHeading2Line {
  margin-left: 0px;
  margin-right: 20px;
}
.ReactNavPaneHeading3Line {
  margin-left: 40px;
  width: calc(100% - 40px);
}
.NavPaneBookmark3Line {
  margin-left: 40px;
  width: calc(100% - 40px);
  margin-bottom: -4px;
}
.AppRtl .NavPaneBookmark3Line {
  margin-left: 0px;
  margin-right: 40px;
}
.AppRtl .ReactNavPaneHeading3Line {
  margin-left: 0px;
  margin-right: 40px;
}
.ReactNavPaneHeading4Line {
  margin-left: 60px;
  width: calc(100% - 60px);
}
.NavPaneBookmark4Line {
  margin-left: 60px;
  width: calc(100% - 60px);
  margin-bottom: -4px;
}
.AppRtl .NavPaneBookmark4Line {
  margin-left: 0px;
  margin-right: 60px;
}
.AppRtl .ReactNavPaneHeading4Line {
  margin-left: 0px;
  margin-right: 60px;
}
.ReactNavPaneHeading5Line {
  margin-left: 80px;
  width: calc(100% - 80px);
}
.NavPaneBookmark5Line {
  margin-left: 80px;
  width: calc(100% - 80px);
  margin-bottom: -4px;
}
.AppRtl .NavPaneBookmark5Line {
  margin-left: 0px;
  margin-right: 80px;
}
.AppRtl .ReactNavPaneHeading5Line {
  margin-left: 0px;
  margin-right: 80px;
}
.ReactNavPaneHeading6Line {
  margin-left: 100px;
  width: calc(100% - 100px);
}
.NavPaneBookmark6Line {
  margin-left: 100px;
  width: calc(100% - 100px);
  margin-bottom: -4px;
}
.AppRtl .ReactNavPaneHeading6Line {
  margin-left: 0px;
  margin-right: 100px;
}
.AppRtl .NavPaneBookmark6Line {
  margin-left: 0px;
  margin-right: 100px;
}
.ReactNavPaneHeading7Line {
  margin-left: 120px;
  width: calc(100% - 120px);
}
.NavPaneBookmark7Line {
  margin-left: 120px;
  width: calc(100% - 120px);
  margin-bottom: -4px;
}
.AppRtl .NavPaneBookmark7Line {
  margin-left: 0px;
  margin-right: 120px;
}
.AppRtl .ReactNavPaneHeading7Line {
  margin-left: 0px;
  margin-right: 120px;
}
.ReactNavPaneHeading8Line {
  margin-left: 140px;
  width: calc(100% - 140px);
}
.NavPaneBookmark8Line {
  margin-left: 140px;
  width: calc(100% - 140px);
  margin-bottom: -4px;
}
.AppRtl .ReactNavPaneHeading8Line {
  margin-left: 0px;
  margin-right: 140px;
}
.AppRtl .NavPaneBookmark8Line {
  margin-left: 0px;
  margin-right: 140px;
}
.ReactNavPaneHeading9Line {
  margin-left: 160px;
  width: calc(100% - 160px);
}
.NavPaneBookmark9Line {
  margin-left: 160px;
  width: calc(100% - 160px);
  margin-bottom: -4px;
}
.AppRtl .ReactNavPaneHeading9Line {
  margin-left: 0px;
  margin-right: 160px;
}
.AppRtl .NavPaneBookmark9Line {
  margin-left: 0px;
  margin-right: 160px;
}
.NavPaneHeadingClick {
  background-color: #C4D5F3;
  outline: 2px solid transparent;
}
.ReactNavPaneHeadingClick {
  background-color: #E2E0DF;
  border-color: #797775;
}
.ReactNavPaneSelected {
  color: #185abd;
  color: var(--clrNavPaneSelectedText, #185abd);
  font-weight: 600;
}
#NavPaneLineTooltip {
  border-radius: 2px;
  max-width: 262px;
  max-height: 320px;
}
/* End coments CSS */
/* Footnote/Endnote CSS */
.FootnoteEndnoteHighlighted {
  background-color: #c6c6c6;
}
.FootnoteEndnoteControl {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  padding: 10px 0px;
  background: window;
  box-shadow: 0px -1px 2px #c6c6c6;
  border: 1px solid #c6c6c6;
}
.Mac .FootnoteEndnoteControl {
  background: #ffffff;
}
.FootnoteEndnoteContent {
  position: relative;
  height: 100%;
}
.FootnoteEndnoteEditControl {
  width: 100%;
}
.FootnoteEndnoteViewElement {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 67px;
  left: -18px;
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 20px;
  padding-left: 28px;
  width: 100%;
  position: relative;
  /* While contents of this view may be RTL, the view element itself is always LTR.
	This is true of the main document as well (the code there always takes the LTR
	codepath.) This does mean the scrollbar renders on the wrong side. OM:374561
	tracks fixing all this. */
  direction: ltr;
}
.AppRtl .FootnoteEndnoteViewElement {
  left: 0px;
  right: -18px;
  padding-right: 18px;
  padding-left: 18px;
}
.FootnoteEndnoteEditControlDividerElement {
  width: 192px;
  border-top: 1px solid #000000;
  height: 3px;
}
.FootnoteEndnoteActionBarControl {
  width: 100%;
}
.FootnoteEndnoteActionBarControlDividerElement {
  width: 100%;
  border-top: 1px solid #c6c6c6;
  height: 3px;
}
.FootnoteEndnoteActionBarFormattingButton {
  padding: 2px 10px;
  border: 1px solid #c6c6c6;
}
.FootnoteEndnoteActionBarNavigationButton {
  padding-right: 3px;
  padding-bottom: 3px;
  border: 1px solid #c6c6c6;
  margin: 0px 8px;
}
.AppRtl .FootnoteEndnoteActionBarNavigationButton {
  padding-right: 0px;
  padding-left: 3px;
}
.FootnoteEndnoteActionBarButtonHolder {
  padding-top: 10px;
}
.FootnoteEndnoteActionBarLeftDiv {
  float: left;
}
.AppRtl .FootnoteEndnoteActionBarLeftDiv {
  float: right;
}
.FootnoteEndnoteActionBarRightDiv {
  float: right;
  position: relative;
  right: -8px;
}
.AppRtl .FootnoteEndnoteActionBarRightDiv {
  float: left;
  right: 0px;
  left: -8px;
}
.FootnoteEndnoteActionBar {
  position: relative;
  top: -2px;
}
.FootnoteEndnoteDialogFontTitle {
  padding-top: 14px;
  padding-bottom: 5px;
}
.FootnoteEndnoteDialogIndentButtonSeparator {
  padding: 3px;
}
.FootnoteEndnoteDialogIndentButtonText {
  text-align: left;
  height: 32px;
  overflow: hidden;
}
.AppRtl .FootnoteEndnoteDialogIndentButtonText {
  text-align: right;
}
.FootnoteEndnoteDialogIndentPlaceholder {
  border: 1px solid #c6c6c6;
  display: inline-block;
  padding: 3px 0px 0px 4px;
}
.AppRtl .FootnoteEndnoteDialogIndentPlaceholder {
  padding: 3px 4px 1px 1px;
}
.FootnoteEndnoteDialogIndentTitle {
  padding-top: 7px;
  padding-bottom: 4px;
}
/* End Footnote/Endnote CSS */
/* Page Adornment CSS */
.PageAdornmentContainer {
  position: absolute;
  min-width: 20px;
  left: 100%;
  right: auto;
  font-size: 12px;
  font-family: "Segoe UI", "Segoe UI Web", Arial, Verdana, sans-serif;
  display: block;
}
.PageAdornmentContainer.Rtl {
  left: auto;
  right: 100%;
}
.PageAdornmentContainer.Cropped {
  display: none;
}
.PageAdornmentNumberLabel {
  position: absolute;
  bottom: 5px;
  color: #646464;
  padding-left: 8px;
  padding-right: 8px;
  white-space: nowrap;
  cursor: default;
}
.ThemedFishbowl .PageAdornmentNumberLabel {
  color: #646464;
  color: var(--clrPageAdornmentNumberLabel, #646464);
}
.PageAdornmentHeaderLabelThemed,
.PageAdornmentFooterLabelThemed {
  position: absolute;
  padding: 7px 8px;
  background-color: #f8f8f8;
  background-color: var(--clrPageAdornmentLabelBg, #f8f8f8);
  color: #444444;
  color: var(--clrPageAdornmentLabelText, #444444);
  border: 1px solid #ababab;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
}
.PageAdornmentHeaderLabelThemed {
  top: 14px;
}
.PageAdornmentFooterLabelThemed {
  bottom: 28px;
}
.PageAdornmentHeaderLabelThemed.PageAdornmentHeaderFooterBorderThemed,
.PageAdornmentFooterLabelThemed.PageAdornmentHeaderFooterBorderThemed {
  border-color: windowText;
  border-color: var(--clrWindowText, windowText);
}
.PageAdornmentHeaderLabelThemed.PageAdornmentHeaderFooterBorderFluentV2Themed,
.PageAdornmentFooterLabelThemed.PageAdornmentHeaderFooterBorderFluentV2Themed {
  border-color: windowText;
  border-color: var(--clrPageHeaderFooterBorder, windowText);
  background-color: #f8f8f8;
  background-color: var(--clrPageHeaderFooterBackground, #f8f8f8);
  color: #444444;
  color: var(--clrPageHeaderFooterLabelText, #444444);
}
.PageAdornmentHeaderLabelThemed.Rtl,
.PageAdornmentFooterLabelThemed.Rtl {
  border-radius: 3px 0 0 3px;
}
.PageAdornmentHeaderLabelThemed.Hidden,
.PageAdornmentFooterLabelThemed.Hidden,
.PageAdornmentNumberLabel.Hidden {
  display: none;
}
/* End PageAdornment CSS */
/* Equations CSS */
.EquationBlob,
.EditableEquationBlob {
  display: inline-block;
  text-indent: 0;
}
.EquationBlob .mq-math-mode .mq-selection,
.EquationBlob .mq-math-mode .mq-selection span {
  background: transparent !important;
}
.EditableEquationBlob .mq-math-mode .mq-selection,
.EditableEquationBlob .mq-math-mode .mq-selection span {
  background: #c6c6c6 !important;
}
.mq-editable-field.mq-math-mode.mq-focused {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
}
.mq-editable-field,
.mq-math-mode .mq-editable-field {
  border: none !important;
}
.mq-editable-field span.mq-cursor {
  border-color: #000000;
  border-color: var(--clrEquationToolsCursor, #000000);
}
.mq-editable-field span.mq-cursor {
  border-left: #ffffff solid 1px;
  border-right: #000000 solid 1px;
  margin-right: -1px;
  width: 0px;
}
/* End Equations CSS */
/* Shapes CSS */
.ShapeOutlineViewElement {
  position: relative;
  margin: 5px;
  border: 4px double #c6c6c6;
  overflow: hidden;
}
.ShapeViewElement {
  position: absolute;
  height: 100%;
  width: 100%;
}
.ShapeExtentElement {
  position: absolute;
  border: 1px dotted transparent;
}
.ShapeControl {
  position: absolute;
  top: 50%;
  height: 400px;
  margin-top: -200px;
  left: 50%;
  width: 650px;
  margin-left: -325px;
  z-index: 0;
  background: #ffffff;
  border: 1px solid #000000;
  overflow-x: auto;
  overflow-y: auto;
}
.ShapeEditControl {
  width: 100%;
  height: 100%;
  position: absolute;
}
.wildfireBannerLink {
  color: #007AFF;
  text-decoration: none;
  font-size: 2.2em;
  vertical-align: middle;
  font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
}
.wildfireBannerLinkContainer {
  display: inline-block;
  height: 100%;
  margin-left: 9.1%;
  vertical-align: middle;
}
.wildfireBannerSubText {
  margin: 0;
  font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
  font-weight: lighter;
  text-align: left;
  font-size: 1.5em;
  color: #333333;
  margin-bottom: 10px;
}
.wildfireBannerCall {
  margin: 0 !important;
  margin-bottom: 10px !important;
  text-align: left;
  font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
  font-weight: normal;
  font-size: 1.75em;
  height: auto;
  color: black;
}
.wildfireBannerTextContainer {
  height: 100%;
  line-height: 100%;
  margin-left: 1%;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate(0, -10px);
}
.wildfireBannerExit {
  font-size: 2.25em;
  font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
  display: inline-block;
  height: 100%;
  margin-right: 1%;
  margin-left: 1%;
  vertical-align: middle;
}
.wildfireBannerImage {
  width: 9.8%;
  padding: 8px 0px;
  height: 9.8%;
  position: relative;
}
.wildfireBannerContainer {
  background: #F2F2F2;
  height: 9.2%;
  min-height: 120px;
  font-size: 12px;
  width: 100%;
}
.wildfireBanner {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.wildfireOverlayBase {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #FFF;
  opacity: 1;
  z-index: 9999;
  width: 100%;
  height: 100%;
}
.wildfireOvelayContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  /* only used on iPad */
  -webkit-transform: translate(-50%, -50%);
}
.wildfireOverlayImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}
.wildfireOverlayButtonDark {
  font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
  background-color: #4374b9;
  color: white;
  padding: 10px;
  font-size: 1.5em;
  margin-right: 16px;
  border-radius: 4px;
}
.wildfireOverlayButtonLight {
  font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
  padding: 8px;
  border-width: 1px;
  border-style: solid;
  font-size: 1.5em;
  color: #4374b9;
  border-radius: 4px;
  border-color: #4374b9;
}
.wildfireOverlayBig {
  font-size: 4.4em;
  letter-spacing: -0.06em;
  margin-top: 4%;
  margin-bottom: 2%;
  font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
  /* thin */
  font-weight: 200;
}
.wildfireOverlaySmall {
  font-size: 2.2em;
  color: #8b8a8f;
  font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
}
.wildfireOverlayTextDiv {
  text-align: center;
}
.wildfireOverlayClose {
  width: 2%;
  left: 97%;
  height: auto;
  position: absolute;
  top: 1%;
}
.wildfireOverlayButtonDiv {
  text-align: center;
  margin-top: 4%;
  margin-bottom: 1%;
}
.wildfireBannerImgContainer {
  display: inline-block;
  background-color: #2F5FA3;
  margin-top: 1%;
  height: 80%;
  border-radius: 10px;
}
.wildfireTransparentBlock {
  height: 100%;
}
.wildfireBannerImgSpan {
  background-color: #2F5FA3;
  display: inline-block;
}
/* Image Cropping CSS*/
.WACImageCropMode {
  overflow: hidden;
  position: relative;
}
.OnlyImageSelected {
  /* When an image is selected, the grip to manipulate it might be hidden if another image is located directly on its right (vso:3610227) */
  /* Setting the z-index ensure that the grips will always be visible */
  /* 30 is the minimum value we should use to ensure it is over any other element locater in an image container */
  z-index: 30;
}
.OnlyImageSelected .WACImageCropMode {
  display: block;
}
.WACImageCropSrcRect {
  display: none;
  position: absolute;
  border: 1px solid #ffffff;
  z-index: 20;
  outline-width: 1920px;
  outline-style: solid;
  outline-color: rgba(105, 105, 105, 0.7);
}
.WACImageCropBase .WACImageCropSrcRect {
  display: block;
}
.WACImageCropBase {
  display: none;
  position: relative;
  border: 1px solid #ffffff;
  z-index: 10;
}
.OnlyImageSelected .WACImageCropBase {
  display: block;
}
.WACImageCropHandles {
  display: none;
  position: absolute;
  height: 22px;
  width: 22px;
  z-index: 30;
  background: rgba(0, 0, 0, 0);
}
.WACImageCropHandles span {
  display: block;
}
.OnlyImageSelected .WACImageCropSrcRect {
  display: block;
}
.OnlyImageSelected .WACImageCropHandles {
  display: block;
}
.WACImageCropHandleN,
.WACImageCropHandleS {
  left: 0px;
  right: 0px;
  margin: 0px auto;
}
.WACImageCropHandleE,
.WACImageCropHandleW {
  top: 0px;
  bottom: 0px;
  margin: auto 0px;
}
.WACImageCropHandleNW {
  cursor: nw-resize;
  top: 0px;
  left: 0px;
}
.WACImageCropHandleN {
  cursor: n-resize;
  top: 0px;
}
.WACImageCropHandleNE {
  cursor: ne-resize;
  top: 0px;
  right: 0px;
}
.WACImageCropHandleW {
  cursor: w-resize;
  left: 0px;
}
.WACImageCropHandleE {
  cursor: e-resize;
  right: 0px;
}
.WACImageCropHandleSW {
  cursor: sw-resize;
  bottom: 0px;
  left: 0px;
}
.WACImageCropHandleS {
  cursor: s-resize;
  bottom: 0px;
}
.WACImageCropHandleSE {
  cursor: se-resize;
  bottom: 0px;
  right: 0px;
}
.WACImageCropInnerHandleTop {
  height: 5px;
  width: 20px;
  background: black;
  position: absolute;
  z-index: 35;
  top: 1px;
  left: 1px;
  right: 1px;
}
.WACImageCropInnerHandleTopBorder {
  height: 7px;
  width: 22px;
  background: white;
  position: absolute;
  z-index: 30;
  top: 0px;
}
.WACImageCropInnerHandleBottom {
  height: 5px;
  width: 20px;
  background: black;
  position: absolute;
  z-index: 35;
  bottom: 1px;
  left: 1px;
  right: 1px;
}
.WACImageCropInnerHandleBottomBorder {
  height: 7px;
  width: 22px;
  background: white;
  position: absolute;
  z-index: 30;
  bottom: 0px;
}
.WACImageCropInnerHandleLeft {
  height: 20px;
  width: 5px;
  background: black;
  position: absolute;
  z-index: 35;
  left: 1px;
  top: 1px;
  bottom: 1px;
}
.WACImageCropInnerHandleLeftBorder {
  height: 22px;
  width: 7px;
  background: white;
  position: absolute;
  z-index: 30;
  left: 0px;
}
.WACImageCropInnerHandleRight {
  height: 20px;
  width: 5px;
  background: black;
  position: absolute;
  z-index: 35;
  right: 1px;
  top: 1px;
  bottom: 1px;
}
.WACImageCropInnerHandleRightBorder {
  height: 22px;
  Width: 7px;
  background: white;
  position: absolute;
  z-index: 30;
  right: 0px;
}
/* End of Image Cropping CSS*/
/*Digital Print to Sway custom dialog*/
.swayGalleryItem {
  display: inline-block;
  float: left;
  margin-right: 6px;
  margin-bottom: 2px;
  width: 142px;
  height: 96px;
}
.AppRtl .swayGalleryItem {
  float: right;
  margin: 0px 0px 2px 6px;
}
.swayGalleryWrapper {
  width: 314px;
  display: inline-block;
  overflow: hidden;
}
@media screen and (max-width: 583px) {
  .swayGalleryWrapper.swayGalleryWrapperResize {
    width: 100%;
  }
}
.swayPreviewWrapper {
  display: inline-block;
  position: relative;
  margin-left: 55px;
}
@media screen and (max-width: 583px) {
  .swayPreviewWrapper.swayPreviewWrapperResize {
    display: none;
  }
}
.AppRtl .swayPreviewWrapper {
  margin-left: 0px;
  margin-right: 55px;
}
.swayGallery {
  height: calc(100% - 29px);
  overflow: auto;
  margin-top: 8px;
  -ms-high-contrast-adjust: none;
  forced-color-adjust: none;
}
.swayGallery:focus {
  outline-style: none;
}
.swayHyperlink {
  font-size: 10pt;
}
.swayContentMain {
  position: relative;
  padding-bottom: 14px;
  display: inline-block;
}
.AppRtl .swayContentMain {
  text-align: right;
}
.digitalPrintDialogWrapper {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  flex-direction: column;
  width: 854px;
  height: 440px;
}
@media screen and (max-width: 1000px) {
  .digitalPrintDialogWrapper.digitalPrintDialogWrapperResize {
    width: 704px;
  }
}
@media screen and (max-width: 723px) {
  .digitalPrintDialogWrapper.digitalPrintDialogWrapperResize {
    max-width: 100%;
  }
}
.swayPreviewContentWrapper {
  width: 485px;
  position: relative;
  margin-top: 8px;
}
.AppRtl .swayPreviewFrame {
  left: auto;
  right: 9px;
}
.Hyperlink.TrackedChange.TrackChangeHyperlinkInstruction :not(.TrackChangeTextDeletion) span.NormalTextRun:not(.TrackChangeTextDeletion),
.Hyperlink.TrackedChange.TrackChangeHyperlinkInstruction :not(.TrackChangeTextDeletion) span.TextRun.Underlined:not(.TrackChangeTextDeletion),
.Hyperlink.TrackedChange.TrackChangeHyperlinkInstruction :not(.TrackChangeTextDeletion) span.TextRun:not(.TrackChangeTextDeletion) {
  text-decoration: underline #ff0000 !important;
  text-decoration-color: var(--clrTrackChangeHyperlinkInstructionChangeHighlight, #ff0000) !important;
}
.swayDesktopPreviewWrapper {
  position: absolute;
  width: 440px;
  height: 295px;
  left: 41px;
  top: 61px;
  overflow: hidden;
  border: 1px solid transparent;
}
.swayMobilePreviewWrapper {
  position: absolute;
  width: 69px;
  height: 123px;
  left: 8px;
  top: 235px;
  overflow: hidden;
  border: 1px solid transparent;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .swayDesktopPreviewWrapper {
    top: 62px;
    left: 43px;
    width: 437px;
    height: 293px;
    border: 0;
  }
}
.swayDesktopPreview {
  position: absolute;
  height: 100%;
  width: 100%;
  left: calc(-100% * 0.675 / 2);
  top: calc(-100% * 0.675 / 2);
  transform: scale(0.325);
  -webkit-transform: scale(0.325);
}
.swayMobilePreview {
  position: absolute;
  height: 100%;
  width: 100%;
  left: calc(-100% * 0.791 / 2);
  top: calc(-100% * 0.791 / 2);
  transform: scale(0.209);
  -webkit-transform: scale(0.209);
}
.swayPreviewContentSubHeader {
  color: #2B579A;
  margin-left: 41px;
  position: relative;
  overflow: hidden;
  font-size: 12pt;
  cursor: default !important;
}
.AppRtl .swayPreviewContentSubHeader {
  text-align: right;
  margin-right: 1px;
}
.digitalPrintStatusMessageWrapper {
  width: 100%;
  text-align: center;
  top: 50%;
  position: absolute;
}
.digitalPrintStatusMessageIcon {
  display: none;
  margin: auto;
  padding-bottom: 12px;
}
.digitalPrintStatusMessage {
  display: none;
  max-width: 350px;
  margin: auto;
  font-size: 13px;
}
.swayPreviewFrame {
  z-index: 1;
  height: 345px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .swayPreviewWrapper {
    margin-left: 24px;
  }
  .AppRtl .swayPreviewWrapper {
    margin-left: 0px;
    margin-right: 24px;
  }
  .digitalPrintStatusMessage {
    max-width: 230px;
  }
  .digitalPrintDialogWrapper {
    width: 704px;
  }
  .swayPreviewContentWrapper {
    width: 365px;
    position: relative;
  }
  .swayDesktopPreviewWrapper {
    width: 330px;
    height: 223px;
    left: 31px;
    top: 52px;
  }
  .swayMobilePreviewWrapper {
    width: 53px;
    height: 94px;
    left: 5px;
    top: 182px;
  }
  .swayDesktopPreview {
    left: calc(-100% * 0.757 / 2);
    top: calc(-100% * 0.757 / 2);
    transform: scale(0.243);
    -webkit-transform: scale(0.243);
  }
  .swayMobilePreview {
    left: calc(-100% * 0.84 / 2);
    top: calc(-100% * 0.84 / 2);
    transform: scale(0.16);
    -webkit-transform: scale(0.16);
  }
  .swayPreviewContentSubHeader {
    margin-left: 31px;
  }
  .swayPreviewFrame {
    height: 259px;
  }
}
@media screen and (max-width: 1000px) and (-ms-high-contrast: active) {
  .swayDesktopPreviewWrapper {
    width: 328px;
    top: 50px;
    left: 33px;
  }
}
.digitalPrintSaving {
  position: absolute;
  height: 29px;
  margin-top: 5px;
}
.digitalPrintSavingIcon {
  width: 16px;
  height: 16px;
  padding-right: 12px;
  vertical-align: middle;
}
.AppRtl .digitalPrintSavingIcon {
  padding-right: 0;
  padding-left: 12px;
}
.digitalPrintSavingDescription {
  line-height: 29px;
  font-size: 13px;
  color: #444444;
}
.swayStyleContentSubHeader {
  color: #2B579A;
  position: relative;
  overflow: hidden;
  font-size: 12pt;
  cursor: default !important;
}
.AppRtl .swayStyleContentSubHeader {
  text-align: right;
}
.swayContentWrapper {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  flex: 1;
  min-height: 0;
  animation-name: fadeIn;
  animation-delay: 0s;
  animation-duration: 1.3s;
}
.swayImageBorderButton {
  width: 142px;
  height: 96px;
  border: 3px solid transparent;
  position: relative;
  background: transparent;
  cursor: pointer;
  outline-style: none;
}
.swayImageBorderButtonFocused {
  border: 3px solid #4a78b0;
}
.swayImageBorderButtonSelected {
  border: 3px solid #d5e1f2;
}
.swayImageBorderButton:hover {
  border: 3px solid #4a78b0;
}
.swayImageBorderButton:active {
  border: 3px solid #a3bde3;
}
.swayPrintToWebButton {
  background: #2B579A;
  color: white;
  outline: none;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 5px 16px 6px 16px;
}
.swayPrintToWebButton:disabled {
  background: rgba(210, 210, 210, 0.3);
  color: rgba(80, 80, 80, 0.3);
}
.swayPrintToWebButton:hover:enabled {
  background: #3E6DB5;
  color: white;
}
.swayPrintToWebButton:active:enabled {
  background: #212121;
  color: white;
}
.swayPrintToWebButton:focus {
  outline: 2px solid #4a78b0;
}
.swayCancelButton {
  background: #CCCCCC;
  color: black;
  cursor: pointer;
  outline: none;
  border: 1px solid transparent;
  padding: 5px 16px 6px 16px;
}
.swayCancelButton:hover {
  background: #D8D8D8;
  color: black;
}
.swayCancelButton:active {
  background: black;
  color: white;
}
.swayCancelButton:focus {
  outline: 2px solid #4a78b0;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .swayImageBorderButtonFocused {
    border: 3px solid #80ff80;
  }
  .swayImageBorderButtonSelected {
    border: 3px solid #80ff80;
  }
  .swayImageBorderButton {
    cursor: pointer;
  }
  .swayImageBorderButton:hover {
    border: 3px solid #80ff80;
  }
  .swayImageBorderButton:active {
    border: 3px solid #80ff80;
  }
  .swayPrintToWebButton:focus {
    outline: 2px solid #80ff80;
  }
  .swayCancelButton:focus {
    outline: 2px solid #80ff80;
  }
}
@media screen and (-ms-high-contrast: black-on-white), screen and (forced-colors: active) and (prefers-color-scheme: light) {
  .swayImageBorderButtonFocused {
    border: 3px solid #8080ff;
  }
  .swayImageBorderButtonSelected {
    border: 3px solid #8080ff;
  }
  .swayImageBorderButton {
    cursor: pointer;
  }
  .swayImageBorderButton:hover {
    border: 3px solid #8080ff;
  }
  .swayImageBorderButton:active {
    border: 3px solid #8080ff;
  }
  .swayPrintToWebButton:focus {
    outline: 2px solid #8080ff;
  }
  .swayCancelButton:focus {
    outline: 2px solid #8080ff;
  }
}
.swayPreviewMessageFrame {
  height: 0;
}
.swayPreviewMessageStyle {
  top: -200px;
  left: 250px;
  position: relative;
  font-size: 12pt;
}
.AppRtl .swayPreviewMessageStyle {
  left: auto;
  right: 200px;
}
.swayPreviewFailureMessageStyle {
  left: 180px;
  top: -230px;
  max-width: 400px;
  display: inline-block;
  position: relative;
  font-size: 12pt;
}
.AppRtl .swayPreviewFailureMessageStyle {
  left: auto;
  right: 100px;
}
.swayMainDescription {
  display: inline;
  font-size: 10pt;
}
.swayClip136x90 {
  position: relative;
  overflow: hidden;
  width: 142px;
  height: 96px;
}
.swayClip136x90 img,
.swayClip136x90 input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.swaySwirlTitle {
  position: absolute;
  top: 15px;
  left: 0px;
  text-align: center;
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  color: #ffffff;
}
.swaySwirlHeading {
  position: absolute;
  top: 45px;
  left: 0px;
  text-align: center;
  width: 100%;
  font-size: 7px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  color: #ffffff;
}
.swayFeteTitle {
  font-family: 'Posterama-Regular', sans-serif;
  font-weight: 400;
}
.swayFeteHeading {
  font-family: 'Posterama-SemiBold', sans-serif;
  font-weight: 600;
  color: #C64753;
}
.swayAuroraTitle {
  font-family: 'DaytonaThin', sans-serif;
  font-weight: 100;
}
.swayAuroraHeading {
  font-family: 'DaytonaThin', sans-serif;
  font-weight: 300;
}
.swayAerialTitle {
  font-family: 'TisaOffcSerifPro-Thin', serif;
  font-weight: 100;
}
.swayAerialHeading {
  font-family: 'TisaOffcSerifPro-Thin', serif;
  font-weight: 100;
  color: #212727;
}
.swayStructureTitle {
  font-family: 'QuireSans-Regular', sans-serif;
  font-weight: 400;
}
.swayStructureHeading {
  font-family: 'QuireSans-Regular', sans-serif;
  font-weight: 400;
  color: #000000;
}
.swayCelestialTitle {
  font-family: 'Heron_Serif-Regular_WebTT', serif;
  font-weight: 400;
}
.swayCelestialHeading {
  font-family: 'Heron_Serif-Bold_WebTT', serif;
  font-weight: 700;
  color: #627772;
}
.swaySierraTitle {
  font-family: 'QuireSans-Thin', sans-serif;
  font-weight: 100;
}
.swaySierraHeading {
  font-family: 'QuireSans-Thin', sans-serif;
  font-weight: 100;
}
.swayBoutiqueTitle {
  font-family: 'Miller-Banner_Bold_Italic_WebTT', Serif;
  font-style: italic;
}
.swayBoutiqueHeading {
  font-family: 'Miller-Banner_Bold_Italic_WebTT', serif;
  font-style: italic;
  color: #827F74;
}
.swayVanillaTitle {
  position: absolute;
  top: 15px;
  left: 1px;
  text-align: center;
  width: calc(100% - 2px);
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
  color: #ffffff;
}
.swayVanillaHeading {
  position: absolute;
  top: 45px;
  left: 1px;
  text-align: center;
  width: 100%;
  font-size: 6px;
  font-style: normal;
  letter-spacing: 0;
  font-weight: normal;
  color: #000000;
  background: transparent;
}
.swayRegencyTitle {
  font-family: 'Miller-Banner_Italic_WebTT', Serif;
  color: #000000;
  background: #FFFFFF;
}
.swayRegencyHeading {
  font-family: 'Miller-Banner_Italic_WebTT', Serif;
  font-style: italic;
}
.swayPilarTitle {
  font-family: 'universc', SansSerif;
  font-size: 15px;
}
.swayPilarHeading {
  font-family: 'universc', sans-serif;
}
.swayConvergenceTitle {
  font-family: 'RockwellNova', serif;
  color: #EFF2F5;
}
.swayConvergenceHeading {
  font-family: 'RockwellNova', serif;
}
.swayMegaTitle {
  font-family: 'Heron_Serif-Regular_WebTT', serif;
  color: #EFF2F5;
}
.swayMegaHeading {
  font-family: 'Heron_Serif-Regular_WebTT', serif;
}
.swayTranquilTitle {
  font-family: 'Miller-Banner_Roman_WebTT', serif;
}
.swayTranquilHeading {
  font-family: 'Miller-Banner_Roman_WebTT', serif;
}
.swayLightProTitle {
  position: absolute;
  top: 11px;
  left: 1px;
  color: #FFFFFF;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0px;
  padding: 2px 13px 2px 13px;
  font-size: 9px;
  max-width: 100%;
  max-height: 11px;
}
.swayLightProHeading {
  position: absolute;
  top: 41px;
  left: 0px;
  color: #ffffff;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0px;
  padding: 2px 5px 2px 13px;
  font-size: 5px;
}
.swayCivicTitle {
  top: 5px;
  background-color: #152E79;
  font-family: 'ModernMT', serif;
  padding: 1px 11px 1px 13px;
}
.swayCivicHeading {
  background-color: #152E79;
  padding: 1px 5px 1px 13px;
  font-size: 6px;
  font-family: 'ModernMT', serif;
}
.swayAlloyTitle {
  top: 5px;
  background-color: #682423;
  font-family: 'ArialNova', sans-serif;
  padding: 1px 11px 1px 13px;
}
.swayAlloyHeading {
  background-color: #682423;
  font-family: 'Miller-Banner_Roman_WebTT', serif;
  padding: 1px 5px 1px 13px;
  font-size: 6px;
}
.swayMuseTitle {
  background-color: #ffffff;
  color: #0C0F13;
  font-family: 'Miller-Banner_Roman_WebTT', serif;
  padding: 1px 13px 1px 13px;
}
.swayMidtownTitle {
  background-color: #ffffff;
  color: #000000;
  font-family: 'Benton_Modern-Roman_WebTT', serif;
  padding: 1px 13px 1px 13px;
  font-size: 9px;
}
.swayMidtownHeading {
  font-family: 'Benton_Modern-Roman_WebTT', serif;
  font-size: 6px;
  color: #000000;
}
.swayBokehTitle {
  background-color: black;
  font-family: universc , SansSerif;
}
.swayBokehHeading {
  background-color: black;
  font-family: universc , SansSerif;
}
.swaySimplicityTitle {
  position: absolute;
  top: 4px;
  left: 1px;
  color: #ffffff;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0px;
  padding: 2px 13px 2px 9px;
  font-size: 14px;
  max-width: 100%;
  max-height: 11px;
}
.swaySimplicityHeading {
  top: 44px;
  left: 0px;
  color: #ffffff;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0px;
  padding: 1px 5px 2px 9px;
  font-size: 6px;
  position: absolute;
}
.swayFluentTitle {
  font-family: 'SabonNRegLT', serif;
}
.swayFluentHeading {
  font-family: 'SabonNRegLT', serif;
}
.swayReflectionTitle {
  font-family: 'Benton_Modern-Roman_WebTT', serif;
}
.swayReflectionHeading {
  font-family: 'Benton_Modern-Roman_WebTT', serif;
}
.swayLucentTitle {
  font-family: 'ArialNova', sans-serif;
}
.swayLucentHeading {
  font-family: 'ArialNova', sans-serif;
}
.swayStudioTitle {
  top: 5px;
  color: #262626;
  background: #FFFFFF;
  font-family: universc , SansSerif;
  font-size: 12px;
}
.swayStudioHeading {
  font-family: universc , SansSerif;
}
.swayCinemaTitle {
  font-family: 'QuireSans-Regular', sans-serif;
}
.swayCinemaHeading {
  font-family: 'QuireSans-Regular', sans-serif;
}
.PrintToWeb_48x48x32 {
  width: 48px;
  height: 48px;
}
/*End Digital Print to Sway custom dialog*/
/* All high contrast styling rules in IE10+/Edge */
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  usehover .WACOutOfSyncNotificationLink:hover,
  .NavPaneTab:hover,
  .NavPaneTab.cui-ctl-active,
  .usehover .NavPaneTab.cui-ctl-active:hover,
  .NavPaneCurrentTab,
  .WACEmojiTable td a:hover,
  .WACEmojiTable td a:focus,
  .WACEmojiGalleryHeader td a:hover,
  .WACEmojiGalleryHeader td a:focus,
  .WACEmojiGalleryHeader td a[aria-selected=true],
  .WACEmojiTable td a[selected=true],
  .WACEmojiTable td a[aria-selected=true],
  .WACEmojiTable td a[selected=true],
  .WACEmojiTableAccessible td a:hover,
  .WACEmojiTableAccessible td a:focus,
  .WACEmojiGalleryHeaderAccessible td a:hover,
  .WACEmojiGalleryHeaderAccessible td a:focus,
  .WACEmojiGalleryHeaderAccessible td a[aria-selected=true],
  .WACEmojiTableAccessible td a[selected=true],
  .WACEmojiTableAccessible td a[aria-selected=true],
  .WACEmojiTableAccessible td a[selected=true] {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
    outline-style: dashed;
  }
  .NavPaneHeadingClick {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
  .ReactNavPaneHeadingClick {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
  .NavPaneHeadingsLine:focus,
  .NavPaneHeadingsLine:hover {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    border-color: HighlightText !important;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
  .ReactNavPaneHeadingsLine:focus,
  .ReactNavPaneHeadingsLine:hover {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    border-color: HighlightText !important;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
  .WACEmojiTable td,
  .WACEmojiTableAccessible td {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    border-style: solid;
    border-color: inherit !important;
    border-width: 1px;
  }
  .WACSelectedResult {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
    outline-color: inherit !important;
  }
  .usehover .WACResultOutline:hover {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
    outline-color: inherit !important;
  }
}
/* High contrast styling rule for Comments */
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .CommentHighlightHoveredGreyout,
  .CommentHighlightClickedGreyout,
  .Themed .CommentHighlightHoveredGreyout,
  .Themed .CommentHighlightClickedGreyout {
    background-color: transparent !important;
  }
  .CommentHighlightClicked.CommentImportant,
  .Themed .CommentHighlightClicked.CommentImportant {
    background-color: transparent !important;
    color: windowText !important;
    color: CanvasText !important;
  }
  .CommentHighlightPipeClicked,
  .Themed .CommentHighlightPipeClicked,
  .CommentHighlightPipeHovered,
  .Themed .CommentHighlightPipeHovered {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    box-shadow: -2px 0px ButtonText !important;
    background-color: transparent !important;
    color: windowText;
    color: CanvasText;
  }
  .CommentHighlightPipeClicked.PointComment,
  .Themed .CommentHighlightPipeClicked.PointComment,
  .CommentHighlightPipeHovered.PointComment,
  .Themed .CommentHighlightPipeHovered.PointComment {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    box-shadow: 2px 0px ButtonText !important;
    background-color: transparent !important;
    color: windowText;
    color: CanvasText;
  }
  .CommentHighlightPipeRest,
  .Themed .CommentHighlightPipeRest {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    box-shadow: -1px 0px Highlight !important;
    background-color: transparent !important;
    color: windowText;
    color: CanvasText;
  }
  .CommentBlobHighlightHovered {
    outline-color: ButtonText !important;
  }
  .CommentBlobHighlightClicked {
    outline-color: ButtonText !important;
  }
  .CommentBlobHighlightRest {
    outline-color: Highlight !important;
  }
}
/* rules related to disabling print */
@media print {
  .WACStopPrinting {
    display: none !important;
    visibility: visible !important;
  }
}
/* styling rules for hidden DOM elements that trigger a full document load */
.HiddenElementForScreenReaderNav {
  position: absolute;
  max-width: 0px;
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  left: -99999px;
}
/* rules for intelligent placeholders */
.IntelligentPlaceholder {
  /* the following border props could be overridden by IntelligentPlaceholderStart, IntelligentPlaceholderEnd, IntelligentPlaceholderStartEnd */
  border-radius: 0px;
}
/* we don't want the yellow highlight for mentions */
.IntelligentPlaceholder:not(.Mention) {
  color: #000000;
  background-color: #fef399;
}
.IntelligentPlaceholderStart {
  /* padding needs to be enough to make the border rounding visible */
  border-radius: 2px 0px 0px 2px;
}
.IntelligentPlaceholderEnd {
  /* padding needs to be enough to make the border rounding visible */
  border-radius: 0px 2px 2px 0px;
}
.IntelligentPlaceholderStartEnd {
  /* padding needs to be enough to make the border rounding visible */
  border-radius: 2px;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .IntelligentPlaceholder {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #ffffff;
    background-color: #707070;
  }
}
@media screen and (-ms-high-contrast: black-on-white), screen and (forced-colors: active) and (prefers-color-scheme: light) {
  .IntelligentPlaceholder {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #000000;
    background-color: #e0e0e0;
  }
}
/* rules for intent indicator */
.IntentIndicator {
  color: #005a9e;
  background-color: #deecf9;
}
.IntentIndicatorHighlight {
  color: #004578;
  background-color: #c7e0f4;
}
.SimilarityReviewedHighlight,
.IdeasSuggestionConfirmation,
.Themed .SimilarityReviewedHighlight,
.Themed .IdeasSuggestionConfirmation {
  color: #000000;
  color: var(--clrSquiggleHighlightTextColor, #000000);
  background-color: #d4edd4;
  background-color: var(--clrSimilarityReviewedHighlightBg, #d4edd4);
}
.IdeasSuggestionConfirmationTransition {
  transition: background-color 0.667s linear, color 0.667s linear;
}
/* Dictation In-Progress Text */
.DictationInProgress {
  opacity: 0.5;
}
.SpellingErrorHighlight,
.Themed .SpellingErrorHighlight,
.SpellingErrorSelectionHighlight,
.Themed .SpellingErrorSelectionHighlight {
  color: #000000;
  color: var(--clrSquiggleHighlightTextColor, #000000);
  background-color: #ffe5e5;
  background-color: var(--clrSpellingErrorHighlightBg, #ffe5e5);
}
.GrammarErrorHighlight,
.Themed .GrammarErrorHighlight,
.GrammarErrorSelectionHighlight,
.Themed .GrammarErrorSelectionHighlight {
  color: #000000;
  color: var(--clrSquiggleHighlightTextColor, #000000);
  background-color: #eaeeff;
  background-color: var(--clrGrammarErrorHighlightBg, #eaeeff);
}
.SpellingErrorSelectionHighlight,
.Themed .SpellingErrorSelectionHighlight,
.GrammarErrorSelectionHighlight,
.Themed .GrammarErrorSelectionHighlight {
  box-shadow: none !important;
}
.ReactiveRewriteIndicatorHighlight,
.CritiqueIndicatorHighlight,
.CritiqueIndicatorSelectionHighlight,
.Themed .ReactiveRewriteIndicatorHighlight,
.Themed .CritiqueIndicatorHighlight,
.Themed .CritiqueIndicatorSelectionHighlight {
  color: #000000;
  color: var(--clrSquiggleHighlightTextColor, #000000);
  background-color: #e3dffa;
  background-color: var(--clrCritiqueIndicatorHighlightBg, #e3dffa);
}
.SimilarityHighlight,
.Themed .SimilarityHighlight {
  color: #000000;
  color: var(--clrSquiggleHighlightTextColor, #000000);
  background-color: #d7eaf8;
  background-color: var(--clrSimilarityHighlightBg, #d7eaf8);
}
.AddInCritiqueHighlightRed,
.Themed .AddInCritiqueHighlightRed {
  color: #000000;
  color: var(--clrSquiggleHighlightTextColor, #000000);
  background-color: rgba(248, 218, 219, 0.88);
  background-color: var(--clrAddInCritiqueRedHighlight, rgba(248, 218, 219, 0.88));
}
.AddInCritiqueHighlightGreen,
.Themed .AddInCritiqueHighlightGreen {
  color: #000000;
  color: var(--clrSquiggleHighlightTextColor, #000000);
  background-color: rgba(201, 234, 201, 0.88);
  background-color: var(--clrAddInCritiqueGreenHighlight, rgba(201, 234, 201, 0.88));
}
.AddInCritiqueHighlightBlue,
.Themed .AddInCritiqueHighlightBlue {
  color: #000000;
  color: var(--clrSquiggleHighlightTextColor, #000000);
  background-color: rgba(208, 231, 248, 0.88);
  background-color: var(--clrAddInCritiqueBlueHighlight, rgba(208, 231, 248, 0.88));
}
.AddInCritiqueHighlightLavender,
.Themed .AddInCritiqueHighlightLavender {
  color: #000000;
  color: var(--clrSquiggleHighlightTextColor, #000000);
  background-color: rgba(231, 228, 251, 0.88);
  background-color: var(--clrAddInCritiqueLavenderHighlight, rgba(231, 228, 251, 0.88));
}
.AddInCritiqueHighlightBerry,
.Themed .AddInCritiqueHighlightBerry {
  color: #000000;
  color: var(--clrSquiggleHighlightTextColor, #000000);
  background-color: rgba(245, 218, 242, 0.88);
  background-color: var(--clrAddInCritiqueBerryHighlight, rgba(245, 218, 242, 0.88));
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .SpellingErrorHighlight {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #FFFFFF;
    background-color: #666666;
  }
  .GrammarErrorHighlight {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #FFFFFF;
    background-color: #666666;
  }
  .CopilotHighlight,
  .IntentIndicatorHighlight,
  .ReactiveRewriteIndicatorHighlight,
  .CritiqueIndicatorHighligh,
  .AddInCritiqueHighlightRed,
  .AddInCritiqueHighlightGreen,
  .AddInCritiqueHighlightBlue,
  .AddInCritiqueHighlightLavender,
  .AddInCritiqueHighlightBerry {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #FFFFFF;
    background-color: #666666;
  }
  .CopilotHighlightThemed {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: rgba(61, 145, 255, 0.35) !important;
  }
  .CopilotHighlightSelected {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: rgba(61, 145, 255, 0.45) !important;
  }
  .CopilotFixAllUnderline {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #FFFFFF;
    background-color: #666666;
  }
  .CopilotFixAllNudgeSpellingBarStart,
  .CopilotFixAllNudgeSpellingBarEnd {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #FFFFFF;
    background-color: #3f1011;
  }
  .CopilotSelection {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
  .AddInHighlightThemed {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: rgba(61, 145, 255, 0.35) !important;
  }
}
@media screen and (-ms-high-contrast: black-on-white), screen and (forced-colors: active) and (prefers-color-scheme: light) {
  .SpellingErrorHighlight {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #000000;
    background-color: #DDDDDD;
  }
  .GrammarErrorHighlight {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #000000;
    background-color: #DDDDDD;
  }
  .CopilotHighlight,
  .IntentIndicatorHighlight,
  .ReactiveRewriteIndicatorHighlight,
  .CritiqueIndicatorHighlight,
  .AddInCritiqueHighlightRed,
  .AddInCritiqueHighlightGreen,
  .AddInCritiqueHighlightBlue,
  .AddInCritiqueHighlightLavender,
  .AddInCritiqueHighlightBerry {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #000000;
    background-color: #DDDDDD;
  }
  .CopilotHighlightThemed {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: rgba(61, 145, 255, 0.1) !important;
  }
  .CopilotHighlightSelected {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: rgba(61, 145, 255, 0.2) !important;
  }
  .AddInHighlightThemed {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: rgba(61, 145, 255, 0.1) !important;
  }
  .CopilotFixAllUnderline {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: #000000;
    background-color: #DDDDDD;
  }
}
.CopilotCursorHighlightBegin {
  border-left: solid 2px #296FE6 !important;
  margin-left: -2px;
}
.CopilotCursorHighlightEnd {
  border-right: solid 2px #296FE6 !important;
  margin-right: -2px;
}
.CopilotCursorHighlightPlaceholderEnd::before {
  content: "";
  border-right: solid 2px #296FE6 !important;
  margin-right: -2px;
}
.CopilotCursorHighlightPlaceholderEnd::after {
  content: "";
  display: block;
  background-size: 100% 100%;
  border: 1px solid rgba(198, 198, 198, 0.7);
  height: 148px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDkiIGhlaWdodD0iMTQ4IiBmaWxsPSJub25lIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxzdHlsZT48IVtDREFUQVsuQntmaWxsOiNmZmZ9LkN7ZmlsbDojYjBiMGIwfS5Ee2ZpbGwtb3BhY2l0eTouMDR9LkV7ZmlsbDojZjVmNWY1fS5Ge2ZpbGw6I2UwZTBlMH1dXT48L3N0eWxlPjxnIGNsaXAtcGF0aD0idXJsKCNHKSI+PHBhdGggZmlsbD0iI2ZhZmFmYSIgZD0iTTAgMGg2MDl2MTQ4SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgMGgyMDN2MjhIMHoiIGNsYXNzPSJEIi8+PHJlY3QgeD0iOCIgeT0iMTIuMiIgd2lkdGg9IjQyIiBoZWlnaHQ9IjMuNiIgcng9IjEuOCIgY2xhc3M9IkMiLz48bWFzayBpZD0iQSIgY2xhc3M9IkIiPjxwYXRoIGQ9Ik0wIDI4SDIwM1Y4OEgwVjI4WiIvPjwvbWFzaz48cGF0aCBkPSJNMjAzIDg3SDB2MmgyMDN2LTJ6IiBtYXNrPSJ1cmwoI0EpIiBjbGFzcz0iRSIvPjxnIGNsYXNzPSJDIj48cmVjdCB4PSI4IiB5PSIzNiIgd2lkdGg9Ijg2IiBoZWlnaHQ9IjQiIHJ4PSIyIi8+PHJlY3QgeD0iMTA0IiB5PSIzNiIgd2lkdGg9IjM0IiBoZWlnaHQ9IjQiIHJ4PSIyIi8+PC9nPjxtYXNrIGlkPSJCIiBjbGFzcz0iQiI+PHBhdGggZD0iTTAgODhoMjAzdjYwSDBWODh6Ii8+PC9tYXNrPjxwYXRoIGQ9Ik0wIDg4aDIwM3Y2MEgwVjg4eiIgY2xhc3M9IkIiLz48cGF0aCBkPSJNMCA4OWgyMDN2LTJIMHYyeiIgbWFzaz0idXJsKCNCKSIgY2xhc3M9IkYiLz48ZyBjbGFzcz0iQyI+PHJlY3QgeD0iOCIgeT0iOTYiIHdpZHRoPSI0OSIgaGVpZ2h0PSI0IiByeD0iMiIvPjxyZWN0IHg9IjY3IiB5PSI5NiIgd2lkdGg9IjM0IiBoZWlnaHQ9IjQiIHJ4PSIyIi8+PC9nPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMDMgMGgyMDN2MjhIMjAzeiIgY2xhc3M9IkQiLz48cmVjdCB4PSIyMTEiIHk9IjEyIiB3aWR0aD0iNjkiIGhlaWdodD0iNCIgcng9IjIiIGNsYXNzPSJDIi8+PG1hc2sgaWQ9IkMiIGNsYXNzPSJCIj48cGF0aCBkPSJNMjAzIDI4SDQwNlY4OEgyMDNWMjhaIi8+PC9tYXNrPjxwYXRoIGQ9Ik00MDYgODdIMjAzdjJoMjAzdi0yeiIgbWFzaz0idXJsKCNDKSIgY2xhc3M9IkUiLz48ZyBjbGFzcz0iQyI+PHJlY3QgeD0iMjExIiB5PSIzNiIgd2lkdGg9IjQyIiBoZWlnaHQ9IjMuNiIgcng9IjEuOCIvPjxyZWN0IHg9IjI2MyIgeT0iMzYiIHdpZHRoPSI4MCIgaGVpZ2h0PSI0IiByeD0iMiIvPjxyZWN0IHg9IjM1MyIgeT0iMzYiIHdpZHRoPSIyMiIgaGVpZ2h0PSI0IiByeD0iMiIvPjxyZWN0IHg9IjIxMSIgeT0iNTAiIHdpZHRoPSI4NiIgaGVpZ2h0PSI0IiByeD0iMiIvPjxyZWN0IHg9IjMwNyIgeT0iNTAiIHdpZHRoPSIyMiIgaGVpZ2h0PSI0IiByeD0iMiIvPjwvZz48bWFzayBpZD0iRCIgY2xhc3M9IkIiPjxwYXRoIGQ9Ik0yMDMgODhoMjAzdjYwSDIwM1Y4OHoiLz48L21hc2s+PHBhdGggZD0iTTIwMyA4OGgyMDN2NjBIMjAzVjg4eiIgY2xhc3M9IkIiLz48cGF0aCBkPSJNMjAzIDg5aDIwM3YtMkgyMDN2MnoiIG1hc2s9InVybCgjRCkiIGNsYXNzPSJGIi8+PGcgY2xhc3M9IkMiPjxyZWN0IHg9IjIxMSIgeT0iOTYiIHdpZHRoPSI0MiIgaGVpZ2h0PSIzLjYiIHJ4PSIxLjgiLz48cmVjdCB4PSIyNjMiIHk9Ijk2IiB3aWR0aD0iODYiIGhlaWdodD0iNCIgcng9IjIiLz48cmVjdCB4PSIzNTkiIHk9Ijk2IiB3aWR0aD0iMjIiIGhlaWdodD0iNCIgcng9IjIiLz48cmVjdCB4PSIyMTEiIHk9IjExMCIgd2lkdGg9IjYwIiBoZWlnaHQ9IjQiIHJ4PSIyIi8+PHJlY3QgeD0iMjgxIiB5PSIxMTAiIHdpZHRoPSI4MCIgaGVpZ2h0PSI0IiByeD0iMiIvPjwvZz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNDA2IDBoMjAzdjI4SDQwNnoiIGNsYXNzPSJEIi8+PHJlY3QgeD0iNDE0IiB5PSIxMi4yIiB3aWR0aD0iNDIiIGhlaWdodD0iMy42IiByeD0iMS44IiBjbGFzcz0iQyIvPjxtYXNrIGlkPSJFIiBjbGFzcz0iQiI+PHBhdGggZD0iTTQwNiAyOEg2MDlWODhINDA2VjI4WiIvPjwvbWFzaz48cGF0aCBkPSJNNjA5IDg3SDQwNnYyaDIwM3YtMnoiIG1hc2s9InVybCgjRSkiIGNsYXNzPSJFIi8+PGcgY2xhc3M9IkMiPjxyZWN0IHg9IjQxNCIgeT0iMzYiIHdpZHRoPSI4NiIgaGVpZ2h0PSI0IiByeD0iMiIvPjxyZWN0IHg9IjUxMCIgeT0iMzYiIHdpZHRoPSIzNCIgaGVpZ2h0PSI0IiByeD0iMiIvPjwvZz48bWFzayBpZD0iRiIgY2xhc3M9IkIiPjxwYXRoIGQ9Ik00MDYgODhoMjAzdjYwSDQwNlY4OHoiLz48L21hc2s+PHBhdGggZD0iTTQwNiA4OGgyMDN2NjBINDA2Vjg4eiIgY2xhc3M9IkIiLz48cGF0aCBkPSJNNDA2IDg5aDIwM3YtMkg0MDZ2MnoiIG1hc2s9InVybCgjRikiIGNsYXNzPSJGIi8+PGcgY2xhc3M9IkMiPjxyZWN0IHg9IjQxNCIgeT0iOTYiIHdpZHRoPSI0OSIgaGVpZ2h0PSI0IiByeD0iMiIvPjxyZWN0IHg9IjQ3MyIgeT0iOTYiIHdpZHRoPSIzNCIgaGVpZ2h0PSI0IiByeD0iMiIvPjwvZz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJHIj48cGF0aCBkPSJNMCAwaDYwOXYxNDhIMHoiIGNsYXNzPSJCIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+');
}
/* rules for SearchUx suggestions */
.o365cs-base button:not(:focus)[class^="clearButton"] {
  border: 1px solid transparent;
}
.o365cs-base button:focus[class^="clearButton"] {
  border: 1px solid;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .o365cs-base button:not(:focus)[class^="clearButton"] {
    border: none;
  }
}
.o365cs-base button:not(:focus)[class^="submitSearchButton"] {
  border: 1px solid transparent;
}
.o365cs-base button:focus[class^="submitSearchButton"] {
  border: 1px solid;
}
.o365cs-base button:not(:focus)[class^="submitSuggestion"] {
  border: 1px solid transparent;
}
.o365cs-base button:focus[class^="submitSuggestion"] {
  border: 1px solid;
}
.o365cs-base a:not(:focus)[class^="suggestion-selector"] {
  border: 1px solid transparent;
}
.o365cs-base a:focus[class^="suggestion-selector"] {
  border: 1px solid #797673;
  background: #F3F2F1;
}
.o365cs-base a[class^="suggestion-selector"] {
  line-height: initial;
}
/* Fixing issues:
 * 1. On IE, IP is not in the search box so can't input in it when active Tell me by Alt+Q.
 * 2. On Safari, TellMe Searchbox doesn't take input.
 */
.o365cs-base .ms-suiteux-search-box input[type=search] {
  -ms-user-select: auto !important;
  -webkit-user-select: auto !important;
}
/* CSS for overlay text for text prediction */
.textareaCaretTracker {
  z-index: 9;
  display: flex;
  position: absolute;
}
.hidePanel {
  display: none;
}
.inlinePredictedWord {
  color: #757575;
}
.wordPredictionRadioContainer {
  margin: 10px 0;
}
.wordPredictionRadioContainer label {
  margin-left: 8px;
  font-size: 14px;
}
.wordPredictionDescription {
  margin-top: 10px;
}
.inlinePredictedWordButton {
  background: transparent;
  cursor: default;
  border: none;
  display: flex;
}
.textareaCaretTracker .inlinePlaceholderTab {
  border: 1px solid #757575;
  color: #757575;
  background: transparent;
  width: 22px;
  height: 12px;
  border-radius: 2px;
  font-size: 9px;
  text-align: center;
  display: flex;
  justify-content: center;
  position: absolute;
  right: -30px;
  bottom: 0px;
}
.textareaCaretTracker .predictionFeedbackTooltip {
  display: none;
  background-color: #ffffff;
  position: absolute;
  border: 1px solid;
  color: #323130;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
  line-height: 14px;
  border-radius: 2px;
  outline: transparent;
  animation: 0s ease 0s 1 normal none running none;
  border-style: none;
  bottom: -35px;
  height: 35px;
  width: 245px;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.textareaCaretTracker .predictionFeedbackTooltip:hover {
  background-color: #f3f2f1;
}
.textareaCaretTracker:hover .predictionFeedbackTooltip {
  display: flex;
}
.textareaCaretTracker .predictionFeedbackTooltip .textPredictionFeedbackIcon {
  height: 30px;
  width: 30px;
  background-position: -36px -70px;
  transform: scale(0.7);
}
/* Word Prediction Specific CSS  end*/
/****************************************
*	IFrame Node Rendering
****************************************/
.WACIFrameContainer {
  top: 10px;
  background: #C6C6C6;
}
.WACIFrameImageContainer {
  border-top: none;
  border-bottom: 1px solid #c8cacc;
  border-right: 1px solid #c8cacc;
  border-left: 1px solid #c8cacc;
}
.WACIFrameImageContainer .WACIFramePlaceholder {
  position: absolute;
  top: 10px;
  background-color: transparent;
}
.WACIFramePlaceholder {
  height: 100%;
  width: 100%;
  border-radius: 12px;
  background-color: window;
  background-color: var(--clrDocSurfaceBg, window);
}
.WACIFrameContainer > iframe {
  border: 0;
}
.WACIFrameImageOverlay {
  display: none;
}
.Selected .WACIFrameImageOverlay {
  position: absolute;
  display: block;
  border-top: none;
  border-left: 4px solid #828282;
  border-right: 4px solid #828282;
  border-bottom: 4px solid #828282;
  margin: -4px;
  margin-top: 0px;
  background: rgba(0, 0, 0, 0.5);
}
.WACIFrameImageSelectionWidget {
  display: flex;
  position: absolute;
  left: 0px;
  height: 10px;
  border: 1px solid #c8cacc;
  border-bottom: none;
  background: #f9f9f9;
  cursor: auto;
  align-items: center;
  justify-content: center;
  /* For an inside-border */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.Selected .WACIFrameImageSelectionWidget {
  background: #828282;
  border-color: #828282;
}
.WACIFrameImageSelectionMove {
  cursor: move;
}
.WACIFrameImageSelectionWidgetGripper {
  height: 10px;
  padding-top: 5px;
  margin-top: -5px;
  margin-left: -5px;
}
.NewWACIFrameImageContainer {
  border: 1px solid;
  border-color: #e0e0e0;
  border-color: var(--clrWacIFrameBorder, #e0e0e0);
  border-radius: 12px;
  align-items: center;
}
.NewWACIFrameImageContainer.Selected {
  border: 2.5px solid;
  border-color: #bdbdbd;
  border-color: var(--clrWacIFrameBorderSelected, #bdbdbd);
  align-items: flex-start;
  background: #979593;
  border-radius: 12px;
}
.NewWACIFrameImageContainer.Focus {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-color: #e0e0e0;
  border-color: var(--clrWacIFrameBorderFocus, #e0e0e0);
  border-radius: 12px;
}
.NewWACIFrameImageContainerSharedHeaderV2Loop {
  border: 1px solid;
  border-color: #e0e0e0;
  border-color: var(--clrWacIFrameBorder, #e0e0e0);
  border-radius: 12px;
  align-items: center;
  border: transparent;
}
.NewWACIFrameImageContainerSharedHeaderV2Loop.Selected {
  border: 2.5px solid;
  border-color: #bdbdbd;
  border-color: var(--clrWacIFrameBorderSelected, #bdbdbd);
  align-items: flex-start;
  background: #979593;
  border: transparent;
  border-radius: 12px;
}
.NewWACIFrameImageContainerSharedHeaderV2Loop.Focus {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-color: #e0e0e0;
  border-color: var(--clrWacIFrameBorderFocus, #e0e0e0);
  border-radius: 12px;
}
.NewWACIFrameImageOverlay {
  display: none;
}
.NewWACIFrameContainer {
  border-radius: 12px;
}
.NewWACIFrameContainer .FluidViewContainer {
  height: 100%;
}
/* Ruler Specific CSS */
.WACVerticalRulerContainer {
  background-color: #141414;
  background-color: var(--clrRulerBackgroundColor, #141414);
  width: 20px;
  position: absolute;
  height: 100%;
}
.WACVerticalRulerContainer.regionComposer {
  position: relative;
}
.WACVerticalRulerDivider {
  position: absolute;
  top: 0;
  height: 100%;
  border-right: 1px solid var(--clrRulerDivider, #525252);
  border-radius: 0;
  pointer-events: none;
}
.WACVerticalRulerLeftDivider {
  position: fixed;
  top: 0;
  height: calc(100% - 24px);
  margin-bottom: 24px;
  width: 20px;
  border-left: 1px solid var(--clrRulerDivider, #525252);
  border-radius: 0;
  pointer-events: none;
  z-index: 3;
  display: none;
}
.WACVerticalRulerDivider.rtl {
  border-left: 1px solid var(--clrRulerDivider, #525252);
  border-right: none;
}
.WACVerticalRulerContainer.rtl .WACVerticalRulerLeftDivider {
  border-right: 1px solid var(--clrRulerDivider, #525252);
  border-left: none;
}
.WACVerticalRulerDivider.regionComposer {
  position: absolute;
  z-index: 1;
}
.ShowWACVerticalRulerContainer {
  display: block;
}
.HideWACVerticalRulerContainer {
  display: none;
}
.WACVerticalRuler {
  width: 20px;
}
.ShowWACVerticalRulerContainer + .WACViewPanel {
  left: 21px;
}
.WACViewPanel.preventCanvasHorizontalShift .PaginatedContentContainerDisplayWrapper,
.WACViewPanel.preventCanvasHorizontalShift .copilotComprehensionPlaceholder,
.WACViewPanel.preventCanvasHorizontalShift #CopilotComprehensionCardRoot {
  right: 10.5px;
}
#BeforePageContent .copilotComprehensionPlaceholder,
#BeforePageContent #CopilotComprehensionCardRoot {
  right: 0px;
  position: relative;
  flex-shrink: 0;
}
.ModernUxWACVerticalRulerContainer {
  background: #F5F5F5;
}
.WACHorizontalRulerContainer {
  background-color: #141414;
  background-color: var(--clrRulerBackgroundColor, #141414);
  height: 20px;
  width: 100%;
  position: relative;
  top: 0;
  z-index: 2;
}
.WACHorizontalRulerDivider {
  position: absolute;
  width: 100%;
  border-top: 1px solid var(--clrRulerDivider, #525252);
  border-radius: 0;
  top: 0;
  display: none;
}
.ShowWACHorizontalRulerContainer {
  display: block;
}
.HideWACHorizontalRulerContainer {
  display: none;
}
.WACHorizontalRuler {
  height: 20px;
}
.ModernUxWACHorizontalRulerContainer {
  background: #F5F5F5;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .WACHorizontalRulerContainer {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background: buttonface;
    border-top: 1px solid windowText;
    box-shadow: 0px 1px 1px 1px windowText;
  }
}
.ShowWACHorizontalRulerContainer + .WACViewPanel {
  top: 21px;
}
/* Ruler Specific CSS end*/
/* Word Designer CSS */
.WordDesignerReviewIndicatorContainer {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transform: translateY(-5px);
  cursor: default;
}
.WordDesignerReviewIndicatorContainerHovered {
  background: rgba(183, 183, 183, 0.5);
}
.WordDesignerReviewIndicatorContainerSelected {
  background: #D2E0F4;
}
.WordDesignerReviewIndicatorPosition {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 12px;
  height: 12px;
}
.WordDesignerReviewIndicator {
  position: relative;
  top: 1px;
  left: 1px;
  width: 7px;
  height: 7px;
  border: 1px solid #2E6AC5;
  border-radius: 1px;
  transform: rotate(45deg);
  background: #FFFFFF;
  outline: 1px solid #FFFFFF;
}
.WordDesignerReviewIndicatorFilled {
  background: #2E6AC5;
  outline: 1px solid #FFFFFF;
}
.WordDesignerReviewIndicatorContainerHovered .WordDesignerReviewIndicator {
  background: #1651AA;
}
.WordDesignerReviewIndicatorContainerSelected .WordDesignerReviewIndicator {
  background: #2E6AC5;
}
.WordDesignerReviewHovered {
  background-color: rgba(183, 183, 183, 0.5) !important;
}
.WordDesignerReviewSelected {
  background-color: rgba(183, 183, 183, 0.5) !important;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .WordDesignerReviewHovered {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: HighlightText !important;
    background-color: Highlight !important;
  }
  .WordDesignerReviewSelected {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    color: HighlightText !important;
    background-color: Highlight !important;
  }
  .WordDesignerReviewIndicatorContainerHovered {
    border: 1px solid black;
  }
  .WordDesignerReviewIndicatorContainerSelected {
    border: 1px solid black;
  }
  .WordDesignerReviewIndicatorContainerHovered .WordDesignerReviewIndicator {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
  }
  .WordDesignerReviewIndicatorContainerSelected .WordDesignerReviewIndicator {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
  }
}
/* Word Designer CSS end */
/* Word Bookmarks CSS start */
.WordBookmarkIndicatorContainer {
  width: 12px;
  height: 22px;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: -33px;
  cursor: default;
  padding: 1px;
}
.WordBookmarkIndicatorContainer img {
  width: inherit;
}
.WordBookmarkSvgIndicatorContainer {
  width: 22px;
  height: 22px;
  position: absolute;
  overflow: hidden;
  cursor: default;
}
.BookmarkHighlightSelected {
  background-color: #21B7E71F;
}
.BookmarkStartBracket:before {
  content: '[';
}
.BookmarkEndBracket:before {
  content: ']';
  background-color: #21B7E71F;
}
.WACImageContainer.BookmarkHighlightSelected {
  outline: 4px solid #21B7E71F !important;
  background: none;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .WordBookmarkIndicatorContainer {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    border: 1px solid transparent;
    background-color: Highlight !important;
  }
  .WordBookmarkSvgIndicatorContainer {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    border: 1px solid transparent;
  }
  .WordBookmarkIndicatorContainer .WordBookmarkIndicatorContainerHovered {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    outline: 2px dashed transparent;
    background-color: Highlight !important;
  }
  .BookmarkHighlightSelected {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: #107556;
  }
  .BookmarkStartBracket:before {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    content: '[';
  }
  .BookmarkEndBracket:before {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    content: ']';
    background-color: #107556;
  }
  .WACImageContainer.BookmarkHighlightSelected {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    outline: 4px solid #107556 !important;
    background: none;
  }
}
/* Word Bookmarks CSS end */
/* Word Expand Collapse CSS start */
.WordExpandCollapseIndicatorContainer {
  width: 22px;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-50%);
  overflow: hidden;
  cursor: default;
}
/* Start: Remove when refactorExpandCollapseIndicatorIsEnabled is removed. */
.OutlineElement .WordCollapsedIconContainer {
  visibility: visible;
}
.OutlineElement .WordExpandedIconContainer {
  visibility: collapse;
}
.OutlineElement:hover .WordExpandedIconContainer {
  visibility: visible;
}
/* End: Remove when refactorExpandCollapseIndicatorIsEnabled is removed. */
.Section .WordCollapsedIconContainer {
  visibility: visible;
}
.Section .WordExpandedIconContainer {
  visibility: collapse;
}
.Section .WordExpandIconContainerVisible {
  visibility: visible;
}
.Section .WordExpandCollapseIndicatorContainer:hover .WordExpandedIconContainer {
  visibility: visible;
}
.WordExpandCollapseIconContainer {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.WordExpandCollapseIconContainer:hover {
  background: var(--clrExpandCollapseHoverBackground, #f0f0f0);
  cursor: pointer;
}
.WordExpandCollapseIcon {
  width: 12px;
  height: 12px;
  margin-top: 1px;
  display: flex;
}
/* Word Expand Collapse CSS end */
/* ClientPagination CSS */
.PaginatedContentContainerDisplayWrapper {
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
}
.PagesContainer {
  position: relative;
  grid-column: 1;
  grid-row: 2;
}
.Page {
  margin-bottom: 19px;
  position: relative;
  background-color: window;
  background-color: var(--clrDocSurfaceBg, window);
  border-style: solid;
  border-color: #ababab;
  border-width: 1px;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
}
.ContiguousPage {
  float: left;
}
.ContiguousPage:not(.FirstPage) {
  border-top-width: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.ContiguousPage:not(.LastPage) {
  border-bottom-width: 0px;
  margin-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ContiguousPage.FirstPage {
  padding-top: 96px;
}
.ContiguousPage.LastPage {
  padding-bottom: 96px;
}
.BottomlessViewContainer.PagesContainer {
  position: absolute;
  overflow: clip;
  background-color: var(--clrEnhancedFishbowlBackgroundColor);
  display: grid;
  justify-content: center;
}
.BottomlessViewContainer.PagesContainer::after {
  content: "";
  position: absolute;
  bottom: 0 ;
  left: 0;
  right: 0;
  height: 19px;
  background-color: inherit;
  z-index: 1;
}
.BreakVisiMarker {
  display: block;
  font-family: 'Segoe UI', Arial, Verdana, 'Sans-Serif';
  color: #666666;
  font-weight: normal;
  font-size: 12px;
  position: absolute;
  visibility: visible;
}
.BreakVisiMarkerTextSpan.Selected {
  background-color: #c6c6c6 !important;
  background-color: var(--clrSelection, #c6c6c6) !important;
}
.BreakVisiMarkerBorderSpan {
  bottom: -8px;
  border-top-color: #ababab;
  border-top-style: dotted;
  border-top-width: 2px;
  position: absolute;
  text-align: center;
}
.Themed .Page {
  background-color: window;
  background-color: var(--clrDocSurfaceBg, window);
}
.Mac div.Page,
.Mac .Themed div.Page {
  background-color: #ffffff;
  background-color: var(--clrDocSurfaceBgExplicit, #ffffff);
}
.PageContent {
  position: absolute;
  overflow: clip;
  /* clip the content that spans outside a page (not hidden to avoid scroll VSO:5094922) */
}
.ContiguousPage .PageContent {
  position: relative;
  overflow-y: visible;
  /* prevent clipping of coauth IP presence elements */
  z-index: 1;
  /* allows images behind text to cross "page" boundaries */
}
.ClientPaginationPageAdornmentContainer {
  position: absolute;
  top: 0px;
  left: 100%;
  right: auto;
}
.ClientPaginationPageAdornmentContainer.mWeb {
  left: auto!important;
  right: 0 !important;
}
.InactiveBoxRendering {
  opacity: 0.7;
}
.InactiveBoxRendering * {
  pointer-events: none !important;
}
.InactiveBoxRendering .IndicatorAllMarkup,
.InactiveBoxRendering .IndicatorSimpleMarkup {
  pointer-events: auto !important;
}
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  .InactiveBoxRendering {
    opacity: 0.9;
  }
}
.InactiveRowBoxRendering * {
  pointer-events: none !important;
}
.InactiveRowBoxRendering .IndicatorAllMarkup,
.InactiveRowBoxRendering .IndicatorSimpleMarkup {
  pointer-events: auto !important;
}
/* ClientPagination CSS end*/
/* CSS Classes Used for Unsaved Changes Highlighting upon Session Kickout */
.NormalTextRun.UnsavedChangesThemed,
.TextRun.UnsavedChangesThemed {
  background-color: #fde7e9 !important;
  background-color: var(--clrUnsavedChangesTextBgRed, #fde7e9) !important;
}
.WACImageOverlay.UnsavedChangesThemed,
.WACImageContainer.UnsavedChangesThemed .WACImage,
.WACImagePlaceholder.UnsavedChangesThemed,
.WACImagePlaceholderFiller.UnsavedChangesThemed {
  background-color: rgba(253, 231, 233, 0.4) !important;
  background-color: var(--clrUnsavedChangesImgOverlayRed, rgba(253, 231, 233, 0.4)) !important;
}
.SavedChanges {
  opacity: 0.6;
}
.SavedChanges .WACImagePlaceholder,
.SavedChanges .WACImagePlaceholderFiller {
  opacity: 0.8;
}
.UnsavedChangesIndicatorThemed {
  position: absolute;
  border-left: 4px solid #a80000;
  border-left-color: var(--clrUnsavedChangesMarginIndicator, #a80000);
  cursor: default;
}
.UnsavedChangesOpenPipeThemed {
  border-left: 1px solid #a80000 !important;
  border-left-color: var(--clrUnsavedChangesPipe, #a80000) !important;
}
.UnsavedChangesClosePipeThemed {
  border-right: 1px solid #a80000 !important;
  border-right-color: var(--clrUnsavedChangesPipe, #a80000) !important;
  background-color: #fde7e9 !important;
  background-color: var(--clrUnsavedChangesTextBgRed, #fde7e9) !important;
}
.caaeCC .WACImage {
  background: none;
  border: 3px solid #008080 !important;
}
.caaeCCFilled .WACImage {
  background: none;
  border: 4px solid darkgreen !important;
}
.caaeCCCommitted .WACImage {
  background: none;
  border: 3px solid #808080 !important;
}
.caaeCCHoveredBlueBg .WACImage {
  background: none;
  border: 4px solid #00087B !important;
}
.caaeCCCommittedHoveredBlueBg .WACImage {
  background: none;
  border: 4px solid #00087B !important;
}
.caaeCC > span.TextRun {
  background-color: #008080 !important;
  color: #FFFFFF !important;
}
.caaeCCFilled > span.TextRun {
  background-color: darkgreen !important;
  color: #FFFFFF !important;
}
.caaeCCCommitted > span.TextRun {
  background-color: #808080 !important;
  color: #FFFFFF !important;
}
.caaeCCHoveredBlueBg > span.TextRun {
  background-color: #00087B !important;
  color: #FFFFFF !important;
  font-weight: 600;
  text-decoration: underline !important;
}
.caaeCCCommittedHoveredBlueBg > span.TextRun {
  background-color: #00087B !important;
  color: #FFFFFF !important;
  font-weight: 600;
  text-decoration: underline !important;
}
.caaeHlActor.NormalTextRun {
  background-color: #00087B !important;
  color: #FFFFFF !important;
}
.caaeHlActor .WACImage {
  border: 4px solid #00087B !important;
  color: #FFFFFF !important;
}
/* End of CSS Classes for Unsaved Changes Highlighting upon Session Kickout */
/* Table Style Refactor CSS */
table.Table td {
  position: relative;
}
table.Table div.TableHoverColumnHandle {
  height: 12px;
}
table.Table.Ltr div.TableHoverColumnHandle {
  left: auto;
}
table.Table.Rtl div.TableHoverColumnHandle {
  right: auto;
}
table.Table div.TableInsertRowGapBlank {
  left: 0px;
  width: 100%;
}
table.Table div.TableColumnResizeHandle {
  top: 0px;
  height: 100%;
}
table.Table div.TableCellTopBorderHandle {
  margin-top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
}
table.Table div.TableCellLeftBorderHandle {
  height: 100%;
  z-index: 1;
}
table.Table div.TableInsertRowGap {
  margin-bottom: 2px;
}
table.Table div.TableInsertRowGapRevamped {
  margin-bottom: 2px;
  margin-top: 2px;
}
table.Table div.TableInsertColumnGap {
  margin-right: 2px;
}
table.Table.Rtl div.TableInsertColumnGapRevamped {
  margin-left: 2px;
  margin-right: 2px;
}
table.Table div.TableInsertColumnGapRevamped {
  margin-right: 2px;
  margin-left: 2px;
}
table.Table .BottomBorderSelected > .TableInsertRowGapBlank {
  background-color: rgba(198, 198, 198, 0.7) !important;
}
table.Table .BottomBorderSelectedThemed > .TableInsertRowGapBlank {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
}
table.Table .TopBorderSelected > .TableCellTopBorderHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  z-index: 3 !important;
}
table.Table .TopBorderSelectedThemed > .TableCellTopBorderHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
  z-index: 3 !important;
}
table.Table .LeftBorderSelected > .TableCellLeftBorderHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  z-index: 3 !important;
}
table.Table .LeftBorderSelectedThemed > .TableCellLeftBorderHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
  z-index: 3 !important;
}
table.Table.TableTopBorderSelected > tbody > tr > td.FirstRow > .TableCellTopBorderHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  z-index: 3 !important;
}
table.Table.TableTopBorderSelectedThemed > tbody > tr > td.FirstRow > .TableCellTopBorderHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
  z-index: 3 !important;
}
table.Table.TableLeftBorderSelected > tbody > tr > td.FirstCol > .TableCellLeftBorderHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  z-index: 3 !important;
}
table.Table.TableLeftBorderSelectedThemed > tbody > tr > td.FirstCol > .TableCellLeftBorderHandle {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
  z-index: 3 !important;
}
table.Table.TableBottomBorderSelected > tbody > tr > td.LastRow > .TableInsertRowGapBlank {
  background-color: rgba(198, 198, 198, 0.7) !important;
}
table.Table.TableBottomBorderSelectedThemed > tbody > tr > td.LastRow > .TableInsertRowGapBlank {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
}
table.Table.TableInsideHorizontalBorderSelected > tbody > tr > td:not(.LastRow) > .TableInsertRowGapBlank {
  background-color: rgba(198, 198, 198, 0.7) !important;
}
table.Table.TableInsideHorizontalBorderSelectedThemed > tbody > tr > td:not(.LastRow) > .TableInsertRowGapBlank {
  background-color: rgba(198, 198, 198, 0.7) !important;
  background-color: var(--clrTableSelection, rgba(198, 198, 198, 0.7)) !important;
}
div.OutlineElement.Rtl > div.TableContainer > table.Table > tbody > tr > td > div.TableHoverRowHandle > div.TableInsertRowHandle {
  margin: auto;
  margin-left: 0;
}
table.Table.Locked > tbody > tr > td > div.TableHoverRowHandle {
  visibility: hidden;
}
table.Table.Locked > tbody > tr > td > div.TableHoverColumnHandle {
  visibility: hidden;
}
div.TableContainer:hover > table.Table > div.SelectTableHandleRevamped > div {
  width: 20px;
  height: 20px;
}
div.TableContainer:hover > div.SelectTableHandleRevamped > div {
  width: 20px;
  height: 20px;
}
div.TableContainer:hover > div.SelectTableHandle {
  border: 1px solid black;
  background-size: contain !important;
  background-position: center !important;
}
div.TableContainer:hover > div.SelectTableHandleThemed {
  border-color: black;
  border-color: var(--clrBlack, black);
  border-width: 1px;
  border-style: solid;
  background-size: contain !important;
  background-position: center !important;
}
div.TableContainer > div.TableColumnHandle {
  height: 5px;
  top: 0px;
  width: 100%;
  margin-top: -5px;
  position: absolute;
  overflow: visible;
  z-index: 3;
  background-repeat: repeat;
  background-color: transparent !important;
  /* background-image: url('Blank10x10.10x10x8.png'); */
}
div.TableContainer > div.SelectTableHandle,
div.TableContainer > div.SelectTableHandleThemed {
  background-size: 0px !important;
  cursor: pointer;
}
div.TableContainer > table.Table > div.SelectTableHandleRevamped > div {
  height: 0;
  width: 0;
  cursor: pointer;
}
div.TableContainer > div.SelectTableHandleRevamped > div {
  height: 0;
  width: 0;
  cursor: pointer;
}
div.TableContainer.Rtl > div.SelectTableHandle,
div.TableContainer.Rtl > div.SelectTableHandleThemed {
  left: 0px;
  right: -15px;
}
div.TableContainer.Rtl > div.TableRowSelectionHandle {
  left: 0px;
  right: -15px;
}
div.TableContainer.Rtl > table.Table > div.SelectTableHandleRevamped {
  left: 0px;
  right: -20px;
}
div.TableContainer.Rtl > div.SelectTableHandleRevamped {
  left: 0px;
  right: -20px;
}
div.TableContainer.OnSelection > div.SelectTableHandle,
div.SelectTableHandle.OnSelection {
  border: 1px solid black;
  background-size: contain !important;
  background-position: center !important;
}
div.TableContainer.OnSelection > div.SelectTableHandleThemed,
div.SelectTableHandleThemed.OnSelection {
  border-color: black;
  border-color: var(--clrBlack, black);
  border-width: 1px;
  border-style: solid;
  background-size: contain !important;
  background-position: center !important;
}
.TableRowSelectedThemed .TableCellContent span.TextRun.Highlight,
.TableRowSelected .TableCellContent span.TextRun.Highlight,
.TableCellSelectedThemed span.TextRun.Highlight,
.TableCellSelected span.TextRun.Highlight {
  opacity: 0.7;
}
/* Table Style Refactor CSS end */
/* Style for AIFEEDBACK */
.AIFeedbackUnfocused,
.Themed .AIFeedbackUnfocused {
  background-color: #F0F0F0;
}
.AIFeedbackUnfocusedDarkMode,
.Themed .AIFeedbackUnfocusedDarkMode {
  background-color: #424242;
}
.AIFeedbackFocused,
.Themed .AIFeedbackFocused {
  background-image: linear-gradient(270deg, rgba(174, 115, 242, 0.25) 1.05%, rgba(96, 149, 245, 0.25) 99.85%);
}
#CopilotCursorAppRoot {
  top: 0;
  height: 100%;
}
#CopilotComprehensionAppRoot {
  position: absolute;
  width: 0;
  height: 0;
  background: none;
  pointer-events: none;
}
#CopilotComprehensionCardRoot {
  margin-top: 6px;
  margin-bottom: -13px;
  margin-left: auto;
  margin-right: auto;
}
.CopilotComprehensionSelectableTextContent *:not(a[role="button"]) {
  user-select: text;
  -webkit-user-select: text;
}
#CopilotComposeLaunchpadRoot {
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  margin-top: 19px;
}
#CopilotComposeAppRoot {
  position: absolute;
  width: 0;
  height: 0;
  background: none;
  pointer-events: none;
}
#CopilotComposeFloatieRoot {
  position: absolute;
  width: 100%;
  background: none;
  pointer-events: none;
}
#CopilotComposeReviewToolbarRoot {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  background: none;
}
.WACViewPanel #CopilotComposeFloatieRoot {
  z-index: 100;
}
.WACViewPanel #CopilotComposeReviewToolbarRoot {
  z-index: 100;
}
.CopilotComposeIndicator {
  position: absolute;
  z-index: 2147483647;
}
.CopilotComposeIndicator--ltr {
  transform: translateX(-100%) translateY(-50%);
}
.CopilotComposeIndicator--rtl {
  transform: translateY(-50%);
}
.CopilotComposeIndicatorNudge {
  position: relative;
  z-index: 2147483647;
}
.CopilotComposeAnchor {
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
}
.CopilotComposeAnchor--cover {
  top: 0;
  height: 100%;
}
.CopilotComposeAnchor--below {
  bottom: 0;
  height: 0;
}
.CopilotComposePlaceholder::after {
  content: attr(data-copilot-compose-placeholder);
  color: #BDBDBD;
  color: var(--clrPlaceholderText, #BDBDBD);
  font-family: "Segoe UI", "Segoe UI Web", Arial, Verdana, sans-serif;
  font-size: min(14px, 100%);
  font-weight: normal;
  left: 4px;
  right: 12px;
  z-index: -1;
}
.CopilotComposeDraggable {
  cursor: grab;
}
.CopilotHighlightTransition {
  transition: background 0.7s linear;
}
/****************************************
 * Floating Container Styles
 ****************************************/
div#FloatingContainersOuterSurface {
  height: 100%;
  position: relative;
  top: 0;
  z-index: 1;
  transition: opacity 0.2s linear;
  grid-column: 2;
  grid-row: 2;
}
div#FloatingContainersOuterSurfaceHostedUi {
  height: 100%;
  position: relative;
  top: 0;
  z-index: 1;
  transition: opacity 0.2s linear;
  grid-column: 3 !important;
  grid-row: 2;
}
div#FloatingContainersHost {
  height: 100%;
  width: 100%;
  /* Temporary fix to squash floating comment layers in to the host layer. */
  /* This reduces layers in the document and improves performance. */
  transform: translateZ(0px);
}
/* END: Floating Container Styles */
div#menuPasteOptions svg > .OfficeIconColors_m22 {
  fill: #3a3a38;
}
.LineNumber {
  position: absolute;
  font-size: 11pt;
  visibility: visible;
}
/* START: Style for Lists in Word web */
li.OutlineElement.checklist p span.ListMarkerWrappingSpan {
  opacity: 0.7;
}
li.OutlineElement.checklist.checked p span.TextRun {
  opacity: 0.7;
}
/* END: Style for Lists in Word web */
.FootnoteEndnoteActionBarFormattingButton:focus,
.FootnoteEndnoteActionBarNavigationButton:focus,
.usehover .FootnoteEndnoteActionBarFormattingButton:hover,
.usehover .FootnoteEndnoteActionBarNavigationButton:hover {
  outline: 1px solid #000000;
}
.ThemedCanvas,
.Themed {
  --clrBlack: #000000;
  --clrWhite: #ffffff;
  --clrActiveFindHighlight: #ffee80;
  --clrActiveFindHighlightSelection: #96b5da;
  --clrLastReplacedFindHit: #dce9f8;
  --clrSelection: #c6c6c6;
  --clrTableSelection: rgba(198, 198, 198, 0.7);
  --clrImageSelection: #616161;
  --clrEnhancedPageBackground: #ffffff;
  --clrTableLightAccent0: #999999;
  --clrTableLightAccent1: #b4c6e7;
  --clrTableLightAccent2: #f7caac;
  --clrTableLightAccent3: #dbdbdb;
  --clrTableLightAccent4: #ffe599;
  --clrTableLightAccent5: #bdd6ee;
  --clrTableLightAccent6: #c5e0b3;
  --clrTableAccent0: #666666;
  --clrTableAccent1: #8eaadb;
  --clrTableAccent2: #f4b083;
  --clrTableAccent3: #c9c9c9;
  --clrTableAccent4: #ffd966;
  --clrTableAccent5: #9cc2e5;
  --clrTableAccent6: #a8d08d;
  --clrTableDarkAccent0: #000000;
  --clrTableDarkAccent1: #4472c4;
  --clrTableDarkAccent2: #ed7d31;
  --clrTableDarkAccent3: #a5a5a5;
  --clrTableDarkAccent4: #ffc000;
  --clrTableDarkAccent5: #5b9bd5;
  --clrTableDarkAccent6: #70ad47;
  --clrTableBlack: #000000;
  --clrTableGridLight: #bfbfbf;
  --clrTablePlain1: #bfbfbf;
  --clrTablePlain2: #7f7f7f;
  --clrTablePlain3: #7f7f7f;
  --clrTableBorderGrid5Dark: #ffffff;
  --clrTableBgGrid5Dark: #cccccc;
  --clrTableBgGrid5DarkAccent1: #d9e2f3;
  --clrTableBgGrid5DarkAccent2: #fbe4d5;
  --clrTableBgGrid5DarkAccent3: #ededed;
  --clrTableBgGrid5DarkAccent4: #fff2cc;
  --clrTableBgGrid5DarkAccent5: #deeaf6;
  --clrTableBgGrid5DarkAccent6: #e2efd9;
  --clrTableList5: #ffffff;
  --clrTableList5Accent0: #000000;
  --clrTableList5Accent1: #4472c4;
  --clrTableList5Accent2: #ed7d31;
  --clrTableList5Accent3: #a5a5a5;
  --clrTableList5Accent4: #ffc000;
  --clrTableList5Accent5: #5b9bd5;
  --clrTableList5Accent6: #70ad47;
  --clrGripperBorder: #212121;
  --clrGripperBorderIpad: #5164EF;
  --clrCommentsHighlightHovered: rgba(210, 224, 244, 0.5);
  --clrCommentsHighlightClicked: rgba(103, 148, 215, 0.5);
  --clrCommentsHighlightPipe: #185abd;
  --clrCommentsHighlightPipeRest: #424242;
  --clrCommentsHighlightGreyout: #dfdfdf;
  --clrCommentsHighlightRest: rgba(209, 209, 209, 0.5);
  --clrCommentsBlobHighlightHovered: #d2e0f4;
  --clrCommentsBlobHighlightClicked: #6794d7;
  --clrPageAdornmentLabelBg: #f8f8f8;
  --clrPageAdornmentLabelText: #444444;
  --clrPageAdornmentLabelBorder: #ababab;
  --clrUnsavedChangesTextBgRed: #fde7e9;
  --clrUnsavedChangesMarginIndicator: #a80000;
  --clrUnsavedChangesPipe: #a80000;
  --clrUnsavedChangesImgOverlayRed: rgba(253, 231, 233, 0.4);
  --clrDocSurfaceBg: window;
  --clrDocSurfaceBgExplicit: #ffffff;
  --clrSquiggleHighlightTextColor: #000000;
  --clrSpellingErrorHighlightBg: #ffe5e5;
  --clrGrammarErrorHighlightBg: #eaeeff;
  --clrCritiqueIndicatorHighlightBg: #e3dffa;
  --clrSimilarityHighlightBg: #d7eaf8;
  --clrSimilarityReviewedHighlightBg: #d4edd4;
  --clrAddInCritiqueRedHighlight: rgba(248, 218, 219, 0.88);
  --clrAddInCritiqueGreenHighlight: rgba(201, 234, 201, 0.88);
  --clrAddInCritiqueBlueHighlight: rgba(208, 231, 248, 0.88);
  --clrAddInCritiqueLavenderHighlight: rgba(231, 228, 251, 0.88);
  --clrAddInCritiqueBerryHighlight: rgba(245, 218, 242, 0.88);
  --urlFixAllNudgeGrammarBars: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMicgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDIgMjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHJlY3Qgd2lkdGg9JzInIGhlaWdodD0nMjAnIHJ4PScxJyBmaWxsPScjMzE1MkY1Jy8+PC9zdmc+Cg==");
  --urlFixAllNudgeSpellingBars: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMicgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDIgMjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHJlY3Qgd2lkdGg9JzInIGhlaWdodD0nMjAnIHJ4PScxJyBmaWxsPScjRTIwMDAwJy8+PC9zdmc+Cg==");
  --urlFixAllUnderline: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgNSAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxLjVINSIgc3Ryb2tlPSIjMTg1QUJEIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==');
  --urlSpellingErrorV2: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRUIwMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlContextualSpellingAndGrammarErrorV2: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzMzNTVGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
  --urlAdvancedProofingIssueV2: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlSimilarityReviewed: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzM4QkE2MiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlSimilarityUnreviewed: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMkU2QUM1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --clrCopilotHighlightBg: rgba(61, 145, 255, 0.1);
  --clrAddInHighlightBg: rgba(61, 145, 255, 0.1);
  --urlContextIQUnderline: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE4IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGbGFnIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDIwXzI4OTQzKSI+CjxjaXJjbGUgaWQ9ImRvdCIgY3g9IjEuNSIgY3k9IjIuNSIgcj0iMS41IiBmaWxsPSIjMEY2Q0JEIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDIwXzI4OTQzIj4KPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
  --urlAddinCritiqueRed: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRDEzNDM4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddinCritiqueGreen: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTA3QzEwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddinCritiqueBlue: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTg1QUJEIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddinCritiqueLavender: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjNzE2MEU4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddinCritiqueBerry: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjQzIzOUIzIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --clrAddinCritiqueTextDecorRed: #D13438;
  --clrAddinCritiqueTextDecorGreen: #107C10;
  --clrAddinCritiqueTextDecorBlue: #185ABD;
  --clrAddinCritiqueTextDecorLavender: #7160E8;
  --clrAddinCritiqueTextDecorBerry: #C239B3;
  --clrSpellingCorrectionsTextDecor: #EB0000;
  --clrGrammarCorrectionsTextDecor: #3355FF;
  --clrRefinementsTextDecor: #7160E8;
  --clrSimilarityUnreviewedTextDecor: #2E6AC5;
  --clrSimilarityReviewedTextDecor: #38BA62;
  --clrContextIQTextDecor: #0F6CBD;
  --clrWindowText: WindowText;
  --clrPageHeaderFooterBorder: #8a8a8a;
  --clrPageHeaderFooterBackground: #FAFAFA;
  --clrPageHeaderFooterLabelText: #424242;
  --clrAllMarkupMarginIndicator: #949494;
  --clrSimpleMarkupMarginIndicator: #ff0000;
  --clrTrackChangeHyperlinkInstructionChangeHighlight: #ff0000;
  --clrTrackChangeTableRowInsertedHighlight: #e1f2fa;
  --clrTrackChangeTableRowDeletedHighlight: #fce6f4;
  --clrTrackChangeTextInsertedHighlight: #cff7e4;
  --clrTrackChangeTextDeletedHighlight: #f6d1d4;
  --clrTrackChangeTextInsertedPreviewColor: #000000;
  --clrTrackChangeTextDeletedPreviewColor: #808080;
  --clrTrackChangeTextDeletedColor: #bebbb8;
  --clrTrackChangeConfirmationHighlight: #d4edd4;
  --clrTrackChangeListIndirectEffectColor: #1b9cab;
  --clrPersonaTextColorOnHighlightRed: #751D20;
  --clrPersonaTextColorOnHighlightBlue: #004377;
  --clrPersonaTextColorOnHighlightPurple: #341A51;
  --clrPersonaTextColorOnHighlightOlive: #294903;
  --clrPersonaTextColorOnHighlightPink: #7F215D;
  --clrPersonaTextColorOnHighlightLavender: #403582;
  --clrPersonaTextColorOnHighlightTeal: #02494C;
  --clrPersonaTextColorOnHighlightDarkGoldenrod: #3A2F00;
  --clrPersonaTextColorOnHighlightBurntRed: #6E0911;
  --clrPersonaTextColorOnHighlightPeriwinkle: #2C3C85;
  --clrPersonaTextColorOnHighlightFuschia: #63276D;
  --clrPersonaTextColorOnHighlightDarkGray: #1F2427;
  --clrPersonaTextColorOnHighlightGreen: #063C06;
  --clrPersonaTextColorOnHighlightOrange: #712D09;
  --clrPersonaTextColorOnHighlightDarkRed: #420610;
  --clrPersonaTextColorOnHighlightGray: #333231;
  --clrPersonaTextColorOnHighlightDarkPurple: #6B0042;
  --clrPersonaTextColorOnHighlightGraphite: #3A4346;
  --clrPersonaTextColorOnHighlightBlueStone: #002B4F;
  --clrPersonaTextColorOnHighlightBrown: #50301A;
  --clrPersonaBackgroundForRed: #F1BBBD;
  --clrPersonaBackgroundForBlue: #A9D3F2;
  --clrPersonaBackgroundForPurple: #C6B1DE;
  --clrPersonaBackgroundForOlive: #BDDA9B;
  --clrPersonaBackgroundForPink: #F7C0E3;
  --clrPersonaBackgroundForLavender: #D2CCF8;
  --clrPersonaBackgroundForTeal: #9BD9DB;
  --clrPersonaBackgroundForDarkGoldenrod: #EDDEA6;
  --clrPersonaBackgroundForBurntRed: #EDACB1;
  --clrPersonaBackgroundForPeriwinkle: #C7D1FA;
  --clrPersonaBackgroundForFuschia: #E7BFED;
  --clrPersonaBackgroundForDarkGray: #BCC3C7;
  --clrPersonaBackgroundForGreen: #9AD39A;
  --clrPersonaBackgroundForOrange: #EFC4AD;
  --clrPersonaBackgroundForDarkRed: #D69BA5;
  --clrPersonaBackgroundForGray: #CECCCB;
  --clrPersonaBackgroundForDarkPurple: #ECA5D1;
  --clrPersonaBackgroundForGraphite: #CDD5D8;
  --clrPersonaBackgroundForBlueStone: #9ABFDD;
  --clrPersonaBackgroundForBrown: #DDC3B0;
  --clrEquationToolsCursor: #000000;
  --clrCatchupTextDotColor: #006bff;
  --clrWacIFrameBorder: #e0e0e0;
  --clrWacIFrameBorderSelected: #bdbdbd;
  --clrWacIFrameBorderFocus: #e0e0e0;
  --clrCopilotHighlightGradStart: rgba(61, 145, 255, 0.1);
  --clrCopilotHighlightGradEnd: rgba(0, 164, 176, 0.1);
  --clrCopilotCursorHighlightSelect: rgba(61, 145, 255, 0.2);
  --clrFixAllSelectionHighlight: #D6DEE8;
  --clrCopilotSelection: rgba(209, 209, 209, 0.5);
  --clrPlaceholderText: #BDBDBD;
  --clrFieldRangeBackground: #e1e3e6;
  --clrFieldRange: #000000;
  --clrErrorPlaceholderText: #000000;
  --clrErrorPlaceholderBackground: #fafafa;
  --clrPageBorder: #D1D1D1;
  --clrNavPaneSearchResultV2ButtonBorderColor: #d1d1d1;
  --clrSpinnerTrackColor: #0078D4 #C7E0F4 #C7E0F4;
  --clrOverlayDuringDragInTable: rgba(174, 198, 235, 0.4);
  --clrGC2SelectionOutlineColor: #3D7CE8;
  --clrShowMeHowButtonEmptyTOC: #185ABD;
}
.ThemedCanvas.DarkModeManualColors,
.Themed.DarkModeManualColors {
  --clrDocSurfaceBg: #262626;
  --clrDocSurfaceBgExplicit: #262626;
  --clrSquiggleHighlightTextColor: #ffffff;
  --clrSpellingErrorHighlightBg: #3f1011;
  --clrGrammarErrorHighlightBg: #172047;
  --clrCritiqueIndicatorHighlightBg: #221d46;
  --clrSimilarityHighlightBg: #0e336a;
  --clrSimilarityReviewedHighlightBg: #064006;
  --clrAddInCritiqueRedHighlight: rgba(209, 52, 56, 0.88);
  --clrAddInCritiqueGreenHighlight: rgba(16, 124, 16, 0.88);
  --clrAddInCritiqueBlueHighlight: rgba(41, 111, 230, 0.88);
  --clrAddInCritiqueLavenderHighlight: rgba(67, 69, 202, 0.88);
  --clrAddInCritiqueBerryHighlight: rgba(180, 59, 166, 0.88);
  --urlFixAllUnderline: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgNSAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxLjVINSIgc3Ryb2tlPSIjMjk2RkU2IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==');
  --urlSpellingErrorV2: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRDY0NTRBIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlContextualSpellingAndGrammarErrorV2: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzRGNkJFRCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
  --urlAdvancedProofingIssueV2: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlSimilarityReviewed: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzJEOEYyRCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlSimilarityUnreviewed: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNjc5NEQ3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --clrCopilotHighlightBg: rgba(61, 145, 255, 0.35);
  --clrAddInHighlightBg: rgba(61, 145, 255, 0.35);
  --urlAddinCritiqueRed: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRTM3RDgwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddinCritiqueGreen: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjNTRCMDU0Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddinCritiqueBlue: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMjk2RkU2Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddinCritiqueLavender: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjN0E3Q0Y1Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --urlAddinCritiqueBerry: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRDE2MUM0Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+');
  --clrAddinCritiqueTextDecorRed: #E37D80;
  --clrAddinCritiqueTextDecorGreen: #54B054;
  --clrAddinCritiqueTextDecorBlue: #296FE6;
  --clrAddinCritiqueTextDecorLavender: #7A7CF5;
  --clrAddinCritiqueTextDecorBerry: #D161C4;
  --clrSpellingCorrectionsTextDecor: #E37D81;
  --clrGrammarCorrectionsTextDecor: #99AAF5;
  --clrRefinementsTextDecor: #ADA2F2;
  --clrSimilarityUnreviewedTextDecor: #5CA9E5;
  --clrSimilarityReviewedTextDecor: #54B054;
  --clrContextIQTextDecor: #479EF5;
  --clrWindowText: #f5f5f5;
  --clrPageHeaderFooterBorder: #666666;
  --clrPageHeaderFooterBackground: #141414;
  --clrPageHeaderFooterLabelText: #FFFFFF;
  --clrCommentsHighlightPipeRest: #ffffff;
  --clrCommentsHighlightPipe: #d2e0f4;
  --clrEquationToolsCursor: #ffffff;
  --clrCatchupTextDotColor: #5099ff;
  --clrEnhancedPageBackground: #292929;
  --clrWacIFrameBorder: #525252;
  --clrWacIFrameBorderSelected: #757575;
  --clrWacIFrameBorderFocus: #525252;
  --clrCopilotHighlightGradStart: rgba(61, 145, 255, 0.35);
  --clrCopilotHighlightGradEnd: rgba(0, 164, 176, 0.35);
  --clrCopilotCursorHighlightSelect: rgba(61, 145, 255, 0.45);
  --clrFixAllSelectionHighlight: #4D6687;
  --clrPlaceholderText: #707070;
  --clrErrorPlaceholderText: #ffffff;
  --clrErrorPlaceholderBackground: #5c5c5c;
  --clrPageBorder: #666666;
  --clrNavPaneSearchResultV2ButtonBorderColor: #3d3d3d;
  --clrSpinnerTrackColor: #2899F5 #004C87 #004C87;
  --clrOverlayDuringDragInTable: rgba(19, 69, 143, 0.3);
  --clrGC2SelectionOutlineColor: #296FE6;
  --clrShowMeHowButtonEmptyTOC: #296FE6;
}
.ThemedCanvas.DarkModeManualColors.UpdatedSquiggles,
.Themed.DarkModeManualColors.UpdatedSquiggles {
  --urlSpellingErrorV2: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRTM3RDgxIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlContextualSpellingAndGrammarErrorV2: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzk5QUFGNSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
  --urlAdvancedProofingIssueV2: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjQURBMkYyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlSimilarityReviewed: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzU0QjA1NCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --urlSimilarityUnreviewed: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNUNBOUU1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
  --clrCopilotHighlightBg: rgba(61, 145, 255, 0.35);
  --clrAddInHighlightBg: rgba(61, 145, 255, 0.35);
  --clrSpellingErrorHighlightBg: #751D20;
  --clrGrammarErrorHighlightBg: #2C3C85;
  --clrCritiqueIndicatorHighlightBg: #403582;
  --clrSimilarityHighlightBg: #004377;
  --clrSimilarityReviewedHighlightBg: #094609;
}
.ThemedFishbowl {
  --clrPageAdornmentNumberLabel: #646464;
  --clrRulerBackground: #ededed;
  --clrRulerBackgroundColor: #f5f5f5;
  --clrRulerDivider: #e0e0e0;
  --clrMlrRefreshCanvasBgNew: #f3f3f3;
  --clrEnhancedFishbowlBackgroundColor: #f5f5f5;
  --clrNavPaneText: #424242;
  --clrNavPaneSelectedText: #185abd;
  --clrNavPaneHover: #E1DFDD;
  --clrNavPaneActive: #C8C6C4;
  --clrNavFloatie: white;
  --clrHeaderPaneTabBg: window;
  --clrHeaderPaneTabText: #000000;
  --clrHeaderPaneTabHover: #F5F5F5;
  --clrHeaderPaneTabActive: #EBEBEB;
  --clrHeaderPaneTabBorder: #616161;
}
.ThemedFishbowl.FishbowlManualColors {
  --clrRulerDivider: #525252;
  --clrRulerBackgroundColor: #141414;
  --clrMlrRefreshCanvasBgNew: #1B1A19;
  --clrEnhancedFishbowlBackgroundColor: #141414;
  --clrNavPaneText: #d6d6d6;
  --clrNavPaneSelectedText: #296fe6;
  --clrNavPaneHover: #3B3A39;
  --clrNavPaneActive: #484746;
  --clrNavFloatie: #323130;
  --clrHeaderPaneTabBg: #262626;
  --clrHeaderPaneTabText: #ffffff;
  --clrHeaderPaneTabHover: #3D3D3D;
  --clrHeaderPaneTabActive: #383838;
  --clrHeaderPaneTabBorder: #ADADAD;
}
