/*@import url("https://use.typekit.net/irk7yjj.css");*/
@font-face {
    font-family: 'proximanova-bold';
    src: url('/fonts/proximanova-bold-webfont.woff2') format('woff2'),
    url('/fonts/proximanova-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root, [data-md-color-scheme=default] {
    /* Grey gradients */
    --celum-bluegrey-50: #ECEFF1;
    --celum-bluegrey-100: #CFD8DC;
    --celum-bluegrey-200: #B0BEC5;
    --celum-bluegrey-300: #90A4AE;
    --celum-bluegrey-400: #78909C;
    --celum-bluegrey-500: #607D8B;
    --celum-bluegrey-600: #546E7A;
    --celum-bluegrey-700: #455A64;
    --celum-bluegrey-800: #37474F;
    --celum-bluegrey-900: #263238;

    /* Blue gradients */
    --celum-blue-primary: #01A9CA;
    --celum-blue-secondary: #006B9C;
    --celum-blue-tertiary: #005682;
    --celum-blue-quarternary: #62CAE1;
    --celum-blue-quinary: #E1F3FA;

    /* Other colors */
    --celum-color-1: #E43570;
    --celum-color-2: #F46319; 
    --celum-color-3: #F3A901;
    --celum-color-4: #9DB917;
    --celum-color-5: #13B676;
    --celum-color-6: #2BB1CF;
    --celum-color-7: #2882D1;
    --celum-color-8: #794BE8;
    --celum-color-9: #b641CB;
    --celum-color-10: #8F9FA6;
    --celum-blue-2: #56C4Cf;
    --celum-blue-3: #005682;
    
    --white: #FFFFFF;

    /* Primary and accent color */
    /*--md-primary-fg-color: #ffffff; /* Used for header/tabs background color */
    /*--md-primary-bg-color: var(--celum-blue-primary); /* Used for header/tabs font color */
    /*--md-accent-fg-color: var(--celum-blue-primary); /* Used for links and scrollbar on hover */

    /* Typeset color */
    --md-typeset-color: var(--celum-bluegrey-900); /* Blue grey 900 */
    --md-typeset-a-color: var(--celum-bluegrey-900); /* Used for links normally */

    /* Admonition color */
    --celum-admonition-info-bg: rgba(1, 169, 202, 0.1);
    --celum-admonition-info-title: #01A9CA;
    --celum-admonition-danger-bg: rgba(255, 63, 63, 0.1);
    --celum-admonition-danger-title: #FF3F3F;
    --celum-admonition-warning-bg: rgba(255, 125, 9, 0.1);
    --celum-admonition-warning-title: #FF7D09;
    --celum-admonition-tip-bg: rgba(55, 186, 99, 0.1);
    --celum-admonition-tip-title: #37BA63;

    /* Links */
    --celum-link-hover-bg-color: #37474F14;
    --celum-link-active-bg-color: #37474F1F;
    
    /* Custom icons */
    /*--md-tasklist-icon: url();
    --md-tasklist-icon--checked: url();*/
    
}

::placeholder,
::-ms-input-placeholder {
    color: var(--md-typeset-color);
    opacity: 1;
}

/* ------------------------------------------------------------------------- */
/* ----------------------------- GLOBAL STYLES ----------------------------- */
/* ------------------------------------------------------------------------- */
body, 
.md-typeset p, 
.md-typeset ul, 
.md-typeset ol, 
.md-typeset a {
    font-family: "Open Sans", sans-serif;
    hyphens: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.md-typeset p,
.md-typeset ul,
.md-typeset ol,
.md-typeset a {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Open Sans", sans-serif;
    hyphens: auto;
}

.md-typeset__scrollwrap {
    margin-top: 0;
    margin-bottom: 0;
}

.md-sidebar__scrollwrap {
    scrollbar-color: var(--celum-bluegrey-100);
}

.md-sidebar__scrollwrap:focus-within, .md-sidebar__scrollwrap:hover {
    scrollbar-color: var(--celum-bluegrey-200);
}

.md-top:focus, .md-top:hover {
    background-color: var(--celum-blue-primary);
}

img {
    border: 1px solid #efefef;
    max-width: 100%;
    width: auto;
}

.md-typeset {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

.md-typeset a,
.md-typeset a:focus, 
.md-typeset a:hover {
    color: var(--celum-blue-primary);
}

.hidden {
    display: none;
}

/* Tablet/Mobile view */
@media screen and (max-width: 76.234375em) {
    .md-typeset {
        font-size: 0.7rem;
        line-height: 1.6;
    }
}


/********************** MAIN PAGE CONTENT ***********************/
.md-main__inner {
    margin-top: 40px;
    margin-bottom: 40px;
}

article {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Breadcrumbs */
.md-path__list {
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    text-transform: capitalize;
}

.md-path__link {
    color: var(--celum-blue-primary);
    font-weight: 600;
}

.md-path__link:focus, .md-path__link:hover {
    color: var(--celum-blue-secondary);
}


/**************************** HEADER ****************************/

.md-header {
    background-color: var(--white);
    color: var(--celum-blue-tertiary);
    box-shadow: 0 0 25px -5px rgba(43, 69, 93, 0.15);
}

.md-header__inner {
    padding: 20px 2%;
}

.md-header__title:hover {
    color: var(--celum-blue-primary);
}

.md-icon svg {
    width: 16px;
}

.md-header__button.md-logo img, .md-header__button.md-logo svg {
    height: 2rem;
    border: none;
}

/* Language Chooser */

.md-header__button:has(#language-chooser) {
    margin: 0 6px;
    padding: 16px 10px;
}

.md-icon svg#language-chooser {
    /*width: 44px;
    height: auto;*/
    height: 16px;
    width: auto;
}

.md-select:has(#language-chooser):hover button {
    border-radius: 8px;
    background-color: rgba(55, 71, 79, 0.08);
}

.md-select:has(#language-chooser) .md-select__inner {
    border-radius: var(--border-radius-medium, 8px);
    background: var(--white, #FFF);
    /* elevation/4dp */
    box-shadow: 0 0 15px -3px rgba(43, 69, 93, 0.15);
}

.md-select:has(#language-chooser) .md-select__list {
    font-size: 13px;
    padding: 8px;
}

.md-select:has(#language-chooser) .md-select__link:focus,
.md-select:has(#language-chooser) .md-select__link:hover {
    background-color: rgba(55, 71, 79, 0.08);
    border-radius: 8px;
    color: var(--md-typeset-a-color);
}

/* Search */
.md-search__form {
    border-radius: 8px 8px 8px 8px;
    border: 1px solid var(--celum-bluegrey-200);
    background: var(--white);
}

.md-search__form:hover {
    background-color: var(--celum-link-hover-bg-color);
    color:  var(--md-typeset-color);
}

.md-search__input,
.md-search-result__meta {
    font-size: .7rem;
    color: var(--md-typeset-color);
}

.md-search__input::placeholder {
    color: var(--celum-bluegrey-900);
    opacity: 0.75;
    font-size: 13px;
}

.md-search-result__more>summary>div {
    color: var(--md-typeset-color);
    font-size: .7rem;
}

.md-search-result__more>summary:focus>div,
.md-search-result__more>summary:hover>div,
.md-search-result__link:focus, .md-search-result__link:hover,
.md-search-result__link:focus, .md-search-result__link:hover {
    background-color: var(--celum-link-hover-bg-color);
}

.md-search-result mark {
    color: var(--celum-blue-primary);
}

/* Search explanation */

/* Info button */
#searchInfoBtn {
    display: inline-block;
    cursor: pointer;
    height: 1.2rem;
    opacity: 1;
    transform: unset;
    float:right;
    pointer-events: auto;
}

#searchInfoBtn.md-icon svg {
    width: 16px;
    height: 16px;
}

/* Modal */
#searchExplanationModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: #263238D9;
}

.card {
    background: var(--celum-bluegrey-30);
    border-left: 5px solid var(--celum-blue-primary);
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 4px var(--celum-bluegrey-600);
    transition: transform 0.2s;
}


@media screen and (min-width: 76.234375em) {
    [dir=ltr] .md-header__source {
        margin-left: 0.7rem;
    }
}

.modal-content {
    overflow-y: auto;
    background-color: var(--white);
    margin: 10% auto;
    border-radius: 10px;
    width: 50%;
    height: auto;
    max-height: 70%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Close Button */
#closeBtnContainer {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 60px;
    padding-top: 10px;
    padding-right: 10px;
}

#closeBtn {
    color: var(--white);
    fill: currentColor;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#closeBtn:hover,
#closeBtn:focus {
    color: #FFFFFFCC;
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 59.984374em) {

    #searchExplanationModal {
        background-color: var(--white);
    }

    .modal-content {
        width: 100%;
        max-height: unset;
        box-shadow: none;
        border-radius: unset;
    }
    
    #closeBtn {
        color: var(--md-typeset-color);
    }
}

/* Azure Login/Logout button and login-status */

.accountInfo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0.2rem 0;
    gap: 10px;
}

.userInfo {
    min-width: 0;
    max-width: 50%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
}

a.loginButton, 
a.logoutButton {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 142px;
    height: 48px;
    border-radius: var(--border-radius-medium, 8px);
    background: var(--tertiary, #005682);
    color: var(--white);
    text-transform: uppercase;
    font-size: 14px;
}
    
a.loginButton:hover,
a.logoutButton:hover {
    background-color: rgba(0, 86, 130, 0.86);
}

@media screen and (max-width: 59.984374em) {

    a.loginButton,
    a.logoutButton {
        padding: 14px 14px;
    }
    
}

/********************* MAIN NAVIGATION TABS *********************/
.md-tabs {
    background-color: var(--celum-blue-quinary);
    padding: 20px 0;
    text-transform: uppercase;
    color: var(--celum-blue-tertiary);
}

.md-tabs__link:focus, 
.md-tabs__link:hover {
    color: var(--celum-blue-primary);
}

.md-tabs__link {
    font-weight: 700;
    opacity: 1;
    font-size: 16px;
}

.md-tabs__item--active .md-tabs__link {
    color: var(--celum-blue-primary);
    border-bottom: 2px solid var(--celum-blue-primary);
}

/* Mobile / Tablet view */
@media screen and (max-width: 76.2344em) {

    .md-nav--primary .md-nav__title,
    .md-nav--primary .md-nav__title[for=__drawer] {
        background-color: var(--celum-bluegrey-50);
        color: var(--md-typeset-color);
    }
    
}

/* Mobile / Tablet view smaller */
@media screen and (max-width: 44.98375em) {

    .md-tabs__link {
        font-size: 0.7rem;
    }
    
}

/***************************** TAGS *****************************/

.md-typeset .md-tags:not([hidden]) {
    margin-bottom: 0;
    margin-top: 0;
}


/*********************** LEFT NAVIGATION ************************/

@media screen and (min-width: 76.25em) {
    .md-sidebar {
        height: unset;
        padding: 20px;
        border-radius: 20px;
        background: var(--white, #FFF);
        /* elevation/4dp */
        box-shadow: 0 0 15px -3px rgba(43, 69, 93, 0.15);
    }
}

@media screen and (max-width:76.2344em) {
    .md-nav--primary .md-nav__list {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Padding nav link */
a.md-nav__link,
label.md-nav__link {
    padding: 4px 8px;
    margin-top: 6px;
}

.md-nav[data-md-level="1"] > ul.md-nav__list > .md-nav__item > .md-nav__link {
    padding: 6px 12px;
    margin-top: 16px;
}

/* Nav links 1st level */
.md-nav[data-md-level="1"] > ul.md-nav__list > .md-nav__item > .md-nav__link,
.md-nav[data-md-level="1"] > ul.md-nav__list > .md-nav__item > label {
    border-radius: 4px;
    border: 1px solid var(--celum-blue-quinary);
    background: rgba(225, 243, 250, 0.36);
    color: var(--celum-blue-tertiary);
}

.md-nav[data-md-level="1"] > ul.md-nav__list > .md-nav__item > .md-nav__link:hover,
.md-nav[data-md-level="1"] > ul.md-nav__list > .md-nav__item > label:hover {
    background: rgba(225, 243, 250, 1);
}

.md-nav[data-md-level="1"] > ul.md-nav__list > .md-nav__item > .md-nav__link--active {
    font-weight: 600;
}

/* Hover nav link */
.md-nav__link[for]:focus, .md-nav__link[for]:hover, .md-nav__link[href]:focus, .md-nav__link[href]:hover,
.md-nav__item--active .md-nav__container:hover {
    background-color: var(--celum-link-hover-bg-color);
    color: var(--md-typeset-color);
    border-radius: 4px;
}

.md-nav__link:focus,
.md-nav__link:hover,
.md-nav__link:focus,
.md-nav__link:hover {
    background-color: var(--celum-link-hover-bg-color);
    color: var(--md-typeset-color);
    border-radius: 4px;
}

.md-nav__link:focus .md-ellipsis,
.md-nav__link:hover .md-ellipsis,
.md-nav__link:focus .md-ellipsis,
.md-nav__link:hover .md-ellipsis {
    color: var(--md-typeset-color);
}

.md-nav__item--active .md-nav__container .md-nav__link:hover {
    background-color: initial;
}

.md-nav__icon:hover {
    background-color: initial;
}

/* Active nav link */
.md-nav__item--active .md-nav__container:has(.md-nav__link--active),
.md-nav__item .md-nav__link--active {
    color: var(--md-typeset-color);
    background-color: var(--celum-link-active-bg-color);
    font-weight: 600;
    border-radius: 8px;
}

.md-nav__item--active .md-nav__container > .md-nav__link--active {
    background-color: initial;
}

/*********************** ON THIS PAGE TOC ***********************/
.md-nav__title {
    color: var(--md-typeset-color);
}

.md-nav--secondary .md-nav__link {
    margin-top: 16px;
    padding: 0;
}

.md-nav--secondary a {
    background-color: var(--white);;
    color: var(--celum-blue-primary);
}

.md-nav--secondary a:focus, .md-nav--secondary a:focus .md-ellipsis,
.md-nav--secondary a:hover, .md-nav--secondary a:hover .md-ellipsis,
.md-nav--secondary .md-nav__item--active .md-nav__container:has(.md-nav__link--active), .md-nav--secondary .md-nav__item--active .md-nav__container:has(.md-nav__link--active) .md-ellipsis,
.md-nav--secondary .md-nav__item a.md-nav__link--active, .md-nav--secondary .md-nav__item a.md-nav__link--active .md-ellipsis,
.md-nav--secondary .md-nav__link[for]:focus, .md-nav--secondary .md-nav__link[for]:hover, .md-nav--secondary .md-nav__link[href]:focus, .md-nav--secondary .md-nav__link[href]:hover {
    color: var(--celum-blue-secondary);
    background-color: var(--white);
}

@media screen and (max-width: 59.984375em) {

    .md-nav__source {
        background-color: var(--white);
    }

}


/******************** COOKIE CONSENT BANNER *********************/

.md-consent__form.md-typeset .md-button--primary {
    border: none;
    border-radius: 8px;
    background-color: var(--celum-blue-secondary);
    color: var(--white);
}

.md-consent__form.md-typeset .md-button--primary:hover,
.md-consent__form.md-typeset .md-button--primary:focus,
.md-consent__form.md-typeset .md-button--primary:active {
    background-color: rgba(0, 107, 156, 0.86);
    text-decoration: none;
}

/*********************** FEEDBACK WIDGET ************************/

.md-feedback {
    width: 60%;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.md-feedback fieldset {
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
    border: 1px solid var(--md-typeset-color);
}

/* Tablet/Mobile view */
@media screen and (max-width: 76.2344em) {

    .md-feedback {
        width: 100%;
    }

    .md-feedback fieldset {
        width: 100%;
    }

}

/*************************** FOOTER *****************************/
.md-footer,
.md-footer-meta  {
    background-color: var(--celum-blue-secondary);
    color: var(--white);
}

html .md-footer-meta.md-typeset a {
    color: var(--white);
}

.md-footer {    
    padding: 40px 80px;
}

.md-footer-meta,
.md-footer-meta__inner,
.md-copyright,
.md-copyright__highlight,
.md-footer-meta.md-typeset a,
html .md-footer-meta.md-typeset a:focus,
html .md-footer-meta.md-typeset a:hover {
    color: var(--white);
    padding: 0px;
}

html .md-footer-meta.md-typeset a:focus, 
html .md-footer-meta.md-typeset a:hover {
    text-decoration: underline;
}

.md-copyright {
    margin-left: auto;
    margin-right: auto;
}


/* ------------------------------------------------------------------------- */
/* ----------------------------- TOPIC STYLES ------------------------------ */
/* ------------------------------------------------------------------------- */

/********** PERMALINK / ANCHOR *********/
.headerlink, .md-typeset .headerlink:focus, .md-typeset .headerlink:hover, .md-typeset :target>.headerlink {
    color: transparent;
    text-shadow: 0 0 0 var(--celum-blue-primary);
    text-decoration: none;
}

/********** TEXT STYLES **********/
.md-typeset h1 {
    font-family: "proximanova-bold", "Open Sans", sans-serif; 
    font-size: 36px;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    color: var(--celum-blue-tertiary);
    text-transform: uppercase;
    margin-bottom: 24px;
}

.md-typeset h2 {
    font-family: "proximanova-bold", "Open Sans", sans-serif;
    font-size: 30px;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    color: var(--celum-blue-tertiary);
    text-transform: uppercase;
    margin-top: 16px;
    margin-bottom: 8px;
}

.md-typeset h3 {
    font-family: "proximanova-bold", "Open Sans", sans-serif;
    font-size: 26px;
    line-height: normal;
    color: var(--celum-blue-tertiary);
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 16px;
    margin-bottom: 4px;
}

.md-typeset h4 {
    font-family: "proximanova-bold", "Open Sans", sans-serif;
    font-size: 24px;
    line-height: normal;
    color: var(--celum-blue-tertiary);
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

.md-typeset h5 {
    font-family: "proximanova-bold", "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: var(--md-typeset-color);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

.md-typeset h6 {
    font-family: "proximanova-bold", "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    color: var(--md-typeset-color);
    text-transform: uppercase;
}

article a:hover {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.strike {
    text-decoration: line-through;
}

.underlined {
    text-decoration: underline;
}

.exampleLink {
    color: #0000ff;
}

.md-typeset code {
    font-size: .7rem;
}

.md-typeset pre {
    white-space: pre-wrap;
}

.md-typeset ol:not([hidden]), .md-typeset ul:not([hidden]) {
    display: block;
}

/***************************** ADMONITION STYLES *****************************/

.md-typeset .admonition, .md-typeset details {
    background-color: unset;
    box-shadow: none;
    border-radius: 8px;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 16px;
}

/* Tablet/Mobile view */
@media screen and (max-width: 76.234375em) {
    .md-typeset .admonition, .md-typeset details {
        font-size: 0.7rem;
    }
}

.md-typeset .admonition-title, .md-typeset summary,
[dir=ltr] .md-typeset .admonition-title, [dir=ltr] .md-typeset summary {
    background-color: unset;
    padding-left: 32px;
}

[dir=ltr] .md-typeset .admonition-title:before, [dir=ltr] .md-typeset summary:before {
    left: 0;
}

/* Danger */
.md-typeset .admonition.danger, .md-typeset details.danger {
    border-color: var(--celum-admonition-danger-bg);
    border-width: 1px 12px 12px;
    border-style: solid;
}

.md-typeset .danger>.admonition-title, .md-typeset .danger>summary {
    background-color: var(--celum-admonition-danger-bg);
    color: var(--celum-admonition-danger-title);
}

.md-typeset .danger>.admonition-title:before, .md-typeset .danger>summary:before {
    background-image: var(--md-admonition-icon--danger);
    background-size: contain;
}

.md-typeset .danger a {
    color: var(--celum-admonition-danger-title);
}

/* Info */
.md-typeset .admonition.info, .md-typeset details.info {
    border-color: var(--celum-admonition-info-bg);
    border-width: 1px 12px 12px;
    border-style: solid;
}

.md-typeset .info>.admonition-title, .md-typeset .info>summary {
    background-color: var(--celum-admonition-info-bg);
    color: var(--celum-admonition-info-title);
}

.md-typeset .info>.admonition-title:before, .md-typeset .info>summary:before {
    background-image: var(--md-admonition-icon--info);
    background-size: contain;
}

.md-typeset .info a {
    color: var(--celum-admonition-info-title);
}

/* Tip */
.md-typeset .admonition.tip, .md-typeset details.tip {
    border-color: var(--celum-admonition-tip-bg);
    border-width: 1px 12px 12px;
    border-style: solid;
}

.md-typeset .tip>.admonition-title, .md-typeset .tip>summary {
    background-color: var(--celum-admonition-tip-bg);
    color: var(--celum-admonition-tip-title);
}

.md-typeset .tip>.admonition-title:before, .md-typeset .tip>summary:before {
    background-image: var(--md-admonition-icon--tip);
    background-size: contain;
}

.md-typeset .tip a {
    color: var(--celum-admonition-tip-title);
}

/* Warning */
.md-typeset .admonition.warning, .md-typeset details.warning {
    border-color: var(--celum-admonition-warning-bg);
    border-width: 1px 12px 12px;
    border-style: solid;
}

.md-typeset .warning>.admonition-title, .md-typeset .warning>summary {
    background-color: var(--celum-admonition-warning-bg);
    color: var(--celum-admonition-warning-title);
}

.md-typeset .warning>.admonition-title:before, .md-typeset .warning>summary:before {
    background-image: var(--md-admonition-icon--warning);
    background-size: contain;
}

.md-typeset .warning a {
    color: var(--celum-admonition-warning-title);
}

.md-typeset .admonition.danger p,
.md-typeset details.danger p,
.md-typeset .admonition.info p,
.md-typeset details.info p,
.md-typeset .admonition.tip p,
.md-typeset details.tip p,
.md-typeset .admonition.warning p,
.md-typeset details.warning p,
#searchExplanationModal p {
    margin-bottom: revert;
    margin-top: revert;
}

.md-typeset .admonition.danger ul,
.md-typeset details.danger ul,
.md-typeset .admonition.info ul,
.md-typeset details.info ul,
.md-typeset .admonition.tip ul,
.md-typeset details.tip ul,
.md-typeset .admonition.warning ul,
.md-typeset details.warning ul,
#searchExplanationModal ul {
    margin-top: .6rem;
}

.md-typeset .admonition.danger p.admonition-title,
.md-typeset details.danger p.admonition-title,
.md-typeset .admonition.info p.admonition-title,
.md-typeset details.info p.admonition-title,
.md-typeset .admonition.tip p.admonition-title,
.md-typeset details.tip p.admonition-title,
.md-typeset .admonition.warning p.admonition-title,
.md-typeset details.warning p.admonition-title {
    margin-bottom: initial;
    margin-top: initial;
}

/******************************** HTML EMOJIS ********************************/

span.checkmark:before {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
    content: "";
    display: inline-block;
    background-image: var(--md-admonition-icon--tip);
    background-size: contain;
}

span.cross:before {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
    content: "";
    display: inline-block;
    background-image: var(--md-admonition-icon--danger);
    background-size: contain;
}

span.info:before {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
    content: "";
    display: inline-block;
    background-image: var(--md-admonition-icon--info);
    background-size: contain;
}

span.warning:before {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
    content: "";
    background-image: var(--md-admonition-icon--warning);
    background-size: contain;
}

/******************************* IMAGE STYLES ********************************/

img.inlineImage {
    border: none;
}
img.thumb_clear_inline {
    width: auto	 ! important ;
    height: auto	 ! important ;
    max-width: 100%	 ! important ;
    border: none;
}
img.thumb_clear_small {
    width: 120px	 ! important ;
    height: auto	 ! important ;
}
img.thumb_clear_medium {
    width: 250px    ! important;
    height: auto !important;
}
img.thumb_clear_ten {
    width: 10%	 ! important ;
    height: auto	 ! important ;
}
img.thumb_clear_fifteen {
    width: 15%	 ! important ;
    height: auto	 ! important ;
}
img.thumb_clear_twenty {
    width: 20%	 ! important ;
    height: auto	 ! important ;
}
img.thumb_clear_twentyfive {
    width: 25%	 ! important ;
    height: auto	 ! important ;
}
img.thumb_clear_seventyfive {
    width: 75%	 ! important ;
    height: auto	 ! important ;
}
img.thumb_clear_fifty {
    width: 50%	 ! important ;
    height: auto	 ! important ;
}
img.thumb_clear_thirty {
    width: 30%	 ! important ;
    height: auto	 ! important ;
}
img.thumb_clear_normal {
    width: auto	 ! important ;
    height: auto	 ! important ;
}
img.thumb_clear_hundred {
    width: 100%	 ! important ;
    height: auto	 ! important ;
}
img.thumb_clear_ninetyfive {
    width: 95%	 ! important ;
    height: auto	 ! important ;
}
img.thumb_left_inline {
    width: auto	 ! important ;
    height: auto	 ! important ;
    max-width: 100%	 ! important ;
    border: none;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_small {
    width: 120px	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_medium {
    width: 250px	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_ten {
    width: 10%	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_fifteen {
    width: 15%	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_twenty {
    width: 20%	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_twentyfive {
    width: 25%	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_seventyfive {
    width: 75%	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_fifty {
    width: 50%	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_thirty {
    width: 30%	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_normal {
    width: auto	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_hundred {
    width: 100%	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_left_ninetyfive {
    width: 95%	 ! important ;
    height: auto	 ! important ;
    float: left	 ! important ;
    margin-right: 10px;
}
img.thumb_right_inline {
    float: right;
    width: auto	 ! important ;
    height: auto	 ! important ;
    max-width: 100%	 ! important ;
    border: none	 ! important ;
    margin-left: 10px;
}
img.thumb_right_small {
    float: right;
    width: 120px	 ! important ;
    height: auto	 ! important ;
    margin-left: 10px;
}
img.thumb_right_medium {
    float: right;
    width: 250px	 ! important ;
    height: auto	 ! important ;
    margin-left: 10px;
}
img.thumb_right_ten {
    width: 10%	 ! important ;
    height: auto	 ! important ;
    float: right;
    margin-left: 10px;
}
img.thumb_right_fifteen {
    width: 15%	 ! important ;
    height: auto	 ! important ;
    float: right;
    margin-left: 10px;
}
img.thumb_right_twenty {
    width: 20%	 ! important ;
    height: auto	 ! important ;
    float: right;
    margin-left: 10px;
}
img.thumb_right_twentyfive {
    width: 25%	 ! important ;
    height: auto	 ! important ;
    float: right;
    margin-left: 10px;
}
img.thumb_right_seventyfive {
    float: right;
    width: 75%	 ! important ;
    height: auto	 ! important ;
    margin-left: 10px;
}
img.thumb_right_fifty {
    float: right;
    width: 50%	 ! important ;
    height: auto	 ! important ;
    margin-left: 10px;
}
img.thumb_right_thirty {
    float: right;
    width: 30%	 ! important ;
    height: auto	 ! important ;
    margin-left: 10px;
}
img.thumb_right_normal {
    float: right;
    width: auto	 ! important ;
    height: auto	 ! important ;
    margin-left: 10px;
}
img.thumb_right_hundred {
    float: right;
    width: 100%	 ! important ;
    height: auto	 ! important ;
    margin-left: 10px;
}
img.thumb_right_ninetyfive {
    float: right;
    width: 95%	 ! important ;
    height: auto	 ! important ;
    margin-left: 10px;
}
img.imgRight {
    float: right;
}
img.imgLeft {
    float: left;
}
.resize-icons img {
    width: 16px !important;
    height: auto;
}

.resize-image-small img {
    width: 150px !important;
    height: auto;
}

.resize-image-medium img {
    width: 512px !important;
    height: auto;
}

.resize-image-large img {
    width: 1024px;
    max-width: 100%;
    height: auto;
}

.resize-image-xlarge img {
    width: 1280px;
    max-width: 100%;
    height: auto;
}

.resize-image-xxlarge img {
    width: 1560px;
    max-width: 100%;
    height: auto;
}

.resize-image-third img {
    width: 33% !important;
    height: auto;
}

.resize-image-third-inline img {
    width: 32%;
    height: auto;
    display: inline;
}

.resize-image-half img {
    width: 50% !important;
    height: auto;
}

.resize-image-half-inline img {
    width: 49%;
    height: auto;
    display: inline;
}

.resize-image-twothirds img {
    width: 75% !important;
    height: auto;
}

/******************************** LIST STYLES ********************************/

.multi-column-list-three ul {
    column-count: 3;
}

/******************************* TABLE STYLES ********************************/

.md-typeset__table {
    margin-bottom: 0;
}

table,
.md-typeset table:not([class]) {
    table-layout: auto;
    width: 100%;
    font-size: 16px;
    border: 1px solid var(--celum-bluegrey-100);
    border-radius: 8px;
}

/* Tablet/Mobile view */
@media screen and (max-width: 76.234375em) {
    table,
    .md-typeset table:not([class]) {
        font-size: 0.7rem;
    }
}

/* Table with no header */
.hide-header table thead /*, .table-no-header table thead*/ {
    display: none;
}

/* Table with no borders */
.no-border table,
.no-border table tr,
.no-border table td,
.no-border table th,
table.no-border,
table.no-border tr,
table.no-border td,
table.no-border th {
    border: none !important;
    background: transparent !important;
}

.md-typeset table:not([class]) th:not([align]) {
    color: var(--md-typeset-color);
    background-color: var(--celum-bluegrey-50);
    text-align: center;
    word-break: break-word;
}

table,
table td,
table td p,
table th,
table th p {
    word-break: break-word;
    hyphens: auto;
}

.md-typeset table:not([class]) th:not([align]).alignLeft {
    text-align: left;
}

.md-typeset table:not([class]) td:not([align]).alignCenter,
.md-typeset table:not([class]) th:not([align]).alignCenter {
    text-align: center;
}

.md-typeset table:not([class]) a {
    word-break: break-all;
}

.highlight-grey {
    background-color: rgba(255, 63, 63, 0.1);
}

.highlight-red {
    background-color: rgba(207, 216, 220, 0.28);
}