@media (max-width:1024px){.filter-container,.chart-body{grid-column:1/-1}.chart-body{height:600px}}.chart-grand{height:calc(100vh - 50px);display:flex}.chart-wrapper{width:300px;height:250px}.chart-body{width:calc(100vw - 215px)}.chart-body button{cursor:pointer;border-radius:3px;margin:15px;padding:7px 15px}.chart-body button:active{opacity:.7}.filter-off{opacity:.5!important}.filter-on{color:#fff;background-color:#375b9e}.filter-container{background:#000;border-right:1px solid #0000001a;border-radius:0 3px 3px 0;box-shadow:0 4px 12px #00000026}.separate-chart{flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:100px;display:flex}.btn-main-switch{padding:12px 0 13px;display:flex}.button-rainbow-container{width:200px;height:95%;margin:0 5px;overflow-y:auto}::-webkit-scrollbar{-webkit-appearance:none;width:7px}::-webkit-scrollbar-thumb{background-color:gray;border-radius:4px;box-shadow:0 0 1px #fff}.button-rainbow-container::-webkit-scrollbar{width:10px;height:10px}.button-rainbow-container button{border:none;width:100%;padding:5px 20px}.filter-menu{color:#fff;justify-content:end;align-items:center;padding:2px 0;display:flex}.show{height:92%;display:block}.hide{display:none}.full-width{grid-column:1/-1;width:100%}.filter-controller{width:100%;padding:7px 10px}.filter-menu svg,.filter-container :not(.noColorChange) svg{color:#fff;background:#000}.space-between{justify-content:space-between;align-items:center;gap:5px;width:100%;display:flex}.menu-navi{display:flex}.searchMUI{margin:5px!important}div.calender{color:#fff;background-color:#000;margin-left:6px;padding:19px 0}svg.calender{margin-right:auto}.noColorChange .react-daterange-picker__clear-button.react-daterange-picker__button,.noColorChange .react-daterange-picker__calendar-button.react-daterange-picker__button{display:none}