.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.
*******************************************************************************/
/*******************************************************************************
	Core.cst

	CSS for the core ribbon (including the tab headers, the Jewel, the tab body,
	etc.).
*******************************************************************************/
/*-----------------------------------------------------------------------------
	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;
}
/*-----------------------------------------------------------------------------
	JEWEL
-----------------------------------------------------------------------------*/
/* (NB:  The cui-jewel-container is styled akin to the tab header block, per below.) */
.cui-jewel-jewelMenuLauncher {
  padding: 7px 20px;
  display: block;
  text-align: center;
}
.cui-singlerowlayout .cui-jewel-jewelMenuLauncher {
  padding: 5px 16px;
  display: block;
  text-align: center;
}
.cui-toolbar-onerow .cui-jewel-jewelMenuLauncher {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.cui-topBar2 .cui-jewel-jewelMenuLauncher {
  margin-top: 48px;
}
.cui-exth .cui-topBar2 .cui-jewel-jewelMenuLauncher {
  margin-top: 0px;
}
.cui-jewel-label {
  height: 16px;
  color: #444444;
  display: block;
}
.cui-singlerowlayout .cui-jewel-label {
  color: #444444;
  display: block;
  text-transform: capitalize;
}
.cui-jewel-jewelMenuLauncher > * {
  cursor: default;
}
.usehover .cui-jewel-jewelMenuLauncher:hover .cui-jewel-label,
.cui-jewel-jewelMenuLauncher:focus .cui-jewel-label {
  color: #2b579a;
}
.usehover .cui-jewel-jewelMenuLauncher:hover {
  outline: 2px dashed transparent;
}
.cui-jewel-jewelMenuLauncher:focus {
  background-color: #f0f0f0;
  outline: 2px dashed transparent;
}
/*-----------------------------------------------------------------------------
	RIBBON ACCESS KEYS - KEYTIPS
-----------------------------------------------------------------------------*/
.cui-keytip {
  height: 17px;
  line-height: 17px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.cui-keytip-span {
  display: inline-block;
  background-color: WindowText;
  color: Window;
  padding-left: 3px;
  padding-right: 3px;
  min-width: 11px;
  outline: 2px solid transparent;
}
.cui-disabled .cui-keytip {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.TellMeSearchBox .cui-keytip {
  bottom: -11px;
}
a.cui-ctl-medium.ButtonOpenInClient .cui-keytip {
  left: 0px;
  right: 0px;
  margin: auto;
}
/* Everything in the tabrow now use flexbox positioning. This affects keytips, so we have to absolutely position them.
/ Bottom -11px is based on how the TellMeSearchBox's keytip is positioned.
 */
.MLRVisualRefresh .cui-topBar2 .cui-keytip {
  bottom: -11px;
}
a.cui-ctl-menu .cui-keytip {
  top: 10px;
  left: 10px;
  right: auto;
  margin: 0;
}
.AppRtl a.cui-ctl-menu .cui-keytip {
  left: auto;
  right: 10px;
}
.cui-jewelmenu a.cui-ctl-menu .cui-keytip {
  top: 2px;
  left: 15px;
  right: auto;
}
.AppRtl .cui-jewelmenu a.cui-ctl-menu .cui-keytip {
  left: auto;
  right: 15px;
}
.cui-jewelsubmenu a.cui-ctl-menu .cui-keytip {
  top: 30px;
  left: 60px;
  right: auto;
}
.AppRtl .cui-jewelsubmenu a.cui-ctl-menu .cui-keytip {
  left: auto;
  right: 60px;
}
a.cui-ctl-medium .cui-keytip {
  left: 10px;
  right: auto;
  margin: 0;
}
.AppRtl a.cui-ctl-medium .cui-keytip {
  left: auto;
  right: 10px;
}
a.cui-ctl-large .cui-keytip {
  bottom: -13px;
}
span.cui-ctl-large .cui-keytip {
  bottom: -12px;
}
.cui-row-threerow.cui-row-1 .cui-keytip {
  top: -9px;
}
.cui-row-threerow.cui-row-1 .cui-cb .cui-keytip,
.cui-row-threerow.cui-row-1 span.cui-ctl .cui-keytip {
  top: -8px;
}
.cui-row-tworow.cui-row-1 .cui-keytip {
  top: -17px;
}
.cui-row-tworow.cui-row-1 .cui-cb .cui-keytip,
.cui-row-tworow.cui-row-1 span.cui-ctl .cui-keytip {
  top: -16px;
}
.cui-row-threerow.cui-row-2 .cui-keytip {
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.cui-row-threerow.cui-row-3 .cui-keytip {
  bottom: -12px;
}
.cui-row-tworow.cui-row-2 .cui-keytip {
  bottom: -22px;
}
.cui-row-onerow .cui-keytip {
  bottom: -21px;
}
a.cui-ctl.cui-dialogLauncherButton .cui-keytip {
  bottom: -17px;
}
/*-----------------------------------------------------------------------------
	LOWER RIBBON
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
	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;
  }
}
/*-----------------------------------------------------------------------------
	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;
}
/*-----------------------------------------------------------------------------
	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;
}
/*******************************************************************************
	Controls.cst

	CSS for all ribbon control types.
*******************************************************************************/
/*-----------------------------------------------------------------------------
	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;
}
/* All high contrast styling rules in IE10+/Edge */
@media screen and (-ms-high-contrast: active) {
}
/*-----------------------------------------------------------------------------
	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;
}
/*-----------------------------------------------------------------------------
	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;
  }
}
/*-----------------------------------------------------------------------------
	RIBBON CONTROLS WITH KEYTIPS
-----------------------------------------------------------------------------*/
.cui-topBar2 a.cui-jewel-jewelMenuLauncher,
.cui-topBar2 a.cui-tt-a,
.cui-TabRowInline a.cui-ctl-medium,
.cui-TabRowInline span.cui-sb,
.cui-groupBody a.cui-ctl,
.cui-groupBody a.cui-ctl-medium,
.cui-groupBody a.cui-ctl-large,
.cui-groupBody span.cui-cb,
.cui-groupBody span.cui-dd,
.cui-groupBody span.cui-spn,
.cui-groupBody span.cui-tb,
.cui-groupBody span[aria-haspopup="true"],
.cui-groupBody a[aria-haspopup='true'].cui-ctl-thin,
.cui-menusection a.cui-ctl-menu {
  position: relative;
}
.cui-groupBody a.cui-ctl-large,
.cui-groupBody span.cui-ctl-large,
.cui-groupBody a[aria-haspopup='true'].cui-ctl-thin {
  overflow: visible;
}
/*-----------------------------------------------------------------------------
	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;
}
/*-----------------------------------------------------------------------------
	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;
}
/*-----------------------------------------------------------------------------
	SLIDERS
-----------------------------------------------------------------------------*/
.cui-sldr {
  display: inline-block;
  text-align: center;
  cursor: default;
  border: 1px solid transparent;
}
.cui-sldr-input {
  -webkit-appearance: none;
  margin-top: 12px;
  width: 150px;
  display: block;
}
.cui-sldr-input::-webkit-slider-runnable-track {
  width: 150px;
  height: 10px;
  background: #dddddd;
  border: 1px solid transparent;
  border-radius: 10px;
}
.cui-sldr-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 12px;
  width: 12px;
  border: 1px solid #777777;
  border-radius: 50%;
  background: #eeeeee;
  margin-top: -1px;
}
.cui-sldr-input:focus {
  outline: none;
}
.cui-sldr-input:focus::-webkit-slider-runnable-track {
  background: #dddddd;
}
.cui-sldr-input::-moz-range-track {
  width: 150px;
  height: 10px;
  background: #dddddd;
  border: 1px solid transparent;
  border-radius: 10px;
}
.cui-sldr-input::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border: 1px solid #777777;
  border-radius: 50%;
  background: #eeeeee;
}
.cui-sldr-input::-moz-focus-outer {
  border: 0;
}
.cui-sldr-input::-ms-tooltip {
  display: none;
}
.cui-sldr-input::-ms-track {
  height: 10px;
  background: transparent;
  border-color: transparent;
  color: transparent;
  border-width: 2px 0;
}
.cui-sldr-input::-ms-fill-lower {
  background: #4D82B8;
  border-radius: 10px;
  border: 1px solid #4D82B8;
}
.cui-sldr-input::-ms-fill-upper {
  background: #dddddd;
  border-radius: 10px;
  border: 1px solid #dddddd;
}
.cui-sldr-input::-ms-thumb {
  height: 12px;
  width: 12px;
  border: 1px solid #777777;
  border-radius: 50%;
  background: #eeeeee;
}
/* 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;
  }
}
/*******************************************************************************
	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;
}
/*-----------------------------------------------------------------------------
	FILE MENU ITEMS
-----------------------------------------------------------------------------*/
.cui-jewelmenu,
.cui-jewelsubmenu {
  bottom: 0px;
}
.cui-touch.cui-menu.cui-jewelmenu {
  padding: 0px;
}
.cui-jewelsubmenu .cui-footerbutton,
.cui-jewelsubmenu .cui-templatebutton-label-portrait,
.cui-jewelsubmenu .cui-templatebutton-label-landscape,
.cui-jewelsubmenu .cui-templatebutton-label-square,
.cui-jewelsubmenu .cui-mrubutton-title,
.cui-jewelsubmenu .cui-mrubutton-description {
  color: #444444;
}
.cui-jewelsubmenu .cui-ctl-filenamelabel.cui-menusection-filenametitle {
  color: #2b579a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cui-jewelsubmenu .cui-menusection-filenametitle {
  margin-top: 6px;
  margin-bottom: 24px;
}
.cui-jewelmenu .cui-ctl-menu,
.cui-touch.cui-jewelmenu .cui-ctl-menu {
  margin: 0px;
  border: 0px;
  padding-top: 6px;
  padding-right: 26px;
  padding-bottom: 6px;
  padding-left: 26px;
  white-space: normal;
}
.AppRtl .cui-jewelmenu .cui-ctl-menu {
  padding-right: 26px;
  padding-left: 26px;
}
.cui-jewelsubmenu .cui-ctl-menu.cui-ctl-on {
  background-color: #fdec9a;
}
.cui-jewelmenu #jbtnBackArrow-Menu32,
.cui-jewelmenu .cui-ctl-menu.cui-disabled,
.usehover .cui-jewelmenu .cui-ctl-menu.cui-disabled:hover {
  background-color: transparent !important;
}
.cui-jewelsubmenu .cui-ctl-menu.cui-ctl-on.cui-disabled {
  background-color: #fdec9a !important;
}
.cui-jewelmenu #jbtnBackArrow-Menu32 {
  outline: none;
}
.cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32 {
  padding-top: 16px;
  padding-left: 24px;
  padding-bottom: 20px;
  margin-top: 28px !important;
  margin-bottom: 20px;
}
.cui-jewelmenu .cui-ctl-menulabel {
  min-height: 27px;
}
.cui-jewelmenu .cui-ctl-iconContainer {
  display: none;
}
.cui-jewelmenu #jbtnBackArrow-Menu32 .cui-ctl-iconContainer {
  display: inline-block;
  border: none;
}
.cui-jewelmenu .cui-disabled .cui-img-container {
  visibility: hidden;
}
.cui-jewelmenu {
  background-color: #2b579a;
  border-color: #2b579a;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  min-width: 120px;
  max-width: 200px;
  width: auto;
}
.cui-jewelsubmenu {
  background-color: #ffffff;
  border: 1px solid #2b579a;
  border-left-width: 0px;
}
.AppRtl .cui-jewelsubmenu {
  border-left-width: 1px;
  border-right-width: 0px;
}
.cui-jewelmenu span {
  color: #ffffff;
}
.cui-jewelmenu .cui-disabled span {
  color: #3e6db5 !important;
}
.cui-jewelmenu .cui-menusection {
  margin-bottom: 6px;
}
.cui-jewelmenu .cui-menusection-separator {
  margin-top: 5px;
  margin-bottom: 7px;
  margin-left: 25px;
  width: 68px;
  background-color: #3e6db5;
}
.cui-jewelmenu .cui-btn-title {
  max-width: 165px;
}
.cui-jewelsubmenu .cui-ctl-iconContainer {
  width: 72px;
  height: 72px;
  padding: 0px;
}
.cui-jewelsubmenu .cui-img-48by48 {
  margin-left: 12px;
  margin-right: auto;
  margin-top: 12px;
}
.AppRtl .cui-jewelsubmenu .cui-img-48by48 {
  margin-left: auto;
  margin-right: 12px;
}
.cui-jewelsubmenu .cui-menusection {
  clear: both;
}
.cui-jewelsubmenu .cui-menusection-titleAtTop {
  background-color: transparent;
  padding-right: 0px;
  padding-left: 37px;
  margin: 0px;
  border: 0px;
}
.AppRtl .cui-jewelsubmenu .cui-menusection-titleAtTop {
  padding-right: 37px;
  padding-left: 0px;
}
.cui-jewelsubmenu .cui-ctl-menu:focus {
  border: 0px none transparent !important;
}
.cui-jewelsubmenu .cui-ctl-menu.cui-ctl-active .cui-ctl-iconContainer,
.cui-jewelsubmenu .cui-ctl-menu.cui-ctl-active:hover .cui-ctl-iconContainer {
  border-color: #3e6db5;
}
.usehover .cui-jewelsubmenu .cui-disabled .cui-ctl-iconContainer:hover,
.usehover .cui-jewelsubmenu .cui-disabled:hover .cui-ctl-iconContainer,
.cui-jewelsubmenu .cui-disabled:focus .cui-ctl-iconContainer {
  border-color: #e1e1e1;
  background-color: transparent;
}
.cui-jewelsubmenu .cui-ctl-menulabel {
  padding-left: 13px;
  max-width: 470px;
}
.AppRtl .cui-jewelsubmenu .cui-ctl-menulabel {
  padding-left: 0px;
  padding-right: 13px;
}
.cui-jewelsubmenu .cui-btn-menu-description {
  max-width: 470px;
  color: #666666;
}
.cui-jewelsubmenu .cui-ctl-menu {
  padding: 0px;
  margin-top: 0px;
  border: 0px;
  min-height: 74px;
}
.cui-jewelmenu #jbtnBackArrow-Menu32 .cui-img-cont-float {
  background-color: #ffffff;
}
.cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32 .cui-img-cont-float {
  background-color: transparent;
}
.cui-jewelmenu #jbtnBackArrow-Menu32:hover .cui-img-cont-float,
.cui-jewelmenu #jbtnBackArrow-Menu32:focus .cui-img-cont-float {
  background-color: #c2d5f2;
  outline: 2px dashed transparent;
}
.cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32:hover .cui-img-cont-float,
.cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32:focus .cui-img-cont-float {
  background-color: transparent;
}
.usehover .cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32:hover,
.cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32:focus,
.cui-jewelmenu-backarrowrefresh .cui-ctl-menu:focus #jbtnBackArrow-Menu32 {
  background-color: #19478a !important;
}
.cui-jewelmenu #jbtnBackArrow-Menu32 .cui-img-32by32 {
  border-radius: 15px;
}
.cui-jewelmenu,
.cui-jewelmenu *,
.cui-jewelsubmenu,
.cui-jewelsubmenu * {
  outline: none;
  /* remove the default browser focus rect (see Office15 bug 2147065) */
}
.cui-jewelmenu .cui-menusection-items .cui-ctl-menu {
  opacity: 0;
  filter: alpha(opacity=0);
}
.cui-jewelmenu .cui-ctl-mediumlabel {
  display: inline-block;
}
.cui-jewelsubmenu .cui-templatebutton-label-portrait,
.cui-jewelsubmenu .cui-templatebutton-label-landscape,
.cui-jewelsubmenu .cui-templatebutton-label-square,
.cui-mrubutton-description,
.cui-mrubutton-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.cui-jewelsubmenu .cui-mrubutton {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 0px;
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
}
.AppRtl .cui-jewelsubmenu .cui-mrubutton {
  padding-left: 0px;
  padding-right: 10px;
}
.cui-mrubutton-description {
  width: 470px;
  margin-top: -2px;
}
.cui-jewelsubmenu .cui-mrubutton .cui-mrubutton-textcontainer {
  vertical-align: top;
  width: 470px;
  padding-left: 10px;
  padding-right: 0px;
}
.AppRtl .cui-jewelsubmenu .cui-mrubutton .cui-mrubutton-textcontainer {
  padding-left: 0px;
  padding-right: 10px;
}
.cui-mrubutton-title {
  width: 470px;
  position: relative;
  top: -3px;
}
.cui-jewelsubmenu .cui-menusection-subsectiontitle,
.cui-jewelsubmenu .cui-menusection-filenametitle,
.cui-jewelsubmenu .cui-menusection-diagnostics-label,
.cui-jewelsubmenu .cui-menusection-diagnostics-textbox,
.cui-jewelsubmenu a.cui-footerbutton {
  margin-left: 40px;
  margin-right: 40px;
  display: inline-block;
  white-space: normal;
}
.cui-jewelsubmenu .cui-menusection-diagnostics-textbox {
  width: 100%;
}
.cui-jewelsubmenu .cui-menusection-diagnostics-textbox .cui-menusection-diagnostics-textboxlabel {
  vertical-align: top;
  width: 25%;
  display: inline-block;
}
.cui-jewelsubmenu .cui-menusection-diagnostics-textbox textarea {
  color: inherit;
  resize: none;
  border: none;
  overflow: hidden;
  line-height: 1;
  width: 70%;
  text-align: left;
}
.AppRtl .cui-jewelsubmenu .cui-menusection-diagnostics-textbox textarea {
  text-align: right;
}
.cui-jewelsubmenu .cui-menusection-subsectiontitle {
  margin-bottom: 20px;
}
.cui-jewelsubmenu a.cui-footerbutton {
  margin-top: 20px;
}
.cui-jewelsubmenu a.cui-footerbutton,
.cui-jewelsubmenu a.cui-subsectionlabellink {
  color: #336699;
  cursor: pointer;
}
.usehover a.cui-footerbutton:hover,
.usehover a.cui-subsectionlabellink:hover {
  text-decoration: underline;
}
a.cui-footerbutton:focus,
a.cui-subsectionlabellink:focus {
  outline: #000000 dotted 1px;
}
.cui-jewelsubmenu .cui-menuloading {
  display: block;
  text-align: center;
}
.cui-jewelsubmenu .cui-templatebutton-portrait,
.cui-jewelsubmenu .cui-templatebutton-landscape,
.cui-jewelsubmenu .cui-templatebutton-shortlandscape,
.cui-jewelsubmenu .cui-templatebutton-square {
  padding-top: 9px;
  padding-left: 9px;
  padding-right: 9px;
  float: left;
}
.AppRtl .cui-jewelsubmenu .cui-templatebutton-portrait,
.AppRtl .cui-jewelsubmenu .cui-templatebutton-landscape,
.AppRtl .cui-jewelsubmenu .cui-templatebutton-shortlandscape,
.AppRtl .cui-jewelsubmenu .cui-templatebutton-square {
  float: right;
}
.cui-jewelsubmenu .cui-templatebutton-portrait {
  margin-left: 30px;
  margin-right: 28px;
  height: 152px;
}
.AppRtl .cui-jewelsubmenu .cui-templatebutton-portrait {
  margin-right: 30px;
  margin-left: 28px;
}
.cui-jewelsubmenu .cui-templatebutton-square {
  margin-left: 50px;
  margin-right: auto;
  margin-bottom: 31px;
  height: 129px;
}
.AppRtl .cui-jewelsubmenu .cui-templatebutton-square {
  margin-right: 50px;
  margin-left: auto;
}
.cui-jewelsubmenu .cui-templatebutton-landscape {
  margin-left: 30px;
  margin-right: auto;
  margin-bottom: 28px;
  height: 124px;
}
.cui-jewelsubmenu .cui-templatebutton-shortlandscape {
  margin-left: 30px;
  margin-right: auto;
  margin-bottom: 54px;
  height: 98px;
}
.AppRtl .cui-jewelsubmenu .cui-templatebutton-landscape,
.AppRtl .cui-jewelsubmenu .cui-templatebutton-shortlandscape {
  margin-right: 30px;
  margin-left: auto;
}
.cui-jewelsubmenu .cui-img-95by123,
.cui-menu .cui-img-95by123 {
  width: 95px;
  height: 123px;
  border: 1px solid #e1e1e1;
}
.cui-jewelsubmenu .cui-img-123by95,
.cui-menu .cui-img-123by95 {
  width: 123px;
  height: 95px;
  border: 1px solid #e1e1e1;
}
.cui-jewelsubmenu .cui-img-123by69,
.cui-menu .cui-img-123by69 {
  width: 123px;
  height: 69px;
  border: 1px solid #e1e1e1;
}
.cui-jewelsubmenu .cui-img-100by100,
.cui-menu .cui-img-100by100 {
  width: 80px;
  height: 80px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border: 1px solid #e1e1e1;
}
.cui-jewelsubmenu .cui-templatebutton-label-portrait,
.cui-jewelsubmenu .cui-templatebutton-label-landscape,
.cui-jewelsubmenu .cui-templatebutton-label-square {
  margin-top: 3px;
  display: inline-block;
}
.cui-jewelsubmenu .cui-ctl-medium .cui-templatebutton-label-portrait {
  width: 95px;
}
.cui-jewelsubmenu .cui-ctl-medium .cui-templatebutton-label-landscape {
  width: 123px;
}
.cui-jewelsubmenu .cui-ctl-medium .cui-templatebutton-label-square {
  width: 100px;
}
.cui-jewelsubmenu .cui-headerbutton {
  margin-left: 36px;
  margin-right: auto;
  margin-top: -4px;
  margin-bottom: 12px;
}
.AppRtl .cui-jewelsubmenu .cui-headerbutton {
  margin-left: auto;
  margin-right: 36px;
}
.cui-jewelsubmenu .cui-headerbutton-img {
  vertical-align: -10px;
}
.usehover .cui-jewelsubmenu .cui-templatebutton-portrait:hover,
.usehover .cui-jewelsubmenu .cui-templatebutton-landscape:hover,
.usehover .cui-jewelsubmenu .cui-templatebutton-shortlandscape:hover,
.usehover .cui-jewelsubmenu .cui-templatebutton-square:hover,
.usehover .cui-jewelsubmenu .cui-headerbutton:hover,
.usehover .cui-jewelsubmenu .cui-mrubutton:hover,
.cui-jewelsubmenu .cui-templatebutton-portrait:focus,
.cui-jewelsubmenu .cui-templatebutton-landscape:focus,
.cui-jewelsubmenu .cui-templatebutton-shortlandscape:focus,
.cui-jewelsubmenu .cui-templatebutton-square:focus,
.cui-jewelsubmenu .cui-headerbutton:focus,
.cui-jewelsubmenu .cui-mrubutton:focus {
  border-color: #d5e1f2 !important;
  background-color: #d5e1f2 !important;
}
/* All high contrast styling rules in IE10+/Edge */
@media screen and (-ms-high-contrast: active) {
  .cui-jewelmenu #jbtnBackArrow-Menu32,
  .cui-jewelmenu .cui-ctl-menu.cui-disabled,
  .usehover .cui-jewelmenu .cui-ctl-menu.cui-disabled:hover,
  .cui-jewelmenu .cui-disabled span,
  .usehover .cui-jewelsubmenu .cui-disabled .cui-ctl-iconContainer:hover,
  .usehover .cui-jewelsubmenu .cui-disabled:hover .cui-ctl-iconContainer,
  .cui-jewelsubmenu .cui-disabled:focus .cui-ctl-iconContainer {
    color: GrayText !important;
    opacity: 1;
  }
  .cui-jewelsubmenu .cui-disabled:focus .cui-ctl-iconContainer {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    outline-color: inherit !important;
  }
  .usehover .cui-jewelmenu .cui-ctl-menu:hover,
  .cui-jewelmenu .cui-ctl-menu:focus,
  .usehover .cui-jewelmenu .cui-ctl-menu:hover .cui-ctl-mediumlabel,
  .cui-jewelmenu .cui-ctl-menu:focus .cui-ctl-mediumlabel,
  .cui-jewelsubmenu .cui-ctl-menu:focus,
  .usehover .cui-jewelsubmenu .cui-ctl-iconContainer:hover,
  .usehover .cui-jewelsubmenu .cui-ctl-menu:hover .cui-ctl-iconContainer,
  .cui-jewelsubmenu .cui-ctl-menu:focus .cui-ctl-iconContainer,
  .cui-jewelsubmenu .cui-ctl-menu.cui-ctl-active .cui-ctl-iconContainer,
  .cui-jewelsubmenu .cui-ctl-menu.cui-ctl-active:hover .cui-ctl-iconContainer,
  .cui-jewelsubmenu .cui-ctl-menu.cui-ctl-active,
  .cui-jewelmenu .cui-fa-dropped.cui-ctl-menu,
  .cui-jewelmenu .cui-fa-dropped.cui-ctl-menu .cui-ctl-mediumlabel,
  .cui-jewelmenu #jbtnBackArrow-Menu32:hover .cui-img-cont-float,
  .cui-jewelmenu #jbtnBackArrow-Menu32:focus .cui-img-cont-float,
  .usehover .cui-jewelsubmenu .cui-templatebutton-portrait:hover,
  .usehover .cui-jewelsubmenu .cui-templatebutton-landscape:hover,
  .usehover .cui-jewelsubmenu .cui-templatebutton-shortlandscape:hover,
  .usehover .cui-jewelsubmenu .cui-templatebutton-square:hover,
  .usehover .cui-jewelsubmenu .cui-headerbutton:hover,
  .usehover .cui-jewelsubmenu .cui-mrubutton:hover,
  .cui-jewelsubmenu .cui-templatebutton-portrait:focus,
  .cui-jewelsubmenu .cui-templatebutton-landscape:focus,
  .cui-jewelsubmenu .cui-templatebutton-shortlandscape:focus,
  .cui-jewelsubmenu .cui-templatebutton-square:focus,
  .cui-jewelsubmenu .cui-headerbutton:focus,
  .cui-jewelsubmenu .cui-mrubutton:focus {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
}
/* styles for the jewel alongside the simplified ribbon */
.cui-jewelmenu {
  overflow: hidden;
}
.cui-jewelmenu .cui-jewelmenu .cui-ctl-menulabel {
  min-height: 28px;
}
.cui-jewelsubmenu .cui-menusection-filenametitle {
  color: #707070 !important;
}
.usehover .cui-jewelmenu .cui-ctl-menu:hover {
  background-color: #366ec2 !important;
}
.usehover .cui-jewelsubmenu.cui-jewelsubmenu #btnProtectDocument-Menu48:hover.cui-ctl-menu.cui-ctl-on.cui-disabled,
.usehover .cui-jewelsubmenu.cui-jewelsubmenu #btnProtectDocument-Menu48:hover.cui-ctl-menu.cui-ctl-on.cui-disabled .cui-ctl-iconContainer {
  background-color: #fdec9a !important;
}
.cui-jewelmenu .cui-ctl-menu:focus {
  background-color: #366ec2 !important;
  border: 1px;
  border-style: solid;
  border-color: white !important;
  padding: 5px 25px 5px 25px;
}
.cui-jewelmenu #jbtnBackArrow-Menu32:focus {
  background-color: #366ec2 !important;
  padding: 15px 25px 19px 23px;
}
.cui-jewelmenu .cui-fa-dropped.cui-ctl-menu {
  background-color: #1E3C6B !important;
}
.cui-jewelmenu #jbtnBackArrow-Menu32 {
  padding-top: 16px;
  padding-left: 24px;
  padding-bottom: 20px;
  margin-top: 28px !important;
  margin-bottom: 20px;
}
.cui-jewelmenu #jbtnBackArrow-Menu32 .cui-ctl-iconContainer {
  padding: 0px !important;
}
.cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32 .cui-ctl-iconContainer {
  padding: 0px 0px 0px 2px !important;
}
.cui-jewelsubmenu .cui-ctl-iconContainer {
  margin-left: 0px;
  border: none;
}
.cui-jewelsubmenu .cui-menusection-titleAtTop {
  color: #2b579a;
}
.usehover .cui-jewelsubmenu .cui-ctl-menu:hover,
.cui-jewelsubmenu .cui-ctl-menu:focus {
  background-color: #E7EEF8 !important;
}
.usehover .cui-jewelsubmenu .cui-ctl-iconContainer:hover,
.usehover .cui-jewelsubmenu .cui-ctl-menu:hover .cui-ctl-iconContainer,
.cui-jewelsubmenu .cui-ctl-menu:focus .cui-ctl-iconContainer {
  border-color: #E7EEF8;
  background-color: #E7EEF8;
}
.cui-jewelsubmenu .cui-ctl-menu.cui-ctl-active .cui-ctl-iconContainer,
.cui-jewelsubmenu .cui-ctl-menu.cui-ctl-active:hover .cui-ctl-iconContainer {
  background-color: #c2d5f2;
}
.cui-jewelsubmenu .cui-ctl-menu.cui-ctl-active,
.cui-jewelsubmenu .cui-ctl-menu.cui-ctl-active:hover {
  background-color: #c2d5f2 !important;
}
.cui-jewelsubmenu .cui-ctl-menulabel {
  padding-top: 12px;
}
.cui-jewelsubmenu .cui-ctl-mediumlabel {
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
}
.cui-jewelsubmenu .cui-btn-menu-description {
  padding-top: 4px;
}
.cui-jewelsubmenu .cui-ctl-menu {
  margin-bottom: 0px;
  margin-left: 16px;
  margin-right: 16px;
}
.cui-jewelmenu .cui-fa-dropped {
  border: none;
}
.usehover .cui-jewelmenu #jbtnBackArrow-Menu32:hover,
.cui-jewelmenu .cui-ctl-menu:focus #jbtnBackArrow-Menu32 {
  background-color: #366ec2 !important;
}
.cui-jewelsubmenu #SaveAsInformationMenuSection {
  margin-left: 60px !important;
  margin-top: 32px;
}
.AppRtl .cui-jewelsubmenu #SaveAsInformationMenuSection {
  margin-right: 60px !important;
}
.AppRtl .cui-jewelsubmenu .cui-ctl-iconContainer {
  margin-left: 0px;
  margin-right: 0px;
}
.cui-jewelsubmenu #lblWheresTheSaveButton-MenuSaveButton,
.cui-jewelsubmenu #lblDiagnostics-MenuDiagnostics {
  display: inline-block !important;
}
.cui-jewelsubmenu .cui-menusection-filenametitle {
  margin-left: 37px !important;
  padding-top: 8px;
}
.cui-jewelsubmenu .cui-mrubutton-textcontainer {
  padding-top: 0px !important;
}
.cui-jewelsubmenu #AboutInformationMenuSectionDiagnostics {
  padding-top: 16px;
}
.cui-jewelsubmenu .cui-menusection-titleAtTop {
  padding-top: 34px;
  padding-bottom: 21px;
}
.cui-jewelsubmenu .cui-ctl-mediumlabel {
  color: #212121;
}
.cui-jewelmenu .cui-btn-menu-description {
  padding-top: 0px;
}
.cui-jewelsubmenu #lblMessage-MenuMru {
  margin-top: 14px;
}
.cui-jewelsubmenu #lblRecentDocuments-MenuMru {
  margin-top: 14px;
}
/* Outline styling for high contrast in Firefox */
.usehover .cui-jewelmenu .cui-ctl-menu:hover,
.cui-jewelmenu .cui-ctl-menu:focus,
.usehover .cui-jewelsubmenu .cui-ctl-menu:hover,
.cui-jewelsubmenu .cui-ctl-menu:focus,
.usehover .cui-jewelmenu #jbtnBackArrow-Menu32:hover,
.cui-jewelmenu .cui-ctl-menu:focus #jbtnBackArrow-Menu32 {
  outline: 2px dashed transparent;
}
.cui-jewelmenu #jbtnBackArrow-Menu32:hover .cui-img-cont-float,
.cui-jewelmenu #jbtnBackArrow-Menu32:focus .cui-img-cont-float {
  outline: none !important;
  outline-color: transparent !important;
}
.usehover .cui-jewelmenu .cui-ctl-menu:hover,
.cui-jewelmenu .cui-ctl-menu:focus,
.usehover .cui-jewelsubmenu .cui-ctl-menu:hover,
.cui-jewelsubmenu .cui-ctl-menu:focus,
.usehover .cui-jewelmenu #jbtnBackArrow-Menu32:hover,
.cui-jewelmenu .cui-ctl-menu:focus #jbtnBackArrow-Menu32 {
  outline: 2px dashed transparent;
}
.cui-jewelmenu .cui-fa-dropped.cui-ctl-menu {
  outline: 2px solid transparent;
}
.AppRtl .cui-jewelmenu #jbtnBackArrow-Menu32 {
  padding-right: 38px;
  padding-left: 12px;
}
.AppRtl .cui-jewelmenu #jbtnBackArrow-Menu32:focus {
  padding-right: 37px;
  padding-left: 11px;
}
/* All high contrast styling rules in IE10+/Edge for the React ribbon Jewel */
@media screen and (-ms-high-contrast: active) {
  .usehover .cui-jewelmenu .cui-ctl-menu:hover,
  .cui-jewelmenu .cui-ctl-menu:focus,
  .usehover .cui-jewelsubmenu .cui-ctl-menu:hover,
  .cui-jewelsubmenu .cui-ctl-menu:focus,
  .usehover .cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32:hover,
  .usehover .cui-jewelmenu #jbtnBackArrow-Menu32:hover,
  .cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32:focus,
  .cui-jewelmenu #jbtnBackArrow-Menu32:focus,
  .cui-jewelmenu-backarrowrefresh .cui-ctl-menu:focus #jbtnBackArrow-Menu32,
  .cui-jewelmenu .cui-ctl-menu:focus #jbtnBackArrow-Menu32 {
    background-color: Highlight !important;
    color: HighlightText !important;
    outline: 2px dashed transparent !important;
    outline-color: inherit !important;
  }
  .usehover .cui-jewelsubmenu .cui-ctl-menu:hover .cui-btn-title,
  .cui-jewelsubmenu .cui-ctl-menu:focus .cui-btn-title,
  .usehover .cui-jewelsubmenu .cui-ctl-menu:hover .cui-btn-menu-description,
  .cui-jewelsubmenu .cui-ctl-menu:focus .cui-btn-menu-description {
    -ms-high-contrast-adjust: none;
    background-color: highlight;
    color: highlightText;
    display: block !important;
  }
  .cui-jewelmenu .cui-fa-dropped.cui-ctl-menu {
    background-color: Highlight !important;
    color: HighlightText !important;
    outline: 2px solid transparent !important;
    outline-color: inherit !important;
  }
  .cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32:hover .cui-img-cont-float,
  .cui-jewelmenu #jbtnBackArrow-Menu32:hover .cui-img-cont-float,
  .cui-jewelmenu-backarrowrefresh #jbtnBackArrow-Menu32:focus .cui-img-cont-float,
  .cui-jewelmenu #jbtnBackArrow-Menu32:focus .cui-img-cont-float {
    outline: none !important;
    outline-color: transparent !important;
  }
}
/*******************************************************************************
	StatusBar.cst

	CSS specific to the status bar.
*******************************************************************************/
/*-----------------------------------------------------------------------------
	STATUS BAR
-----------------------------------------------------------------------------*/
.cui-statusbar {
  height: 22px;
  background-color: #ffffff;
  border-top: 1px solid #e1e1e1;
}
.dark .cui-statusbar {
  background-color: #444444;
  border-top: 1px solid #555555;
}
.cui-statusbar .cui-toolbar-buttondock {
  margin-top: 0px;
  height: 22px;
  padding: 0;
  margin-left: 5px;
  margin-right: 5px;
}
/*-----------------------------------------------------------------------------
	STATUS BAR STANDARD CONTROL SIZING OVERRIDES
-----------------------------------------------------------------------------*/
.cui-statusbar a.cui-ctl-medium,
.cui-statusbar a.cui-fslb,
.cui-statusbar span.cui-fslb {
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
}
.cui-statusbar span.cui-ctl-compact {
  height: 16px;
  margin-left: 1px;
  margin-right: 1px;
}
.cui-statusbar a.cui-ctl-compact {
  height: 16px;
  width: 16px;
  margin-left: 1px;
  margin-right: 1px;
}
.cui-statusbar .cui-ctl,
.cui-statusbar .cui-ctl-medium,
.cui-statusbar .cui-fslb {
  padding-top: 2px;
  padding-bottom: 2px;
}
.cui-statusbar .cui-ctl {
  padding: 2px 9px 2px;
}
.cui-statusbar .cui-toolbar-button-center {
  vertical-align: top;
  /* The left and right button docks get this implicitly because they are position:absolute, but the center dock (which is position:relative) needs it explicitly */
}
.cui-statusbar .cui-ctl-mediumlabel {
  margin-top: 1px;
  /* browsers need an extra margin to align the text in controls with the text in labels */
}
.cui-statusbar span.cui-fslb {
  border: 1px solid transparent;
}
span.cui-fslb .cui-ctl-mediumlabel {
  display: inline-block;
  margin-left: 3px;
  margin-right: 0px;
}
.AppRtl span.cui-fslb .cui-ctl-mediumlabel {
  margin-left: 0px;
  margin-right: 3px;
}
span.cui-fslb .cui-ctl-mediumlabel:first-child {
  margin-left: 0;
  margin-right: 0;
}
/*-----------------------------------------------------------------------------
	STATUS BAR STANDARD CONTROL COLOR OVERRIDES
-----------------------------------------------------------------------------*/
.cui-statusbar .cui-ctl,
.cui-statusbar .cui-ctl-medium {
  border-color: transparent;
}
.dark .cui-statusbar .cui-ctl,
.dark .cui-statusbar .cui-ctl-medium {
  border-color: transparent;
}
.cui-statusbar .cui-ctl-mediumlabel,
.cui-statusbar .cui-fslb {
  color: #444444;
}
.dark .cui-statusbar .cui-ctl-mediumlabel,
.dark .cui-statusbar .cui-fslb {
  color: #ffffff;
}
/*-----------------------------------------------------------------------------
	STATUS BAR CONTROL STATE COLOR OVERRIDES
-----------------------------------------------------------------------------*/
.cui-statusbar .cui-ctl-on {
  border-color: #c2d5f2;
  background-color: #c2d5f2;
}
.dark .cui-statusbar .cui-ctl-on {
  border-color: #777777;
  background-color: #777777;
}
.usehover .cui-statusbar .cui-ctl:hover,
.cui-statusbar .cui-ctl:focus,
.usehover .cui-statusbar .cui-ctl-medium:hover,
.cui-statusbar .cui-ctl-medium:focus {
  border-color: #d5e1f2;
  background-color: #d5e1f2;
}
.usehover .dark .cui-statusbar .cui-ctl:hover,
.dark .cui-statusbar .cui-ctl:focus,
.usehover .dark .cui-statusbar .cui-ctl-medium:hover,
.dark .cui-statusbar .cui-ctl-medium:focus {
  border-color: #777777;
  background-color: #777777;
}
.cui-statusbar .cui-ctl-medium:focus {
  outline: auto 1px;
}
.usehover .cui-statusbar .cui-ctl-on:hover,
.cui-statusbar .cui-ctl-on:focus {
  border-color: #a3bde3;
  background-color: #d5e1f2;
}
.usehover .dark .cui-statusbar .cui-ctl-on:hover,
.dark .cui-statusbar .cui-ctl-on:focus {
  border-color: #262626;
  background-color: #777777;
}
.cui-statusbar .cui-ctl.cui-ctl-active,
.usehover .cui-statusbar .cui-ctl.cui-ctl-active:hover,
.cui-statusbar .cui-ctl-medium.cui-ctl-active,
.usehover .cui-statusbar .cui-ctl-medium.cui-ctl-active:hover,
.cui-statusbar .cui-fa-dropped {
  border-color: #a3bde3;
  background-color: #a3bde3;
}
.dark .cui-statusbar .cui-ctl.cui-ctl-active,
.usehover .dark .cui-statusbar .cui-ctl.cui-ctl-active:hover,
.dark .cui-statusbar .cui-ctl-medium.cui-ctl-active,
.usehover .dark .cui-statusbar .cui-ctl-medium.cui-ctl-active:hover,
.dark .cui-statusbar .cui-fa-dropped {
  border-color: #262626;
  background-color: #262626;
}
/* MLR Visual Refresh */
.MLRVisualRefresh .cui-statusbar .cui-ctl-mediumlabel {
  margin-top: 0;
}
.MLRVisualRefresh .cui-statusbar .cui-ctl-on {
  border-color: #c8c6c4;
  background-color: #c8c6c4;
}
.usehover .MLRVisualRefresh .cui-statusbar .cui-ctl:hover,
.MLRVisualRefresh .cui-statusbar .cui-ctl:focus,
.usehover .MLRVisualRefresh .cui-statusbar .cui-ctl-medium:hover,
.MLRVisualRefresh .cui-statusbar .cui-ctl-medium:focus {
  border-color: #e1dfdd;
  background-color: #e1dfdd;
}
.usehover .MLRVisualRefresh .cui-statusbar .cui-ctl-on:hover,
.MLRVisualRefresh .cui-statusbar .cui-ctl-on:focus {
  border-color: #797673;
  background-color: #e1dfdd;
}
.MLRVisualRefresh .cui-statusbar .cui-ctl.cui-ctl-active,
.usehover .MLRVisualRefresh .cui-statusbar .cui-ctl.cui-ctl-active:hover,
.MLRVisualRefresh .cui-statusbar .cui-ctl-medium.cui-ctl-active,
.usehover .MLRVisualRefresh .cui-statusbar .cui-ctl-medium.cui-ctl-active:hover,
.MLRVisualRefresh .cui-statusbar .cui-fa-dropped {
  border-color: #d2d0ce;
  background-color: #d2d0ce;
}
.cui-statusbar .cui-disabled * {
  color: #b1b1b1 !important;
}
.dark .cui-statusbar .cui-disabled * {
  color: #b1b1b1 !important;
}
.cui-statusbar .cui-disabled .cui-img-container,
.cui-statusbar .cui-disabled .cui-img-cont-float {
  background-color: #ffffff;
}
.dark .cui-statusbar .cui-disabled .cui-img-container,
.dark .cui-statusbar .cui-disabled .cui-img-cont-float {
  background-color: #444444;
}
.cui-statusbar .cui-disabled.cui-ctl-on {
  border-color: transparent !important;
  background-color: transparent !important;
}
.dark .cui-statusbar .cui-disabled.cui-ctl-on {
  border-color: transparent !important;
  background-color: transparent !important;
}
.usehover .cui-statusbar .cui-disabled:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}
.usehover .dark .cui-statusbar .cui-disabled:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}
.cui-statusbar .cui-disabled:focus {
  border-color: #d5e1f2 !important;
  background-color: #d5e1f2 !important;
}
.dark .cui-statusbar .cui-disabled:focus {
  border-color: #777777 !important;
  background-color: #777777 !important;
}
.MLRVisualRefresh .cui-statusbar .cui-disabled:focus {
  border-color: #e1dfdd !important;
  background-color: #e1dfdd !important;
}
/* All high contrast styling rules in IE10+/Edge */
@media screen and (-ms-high-contrast: active) {
  .cui-statusbar .cui-disabled *,
  .cui-statusbar .cui-disabled .cui-img-container,
  .cui-statusbar .cui-disabled .cui-img-cont-float,
  .cui-statusbar .cui-disabled.cui-ctl-on,
  .usehover .cui-statusbar .cui-disabled:hover,
  .cui-statusbar .cui-disabled:focus,
  .MLRVisualRefresh .cui-statusbar .cui-disabled:focus {
    color: GrayText !important;
    opacity: 1;
  }
  .cui-statusbar .cui-disabled.cui-ctl-on,
  .cui-statusbar .cui-disabled:focus {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    outline-color: inherit !important;
  }
  .usehover .cui-statusbar .cui-disabled:hover {
    background-color: transparent;
  }
  .cui-statusbar .cui-ctl-on,
  .usehover .cui-statusbar .cui-ctl:hover,
  .cui-statusbar .cui-ctl:focus,
  .usehover .cui-statusbar .cui-ctl-medium:hover,
  .cui-statusbar .cui-ctl-medium:focus,
  .usehover .cui-statusbar .cui-ctl-on:hover,
  .cui-statusbar .cui-ctl-on:focus,
  .cui-statusbar .cui-ctl.cui-ctl-active,
  .usehover .cui-statusbar .cui-ctl.cui-ctl-active:hover,
  .cui-statusbar .cui-ctl-medium.cui-ctl-active,
  .usehover .cui-statusbar .cui-ctl-medium.cui-ctl-active:hover,
  .cui-statusbar .cui-fa-dropped,
  .MLRVisualRefresh .cui-statusbar .cui-ctl-on,
  .usehover .MLRVisualRefresh .cui-statusbar .cui-ctl:hover,
  .MLRVisualRefresh .cui-statusbar .cui-ctl:focus,
  .usehover .MLRVisualRefresh .cui-statusbar .cui-ctl-medium:hover,
  .MLRVisualRefresh .cui-statusbar .cui-ctl-medium:focus,
  .usehover .MLRVisualRefresh .cui-statusbar .cui-ctl-on:hover,
  .MLRVisualRefresh .cui-statusbar .cui-ctl-on:focus,
  .MLRVisualRefresh .cui-statusbar .cui-ctl.cui-ctl-active,
  .usehover .MLRVisualRefresh .cui-statusbar .cui-ctl.cui-ctl-active:hover,
  .MLRVisualRefresh .cui-statusbar .cui-ctl-medium.cui-ctl-active,
  .usehover .MLRVisualRefresh .cui-statusbar .cui-ctl-medium.cui-ctl-active:hover,
  .MLRVisualRefresh .cui-statusbar .cui-fa-dropped {
    -ms-high-contrast-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
  .cui-statusbar .cui-ctl-mediumlabel,
  .cui-statusbar .cui-fslb {
    color: inherit !important;
  }
}
/* (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;}.clip5x3,.clip6x16,.clip14x14,.clip16x16,.clip17x14,.clip20x20,.clip24x24,.clip32x32,.clip36x36,.clip40x40,.clip48x48,.clip50x50,.clip159x50{position:relative;overflow:hidden;}.clip5x3{width:5px;height:3px;}.clip6x16{width:6px;height:16px;}.clip14x14{width:14px;height:14px;}.clip16x16{width:16px;height:16px;}.clip17x14{width:17px;height:14px;}.clip20x20{width:20px;height:20px;}.clip24x24{width:24px;height:24px;}.clip32x32{width:32px;height:32px;}.clip36x36{width:36px;height:36px;}.clip40x40{width:40px;height:40px;}.clip48x48{width:48px;height:48px;}.clip50x50{width:50px;height:50px;}.clip159x50{width:159px;height:50px;}.clip5x3 img,.clip5x3 input,.clip6x16 img,.clip6x16 input,.clip14x14 img,.clip14x14 input,.clip16x16 img,.clip16x16 input,.clip17x14 img,.clip17x14 input,.clip20x20 img,.clip20x20 input,.clip24x24 img,.clip24x24 input,.clip32x32 img,.clip32x32 input,.clip36x36 img,.clip36x36 input,.clip40x40 img,.clip40x40 input,.clip48x48 img,.clip48x48 input,.clip50x50 img,.clip50x50 input,.clip159x50 img,.clip159x50 input{position:absolute;margin:0;padding:0;width:auto;height:auto;}.wv_OfficeOnlineText_159x50x32{top:-1px;left:-1px;}.wv_App_Switcher_Waffle_50x50x32{top:-53px;left:-1px;}.wv_Doughboy_48x48x32{top:-53px;left:-53px;}.wv_WACSkypeVoiceRequest_40x40x32{top:-53px;left:-103px;}.wv_WACSkypeVideoRequest_40x40x32{top:-105px;left:-1px;}.wv_WACSkypeChatRequest_40x40x32{top:-105px;left:-43px;}.wv_AppLogoSilhouette_36x36x32{top:-103px;left:-85px;}.wv_Info_32x32x32{top:-95px;left:-123px;}.wv_ImFinished_32x32x32{top:-147px;left:-1px;}.wv_OfficeAssistant_32x32x32{top:-147px;left:-35px;}.wv_OLKNewButton_32x32x32{top:-147px;left:-69px;}.wv_Print_32x32x32{top:-141px;left:-103px;}.wv_CloseFileMenuWord_32x32x32{top:-1px;left:-162px;}.wv_SaveAsWordDocx_32x32x32{top:-35px;left:-162px;}.wv_Risks_32x32x32{top:-69px;left:-157px;}.wv_EditInWordWebApp_32x32x32{top:-103px;left:-157px;}.wv_Word_32x32x32{top:-137px;left:-137px;}.wv_CancelRequest_32x32x32{top:-181px;left:-1px;}.wv_Info_24x24x32{top:-181px;left:-35px;}.wv_Risks_24x24x32{top:-181px;left:-61px;}.wv_Silverlight_24x24x32{top:-181px;left:-87px;}.wv_ShapeQuadArrow_24x24x32{top:-175px;left:-113px;}.wv_DWSStatusSmall_24x24x32{top:-171px;left:-139px;}.wv_IE9_24x24x32{top:-171px;left:-165px;}.wv_CancelRequest_24x24x32{top:-1px;left:-196px;}.wv_AudioReaderGlyph_20x20x32{top:-27px;left:-196px;}.wv_SharedNotesGlyph_Grey_20x20x32{top:-49px;left:-196px;}.wv_ConversationWord_20x20x32{top:-71px;left:-191px;}.wv_SaveAsGlyphDarkServer_20x20x32{top:-93px;left:-191px;}.wv_EmbedServer_20x20x32{top:-115px;left:-191px;}.wv_FindGlyphServer_20x20x32{top:-137px;left:-171px;}.wv_GeneralAccessibilityGlyph_20x20x32{top:-137px;left:-193px;}.wv_FeedbackGlyph_20x20x32{top:-159px;left:-191px;}.wv_EllipsisDark_20x20x32{top:-181px;left:-191px;}.wv_EditGlyph_20x20x32{top:-215px;left:-1px;}.wv_DownloadGlyph_20x20x32{top:-215px;left:-23px;}.wv_AudioReader_20x20x32{top:-207px;left:-45px;}.wv_AccessibilityGlyph_20x20x32{top:-207px;left:-67px;}.wv_CloseGlyphServer_20x20x32{top:-207px;left:-89px;}.wv_InfoGlyphServer_20x20x32{top:-201px;left:-113px;}.wv_OfficeAssistantServer_20x20x32{top:-197px;left:-139px;}.wv_OfficeTrial_20x20x32{top:-197px;left:-161px;}.wv_PDFGlyph_20x20x32{top:-203px;left:-183px;}.wv_PrintGlyph_20x20x32{top:-1px;left:-222px;}.wv_PrivacyGlyphServer_20x20x32{top:-23px;left:-222px;}.wv_OfficeAssistantServerDark_20x20x32{top:-45px;left:-218px;}.wv_CommentsGlyphGrey_20x20x32{top:-71px;left:-213px;}.wv_ShareServer_20x20x32{top:-93px;left:-213px;}.wv_SkyDriveCloud_20x20x32{top:-115px;left:-213px;}.wv_ShareServerWhite_20x20x32{top:-137px;left:-215px;}.wv_SyncToPresenterServer_20x20x32{top:-159px;left:-213px;}.wv_TranslateRibbonMenu_20x20x32{top:-181px;left:-213px;}.wv_Word_20x20x32{top:-203px;left:-205px;}.wv_YammerLogo_20x20x32{top:-237px;left:-1px;}.wv_YammerLogo_Gray_20x20x32{top:-237px;left:-23px;}.wv_UpgradeProductGlyph_20x20x32{top:-229px;left:-45px;}.wv_WACSkypeButtonWhite_20x20x32{top:-229px;left:-67px;}.wv_WACSkypeBusinessButtonWhite_20x20x32{top:-229px;left:-89px;}.wv_WACSkypeBusinessButtonBlack_20x20x32{top:-223px;left:-111px;}.wv_WACSkypeButtonBlack_20x20x32{top:-223px;left:-133px;}.wv_VersionsServer_20x20x32{top:-219px;left:-155px;}.wv_Translator_20x20x32{top:-225px;left:-177px;}.wv_TranslateGlyph_20x20x32{top:-225px;left:-199px;}.wv_AbuseGlyph_20x20x32{top:-225px;left:-221px;}.wv_ReorderUp_17x14x24{top:-241px;left:-155px;}.wv_ReorderDown_17x14x24{top:-1px;left:-244px;}.wv_ReorderUpDisabled_17x14x24{top:-17px;left:-244px;}.wv_ReorderDownHover_17x14x24{top:-33px;left:-244px;}.wv_ReorderUpHover_17x14x24{top:-49px;left:-240px;}.wv_ReorderDownDisabled_17x14x24{top:-65px;left:-240px;}.wv_CommentNewDisabled_16x16x32{top:-81px;left:-235px;}.wv_EditInWordWebApp_16x16x32{top:-99px;left:-235px;}.wv_Delete_16x16x32{top:-117px;left:-235px;}.wv_Copy_16x16x32{top:-135px;left:-237px;}.wv_CommentReply_16x16x32{top:-153px;left:-237px;}.wv_CommentNew_16x16x32{top:-171px;left:-235px;}.wv_cancelSearch_16x16x32{top:-189px;left:-235px;}.wv_Find_16x16x32{top:-207px;left:-227px;}.wv_Minus_16x16x32{top:-207px;left:-245px;}.wv_OutlookSearchChevronDown_16x16x32{top:-225px;left:-243px;}.wv_OutlookSearchChevronUp_16x16x32{top:-259px;left:-1px;}.wv_Plus_16x16x32{top:-259px;left:-19px;}.wv_prevpage_16x16x32{top:-251px;left:-45px;}.wv_SkyDriveCloud_16x16x32{top:-251px;left:-63px;}.wv_Word_16x16x32{top:-251px;left:-81px;}.wv_Zoom_16x16x32{top:-251px;left:-99px;}.wv_Risks_16x16x32{top:-245px;left:-117px;}.wv_Search_16x16x32{top:-245px;left:-135px;}.wv_QuickSearchCompletedToday_16x16x32{top:-257px;left:-153px;}.wv_DWSStatusSmall_16x16x32{top:-247px;left:-174px;}.wv_PdfFile_16x16x32{top:-247px;left:-192px;}.wv_nextpage_16x16x32{top:-247px;left:-210px;}.wv_OfficeAssistantServerDark_16x16x32{top:-247px;left:-228px;}.wv_MobileClose_16x16x32{top:-1px;left:-263px;}.wv_Info_16x16x32{top:-19px;left:-263px;}.wv_CheckboxUnchecked_16x16x32{top:-37px;left:-263px;}.wv_ClosePaneGlyph_16x16x32{top:-55px;left:-259px;}.wv_CommentHint_16x16x32{top:-73px;left:-259px;}.wv_CommentHintHover_16x16x32{top:-91px;left:-253px;}.wv_CommentComment_16x16x32{top:-109px;left:-253px;}.wv_CheckboxChecked_16x16x32{top:-127px;left:-255px;}.wv_CancelRequest_16x16x32{top:-145px;left:-255px;}.wv_BusinessBarClose_16x16x32{top:-163px;left:-255px;}.wv_BreadcrumbCaretAlt_6x16x32{top:-53px;left:-145px;}.wv_MarkAsProtected14{top:-181px;left:-253px;}.wv_sbProtectForm14{top:-197px;left:-263px;}.wv_SBStatusBarMarkAsReadOnly14{top:-213px;left:-263px;}.wv_DataSymbolHeart4_0xFF000000_14x14x32{top:-229px;left:-261px;}.wv_DataSymbolHeart5_0xFF000000_14x14x32{top:-245px;left:-246px;}.wv_Word_14x14x32{top:-245px;left:-262px;}.wv_sbMenuGrey_14x14x32{top:-261px;left:-246px;}.wv_ProtectForm14{top:-261px;left:-262px;}.wv_FullScreenAttendee_14x14x32{top:-277px;left:-1px;}.wv_StatusBarDownArrowGrey_5x3x32{top:-95px;left:-103px;}.wv_StatusBarDownArrow_5x3x32{top:-95px;left:-110px;}.wv_SplitButtonArrow_5x3x32{top:-53px;left:-153px;}.wv_RibbonUpArrow_5x3x32{top:-58px;left:-153px;}/* WordViewer CSS */
.WACFrameWord {
  background: top left repeat-x #ffffff;
  background-attachment: fixed;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edebe9));
  background-image: -moz-linear-gradient(top, #ffffff, #edebe9);
  background-image: -ms-linear-gradient(top, #ffffff, #edebe9);
}
.nochrome.WACFrameWord {
  background: transparent;
}
img {
  border: none;
}
.WACSilverlight {
  position: fixed;
}
.WACCopyFrame {
  position: absolute;
  z-index: -1;
  max-height: 0px;
  max-width: 0px;
  -ms-user-select: text;
}
.WACAccessibilityLinkShown {
  text-decoration: none;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  border: 1px solid black;
  color: black;
  padding: 2px 4px;
  position: absolute;
  z-index: 100;
  background-color: #ffffff;
}
.WACAccessibilityLinkHidden {
  text-decoration: none;
  top: -2000px;
  left: 1px;
  width: auto;
  height: auto;
  border: 1px solid black;
  color: black;
  padding: 2px 4px;
  position: absolute;
  z-index: -10000;
}
.Embed.WACFrameWord,
.nochrome.WACFrameWord {
  min-width: inherit;
}
div.WACFrameWord {
  right: 0px;
  left: 0px;
  min-width: 640px;
  min-height: 250px;
  height: 100%;
  width: 100%;
  position: absolute;
}
.Embed.WACFrameWord {
  border: 1px solid #e1e1e1;
}
div.WACFrameWord.cui-exth {
  height: auto;
  width: auto;
  top: 48px;
  /*App frame space starts under the external header*/
  left: 0px;
  right: 0px;
  bottom: 0px;
}
div.WACFrameWord.cui-exth.hiddenHeader {
  top: 0;
}
div.WACFrameWord.cui-exth.FlexPaneUp {
  left: 0px;
  right: 306px;
  /*App frame right location when flex pane is visible*/
}
.AppRtl div.WACFrameWord.cui-exth.FlexPaneUp {
  left: 306px;
  /*App frame right location when flex pane is visible*/
  right: 0px;
}
.usehover .Embed.WACFrameWord:hover {
  border-color: #257ee2;
}
.WACContainer {
  overflow: auto;
  position: absolute;
  height: 100%;
}
.iPad .WACContainer {
  /* Workaround to OM:353174 (iPad scrolling failure), see bug for more info. */
  -webkit-transform: translateZ(0);
}
.Embed .WACContainer,
.Embed .WACContainer * {
  /* Disable double-tap-zoom in embed mode */
  touch-action: manipulation;
}
/* The goal here is to show the scrollbars in the embedded viewer outside the viewport */
.Embed .WACContainer {
  overflow: scroll;
  cursor: pointer;
}
.Embed.NewEmbed .WACContainer {
  overflow: auto;
  cursor: default;
}
.AppRtl .Embed .WACContainer {
  right: 0px;
}
div.WACAppBase {
  position: absolute;
}
.Embed div.WACAppBase {
  overflow: hidden;
}
@media print {
  div.WACAppBase.Protected {
    display: none;
  }
}
div.WACScroller {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
div.WACStatus {
  height: 90%;
  width: 100%;
  position: absolute;
  overflow: auto;
}
/* Css for new mode switcher button in viewer*/
#EditDocumentFlyoutAnchorUpdated {
  margin: 6px;
  border: 1px solid #c8c6c4;
  background-color: #ffffff;
  border-radius: 2px;
  height: 70%;
  font-size: 14px;
  font-weight: 600;
}
/* force Chrome to use hardware-accelerated rendering */
.Safari .nochrome img.WACPageImg {
  transform: translateZ(0);
}
div.WACPageWaitImg {
  position: absolute;
  width: 100px;
  display: block;
}
div.WACSelection {
  position: absolute;
  background-color: #6f6f6f;
  /* After the opacity is applied this becomes #c6c6c6 */
  padding: 1px;
  z-index: 50;
  visibility: visible;
  opacity: 0.4;
  top: -100px;
  left: -100px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  cursor: text;
  pointer-events: none;
}
div.WACLink {
  position: absolute;
  z-index: 300;
  top: -100px;
  left: -100px;
  width: 10px;
  height: 10px;
  overflow: hidden;
}
/* Note: We need to set a background color on this div in order to get mouse events */
div.WACSurface {
  position: fixed;
  z-index: 200;
  background-color: #fff;
  opacity: 0;
}
.WACRibbonPanel {
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  /*Disable scrollbars. Set to "scroll" to enable*/
}
.cui-exth .WACRibbonPanel {
  overflow: visible;
  /*Allow contextual tabs to show up above ribbon, overflowing ribbon dom*/
}
.ms-hidden {
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
div.WACPageBorder {
  position: absolute;
  border: solid 1px #d2d5d8;
}
.WACErrorId {
  font-size: 85%;
}
div.CommonHighlight {
  position: absolute;
  visibility: visible;
  top: -100px;
  left: -100px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  opacity: 0.4;
  border: 0px solid transparent;
  cursor: text;
  margin-top: -2px;
  padding-top: 2px;
  padding-bottom: 2px;
}
div.WACHighlight {
  background-color: #FFE000;
}
div.WACCommentHighlight {
  background-color: #96b5da;
}
div.WACActiveHighlight {
  border-color: transparent;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  margin-bottom: 0px;
  border-top-width: 2px;
  border-top-style: solid;
  background-color: #96b5da;
  opacity: 0.4;
  padding-top: 0px;
  padding-bottom: 0px;
}
/* Generic taskpane styles*/
.PaneTitle {
  font-size: 16pt !important;
  color: #2b579a;
  display: inline-block;
  padding: 0 15px;
}
.msosp-touch-dyn .PaneTitle {
  padding-top: 6px;
  padding-bottom: 6px;
}
/* Find pane styles */
.FindPane {
  width: 270px;
  overflow: hidden;
  position: absolute;
  height: 100%;
  color: #666666;
}
.FindPaneHeader {
  margin: 0 15px;
}
.msosp-touch-dyn .FindPaneHeader {
  margin-top: 10px;
}
.FindPaneTitle {
  padding: 8px 0px 0px 0px;
  /* Padding top value is kept in sync with padding used for taskpane title in Word Editor */
}
.FindPaneCloseButton {
  margin: 5px -4px;
}
.msosp-touch-dyn .FindPaneCloseButton {
  padding: 6px;
}
.WACSearchControls {
  cursor: default;
  margin: 10px 15px 0;
  /* important to keep the bottom margin 0, so when the search results area resizes it doesn't go off the bottom */
}
/* 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 */
/* Find pane: search box and search button */
.SearchUIArea {
  margin-bottom: 10px;
}
.SearchBoxButtonFrame {
  border: 1px solid #ababab;
  height: 29px;
}
.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 */
}
.AppRtl .SearchSplitButton {
  float: left;
  margin-left: -1px;
  margin-right: 0px;
}
.SearchUIArea span.cui-ctl .cui-ctl-a1 {
  padding: 6px 4px 7px 3px;
}
.SearchUIArea span.cui-ctl .cui-ctl-a2 {
  padding: 13px 3px;
  width: 17px;
  display: inline-block;
}
input.SearchBox {
  height: 28px;
  width: 178px;
  float: left;
  border: 0px;
  padding: 0px 5px 0px 5px;
  color: #444444;
}
.SearchBox::-ms-clear {
  display: none;
}
.AppRtl .SearchBox {
  float: right;
}
.PlaceholderText {
  color: #888888;
}
.PlaceholderFocus {
  border-color: #d5e1f2;
}
.FindDropDown {
  position: absolute;
  top: 30px;
  min-width: 209px;
  background-color: #ffee80;
  margin-left: 9px;
  display: none;
  border: 1px solid #c6c6c6;
  border-top: 0px;
  color: #715e50;
  z-index: 1;
}
.AppRtl .FindDropDown {
  margin-left: 0;
  margin-right: 9px;
}
/* Find pane: next/prev search result buttons */
.WACInfoAndNavigation {
  margin-top: 4px;
}
.FindPaneNavigationControls {
  width: 48px;
  position: relative;
  margin-top: 6px;
}
.WACNavigationButtonFrame {
  width: 21px;
  height: 18px;
}
.WACNavigationButtonFrameHover {
  background-color: #ffffff;
}
.WACResultNavigation {
  position: absolute;
}
.WACNavigationButton {
  margin: 2px;
}
/* Find pane: search progress and result count */
.WACSearchProgressSpan {
  display: inline-block;
}
.WACResultsInfo {
  display: block;
  vertical-align: middle;
}
/* Find pane: search results area */
.WACSearchResultsPane {
  cursor: default;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 10px 0 0 15px;
}
.AppRtl .WACSearchResultsPane {
  margin-right: 15px;
  margin-left: 0;
}
.WACSearchResultsPaneEmpty {
  cursor: default;
  margin: 10px 15px 0;
}
.WACSearchResultsScroller {
  padding: 0px;
}
/* Find pane: search results */
.WACResultOutline {
  margin-bottom: 4px;
  border: solid 1px transparent;
  padding: 4px;
  margin-right: 3px;
  max-width: 225px;
  overflow: hidden;
}
.AppRtl .WACResultOutline {
  margin-right: 0;
  margin-left: 3px;
}
.usehover .WACResultOutline:hover {
  border: solid 1px #2b579a;
  padding: 4px;
}
.WACSelectedResult {
  border: solid 2px #2b579a;
  padding: 3px;
}
.usehover .WACSelectedResult:hover {
  border: solid 2px #2b579a;
  padding: 3px;
}
.WACSearchResult {
  border: 1px solid transparent;
  padding: 3px;
  white-space: pre-wrap;
  overflow: hidden;
  color: #5e5e5e;
  display: table-cell;
  /* By making it render like a table cell, vertical-align middle works */
  vertical-align: middle;
  min-height: 25px;
  width: 222px;
}
.WACContext {
  font-weight: bold;
}
.WACResultType {
  font-weight: bold;
}
.ResultDivider {
  border-bottom: 1px solid #e9e9e9;
  margin: 3px 15px;
}
.ClearFloat {
  clear: both;
}
/* Comment hint styles */
.CommentHint {
  position: absolute;
  z-index: 201;
  /* Above the WACSurface in z-order so that the user can click on it */
}
.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;
}
/* All high contrast styling rules in IE10+/Edge */
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
  div.WACHighlight,
  div.WACCommentHighlight,
  div.WACActiveHighlight,
  .WACNavigationButtonFrameHover {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    background-color: Highlight !important;
    color: HighlightText !important;
    outline-color: inherit !important;
  }
}
.iPad .previewer .WACContainer,
.iPhone .previewer .WACContainer {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iPad .nochrome.dark .WACContainer,
.iPhone .nochrome.dark .WACContainer {
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto !important;
}
/* fix comment selection - outline focussed comment*/
.SelectedComment:focus {
  outline: 2px solid #a3bde3;
  box-shadow: inset -2px 0px 0px 0px #a3bde3, inset 2px 0px 0px 0px #a3bde3;
}
#PasswordInput {
  padding: 8px 6px;
}