@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@800&display=swap') screen;
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap') screen;
/* The `screen` keyword on the @import statements is a workaround to prevent these web fonts
   from being loaded in the PDF renderer (headless Chrome), which was resulting in font corruption
   issues in headings of the rendered PDF implementation guide. The PDF renderer will fall back to
   the (non-Figtree) stable local fonts specified in the heading styles block below.
*/


/* .grid.cards {
    border: solid 1px red;
} */
.grid.cards ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.grid.cards ul li {
    flex: 0 0 48%;
    max-width: 48%;
    border: solid 1px gray;
    margin-left: 0px;
    margin-bottom: 10pt;
    margin-right: 10pt;
    padding: 10pt;
}
.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
    border-right: .05rem solid var(--md-typeset-table-color)
}
.grid.cards ul li {
    max-width: initial;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    font-family: "Figtree", "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    color: var(--md-default-fg-color);
}

[data-md-color-scheme="hyland"] {
    --md-primary-fg-color:        #F4F6FE;
    --md-primary-bg-color:        #191c1a;

    --md-footer-bg-color:        #191f5e;
    --md-footer-fg-color:        #ffffff;
  }

div.option-detail {
    display: inline-block;
    background-color: lightgray;
    border-radius: 3px;
    margin-right: 6px;
    margin-bottom: 2px;
    color: black;
    padding: 2px 6px;
}

div.lang-choose {
    background-color: #e3e5e9;
    border-radius: 3px;
    padding: 16px;
}

body[data-md-color-scheme="slate"] div.lang-choose {
    background-color: #2f2f2f !important;
}


body[data-md-color-scheme="slate"] img.hyland-logo-black,
body[data-md-color-scheme="hyland"] img.hyland-logo-white {
    display: none;
}

body[data-md-color-scheme="slate"] img.hyland-logo-white,
body[data-md-color-scheme="hyland"] img.hyland-logo-black {
    display: inline-block;
}

div.lang-choose ul {
    list-style-type: none;
    margin: 0 !important;;
    padding: 0;
    display: flex !important;
    font-size: 0.8em;
}

div.lang-choose li {
    padding: 5px 10px;
    cursor: pointer;
    min-width: 50px;
    border: 1px solid #ccc;
    border: 1px solid #ccc;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    transition: background-color 0.3s ease;
    text-align: center;
}

div.lang-choose li.active {
    background-color: #278cda;
    color: white;
}

div.lang-choose li.active a {
    color: white;
}

div.lang-choose li:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

div.lang-choose li:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

div.lang-content {
    display: none;
}

div.lang-tabset li a {
    color: inherit;
}

body:not([selectedLanguage]) div.lang-content-default,
body[selectedLanguage=""] div.lang-content-default {
    display: block;
}

body[selectedLanguage]:not([selectedLanguage=""]) div.lang-content-default {
    display: none;
}

body[selectedLanguage="csharp"] div.lang-content-csharp,
body[selectedLanguage="java"] div.lang-content-java,
body[selectedLanguage="python"] div.lang-content-python,
body[selectedLanguage="cpp11"] div.lang-content-cpp11,
body[selectedLanguage="cpp17"] div.lang-content-cpp17,
body[selectedLanguage="c"] div.lang-content-c
{
    display: block !important;
}

body[selectedLanguage="csharp"] li.lang-tab-csharp,
body[selectedLanguage="java"] li.lang-tab-java,
body[selectedLanguage="python"] li.lang-tab-python,
body[selectedLanguage="cpp11"] li.lang-tab-cpp11,
body[selectedLanguage="cpp17"] li.lang-tab-cpp17,
body[selectedLanguage="c"] li.lang-tab-c,
body:not([selectedLanguage]) li.lang-tab-csharp,
body[selectedLanguage=""] li.lang-tab-csharp
{
    background-color: #278cda;
    color: white;
}