@charset "utf-8";
/* CSS Document */
/*<style  type="text/css">*/
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
    text-decoration: none;
}

/*    时间选择区*/
#aside-right .btn {
    color: #212529;
    background-color: #dbdbdb6b;
}
#timeList .active, #timeList .btn:hover, #timeList .btn:focus{
    background-color: #2BC2FF;
    color: white;
}

.picture {
    border: 1px solid rgba(0, 0, 0, 0.2);
    overflow: auto;
}

/*    中央tab*/
.nav-tabs .nav-link.active {
    color: white;
    background-color: #2BC2FF;
}
.nav-tabs a {
    color: #212529;
    background: rgb(255, 255, 255, 0.5);
}

/* 滚轮控制图片放大缩小和拖动 */
.drag-box {
    cursor: move;
}

/*修改历史记录栏滚动条的样式*/
/*修改时间栏滚动条的样式*/
#collapseHisty .pre-scrollable, #timeList.pre-scrollable {
    /*高度超过80vh就有滚动条，必须要用这个类，否则会在aside-right上添加滚动条*/
    max-height: 70vh;
    overflow-y: auto;
    behavior: smooth;
    /* behavior:; */
}


/*小屏幕时*/
@media(max-width: 767px) {
    .nav-tabs .nav-link {
        border: 1px solid rgba(0,0,0,0.2);
    }
    /*历史记录栏显示与隐藏*/
    #collapseHisty {
        position: fixed;
        top: 45%;
        left: 30px;
        width: 90%;
        background-color: white;
        z-index: 1000;
        border-radius: 5px;
        border: 1px rgb(0 0 0 / 12%) solid;
    }
    #aside-right .card-header {
        position: fixed;
        top: 70%;
        left: 0;
        width: 30px;
        background-color: #82b0f1ba;
        z-index: 1001;
        padding: 0px;
        border-radius: 0px 3px 3px 0px;
    }
    /*修改历史记录栏滚动条的样式*/
    #collapseHisty .pre-scrollable {
        max-height: 50vh;
    }
    /*修改时间栏滚动条的样式*/
    #timeList.pre-scrollable {
        max-height: 35vh;
    }
}