﻿.requirements-page .post.content > div {
    border-bottom: 1px solid #dfe2e5;
}

.requirements-page strong:empty { 
    display:none;
}

.requirements-page .post.content {
    margin-bottom: 20px !important;
}

.requirements-page .post.content table .header-req {
        clear: both;
        font-size: 13px;
        border-top: 1px solid #dfe2e5;
        background-color: #D8D8D8;
        font-weight: 500;
    }

.requirements-page .post.content table .header-req-1 {
        width: 6%;
        box-sizing: border-box;
        padding: 5px;
        border-right: 1px solid #dfe2e5;
    }

.requirements-page .post.content table .header-req-2 {
        width: 8%;
        box-sizing: border-box;
        padding: 0px 5px 5px;
        border-right: 1px solid #dfe2e5;
    }

.requirements-page .post.content table .header-req-3 {
        width: calc( 100% - 24%);
        padding: 0 10px;
    }

@media only screen and (max-width:1400px) {
    .header-req-3 {
        width: calc( 100% - 27%);
        padding: 0 10px;
        box-sizing: border-box;
    }
}

.requirements-page .post.content table .header-req-4 {
    width: 10%;
    text-align: center;
    padding: 0px 3px 5px;
    box-sizing: border-box;
    border-right: 1px solid #dfe2e5;
    border-left: 1px solid #dfe2e5;
}

@media only screen and (max-width:1400px) {
    .header-req-4 {
        width: 13%;
    }
}

.requirements-page .post.content ul.req-inline-bullets {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.requirements-page .post.content ul.req-inline-bullets li {
        list-style: initial;
        padding-bottom: 0;
        padding-top: 0;
    }

.req.-filter-version {
    border: 1px solid black;
    border-bottom: 1px solid black !important;
    background-color: #f3f3f3;
}

.req.-filter-version .req-wrapp-type {
    border-right: 1px solid black;
}


.info-exclude-tag-group .info-tag {
    min-width: 48px;
    text-align: center;
}

.req-wrapp-province .info-exclude-tag-group {
    flex-wrap: wrap;
}

.req-wrapp-province .info-tag-group {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.info-tag.showTitle {
    display: none;
}

.requirements-page .post.content table .req-wrapp-province {
    width: 8%;
    padding: 10px 0;
    box-sizing: border-box;
    border-right: 1px solid #dfe2e5;
}

.req-children-collapse {
    cursor: pointer;
    display: none;
}

.req-children-collapse.-active {
    display: block;
}

.req-children-expand {
    cursor: pointer;
    display: none;
}

    .req-children-expand.-active {
        display: block;
    }

.requirements-page .post.content table .req-wrapp-type {
    width: 10%;
    font-size: 14px;
    padding: 10px 5px;
    box-sizing: border-box;
    border-right: 1px solid #dfe2e5;
    border-left: 1px solid #dfe2e5;
    white-space: nowrap;
}

@media only screen and (max-width:1400px) {
    .req-wrapp-type {
        width: 13%;
    }
}

@media only screen and (max-width:1024px) {
    .req-wrapp-type {        
        padding: 10px 3px;
    }
}

.requirements-page .post.content table .req-wrapp-versions {
    width: 6%;
    padding: 10px;
    box-sizing: border-box;
    border-left: 1px solid #dfe2e5;
    border-right: 1px solid #dfe2e5;
    white-space: nowrap;
    font-weight: bold;
}

.-text-all {
    text-align: center;
    font-size: 13px;
    color: #5a4a4a;
    font-style: italic;
}

    .req-wrapp:empty {
        display: none;
    }

    .req-wrapp-province .info-tag {
        display: none;
    }

        .req-wrapp-province .info-tag.showTitle {
            display: inline-block;
            margin-bottom: 5px;
        }

    .req-wrapp-province {
        white-space: nowrap;
    }

.req-wrapp-text {
    padding: 10px;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;    
}

.req-wrapp-text sup,
.paragraph-item sup {
    vertical-align: revert;
    font-size: 11px;
}

.-deprecated .paragraph-item {
    text-decoration: line-through;
}

.info-text span.versions.deprecated {
    display: none;
}

.versions-text.-highlight {
    width: auto !important;
    display: inline-block;
    color: inherit !important;
    background: #26d3101f !important;
}

.versions-text.-highlight.-hide {
    display: inline-block !important;
    width: auto !important;
    color: inherit !important;
    background: #f98a8a1c !important;
    text-decoration: line-through !important;
}

.post.content .versions.-highlight {
    background: #26d3101f;
    width: 100%;
}

.post.content .versions.-highlight.-moved {
    color: #0B652B;
    background: transparent;
}

.post.content .versions.-highlight.-hide {
    color: inherit;
    background: #f98a8a1c;
    text-decoration: line-through;
}

.post.content .versions.-highlight.-hide.-moved-old {
    background: #26d3101f;
}

.post.content .versions.-highlight .versions.-highlight {
    background: transparent;
}

.post.content .req.versions.-highlight:not(.-hide) {
    border: 1px solid black;
    border-bottom: 1px solid black !important;
    background-color: #f3f3f3;
}

.navListItem .versions.-highlight.-hide {
    display: inline-block !important;
}

.versions.-highlight.-deprecated .versions.-highlight.-deprecated,
.versions.-highlight.-deprecated .navListItem.versions.-hide {
    background: none;
}

.versions.-deprecated {
    background: #fef2f2;
    text-decoration: line-through;
}

.versions.-highlight.-deprecated,
.post.content .versions.-highlight.-deprecated {
    background: #fef2f2;
    text-decoration: line-through;
}

.versions.-highlight.-deprecated.moved {
    background: #f98a8a1c;
    font-weight: normal;
}

    .versions.-highlight.-deprecated.moved a.navItem {
        text-decoration: none !important;
        text-decoration-color: #717171 !important;
    }

.navGroups .versions.-hide:not(.versions-text),
.navGroups .moved.target.-deprecated:not(.versions-text) {
    display: block !important;
    text-decoration: line-through;
    background: #f98a8a1c;
}
.navGroup .versions.-moved {
    font-weight: normal;
}

.navGroup .versions.-moved.-highlight {
    background: #26d3101f;
}

.navGroup .versions.-moved-old.-hide .navItem {
    color: #717171 !important;
    text-decoration: none;
    font-weight: normal;
}

.navListItem.versions.-deprecated.moved.symlink.-hide .navItem {
    color: #717171 !important;
    text-decoration: none;
    font-weight: normal;
}

.navGroup.versions.-hide:not(.-highlight) a,
.navListItem.versions.-hide:not(.-highlight) a,
.navGroups .moved.target.-deprecated a {
    pointer-events: none;
    cursor: default;
    color: #717171;
}

.navGroup.versions.-highlight.-deprecated h3 a {
    color: black;
    text-decoration-line: none;
}

.navGroup.versions.-highlight.-deprecated .navListItem .navItem {
    color: #717171 !important;
    text-decoration-line: none;
}

.-highlight.-deprecated h3 a:hover {
    text-decoration-color: #95C11E;
}

.-highlight.-deprecated .navListItem .navItem:hover {
    text-decoration-color: #95C11E;
}

.navGroup.versions.-hide:not(.-highlight) ul {
    display: none;
}

.doc-chapter.moved.target.-deprecated {
    display: none;
}

.doc-chapter.versions.moved.symlink.-highlight {
    display: block !important;
    background: #26d3101f;
}

.doc-chapter.versions.moved.symlink.-highlight .badge.-moved.symlink.moved {
    display: inline-block !important;
}

.doc-chapter.versions.moved.symlink.-highlight .req.-filter-version {
    background: transparent;
}

.doc-chapter.moved.target.-highlight {
    color: #0B652B;
    background: transparent;
}

.req-wrapp-province .-highlight,
.req-wrapp-type .-highlight {
    background: #26d3101f;
}

.req-wrapp-province .-text-all.-highlight {
    padding: 0 3px;
}

.req-wrapp-province .-hide.-highlight,
.req-wrapp-type .-hide.-highlight {
    display: block !important;
    text-decoration: line-through;
    background: #f98a8a1c;
}

.requirements-page .post.content li {
    list-style: none;
}

.requirements-page .post.content li p {
    display: contents;
}

.requirements-page .post.content a > img {
    height: 16px;
    width: 16px;
}
.requirements-page .post.content .doc-image {
    max-width: 560px;
    max-height: 550px;
}

.requirements-page .post.content .doc-image img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        object-fit: contain;
    }

    html {
        scroll-behavior: smooth;
    }

    /*body::-webkit-scrollbar {
    width: 0;
    background-color: white;
}

@-moz-document url-prefix() {
    html {
        scrollbar-width: none;
    }
}

body {
    margin: 0; 
    scrollbar-width: none; 
    -ms-overflow-style: none;
    overflow-y: scroll;
}

body::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

*/

    .filter {
        order: 1;
        right: 80px;
        position: fixed;
    }

    .search-input {
        display: block;
        width: 300px;
        font-size: 16px;
    }

    .search-btn {
        margin-top: 10px;
        padding: 8px 18px;
        font-size: 16px;
    }

    .filter-results {
        padding-left: 0;
    }

    .content {
        max-width: 1200px;
    }

.requirements-page .post.content ul {
    padding-top: 10px;
}

.requirements-page .post.content li {
    padding-bottom: 10px;
}

.--type-M {
    color: #b70000;
}

.--type-I {
    color: green;
}

.--type-C {
    color: #6a2c00;
}

.--type-G {
    color: #6c757d;
}

span.versions {
    font-weight: bold;
}

span.nav-version-in-brackets {
    display: none;
}

.versions.-hide .nav-version-in-brackets {
    display: inline-block;
}

.versions.-highlight .nav-version-in-brackets {
    background: #f98a8a1c;
    text-decoration: line-through;
    display: inline-block;
}

span.versions-text.versions {
    font-weight: inherit;
}

.versions-text.-hide + br,
.versions-text.-hide + br + br,
.versions-text.versions + br + br {
    display: none;
}

.badge.moved {
    color: white;
    background-color: #0b652b;
    border-radius: 3px;
    padding: 3px 2px;
    margin: 0 4px;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #0b652b;
    display: none;
}

.-moved-old .badge.moved {
    display: inline-block;
}

.badge.deferred {
    color: white;
    background-color: #772cc9;
    border-radius: 3px;
    padding: 3px 2px;
    margin: 0 4px;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #772cc9;
    display: none;
}

.-show-deferred .badge.deferred {
    display: inline-block;
}

.badge.deprecated {
    color: white;
    background-color: #dc3545;
    border-radius: 3px;
    padding: 3px 2px;
    margin: 0 4px;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #dc3545;
    display: none;
}

.-deprecated .badge.deprecated {
    display: inline-block;
}

.req.-show-deferred .req-wrapp-province * {
    display: none;
}

.req.-show-deferred .req-wrapp-province:after {
    content: 'None';
    display: block;
    text-align: center;
    font-size: 13px;
    color: #5a4a4a;
    font-style: italic;
}

.req {
    display: table-row !important;
}
.req.-deferred,
.req.-hide {
    display: none !important;
}

.req.versions.-highlight,
.req.versions.-deprecated:not(.-hide) {
    display: table-row !important;
}

.req.versions.-deprecated strong span:empty {
    display: inline-block;
}

.req.versions .req-wrapp-text strong span:empty {
    display: inline-block;
}

.-deferred .display-when-deferred {
    display: block !important;
}

.-deferred .display-when-undeferred {
    display: none !important;
}

.doc-chapter.versions.-highlight {
    display: block !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

    .bg-warning {
        background-color: #ffc107 !important;
    }

    .text-dark {
        color: #343a40 !important;
    }

    .text-white {
        color: #fff !important;
    }

    .mainContainer .post {
        max-width: 1200px;
        margin: 0px auto;
    }



        .mainContainer .post.content,
        .mainContainer .post.wrapper-filters {
            margin: initial;
        }

        .mainContainer .post.wrapper-filters {
            margin-bottom: 20px;
        }

.post h1 {
    margin-top: 0px;
}

.post sup,
p sup {
    vertical-align: revert;
    font-size: 50%;
}

/* make MC symbol a bit smaller for FR headers */
body.fr h1 sup,
body.fr h2 sup,
body.fr h3 sup {
    font-size: 30%;
}

.requirements-page .post.content table td, .requirements-page .post.content table th {
    border: none;
}

.requirements-page .post.content table tr {
    border-top: 1px solid #dfe2e5;
}
    .requirements-page .post.content table tr:first-child {
        border-top: none;
    }

    .requirements-page .post.content table tr:last-child {
        border-bottom: 1px solid #dfe2e5;
    }

        .popper-tooltip {
            opacity: 0;
            background-color: #333;
            color: white;
            padding: 5px 10px;
            border-radius: 4px;
            font-size: 13px;
        }

    .has-tooltip:hover + .popper-tooltip {
        opacity: 1;
    }

    .instructions-cell {
        position: relative;
    }

    .instruction-override-btn {
        position: absolute;
        bottom: 8px;
        right: 8px;
    }

    .fixedHeaderContainer {
        z-index: 10;
    }

    .fixedHeaderContainer.-margin {

    }

    @media only screen and (max-width:1024px) {
        .fixedHeaderContainer.-margin {
            margin-top: 0px;
            flex-flow: wrap;
            flex-direction: column;
        }
            .fixedHeaderContainer.-margin .headerWrapper.wrapper > div {
                display: none;
            }
    }

    .text-bg-yellow {
        background-color: yellow;
    }

    .custom-table {
        display: table;
        width: 100%;
    }

        .custom-table > thead > tr {
            border: 1px solid #dfe2e5;
            border-bottom: 2px solid #ced1d4;
        }

            .custom-table > thead > tr > th {
                border-right: 1px solid #dfe2e5;
            }

                .custom-table > thead > tr > th:last-of-type {
                    border-right: none;
                }

        .custom-table > tbody > tr > td {
            border-right: 1px solid #dfe2e5;
        }

            .custom-table > tbody > tr > td:first-of-type {
                border-left: 1px solid #dfe2e5;
            }

.disclaimer-copy {
    display: none;
    margin-bottom: 25px;

}

    .disclaimer-copy h2 {
        margin: 0;
    }