.bd_toc_widget_floating {
    height: calc(100vh - 100%);
    .bd_toc_floating_content{
        display: none;
        padding: 10px 0;
        transition: ease-in-out 0.5s;
        .bd_toc_content_list {
            .bd_toc_content_floating_list_item {
                ul {
                    margin: 0 !important;
                    padding: 0 !important;
                    li {
                        list-style: none;
                        position: relative;
                        a {
                            display: block;
                            text-decoration: none;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                            line-height: 22px;
                            border-radius: 10px;
                        }
                        &.current {
                            &>a {
                                border-radius: 10px;
                            }
                        }
                        ul {
                            margin-left: 15px !important;
                        }
                    }
                }
            }
        }
        &.list-type {
            &-number {
                ul {
                    counter-reset: List;

                    li {
                        counter-increment: List;

                        a {
                            &:before {
                                content: counters(List, ".") '.';
                                z-index: 9;
                                margin-right: 10px;
                            }
                        }
                    }
                }
            }

            &-disc {
                padding: 10px;
                ul {
                    li {
                        a {
                            &:before {
                                content: "";
                                width: 6px;
                                height: 6px;
                                position: absolute;
                                border-radius: 6px;
                            }
                        }
                    }
                }
            }

            &-none {
                ul {
                    list-style: none;
                }
            }
        }
        &.floating_content_hide {
            display: none !important;
        }
    }
}

body{
    .bd_toc_widget_floating{
        position: fixed;
        margin: 0;
        padding: 0;
        height: auto;
        z-index: 99999999999999;
        max-width: 700px;
        overflow: hidden;
        @media only screen and (max-width: 767px) {
            max-width: 355px; 
         }
         @media only screen and (max-width: 412px) {
            max-width: 315px;
         }
         @media only screen and (max-width: 360px) {
            max-width: 300px;
         }
         @media only screen and (max-width: 320px) {
            max-width: 260px;
         }
        .bd_toc_widget_floating_current_heading {
            display: none;
            line-height: normal;
            .bd_toc_widget_item {
                display: inline-flex;
                align-items: center;
                justify-content: start;
                width: 100%;
                .bd_toc_widget_nav_prev{
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    a{
                        color: #1140FF;
                        position: relative;
                        display: flex;
                        width: 30px;
                        height: 30px;
                        background-color: #F0F8FF;
                        cursor: pointer;
                        margin-right: 8px;
                        line-height: 30px;
                        border-radius: 50%;
                        &.bd_toc_widget_left_arrow {
                            &:after {
                                content: "";
                                display: block;
                                position: absolute;
                                width: 9px;
                                height: 9px;
                                border-bottom: 2px solid;
                                border-left: 2px solid;
                                transform: rotate(45deg);
                                left: 12px;
                                top: 11px;
                            }
                        }
                    }
                }
                .bd_toc_widget_nav_next {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    a{
                        color: #1140FF;
                        position: relative;
                        display: flex;
                        width: 30px;
                        height: 30px;
                        background-color: #F0F8FF;
                        cursor: pointer;
                        line-height: 30px;
                        border-radius: 50%;
                        margin-right: 20px;
                        &.bd_toc_widget_right_arrow {
                            &:after {
                                content: "";
                                display: block;
                                position: absolute;
                                width: 9px;
                                height: 9px;
                                border-bottom: 2px solid;
                                border-right: 2px solid;
                                transform: rotate(-45deg);
                                left: 10px;
                                top: 11px;
                            }
                        }
                    }
                }
                .current_list_item {
                    cursor: pointer;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    line-height: 45px;
                    
                }
            }
        }
        &.widget_floating_open{
            .bd_toc_widget_floating_current_heading {
                display: flex;
            }
        }
        .bd_toc_floating_content{
            &.widget_floating_content_open{
                display: block;
                max-height: calc( 100vh - 150px ) !important;
                overflow: hidden;
                overflow-y: scroll;

                &::-webkit-scrollbar {
                    width: 5px;
                }

                &::-webkit-scrollbar-thumb {
                    opacity: 0;
                    visibility: hidden;
                    transition: 0.5s ease-in-out;
                    background: #EFEFEF;
                    border-radius: 10px;
                }

                &:hover {
                    &::-webkit-scrollbar-thumb {
                        opacity: 1;
                        visibility: visible;
                    }
                }
            }
        }
    }
}