#sview_oda_top_view_bar_div{
    width:100%;
    display:flex !important;
    flex-direction:column-reverse;
    position:absolute;
    top: 0px;
    z-index:2;
    cursor: unset !important;
}

#sview_oda_top_view_bar_div .SView-button-iconBtn:hover,#sview_oda_top_view_bar_div .SView-button-iconBtn-mini:hover{
    background-color:transparent;
}

#sview_oda_top_view_bar_div .top_view_bar_handle{
    width:max-content;
    margin:0px;
    padding:0px;
    position: relative;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}
#sview_oda_top_view_bar_div .top_view_bar_handle img{
    width: 114px;
    height:18px;
    object-fit:cover;
    cursor:pointer;
}

    #sview_oda_top_view_bar_div.SView-hide{
        display:none !important;
    }

    #sview_oda_top_view_bar_div .SView-TopMenu{
        width:100%;
        height:65px;
        background-color:#FFFFFF;
    }

    #sview_oda_top_view_bar_div .SView-TopMenu ul{
        height: 100%;
        width:100%;
        display:flex;
        align-items:center;
        list-style:none;
        /*justify-content:space-between;*/
    }
    #sview_oda_top_view_bar_div .SView-TopMenu ul::-webkit-scrollbar {
                display: none;
            }

            #sview_oda_top_view_bar_div .SView-TopMenu ul::-webkit-scrollbar-thumb {
                display: none;
            }
            #sview_oda_top_view_bar_div .SView-TopMenu ul li:first-child{
            width:0px;
            height:100%;
            display:flex;
            align-items:center;
            justify-content:center;
            background-color:#FFFFFF;
        }
        #sview_oda_top_view_bar_div .SView-TopMenu ul li:nth-child(2) {
            flex:1;
            height:100%;
            display:flex;
            flex-direction:column;
            overflow:hidden;
            box-sizing:border-box;
        }
        #sview_oda_top_view_bar_div .SView-TopMenu ul li:last-child {
            width: 45px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content:center;
            background-color: #FFFFFF;
        }

        #sview_oda_top_view_bar_div #oda_top_view_bar .SView-pull-top-div {
            white-space: nowrap;
            flex: 1;
            overflow-x: auto;
            height:100%;
        }
        #sview_oda_top_view_bar_div #oda_top_view_bar .SView-pull-top-div::-webkit-scrollbar {
                display: none;
            }
    
            #sview_oda_top_view_bar_div #oda_top_view_bar .SView-pull-top-div::-webkit-scrollbar-thumb {
                display: none;
            }

            #sview_oda_top_view_bar_div .SView-button-create-view {
                width: 32px;
                height: 32px;
                /* float: left; */
                margin: 5px;
                cursor: pointer;
                padding: 5px;
                display: inline-block;
                position: relative;
                box-sizing: border-box;
                text-align: center;
                border-radius: 4px;
            }

            #sview_oda_top_view_bar_div .SView-button-create-view img {
                width: 100%;
                height: 100%;
                margin: unset;
            }

            #sview_oda_top_view_bar_div .SView-pull-top-viewList {
                display: inline-flex;
                align-items: center;
                justify-content:flex-start;
                width:max-content;
                height:100%;
            }
            #sview_oda_top_view_bar_div .SView-pull-top-item {
                height:100%;
            }
        
            #sview_oda_top_view_bar_div .SView-pull-top-item div {
                position: relative;
                width: max-content !important;
                height: calc(100% - 7px) !important;
                padding: 7px 7px 0px 7px;
                border-radius: 4px;
                display:flex;
                flex-direction:column;
                align-items:center;
                justify-content:flex-start;
            }
            #sview_oda_top_view_bar_div .SView-pull-top-item div .SView-view_img {
                    width:39px !important;
                    height:39px !important;
                    padding:5px;
                    object-fit:cover;
                }
                #sview_oda_top_view_bar_div .SView-pull-top-item div .SView-view-bg {
                    display: none;
                }
                #sview_oda_top_view_bar_div .SView-pull-top-item div .SView-view-scroll {
                    background-color: #B4B8C9;
                    width:100% !important;
                    height:2px !important;
                    opacity:0.5;
                    padding:0px;
                    position:absolute;
                    bottom:0px;
                }
                #sview_oda_top_view_bar_div .SView-pull-top-item-active div .SView-view-bg {
                display: block;
                width: 39px !important;
                height: 39px !important;
                padding: 5px;
                position: absolute;
                border-radius: 4px;
                background-color: #0066ff;
                opacity:0.1;
            }
            #sview_oda_top_view_bar_div .SView-pull-top-item-active div .SView-view-scroll {
                background-color: #0066FF;
                opacity:1;
            }
            #sview_oda_top_view_bar_div .SView-pull-top-item div .SView-view-delete {
                    display: none;
                }
                #sview_oda_top_view_bar_div .SView-pull-top-item-active div .SView-view-delete {
                display:block;
                width: 14px;
                height: 14px;
                position: absolute;
                top: 0px;
                right: 0px;
            }