.page-bg-picture{position:fixed;z-index:-100;top:0;bottom:0;left:0;right:0;min-width:1024px;background-image:url(/img/index-bg.jpg);background-size:cover;background-position:center center}header{position:fixed;z-index:100;clear:both;width:100%;min-width:1200px;height:50px;line-height:30px;box-shadow:0 1px 3px 1px rgba(0,0,0,.15);opacity:.75}header .navbar{background-image:linear-gradient(to bottom,#2b3a4e 0%,#252f3d 100%);width:100%;height:50px;padding:0 1rem}header .navbar .navbar-brand{font-size:1.2rem;font-weight:bold;text-shadow:0 1px 0 rgba(50,50,50,.5)}header .navbar li.nav-item{padding:0 0}header .navbar li.nav-item a.nav-link{padding:10px 20px;cursor:pointer;white-space:nowrap}header .navbar li.active{background-image:linear-gradient(to bottom,#222a35 0%,#384a65 100%);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}header .navbar li.active .nav-link{color:#fff}main{width:100%;min-width:1200px;padding-top:50px;padding-bottom:35px}main .sidebar{background-image:linear-gradient(to bottom,#222a35 0%,#384a65 100%);position:fixed;z-index:100;top:50px;bottom:35px;width:180px;overflow-x:hidden;overflow-y:auto;box-shadow:inset -1px 0 0 rgba(0,0,0,.15);padding-right:1px;opacity:.85}main .sidebar .nav-link{line-height:25px;padding:10px 5px 10px 30px;color:#fff}main .sidebar .nav-link.active{background-color:#ae7e4b}main .sidebar .nav-link:hover,main .sidebar .nav-link:focus{background-color:#ae7e4b}main .sidebar .nav-title{padding:10px 5px 10px 15px;font-weight:bold}main .content{position:fixed;z-index:100;top:50px;bottom:35px;left:180px;right:0;min-width:1024px;padding:10px 15px;overflow:auto;background-color:rgb(255,255,255,.9)}main .content .breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border:1px solid #7f7f7f;border-radius:.25rem}main .content .columns-panel{position:absolute;top:60px;right:15px;bottom:10px;left:15px;display:flex}main .content .columns-panel .panel-left{position:relative}main .content .columns-panel .panel-left .panel-bar{overflow:scroll;resize:horizontal;width:300px;height:100%;min-width:256px;max-width:512px;opacity:0}main .content .columns-panel .panel-left .panel-bar::-webkit-scrollbar{width:100px;height:10000px}main .content .columns-panel .panel-left .panel-bar:hover~.panel-line,main .content .columns-panel .panel-left .panel-bar:active~.panel-line{border-right:2px dashed #ee9e4a}main .content .columns-panel .panel-left .panel-line{position:absolute;right:2px;top:5px;bottom:5px;width:6px;pointer-events:none}main .content .columns-panel .panel-left .panel-left-content{position:absolute;top:0;right:6px;bottom:0;left:0;overflow-x:hidden}main .content .columns-panel .panel-right{flex-grow:1}main .content .columns-panel .card{height:100%}main .content .columns-panel .card .card-body{overflow-y:auto}footer{background-image:linear-gradient(to bottom,#283547 0%,#252f3d 100%);clear:both;position:fixed;bottom:0;z-index:100;width:100%;min-width:1024px;height:35px;padding:5px 15px;line-height:25px;color:#fff;box-shadow:0 -1px 3px 1px rgba(0,0,0,.05);opacity:.75}footer .btn-outline-secondary{border-color:transparent;box-shadow:0 0 0 rgba(0,0,0,.001)}