/* change header color and height*/
.md-header {
  background-color: rgb(0, 115, 231);
  color: rgb(255, 255, 255);
  max-height: 60px;
}

/* make product logo larger w/ box shadow per host connectivity ux */
.md-header__button.md-logo img, .md-header__button.md-logo svg {
  width: 74px;
  height: 74px;
  position: Top;
  box-shadow: 1px 2px 2px rgb(101,102,104, 0.3);
  margin-top: -13px;
}

.md-header__button.md-logo:hover {
  opacity: 1.0;
}

/* shift the title and search up to center on masthead */

@media only screen and (min-width:76.25em) {
  .md-header__title, .md-header__option {
    margin-top: -24px;
  }
}

/* Admonition icon for note changed to uicentral lightbulb */
:root {
  --md-admonition-icon--note: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M43.58,32.72a19.17,19.17,0,0,0-5.89,12.61H27a18.62,18.62,0,0,0-5.72-12.45,16,16,0,0,1-.11-23A15.85,15.85,0,0,1,32.69,5.34,16.18,16.18,0,0,1,48.33,20.83a15.85,15.85,0,0,1-4.75,11.89ZM37.67,53.33a5.34,5.34,0,1,1-10.67,0V50.67H37.67ZM32.81,0A21.33,21.33,0,0,0,11,21.33a21.08,21.08,0,0,0,6.57,15.4,13.34,13.34,0,0,1,4.1,9.59v7a10.67,10.67,0,1,0,21.33,0v-7a13.76,13.76,0,0,1,4.32-9.81,21.11,21.11,0,0,0,6.34-15.85A21.59,21.59,0,0,0,32.81,0Z"/></svg>')
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: rgb(0, 115, 231);
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(0, 121, 239, 0.1);
  border-color: rgb(16, 17, 16);
}
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: rgb(0, 115, 231);
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}

/* Active Toc styling with a scroll track bar */

.md-nav__link--nested {
  color: rgb(1,66,114);
  font-weight: 600;
}

.md-nav--secondary .md-nav__item .md-nav__link--active {
    color: rgb(101, 102, 104);
    font-weight: 600;

}
.md-nav--secondary {
    color: rgb(101, 102, 104);
		border-left: 2px solid rgb(101, 102, 104, 0.4) ;
    border-color: rgb(101, 102, 104);
    border-spacing: 0px;
    line-height: 20px;

}
/* Active Nav styling with font colors for active selection*/
.md-nav--primary .md-nav__link--active {
    color: rgb(1,66,114);
    font-weight: 600;
}


/* Search Field */

/* Search bar on header */
@media only screen and (min-width:76.25em) {
  .md-search {
    margin-top: -28px;
  }
}

/*Moved search text to left margin when icon was moved to right side*/
.md-search__input {
  padding-left: .5rem;
  color: rgb(101, 102, 104, 0.8);
  background-color: white;
}
/*search input field background and typing text color*/
.md-search__form {
  color: rgb(101, 102, 104);
  background-color: white;
}
/* Placeholder text that shows "Search" changed to grey */
.md-search__form ::placeholder {
  color: rgb(101, 102, 104);
}
/* search icon to the right side of the search input field and turned blue*/
.md-search__icon[for=__search] {
  color: rgb(0, 115, 231);
  top: .3rem;
  right: .5rem;
  left: unset;
}
/*expanded search icon remains blue */
[data-md-toggle=search]:checked~.md-header .md-search__input+.md-search__icon, [data-md-toggle=search]:checked~.md-header .md-search__input::placeholder {
  color: rgb(0, 115, 231);
}

/* X icon upon typing was moved to the left per MF UX guidelines */
.md-search__icon[type=reset] {
  right: 2rem;
  color: rgb(101, 102, 104);
}
.md-search__icon .md-icon {
  color: rgb(0, 115, 231)
}

/* Change the bold to a dark grey */

b, strong {
  color: rgb(101, 102, 104);
}

/* PDF Icon in footer */

.icon-pdf {
  opacity: 0.6;
  width: 25px;
  margin-right: 15px;
}

[data-md-toggle=search]:checked~.md-header .md-search__input:valid~.md-search__options>* {
    margin-right: 3em;
}

@media screen and (max-width: 59.9375em){
    .md-search__icon[for=__search] {
      top: .55rem;
    }
}

/* Navigation list when using drawer (IE compatibililty fix) */

@media screen and (max-width: 76.1875em) {
   .md-nav--primary .md-nav__title[for=__drawer] {
      background-color: rgb(0, 115, 231);
      color: rgb(255, 255, 255);
      font-weight: 800;
   }
   .md-nav--primary .md-nav__item--active>.md-nav__link {
      color: rgb(0, 115, 231);
   }
   .md-nav--primary .md-nav__title~.md-nav__list {
      background-color: rgb(255, 255, 255);
   }
  }

/* Footer for IE compatibility */

.md-footer {
  background-color: rgb(26, 26, 26);
  color: rgb(255, 255, 255);
}