@media only screen and (max-width:1024px){.Passengers .divMain{width:100%!important}.Passengers .bar .artboard{margin-left:.3em}.Passengers .c-pass-pop{width:250px!important}.Passengers .c-pass-txt .k-numerictextbox{width:260px!important}.Passengers .c-each-p .status .onBus,.offBus{width:70px}}@media only screen and (min-width:1024px){.Passengers .divMain{width:45%;margin:0 auto}.Passengers .c-pass-pop{width:490px!important}.Passengers .c-pass-txt .k-numerictextbox{width:500px!important}.newPassengers .c-each-p{width:500px!important}.Passengers .c-each-p .status .onBus,.offBus{width:100px}}.Passengers .bar{text-align:left;width:100%;white-space:nowrap;box-shadow:0 0 10px 0 #ddd;position:relative}.Passengers .bar .icon{margin-left:1.3em;vertical-align:middle;cursor:pointer}.Passengers .bar .name{font-size:1.1em;display:inline-block;margin:.8em .5em;vertical-align:middle;max-width:50%;white-space:normal}.Passengers .bar .barCon{width:50%;position:absolute;text-align:left;z-index:1000}.Passengers .bar .today{display:inline-block;vertical-align:middle;position:absolute;right:1em;top:25%}.Passengers .bar .artboard{background-image:url(../Images/artboard.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center;width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:.3em}.Passengers .bar .todayTxt{font-size:1em;font-weight:700;vertical-align:middle;display:inline-block}.Passengers .busRouteInfo,.Passengers .centerRoute{padding:2em;padding-bottom:0;white-space:nowrap}.Passengers .c-passenger-btn{white-space:nowrap;text-align:center;padding:.6em .8em!important;cursor:pointer;border-radius:2em;margin:1.5em auto;color:#fff;width:300px;font-weight:700;font-size:1.1em}.Passengers .busRouteInfo .info{margin:1em;display:inline-block;vertical-align:middle}.Passengers .busRouteInfo .infoLine{width:3px;background:#0065ff;vertical-align:middle;margin-left:.5em;border-radius:5px}.Passengers .busRouteInfo .infoLine.PonBus{height:100px}.Passengers .busRouteInfo .infoLine.RByBus{height:130px}.Passengers .busRouteInfo .infoLine.RByClass{height:65px}.Passengers .countDiv{display:flex;width:100%;background:#860dff;color:#fff;font-weight:700;align-items:center;justify-content:center;height:50px}.Passengers .countDiv .count{flex:1}.Passengers .countDiv .onBus{text-align:right;margin-right:4em}.Passengers .countDiv .num{display:inline-block;width:25px;background:#fff;color:#000;font-weight:700;text-align:center;vertical-align:middle;line-height:35px;margin-right:.5em;font-size:1.5em}.Passengers .ReceivePassengers .countDiv .total{text-align:right;margin-right:4em;white-space:nowrap}.Passengers .ReceivePassengers .countDiv .onBus{text-align:left!important;white-space:nowrap}.Passengers .ReceivePassengers .countDiv .onBus .num{color:#fff!important}.Passengers .ReceivePassengers.inClass .countDiv .total{text-align:center;margin-right:0}.Passengers .ParticipantsMovement .countDiv{justify-content:left}.Passengers .ParticipantsMovement .countDiv .total{text-align:center!important;margin-right:0}.Passengers .ParticipantsMovement .countDiv .onBus{margin-right:0}.Passengers .ParticipantsMovement .countDiv .newGroup{line-height:30px;border-radius:15px;font-weight:700;text-align:left;cursor:pointer;background:#fff;color:#000;width:150px}.Passengers .detailList{background:#becde3;display:flex;flex-flow:column}.Passengers .QR{color:#0065ff!important;font-weight:700;margin-bottom:.5em!important;font-size:1.3em;background:#fcd400!important}.Passengers .vList{margin:0 auto}.Passengers .c-each-p{display:flex;border:1px solid #ccc;box-shadow:2px 2px #ddd,-2px 0 2px #ddd;border-radius:15px;background:#fff;padding:1.1em;margin:1em;align-items:center;justify-content:center}.Passengers .c-p-img{width:65px;height:65px;border-radius:50%}.Passengers .c-each-p .img{flex:1;text-align:center}.Passengers .c-each-p .info{flex:2}.Passengers .c-each-p .status{flex:1}.Passengers .c-each-p .status .onBus,.offBus{text-align:center;margin:0 auto;background:#d0e7df;padding:10px}.Passengers .noInList{border:none;box-shadow:none}.Passengers .noInList .back{flex:1;cursor:pointer}.Passengers .noInList .img{flex:2}.Passengers .noInList .info{flex:10;margin-left:.5em}.Passengers .c-gender{width:15px;line-height:15px;text-align:center;vertical-align:middle;display:inline-block;border-radius:5px;color:#fff;padding:.1em}.Passengers .c-p-name{font-weight:700;font-size:1.3em;margin-left:.3em;vertical-align:middle}.Passengers .c-each-p .actionBtn{line-height:30px;border-radius:15px;font-weight:700;text-align:center;cursor:pointer;background:#fcd400;color:#0065ff}.Passengers .c-each-p .signBtn.actionBtn{width:100px}.Passengers .c-asBtn{text-decoration:underline;font-weight:700;cursor:pointer}.Passengers .addItems{margin:2em 1em}.Passengers .newPassenger{text-align:center;margin-bottom:1em}.Passengers .endTrip{cursor:default!important;background:#20c933!important}.Passengers .PassList .listLine{display:flex;background:#becde3;align-items:center;justify-content:center;line-height:35px;text-align:center}.Passengers .PassList .listLine.r-line{background:#fff!important;margin-bottom:.5em;line-height:1.5em!important;height:80px}.Passengers .PassList .listLine .c1{flex:3;vertical-align:middle}.Passengers .PassList .listLine.r-line .c1{flex:2!important;margin:.3em}.Passengers .PassList .listLine .c0{margin:0!important}.Passengers .PassList .listLine .c2,.c0,.c3{flex:1;vertical-align:middle;margin-right:1em}.Passengers .r-hasData{background:#afe3b5;color:#20c933!important;height:100%;display:flex;justify-content:center}.Passengers .r-hasData>div{align-self:center}.Passengers .r-noData{background:#f6f6f6;height:100%;cursor:pointer;display:flex;justify-content:center}.Passengers .r-noData>div{align-self:center}.Passengers .ParticipantsMovement .PassList{padding:0!important;overflow:auto;background:#becde3}.Passengers .ParticipantsMovement .PassList .emptyLine>td{border:none}.Passengers .ParticipantsMovement .PassList .dataLine>td{background:#fff}.Passengers .ParticipantsMovement .PassList .p-status{width:100px!important;min-width:100px!important}.Passengers .ParticipantsMovement .PassList .p-status>div{text-align:center;width:100px!important}.Passengers .ParticipantsMovement .PassList .emptyCol{width:10px!important;min-width:10px!important;padding:.15em}.Passengers .ParticipantsMovement .PassList .infoTd{width:250px!important;min-width:250px!important}.Passengers .ParticipantsMovement .PassList .dataLine .infoTd .info{padding-left:1em}.Passengers .ParticipantsMovement .PassList .dataLine .infoTd .info .infoDes{text-align:left;width:150px;white-space:nowrap;display:inline-block;vertical-align:middle;margin:1em}.Passengers .ParticipantsMovement .PassList .dataLine .l-pink{background:#ffc3d3!important;color:#ff00ed!important}.Passengers .ParticipantsMovement .PassList .dataLine .l-green{background:#afe3b5;color:#20c933!important}.Passengers .ParticipantsMovement .PassList .dataLine .l-grey{background:#f8f8f8}.Passengers .ParticipantsMovement .PassList .dataLine .l-click{cursor:pointer}