:root {
    --md-primary-fg-color:        #334a62;
    --md-primary-fg-color--light: #334a62;
    --md-primary-fg-color--dark:  #334a62;
  }

[data-md-color-accent=indigo] {
    --md-accent-fg-color: #334a62;
    --md-accent-fg-color--transparent: #526cfe1a;
    --md-accent-bg-color: #fff;
    --md-accent-bg-color--light: #ffffffb3;
}

.md-footer, .md-header {
    background: #334a62;
}

.md-typeset .note>.admonition-title, .md-typeset .note>summary {
    background-color: #9092951a;
}

.md-typeset .admonition.note, .md-typeset details.note {
    border-color: var(--md-default-fg-color--lightest);
}

.md-typeset .note>.admonition-title:before, .md-typeset .note>summary:before {
    background-color: var(--md-admonition-fg-color);
}

.md-typeset a, .md-typeset a:before {
    color: var(--md-admonition-fg-color);
}

.md-nav__link:hover, .md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
    color: #ff4d12 !important;
}

.md-nav--primary .md-nav__item--active>.md-nav__link, .md-typeset .grid.cards>ol>li>:last-child:hover, .md-typeset .grid.cards>ul>li>:last-child:hover, .md-typeset .grid>.card>:last-child:hover {
    color: #ff4d12;
}

.md-typeset .admonition.warning, .md-typeset details.warning {
    border-color: #ff4d12;
}

.glightbox-clean .gnext, .glightbox-clean .gprev {
    display: none !important;
}

table {
    margin: 0 auto !important;
}

.md-typeset table:not([class]), .md-typeset table:not([class]) td {
    border: none;
}

tr:hover {
    background: transparent !important;
}

img {
    display: block;
    margin: 2px auto;
}

.vendors-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0px;
}

.alphabet-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.alphabet-list .active {
    border-bottom: 2px solid #ff4d12;
}

.alphabet-list li {
    background-color: #9092951a;
    color: var(--md-admonition-fg-color);
    font-weight: 300;
    text-transform: uppercase;
    padding: 7px 10px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 0px !important;
}

.alphabet-list li:hover {
    background-color:#ff4d12;
    cursor: pointer;
    color: white;
}

.vendors-section .md-typeset__scrollwrap, .vendors-section .md-typeset__table, .vendors-section tbody {
    width: 100% !important;
    display: block;
}

.vendors-section table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #E8E8E8;
    table-layout: auto;
    max-width: 1200px;
    margin: 0 auto;
}

.vendors-section tr {
    display: flex;
    flex-direction: column;
}

.vendors-section table td:nth-of-type(1) {
    background: #9092951a;
    padding: 10px;
    width: 100%;
}

.vendors-section table td:nth-of-type(2) {
    padding: 10px;
    width: 100%;
}

@media (max-width: 1215px) {
    .md-nav--primary .md-nav__title[for=__drawer] {
        background: #334a62;
    }
}


@media (max-width: 705px) {
    .md-typeset__table, tbody{
        width: 100%;
        display: block;
    }

    tr {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
}