#docs-hbox .main-section > .tabs ul:last-of-type {
    flex-grow: 0;
}



@media screen and (max-width: 599px) {
    #docs-hbox .toolbar {
        margin-top: 1em;
    }
    
    #docs-hbox .toolbar > * {
        margin: 0 0 1em 0;
    }

    /* Adaptation des tabs en vertical */
    #docs-hbox .main-section > .tabs {
        display: block;
    }
    #docs-hbox .main-section > .tabs > ul {
        margin-bottom: 1em;
    }
    #docs-hbox .main-section > .tabs > ul > li { margin: 0; margin-bottom: -1px; }
    #docs-hbox .main-section > .tabs > ul > li:last-child { margin-bottom: 0; }
    #docs-hbox .main-section > .tabs > ul > li > a { border-radius: 0; }
    #docs-hbox .main-section > .tabs > ul > li:first-child > a { border-radius: 4px 4px 0 0; }
    #docs-hbox .main-section > .tabs > ul > li:last-child > a { border-radius: 0 0 4px 4px; }
}

@media screen and (min-width: 600px) {
    #docs-hbox .toolbar {
        display: flex;
        align-items: center;
    }
    
    #docs-hbox .toolbar > * {
        margin: 0 1em 0 0;
    }
    #docs-hbox .main-section > .tabs {
        justify-content: flex-start;
        z-index: 1;
        margin-top: -2em;
        padding-top: 2em;
        margin-left: -1em;
        padding-left: 1em;
        box-shadow: 0 20pt 20pt 0px white;
        width: 100%;
        position: fixed;
        background: white;
    }
    #docs-hbox .main-section > .tabs > ul {
        flex-grow: 0;
        margin-right: 1em;
    }
    #docs-hbox .main-section > .tabview {
        display: flex;
        margin-top: 2rem;
    }
}

#docs-hbox .tabview.docs .flow-card {
    height: 21.5em;
    vertical-align: top;
}

#docs-hbox .tabview.docs .flow-card .scroll-section {
    height: 11em;
    overflow-y: auto;
}

#docs-hbox .button .note {
    font-weight: bold;
    display: inline-block;
    text-align: right;
    margin-left: -10pt;
    margin-right: 5pt;
    width: 20pt;
}

#docs-hbox .card-title-bloc {
    margin-bottom: 1.5rem;
    border-left: 3pt solid #EEE;
    padding-left: 9pt;
}

#docs-hbox .is-labelled {
    border-left: solid 3pt transparent;
    padding-left: 9pt;
}

#docs-hbox .lessons .button {
    margin-bottom: 2pt;
}

#docs-hbox .dropdown-content {
    max-height: 60vh;
    overflow-y: scroll;
}

#docs-hbox .btn-override {
    margin-top: -3em;
}

@media screen and (max-width: 599px) {
    #docs-hbox .tabview {
        flex-direction: column;
    }

    #docs-hbox .lessons {
        margin-bottom: 1em;
    }
}

@media screen and (min-width: 600px) {
    #docs-hbox .lessons {
        position: fixed;
        width: 8em;
        display: flex;
        flex-direction: column;
    }

    #docs-hbox .lessons + .cards-container {
        margin-left: 9em;
    }
}