/* COLORS */
:root {
  --admonition-eap: rgb(43, 155, 70);
  --admonition-eap-title: rgba(43, 155, 70, 0.1);
  --masthead-background: rgb(255, 0, 0);
  --masthead-gradient: 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%);
  --masthead-text: rgb(255, 255, 255);
  --navigation-tabs-background: rgb(245, 247, 248);
  --navigation-tabs-text: rgb(1, 1, 1);
  --navigation-tabs-active: rgba(50,52,53,1);
  --primary-white: rgb(255, 255, 255);
  --primary-purple: rgb(153, 0, 153);
  --primary-black: rgb(0, 0, 0);
  --secondary-navy: rgb(29, 29, 145);
  --secondary-light-grey: rgb(244, 244, 244);
  --secondary-dark-grey: rgb(114, 111, 111);
}

/* MASTHEAD */
.md-header__title, .md-header__option {
  margin-top: -18px;
  margin-left: 20px;
  font-weight: 400;
  color: rgb(245, 247, 248);
}
.md-header {
  background: var(--primary-black);
  color: rgb(255, 255, 255);
  max-height: 60px;
}

.md-header__topic:first-child {
  font-weight: 400;
}

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

/* TOOLBAR STYLING */

.md-tabs {
  background-color: rgb(245, 247, 248);
  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: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgba(50,52,53,1);
  font-weight: 600;
}

/* 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: var(--secondary-navy);
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}

/* Collapsible section icon alignment for primary navigation on small/mobile screens*/

@media screen and (max-width: 76.1875em) {
  .md-nav__link {
    justify-content: left;
    align-items: start;
  }
  .md-nav--primary .md-nav__title {
    color: rgb(255, 255, 255);
    background: var(--primary-black);
  }
}

/* Search Field */

/*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: rgba(255, 255, 255, 0.0);
}
.md-search__input {
  background-color: rgba(255, 255, 255, 0.0);
}
/* Placeholder text that shows "Search" changed to transparent for new UX guidelines*/
.md-search__form ::placeholder {
  color: rgb(101, 102, 104, 0.0);
}

/*expanded search icon transitions to 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: var(--primary-purple);
}

/* X icon when search is enabled */
.md-search__icon[type=reset] {
  color: var(--primary-purple);
}

/* X icon position fixed to right margin of expanded search field */
[dir=ltr] .md-search__options {
  right: -1rem;
}

.md-search__icon .md-icon {
  color: var(--primary-purple);
  position:absolute
}
@media screen and (min-width: 60em) {
.md-search__inner {
  width: 2.1rem;
}
}

/* 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: var(--primary-black);
      color: rgb(255, 255, 255);
      font-weight: 600;
   }
   .md-nav--primary .md-nav__item--active>.md-nav__link {
      color: var(--primary-purple);
   }
   .md-nav--primary .md-nav__title~.md-nav__list {
      background-color: rgb(255, 255, 255);
   }
  }

/* Copyright */
.md-footer-copyright {
  font-size: .7rem;
}

/* Footer for IE compatibility */

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

/* Button styling */



.md-typeset h6{
  color: white;
  
  }
  
  .md-typeset .md-button--primary{
      color: white;
      background-color: white;
      border: ghostwhite;
      border-radius: 4px;
      border-width: .25px;
      border-style: groove;
      margin-right: 25px;
      margin-top: 25px;
      width: 350px;
      height:215px;
      padding:10px;
      box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.2), 0 .3px .9px 0 rgba(0, 0, 0, 0.19);
      vertical-align: top;
   }
  
  .md-typeset .md-button--primary:hover{
      color: white;
      background-color: white;
      margin-right: 25px;
      margin-top: 25px;
      width: 350px;
      padding:10px;
      border: ghostwhite;
      border-radius: 4px;
      border-width: .25px;
      border-style: groove;
      box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.2), 0 .3px 15px 0 rgba(0, 0, 0, 0.19);
  }
  
  a.md-button.md-button--primary {
      color: var(--primary-purple) !important;
      font-weight: 100 !important;
      border-color: ghostwhite;
      margin-right: 25px;
      margin-top: 25px;
      width: 350px;
      height:215px;
      padding:10px;
      word-break: break-word;
      vertical-align: top;
  }
  
  
  
  
  a.md-button.md-button--primary strong {
      color: var(--primary-purple) !important;
      font-weight: 800 !important;
      word-break: break-word;
      font-size: 28px;
      vertical-align: top;
  }
  
  .md-button.md-button--primary.smalltext {
    font-size: 14px;
  
  
  }
  
  .md-button.md-button--primary.smalltext strong {
    font-size: 18px;
  
  }
  
  
  
  
  .md-button.md-button--primary.small-text-and-box {
      font-size: 14px;
      color: var(--primary-purple) !important;
      font-weight: 100 !important;
      border-color: ghostwhite;
      margin-right: 25px;
      margin-top: 25px;
      width: 225px;
      height:225px;
      padding:10px;
      text-align: center;
      align-content: center;
      word-break: break-word;
      vertical-align: top;
  
  }
  
  .md-button.md-button--primary.small-text-and-box strong {
      color: var(--primary-purple) !important;
      font-weight: 800 !important;
      border-color: ghostwhite;
      margin-right: 25px;
      margin-top: 25px;
      width: 225px;
      height:225px;
      text-align: center;
      align-content: center;
      padding:10px;
      word-break: break-word;
      vertical-align: top;
      font-size: 16px;
  
  }
  
  .md-typeset .md-button--primary:hover.small-text-and-box {
      color: white;
      background-color: white;
      margin-right: 25px;
      margin-top: 25px;
      width: 225px;
      height:275px;
      text-align: center;
      align-content: center;
      padding:10px;
      border: ghostwhite;
      border-radius: 4px;
      border-width: .25px;
      border-style: groove;
      box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.2), 0 .3px 15px 0 rgba(0, 0, 0, 0.19);
  }
  
  .md-button.md-button--primary.video {
    font-size: 10px;
  
  
  }
  
  .md-button.md-button--primary.video strong {
    font-size: 12px;
  
  }
  
  .md-button.md-button--primary.video-text-and-box.a {font-size: 10px !important;}
  
  
  
  .md-button.md-button--primary.video-text-and-box {
      font-size: 10px !important;
      color: var(--primary-purple) !important;
      font-weight: 100 !important;
      border-color: ghostwhite;
      margin-right: 25px;
      margin-top: 25px;
      width: 175px;
      height:175px;
      padding:10px;
      word-break: break-word;
      vertical-align: top;
  
  }
  
  .md-button.md-button--primary.video-text-and-box strong {
      color: var(--primary-purple) !important;
      font-weight: 800 !important;
      border-color: ghostwhite;
      margin-right: 25px;
      margin-top: 25px;
      width: 175px;
      height:175px;
      padding:10px;
      word-break: break-word;
      vertical-align: top;
      font-size: 10px;
  
  }
  
  .md-typeset .md-button--primary:hover.video-text-and-box {
      color: white;
      background-color: white;
      margin-right: 25px;
      margin-top: 25px;
      width: 175px;
      height:175px;
      padding:10px;
      border: ghostwhite;
      border-radius: 4px;
      border-width: .25px;
      border-style: groove;
      box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.2), 0 .3px 15px 0 rgba(0, 0, 0, 0.19);
  }
  
  
  
  
  .md-button.md-button--primary.large-video-box {
      color: white;
      background-color: white;
      margin-right: 5px;
      margin-top: 5px;
      width: 610px;
      height:425px;
      padding:5px;
      text-align: center;
      align-content: center;
      border: ghostwhite;
      border-radius: 0px;
      border-width: 0px;
      border-style: none;
  
  }
  
  .md-button.md-button--primary.large-video-box strong {
      color: white;
      background-color: white;
      margin-right: 5px;
      margin-top: 5px;
      width: 610px;
      height:425px;
      padding:5px;
      text-align: center;
      align-content: center;
      border: ghostwhite;
      border-radius: 0px;
      border-width: 0px;
      border-style: none;
  
  }
  
  .md-typeset .md-button--primary:hover.large-video-box {
      color: white;
      background-color: white;
      margin-right: 5px;
      margin-top: 5px;
      width: 610px;
      height:425px;
      padding:5px;
      text-align: center;
      align-content: center;
      border: ghostwhite;
      border-radius: 0px;
      border-width: 0px;
      border-style: none;
      box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.2), 0 .3px 15px 0 rgba(0, 0, 0, 0.19);
  }
  
  :root {
      --md-admonition-icon--question: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L6.75 9.19 5.28 7.72a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l4.5-4.5z"></path></svg>');
      --md-admonition-icon--test: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"></path></svg>');
      --md-admonition-icon--mike: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L6.75 9.19 5.28 7.72a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l4.5-4.5z"></path></svg>');
      --md-admonition-icon--texpand: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"></path></svg>');
      --md-admonition-icon--dropdown: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"></path></svg>');
  }
  .md-typeset .admonition.question,
  .md-typeset details.question {
    border-color: rgb(255, 255, 255);
  }
  .md-typeset .question > .admonition-title,
  .md-typeset .question > summary {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgb(255, 255, 255);
  }
  .md-typeset .question > .admonition-title::before,
  .md-typeset .question > summary::before {
    background-color: rgb(0, 0, 0);
    -webkit-mask-image: var(--md-admonition-icon--question);
    mask-image: var(--md-admonition-icon--question);
  }
  
  .md-typeset .admonition.mike,
  .md-typeset details.mike {
    border-color: rgb(255, 255, 255);
  }
  .md-typeset .mike > .admonition-title,
  .md-typeset .mike > summary {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgb(255, 255, 255);
  }
  .md-typeset .mike > .admonition-title::before,
  .md-typeset .mike > summary::before {
    background-color: rgb(0, 0, 0);
    -webkit-mask-image: var(--md-admonition-icon--mike);
    mask-image: var(--md-admonition-icon--mike);
  }
  
  .md-typeset .admonition.test,
  .md-typeset details.test {
    border-color: rgb(255, 255, 255);
  }
  .md-typeset .test > .admonition-title,
  .md-typeset .test > summary {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgb(255, 255, 255);
  }
  .md-typeset .test > .admonition-title::before,
  .md-typeset .test > summary::before {
    background-color: rgb(0, 0, 0);
    -webkit-mask-image: var(--md-admonition-icon--test);
    mask-image: var(--md-admonition-icon--test);
  }
  
  
  .md-typeset .admonition.dropdown,
  .md-typeset details.dropdown {
      border-color: rgb(255, 255, 255);
      font-size: 1em;
  }
  .md-typeset .dropdown > .admonition-title,
  .md-typeset .dropdown > summary {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgb(255, 255, 255);
  }
  .md-typeset .dropdown > .admonition-title::before,
  .md-typeset .dropdown > summary::before {
    background-color: rgb(0, 0, 0);
    -webkit-mask-image: var(--md-admonition-icon--dropdown);
    mask-image: var(--md-admonition-icon--dropdown);
  }

/* Styles for toolbar tabs */

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


.md-tabs__item--active .md-tabs__link {
  color: #010101;
  font-weight: 700;
  opacity: 1;
}

/* Search Display Bug Fix for 9.x version */

.md-search-result .md-typeset {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 120px; /* <- adjust to fit */
}

/* Naviagtion active */

.md-nav__item .md-nav__link--active {
  color: var(--primary-black) !important;
  font-weight: 600;
}

/* Prevents Nav from overflowing into the footer */
@media screen and (max-width: 76.1875em) {
@supports selector(::-webkit-scrollbar) {
  .md-sidebar__scrollwrap {
      max-height: 96vh !important;
      scrollbar-width: thin;
      scrollbar-color: rgba(114, 111, 111, 0.6);
  }
}
}
@media screen and (min-width: 76.1875em) {
  @supports selector(::-webkit-scrollbar) {
    .md-sidebar__scrollwrap {
        max-height: 66vh !important;
        margin-bottom: 30vh !important;
        scrollbar-width: thin;
        scrollbar-color: rgba(114, 111, 111, 0.6);
    }
  }
  }
.md-sidebar__scrollwrap:focus-within, .md-sidebar__scrollwrap:hover {
  scrollbar-color: rgba(114, 111, 111, 1.0);
}