.generic-sub-sidebar{position:absolute;z-index:1;width:316px;height:100vh;background:var(--primary-2);border-left:2px solid var(--primary-1);border-right:2px solid var(--primary-1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.generic-sub-sidebar .gradient-pre-header{position:absolute;width:100%;top:-24px;height:24px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.25)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.25),transparent)}.generic-sub-sidebar .header{padding:16px}.generic-sub-sidebar .header .title p{line-height:19px}.generic-sub-sidebar .header .search-input-container{position:relative;width:100%}.generic-sub-sidebar .header .search-input-container .search-icon{position:absolute;left:8px;top:10px}.generic-sub-sidebar .header .search-input-container .search-input{width:100%;border-radius:4px;border:0;padding-left:24px;background:var(--primary-3);color:#fff;outline:none;font-size:10px;height:24px}.generic-sub-sidebar .header .search-input-container .search-input::-webkit-input-placeholder{font-weight:400;font-size:10px;color:var(--secondary-3)}.generic-sub-sidebar .header .search-input-container .search-input::-moz-placeholder{font-weight:400;font-size:10px;color:var(--secondary-3)}.generic-sub-sidebar .header .search-input-container .search-input:-ms-input-placeholder{font-weight:400;font-size:10px;color:var(--secondary-3)}.generic-sub-sidebar .header .search-input-container .search-input::-ms-input-placeholder{font-weight:400;font-size:10px;color:var(--secondary-3)}.generic-sub-sidebar .header .search-input-container .search-input::placeholder{font-weight:400;font-size:10px;color:var(--secondary-3)}.generic-sub-sidebar .header .dates-filter-container{position:relative}.generic-sub-sidebar .header .dates-filter-container .btn{border:1px solid transparent}.generic-sub-sidebar .header .dates-filter-container .filter-active{border:1px solid var(--accent)}.generic-sub-sidebar .header .dates-filter-container .dates-filter{position:absolute;width:200px;z-index:200!important;top:50px;right:-80px;max-height:300px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.5);box-shadow:0 0 4px rgba(0,0,0,.5)}.generic-sub-sidebar .gradient-divider{position:absolute;height:24px;top:0;left:0;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.25)),to(transparent));background:linear-gradient(180deg,rgba(0,0,0,.25),transparent);pointer-events:none}.generic-sub-sidebar .content{padding:16px;position:relative;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.generic-sub-sidebar .content .list{color:#fff;list-style:none;padding:0;margin:0}.generic-sub-sidebar .content .list .list-item{border-radius:4px;padding:4px 8px;margin-bottom:4px;cursor:pointer}.generic-sub-sidebar .content .list .list-item.selected-item{background:var(--primary-3)}.generic-sub-sidebar .content .list .list-item.active-item{background:var(--primary-4)}.generic-sub-sidebar .content .list .list-item.active-item p{font-weight:700}.generic-sub-sidebar .content .list .list-item.active-item p,.generic-sub-sidebar .content .list .list-item.active-item svg{color:var(--accent)!important}.generic-sub-sidebar .content .list .list-item:hover{background:var(--accent-dark)}.generic-sub-sidebar .content .list .list-item.filter-false-item p,.generic-sub-sidebar .content .list .list-item.filter-false-item svg{color:var(--secondary-3)}.generic-sub-sidebar .content .list .list-divider{height:1px;width:96px;background:var(--secondary-3);margin:auto;margin-bottom:4px}