.singleKpiRecord[data-v-9292fc8c]{border:2px solid #e6e6e6;padding:25px;border-radius:5px;padding-bottom:30px;margin-bottom:20px;background-color:#fff}.orderNo[data-v-9292fc8c]{display:inline-block;position:relative;top:-5px;font-size:18px;padding:2px;color:#fff;border-radius:3px;border:1px solid #2f3a58}.orderNo span[data-v-9292fc8c]{background-color:#2f3a58;display:inline-block;padding:5px 10px}.kpiGraph[data-v-9292fc8c]{display:flex;padding-left:0;list-style-type:none;margin:80px 50px 10px 50px}.kpiGraph li[data-v-9292fc8c]:last-child:before{position:absolute;content:"";right:-15px;width:10px;top:-3px;height:10px;background-color:#606a7c;border-radius:50%}.kpiGraph li[data-v-9292fc8c]{flex-grow:1;position:relative;height:3px;margin:0 10px;transition:all .3s ease;cursor:pointer}.kpiGraph li[data-v-9292fc8c]:after{position:absolute;content:"";left:-15px;width:10px;top:-3px;height:10px;background-color:#606a7c;border-radius:50%}.kpiGraph li .arrow[data-v-9292fc8c]{border-width:0 3px 3px 0;display:inline-block;padding:3px;right:0;position:absolute;top:-3px}.kpiGraph li .arrow.right[data-v-9292fc8c]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.kpiGraph li.onNeutral[data-v-9292fc8c]{background-color:#535353}.kpiGraph li.onNeutral .arrow[data-v-9292fc8c]{border:solid #535353;border-width:0 3px 3px 0}.kpiGraph li.onTime[data-v-9292fc8c]{background-color:#49ec9a}.kpiGraph li.onTime .arrow[data-v-9292fc8c]{border:solid #49ec9a;border-width:0 3px 3px 0}.kpiGraph li.delayTime[data-v-9292fc8c]{background-color:#ec4949}.kpiGraph li.delayTime .arrow[data-v-9292fc8c]{border:solid #ec4949;border-width:0 3px 3px 0}.kpiGraph div.stepName[data-v-9292fc8c]{position:absolute;display:inline-block;transform:translate(-50%);top:20px;font-size:13px;text-align:center;font-weight:600}.kpiGraph div.stepName span[data-v-9292fc8c]{display:block;color:#919191;font-weight:400}.kpiGraph .completedTag[data-v-9292fc8c]{position:absolute;display:inline-block;transform:translate(-50%);top:20px;font-size:13px;right:-50%;font-weight:700}.timeStatus[data-v-9292fc8c]{position:absolute;top:-20px;font-size:12px;left:60%;transform:translate(-50%);display:inline-block;width:100%}.expectedTimes[data-v-9292fc8c]{margin-top:100px;list-style-type:none;display:flex;margin-left:0;padding:0 50px}.expectedTimes li[data-v-9292fc8c]{background-color:#e6e6e6;text-align:center;font-size:13px;color:#757575;margin-right:5px;border-radius:30px}.expectedTimes li[data-v-9292fc8c]:first-child{flex-grow:0;flex-shrink:0;flex-basis:25%}.expectedTimes li[data-v-9292fc8c]:nth-child(2){flex-grow:0;flex-shrink:0;flex-basis:25%}.expectedTimes li[data-v-9292fc8c]:nth-child(3){flex-grow:0;flex-shrink:0;flex-basis:50%}.orderItemsTrigger[data-v-9292fc8c]{font-size:13px;display:inline-block;margin-top:20px}.cancelledStatus[data-v-9292fc8c]{font-size:20px;float:right}