.delivery-chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.legend{width:250px}.legend ul{list-style:none;padding:0;margin:0}.legend li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.color-box{width:15px;height:15px;margin-right:10px;display:inline-block}.sorting-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f8f9fa;padding:10px;border-radius:5px;margin-bottom:10px;border:1px solid #dfe1e5}.sorting-label{margin-right:10px;color:#47525e;font-weight:500}.sorting-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.btn-inactive{background-color:#fff;color:#47525e}.btn-inactive:hover{background-color:#e9ecef}.btn-active{background-color:#3abc98;color:#fff}.bg-cancel{background-color:#f9f1f0!important;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.bg-cancel:hover{background-color:#fbe7e4!important;cursor:pointer}.heatmap-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto}.heatmap-chart{width:100%;height:380px}.access-con{position:relative;width:100%}.access-con .action-grab{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);font-size:16px;padding:12px 24px;border:none;cursor:pointer;border-radius:5px}