/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.suite-logo {
  color: rgba(0, 120, 212, 1);
  color: var(--nav-header-product-color,rgba(0, 120, 212, 1)); }
  @media screen and (-ms-high-contrast: active) {
    .suite-logo:hover {
      text-decoration: underline; } }
  .suite-logo .suite-image {
    font-size: 1.3125rem; }
  .suite-logo .brand {
    flex-grow: 1; }
    .suite-logo .brand .brand {
      width: auto; }

.navigation-callout .suite-logo .brand {
  width: 211px;
  /* Leave room for focus rect */ }

.bolt-focus-visible .suite-logo:focus {
  animation: none;
  box-shadow: none; }

a.skip-to-main-content {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999; }

a.skip-to-main-content:focus, a.skip-to-main-content:active {
  left: 0;
  right: 0;
  top: 12px;
  width: 100%;
  max-width: 30%;
  height: auto;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--callout-background-color,rgba(255, 255, 255, 1));
  overflow: auto;
  margin: 0 auto;
  padding: 15px;
  text-decoration: none;
  z-index: 999; }