﻿
/*
    MAIN
*/

.NAVIGATIONV2::-webkit-scrollbar {
    width: 0px;
}

.NAVIGATIONV2::-webkit-scrollbar-track {
    background: none;
}

.NAVIGATIONV2::-webkit-scrollbar-thumb {
    background: #888;
}


.NAVIGATIONV2 {
    width: 100%;
    font-family: roboto, sans-serif;
    color: white;
    font-size: 17px;
}

    .NAVIGATIONV2 a {
        text-decoration: none;
        color: white;
        font-weight: 300;
        font-size: 20px;
    }
    .NAVIGATIONV2 a:not([href]) {
        cursor: default;
    }

    .NAVIGATIONV2 .NAVIGATIONV2_URL_HIGHLIGHTED img{
        filter: invert(50%) sepia(93%) saturate(4909%) hue-rotate(182deg) brightness(143%) contrast(51%) !important;
        text-decoration: underline;
        text-decoration-color: #19a3ff;
    }
    .NAVIGATIONV2 .NAVIGATIONV2_HASH_HIGHLIGHTED {
        color: orange;
    }

    /*
    Section
*/
    .NAVIGATIONV2 .NAVIGATIONV2_Section_Header {
        width: 100%;
        height: 40px;
        background-color: #001d2e;
        position: relative;
    }

        .NAVIGATIONV2 .NAVIGATIONV2_Section_Header div {
            padding: 10px;
            color: lightgray;
            font-weight: 300;
            text-transform: uppercase;
        }

    .NAVIGATIONV2 .NAVIGATIONV2_Section.Expandable .NAVIGATIONV2_Section_Header span {
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

    .NAVIGATIONV2 .NAVIGATIONV2_Section.Expandable.expanded .NAVIGATIONV2_Section_Header span::after {
        content: '▲';
    }

    .NAVIGATIONV2 .NAVIGATIONV2_Section.Expandable:not(.expanded) .NAVIGATIONV2_Section_Header span::after {
        content: '▼';
    }

    .NAVIGATIONV2 .NAVIGATIONV2_Section.Expandable.expanded .NAVIGATIONV2_Section_Contents {
        display: grid !important;
    }

    .NAVIGATIONV2 .NAVIGATIONV2_Section.Expandable:not(.expanded) .NAVIGATIONV2_Section_Contents {
        display: none !important;
    }

    .NAVIGATIONV2 .NAVIGATIONV2_Section_Contents {
        width: 100%;
        display: grid;
        grid-template-rows: repeat(autp-fill, 40px);
        grid-template-columns: 100%;
    }

    /*
    ICON STYLE
*/

    .NAVIGATIONV2 .NAVIGATIONV2_Section_Icon_Content {
        display: grid;
        grid-template-columns: 25px auto;
        grid-template-rows: 30px;
        grid-column-gap: 5px;
        padding: 10px 0 0 10px;
    }

        .NAVIGATIONV2 .NAVIGATIONV2_Section_Icon_Content:hover {
            filter: brightness(0.7);
        }

        .NAVIGATIONV2 .NAVIGATIONV2_Section_Icon_Content img {
            width: 100%;
        }

            .NAVIGATIONV2 .NAVIGATIONV2_Section_Icon_Content img[data-type="svg"] {
                filter: invert(100%);
            }

            .NAVIGATIONV2 .NAVIGATIONV2_Section_Icon_Content img[data-type="png"] {
                filter: brightness(0) invert(100%);
            }

        .NAVIGATIONV2 .NAVIGATIONV2_Section_Icon_Content span {
            width: 100%;
            display: inline-block;
        }
    /*
    No Icon
*/
    .NAVIGATIONV2 .NAVIGATIONV2_Section_Content {
        width: 100%;
        padding: 10px 0 10px 10px;
    }

        .NAVIGATIONV2 .NAVIGATIONV2_Section_Content span {
            display: inline-block;
            width: 100%;
        }

        .NAVIGATIONV2 .NAVIGATIONV2_Section_Content:hover {
            color: #2ab89b;
            text-decoration: underline;
        }

    /*
    Sub Section
*/

    .NAVIGATIONV2 .NAVIGATIONV2_SubSection_Header {
        width: 100%;
        position: relative;
    }

        .NAVIGATIONV2 .NAVIGATIONV2_SubSection_Header div {
            padding: 10px 10px 0 10px;
            color: lightgray;
            text-transform: uppercase;
        }

    .NAVIGATIONV2 .NAVIGATIONV2_SubSection.Expandable .NAVIGATIONV2_SubSection_Header span {
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

    .NAVIGATIONV2 .NAVIGATIONV2_SubSection.Expandable.expanded .NAVIGATIONV2_SubSection_Header span::after {
        content: '▲';
    }

    .NAVIGATIONV2 .NAVIGATIONV2_SubSection.Expandable:not(.expanded) .NAVIGATIONV2_SubSection_Header span::after {
        content: '▼';
    }

    .NAVIGATIONV2 .NAVIGATIONV2_SubSection.Expandable.expanded .NAVIGATIONV2_SubSection_Contents {
        display: grid !important;
    }

    .NAVIGATIONV2 .NAVIGATIONV2_SubSection.Expandable:not(.expanded) .NAVIGATIONV2_SubSection_Contents {
        display: none !important;
    }

    .NAVIGATIONV2 .NAVIGATIONV2_SubSection_Contents {
        width: 100%;
        display: grid;
        grid-template-rows: repeat(autp-fill, 40px);
        grid-template-columns: 100%;
    }

    .NAVIGATIONV2 .NAVIGATIONV2_SubSection_Content {
        width: 100%;
        padding: 0 0 0 20px;
    }

        .NAVIGATIONV2 .NAVIGATIONV2_SubSection_Content:hover {
            color: #2ab89b;
            text-decoration: underline;
        }

        .NAVIGATIONV2 .NAVIGATIONV2_SubSection_Content span {
            display: inline-block;
            width: 100%;
            font-size: 18px !important;
        }

            .NAVIGATIONV2 .NAVIGATIONV2_SubSection_Content span::before {
                content: '- ';
            }
