@charset "utf-8";
/* CSS Document */
/*<style  type="text/css">*/
#aside-left .card {
    border: none;
    padding: 0;
    color: #212529;
    background-color: rgba(255, 255, 255, 0.5);
}
#aside-left .card-header {
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0;
    /*    margin:0;*/
}
#aside-left .card-body {
    padding-left: 0;
    padding-right: 0;
}
#aside-left .btn-link {
    color: #212529;
    /*
    padding-left: 0;
    padding-right: 0;
*/
}
/* #aside-left .list-group {
        list-style-type:none;
        padding: 0;
} */
#aside-left .list-group-item {
    border: none;
    color: #212529;
    background: transparent;
    /*
    padding: 0;
    margin: 0;
*/
    text-align: left;
}
#aside-left .list-group-item a {
    color: inherit;
}
#aside-left .card-header:hover {
    background-color: #2BC2FF;
    color: white;
}
#aside-left .btn-link {
    color: inherit;
}
#aside-left .btn-link:hover, #aside-left .list-group-item:hover, #aside-left a:hover {
    color: white;
    background-color: #2BC2FF;
    text-decoration: none;
}
.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-left .active {
    background-color: #2BC2FF;
    color: white;
    border: none;
}

/*    时间选择区*/
#aside-right .btn {
    color: #212529;
    background-color: rgba(255, 255, 255, 0.5);
}
#aside-right .active, #aside-right .btn:hover, #aside-right .btn:focus{
    background-color: #2BC2FF;
    color: white;
}
#aside-right .disabled {
    color: darkgray;
}

aside, .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-img {
    cursor: move;
}

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


/*小屏幕时*/
@media(max-width: 767px) {
    .nav-tabs .nav-link {
        border: 1px solid rgba(0,0,0,0.2);
    }
    /*目录显示与隐藏*/
    #aside-left {
        position: fixed;
        top: 110px;
        left: 0;
        z-index: 1000;
        background-color: aliceblue;
    }
    
    /*修改时间栏滚动条的样式*/
    #aside-right p {
        display: none;
    }
    .pre-scrollable {
        max-height: 25vh;
    }
}