body {
  /* Remove the focus border drawn by office fabric. */
  /* Styles to fix the pivot layout - include the className="pivot-container" in any Pivot object to ensure */
  /* Tooltip host supplies display of inline making the "flex" class not always override it. Give a higher-specificity rule here. */ }
  body:not(.ms-vss-web-vsts-theme-hc-dark) .ms-Callout-container .ms-ContextualMenu-Callout,
  body:not(.ms-vss-web-vsts-theme-hc-dark) .ms-Callout-container .ms-Dropdown-callout, body:not(.ms-vss-web-vsts-theme-hc-light) .ms-Callout-container .ms-ContextualMenu-Callout,
  body:not(.ms-vss-web-vsts-theme-hc-light) .ms-Callout-container .ms-Dropdown-callout {
    box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108);
    box-shadow: 0 6.4px 14.4px 0 var(--callout-shadow-color,rgba(0, 0, 0, .132)), 0 1.2px 3.6px 0 var(--callout-shadow-secondary-color,rgba(0, 0, 0, .108));
    border-width: 0px;
    border-radius: 4px; }
    body:not(.ms-vss-web-vsts-theme-hc-dark) .ms-Callout-container .ms-ContextualMenu-Callout .ms-Callout-main,
    body:not(.ms-vss-web-vsts-theme-hc-dark) .ms-Callout-container .ms-Dropdown-callout .ms-Callout-main, body:not(.ms-vss-web-vsts-theme-hc-light) .ms-Callout-container .ms-ContextualMenu-Callout .ms-Callout-main,
    body:not(.ms-vss-web-vsts-theme-hc-light) .ms-Callout-container .ms-Dropdown-callout .ms-Callout-main {
      border-radius: 4px;
      padding: 8px 0;
      background: rgba(255, 255, 255, 1);
      background: var(--callout-background-color,rgba(255, 255, 255, 1)); }
  body.ms-vss-web-vsts-theme-hc-dark .ms-Callout-container .ms-ContextualMenu-Callout,
  body.ms-vss-web-vsts-theme-hc-dark .ms-Callout-container .ms-Dropdown-callout, body.ms-vss-web-vsts-theme-hc-light .ms-Callout-container .ms-ContextualMenu-Callout,
  body.ms-vss-web-vsts-theme-hc-light .ms-Callout-container .ms-Dropdown-callout {
    box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108);
    box-shadow: 0 6.4px 14.4px 0 var(--callout-shadow-color,rgba(0, 0, 0, .132)), 0 1.2px 3.6px 0 var(--callout-shadow-secondary-color,rgba(0, 0, 0, .108));
    border-width: 0px;
    border-radius: 4px;
    box-shadow: none;
    border: 2px solid rgba(0, 120, 212, 1);
    border: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1)); }
    body.ms-vss-web-vsts-theme-hc-dark .ms-Callout-container .ms-ContextualMenu-Callout .ms-Callout-main,
    body.ms-vss-web-vsts-theme-hc-dark .ms-Callout-container .ms-Dropdown-callout .ms-Callout-main, body.ms-vss-web-vsts-theme-hc-light .ms-Callout-container .ms-ContextualMenu-Callout .ms-Callout-main,
    body.ms-vss-web-vsts-theme-hc-light .ms-Callout-container .ms-Dropdown-callout .ms-Callout-main {
      border-radius: 4px;
      padding: 8px 0;
      background: rgba(255, 255, 255, 1);
      background: var(--callout-background-color,rgba(255, 255, 255, 1)); }
  body .ms-Fabric.is-focusVisible .ms-ContextualMenu-link:focus,
  body .ms-Fabric.is-focusVisible .ms-Dropdown-item:focus {
    outline: none;
    animation: ms-focus-shadow-pulse-inset 4s ease-in-out infinite; }

@keyframes ms-focus-shadow-pulse-inset {
  0% {
    box-shadow: inset 0 0 0 4px rgba(0, 120, 212, 0.23), inset 0 0 0 1px rgba(0, 120, 212, 1);
    box-shadow: inset 0 0 0 4px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), inset 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); }
  50% {
    box-shadow: inset 0 0 0 4px rgba(0, 120, 212, 0.15), inset 0 0 0 1px rgba(0, 120, 212, 1);
    box-shadow: inset 0 0 0 4px var(--focus-pulse-min-color,rgba(0, 120, 212, 0.15)), inset 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); }
  100% {
    box-shadow: inset 0 0 0 4px rgba(0, 120, 212, 0.23), inset 0 0 0 1px rgba(0, 120, 212, 1);
    box-shadow: inset 0 0 0 4px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), inset 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); } }
  body .ms-ContextualMenu {
    background: transparent; }
  body .ms-Dropdown-item {
    padding: 4px 12px !important;
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9));
    border-width: 0; }
    body .ms-Dropdown-item.is-selected {
      background-color: rgba( 0, 120, 212 ,  0.1 );
      background-color: rgba( var(--palette-primary,0, 120, 212) ,  0.1 ); }
      body .ms-Dropdown-item.is-selected:hover {
        background-color: rgba( 0, 120, 212 ,  0.14 );
        background-color: rgba( var(--palette-primary,0, 120, 212) ,  0.14 ); }
      @media screen and (-ms-high-contrast: active) {
        body .ms-Dropdown-item.is-selected {
          background-color: highlight; }
          body .ms-Dropdown-item.is-selected:hover {
            background-color: highlight; } }
  body .ms-ContextualMenu-item {
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9));
    display: flex; }
    body .ms-ContextualMenu-item > div {
      display: flex;
      flex-grow: 1; }
  body .ms-ContextualMenu-Callout {
    /* Prevent ContextMenus from sliding into place if they do not have the animate class. */
    /* Adjust the borders and shadow to match our look & feel (except if high-contrast). */ }
    body .ms-ContextualMenu-Callout:not(.animate) {
      animation: none; }
    @media not screen and (-ms-high-contrast: active) {
      body .ms-ContextualMenu-Callout {
        border-top: none; } }
    body .ms-ContextualMenu-Callout .ms-ContextualMenu .ms-ContextualMenu-checkmarkIcon,
    body .ms-ContextualMenu-Callout .ms-ContextualMenu .ms-ContextualMenu-icon {
      margin-left: 0;
      margin-right: 12px;
      width: 16px;
      height: 16px;
      line-height: 16px; }
      body .ms-ContextualMenu-Callout .ms-ContextualMenu .ms-ContextualMenu-checkmarkIcon:not(.custom-icon-color),
      body .ms-ContextualMenu-Callout .ms-ContextualMenu .ms-ContextualMenu-icon:not(.custom-icon-color) {
        color: rgba(0, 0, 0, .9);
        color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
  body .ms-Dropdown-divider,
  body .ms-ContextualMenu-divider {
    margin-top: 7px;
    margin-bottom: 8px;
    margin-left: 12px;
    margin-right: 12px;
    background-color: rgba(0, 0, 0, 0.10);
    background-color: var(--palette-black-alpha-10,rgba(0, 0, 0, 0.10)); }
    @media screen and (-ms-high-contrast: active) {
      body .ms-Dropdown-divider,
      body .ms-ContextualMenu-divider {
        background-color: windowtext; } }
  body a.ms-ContextualMenu-link,
  body .ms-ContextualMenu-link {
    align-items: center;
    display: flex;
    padding: 0 12px;
    text-decoration: none; }
    body a.ms-ContextualMenu-link.user-menu-item,
    body .ms-ContextualMenu-link.user-menu-item {
      padding-top: 6px;
      padding-bottom: 6px; }
    body a.ms-ContextualMenu-link.is-disabled,
    body .ms-ContextualMenu-link.is-disabled {
      color: rgba(0, 0, 0, .38);
      color: var(--text-disabled-color,rgba(0, 0, 0, .38)); }
      @media screen and (-ms-high-contrast: active) {
        body a.ms-ContextualMenu-link.is-disabled,
        body .ms-ContextualMenu-link.is-disabled {
          color: graytext; } }
  body.ms-vss-web-vsts-theme-hc-dark a.ms-ContextualMenu-link:not([disabled]):hover, body.ms-vss-web-vsts-theme-hc-dark a.ms-ContextualMenu-link:not([disabled]):focus,
  body.ms-vss-web-vsts-theme-hc-dark .ms-ContextualMenu-link:not([disabled]):hover,
  body.ms-vss-web-vsts-theme-hc-dark .ms-ContextualMenu-link:not([disabled]):focus, body.ms-vss-web-vsts-theme-hc-light a.ms-ContextualMenu-link:not([disabled]):hover, body.ms-vss-web-vsts-theme-hc-light a.ms-ContextualMenu-link:not([disabled]):focus,
  body.ms-vss-web-vsts-theme-hc-light .ms-ContextualMenu-link:not([disabled]):hover,
  body.ms-vss-web-vsts-theme-hc-light .ms-ContextualMenu-link:not([disabled]):focus {
    color: rgba(255, 255, 255, 1);
    color: var(--background-color,rgba(255, 255, 255, 1));
    background-color: rgba(0, 120, 212, 1);
    background-color: var(--focus-border-color,rgba(0, 120, 212, 1)); }
  body .ms-ContextualMenu-itemText {
    margin: 0;
    line-height: 20px; }
  body .ms-ContextualMenu-linkContent {
    flex-grow: 1; }
  body .ms-ContextualMenu-submenuIcon {
    height: auto;
    line-height: 20px; }
  body .ms-Dropdown-optionText {
    margin: 0; }
  body .ms-ContextualMenu-item,
  body .ms-ContextualMenu-link {
    height: auto;
    min-height: 32px;
    line-height: 20px; }
  body .ms-ContextualMenu-link:focus:after,
  body .ms-Dropdown-item:focus:after {
    border: none !important;
    content: none !important; }
  body .ms-ContextualMenu-link:hover:not([disabled], .user-menu-item),
  body .ms-ContextualMenu-link.is-expanded,
  body .pinned-menu-item .ms-ContextualMenu-link:hover:not([disabled]) {
    background: rgba(0, 0, 0, 0.04);
    background: var(--palette-black-alpha-4,rgba(0, 0, 0, 0.04)); }
    @media screen and (-ms-high-contrast: active) {
      body .ms-ContextualMenu-link:hover:not([disabled], .user-menu-item),
      body .ms-ContextualMenu-link.is-expanded,
      body .pinned-menu-item .ms-ContextualMenu-link:hover:not([disabled]) {
        background: highlight; } }
  body .ms-Icon.bowtie-icon {
    font-family: "bowtie";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  body .pivot-container > div,
  body .pivot-container > div > div:last-child,
  body .pivot-container > div > div:last-child > div {
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
  body .ms-TooltipHost.flex {
    display: flex; }
  body .ms-Tooltip {
    background-color: rgba( 51, 51, 51 ,  0.95 );
    background-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  0.95 );
    border-color: transparent;
    border-radius: 2px;
    padding: 8px 12px;
    box-shadow: none; }
    body .ms-Tooltip .ms-Callout-beak {
      visibility: hidden; }
    body .ms-Tooltip .ms-Callout-beakCurtain {
      background-color: transparent; }
    body .ms-Tooltip .ms-Callout-main {
      display: flex;
      background-color: transparent; }
      body .ms-Tooltip .ms-Callout-main .ms-Tooltip-content {
        max-width: 100%;
        display: flex;
        align-items: center;
        color: rgba( 255, 255, 255 ,  1 );
        color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
    body .ms-Tooltip .ms-Tooltip-subtext {
      word-wrap: break-word;
      overflow-wrap: break-word;
      max-width: 100%;
      width: 100%; }
  body.ms-vss-web-vsts-theme-hc-dark .ms-Tooltip,
  body.ms-vss-web-vsts-theme-hc-dark .ms-Button,
  body.ms-vss-web-vsts-theme-hc-dark .ms-TextField-field, body.ms-vss-web-vsts-theme-hc-light .ms-Tooltip,
  body.ms-vss-web-vsts-theme-hc-light .ms-Button,
  body.ms-vss-web-vsts-theme-hc-light .ms-TextField-field {
    background-color: rgba(255, 255, 255, 1);
    background-color: var(--background-color,rgba(255, 255, 255, 1));
    color: rgba(0, 120, 212, 1);
    color: var(--focus-border-color,rgba(0, 120, 212, 1));
    border: 2px solid rgba(0, 120, 212, 1);
    border: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1)); }
  body.ms-vss-web-vsts-theme-hc-dark .ms-Button:hover, body.ms-vss-web-vsts-theme-hc-light .ms-Button:hover {
    background-color: rgba(0, 90, 158, 1);
    background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
    color: rgba(255, 255, 255, 1);
    color: var(--background-color,rgba(255, 255, 255, 1)); }
  body.ms-vss-web-vsts-theme-hc-dark .ms-Button:focus,
  body.ms-vss-web-vsts-theme-hc-dark .ms-TextField-field:focus, body.ms-vss-web-vsts-theme-hc-light .ms-Button:focus,
  body.ms-vss-web-vsts-theme-hc-light .ms-TextField-field:focus {
    outline: 2px solid rgba(0, 90, 158, 1);
    outline: 2px solid var(--communication-foreground,rgba(0, 90, 158, 1)); }
  body .ms-Button--primary:not(.is-disabled) {
    color: rgba(255, 255, 255, 1);
    color: var(--text-on-communication-background,rgba(255, 255, 255, 1)); }
    body .ms-Button--primary:not(.is-disabled):hover, body .ms-Button--primary:not(.is-disabled):active {
      color: rgba(255, 255, 255, 1);
      color: var(--text-on-communication-background,rgba(255, 255, 255, 1)); }
    @media screen and (-ms-high-contrast: active) {
      body .ms-Button--primary:not(.is-disabled) {
        color: window; } }