.divMain:has(.Passengers){width:100%!important;height:100%!important}@media only screen and (max-width:767px){.Passengers .bar .icon{margin-left:.6em!important}.Passengers .m-d-n{display:none!important}.Passengers .busRouteInfo{padding:0 0 0 .6em!important;white-space:nowrap}.Passengers .busRouteInfo .infoLine.RByClass{height:45px!important}.Passengers .busRouteInfo .info{margin:.5em .6em!important}.Passengers .ParticipantsMovement .countDiv{padding:0 .6em!important}.Passengers .ParticipantsMovement .countDiv .onBus{margin-right:.5em!important}.Passengers .ParticipantsMovement .countDiv .newGroup>span:before{content:'Add location'!important}.Passengers .ParticipantsMovement .PassList .infoTd{padding:.5em .6em!important}.Passengers .ParticipantsMovement .PassList .p-status{padding:.5em .25em!important}.Passengers .ParticipantsMovement .PassList .dataLine .infoTd .info .infoDes{margin-left:0!important}.Passengers .busRouteInfo,.Passengers .centerRoute{padding:1em 0 0 .6em!important}.Passengers .c-pid{display:none}.Passengers .ParticipantsMovement .PassList .p-move{margin-left:0!important}.Passengers .indi-circle{display:none!important}.Passengers .move-owner{display:block!important;margin-top:.3em}.Passengers .b-d-n{display:inline-block!important}}@media only screen and (max-width:1280px){.Passengers .divMain{width:100%!important;height: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}.Passengers .ParticipantsMovement .c-passenger-btn{margin:1.5em}}@media only screen and (min-width:1280px) and (orientation:landscape){.Passengers .divMain{width:45%;margin:0 auto;height:100%!important}.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 .ParticipantsMovement .PassList .infoTd{min-width:270px!important}}.Passengers .bar{text-align:left;width:100%;white-space:nowrap;box-shadow:0 0 10px 0 #ddd;position:relative;height:50px}.Passengers .bar .icon{margin-left:1.3em;vertical-align:middle;cursor:pointer}.Passengers .bar .name{font-size:1.3em;display:inline-block;margin:.8em .5em;vertical-align:middle;max-width:50%;white-space:normal;font-weight:700}.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 .owner{height:calc(100vh - 50px)}.Passengers .busRouteInfo,.Passengers .centerRoute{padding:2em 0 0 1.3em;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;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;background:#0065ff;color:#fff;font-weight:700;align-items:center;justify-content:center;height:50px;padding:0 1.3em}.Passengers .countDiv .total{white-space:nowrap}.Passengers .countDiv .count{flex:1}.Passengers .countDiv .onBus{text-align:right;margin-right:4em;white-space:nowrap}.Passengers .countDiv .num{display:inline-block;width:35px;background:#fff;color:#000;font-weight:700;text-align:center;vertical-align:middle;line-height:35px;margin-right:.5em;font-size:1.5em;border-radius:5px}.Passengers .ReceivePassengers .countDiv{justify-content:start}.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.inClass .countDiv .total{text-align:center;margin-right:0}.Passengers .ParticipantsMovement .countDiv{justify-content:space-between}.Passengers .ParticipantsMovement .countDiv .count-num{display:flex;align-items:center;justify-content:left}.Passengers .ParticipantsMovement .countDiv .onBus{margin-left:1.3em;text-align:left}.Passengers .ParticipantsMovement .countDiv .newGroup{line-height:30px;border-radius:15px;font-weight:700;text-align:left;cursor:pointer;background:#fff;color:#000;padding:0 .5em}.Passengers .ParticipantsMovement .countDiv .newGroup>span:before{content:'Add group location';vertical-align:middle;margin-left:.5em}.Passengers .detailList{background:#becde3;display:flex;flex-direction:column;flex:1;overflow:auto}.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 .ParticipantsMovement .c-p-img{width:40px;height:40px}.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;margin-right:.3em}.Passengers .c-p-name{font-weight:700;font-size:1.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 .details{display:flex;flex-direction:column;height:100%}.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 .PassList{padding:0!important;overflow:auto;background:#becde3;flex:1}.Passengers .ParticipantsMovement .PassList .h-td{display:flex;align-items:center;justify-content:space-evenly;flex-flow:column}.Passengers .ParticipantsMovement .PassList .h-td div{color:#0065ff!important;font-weight:700;flex:1}.Passengers .ParticipantsMovement .PassList .dataLine>td{background:#fff}.Passengers .ParticipantsMovement .PassList .p-status{width:100px!important;min-width:100px!important;padding:1em .5em}.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{text-align:left;padding:1em 1.3em}.Passengers .ParticipantsMovement .PassList .dataLine .infoTd .info{display:flex}.Passengers .ParticipantsMovement .PassList .dataLine .infoTd .info .infoDes{text-align:left;white-space:nowrap;display:inline-block;vertical-align:middle;margin-left:1em}.l-pink{background:#f7eaea!important;color:#cb437d!important;box-shadow:inset 0 0 0 1px #f19ae6}.l-green{background:#eaf7ee;color:#20c933!important;box-shadow:inset 0 0 0 1px #97f5b5}.Passengers .ParticipantsMovement .PassList .dataLine .l-grey{background:#f1f3f6;color:gray;box-shadow:inset 0 0 0 1px #e5e5e5}.Passengers .ParticipantsMovement .PassList .dataLine .l-click{cursor:pointer}.Passengers .ParticipantsMovement .PassList .re-div{border-radius:5px;padding:1em 0}.Passengers .ParticipantsMovement .PassList .p-move{line-height:30px;border-radius:15px;font-weight:700;text-align:left;background:#eaf1fd;color:#0065ff;display:inline-block;margin-left:1em;padding:0 1em}.indi-color{color:#12474c!important}.indi-circle-color{background:#12474c!important}.indi-bg{background:#bde4e8!important}.indi-bar-circle-bg{background:#0891b2}.indi-win{padding:1.5em}.indi-win .indi-list{display:flex;flex-direction:column}.indi-win .each-bar{width:300px;border:1px solid #e5e5e5;border-radius:15px;padding:1em;margin-top:.5em}.indi-win .each-bar .des{display:inline-block;vertical-align:middle;font-weight:700;margin-left:10px;font-size:1.2em}.indi-win .each-loc:hover{background:#dee0e4;cursor:pointer}.Passengers .move-owner{display:inline-block}.Passengers .b-d-n{display:none}