:root{--primaryColour:#274568;--primaryColourVariant:#466289;--primaryColourVariant2:#a0aec1;--primaryColourVariant3:#fafcff;--primaryColourVariant4:#d5e3ef;--primaryColourVariant5:#cbd1d3;--primaryColourVariant6:#cbcbcb;--primaryColourVariant7:#3a7ec1;--primaryColourVariant8:#ededed;--primaryColourVariant9:#edf0f2;--primaryColourVariant10:#d9dbdd;--primaryColourVariant11:#878d91;--primaryColourVariant12:#e5e5e5;--primaryColourVariant13:#98a4a8;--primaryColourVariant14:#c7c8c9;--secondaryColour:#f9851c;--secondaryColourVariant:#ffc200;--secondaryColourVariant2:#fff4eb;--secondaryColourVariant3:#fffae6;--secondaryColourVariant4:#ec9a00;--secondaryColourVariant5:#ffecbd;--secondaryColourVariant6:#f7c19c;--backgroundColour:#fff;--alertColour:#f66;--defaultFont:"Myriad Pro","Myriad","Liberation Sans","Nimbus Sans L","Helvetica Neue",Helvetica,Arial,sans-serif;--boldFont:"Myriad Pro Bold";--semiBoldFont:"Myriad Pro Semi-bold";--borderRadius:5px}@font-face{font-family:"Myriad Pro Bold";src:url(/static/media/MYRIADPRO-BOLD.24292333.OTF)}@font-face{font-family:"Myriad Pro Semi-bold";src:url(/static/media/MYRIADPRO-SEMIBOLD.662f3601.OTF)}@media screen and (max-width:1366px){:root{--fontSize46:46px;--fontSize30:30px;--fontSize26:26px;--fontSize24:24px;--fontSize21:21px;--fontSize20:20px;--fontSize18:18px;--fontSize16:16px;--fontSize15:15px;--fontSize14:14px;--fontSize13:13px;--fontSize12:12px;--fontSize10:10px;--fontSize8:8px}}@media screen and (min-width:1367px){:root{--fontSize46:3.367vw;--fontSize30:2.196vw;--fontSize26:1.903vw;--fontSize24:1.757vw;--fontSize21:1.537vw;--fontSize20:1.464vw;--fontSize18:1.317vw;--fontSize16:1.17vw;--fontSize15:1.097vw;--fontSize14:1.025vw;--fontSize13:0.952vw;--fontSize12:0.878vw;--fontSize10:0.732vw;--fontSize8:0.586vw}}#layout,body,html{min-width:1366px!important;min-height:768px!important;width:100%;height:100%;background-color:#fafcff;background-color:var(--primaryColourVariant3);position:relative;margin:0!important;padding:0!important;overflow:auto;font-size:var(--fontSize12);font-family:"Myriad Pro","Myriad","Liberation Sans","Nimbus Sans L","Helvetica Neue",Helvetica,Arial,sans-serif;font-family:var(--defaultFont);color:#274568;color:var(--primaryColour)}::-webkit-scrollbar{width:10px;height:10px;border-radius:5px;border-radius:var(--borderRadius)}::-webkit-scrollbar-track{background:#fafcff;background:var(--primaryColourVariant3)}::-webkit-scrollbar-thumb{background:#cbd1d3;background:var(--primaryColourVariant5);border-radius:5px;border-radius:var(--borderRadius)}::-webkit-scrollbar-thumb:hover{background:#cbcbcb;background:var(--primaryColourVariant6)}button{border-radius:5px;border-radius:var(--borderRadius);background-color:#ec9a00;background-color:var(--secondaryColourVariant4);font-size:var(--fontSize12);font-weight:700;border:none;color:#fff;cursor:pointer;text-align:center;outline:none}button:disabled{background:#fff;color:#c1c1c1;cursor:default}button.processBtn:disabled{background:#ffecbd;background:var(--secondaryColourVariant5)}p{margin:1px 0}.underlined{text-decoration:underline}.searchBar{border:1px solid #274568;border:1px solid var(--primaryColour);border-radius:5px;border-radius:var(--borderRadius);padding-right:.2%;grid-template-columns:24% 69.8% 4%;grid-template-rows:100%;grid-column-gap:1%;column-gap:1%;background-color:#fff}.searchBar,.searchDiv{display:grid;align-items:center}.searchDiv{margin:-1px;height:100%;width:100%;text-align:center;background-color:#274568;background-color:var(--primaryColour);color:#fff;font-size:var(--fontSize12);border:1px solid #274568;border:1px solid var(--primaryColour);border-radius:5px 0 0 5px;border-radius:var(--borderRadius) 0 0 var(--borderRadius)}.searchButton{margin:10%;width:80%;height:80%;z-index:10;outline:none;border-radius:0 5px 5px 0;border-radius:0 var(--borderRadius) var(--borderRadius) 0}.autocomplete,.searchButton{vertical-align:middle;background-color:#fff}.autocomplete{position:relative;width:100%;height:100%}.autocomplete input{vertical-align:middle;border:0 solid transparent;background-color:#fff;font-size:var(--fontSize12)}.autocomplete input[type=text]{vertical-align:middle;background-color:#fff;outline:none;width:99%;height:96%;padding:0 5px}.autocomplete-items{position:absolute;border:1px solid #274568;border:1px solid var(--primaryColour);z-index:99;top:100%;left:-.5px;right:-.5px}#searchFlight{height:100%;display:flex;justify-content:center;font-size:var(--fontSize14)}.autocomplete-items div.suggestion{padding:1px;cursor:pointer;background-color:#fff}.autocomplete-items div.no-result{padding:1px;background-color:#fff}.autocomplete-items div.suggestion:hover{background-color:#ffe497}.autocomplete-active{background-color:#ffe497!important;color:#274568;color:var(--primaryColour)}.header{width:100%;height:6.25%;background-color:#274568;background-color:var(--primaryColour)}.headerGrid{width:100%;height:100%;display:flex;align-items:center;color:#fff;text-align:center}.toolbar-start{min-width:65px}.toolbar-center{flex-direction:row;flex:0 1 728px;min-width:0}.toolbar-center,.toolbar-end{display:flex;align-items:center}.toolbar-end{justify-content:flex-end}.headerItem{display:inline-block;padding:12px}.headerMenuLayout{width:100%;height:100%;display:grid;margin-top:-8px;grid-template-rows:calc(40% - 8px) 20% 20% calc(20% + 8px)}.headerAlertLayout{width:calc(100% - 16px);height:calc(100% - 16px);margin-bottom:0;display:grid;grid-template-columns:32px auto;padding:8px;grid-column-gap:16px;column-gap:16px;background-color:#274568;background-color:var(--primaryColour);color:#fff;align-items:center}.userIcon{width:50%;height:50%;margin:25% 0;border-radius:100%;background-color:#fff;display:grid;align-items:center}.userInitials{font-size:var(--fontSize12);text-align:center;color:#274568;color:var(--primaryColour)}.icon{width:100%;height:100%}.icon:hover{cursor:pointer}.menuContainer{width:13.18%}.menuContainer,.menuContainerSmall{height:93.75%;box-shadow:3px 0 3px 0 rgba(0,0,0,.2);background-color:#a0aec1;background-color:var(--primaryColourVariant2);display:inline-block;z-index:10;position:relative}.menuContainerSmall{width:4.39%}.hideMenu{display:none}.menuGridContainer{height:78.08%;display:grid;padding-bottom:5%;min-height:500px;grid-auto-rows:6.77%}.menuSearchRow{height:40%;display:grid;grid-template-columns:13.51% 62.77%;grid-template-rows:100%;grid-column-gap:11.11%;column-gap:11.11%;margin:9.56% 12.61%;align-items:center;color:#fff;vertical-align:middle;font-size:var(--fontSize12);border-bottom:2px solid #fff}.menuSearchInput{width:80%;height:100%;position:relative;display:inline-block}.menuSearchInput input{width:100%;height:100%;border:0 solid transparent;background-color:transparent;vertical-align:middle;color:#fff;font-size:var(--fontSize12);outline:none}.menuSearchInput input[type=text]{resize:vertical}.menuSearchInput input::placeholder{color:#fff}.menuGridRow{display:flex;align-items:center;padding-left:5.61%;color:#fff;font-size:var(--fontSize12)}.menuGridRowSmall,.menuSearchRowSmall{width:100%;height:100%;display:grid;align-items:center;grid-template-rows:100%}.menuSearchIcon{width:100%;background-size:contain 41.67%;width:13.51%;min-width:15px;position:relative;display:inline-block}.menuSearchIcon,.menuSearchSmallIcon{height:100%;background-repeat:no-repeat;background-position:50%}.menuSearchSmallIcon{width:100%;background-size:50% 50%}.menuIconLarge{width:50px;height:50px;background-repeat:no-repeat;background-position:50%;background-size:50% 50%}.menuIconLarge:hover{background-color:"none"}.menuIconSmall{width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:50% 50%}.drawerIcon,.drawerIconSmall{background-size:cover}.logout{margin-top:25%;margin-left:8.89%;width:80%;text-align:center}.logout,.logoutSmall{height:3.89%;background-color:#ffc200;background-color:var(--secondaryColourVariant)}.logoutSmall{margin-top:75%;margin-left:25%;width:50%}.logoutSmall img{width:90%;height:80%;margin:10% auto auto}.contentContainer{width:100%;height:calc(100% - 60px);padding-top:60px;float:right;z-index:1;overflow:hidden}.titleFont{width:100%;height:100%;display:grid;grid-template-columns:auto auto;grid-template-rows:100%;font-size:var(--fontSize14);font-weight:700;align-items:center}.mainWindow{width:89.55%;height:77.14%;margin:1% auto auto;border:1px solid #466289;border:1px solid var(--primaryColourVariant);background-color:#fff;background-color:var(--backgroundColour);border-top-left-radius:4px;border-top-right-radius:4px}.mainWindowHeader{width:100%;height:6.03%;display:grid;align-items:center;background-color:#466289;background-color:var(--primaryColourVariant)}.mainWindowTitle{padding-left:1.4%;font-size:var(--fontSize14)}.mainWindowTitle,.mainWindowUpdateTime{font-weight:700;text-align:left;color:#fff}.mainWindowUpdateTime{padding-left:.58%;padding-top:1.3%;font-size:var(--fontSize12);font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal}.tipsWindow{width:45.67%;height:49.21%;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.55);left:32.2%;top:26.42%;display:block;z-index:1;position:fixed;background-color:#fff}.tipsContent{width:88.59%;height:85.5%;margin:auto;padding-top:4.39%}.tipsTitle{height:9.32%;border:0 solid #a0aec1;border-color:var(--primaryColourVariant2);border-bottom:1px solid var(--primaryColourVariant2)}.tipsIcon{height:70.76%}.tipsFont,.tipsIcon{display:inline-block}.tipsFont{margin-left:1.45%;padding-top:.83%;font-size:var(--fontSize14);font-weight:700;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#a0aec1;color:var(--primaryColourVariant2)}.tipsTextDiv{height:36.91%;border:0 solid #a0aec1;border-color:var(--primaryColourVariant2);border-bottom:1px solid var(--primaryColourVariant2)}.tipsSubtitle{padding-top:4.04%;font-size:var(--fontSize14);font-weight:700}.tipsSubtitle,.tipsText{display:block;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#274568;color:var(--primaryColour)}.tipsText{padding-top:1.62%;font-size:var(--fontSize12);font-weight:400}.tipsTextDiv2{height:47.87%}.tipsGraphic{padding-top:3.74%}.tipsGraphic1{height:13.997%}.tipsGraphic2{height:26.82%}.close{color:#466289;color:var(--primaryColourVariant);float:right;font-size:var(--fontSize20);font-weight:700}.close:focus,.close:hover{color:#274568;color:var(--primaryColour);text-decoration:none;cursor:pointer}.mainWindowContent{width:100%;height:93.97%}.avatar{width:30;height:30;display:"flex";align-items:"center";justify-content:"center";border-radius:"50%"}.text{color:"white"}.loading{border-radius:50%;border:16px solid #fafcff;border-top-color:#274568;border:16px solid var(--primaryColourVariant3);border-top-color:var(--primaryColour);width:120px;height:120px;animation:spin 2s linear infinite}.loginPage .copyrightText{color:#fff!important}.loginPage .versionText{display:none}.copyrightText{color:#a0aec1;font-size:12px;position:absolute;bottom:0;height:35px;width:100%;text-align:center;z-index:1;display:grid;align-items:center}.copyrightText a{text-decoration:none;color:#a0aec1}.versionText{color:#a0aec1;font-size:12px;float:right;position:absolute;right:14px;bottom:0;height:35px;z-index:1;display:grid;align-items:center}.preloaderContainer{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.preloaderContainer .preloader{height:125px;object-fit:contain}#currentTime::first-word{font-size:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes anticlockwise{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}sup{font-size:10px}.d-flex{display:flex}.h-100{height:100%}.w-100{width:100%}.settingContainer .hyphen{font-size:20px;margin:0 10px}:root{--loginBackgroundColor:#4172b2;--errColor:#ff4844}.forgotPage,.loginPage,.resetPage{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;z-index:1;background-image:url(https://hkia.airportzense.com/api/cdn/as2/static/background/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.forgotPage .formContainer,.loginPage .formContainer{position:relative;width:max(400px,20vw);height:max(350px,25vh);display:flex;align-items:center}.resetPage .resetContainer{position:relative;width:max(450px,30vw)}.formBackground{z-index:-999;border-radius:12px;background-color:#4172b2;background-color:var(--loginBackgroundColor);mix-blend-mode:multiply;position:absolute;width:100%;height:100%}.formContent{margin:50px auto;width:75%;height:fit-content}.forgotTitle,.loginTitle,.resetTitle{color:#fff;font-size:var(--fontSize20);font-weight:600;text-align:center;margin-bottom:20px}.loginErrMsg,.resetErrMsg{font-size:var(--fontSize12);color:var(--secondaryColourVariant);display:grid;grid-template-columns:10% 90%}.loginErrMsg img,.resetErrMsg img{width:30px;height:30px;vertical-align:middle}.loginErrMsg span,.resetErrMsg span{margin:auto 0 auto 10px}.forgotPage input,.loginPage input,.resetPage input{background-color:#fff;margin:10px 0;color:#000;width:calc(100% - 30px);outline:none;border:none;border-radius:8px;padding:10px 15px;font-size:var(--fontSize12)}.forgotPage input::placeholder,.loginPage input::placeholder,.resetPage input::placeholder{color:#bbb}.loginPage input::-ms-clear,.loginPage input::-ms-reveal,.resetPage input::-ms-clear,.resetPage input::-ms-reveal{display:none}.forgotPage .imgInsideInput,.loginPage .imgInsideInput,.resetPage .imgInsideInput{cursor:pointer;position:absolute;top:0;bottom:0;margin:auto;right:6.5%;width:20px}.forgotPage .backToLogin,.loginPage .forgotPassword,.resetPage .backToLogin{color:#fff;font-size:var(--fontSize12);cursor:pointer;text-decoration:underline}.forgotPage .backToLoginContainer,.loginPage .forgotPasswordContainer,.resetPage .backToLoginContainer{text-align:center}.loginPage .forgotPasswordContainer{margin-top:5px}.forgotPage .backToLoginContainer,.resetPage .backToLoginContainer{margin-top:15px}.forgotPage .buttonContainer,.loginPage .buttonContainer,.resetPage .buttonContainer{margin-top:20px;text-align:center}.forgotPage .submitButton,.loginPage .submitButton,.resetPage .submitButton{text-transform:none;background:#f7a500;border:none;padding:2px;font-size:var(--fontSize14);color:#fff;font-weight:600;border-radius:8px}.loginPage .submitButton,.resetPage .submitButton{width:60%}.forgotPage .submitButton{width:75%}.forgotPage .submitButton:hover,.loginPage .submitButton:hover,.resetPage .submitButton:hover{background-color:var(--secondaryColourVariant)}.forgotPage .forgotDescribtion,.loginPage .loginDescribtion{color:#fff;font-size:var(--fontSize12);margin:7.5px 0}.loginPage .loginDescribtion{text-align:center}.loginPage input:focus{outline:none;border:none;box-shadow:0 0 0 1.5px #274568}.forgotPage .closeBtn{width:20px;height:20px;position:absolute;right:25px;top:25px}.resetPage .hints{color:#fff;font-size:var(--fontSize12);margin:10px 15px}.resetPage .hints div span.fail{color:var(--secondaryColourVariant)}.resetPage .hints div{line-height:2}.resetPage .hints span{vertical-align:middle}.resetPage .hints img{width:15px;height:15px;margin:0 5px;vertical-align:middle}.confirmBox{display:flex}.confirmBox.closing{display:none}.confirmBox .confirmBoxWrapper{border:.5px solid var(--secondaryColour);width:350px;line-height:1.5em;margin:auto;outline:0;border-radius:11px;box-shadow:0 0 3px 1px #494949}.confirmBox .confirmBoxWrapper .titleContainer{border-top-left-radius:10px;border-top-right-radius:10px;padding:7.5px;display:flex;background-color:var(--secondaryColour);justify-content:flex-end}.confirmBox .confirmBoxWrapper .warningIcon{width:30px;height:30px;padding-right:10px}.confirmBox .confirmBoxWrapper .closeButton{width:15px;height:15px;padding:5px;box-sizing:content-box;background-color:transparent}.confirmBox .confirmBoxWrapper .modalContainer{width:calc(100% - 50px)!important;height:100%!important;padding:30px 25px;background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.confirmBox .confirmBoxWrapper .modal{display:flex;border-radius:10px;color:#000}.confirmBox .confirmBoxWrapper .message{display:flex;align-items:center;text-align:justify}.confirmBox .confirmBoxWrapper .acknowledgeContainer{margin:15px 0;text-align:justify}.confirmBox .confirmBoxWrapper .acknowledgeContainer .MuiFormControlLabel-root{margin-left:0;color:#000}.confirmBox .confirmBoxWrapper .acknowledgeContainer .MuiButtonBase-root{color:var(--primaryColour)}.confirmBox .confirmBoxWrapper .buttonGroup{width:50%;margin:10px auto auto}:root{--inProgress:var(--primaryColourVariant5);--progressBarRadius:20px;--titleRadius:4px;--aBackground:#f0f2ff;--mBackground:#fff6f0;--cBackground:#e9f5ff;--oBackground:#fafcff;--ringLevel1:#ff4200;--ringLevel2:#ff9700;--ringLevel3:#ffd93b;--ringLevel4:#aacde0;--ringLevel5:rgba(83,118,160,0.8431372549019608);--ringLevel6:#a0aec1;--lineChartVerticalLine:#e7ebef}.dashboardSelectorContainer{grid-template-columns:100%;grid-template-rows:23.58% 38.21% 38.21%;grid-column-gap:0;column-gap:0;overflow-y:auto;box-shadow:0 2px 1px 0 rgba(0,0,0,.4)}.cardRow4Col,.dashboardSelectorContainer{display:grid;width:100%;height:100%;align-items:center}.cardRow4Col{grid-template-columns:1.56% 4.76% 92.12% 1.56%;grid-template-rows:99%;background-color:var(--primaryColourVariant5)}.selectorFlightIcon{width:100%;height:100%;background-color:#fff;display:grid;align-items:center}.selectorFlightIcon img{width:44%;height:44%;padding-left:28%}.leftArrow{width:100%;height:100%;background-color:var(--primaryColourVariant5)}.leftArrow img{width:30%;height:44%;padding-left:25%;padding-top:80%}.rightArrow{width:100%;height:100%;background-color:var(--secondaryColourVariant)}.rightArrow img{width:30%;height:44%;padding-left:25%;padding-top:80%}.flightSelectorRow{width:100%;height:100%;display:grid;grid-template-columns:repeat(15,6.67%);grid-auto-columns:6.67%;grid-template-rows:100%;align-items:center;text-align:center;background-color:#fff;overflow:hidden}.flightSelectorRow span{font-size:var(--fontSize14);font-weight:700}.flightSelectorRow div{height:100%;width:100%;display:grid;align-items:center}.flightSelectorRow div:hover{background-color:var(--secondaryColourVariant);cursor:pointer}.dashboardCardContainer{overflow-y:auto;padding-right:calc(2.5% + 10px);width:100%;height:100%;display:grid;grid-template-columns:100%;grid-auto-rows:6.25%;grid-row-gap:1px;row-gap:1px;background-color:var(--primaryColourVariant6);background-clip:content-box}.cardTitle{width:100%;height:40.8px;background-color:var(--primaryColourVariant);display:grid;align-items:center;border-top-left-radius:4px;border-top-left-radius:var(--titleRadius);border-top-right-radius:4px;border-top-right-radius:var(--titleRadius);font-size:var(--fontSsize11)}.cardTitle span{padding-left:20px;color:#fff;font-size:var(--fontSize12)}.cardRow3ColDescription{width:100%;height:3.4%;display:grid;grid-template-columns:13% 13% auto;grid-column-gap:1px;column-gap:1px;grid-template-rows:100%;align-items:center;background-color:var(--primaryColourVariant6);box-shadow:0 2px 1px 0 rgba(0,0,0,.4);position:relative;font-size:var(--fontSize8)}.colDescription{color:var(--primaryColour)}.cardRowDescription,.colDescription{width:100%;height:100%;background-color:var(--primaryColourVariant4);display:grid;align-items:center;text-align:center}.cardRowDescription{color:#fff}.cardRow3Col{width:calc(100% + 10px);height:100%;display:grid;grid-template-columns:13% 13% auto;grid-template-rows:100%;grid-column-gap:1px;column-gap:1px;color:var(--primaryColour);align-items:center}.cardRow3ColExpand{grid-column:1}.cardRow3ColExpandGrid{width:calc(100% + 10px);height:calc(100% - 1px);display:grid;grid-template-columns:13% 13% auto;grid-auto-rows:80% 20%;grid-column-gap:1px;column-gap:1px;grid-row-gap:1px;row-gap:1px;color:var(--primaryColour);border:1px var(--primaryColourVariant5);border-style:none none solid}.expandFlightTime{padding:4% 8%;display:grid;grid-template-columns:50% 50%;grid-template-rows:repeat(5,15.4%) 23%}.expandFlightTime,.expandFlightTime div{vertical-align:middle}.expandFlightTimeDescription{font-size:var(--fontSize8);color:var(--primaryColourVariant2)}.expandFlightTimeData{font-size:var(--fontSize10);font-weight:700}.expandTimeline{grid-area:1/3/3/4;padding:1.5% 2.6%}.expandTimelineRow{width:100%;height:100%;display:grid;grid-template-columns:48.5% 48.5%;grid-column-gap:3%;column-gap:3%;grid-template-rows:100%}.expandTimelineColumn{width:100%;height:100%;display:grid;align-items:start;grid-template-columns:18.4% 18.4% 18.4% 18.4% 18.4%;grid-row-gap:.25%;row-gap:.25%;grid-column-gap:2%;column-gap:2%;grid-template-rows:11% 22% 11% 22% 11% 22%;text-align:center}.expandEventTime{color:#000;position:relative;width:100%;height:100%;align-items:end;display:grid;font-size:var(--fontSize10)}.expandEventName{width:calc(100% - 4px);height:calc(60% - 4px);vertical-align:middle;color:#fff;background-color:var(--primaryColourVariant5);border-radius:3px;border:2px solid var(--primaryColourVariant5);display:grid;align-items:center;justify-items:center;grid-template-rows:100%;font-size:var(--fontSize8);cursor:pointer}.expandEventPassed{color:#fff;background-color:var(--primaryColour);border:2px solid var(--primaryColour)}.expandEventFailed{color:#fff;background-color:var(--secondaryColour);border:2px solid var(--secondaryColour)}.expandEventUnstarted{color:var(--secondaryColour);border:2px solid var(--secondaryColour)}.expandEventHide{color:#cbd1d3;background-color:transparent;border:2px solid #cbd1d3}.expandFlightType{padding:2% 4%;grid-area:2/1/3/3;text-align:left;vertical-align:middle;display:grid;grid-template-columns:repeat(4,24.25%);grid-template-rows:auto auto;grid-row-gap:6.5%;row-gap:6.5%;grid-column-gap:1%;column-gap:1%}.flightNum{width:70%;height:100%;padding:0 15%;display:grid;grid-template-columns:29% 69%;grid-column-gap:2%;column-gap:2%;grid-template-rows:100%;align-items:center;justify-items:center;background-color:#fff;font-weight:700;font-size:var(--fontSize14)}.flightIcon{width:15px;height:15px}.timelineContainer{width:100%;height:100%}.eventRow{height:100%;width:97%;padding-left:2.6%;display:grid;align-items:center;grid-template-rows:100%}.firstEventRect{width:100%;border-radius:20px 0 0 20px;border-radius:var(--progressBarRadius) 0 0 var(--progressBarRadius)}.firstEventRect,.lastEventRect{position:relative;height:60%;background-color:var(--primaryColourVariant5);display:flex;align-items:center;justify-content:center}.lastEventRect{width:calc(100% + .2px);left:-.1px;border-radius:0 20px 20px 0;border-radius:0 var(--progressBarRadius) var(--progressBarRadius) 0}.firstEventCurrent{position:relative;width:100%;height:100%;box-sizing:border-box;background:var(--primaryColour);border-radius:20px 20px 20px 20px;border-radius:var(--progressBarRadius) var(--progressBarRadius) var(--progressBarRadius) var(--progressBarRadius);display:flex;align-items:center;justify-content:center;border:2px solid var(--primaryColour)}.eventCurrent,.lastEventCurrent{height:100%;box-sizing:border-box;background:var(--primaryColour);border-radius:0 20px 20px 0;border-radius:0 var(--progressBarRadius) var(--progressBarRadius) 0;border:2px solid var(--primaryColour)}.eventCurrent,.eventRect,.lastEventCurrent{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.eventRect{height:60%;background-color:var(--primaryColourVariant5)}.eventPassed{background-color:var(--primaryColour)}.eventIcon{position:relative;text-align:center;width:100%;height:70%;color:#fff;border:2px solid var(--secondaryColour);background-color:var(--secondaryColour);border-radius:20px 20px 20px 20px;border-radius:var(--progressBarRadius) var(--progressBarRadius) var(--progressBarRadius) var(--progressBarRadius)}.eventIcon img{position:absolute;width:100%;height:100%}.eventLateUnstarted{height:calc(100% - 4px);width:calc(100% - 4px);left:-.25px;color:var(--secondaryColour);background-color:var(--primaryColourVariant5);border:2px solid var(--secondaryColour);border-radius:20px 20px 20px 20px;border-radius:var(--progressBarRadius) var(--progressBarRadius) var(--progressBarRadius) var(--progressBarRadius)}.eventLateUnstarted,.eventUnstartedIcon{position:relative;text-align:center}.eventUnstartedIcon img{position:absolute;width:100%;height:100%}.eventNumber{margin:auto;position:relative;display:grid;place-items:center}.timelineExpand{margin:10%;height:20px;width:20px;background-color:var(--secondaryColourVariant);display:grid;align-items:center;justify-content:center;cursor:pointer}.timelineExpand img{cursor:pointer}.tileContainer{width:100%;height:100%;display:grid;grid-template-rows:100%;grid-auto-rows:100%;grid-template-columns:repeat(6,15%);grid-column-gap:2%;column-gap:2%;grid-row-gap:10%;row-gap:10%;overflow-y:auto;padding-right:2.5%;background-clip:content-box}.tile{height:calc(100% - 2px);grid-template-rows:40.8px calc(100% - 40.8px);grid-template-columns:100%}.tile,.tileTitle{width:100%;display:grid;align-items:center}.tileTitle{height:100%;background-color:var(--primaryColourVariant);border-top-left-radius:4px;border-top-left-radius:var(--titleRadius);border-top-right-radius:4px;border-top-right-radius:var(--titleRadius)}.tileTitle span{white-space:pre-line;padding-left:20px;color:#fff;font-family:"Myriad Pro Bold"}.tileContent{width:100%;height:100%;background-color:#fff;box-shadow:0 2px 1px 0 rgba(0,0,0,.4)}.tileTitleEmpty{width:100%;height:100%;background-color:var(--primaryColourVariant5);border-top-left-radius:4px;border-top-left-radius:var(--titleRadius);border-top-right-radius:4px;border-top-right-radius:var(--titleRadius)}.tileContentEmpty{width:calc(100% - 6px);height:calc(100% - 3px);background-color:var(--primaryColourVariant3);border:3px dashed var(--primaryColourVariant5);border-top-style:none}.addIcon,.tileContentEmpty{display:grid;align-items:center;justify-items:center}.addIcon{border-radius:100%;width:16%;height:28.82%;background-color:var(--primaryColourVariant5)}.managementDashboardGrid{width:100%;height:100%;display:grid;align-items:center;grid-template-rows:calc(33.33% - 16px) calc(33.33% - 16px) calc(33.33% - 16px);grid-template-columns:calc(50% - 16px) calc(30% - 16px) calc(20% - 16px);grid-row-gap:24px;row-gap:24px;grid-column-gap:24px;column-gap:24px}.ringDiv{grid-area:1/1/3/2}.lineWeekDiv{grid-area:1/2/2/4}.ringLevel1{fill:none;stroke:#ff4200;stroke:var(--ringLevel1)}.ringLevel2{fill:none;stroke:#ff9700;stroke:var(--ringLevel2)}.ringLevel3{fill:none;stroke:#ffd93b;stroke:var(--ringLevel3)}.ringLevel4{fill:none;stroke:#aacde0;stroke:var(--ringLevel4)}.ringLevel5{fill:none;stroke:rgba(83,118,160,.8431372549019608);stroke:var(--ringLevel5)}.xVerticalLine{stroke:#e7ebef;stroke:var(--lineChartVerticalLine);stroke-width:2px}.aircraftGraphicContainer{width:calc(100% - 10px);height:calc(100% - 10px);padding:5px;display:grid;grid-template-rows:repeat(10,10%);grid-template-columns:repeat(10,10%);align-items:center;justify-items:center}.aircraftGraphicContainer img{width:90%;height:90%}.otpRingInnerCentreText,.otpRingInnerUpperText{font-size:var(--fontSize20);fill:var(--primaryColour);font-weight:700}.timerRingInnerCentreText,.timerRingInnerUpperText{font-size:var(--fontSize14);fill:#fff;font-weight:700}.speedMonitorTileInnerCentreText,.tileInnerCentreText{font-size:var(--fontSize14);fill:var(--primaryColour);font-weight:700}#tilePass{fill:var(--primaryColour)}#tileSlightlyDelay{fill:var(--secondaryColourVariant)}#tileFail{fill:var(--secondaryColour)}.tile.selected{cursor:default}#apronTrafficTilefree{fill:var(--primaryColour)}#apronTrafficTilenormal{fill:var(--secondaryColourVariant)}#apronTrafficTilebusy{fill:var(--secondaryColour)}#apronTrafficTileveryBusy{fill:var(--alertColour)}.apronTrafficTile.selected,.speedMonitorTile.selected{cursor:default}.cardRowColDescription{width:100%;height:3.4%;background-color:var(--primaryColourVariant6);box-shadow:0 2px 1px 0 rgba(0,0,0,.4);position:relative;font-size:var(--fontSize8);z-index:10}.cardRow6Col,.cardRowColDescription{display:grid;grid-column-gap:1px;column-gap:1px;grid-template-rows:100%;align-items:center}.cardRow6Col{width:calc(100% + 10px);grid-template-columns:7% 3.5% 7% 3.5% 5% auto}.cardRow6Col,.flightTime{height:100%;color:var(--primaryColour)}.flightTime{width:100%;display:grid;align-items:center;text-align:center;background-color:#fff;font-weight:700}.cardRow6ColExpand{grid-column:1}.cardRow6ColExpandGrid{width:calc(100% + 10px);height:calc(100% - 1px);display:grid;grid-template-columns:7% 3.5% 7% 3.5% 5% auto;grid-auto-rows:100%;grid-column-gap:1px;column-gap:1px;grid-row-gap:1px;row-gap:1px;color:var(--primaryColour);border:1px var(--primaryColourVariant5);border-style:none none solid}.expandTimeline6Col{grid-area:1/6/2/7;padding:1.5% 2.6%}.expandFlightType6Col{padding:1% 3.2%;grid-area:2/1/3/6;text-align:left;vertical-align:middle;display:grid;grid-template-columns:20.19% 20.19% 20.19% auto;grid-template-rows:auto auto;grid-row-gap:13%;row-gap:13%}.expandFlightTime1Col{padding:10.332% 12.5%;display:grid;align-items:center;text-align:center}.noPtsPattern{background-color:var(--primaryColourVariant5);opacity:.4;background-image:radial-gradient(ellipse farthest-corner at 5px 5px,#fff,#fff 50%,var(--primaryColourVariant5) 0);background-size:5px 5px;background-color:#cbd1d3;height:60%;width:88.9%;left:2.6%;top:20%;border-radius:20px;border-radius:var(--progressBarRadius)}.noPtsPattern,.noPtsText{z-index:1;position:absolute}.noPtsText{top:30%;left:47.2%}:root{--descriptionColour:#aaa;--mainColor:#659ace;--blueBtnColor:#3a7ec1;--darkBlueColor:#274568;--remoteBlueColor:#92bae8;--greyColor:#d9dbdd;--whiteColor:#fff;--ptsRowProportion:3% 36% 52% 4.5% 4.5%}.settingIconContainer{height:100%;width:fit-content;padding:0;justify-self:flex-end;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid var(--primaryColour);border-radius:5px;background-color:#fff;position:relative}.settingIconContainer img{height:100%;padding:10%;box-sizing:border-box}.settingIconContainer.modified:after{content:"";width:2px;height:30%;background:#fff;position:absolute;right:-1px}.modalContent{width:100%;margin:auto;display:flex;align-items:center;outline:0;background-color:#fff;font-size:var(--fontSize12);border-radius:10px}.modalContainer{position:relative;width:100%;height:100%}.settingContainer hr{margin:0;border-top:1px solid var(--primaryColourVariant6)}.settingContainer .MuiAccordionSummary-root{padding:0 25px}.settingContainer .MuiAccordionDetails-root{padding:8 25px}.settingContainer .primary :not(.MuiFormControlLabel-label){color:var(--primaryColourVariant7)!important}.settingContainer .primary.multiLine{flex-direction:column}.settingContainer .primary.multiLine label{margin:0}.settingContainer div[role=dialog]{height:80%;overflow:hidden;border-radius:10px}.settingContainer div[role=dialog] .settingIconContainer{text-align:right}.settingContainer div[role=dialog] .infoIcon,.settingContainer div[role=dialog] .settingIcon{cursor:pointer;vertical-align:middle;width:50%;padding:5px;border:1px solid var(--primaryColour);border-radius:5px;background-color:#fff}.settingContainer div[role=dialog] .modalContent{width:100%;height:100%;margin:auto;display:flex;align-items:center;outline:0;background-color:#fff;font-size:var(--fontSize12);border-radius:10px}.settingContainer div[role=dialog] .modalContent .settingHeader{background-color:var(--secondaryColourVariant3);padding:0 25px;border-radius:10px 10px 0 0;height:80px;display:flex;justify-content:space-between;align-items:center}.settingContainer div[role=dialog] .modalContent .settingHeader .closeButton{width:15px;height:15px;padding:5px;box-sizing:content-box;background-color:transparent}.settingContainer div[role=dialog] .modalContent .settingHeader .settingTitle{font-size:var(--fontSize16);font-weight:700}.settingContainer div[role=dialog] .modalContent .settingHeader .settingTitle .lastUpdatedTime{margin-left:5px;color:#aaa;color:var(--descriptionColour);font-size:var(--fontSize12);font-weight:400}.settingContainer div[role=dialog] .modalContent .settingHeader .settingDescription{margin-top:5px;font-size:var(--fontSize12);color:#aaa;color:var(--descriptionColour)}.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer{height:calc(100% - 150px);width:calc(100% - 20px);border-radius:10px;margin:10px;overflow-y:scroll}.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent{min-width:1200px;width:100%}.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .MuiAccordionDetails-root{grid-gap:10px 15px;gap:10px 15px}.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .field-no-padding{margin:5px 0 0}.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .field{margin:5px 30px 5px 0}.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .groupDescription{font-weight:600}.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .postfix{margin-left:7.5px}.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .field-no-padding .sameLine,.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .field .sameLine{display:flex;justify-content:space-between}.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .field-no-padding .threeNumber,.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .field .threeNumber{width:3rem;font-size:var(--fontSize12)!important}.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .field-no-padding .numberInput,.settingContainer div[role=dialog] .modalContent .mainWindowContentContainer .mainWindowContent .field .numberInput{display:flex;align-items:center}.settingContainer div[role=dialog] .modalContent .blueBtn{padding:5px 10px;background-color:#3a7ec1;background-color:var(--blueBtnColor);border:1px solid #3a7ec1;border:1px solid var(--blueBtnColor);color:#fff;font-weight:700;width:160px}.settingContainer div[role=dialog] .modalContent .whiteBtn{padding:5px 10px;color:#274568;color:var(--darkBlueColor);border:1px solid #274568;border:1px solid var(--darkBlueColor);background-color:#fff;font-weight:700;width:160px}.settingContainer div[role=dialog] .modalContent .expandIcon{width:15px;height:15px}.settingContainer div[role=dialog] .modalContent .numberButton{padding:0 5px;font-size:var(--fontSize14);background-color:transparent;color:var(--primaryColourVariant7);vertical-align:middle}.settingContainer div[role=dialog] .modalContent .subHeaderContainer{min-height:0!important;display:flex;justify-content:space-between}.settingContainer div[role=dialog] .modalContent .MuiAccordion-root:before{background-color:transparent!important}.settingContainer div[role=dialog] .modalContent .subHeader{color:var(--secondaryColour);font-weight:800;font-size:var(--fontSize14);position:relative;display:flex;align-items:center}.settingContainer div[role=dialog] .modalContent .subHeader .modifiedIcon{width:15px;height:15px;position:absolute;left:-18px}.settingContainer div[role=dialog] .modalContent .subTitle{color:#000;font-weight:800;font-size:var(--fontSize12);margin:20px 0}.settingContainer div[role=dialog] .modalContent .subTitle.inside{margin-top:20px}.settingContainer div[role=dialog] .modalContent .subTitle.inline{margin-bottom:15px}.settingContainer div[role=dialog] .modalContent .subGroup{margin:10px;margin:0 20px 0 0!important;box-shadow:none!important}.settingContainer div[role=dialog] .modalContent .subGroup:not(:last-child){border-bottom:1px solid var(--primaryColourVariant6)}.settingContainer div[role=dialog] .btnContainer{margin-top:5px}.settingContainer div[role=dialog] .singleRow{width:80%;display:flex;align-items:center;justify-content:space-between}.settingContainer div[role=dialog] .toggleButton{display:flex;align-items:center}.settingContainer div[role=dialog] .toggleButton button{background-color:#fff;padding:3px 0;border-radius:0;color:#3a7ec1;color:var(--blueBtnColor);border:1px solid #3a7ec1;border:1px solid var(--blueBtnColor);width:85px;font-size:var(--fontSize10)}.settingContainer div[role=dialog] .toggleButton button.selected{background-color:#3a7ec1;background-color:var(--blueBtnColor);color:#fff}.settingContainer div[role=dialog] form{width:100%;height:100%}.settingContainer div[role=dialog] form input[type=number]{border-radius:2px;outline:none;width:4em;text-align:center}.settingContainer div[role=dialog] form input[type=number]:not(:read-only){border:1px solid var(--primaryColourVariant7)}.settingContainer div[role=dialog] form input[type=number]:read-only{border:1px solid var(--primaryColourVariant11)}.settingContainer div[role=dialog] form select{width:100%;max-width:250px;border:1px solid var(--primaryColourVariant7);border-radius:2px;color:#000;padding:5px;font-size:var(--fontSize12);appearance:none!important;background:url(/static/media/white_dropdown_arrow_on_blue_box.2ee6cfb8.svg) no-repeat 100%!important;background-size:auto 100%!important;background-position:100%!important}.settingContainer div[role=dialog] form select option{padding:5px!important}.settingContainer div[role=dialog] form input::-webkit-inner-spin-button,.settingContainer div[role=dialog] form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.settingContainer div[role=dialog] form input[type=number]{-moz-appearance:textfield}.settingContainer div[role=dialog] .prefix{font-size:var(--fontSize12);display:inline-block;padding:0 5px 0 0}.settingContainer div[role=dialog] .hyphen{font-size:var(--fontSize12);display:flex;align-items:center}.settingContainer div[role=dialog] .fourInAGroup{display:grid;grid-template-columns:repeat(25%,4fr)}.settingContainer div[role=dialog] .footer{background-color:var(--secondaryColourVariant3);padding:0 25px;display:flex;align-items:center;box-shadow:0 2px 1px 0 rgba(0,0,0,.4);justify-content:space-between;height:45px;border-radius:0 0 10px 10px}.settingContainer div[role=dialog] .footer .defaultButton{border:1px solid var(--primaryColour);padding:5px 15px;background-color:#fff;color:var(--primaryColour)}.settingContainer div[role=dialog] .footer .buttonGroup{display:flex;justify-content:space-around;align-items:flex-end;width:10%}.settingContainer div[role=dialog] .footer .buttonGroup .submitButton{width:100%;min-width:fit-content;border:1px solid var(--secondaryColour);background-color:var(--secondaryColour);color:#fff;padding:5px}.settingContainer div[role=dialog] .footer .buttonGroup .cancelButton{width:45%;min-width:fit-content;border:1px solid var(--primaryColour);background-color:#fff;padding:5px;color:var(--primaryColour)}.settingContainer div[role=dialog] .checkboxGroupBtnContainer{display:grid;margin-top:5px}.settingContainer div[role=dialog] .checkboxGroupBtnContainer button{width:100px;padding:3px 0;background-color:#3a7ec1;background-color:var(--blueBtnColor)}.settingContainer div[role=dialog] .MuiIconButton-root:hover:hover{background-color:transparent!important}.settingContainer div[role=dialog] .toggle{font-weight:700!important;color:var(--primaryColourVariant7)!important;font-size:var(--fontSize12)!important;padding:2px 5px!important;border:1px solid var(--primaryColourVariant7)!important;border-radius:0!important}.settingContainer div[role=dialog] .toggle:first-child{border-radius:2px 0 0 2px!important}.settingContainer div[role=dialog] .toggle.toggle:last-child{border-radius:0 2px 2px 0!important}.settingContainer div[role=dialog] .toggle.toggle.Mui-selected{background-color:var(--primaryColourVariant7)!important;color:#fff!important}.settingContainer div[role=dialog] .toggle.toggle.Mui-disabled{color:rgba(0,0,0,.38)!important}.settingContainer div[role=dialog] .inputSelect{position:relative;width:fit-content}.settingContainer div[role=dialog] .inputSelect input[type=text]{outline:none;border:1px solid #659ace;border:1px solid var(--mainColor);padding:5px 10px;border-radius:5px;width:14vw;background-position:94% 60%;background-repeat:no-repeat;background-size:12px;font-size:var(--fontSize12)}.settingContainer div[role=dialog] .inputSelect input[type=text]:read-only{outline:none;border:1px solid #659ace;border:1px solid var(--mainColor);border-radius:5px;cursor:pointer;background-color:#fff;color:#000;background-image:url(https://hkia.airportzense.com/api/cdn/as2/static/common/expand_icon_blue.svg)}.settingContainer div[role=dialog] .inputSelect .selectContainer{width:calc(15vw - 5px);padding:5px;position:absolute;top:max(26px,1.68vw);left:0;z-index:999;background-color:#fff;border:1px solid #659ace;border:1px solid var(--mainColor);border-radius:5px;height:180px;overflow-y:hidden}.settingContainer div[role=dialog] .inputSelect .selectContainer.single .optionContainer{height:180px}.settingContainer div[role=dialog] .inputSelect .selectContainer:not(.single) .optionContainer{height:150px}.settingContainer div[role=dialog] .inputSelect .selectContainer .btnContainer{padding:0 2.5px;height:25px;display:flex;justify-content:flex-end}.settingContainer div[role=dialog] .inputSelect .selectContainer .btnContainer button{height:18px;font-size:var(--fontSize12);padding:2.5px 5px;width:10vw;background-color:#3a7ec1;background-color:var(--blueBtnColor);display:flex;align-items:center;justify-content:center}.settingContainer div[role=dialog] .inputSelect .selectContainer .optionContainer{overflow-y:auto;padding:0 2.5px}.settingContainer div[role=dialog] .inputSelect .selectContainer .optionContainer .optionWrapper{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.settingContainer div[role=dialog] .inputSelect .selectContainer .optionContainer .optionWrapper .name{width:100%}.settingContainer div[role=dialog] .inputSelect .selectContainer .optionContainer .optionWrapper .checkboxContainer{width:fit-content;display:flex;align-items:center}.settingContainer div[role=dialog] .inputSelect .selectContainer .optionContainer .optionWrapper .checkboxContainer input[type=checkbox]{width:fit-content;cursor:pointer;margin:0;-webkit-appearance:none;padding:7px;border-radius:3px;border:2px solid #3a7ec1;border:2px solid var(--blueBtnColor);position:relative}.settingContainer div[role=dialog] .inputSelect .selectContainer .optionContainer .optionWrapper .checkboxContainer input[type=checkbox]:checked{color:#fff;background-color:#3a7ec1;background-color:var(--blueBtnColor)}.settingContainer div[role=dialog] .inputSelect .selectContainer .optionContainer .optionWrapper .checkboxContainer input[type=checkbox]:checked:after{content:url(https://hkia.airportzense.com/api/cdn/as2/static/common/tick-white.svg);position:absolute;top:-2px;left:-2px;color:#fff}.settingContainer div[role=dialog] .inputSelect .selectContainer .optionContainer .optionWrapper:hover{background-color:#dedede;cursor:pointer}.settingContainer div[role=dialog] .inputSelect .selectContainer:not(.expanded){display:none}.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer{width:50%}.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .title,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .title,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .title,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .title,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .title,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .title,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .title,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .title{font-weight:600;margin:10px 0}.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .narrowBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .narrowBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .wideBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .wideBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .narrowBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .narrowBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .wideBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .wideBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .narrowBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .narrowBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .wideBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .wideBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .narrowBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .narrowBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .wideBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .wideBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .narrowBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .narrowBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .wideBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .wideBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .narrowBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .narrowBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .wideBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .wideBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .narrowBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .narrowBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .wideBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .wideBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .narrowBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .narrowBodyBaselineWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .wideBodyAlertWrapper,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .wideBodyBaselineWrapper{display:flex;align-items:center}.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .narrowBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .narrowBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .wideBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .wideBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .narrowBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .narrowBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .wideBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .wideBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .narrowBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .narrowBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .wideBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .wideBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .narrowBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .narrowBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .wideBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .wideBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .narrowBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .narrowBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .wideBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .wideBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .narrowBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .narrowBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .wideBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .wideBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .narrowBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .narrowBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .wideBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .wideBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .narrowBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .narrowBodyBaselineWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .wideBodyAlertWrapper .operator,.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .wideBodyBaselineWrapper .operator{margin:0 10px}.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .narrowBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .narrowBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .wideBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyAlertContainer .wideBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .narrowBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .narrowBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .wideBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .narrowBodyBaselineContainer .wideBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .narrowBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .narrowBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .wideBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyAlertContainer .wideBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .narrowBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .narrowBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .wideBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .alertContainer .wideBodyBaselineContainer .wideBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .narrowBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .narrowBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .wideBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyAlertContainer .wideBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .narrowBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .narrowBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .wideBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .narrowBodyBaselineContainer .wideBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .narrowBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .narrowBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .wideBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyAlertContainer .wideBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .narrowBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .narrowBodyBaselineWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .wideBodyAlertWrapper input[type=number],.settingContainer div[role=dialog] .ptsBaselineContainer .baselineContainer .wideBodyBaselineContainer .wideBodyBaselineWrapper input[type=number]{width:4em;margin-right:7.5px}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer{display:grid;grid-template-columns:50% 50%;grid-gap:0 10px}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:90px}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent{width:95px;height:60px;border-radius:10px;display:grid;align-items:center;justify-content:center;position:relative;transition:background-color .5s,border-color .5s}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selectable:not(.selected){border:1px solid #274568;border:1px solid var(--darkBlueColor);cursor:pointer}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selectable:not(.selected) .ptsName{font-size:14px;color:#274568;color:var(--darkBlueColor);display:flex;align-items:center;justify-content:center;text-align:center}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selectable:not(.selected).wideOnly{border-width:1px;border-style:solid;margin:5px 0}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selectable:not(.selected).wideOnly:before{content:" ";position:absolute;z-index:1;top:-7px;left:-7px;right:-7px;bottom:-7px;border-radius:13px;border:1px solid #274568;border-color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selectable:not(.selected).remoteOnly{background-color:#fff;background-color:var(--whiteColor);border-color:#92bae8;border-color:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selectable:not(.selected).remoteOnly .ptsName{color:#92bae8;color:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.wideOnly{border-width:1px;border-style:solid;margin:5px 0}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.wideOnly:before{content:" ";position:absolute;z-index:1;top:-7px;left:-7px;right:-7px;bottom:-7px;border-radius:13px;border-width:1px;border-style:solid}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.remoteOnly{background-color:#92bae8;background-color:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.remoteOnly:before{background-color:#92bae8;background-color:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selected{border:1px solid #274568;border:1px solid var(--darkBlueColor);background-color:#274568;background-color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selected .ptsToggle .btn{left:3px;background-color:#274568;background-color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selected .ptsToggle .status{right:10px;color:#274568;color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selected.wideOnly{border-color:#274568;border-color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selected.wideOnly:before{border-color:#274568;border-color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selected.remoteOnly{background-color:#92bae8;background-color:var(--remoteBlueColor);border-color:#92bae8;border-color:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent.selected.remoteOnly:before{background-color:#92bae8;background-color:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent:not(.selected):not(.selectable){background-color:#fff}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent:not(.selected):not(.selectable):not(.wideOnly){border:1px solid #d9dbdd;border:1px solid var(--greyColor);background-clip:border-box}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent:not(.selected):not(.selectable).wideOnly{border:1px solid #d9dbdd;border:1px solid var(--greyColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent:not(.selected):not(.selectable).wideOnly:before{border-color:#d9dbdd;border-color:var(--greyColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent:not(.selected):not(.selectable) .ptsToggle .btn{left:30px;background-color:#d9dbdd;background-color:var(--greyColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent:not(.selected):not(.selectable) .ptsToggle .status{right:45px;color:#d9dbdd;color:var(--greyColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent:not(.selected):not(.selectable) .ptsName{color:#d9dbdd;color:var(--greyColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent .ptsName{font-size:.8vw;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent .ptsToggle{margin:5px auto 0;width:70px;background-color:#fff;border-radius:5px;position:relative;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent .ptsToggle .btn{border-radius:5px;width:35px;height:10px;position:absolute;top:3px;transition:left .5s,background-color .5s}.settingContainer div[role=dialog] .ptsBaselineContainer .ptsEventContainer .ptsGroup .ptsEvent .ptsToggle .status{font-size:var(--fontSize8);position:absolute;line-height:var(--fontSize8);font-weight:600;top:3.5px;transition:left .5s,color .5s}.settingContainer div[role=dialog] .ptsBaselineContainer .toolContainer{margin:10px 0;display:inline-flex;justify-content:space-between}.settingContainer div[role=dialog] .ptsBaselineContainer .toolContainer .wideBodyColorContainer{display:flex;justify-content:flex-start;align-items:center}.settingContainer div[role=dialog] .ptsBaselineContainer .toolContainer .wideBodyColorContainer .colorDisplayContainer{border:1px solid #000;border-radius:5px}.settingContainer div[role=dialog] .ptsBaselineContainer .toolContainer .wideBodyColorContainer .colorDisplayContainer div{margin:3px;width:30px;height:20px;border-radius:3px;background:#274568;background:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .toolContainer .wideBodyColorContainer .semicolon{margin:0 7px 0 5px}.settingContainer div[role=dialog] .ptsBaselineContainer .toolContainer .remoteStandColorContainer{display:flex;justify-content:flex-start;align-items:center;padding:16px}.settingContainer div[role=dialog] .ptsBaselineContainer .toolContainer .remoteStandColorContainer .colorDisplayContainer{border:none;border-radius:5px}.settingContainer div[role=dialog] .ptsBaselineContainer .toolContainer .remoteStandColorContainer .colorDisplayContainer div{margin:3px;width:30px;height:20px;border-radius:3px;background:#92bae8;background:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsBaselineContainer .toolContainer .remoteStandColorContainer .semicolon{margin:0 7px 0 5px}.settingContainer div[role=dialog] .ptsContainer{margin-top:15px}.settingContainer div[role=dialog] .ptsContainer .btnContainer{margin:3px 0}.settingContainer div[role=dialog] .ptsContainer .title{display:grid;padding:5px 0;font-weight:600;grid-template-columns:3% 36% 52% 4.5% 4.5%;grid-template-columns:var(--ptsRowProportion)}.settingContainer div[role=dialog] .ptsContainer .title .summary{margin-left:10px}.settingContainer div[role=dialog] .ptsContainer .title .edit,.settingContainer div[role=dialog] .ptsContainer .title .remove{display:flex;justify-content:center}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer{letter-spacing:1px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content{display:grid;padding:15px 0;align-items:center;grid-template-columns:3% 36% 52% 4.5% 4.5%;grid-template-columns:var(--ptsRowProportion)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content div.ptsDisabledContainer{margin-left:10px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .input input{width:calc(100% - 5px);height:20px;outline:none;border:none;margin-left:5px;font-size:12px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content:not(.expanded) div.ptsDisabledContainer{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content:not(.expanded) .input{width:calc(100% - 20px);display:grid;grid-template-columns:repeat(5,calc(20% - 3px));align-items:center;grid-gap:0 3px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content:not(.expanded) .input .tagWrapper{padding:1px 5px;margin:0 2px;border-radius:5px;display:flex;align-items:center;justify-content:center;height:18px;width:calc(100% - 10px);background-color:#3a7ec1;background-color:var(--blueBtnColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content:not(.expanded) .input .tagWrapper .tag{color:#fff}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content:not(.expanded) .input .tagWrapper button{display:none}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content:not(.expanded) .input .ellipis{padding-left:5px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content:not(.expanded) .input.blankRowHint{border:1px solid #659ace;border:1px solid var(--mainColor);padding:2.5px;border-radius:5px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content:not(.expanded) .input:not(.blankRowHint) input{display:none}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content.expanded .input{border:1px solid #659ace;border:1px solid var(--mainColor);padding:2.5px;border-radius:5px;width:calc(100% - 20px);display:grid;grid-template-columns:repeat(5,calc(20% - 3px));align-items:center;grid-gap:3px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content.expanded .tagWrapper{padding:2px 8px;margin:0 2px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;height:18px;width:calc(100% - 16px);grid-gap:1px 2px;background-color:#3a7ec1;background-color:var(--blueBtnColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content.expanded .tagWrapper .tag{color:#fff;font-size:11px;height:12px;display:flex;align-items:center}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content.expanded .tagWrapper button{padding:0 2px;background-color:#3a7ec1;background-color:var(--blueBtnColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content.expanded .tagWrapper button span{color:#000;font-size:var(--fontSize14);line-height:16px;display:flex;align-items:center}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .editContainer,.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .expandContainer,.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .removeContainer{display:flex;justify-content:center}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .editContainer button,.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .expandContainer button,.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .removeContainer button{width:30px;background-color:transparent}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .editContainer button img,.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .expandContainer button img,.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .removeContainer button img{vertical-align:middle}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .expandContainer button{transition:transform .5s;transform:rotate(0deg)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .content .expandContainer.expanded button{transform:rotate(180deg)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList{height:0;overflow:hidden;transition:height .5s}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList.expanded{height:400px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer{margin:0 6px;display:grid;grid-template-columns:50% 50%;grid-gap:0 10px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:90px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent{width:95px;height:74px;border-radius:10px;display:grid;justify-content:center;grid-template-rows:60% 40%;position:relative;transition:background-color .5s,border-color .5s}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.wideOnly{border-width:1px;border-style:solid;margin:5px 0}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.wideOnly:before{content:" ";position:absolute;z-index:1;top:-7px;left:-7px;right:-7px;bottom:-7px;border-radius:13px;border-width:1px;border-style:solid}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.on{border:1px solid #274568;border:1px solid var(--darkBlueColor);background-color:#274568;background-color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.on .ptsToggle .btn{left:3px;background-color:#274568;background-color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.on .ptsToggle .status{right:10px;color:#274568;color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.on.wideOnly{border-color:#274568;border-color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.on.wideOnly:before{border-color:#274568;border-color:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.on.remoteOnly{background-color:#92bae8;background-color:var(--remoteBlueColor);border-color:#92bae8;border-color:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.on.remoteOnly .ptsToggle .btn{background-color:#92bae8;background-color:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.on.remoteOnly .ptsToggle .status{color:#92bae8;color:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.off{background-color:#fff}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.off:not(.wideOnly){border:1px solid #d9dbdd;border:1px solid var(--greyColor);background-clip:border-box}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.off.wideOnly{border:1px solid #d9dbdd;border:1px solid var(--greyColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.off.wideOnly:before{border-color:#d9dbdd;border-color:var(--greyColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.off .ptsToggle{background-color:#d9dbdd;background-color:var(--greyColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.off .ptsToggle .btn{left:30px;background-color:#fff}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.off .ptsToggle .status{right:45px;color:#fff}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent.off .ptsName{color:#d9dbdd;color:var(--greyColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent .ptsName{font-size:14px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent .ptsToggle{margin:5px auto 0;width:70px;background-color:#fff;border-radius:5px;position:relative;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent .ptsToggle .btn{border-radius:5px;width:35px;height:10px;position:absolute;top:3px;transition:left .5s,background-color .5s}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .expandList .ptsEventContainer .ptsGroup .ptsEvent .ptsToggle .status{font-size:9px;position:absolute;line-height:8px;font-weight:600;transition:left .5s,color .5s}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .toolContainer{margin:10px 0;display:flex;justify-content:space-between}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .toolContainer .wideBodyColorContainer{display:flex;justify-content:flex-start;align-items:center}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .toolContainer .wideBodyColorContainer .colorDisplayContainer{border:1px solid #000;border-radius:5px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .toolContainer .wideBodyColorContainer .colorDisplayContainer div{margin:3px;width:30px;height:20px;border-radius:3px;background:#274568;background:var(--darkBlueColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .toolContainer .wideBodyColorContainer .semicolon{margin:0 7px 0 5px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .toolContainer .remoteStandColorContainer{display:flex;justify-content:flex-start;align-items:center}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .toolContainer .remoteStandColorContainer .colorDisplayContainer{border:none;border-radius:5px}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .toolContainer .remoteStandColorContainer .colorDisplayContainer div{margin:3px;width:30px;height:20px;border-radius:3px;background:#92bae8;background:var(--remoteBlueColor)}.settingContainer div[role=dialog] .ptsContainer .ptsContentContainer .toolContainer .remoteStandColorContainer .semicolon{margin:0 7px 0 5px}.settingContainer div[role=dialog] .ptsContainer .ptsBtnContainer{margin-top:10px}.settingContainer div[role=dialog] .dropDownGroup .dropDownRow{margin:5px 0}.settingContainer div[role=dialog] .dropDownGroup .dropDownRow.row2{width:100%;display:grid;grid-template-columns:repeat(3,1fr) 30%}.settingContainer div[role=dialog] .dropDownGroup .dropDownRow.row2 .groupTitle{grid-column-start:1;grid-column-end:3;text-align:center;font-weight:600;margin:5px}.settingContainer div[role=dialog] .dropDownGroup .dropDownRow.row2 .chockType{display:flex;align-items:center;justify-content:center}.settingContainer div[role=dialog] .dropDownGroup .dropDownRow.row2 .group{display:grid;grid-gap:5px;margin:5px 15px}.settingContainer div[role=dialog] .dropDownGroup .dropDownRow.row2 .group .full{grid-template-columns:35% 65%}.settingContainer div[role=dialog] .dropDownGroup .dropDownRow.row2 .group .number{grid-template-columns:100%}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .title{font-weight:600;display:grid;padding:5px 0;grid-template-columns:3% 36% 52% 4.5% 4.5%;grid-template-columns:var(--ptsRowProportion)}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .title .summary{margin-left:10px}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .title .edit,.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .title .remove{display:flex;justify-content:center}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .turnaroundDefault .flightHints:not(.active){color:#ccc}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content{display:grid;padding:10px 0;align-items:center;grid-template-columns:3% 36% 52% 4.5% 4.5%;grid-template-columns:var(--ptsRowProportion)}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .baselineSummaryContainer{display:flex;width:100%;justify-content:space-between}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .baselineSummaryContainer>div{display:flex;width:100%;justify-content:space-between}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .baselineSummaryContainer>div p:first-child{width:48%}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .baselineSummaryContainer>div p:last-child{width:52%}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content div.ptsDisabledContainer{margin-left:10px;padding-left:5.8vw;text-indent:-5.8vw}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .input input{width:calc(100% - 5px);height:20px;outline:none;border:none;margin-left:5px;font-size:12px}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content:not(.expanded) div.ptsDisabledContainer{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content:not(.expanded) .input{width:calc(100% - 20px);display:grid;grid-template-columns:repeat(5,calc(20% - 3px));align-items:center;grid-gap:0 3px}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content:not(.expanded) .input .tagWrapper{padding:1px 5px;margin:0 2px;border-radius:5px;display:flex;align-items:center;justify-content:center;height:var(--fontSize18);width:calc(100% - 10px);background-color:#3a7ec1;background-color:var(--blueBtnColor)}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content:not(.expanded) .input .tagWrapper .tag{color:#fff;margin-top:.5px}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content:not(.expanded) .input .tagWrapper button{display:none}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content:not(.expanded) .input .ellipis{padding-left:5px}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content:not(.expanded) .input.blankRowHint{border:1px solid #659ace;border:1px solid var(--mainColor);padding:2.5px;border-radius:5px}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content:not(.expanded) .input:not(.blankRowHint) input{display:none}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content.expanded .input{border:1px solid #659ace;border:1px solid var(--mainColor);padding:2.5px;border-radius:5px;width:calc(100% - 20px);display:grid;grid-template-columns:repeat(5,calc(20% - 3px));align-items:center;grid-gap:3px}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content.expanded .tagWrapper{padding:2px 8px;margin:0 2px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;height:18px;width:calc(100% - 16px);grid-gap:1px 2px;background-color:#3a7ec1;background-color:var(--blueBtnColor)}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content.expanded .tagWrapper .tag{color:#fff;font-size:11px;height:12px}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content.expanded .tagWrapper button{padding:0 2px;background-color:#3a7ec1;background-color:var(--blueBtnColor)}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content.expanded .tagWrapper button span{color:#000;font-size:var(--fontSize14);line-height:16px;display:flex;align-items:center}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .editContainer,.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .expandContainer,.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .removeContainer{display:flex;justify-content:center}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .editContainer button,.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .expandContainer button,.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .removeContainer button{background-color:transparent}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .editContainer button img,.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .expandContainer button img,.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .removeContainer button img{max-width:20px;height:20px;vertical-align:middle}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .expandContainer button{transition:transform .5s;transform:rotate(0deg)}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .content .expandContainer.expanded button{transform:rotate(180deg)}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .expandList{height:0;overflow:hidden;transition:height .5s}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .expandList.expanded{height:400px}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .toolContainer{margin:10px 0;display:flex;justify-content:space-between}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .toolContainer .wideBodyColorContainer{display:flex;justify-content:flex-start;align-items:center}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .toolContainer .wideBodyColorContainer .colorDisplayContainer{border:1px solid #000;border-radius:5px}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .toolContainer .wideBodyColorContainer .colorDisplayContainer div{margin:3px;width:30px;height:20px;border-radius:3px;background:#274568;background:var(--darkBlueColor)}.settingContainer .turnaroundTimelineContainer .turnaroundTimelineWrapper .flightListContainer .toolContainer .wideBodyColorContainer .semicolon{margin:0 7px 0 5px}.settingContainer .turnaroundTimelineContainer .turnaroundBtnContainer{margin-top:15px}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline .hints{margin-top:-20px}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline.BAPTimeline{height:400px}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline:not(.BAPTimeline){height:320px}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg circle,.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg path,.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg rect{stroke-width:2}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg text{dominant-baseline:middle;text-anchor:middle;font-size:11px!important;fill:var(--primaryColour)}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg text.upperText{transform:translateY(-6px)}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg text.lowerText{transform:translateY(6px)}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g.disabled circle,.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g.disabled path,.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g.disabled rect{stroke:var(--primaryColourVariant5);fill:#fff}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g.disabled text{fill:var(--primaryColourVariant5)}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g.selected{cursor:pointer}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g.selected circle,.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g.selected path,.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g.selected rect{stroke:var(--primaryColour);fill:var(--primaryColour)}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g.selected text{fill:#fff}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g:not(.selected):not(.disabled){cursor:pointer}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g:not(.selected):not(.disabled) circle,.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g:not(.selected):not(.disabled) path,.settingContainer .turnaroundTimelineContainer .turnaroundTimeline svg g:not(.selected):not(.disabled) rect{stroke:var(--primaryColour);stroke-width:2;fill:#fff}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline .groupContainer{margin:5px 0 5px 15px;display:flex;width:max(800px,60vw);justify-content:space-between}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline .groupContainer .group{margin-top:35px}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline .groupContainer .group .groupTitle{font-weight:600;margin:10px 0}.settingContainer .turnaroundTimelineContainer .turnaroundTimeline .groupContainer .group .numberInput{display:flex;align-items:center;margin:10px 0}.settingContainer .gseAllocationContainer .gseTypeContainer .and{color:#3a7ec1;color:var(--blueBtnColor);font-weight:600;margin-bottom:10px}.settingContainer .gseAllocationContainer .gseTypeContainer .row{margin-bottom:10px;display:grid;align-items:center;grid-gap:10px 0;gap:10px 0;grid-template-columns:22.5% 2.5% 22.5% 2.5% 22.5% 2.5% 22.5% 2.5%}.settingContainer .gseAllocationContainer .gseTypeContainer .row .or{color:#3a7ec1;color:var(--blueBtnColor);font-weight:600;display:flex;justify-content:center}.settingContainer .gseAllocationContainer .gseTypeContainer .row .gseTypeGroup{display:flex;align-items:center;width:100%}.settingContainer .gseAllocationContainer .gseTypeContainer .row .gseTypeGroup .numberInput{width:3em;margin-right:0;font-size:12px;border-radius:4px 0 0 4px;padding:5px}.settingContainer .gseAllocationContainer .gseTypeContainer .row .gseTypeGroup .gseSelect{width:100%}.settingContainer .gseAllocationContainer .gseTypeContainer .row .gseTypeGroup .gseSelect.selected input::placeholder{color:#000}.settingContainer .gseAllocationContainer .gseTypeContainer .row .gseTypeGroup .gseSelect .inputContainer{position:relative}.settingContainer .gseAllocationContainer .gseTypeContainer .row .gseTypeGroup .gseSelect .inputContainer input{border-radius:0 4px 4px 0!important;font-size:12px;width:calc(100% - 2em + 2px)}.settingContainer .gseAllocationContainer .gseTypeContainer .row .gseTypeGroup .gseSelect .inputContainer .cancelIconContainer{position:absolute;width:14px;height:calc(100% - 4px);top:2px;right:12px;display:flex;align-items:center;background-color:#fff;cursor:pointer}.settingContainer .gseAllocationContainer .gseTypeContainer .row .gseTypeGroup .gseSelect>div.selectContainer{width:calc(100% - 2em + 2px)}.settingContainer .gseAllocationContainer button{background-color:#3a7ec1;background-color:var(--blueBtnColor);font-size:12px;padding:5px 10px;width:150px}.settingContainer .slider .MuiSlider-root{margin-top:40px;margin-left:10px}.settingContainer .slider .MuiSlider-thumb{color:#3a7ec1;color:var(--blueBtnColor)}.settingContainer .coopSlider .slider.multiple{display:flex;align-items:center;margin-top:10px}.settingContainer .coopSlider .slider.multiple .postFix{margin-left:10px;margin-bottom:20px}.settingContainer .coopSlider .colorDemostrationContainer>div{display:flex;align-items:center;margin:10px 0}.settingContainer .coopSlider .colorDemostrationContainer>div .name{font-weight:600;margin-right:5px}.settingContainer .coopSlider .colorDemostrationContainer>div .colorDemostration{height:5px;width:80px;margin-right:15px;border-radius:2.5px 2.5px 2.5px 2.5px}.settingContainer .coopSlider .colorDemostrationContainer>div .colorDemostration.veryBusy{background-color:#f94328}.settingContainer .coopSlider .colorDemostrationContainer>div .colorDemostration.busy{background-color:#faae0e}.settingContainer .coopSlider .colorDemostrationContainer>div .colorDemostration.normal{background-color:#ffea44}.settingContainer .coopSlider .colorDemostrationContainer>div .colorDemostration.free{background-color:#43ebc2}.settingContainer .dropDownInputComboContainer .dropDownInputComboWrapper{display:flex;align-items:center}.settingContainer .dropDownInputComboContainer .dropDownInputComboWrapper .tickContainer{margin-left:5px}.settingContainer .dropDownInputComboContainer .dropDownInputComboWrapper .tickContainer button{width:30px}.settingContainer .dropDownInputComboContainer .dropDownInputComboWrapper button{background-color:transparent;color:#659ace;color:var(--mainColor);font-size:var(--fontSize14)}.settingContainer .dropDownInputComboContainer .listContainer{margin-top:5px}.confirmBox .buttonGroup{display:flex;justify-content:space-around;align-items:flex-end;width:50%}.confirmBox .buttonGroup .submitButton{width:45%;min-width:fit-content;padding:5px;color:#fff}.confirmBox .buttonGroup .submitButton:not(:disabled){background-color:var(--secondaryColour);border:1px solid var(--secondaryColour)}.confirmBox .buttonGroup .submitButton:disabled{background-color:var(--secondaryColourVariant5);border:1px solid var(--secondaryColourVariant5)}.confirmBox .buttonGroup .cancelButton{width:45%;min-width:fit-content;border:1px solid var(--primaryColour);background-color:#fff;padding:5px;color:var(--primaryColour)}.barChartContainer{width:98%;margin:1%;display:grid;justify-items:center;position:relative}.barChartContainer .barChartTooltip{display:none;position:absolute;user-select:none;width:fit-content;background-color:#fff!important;padding:3px;font-size:var(--fontSize12);font-weight:600;border-radius:5px 5px;color:var(--primaryColourVariant);border:2px solid var(--primaryColourVariant)}.barChartContainer .axis-title{text-anchor:middle;font-weight:600;font-size:14px}.barChartContainer .y-axis-title{transform:rotate(-90deg)}.barChartContainer .btn{cursor:pointer;user-select:none;font-size:var(--fontSize12)}.barChartContainer .btn path{fill:#fff;stroke:var(--primaryColour)}.barChartContainer .btn:hover path{fill:var(--primaryColour)}.btn:hover text{fill:#fff}.barChartContainer .btn-active path{fill:var(--primaryColour)}.barChartContainer .btn-active text{fill:#fff}.barChartContainer .axis-title,.barChartContainer .mainXAxis,.barChartContainer .mainYAxis,.barChartContainer .subXAxis,.barChartContainer .subYAxis{user-select:none}.barChartContainer .stripe{mask:url(#mask-stripe)}.barChartContainer .selected{cursor:pointer}.barChartContainer .legendText{font-size:var(--fontSize10);color:var(--primaryColourVariant)}.barChartContainer .legend{stroke:var(--primaryColourVariant);fill:transparent}.communityServicesGrid,.turnaroundServicesGrid{width:100%;height:100%;display:grid;align-items:center;grid-template-columns:calc(25% - 36px) calc(25% - 36px) calc(25% - 36px) calc(25% - 36px);grid-auto-rows:calc(50% - 24px);grid-row-gap:48px;row-gap:48px;grid-column-gap:48px;column-gap:48px}.turnaroundServicesGrid .tileInnerUpperText{font-family:var(--boldFont);font-size:var(--fontSize21);dominant-baseline:auto!important}.turnaroundServicesGrid .tileInnerLowerText{font-family:var(--boldFont);font-size:var(--fontSize15);margin-top:10px;dominant-baseline:text-before-edge!important}:root{--roadColour-veryBusy:#ff6470;--roadColour-busy:#ff9100;--roadColour-normal:#ffd93b;--roadColour-free:#00bcaa;--roadColour-hover-veryBusy:#ffa4b3;--roadColour-hover-stroke-veryBusy:#a31432;--roadColour-hover-busy:#ffb600;--roadColour-hover-stroke-busy:#ba5d00;--roadColour-hover-normal:#fff53e;--roadColour-hover-stroke-normal:#aa8100;--roadColour-hover-free:#00e2bc;--roadColour-hover-stroke-free:#017a6b}.iconClicked{opacity:.2}.roadLabelTextEngineOn{font-size:var(--fontSize24)}.roadLabelTextAvgSpeed{font-size:var(--fontSize46)}.bayText{fill:#324b60}.roadText{fill:#303842}.apronAreaText,.buildingText{fill:#fff}.handoverAreaText{fill:#303842}.update{animation:flash 1s linear 0s 3}@keyframes flash{0%{opacity:0}50%{opacity:.5}to{opacity:1}}:root{--labelColour:#0023b7;--oddRowColour:#fff;--evenRowColour:#eaeaea;--tableRowHoverColour:var(--secondaryColourVariant2)}.mainWindowNoBorder{margin:1% auto auto;background-color:var(--backgroundColour);width:100%;height:170%;border:none}.mainWindowHeaderNoBorder{background-color:var(--backgroundColour);padding-left:5%;padding-right:5%;width:90%;height:8%;align-items:center}.mainWindowTitleNoBorder{font-size:var(--fontSize20);font-weight:700;text-align:center;text-decoration:underline;color:var(--primaryColour)}.mainWindowContentNoBorder{width:100%;height:93.97461112104416%;background-color:var(--backgroundColour)}.donutTitle{fill:var(--primaryColour);font-weight:700;font-size:var(--fontSize14);text-decoration:underline}.donutTitle.clickedText{fill:var(--secondaryColour)}.communityCategoryInnerCentreText,.communityCodeInnerCentreText,.equipmentTypeInnerCentreText{fill:var(--primaryColour);font-size:var(--fontSize46);font-weight:700}.communityCategoryText,.communityCodeText,.equipmentTypeText{fill:var(--secondaryColour);font-size:var(--fontSize8)}.tableTitleContainer{margin-top:1%;margin-bottom:1%;height:8%}.tableTitle{display:inline;text-align:center;line-height:2;margin-left:50%;text-decoration:underline;font-weight:700;font-size:var(--fontSize14)}#tableContainer button{float:right;height:100%}#tableContainer table{width:100%;height:76%;border-collapse:collapse;overflow-y:auto}#tableContainer table thead{display:table-header-group;background-color:var(--primaryColourVariant);color:#fff;font-size:var(--fontSize14)}#tableContainer table thead th{display:table-cell;background-color:var(--primaryColourVariant);border:none;cursor:default;height:35px}#tableContainer table tbody{display:table-row-group}#tableContainer table tbody tr{font-size:var(--fontSize14)}#tableContainer table tbody td{border:none}.hiddenRow{display:none}.sortAscIcon,.sortDesIcon{margin-left:2%;cursor:pointer}.gseID,.highestSpeed,.highestSpeedList,.statistics,.totalNumberOfOverspeed{text-align:center}.collapseIcon,.expandIcon,.statisticsIcon{margin-left:2%;cursor:pointer}.collapseIcon{display:none}.tableFooter{width:100%;height:8%;text-align:center;margin-top:1%;margin-bottom:1%}.tableFooter img:hover{cursor:pointer}.pageNumber{margin-left:15px;margin-right:15px;font-size:var(--fontSize14)}.pageNumber:hover{cursor:pointer}.pageNumber.active{color:var(--secondaryColour);text-decoration:underline}.speedDetailsHeader{background-color:var(--primaryColourVariant);color:#fff;font-size:var(--fontSize14);font-weight:700;text-align:center;height:5%;display:grid;align-items:center}.legend{float:left;margin-left:9%;margin-top:1%}.overspeedTotal{float:right;font-size:var(--fontSize14);text-align:center;font-family:var(--font-myriadpro);margin-right:9%;margin-top:1%}.overspeedTotal span{color:var(--alertColour);font-size:var(--fontSize20);font-weight:700;margin:auto}.subXAxis line{stroke:#61666b;stroke-width:.5}.mainXAxis line{stroke:#61666b;stroke-width:2}.mainXAxis text{fill:#61666b}.subYAxis line{stroke:#61666b;stroke-width:.5}.mainYAxis line{stroke:#61666b;stroke-width:2}.mainYAxis text{font-size:larger}.axisTitle,.mainYAxis text{fill:var(--primaryColour);font-weight:700}.axisTitle{font-size:small}.speedLimit{fill:none;stroke:var(--alertColour);stroke-dasharray:5,6;stroke-width:2}.speed{fill:none;stroke:var(--primaryColourVariant2);stroke-width:2;stroke-dasharray:3,3}.filledArea{fill:var(--secondaryColour);stroke:var(--secondaryColour);stroke-width:2}.labelText{font-size:var(--fontSize8)}.dot{stroke:"none"}.alertDot{animation-name:overspeedAnimation;animation-duration:3s}@keyframes overspeedAnimation{0%{fill:#fff}to{fill:var(--secondaryColour)}}.overspeedRow{background-color:#fff}.overspeedRow,.overspeedRowExpand{width:calc(100% - 20px);height:100%;padding:0 10px;display:grid;align-items:center}.overspeedRowExpand{background-color:var(--secondaryColourVariant3)}.overspeedRowIcon:hover{cursor:pointer}.DayPicker{display:inline-block;font-size:1rem}.DayPicker-wrapper{position:relative;flex-direction:row;padding-bottom:1em;user-select:none}.DayPicker-Months{display:flex;flex-wrap:wrap;justify-content:center}.DayPicker-Month{width:100%;height:100%;display:table;margin:1em 1em 0;border-spacing:0;border-collapse:collapse;user-select:none}.DayPicker-NavButton{position:absolute;top:1em;right:1.5em;left:auto;display:inline-block;margin-top:2px;width:1.25em;height:1.25em;background-position:50%;background-size:50%;background-repeat:no-repeat;color:#8b9898;cursor:pointer}.DayPicker-NavButton:hover{opacity:.8}.DayPicker-NavButton--prev{left:20%;background-image:url(/static/media/leftArrow.7941e541.svg)}.DayPicker-NavButton--next{right:20%;background-image:url(/static/media/rightArrow.6423dce7.svg)}.DayPicker-NavButton--prev.DayPicker-NavButton--interactionDisabled{background-image:url(/static/media/leftArrowDiabled.42b013d8.svg)}.DayPicker-NavButton--next.DayPicker-NavButton--interactionDisabled{background-image:url(/static/media/rightArrowDiabled.e9b2410c.svg)}.DayPicker-Caption{display:table-caption;margin-bottom:.5em;padding:0 .5em;text-align:center}.DayPicker-Caption>div{font-weight:500;font-size:1.15em}.DayPicker-Weekdays{display:table-header-group;margin-top:1em}.DayPicker-WeekdaysRow{background-color:var(--secondaryColourVariant3);display:table-row}.DayPicker-Weekday{display:table-cell;padding:.5em;color:var(--primaryColour);text-align:center;font-size:.875em}.DayPicker-Weekday abbr[title]{border-bottom:none;text-decoration:none}.DayPicker-Body{display:table-row-group}.DayPicker-Week{display:table-row}.DayPicker-Day{text-align:center}.DayPicker-Day,.DayPicker-WeekNumber{display:table-cell;padding:.5em;vertical-align:middle;cursor:pointer}.DayPicker-WeekNumber{min-width:1em;border-right:1px solid #eaecec;color:#8b9898;text-align:right;font-size:.75em}.DayPicker--interactionDisabled .DayPicker-Day{cursor:default}.DayPicker-Footer{padding-top:.5em}.DayPicker-TodayButton{border:none;background-color:transparent;background-image:none;box-shadow:none;color:#4a90e2;font-size:.875em;cursor:pointer}.DayPicker-Day--today{color:var(--secondaryColour);font-weight:700}.DayPicker-Day--outside{color:#8b9898;cursor:default}.DayPicker-Day--disabled{color:#cbd1d3;cursor:default}.DayPicker-Day--sunday{background-color:#f7f8f8}.DayPicker-Day--sunday:not(.DayPicker-Day--today){color:#dce0e0}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside){position:relative;background-color:var(--primaryColour);color:#fff}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover{background-color:var(--primaryColour)}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover{background-color:var(--primaryColourVariant9)}.DayPicker-Day--selected.DayPicker-Day--end,.DayPicker-Day--selected.DayPicker-Day--start{background-color:var(--primaryColour)}.DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside){background-color:var(--primaryColourVariant9)!important;color:var(--primaryColour)}.DayPickerInput{width:100%;height:100%;display:inline-block}.DayPickerInput input::placeholder{color:var(--primaryColourVariant2)}.DayPickerInput input:focus{outline:none}.DayPickerInput input{width:100%;height:calc(100% - 2px);background-color:transparent;color:var(--primaryColour);font-weight:700;border:none;border-radius:var(--borderRadius)}.DayPickerInput-OverlayWrapper{position:relative}.DayPickerInput-Overlay{position:absolute;left:0;z-index:1;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);border-radius:var(--borderRadius)}:root{--tableBorderColour:#ddd;--doubleTotalTimeList:5.4% 3.45% 3.55% 6.5% 6.5% auto;--singleTotalTimeList:5.4% 3.45% 3.55% 13% auto;--departureTotalTimeList:5.4% 3.45% 3.55% 6.5% 9% auto;--turanroundFlightList:5.5% 3.65% 5.5% 3.65% 3.55% 6.5% 9% auto;--clockSurface:#466289;--clockWaterSurface:#d1d7db;--clockWater:#e3f3ff;--clockText:#303842}.overview .titleFont{grid-template-columns:80% 17% 3%}.overview .titleFont--group{grid-template-columns:60% 20% 17% 3%}.overview .titleFont .buttonNcol,.overview .titleFont .searchInputContainer{width:calc(100% - 10px)!important;margin:0 5px}.overview .preloaderContainer.listview-loading{grid-column:-1/1}.turnaroundHeader{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;background-color:var(--primaryColourVariant);text-align:left;font-weight:500;color:#fff;font-size:var(--fontSize14);border-top-left-radius:4px;border-top-right-radius:4px}.turnaroundHeader .turnaroundTitle{font-size:var(--fontSize12)}.summaryContentContainer{display:grid;grid-template-rows:40% 5% 55%;height:100%}.summaryContentContainer .highlightedCenterTitle{display:flex;justify-content:center;align-items:center}.summaryContentContainer .highlightedCenterTitle span{background-color:var(--primaryColourVariant);width:90%;text-align:center;font-weight:500;color:#fff;font-size:1em;padding:8px;border-top-left-radius:4px;border-top-right-radius:4px}.summaryContentContainer .turnaroundTableContent{overflow-y:scroll;padding-right:10px;width:calc(100% + 10px);height:calc(100% - 2vh)}.summaryContentContainer .mainXAxis,.summaryContentContainer .mainYAxis,.summaryContentContainer .subYAxis{stroke-width:2px}.summaryContentContainer .title{text-align:center;text-decoration:underline;font-weight:600;font-size:var(--fontSize14);padding:10px}.summaryContentContainer .turnaroundSearchBarContainer{display:grid;grid-template-columns:auto 25%;margin-bottom:5px}.summaryContentContainer .performanceContainer{width:100%;display:grid;place-items:center;grid-template-columns:auto auto auto}.summaryContentContainer #leftPerformanceContainer .selected,.summaryContentContainer #middlePerformanceContainer .selected,.summaryContentContainer #rightPerformanceContainer .selected{cursor:default}.summaryContentContainer #leftPerformanceContainer.selectable,.summaryContentContainer #middlePerformanceContainer.selectable,.summaryContentContainer #rightPerformanceContainer.selectable{cursor:pointer}.summaryContentContainer #leftPerformanceContainer.active,.summaryContentContainer #middlePerformanceContainer.active,.summaryContentContainer #rightPerformanceContainer.active{transform:scale(1.1);transform-origin:center center}.summaryContentContainer #leftPerformanceContainer.active #overallpassed,.summaryContentContainer #middlePerformanceContainer.active #overallpassed,.summaryContentContainer #rightPerformanceContainer.active #overallpassed{fill:var(--primaryColour)}.summaryContentContainer #leftPerformanceContainer.active #overallfailed,.summaryContentContainer #middlePerformanceContainer.active #overallfailed,.summaryContentContainer #rightPerformanceContainer.active #overallfailed{fill:var(--secondaryColour)}.summaryContentContainer #leftPerformanceContainer:not(.active) #overallpassed,.summaryContentContainer #middlePerformanceContainer:not(.active) #overallpassed,.summaryContentContainer #rightPerformanceContainer:not(.active) #overallpassed{fill:var(--primaryColourVariant4)}.summaryContentContainer #leftPerformanceContainer:not(.active) #overallfailed,.summaryContentContainer #middlePerformanceContainer:not(.active) #overallfailed,.summaryContentContainer #rightPerformanceContainer:not(.active) #overallfailed{fill:var(--secondaryColourVariant6)}.summaryContentContainer #leftPerformanceContainer .overallInnerUpperText,.summaryContentContainer #middlePerformanceContainer .overallInnerUpperText,.summaryContentContainer #rightPerformanceContainer .overallInnerUpperText{font-size:var(--fontSize14);font-family:var(--boldFont);text-decoration:underline}.summaryContentContainer #leftPerformanceContainer .overallInnerLowerText,.summaryContentContainer #middlePerformanceContainer .overallInnerLowerText,.summaryContentContainer #rightPerformanceContainer .overallInnerLowerText{font-size:var(--fontSize13);font-family:var(--boldFont)}.summaryContentContainer #leftPerformanceContainer .overallInnerCentreText,.summaryContentContainer #middlePerformanceContainer .overallInnerCentreText,.summaryContentContainer #rightPerformanceContainer .overallInnerCentreText{font-size:var(--fontSize26);font-family:var(--boldFont)}.listViewContainer .turnaroundTableContainer{position:relative}.listViewContainer .turnaroundTableContainer th{font-size:var(--fontSize8);height:12px;padding:2px 0;display:flex;align-items:center}.listViewContainer .turnaroundTableContainer.singleTotalTime table tbody tr,.listViewContainer .turnaroundTableContainer.singleTotalTime table thead tr{grid-template-columns:5.4% 3.45% 3.55% 13% auto;grid-template-columns:var(--singleTotalTimeList)}.listViewContainer .turnaroundTableContainer.doubleTotalTime table tbody tr,.listViewContainer .turnaroundTableContainer.doubleTotalTime table thead tr{grid-template-columns:5.4% 3.45% 3.55% 6.5% 6.5% auto;grid-template-columns:var(--doubleTotalTimeList)}.listViewContainer .turnaroundTableContainer.departureTotalTime table tbody tr,.listViewContainer .turnaroundTableContainer.departureTotalTime table thead tr{grid-template-columns:5.4% 3.45% 3.55% 6.5% 9% auto;grid-template-columns:var(--departureTotalTimeList)}.listViewContainer .turnaroundTableContainer.turnaroundTotalTime table tbody tr,.listViewContainer .turnaroundTableContainer.turnaroundTotalTime table thead tr{grid-template-columns:5.5% 3.65% 5.5% 3.65% 3.55% 6.5% 9% auto;grid-template-columns:var(--turanroundFlightList)}.listViewContainer .turnaroundTableContainer table{height:100%;flex-direction:column;display:flex}.listViewContainer .turnaroundTableContainer table tbody::-webkit-scrollbar-track{background:transparent}.listViewContainer .turnaroundTableContainer table tbody{overflow-y:scroll;margin-right:-18px;padding-right:8px}.listViewContainer .turnaroundTableContainer table tbody tr,.listViewContainer .turnaroundTableContainer table thead tr{display:grid}.listViewContainer .turnaroundTableContainer table tbody tr.selected,.listViewContainer .turnaroundTableContainer table thead tr.selected{border-top:.5px solid var(--primaryColour);background-color:var(--secondaryColourVariant3)!important}.listViewContainer .turnaroundTableContainer table tbody tr .turnaroundTableField,.listViewContainer .turnaroundTableContainer table thead tr .turnaroundTableField{padding:2px 0;display:flex;align-items:center;justify-content:center}.listViewContainer .turnaroundTableContainer table tbody tr .turnaroundTableField span,.listViewContainer .turnaroundTableContainer table thead tr .turnaroundTableField span{padding:2px 0}.listViewContainer .turnaroundTableContainer table tbody tr .turnaroundTableField span.flightNumber,.listViewContainer .turnaroundTableContainer table thead tr .turnaroundTableField span.flightNumber{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat}.listViewContainer .turnaroundTableContainer table tbody tr .turnaroundTableField span.flightNumber.cancelled,.listViewContainer .turnaroundTableContainer table thead tr .turnaroundTableField span.flightNumber.cancelled{background-image:url(https://hkia.airportzense.com/api/cdn/as2/static/dashboard/cancelled.svg)}.listViewContainer .turnaroundTableContainer table tbody tr .turnaroundTableField span.flightNumber img,.listViewContainer .turnaroundTableContainer table thead tr .turnaroundTableField span.flightNumber img{width:1.5vh;height:1.5vh;margin-bottom:-.15vh}.listViewContainer .turnaroundTableContainer table tbody tr .turnaroundTableField span:not(.time),.listViewContainer .turnaroundTableContainer table thead tr .turnaroundTableField span:not(.time){height:14px;display:flex;align-items:center}.listViewContainer .turnaroundTableContainer table tbody tr .turnaroundTableField span .time,.listViewContainer .turnaroundTableContainer table thead tr .turnaroundTableField span .time{height:18px}.listViewContainer .turnaroundTableContainer table tbody tr .turnaroundTableField .predictTime,.listViewContainer .turnaroundTableContainer table thead tr .turnaroundTableField .predictTime{color:var(--primaryColourVariant14)}.listViewContainer .turnaroundTableContainer table tbody tr .turnaroundTableField .totalTimeLate,.listViewContainer .turnaroundTableContainer table thead tr .turnaroundTableField .totalTimeLate{color:var(--secondaryColour);font-weight:600}.listViewContainer .turnaroundTableContainer table tbody tr .turnaroundTableField .predictTime.totalTimeLate,.listViewContainer .turnaroundTableContainer table thead tr .turnaroundTableField .predictTime.totalTimeLate{color:var(--secondaryColourVariant6)}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer{background-color:var(--secondaryColourVariant3)!important;text-align:left;border-bottom:.5px solid var(--primaryColour)}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer td,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer td{border:none;height:220px}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer td:not(:first-child):not(:last-child),.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer td:not(:first-child):not(:last-child){border-bottom:.5px solid var(--primaryColourVariant6)}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.arrivalFlight,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.arrivalFlight{grid-template-columns:25.4% auto!important}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.departureFlight,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.departureFlight{grid-template-columns:27.9% auto!important}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.arrivalFlight .turnaroundRecordDetail>div,.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.departureFlight .turnaroundRecordDetail>div,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.arrivalFlight .turnaroundRecordDetail>div,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.departureFlight .turnaroundRecordDetail>div{width:90%;height:95%}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.arrivalFlight .turnaroundRecordDetail>div .turnaroundDetailRow1,.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.departureFlight .turnaroundRecordDetail>div .turnaroundDetailRow1,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.arrivalFlight .turnaroundRecordDetail>div .turnaroundDetailRow1,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.departureFlight .turnaroundRecordDetail>div .turnaroundDetailRow1{display:grid;grid-template-columns:repeat(3,1fr);padding:5px 0}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.arrivalFlight .turnaroundRecordDetail>div .turnaroundDetailRow2,.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.departureFlight .turnaroundRecordDetail>div .turnaroundDetailRow2,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.arrivalFlight .turnaroundRecordDetail>div .turnaroundDetailRow2,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.departureFlight .turnaroundRecordDetail>div .turnaroundDetailRow2{padding:5px 0}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.arrivalFlight td:not(:first-child),.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.departureFlight td:not(:first-child),.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.arrivalFlight td:not(:first-child),.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.departureFlight td:not(:first-child){border-left:.5px solid var(--primaryColourVariant6)}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.turnaroundFlight,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.turnaroundFlight{grid-template-columns:21.85% auto!important}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail{padding:0;height:100%}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div{display:grid;grid-template-columns:41.8764% 41.8764% 16.2472%;width:100%;height:100%}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .arrivalInfo,.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .departureInfo,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .arrivalInfo,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .departureInfo{padding:5% 6%;height:100%;box-sizing:border-box;border-right:.5px solid var(--primaryColourVariant6)}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .departureInfo,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .departureInfo{margin-right:-.25px}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .icaoInfo,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .icaoInfo{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-right:.5px solid var(--primaryColourVariant6);margin-right:-.25px}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .turnaroundDetailRow1,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .turnaroundDetailRow1{display:grid;grid-template-columns:repeat(2,1fr);padding:5px 0}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .turnaroundDetailRow2,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer.turnaroundFlight .turnaroundRecordDetail>div .turnaroundDetailRow2{padding:5px 0}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .turnaroundDetailTimeline,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .turnaroundDetailTimeline{height:100%}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .turnaroundDetailTimeline:not(.BAP),.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .turnaroundDetailTimeline:not(.BAP){margin-left:-.75%;padding-right:5.25%}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .turnaroundDetailTimeline.BAP,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .turnaroundDetailTimeline.BAP{padding-left:6.2%;padding-right:5.25%}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .turnaroundDetailTimeline .timelineTimeMarker,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .turnaroundDetailTimeline .timelineTimeMarker{font-weight:600;fill:var(--primaryColourVariant);font-size:11px}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .turnaroundDetailTimeline .timelineTimeMarker.late,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .turnaroundDetailTimeline .timelineTimeMarker.late{fill:var(--secondaryColour)}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .detailTimeline.BAP,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .detailTimeline.BAP{height:250px}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .detailTimeline:not(.BAP),.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .detailTimeline:not(.BAP){height:110px}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid{border-bottom:none!important;display:flex;align-items:center;justify-content:center}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div{width:90%;height:95%}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .title,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .title{font-size:var(--fontSize16)}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer{width:100%;display:flex;justify-content:center}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer,.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer{text-align:center;width:100%;transform:scale(.6);padding:15px}@keyframes move{to{d:path("M0 50, C0 50 70 55 150 45, C150 45 150 45 150 45, C150 45 135 75 0 55")}}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer .clock .surface,.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer .clock .surface,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer .clock .surface,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer .clock .surface{stroke:none;fill:#466289;fill:var(--clockSurface);z-index:10}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer .clock .waterSurface,.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer .clock .waterSurface,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer .clock .waterSurface,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer .clock .waterSurface{fill:#d1d7db;fill:var(--clockWaterSurface);stroke:#d1d7db;stroke:var(--clockWaterSurface);animation-name:move;animation-duration:10s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer .clock .contentBackground,.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer .clock .contentBackground,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer .clock .contentBackground,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer .clock .contentBackground{fill:#fff}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer .clock .content,.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer .clock .content,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer .clock .content,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer .clock .content{stroke:none;fill:#e3f3ff;fill:var(--clockWater)}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer .clock text,.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer .clock text,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer .clock text,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer .clock text{fill:#303842;fill:var(--clockText);font-size:1.5vw;font-weight:600;letter-spacing:1px}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .firstBagPredictionContainer{transform-origin:center right}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .predictionGrid>div .predictionContainer .lastBagPredictionContainer{transform-origin:center left}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .turnaroundRecordDetail,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .turnaroundRecordDetail{grid-row-start:1;border-left:.5px solid var(--primaryColourVariant6);display:flex;align-items:center;justify-content:center}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .turnaroundRecordDetail:not(.cross),.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .turnaroundRecordDetail:not(.cross){border-bottom:.5px solid var(--primaryColourVariant6)}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .turnaroundRecordDetail.cross,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .turnaroundRecordDetail.cross{height:100%;grid-row-end:3}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .listHeader,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .listHeader{color:var(--primaryColourVariant11);font-weight:500;font-size:var(--fontSize10)}.listViewContainer .turnaroundTableContainer table tbody tr.turnaroundRecordDetailContainer .listField,.listViewContainer .turnaroundTableContainer table thead tr.turnaroundRecordDetailContainer .listField{color:var(--primaryColour);font-weight:700;font-size:var(--fontSize12)}.turnaroundVehicleTimeline{max-height:220px;min-height:100px}.turnaroundVehicleTimeline .vehicleTimelineContainer{height:100%}.turnaroundVehicleTimeline .vehicleTimelineContainer #vehicleSvgContainer{width:100%}.turnaroundVehicleTimeline .vehicleTimelineContainer #vehicleSvgContainer .vehicleTimelineText{font-size:9px;font-weight:600;fill:var(--primaryColour)}.turnaroundVehicleTimeline .vehicleTimelineContainer #vehicleSvgContainer .vehicleTimeline{fill:var(--primaryColourVariant13);stroke-width:2px;stroke:var(--primaryColourVariant13);cursor:pointer}.turnaroundVehicleTimeline .vehicleTimelineContainer #vehicleSvgContainer .vehicleName{font-size:12px}.otpCircle{fill:#fff;stroke:var(--primaryColourVariant);stroke-width:2}.otpCircle.late{stroke:var(--secondaryColour)!important}.otpCircle.unstarted{stroke:var(--primaryColourVariant10)!important}.otpCircle.late.unstarted{stroke:var(--secondaryColour)!important;fill:var(--primaryColourVariant10)}.connector{stroke-width:2}.connector.unstarted,.connector.unstarted.late{fill:var(--primaryColourVariant10)}.connector.unstarted.late,.connector.unstartedLate{stroke:var(--secondaryColour)}.connector.unstartedLate{fill:var(--primaryColourVariant10)!important}.connector.filled{fill:var(--primaryColourVariant)}.connector.filled.late{fill:var(--secondaryColour)}.connector.clickable{cursor:pointer}.dashed{stroke:#fff;animation-name:running;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear;stroke-dashoffset:100}@keyframes running{to{stroke-dashoffset:-100}}.itemText{fill:var(--primaryColourVariant);font-weight:700;font-size:10px}.itemText.unstarted{fill:var(--primaryColourVariant10)}.itemText.late{fill:var(--secondaryColour)!important}.timelineTooltip{user-select:none;width:fit-content;display:none;background-color:#fff!important;padding:3px!important;font-size:var(--fontSize8)!important;font-weight:600;border-radius:5px 5px;top:40px;transform:translate(-50%);padding:10px 20px;color:#444;z-index:100;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,.8)}.timelineTooltip,.timelineTooltip#vehicleTooltip{position:absolute}.timelineTooltip:after{content:"";position:absolute;width:3px;height:3px;left:50%;transform:translate(-50%,-6.6px) rotate(45deg);background-color:#fff;z-index:-100;border-left:2px solid var(--primaryColourVariant);border-bottom:2px solid transparent;border-right:2px solid transparent;border-top:2px solid var(--primaryColourVariant)}.timelineTooltip.selected{display:inline;color:var(--primaryColourVariant);border:2px solid var(--primaryColourVariant)}.timelineTooltip.selected.late{color:var(--secondaryColour)!important;border:2px solid var(--secondaryColour)!important}.timelineTooltip.selected.late:after{border-left-color:var(--secondaryColour);border-bottom-color:transparent;border-right-color:transparent;border-top-color:var(--secondaryColour)}.cardTimelineContainer{width:100%;height:100%;position:relative;font-size:var(--fontSize10)}.cardTimelineContainer .process{text-align:center;width:100%;border-radius:var(--progressBarRadius) var(--progressBarRadius) var(--progressBarRadius) var(--progressBarRadius)}.cardTimelineContainer .process.passedProcess{opacity:0}.cardTimelineContainer .process.failedProcess{background-color:var(--secondaryColour);color:#fff}.cardTimelineContainer .invalidMessage{display:flex;justify-content:center}.cardTimelineContainer .expandEventHide{height:16px!important;border-radius:16px}.cardTimelineContainer .eventRow{width:99%;padding:0 .5%}.cardTimelineContainer .eventRow .tickIcon{margin:auto;width:10px}.cardTimelineContainer .eventRow .eventRect,.cardTimelineContainer .eventRow .firstEventRect,.cardTimelineContainer .eventRow .lastEventRect{height:100%;display:flex;align-items:center}.cardTimelineContainer .eventRow .eventCurrent>.eventIcon{height:80%!important;width:calc(100% - 4px)}.cardTimelineContainer .eventRow :not(.eventCurrent)>.eventIcon{width:calc(100% - 8px)!important;height:calc(80% - 4px)!important}.cardTimelineContainer .maskRow{padding:0 .5%;position:absolute;height:100%;width:93%;display:grid;align-items:center;grid-template-rows:100%;top:0}.cardTimelineContainer .maskRow .processRect{margin:auto;position:relative;width:100%;height:85%;background-color:transparent}.cardTimelineContainer .timelineExpand{height:20px;width:20px;background-color:var(--secondaryColourVariant);margin:auto;justify-content:center}@-moz-document url-prefix(){.listViewContainer .turnaroundTableContainer table tbody{margin-right:-18px;padding-right:0}.listViewContainer .turnaroundTableContainer table text{font-size:10px}}.performanceContainer{display:flex;align-items:center;justify-content:center}table{border-collapse:collapse;width:100%;text-align:center}table thead{display:block}table thead th{background-color:var(--primaryColourVariant4);border:.5px solid var(--primaryColourVariant6);display:flex;align-items:center;justify-content:center}table thead th.sortable{cursor:pointer}table thead th img{width:1vh;height:1vh;margin-bottom:.1vh;margin-left:.1vh;opacity:.4}table thead th img.sorting{opacity:1!important}table thead th:not(:last-child){border-right:0}table tbody{display:block;height:100%}table tbody td{font-size:var(--fontSize13);border:.5px solid var(--primaryColourVariant6);border-top:0;box-sizing:border-box;margin-right:-.25px}table tbody td:not(:last-child){border-right:0}table tbody td.break{width:100%;grid-column:1/-1}table tbody tr:not(.selected):not(.current):not(.hoverDisabled):hover td{background-color:var(--primaryColourVariant8)!important}.arcGisMap .titleFont{grid-template-columns:60% 37% 3%}.arcGisMap .arcgisSearchBar{display:grid;grid-template-columns:45% 55%;height:100%}.arcGisMap .webmapHeader{border-top-left-radius:var(--titleRadius);border-top-right-radius:var(--titleRadius);width:100%;height:40.8px;display:grid;align-items:center;background-color:var(--primaryColourVariant)}.arcGisMap .webmapHeader .webmapTitle{color:#fff;font-weight:700;font-size:var(--fontSize12);padding-left:20px}.arcGisMap .webmapContainer{position:relative;width:100%;height:calc(96.03% - 40.8px)}.arcGisMap .webmapContainer .webmap{width:100%;height:100%}.arcGisMap .webmapContainer .webmap .iconContainer{display:flex;flex-direction:column;width:45px;background-color:#ffb600;position:absolute;top:0;opacity:.9}.arcGisMap .webmapContainer .webmap .iconContainer .menuIcon{width:25px;height:25px;padding:10px;cursor:pointer}.arcGisMap .webmapContainer .webmap .iconContainer .menuIcon.hide{opacity:.5}.arcGisMap .webmapContainer .webmap .iconContainer .menuIcon:hover{background-color:#dd9400}.arcGisMap .infoWrapper{background-color:hsla(0,0%,100%,.8);position:absolute;top:0;right:0;width:350px;border:1px solid #000;height:100%}.arcGisMap .infoWrapper.gseIconContainer{border-bottom:1px solid #aaa;padding:20px 0;display:flex;justify-content:center}.arcGisMap .infoWrapper.gseIconContainer img{width:50px}.arcGisMap .infoWrapper .flightBriefContainer,.arcGisMap .infoWrapper .flightDetailContainer,.arcGisMap .infoWrapper .flightTurnaroundContainer,.arcGisMap .infoWrapper .gseInfoContainer{border-top:1px solid #385473;padding:20px}.arcGisMap .infoWrapper .flightNumberContainer{background-color:rgba(255,251,0,.6);display:flex;align-items:center;justify-content:center;padding:5px 20px}.arcGisMap .infoWrapper .flightNumberContainer img{height:15px}.arcGisMap .infoWrapper .flightNumberContainer span{font-size:1.25em;font-weight:700}.arcGisMap .infoWrapper .buttonNcol{height:20px}.arcGisMap .infoWrapper .row-2{display:grid;grid-template-columns:50% 50%}.arcGisMap .infoWrapper .row-4{display:grid;grid-template-columns:repeat(4,1fr)}.arcGisMap .infoWrapper .fieldWrapper{margin:5px 0}.arcGisMap .infoWrapper .fieldWrapper .fieldHeader{color:#aaa;font-size:.8em}.arcGisMap .infoWrapper .fieldWrapper .field{font-size:1em;font-weight:600}.arcGisMap .infoWrapper .allocatedGSEContainer{display:flex}.arcGisMap .infoWrapper .allocatedGSEContainer .allocatedGSEWrapper{font-size:var(--fontSize16);display:flex;width:85%}.arcGisMap .infoWrapper .allocatedGSEContainer .allocatedGSEWrapper>div{font-size:var(--fontSize16);padding:5px 15px;border-bottom:1px solid #aaa;width:100%;display:flex}.arcGisMap .infoWrapper .allocatedGSEContainer .allocatedGSEWrapper>div .quantity{width:10px}.arcGisMap .infoWrapper .allocatedGSEContainer .allocatedGSEWrapper>div .symbol{width:20px}.arcGisMap .infoWrapper .allocatedFlightContainer .allocateFlight{display:flex;align-items:center;padding:5px 15px;border-bottom:1px solid #aaa}.arcGisMap .infoWrapper .allocatedFlightContainer .allocateFlight .time{width:30%;font-size:var(--fontSize16)}.arcGisMap .infoWrapper .allocatedFlightContainer .allocateFlight .flightNumber{width:60%;font-size:var(--fontSize16);font-weight:700;display:flex;align-items:center}.arcGisMap .infoWrapper .allocatedFlightContainer .allocateFlight .flightNumber img{height:15px;margin-right:5px}.arcGisMap .infoWrapper .allocatedFlightContainer .allocateFlight .proceedBtnContainer{width:10%}.arcGisMap .infoWrapper .allocatedFlightContainer .allocateFlight .proceedBtnContainer button{background-color:transparent;color:#000}.arcGisMap .infoWrapper .redirectContainer{width:15%;display:flex;align-items:center;justify-content:center;border-left:1px solid #aaa;border-bottom:1px solid #aaa}.arcGisMap .infoWrapper .redirectContainer button{background-color:transparent;color:#000}.arcGisMap .selectPanel{width:calc(100% - 10px);top:3.5vh;background-color:#fff;padding:5px!important;border:1px solid var(--primaryColour);height:400px;overflow-y:scroll;overflow-x:hidden}.arcGisMap .selectPanel .MuiIconButton-label{color:var(--primaryColourVariant7)}.categoryButton{width:calc(100% - 1px);height:calc(100% - 2px);background-color:#fff;display:grid;align-items:center;text-align:center;border:1px solid var(--primaryColour);cursor:pointer}.categoryButton span{padding:1px}.apronSpotlightGrid{width:100%;height:100%;display:grid;align-items:center;grid-template-rows:calc(45% - 14.4px) calc(15% - 14.4px) calc(15% - 14.4px) calc(15% - 14.4px) calc(10% - 14.4px);grid-template-columns:calc(50% - 18px) calc(50% - 18px);grid-row-gap:18px;row-gap:18px;grid-column-gap:36px;column-gap:36px}.apronSpotlightMap{grid-area:1/1/4/2}.apronSpotlightSlider{grid-area:4/1/5/2;height:100%;display:grid;grid-template-rows:calc(30% - 3px) calc(70% - 3px);grid-template-columns:calc(70% - 8px) calc(30% - 8px);grid-row-gap:6px;row-gap:6px}.apronSpotlightButton,.apronSpotlightSlider{width:100%;grid-column-gap:16px;column-gap:16px}.apronSpotlightButton{height:60%;align-items:center;grid-template-rows:100%;grid-template-columns:calc(60% - 8px) calc(40% - 8px)}.apronSpotlightFlight{grid-area:1/2/2/2}.apronSpotlightGse{grid-area:2/2/6/2}.flightDetailsRow{width:calc(100% - 40px);height:calc(100% - 40px);padding:20px;background-color:#fff;display:grid;grid-template-rows:repeat(3,calc(33.33333% - 6px));grid-row-gap:9px;row-gap:9px}.flightDetailsCell{width:100%;height:100%;background-color:#fff;display:grid;place-items:center start;align-content:space-evenly}.flightDetailsCell span:first-child{color:var(--primaryColourVariant2);font-size:var(--fontSize10)}.flightDetailsCell span:nth-child(2){color:var(--primaryColour);font-size:var(--fontSize12);font-weight:700}.handlingAgentRow{width:100%;height:100%;background-color:#fff;display:grid;grid-template-rows:100%;grid-row-gap:0;row-gap:0;grid-template-columns:calc(30% - .5px) calc(70% - .5px);grid-column-gap:1px;column-gap:1px;background-color:var(--primaryColourVariant6)}.handlingAgentCell{width:100%;height:100%;background-color:#fff;display:grid;grid-template-columns:100%;grid-template-rows:calc(25% - 3.33333px) repeat(2,calc(37.5% - 2.5px));grid-row-gap:5px;row-gap:5px;align-items:center;font-size:var(--fontSize12)}.handlingAgentCell:first-child{color:var(--primaryColourVariant2);font-size:var(--fontSize10)}.ninetyDaysDownload .tileTitle{font-size:var(--fontSize14)}.ninetyDaysDownload .tileContent>div{width:calc(100% - 40px);height:calc(100% - 40px);padding:20px;display:grid;align-items:center;grid-gap:20px;gap:20px;grid-template-rows:calc(45% - 15px) calc(15% - 15px) calc(15% - 15px) calc(25% - 15px);grid-template-columns:calc(50% - 10px) calc(50% - 10px)}.ninetyDaysDownload .downloadImgContainer{grid-area:1/1/2/3;width:100%;height:100%;display:grid;align-items:center;justify-items:center;position:relative}.ninetyDaysDownload .downloadImgContainer img{position:absolute;width:75%;height:75%}.ninetyDaysDownload .btnRow{width:100%;height:100%;display:grid;align-items:center;grid-template-rows:50% 50%;grid-template-columns:100%}.ninetyDaysDownload .processBtnContainer{grid-area:4/1/5/3;width:100%;height:100%;display:grid;place-items:center}.ninetyDaysDownload .processBtnContainer .processBtn{width:160px;height:40px;background-image:url(https://hkia.airportzense.com/api/cdn/as2/static/cargoDeliveryReport/download.svg);background-size:40% 60%;background-position:50%;background-repeat:no-repeat}.resourceAllocation .tile{height:100%;margin-bottom:0}.resourceAllocation .allocateFlight .tile{grid-template-rows:8% 40.8px calc(92% - 40.8px)}.resourceAllocation .preloaderContainer{background-color:#fff;grid-row:-1/1}.resourceAllocation .flightNumber{font-weight:700}.resourceAllocation .flightNumber img{width:15px;height:15px;vertical-align:middle;margin-bottom:4px;margin-right:5px}.resourceAllocation .flightTileContainer{display:grid;grid-template-rows:13% auto;height:100%;box-shadow:0 2px 1px 0 rgba(0,0,0,.4)}.resourceAllocation .flightTileContainer .flightTile{border-radius:6px 5px 0 0;color:#fff;padding:12px 20px;background-color:var(--primaryColourVariant)}.resourceAllocation .allocateFlightTable,.resourceAllocation .allocateGSETable{width:49%;display:grid;grid-template-rows:59% 2% 39%}.resourceAllocation .allocateFlightTable .flightTile .tileContent,.resourceAllocation .allocateGSETable .flightTile .tileContent{font-size:8px}.resourceAllocation table{display:grid;grid-template-rows:max-content;width:100%;height:100%;table-layout:fixed;border-collapse:collapse;margin-right:-1px}.resourceAllocation table tr.clickable td{cursor:pointer}.resourceAllocation table tr.selected td{background-color:var(--secondaryColourVariant5)!important}.resourceAllocation table.flightTable tr{display:grid;grid-template-columns:20% repeat(4,10%) 20% 20%}.resourceAllocation table.GSETable tr{display:grid;grid-template-columns:26% 15% 18% 12% 21% 8%}.resourceAllocation table th{background-color:var(--primaryColourVariant4);border:1px solid var(--primaryColourVariant6);font-size:var(--fontSize8);height:12px}.resourceAllocation table tbody{display:block;overflow-y:overlay;width:100%}.resourceAllocation table td{display:flex;justify-content:center;align-items:center;font-size:var(--fontSize14);border:1px solid var(--primaryColourVariant6);background-color:var(--primaryColourVariant3);text-align:center}.resourceAllocation table td.clickable{cursor:pointer}.resourceAllocation table td span:not(.time){display:flex!important;justify-content:center;align-items:center;word-break:break-all}.resourceAllocation table td span.time{height:17px}.resourceAllocation .tableContainer{height:100%;position:relative}.resourceAllocation .sortIconWrapper img{width:1.25vh;height:1.25vh;vertical-align:middle;margin-bottom:2px;margin-left:3px}.resourceAllocation .allocateFlight .toppingContainer{display:grid;grid-template-columns:auto 1% 20%}.resourceAllocation .allocateFlight .searchBarContainer{display:grid;grid-template-columns:40% 60%}.resourceAllocation .allocateFlight .searchButton{width:auto}.resourceAllocation #searchInputsearchArea{padding:0 5px}.resourceAllocation .autoComplete{height:2vh}.resourceAllocation .checkboxGroup{display:grid;grid-template-columns:repeat(7,1fr)}.resourceAllocation .checkbox div{flex-direction:row!important;justify-content:space-around}.resourceAllocation .checkbox svg{color:var(--primaryColourVariant7)}.resourceAllocation .gseType{width:fit-content;height:100%;margin:auto;display:block}.resourceAllocation .gseTypeContainer{cursor:pointer}.resourceAllocation .gseTypeContainer.showing{font-weight:600;color:var(--secondaryColour)}.resourceAllocation tr.clickable .allocateIconContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.resourceAllocation tr.clickable .allocateIconContainer img{width:1.5vh;height:1.5vh;padding:2px;vertical-align:middle}.resourceAllocation tr:not(.clickable) .allocateIconContainer img{display:none}.resourceAllocation .allocateGSE .tileContent{display:grid;grid-template-rows:33% 67%;position:relative}.resourceAllocation .allocateGSE .toppingContainer{display:grid;height:calc(100% - 25px);margin:15px 20px 10px}.resourceAllocation .allocateGSE .toppingContainer .sliderTitle{font-size:var(--fontSize14);text-decoration:underline;font-weight:600;width:100%}.resourceAllocation .allocateGSE .toppingContainer .filterContainer{height:2vh;padding:1vh;margin:1vh 0}.resourceAllocation .allocateGSE .toppingContainer>div:nth-child(2){display:flex;justify-content:space-between}.resourceAllocation .allocateGSE .toppingContainer>div:nth-child(2) .MuiSlider-root{margin:auto 0;width:57.5%}.resourceAllocation .allocateGSE .toppingContainer>div:nth-child(2) .searchBarContainer{width:37.5%;display:grid;grid-template-columns:30% 70%;align-items:center}.resourceAllocation .allocateGSE .toppingContainer>div:nth-child(2) .searchBarContainer .selectPanel{top:2.2vh;background-color:#fff;padding:5px!important;border:1px solid var(--primaryColour);height:400px;overflow-y:scroll;overflow-x:hidden}.resourceAllocation .eventRow{font-size:var(--fontSize10)}.infoBox{background-color:transparent!important;z-index:999;width:fit-content;box-shadow:none!important;filter:drop-shadow(0 0 2px var(--secondaryColourVariant4)) drop-shadow(0 0 1px black)}.infoBox .arrowContainer{position:absolute;left:-10px;top:26px}.infoBox .arrowContainer .arrow{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #fff}.infoBox .infoContentContainer{width:200px}.infoBox .infoContentContainer .titleContainer{width:100%;padding:5px 15px;height:16px;background-color:var(--secondaryColourVariant4)}.infoBox .infoContentContainer .titleFont{all:initial;font-size:var(--fontSize14);color:#fff}.infoBox .infoContentContainer .infoContent{width:100%;padding:5px 15px;background-color:#fff}.infoBox .infoContentContainer .infoContent ul{padding:0;color:var(--primaryColour);filter:none;width:100%}.infoBox .infoContentContainer .infoContent ul li{display:flex;justify-content:center;align-items:center;width:100%}.infoBox .infoContentContainer .infoContent ul li:not(:last-child){border-bottom:1px solid var(--primaryColourVariant6)}.infoBox .infoContentContainer .infoContent ul li>div{width:100%;display:flex;justify-content:space-between;align-items:center}.infoBox .infoContentContainer .infoContent ul li>div div{display:flex;align-items:center}.infoBox .infoContentContainer .infoContent ul li>div div img{padding:0 5px;width:2vh;height:2vh;vertical-align:middle}@-moz-document url-prefix(){.resourceAllocation table tbody{overflow-y:scroll;width:calc(100% + 17px)}}.va .videoSelectContainer [for=videoInput]{font-size:var(--fontSize14)}.va .videoSelectContainer #videoInput{padding:2px;margin:0 5px}.va .videoSelectContainer .submitButton{padding:2px 5px;font-size:var(--fontSize12)}.va .videoContainer{display:grid;grid-template-columns:70% 30%;height:100%}.va .videoContainer>div{position:relative}.va .videoContainer .Overlay{position:absolute;width:100%;height:100%;z-index:0;background-color:transparent}.va .videoContainer .Viewport{width:100%;z-index:-1}.va .sliderContainer{background-color:var(--primaryColourVariant5);padding:5px;border-radius:5px;z-index:1}.va .sliderContainer .slider{color:#fff;margin:auto 0 auto 10px;width:calc(100% - 20px)}.baseline ::-webkit-scrollbar-thumb{background:var(--primaryColourVariant5);border-radius:var(--borderRadius)}.baseline ::-webkit-scrollbar-track{background:var(--primaryColourVariant3)}.baseline .tileContent{width:100%;height:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;grid-gap:5%;gap:5%;overflow-y:auto}.baseline .tileContent table tbody{width:calc(100% - 1px);display:table}.baseline .tileContent table tbody tr td,.baseline .tileContent table tbody tr th{border:1px solid var(--primaryColourVariant6)}.baseline .tileContent table tbody tr td.mainHeader,.baseline .tileContent table tbody tr th.mainHeader{height:30px;font-family:var(--boldFont);font-size:var(--fontSize15)}.baseline .tileContent table tbody tr td.subHeader,.baseline .tileContent table tbody tr th.subHeader{font-size:var(--fontSize10);font-family:var(--semiBoldFont);background-color:var(--primaryColourVariant4);height:18px}.baseline .tileContent table tbody tr td:not(.subHeader):not(.mainHeader),.baseline .tileContent table tbody tr th:not(.subHeader):not(.mainHeader){height:30px;font-size:var(--fontSize14)}.baseline .tileContent table tbody tr td .histogramIcon,.baseline .tileContent table tbody tr th .histogramIcon{width:var(--fontSize14)}.baseline .tileContent .section{grid-gap:4%;gap:4%}.baseline .tileContent .section .tileTitle{height:30px}.baseline .tileContent .section .tileContent{padding:0}.baseline .tileContent .section .leftContainer{width:60%}.baseline .tileContent .section .rightContainer{width:40%;display:flex;flex-direction:column;justify-content:space-between}.baseline .tileContent .section .rightContainer .MuiIconButton-root{color:var(--primaryColour)}.baseline .tileContent .section .rightContainer .weekdaysGroup{display:grid;grid-template-columns:repeat(5,1fr)}.baseline .tileContent .section .rightContainer .hoursGroup{display:grid;grid-template-columns:repeat(2,1fr)}.baseline .tileContent .section .rightContainer .generateBtn{width:100%;height:30px}.baseline .tileContent .section .transparentBtn{background-color:transparent}.baseline .tileContent .section .label{margin-bottom:10px;font-size:var(--fontSize12);text-decoration:underline;font-family:var(--semiBoldFont)}.baseline .tileContent .section .graphContainer{display:flex;align-items:center;justify-content:center;background-color:var(--primaryColourVariant2);border-radius:15px;width:100%;height:100%}.baseline .tileContent .section .graphContainer .placeholder{height:50%}.baseline .tileContent .dayPickerGroup{display:flex;width:100%;grid-gap:3%;gap:3%}.baseline .tileContent .dayPickerGroup .dayPickerContainer{width:100%;height:100%}.baseline .tileContent .dayPickerGroup .dayPickerContainer .dayPickerInputContainer{width:100%;display:flex;align-items:center;border:1.5px solid var(--primaryColour);border-radius:8px;height:26px;font-size:1.15em;background-image:url(https://hkia.airportzense.com/api/cdn/as2/static/common/dayPickerIcon.svg);background-repeat:no-repeat;background-position:100%;background-size:contain}.baseline .tileContent .dayPickerGroup .dayPickerContainer .dayPickerInputContainer label{padding:0 10px;width:fit-content;font-weight:600}.baseline .tileContent .dayPickerGroup .dayPickerContainer .dayPickerInputContainer input{width:100%;height:100%;border-radius:8px;border:none;outline:none;padding:0;margin-right:30px}.baseline .tileContent .dayPickerGroup .dayPickerContainer .DayPicker{display:block}.baseline .tileContent .dayPickerGroup .dayPickerContainer .DayPicker .DayPicker-Caption>div{margin:6px 0 5px;font-weight:600}.baseline .tileContent .dayPickerGroup .dayPickerContainer .DayPicker .DayPicker-NavButton--next,.baseline .tileContent .dayPickerGroup .dayPickerContainer .DayPicker .DayPicker-NavButton--prev{margin-top:5px}.baseline .tileContent .dayPickerGroup .dayPickerContainer .DayPicker .DayPicker-Week{border:5px solid transparent}.baseline .tileContent .dayPickerGroup .dayPickerContainer .DayPicker .DayPicker-Week .DayPicker-Day--selected.DayPicker-Day--label{background-color:var(--primaryColour)!important;color:var(--primaryColourVariant9)!important}.baseline .tileContent .dayPickerGroup .dayPickerContainer .DayPicker .DayPicker-Week .DayPicker-Day--selected :not(.DayPicker-Day--label):not(.DayPicker-Day--outside){background-color:var(--primaryColourVariant9)!important;color:var(--primaryColour)!important}.baseline .tileContent .dayPickerGroup .dayPickerContainer .DayPicker .DayPicker-Week .DayPicker-Day--disabled{pointer-events:none}.baseline .tileContent .histogram{height:45vh;position:relative}.baseline .tileContent .histogram .tooltip{position:absolute;display:none;transform:translateY(-30px);background-color:#fff;padding:5px 10px;border:1px solid var(--primaryColour);border-radius:8px}.baseline .tileContent .histogram .minutesContainer{display:flex;align-items:center;font-size:var(--fontSize14);font-family:var(--boldFont);position:absolute;bottom:0;right:0;height:fit-content;transform:translateY(-50%)}.baseline .tileContent .histogram .minutesContainer select{margin:0 5px;outline:none;border:2px solid var(--primaryColour);border-radius:4px;padding:0 6px}.baseline .tileContent .histogram .minutesContainer select option{font-size:var(--fontSize14)}.baseline .tileContent .histogram svg{width:100%;height:100%;cursor:pointer}.baseline .tileContent .histogram svg .title{font-size:var(--fontSize14);text-decoration:underline;font-family:var(--boldFont);text-anchor:middle;dominant-baseline:middle;fill:var(--primaryColour)}.baseline .tileContent .histogram svg .tick{font-size:var(--fontSize12)}.baseline .tileContent .histogram svg .xAxis .tick line,.baseline .tileContent .histogram svg .yAxis .tick line{stroke-width:1px;stroke:var(--primaryColourVariant6)}.baseline .tileContent .histogram svg .xAxis .domain,.baseline .tileContent .histogram svg .yAxis .domain{stroke-width:3px}.baseline .tileContent .histogram svg .xAxis .axisTitle,.baseline .tileContent .histogram svg .yAxis .axisTitle{fill:var(--primaryColour);dominant-baseline:text-after-edge}.baseline .tileContent .histogram svg .xAxis .axisTitle--y,.baseline .tileContent .histogram svg .yAxis .axisTitle--y{text-anchor:middle;transform:translateY(-10px)}.baseline .tileContent .histogram svg .xAxis .axisTitle--x,.baseline .tileContent .histogram svg .yAxis .axisTitle--x{text-anchor:start;dominant-baseline:central;transform:translateX(10px)}.baseline .tileContent .histogram svg .coverage{fill:var(--secondaryColour);fill-opacity:.25}.baseline .tileContent .histogram svg .pointer polygon{fill:var(--secondaryColour);stroke:var(--secondaryColour);stroke-width:10px;stroke-linejoin:round}.baseline .tileContent .histogram svg .pointer line{stroke:var(--secondaryColour)}.baseline .tileContent .histogram svg .pointer text{fill:#fff;text-anchor:middle}.baseline .tileContent .histogram svg .pointer text.percentage{transform:translateY(-27.5px)}.baseline .tileContent .histogram svg .pointer text.count{transform:translateY(-15px)}.baseline .tileContent .histogram svg .gridlines--x .tick line{stroke:var(--primaryColourVariant6)}.baseline .tileContent .histogram svg .gridlines--x .tick text{transform:translateX(-10px)}.baseline .tileContent .histogram svg .gridlines--y .tick line{stroke:var(--primaryColourVariant6)}.baseline .tileContent .histogram svg .gridlines--y .tick text{transform:translateY(10px)}.baseline .tileContent .histogram svg .histogramBar:hover{cursor:pointer;fill:var(--secondaryColour)!important}.baseline .buttonNcol{height:fit-content!important}.baseline .buttonNcol>div{height:25px!important}