/* change header color and height*/
.md-header {
  background: rgb(25,34,74);
  background: linear-gradient(90deg, rgba(25,34,74,1) 0%, rgba(34,46,97,1) 25%, rgba(35,52,106,1) 65%, rgba(20,102,147,1) 90%, rgba(8,140,178,1) 100%);
  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;
  z-index: 1;
}

.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;
  }
}

/* TOOLBAR STYLING */

.md-tabs {
  background-color: #f5f7f8;
  color: #010101;
  overflow: auto;
  width: 100%;
  text-align:center;
}

.selected-tab {
  display: inline-block;
  height: 2.4rem;
  padding-left: 0em;
  padding-right: 0em;
  margin-left: 1em;
  margin-right: 1em;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: rgba(8,140,178,1);
  font-weight: 900;
}

/* TOOLBAR LAYERING WITH THE HEADER AND PRODUCT LOGO */

.nav.md-tabs {
  z-index: 3;
}

a.md-header__button.md-logo {
  max-height: 60px;
}

.md-header__topic {
  margin-top: 9px;
}

/* ADMONITION ICON AND COLOR FOR EARLY ADAPTER PROGRAM HELP */
:root {
  --md-admonition-icon--eap: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.152.682a2.251 2.251 0 0 1 2.269 0l.007.004 6.957 4.276a2.277 2.277 0 0 1 1.126 1.964v7.516c0 .81-.432 1.56-1.133 1.968l-.002.001-11.964 7.037-.004.003c-.706.41-1.578.41-2.284 0l-.026-.015-6.503-4.502a2.268 2.268 0 0 1-1.096-1.943V9.438c0-.392.1-.77.284-1.1l.003-.006.014-.026c.197-.342.48-.627.82-.827h.002L13.152.681Zm.757 1.295h-.001L2.648 8.616l6.248 4.247a.775.775 0 0 0 .758-.01h.001l11.633-6.804-6.629-4.074a.75.75 0 0 0-.75.003ZM8.517 14.33a2.286 2.286 0 0 1-.393-.18l-.023-.014-6.102-4.147v7.003c0 .275.145.528.379.664l.025.014 6.114 4.232V14.33ZM18 9.709l-3.25 1.9v7.548L18 17.245Zm-7.59 4.438-.002.002a2.296 2.296 0 0 1-.391.18v7.612l3.233-1.902v-7.552Zm9.09-5.316v7.532l2.124-1.25a.776.776 0 0 0 .387-.671V7.363Z"/></svg>')
}
.md-typeset .admonition.eap,
.md-typeset details.eap {
  border-color: rgb(43, 155, 70);
}
.md-typeset .eap > .admonition-title,
.md-typeset .eap > summary {
  background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .eap > .admonition-title::before,
.md-typeset .eap > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--eap);
          mask-image: var(--md-admonition-icon--eap);
}

/* 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: -9px;
  }
}

/*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(20, 102, 147);
  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(20, 102, 147);
}

/* 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(20, 102, 147)
}

/* 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);
}