*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background-color:#666;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background-color:#555}.analytics-page{display:flex;position:relative}.analytics-page .sidebar-view{padding:20px;width:18%;background-color:#f0f0f0;box-shadow:-4px 0 4px -4px inset;overflow-y:auto}.analytics-page .sidebar-view .analytics-sidebar-header{font-size:30px;color:#848282;margin-bottom:12px;width:100%}.analytics-page .sidebar-view .analytics-sidebar-sub-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;width:100%}.analytics-page .sidebar-view .analytics-sidebar-sub-header p{font-size:23px;color:#870d0d}.analytics-page .sidebar-view .analytics-sidebar-sub-header hr{width:100%;margin:0 auto;border-top:1px solid #707070}.analytics-page .sidebar-view-smallScreen{position:fixed;z-index:100;height:100%;width:100%;background-color:#f0f0f0;display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;overflow-y:auto;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;transition:all .7s ease-in-out}.analytics-page .sidebar-view-smallScreen .analytics-sidebar-header{font-size:30px;color:#848282;margin-bottom:12px;width:100%}.analytics-page .sidebar-view-smallScreen .analytics-sidebar-sub-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;width:100%}.analytics-page .sidebar-view-smallScreen .analytics-sidebar-sub-header p{font-size:23px;color:#870d0d}.analytics-page .sidebar-view-smallScreen .analytics-sidebar-sub-header hr{width:100%;margin:0 auto;border-top:1px solid #707070}.analytics-page .data-streams-container{width:82%;padding:18px;font-size:1.2em;text-shadow:none;background-color:#fff;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.analytics-page .data-streams-container .chart-data-wrapper{margin-bottom:1rem;display:flex;flex-direction:column;gap:12px}.analytics-page .data-streams-container .chart-data-wrapper .chart-data-title{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0}.analytics-page .data-streams-container .chart-data-wrapper .chart-data-title .monitoring-population{display:flex;align-self:flex-start;padding-left:24px}.analytics-page .data-streams-container .chart-data-wrapper .chart-data-title .monitoring-population img{width:16px}.analytics-page .data-streams-container .chart-data-wrapper .total-values-wrapper{display:flex;gap:4px;width:100%;flex-wrap:wrap}@media (min-width: 991px){.analytics-page .data-streams-container .chart-data-wrapper .total-values-wrapper :not(:first-child) div{display:flex;flex:1;justify-content:center;align-items:flex-end;border-left:1px solid #810000}}@media (max-width: 767px){.analytics-page .data-streams-container .chart-data-wrapper .total-values-wrapper{display:grid;grid-template-columns:1fr;align-items:center;gap:12px}}.analytics-page .data-streams-container .chart-data-wrapper .total-values-wrapper .total-value-container{display:flex;flex-direction:column;text-align:center;min-width:fit-content;min-height:78px;justify-content:space-between;padding:0 8px;font-size:16px;font-weight:700}@media (max-width: 767px){.analytics-page .data-streams-container .chart-data-wrapper .total-values-wrapper .total-value-container{min-height:unset;border-left:1px solid #810000}}.analytics-page .data-streams-container .chart-data-wrapper .total-values-wrapper .total-value-container span{padding:0 16px}.analytics-page .data-streams-container .chart-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-content:center}.analytics-page .data-streams-container .chart-container .chart-header{display:flex;align-items:center;gap:.5rem}.analytics-page .data-streams-container .chart-container .chart-header .img-container{height:1rem;width:1rem;background-size:contain;background-repeat:no-repeat;background-position:center center}.analytics-page .data-streams-container .chart-container .chart-header .header-wrapper{width:95%;display:flex;justify-content:space-between}.analytics-page .data-streams-container .chart-container .chart-header .header-wrapper p{margin:0;padding:0}.analytics-page .data-streams-container .chart-container .dropdown{position:relative;display:inline-block}.analytics-page .data-streams-container .chart-container .dropdown .dropbtn{color:#fff;border:none;cursor:pointer;padding:3px;margin:0;border-radius:0;display:flex;align-items:center;outline:none}.analytics-page .data-streams-container .chart-container .dropdown .dropbtn img{height:16px;width:16px}.analytics-page .data-streams-container .chart-container .dropdown .dropbtn:hover{background-color:#646464;outline:none}.analytics-page .data-streams-container .chart-container .dropdown-content{display:none;position:absolute;background-color:#f1f1f1;width:130px;z-index:1;right:0%}.analytics-page .data-streams-container .chart-container .dropdown-content a{font-size:12px;color:#000;padding:4px;text-decoration:none;display:block}.analytics-page .data-streams-container .chart-container .dropdown-content a:hover{background-color:#ddd}.analytics-page .data-streams-container .chart-container .show{display:block}.analytics-page .data-streams-container .chart-container .analytics-wrapper{width:100%;height:300px;display:flex;align-items:center;overflow:hidden;justify-content:center;background-color:#fff}.analytics-page .data-streams-container .summurize-section{width:100%;display:grid}.analytics-page .data-streams-container .summurize-section .table-wrapper{width:100%;overflow:auto}.analytics-page .data-streams-container .summurize-section .table-wrapper h4{margin-top:10px;margin-bottom:10px;color:#6b0101;font-size:18px}.analytics-page .data-streams-container .summurize-section .table-wrapper .summurize-table{border:1px solid #c0c0c0;border-collapse:collapse;width:100%;font-size:14px}.analytics-page .data-streams-container .summurize-section .table-wrapper .summurize-table tr,.analytics-page .data-streams-container .summurize-section .table-wrapper .summurize-table td{border:1px solid #c0c0c0;padding:5px;background:#f0f0f0;width:25%;color:#404040;font-weight:600}.analytics-page .data-streams-container .summurize-section .table-wrapper .summurize-table tr.res-td,.analytics-page .data-streams-container .summurize-section .table-wrapper .summurize-table td.res-td{background:#fff}@media (max-width: 991px){.analytics-page{overflow:auto;flex-direction:column}.analytics-page .data-streams-container{width:100%}}.sidebar-content{width:100%;display:flex;flex-direction:column;gap:4px}.sidebar-content strong{font-size:13px;font-weight:700;color:#707070;align-self:flex-start;display:flex}.sidebar-content .selected-dates-wrapper{justify-content:center}.sidebar-content .el-select{width:100%}.sidebar-content .update-filter-btn{display:flex;background-color:#5c6267;border-radius:20px;width:100%;padding:6px 11px;align-items:center;justify-content:space-between;color:#fff;font-size:16px;margin-top:.25rem}.sidebar-content .update-filter-btn:hover{background-color:#3c4043;cursor:pointer}.sidebar-arrow-left{position:absolute;background:#58585a;display:flex;align-items:center;justify-content:center;padding:2px;right:0;top:0;z-index:2;padding-block:10px}.sidebar-arrow-left i{color:#fff}.sidebar-arrow-left:hover{background:#e8e8e8;box-shadow:0 1px 15px #7b7b7b0d;border:1px solid #333;cursor:pointer}.sidebar-arrow-left:hover i{color:#000}.sidebar-arrow-right{position:fixed;background:#58585a;display:flex;align-items:center;justify-content:center;padding:2px;left:0;top:50%;transform:translateY(-50%);z-index:1;padding-block:10px}.sidebar-arrow-right i{color:#fff}.sidebar-arrow-right:hover{background:#e8e8e8;box-shadow:0 1px 15px #7b7b7b0d;border:1px solid #333;cursor:pointer}.sidebar-arrow-right:hover i{color:#000}