/* Graphical Taxonomy */

/* Style 00 - Original commissioned style */
.gtContainer * {
    box-sizing: border-box;
}

.gtStyle_00.gtContainer, .gtStyle_00 .gtWrapper {
    box-sizing: border-box;
    width: 100%;
    flex-basis: 100%;
    display: flex;
    flex-flow: row wrap;
    text-align: center;
}

.gtStyle_00 .gtAnchor {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 10px;
}

    .gtStyle_00 .gtAnchor:hover {
        color: #ddd;
    }

.gtStyle_00 .gtLevelOneTitle .gtAnchor {
    padding: 20px;
}

.gtStyle_00 .gtLevelOneContainer {
    margin: 10px;
    min-width: 250px;
}

.gtStyle_00 .gtLevelOneContainer, .gtStyle_00 .gtLevelOneWrapper, .gtStyle_00 .gtLevelTwoWrapper, .gtStyle_00 .gtLevelTwoContent {
    width: auto;
    display: flex;
    flex-flow: column nowrap;
}

.gtStyle_00 .gtLevelOneTitle {
    width: 100%;
    background: var(--gt-level-one-background, #333);
    margin-bottom: 10px;
}

.gtStyle_00 .gtLevelOneContent {
    display: flex;
    flex-flow: row nowrap;
}

.gtStyle_00 .gtLevelTwoContainer {
    flex-grow: 1;
    margin: 0 5px;
}

    .gtStyle_00 .gtLevelTwoContainer:first-child {
        margin-left: 0;
    }

    .gtStyle_00 .gtLevelTwoContainer:last-child {
        margin-right: 0;
    }

.gtStyle_00 .gtLevelTwoTitle {
    background: var(--gt-level-two-background, #666);
}

.gtStyle_00 .gtLevelTwoContent {
}

.gtStyle_00 .gtLevelThreeContainer {
    padding: 5px 0 5px 5px;
    box-shadow: inset 10px 0px 0 0px var(--gt-level-two-background, #666);
}

    .gtStyle_00 .gtLevelThreeContainer:first-child {
        padding-top: 10px;
    }

    .gtStyle_00 .gtLevelThreeContainer:last-child {
        padding-bottom: 10px;
    }

.gtStyle_00 .gtLevelThreeWrapper {
    background: var(--gt-level-three-background, #999);
}

/* Style 01 - sideways, expandable level 1 panels */
.gtContainer.gtStyle_01 {
    height: 100%;
}

.gtStyle_01 .gtWrapper {
    display: flex;
    height: 100%;
}

.gtStyle_01 .gtAnchor {
    color: #111;
}

.gtStyle_01 .target .gtAnchor:hover {
    color: #000;
    text-decoration: underline;
}

.gtStyle_01 .gtLevelOneWrapper > .gtLevelOneContent {
    display: none;
}

.gtStyle_01 .gtLevelOneContainer.target .gtLevelOneContent {
    width: 0;
    overflow: hidden;
    display: flex;
    align-content: center;
}

.gtStyle_01 .gtLevelOneContainer:nth-child(odd) .gtLevelOneTitle {
    background: #ebebeb;
}

.gtStyle_01 .gtLevelOneContainer:nth-child(even) .gtLevelOneTitle {
    background: #ddd;
}

.gtStyle_01 .gtLevelOneContainer {
    flex: 1 1;
    transition: all 1s ease;
    justify-content: center;
}

    .gtStyle_01 .gtLevelOneContainer.target {
        flex: 999 1;
        transition: all 1s ease;
    }

.gtStyle_01 .gtLevelOneWrapper, .gtStyle_01 .gtLevelOneTitle {
    height: 100%;
    width: 100%;
    display: flex;
}

.gtStyle_01 .gtLevelOneContainer.target .gtLevelOneTitle {
    width: auto;
}

.gtStyle_01 .gtLevelOneTitle .gtAnchor {
    display: block;
    height: 100%;
    width: 100%;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font: normal 32px/40px var(--font-nav, 'sourcesanspro');
    padding: 20px 10px;
}

.gtStyle_01 .gtLevelOneContent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap;
    flex-grow: 1;
    background: #fafafa;
}

.gtStyle_01 .gtLevelTwoContainer {
    margin: 10px;
    flex-grow: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 10px;
    background: rgba(255,255,255,0.3);
    background: #EBEBEB;
    max-height: calc(100% - 20px);
    overflow: auto;
}

.gtStyle_01 .gtLevelTwoWrapper {
    width: 100%;
}

.gtStyle_01 .gtLevelTwoTitle {
    background: #ccc;
    text-align: center;
}

    .gtStyle_01 .gtLevelTwoTitle .gtAnchor {
        display: block;
        font: normal 18px/30px var(--font-nav, 'sourcesanspro');
        padding: 0 10px;
    }

.gtStyle_01 .gtLevelThreeContainer {
    padding: 5px 10px 0 10px;
}

.gtStyle_01 .gtLevelThreeTitle {
    font: normal 14px/20px var(--font-nav, 'sourcesanspro');
    min-height: 30px;
}


/*
.gtStyle_01 .gtLevelOneContainer:nth-child(odd) .gtLevelOneTitle, .gtStyle_01 .gtLevelOneContainer:nth-child(even) .gtLevelOneTitle, .gtStyle_01 .gtLevelOneContent { background: transparent; }
.gtStyle_01 .gtLevelOneTitle .gtAnchor { color: #fff; text-shadow: 0 2px 3px #000; }
.gtStyle_01 .gtLevelOneTitle .gtAnchor:hover { color: #fff; text-shadow: 0 2px 3px #000; }
#pnlLevelOne_Container_59 { background: url('http://syserodev41/renderimage.aspx?ImageURL=C%3a%5cData%5cSyseroCTX%5cHFWBordereau%5cWikiPageImages%5c1%5c4%5cbusinessman-holding-tablet-with-virtual-application_1112-775.jpg&admincompanyid=1') center center/cover no-repeat; }
#pnlLevelOne_Container_63 { background: url('http://syserodev41/renderimage.aspx?ImageURL=C%3a%5cData%5cSyseroCTX%5cHFWBordereau%5cWikiPageImages%5c1%5c4%5c3d-background-with-globe-programming-code_1048-5911.jpg&admincompanyid=1') center center/cover no-repeat; }
#pnlLevelOne_Container_69 { background: url('http://syserodev41/renderimage.aspx?ImageURL=C%3a%5cData%5cSyseroCTX%5cHFWBordereau%5cWikiPageImages%5c1%5c4%5cbusinessman-pointing-graphs-symbols_1232-917.jpg&admincompanyid=1') center center/cover no-repeat; }
#pnlLevelOne_Container_73 { background: url('http://syserodev41/renderimage.aspx?ImageURL=C%3a%5cData%5cSyseroCTX%5cHFWBordereau%5cWikiPageImages%5c1%5c4%5cclose-up-laptop-with-economic-report_1098-2544.jpg&admincompanyid=1') center center/cover no-repeat; }
#pnlLevelOne_Container_76 { background: url('http://syserodev41/renderimage.aspx?ImageURL=C%3a%5cData%5cSyseroCTX%5cHFWBordereau%5cWikiPageImages%5c1%5c4%5cdigital-blue-hud-interface-laptop-concept_53876-64973.jpg&admincompanyid=1') center center/cover no-repeat; }
#pnlLevelOne_Container_82 { background: url('http://syserodev41/renderimage.aspx?ImageURL=C%3a%5cData%5cSyseroCTX%5cHFWBordereau%5cWikiPageImages%5c1%5c4%5cindex-finger-pressing-shiny-button_1232-200.jpg&admincompanyid=1') center center/cover no-repeat; }
#pnlLevelOne_Container_87 { background: url('http://syserodev41/renderimage.aspx?ImageURL=C%3a%5cData%5cSyseroCTX%5cHFWBordereau%5cWikiPageImages%5c1%5c4%5cdownload.jpg&admincompanyid=1') center center/cover no-repeat; }
#pnlLevelOne_Container_88 { background: url('http://syserodev41/renderimage.aspx?ImageURL=C%3a%5cData%5cSyseroCTX%5cHFWBordereau%5cWikiPageImages%5c1%5c4%5cPh8gI2.jpg&admincompanyid=1') center center/cover no-repeat; }
#pnlLevelOne_Container_92 { background: url('http://syserodev41/renderimage.aspx?ImageURL=C%3a%5cData%5cSyseroCTX%5cHFWBordereau%5cWikiPageImages%5c1%5c6%5csuggestions.jpg&admincompanyid=1') center center/cover no-repeat; }
*/