.LoginQR[data-v-4082c71c]{width:100%}.LoginLeft[data-v-4082c71c],.LoginQR[data-v-4082c71c]{background-color:#fff;height:365px;text-align:center;overflow:hidden}.LoginLeft[data-v-4082c71c]{float:left;width:248px}.LoginLeft>.Upper[data-v-4082c71c]{margin-top:100px;font-family:DistrictProBold;font-size:22px}.LoginLeft>.Lower[data-v-4082c71c],.LoginLeft>.Upper[data-v-4082c71c]{background-color:#fff;width:100%;height:50px;text-align:center;overflow:hidden;color:#7f7f7f;line-height:50px}.LoginLeft>.Lower[data-v-4082c71c]{margin-top:10px;font-family:DistrictProBook;font-size:20px}.LoginLeft>.Lower>span[data-v-4082c71c]{margin-left:4px;margin-right:4px;padding-left:8px;padding-right:8px}.LoginMiddle[data-v-4082c71c]{background-color:#fff;float:left;width:254px;height:365px;text-align:center;overflow:hidden}.LoginMiddle>.Image[data-v-4082c71c]{margin-top:55px}.LoginRight[data-v-4082c71c]{background-color:#fff;float:left;width:248px;height:365px;text-align:center;overflow:hidden}.LoginRight>.Upper[data-v-4082c71c]{margin-top:100px;height:50px;font-family:DistrictProBold;font-size:22px;line-height:50px}.LoginRight>.Lower[data-v-4082c71c],.LoginRight>.Upper[data-v-4082c71c]{background-color:#fff;width:100%;text-align:center;overflow:hidden;color:#7f7f7f}.LoginRight>.Lower[data-v-4082c71c]{margin-top:135px;height:200px;font-family:DistrictProBook;font-size:20px;line-height:25px}.Login4Digit[data-v-95c06f46]{background-color:#fff;width:100%;height:365px;text-align:center;overflow:hidden}.Login4Digit>.CommandRunning[data-v-95c06f46]{width:calc(800px - var(--content-margin)*2);height:365px;background-color:#fff;overflow:hidden;text-align:center}.Login4Digit>.CommandRunning>.Upper[data-v-95c06f46]{text-align:center;width:100%;background-color:#fff;margin-top:90px;margin-bottom:15px;font-family:DistrictProMedium;color:grey;font-size:20px}.Login4Digit>.CommandRunning>.Middle[data-v-95c06f46]{text-align:center;width:100%;background-color:#fff;margin-top:15px;margin-bottom:25px;font-family:DistrictProMedium;color:#b2b2b2;font-size:22px}.Login4Digit>.CommandRunning>.Lower[data-v-95c06f46]{text-align:center;width:100%;background-color:#fff;margin-top:25px;margin-bottom:15px;font-family:DistrictProBook;color:#b2b2b2;font-size:18px}.LoginLeft[data-v-95c06f46]{background-color:#fff;float:left;width:248px;height:365px;text-align:center;overflow:hidden}.LoginLeft>.Upper[data-v-95c06f46]{margin-top:100px;background-color:#fff;width:100%;height:50px;text-align:center;overflow:hidden;font-family:DistrictProBold;color:#7f7f7f;font-size:22px;line-height:50px}.LoginLeft>.Upper>.Employee[data-v-95c06f46]{color:#7f7f7f}.LoginLeft>.Upper>.Admin[data-v-95c06f46]{color:#e76e13}.LoginLeft>.Lower[data-v-95c06f46]{margin-top:10px;background-color:#fff;width:100%;height:50px;text-align:center;overflow:hidden;font-family:DistrictProBook;color:#7f7f7f;font-size:20px;line-height:50px}.LoginLeft>.Lower>span[data-v-95c06f46]{margin-left:4px;margin-right:4px;padding-left:8px;padding-right:8px}.LoginMiddle[data-v-95c06f46]{background-color:#fff;float:left;width:254px;height:365px;text-align:center;overflow:hidden}.LoginMiddle>.Background[data-v-95c06f46]{background-color:#e5e5e5;width:254px;height:335px;margin-top:15px;margin-left:0;overflow:hidden;border-radius:15px}.LoginMiddle>.Background>.Button[data-v-95c06f46]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left;width:70px;height:70px;margin-top:6px;margin-bottom:5px;margin-left:6px;margin-right:5px;overflow:hidden;border-radius:15px;font-family:DistrictProBold;font-size:42px;line-height:70px;transition:color .1s linear,background-color .1s linear}.LoginMiddle>.Background[data-v-95c06f46]>:first-child{margin-left:11px;margin-top:11px}.LoginMiddle>.Background[data-v-95c06f46]>:nth-child(2){margin-top:11px}.LoginMiddle>.Background[data-v-95c06f46]>:nth-child(3){margin-right:11px;margin-top:11px}.LoginMiddle>.Background[data-v-95c06f46]>:nth-child(5){margin-left:11px}.LoginMiddle>.Background[data-v-95c06f46]>:nth-child(7){margin-right:11px}.LoginMiddle>.Background[data-v-95c06f46]>:nth-child(9){margin-left:11px}.LoginMiddle>.Background[data-v-95c06f46]>:nth-child(11){margin-right:11px}.LoginMiddle>.Background[data-v-95c06f46]>:nth-child(13){margin-left:11px;margin-bottom:11px}.LoginMiddle>.Background[data-v-95c06f46]>:nth-child(14){margin-bottom:11px}.LoginMiddle>.Background[data-v-95c06f46]>:nth-child(15){margin-right:11px;margin-bottom:11px}.LoginMiddle>.Background>.Clear[data-v-95c06f46]{clear:both;width:0;height:0;overflow:hidden}.LoginRight[data-v-95c06f46]{background-color:#fff;float:left;width:248px;height:365px;text-align:center;overflow:hidden}.LoginRight>.Upper[data-v-95c06f46]{margin-top:100px;height:50px;font-family:DistrictProBold;font-size:22px;line-height:50px}.LoginRight>.Lower[data-v-95c06f46],.LoginRight>.Upper[data-v-95c06f46]{background-color:#fff;width:100%;text-align:center;overflow:hidden;color:#7f7f7f}.LoginRight>.Lower[data-v-95c06f46]{margin-top:25px;height:200px;font-family:DistrictProBook;font-size:20px;line-height:25px}.LoginQR[data-v-2a3b7e0e]{width:100%}.LoginLeft[data-v-2a3b7e0e],.LoginQR[data-v-2a3b7e0e]{background-color:#fff;height:365px;text-align:center;overflow:hidden}.LoginLeft[data-v-2a3b7e0e]{float:left;width:248px}.LoginLeft>.Upper[data-v-2a3b7e0e]{margin-top:100px;font-family:DistrictProBold;font-size:22px}.LoginLeft>.Lower[data-v-2a3b7e0e],.LoginLeft>.Upper[data-v-2a3b7e0e]{background-color:#fff;width:100%;height:50px;text-align:center;overflow:hidden;color:#7f7f7f;line-height:50px}.LoginLeft>.Lower[data-v-2a3b7e0e]{margin-top:10px;font-family:DistrictProBook;font-size:20px}.LoginLeft>.Lower>span[data-v-2a3b7e0e]{margin-left:4px;margin-right:4px;padding-left:8px;padding-right:8px}.LoginMiddle[data-v-2a3b7e0e]{background-color:#fff;float:left;width:254px;height:365px;text-align:center;overflow:hidden}.LoginMiddle>.Image[data-v-2a3b7e0e]{margin-top:55px}.LoginRight[data-v-2a3b7e0e]{background-color:#fff;float:left;width:248px;height:365px;text-align:center;overflow:hidden}.LoginRight>.Upper[data-v-2a3b7e0e]{margin-top:100px;height:50px;font-family:DistrictProBold;font-size:22px;line-height:50px}.LoginRight>.Lower[data-v-2a3b7e0e],.LoginRight>.Upper[data-v-2a3b7e0e]{background-color:#fff;width:100%;text-align:center;overflow:hidden;color:#7f7f7f}.LoginRight>.Lower[data-v-2a3b7e0e]{margin-top:25px;height:200px;font-family:DistrictProBook;font-size:20px;line-height:25px}.Logout[data-v-6f6eb2a2]{margin-top:20px;background-color:#fff;width:100%;height:325px;text-align:center;overflow:hidden}.Logout .Upper[data-v-6f6eb2a2]{margin-top:90px;margin-bottom:15px;color:grey;font-size:20px}.Logout .Middle[data-v-6f6eb2a2],.Logout .Upper[data-v-6f6eb2a2]{text-align:center;width:100%;background-color:#fff;font-family:DistrictProMedium}.Logout .Middle[data-v-6f6eb2a2]{margin-top:15px;margin-bottom:25px;color:#b2b2b2;font-size:18px}.Logout .Lower[data-v-6f6eb2a2]{text-align:center;width:100%;background-color:#fff;margin-top:25px;margin-bottom:15px;font-family:DistrictProMedium;color:#b2b2b2;font-size:18px}.btn-secondary[data-v-6f6eb2a2]{align-items:flex-start;box-sizing:border-box;display:inline-block;height:38px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;overflow-x:visible;overflow-y:visible;padding-bottom:6px;padding-left:12px;padding-right:12px;padding-top:6px;color:#fff;background-color:#6c757d;border-bottom-color:#6c757d;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-left-color:#6c757d;border-left-style:solid;border-left-width:1px;border-right-color:#6c757d;border-right-style:solid;border-right-width:1px;border-top-color:#6c757d;border-top-style:solid;border-top-width:1px;cursor:pointer;-webkit-border-image:none;text-rendering:auto;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;-webkit-appearance:button;-moz-appearance:button;appearance:button;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:16px;font-stretch:100%;font-style:bold;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-weight:600;letter-spacing:normal;line-height:24px;text-align:center;text-indent:0;text-shadow:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-transform:none;vertical-align:middle;white-space:nowrap;word-spacing:0}.Logout[data-v-07481a74]{margin-top:20px;background-color:#fff;width:100%;height:325px;text-align:center;overflow:hidden}.Logout .Upper[data-v-07481a74]{text-align:center;width:100%;background-color:#fff;margin-top:90px;margin-bottom:15px;font-family:DistrictProMedium;color:grey;font-size:20px}.Logout .Middle[data-v-07481a74]{margin-top:15px;margin-bottom:25px}.Logout .Lower[data-v-07481a74],.Logout .Middle[data-v-07481a74]{text-align:center;width:100%;background-color:#fff;font-family:DistrictProMedium;color:#b2b2b2;font-size:18px}.Logout .Lower[data-v-07481a74]{margin-top:25px;margin-bottom:15px}.btn-secondary[data-v-07481a74]{align-items:flex-start;box-sizing:border-box;display:inline-block;height:38px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;overflow-x:visible;overflow-y:visible;padding-bottom:6px;padding-left:12px;padding-right:12px;padding-top:6px;color:#fff;background-color:#6c757d;border-bottom-color:#6c757d;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-left-color:#6c757d;border-left-style:solid;border-left-width:1px;border-right-color:#6c757d;border-right-style:solid;border-right-width:1px;border-top-color:#6c757d;border-top-style:solid;border-top-width:1px;cursor:pointer;-webkit-border-image:none;text-rendering:auto;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;-webkit-appearance:button;-moz-appearance:button;appearance:button;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:16px;font-stretch:100%;font-style:bold;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-weight:600;letter-spacing:normal;line-height:24px;text-align:center;text-indent:0;text-shadow:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-transform:none;vertical-align:middle;white-space:nowrap;word-spacing:0}.LoadingEmployeeData[data-v-15caa473]{margin-top:20px;margin-left:20px;margin-right:20px;background-color:#fff;width:calc(100% - 40px);height:100px;text-align:center;overflow:hidden}.LoadingEmployeeData>.Upper[data-v-15caa473]{height:50px;overflow:hidden;color:grey;background-color:#fff;padding-top:25px}.LoadingEmployeeData>.Lower[data-v-15caa473]{padding-top:2px;height:25px;overflow:hidden;font-family:DistrictProBook;color:grey;font-size:17px}.EmployeeData[data-v-15caa473]{margin-top:20px;margin-left:20px;margin-right:20px;background-color:#fff;width:calc(100% - 40px);height:100px;text-align:center;overflow:hidden}.EmployeeData>.Left[data-v-15caa473]{float:left;width:50%}.EmployeeData>.Left>.Upper[data-v-15caa473]{height:75px;overflow:hidden;color:grey;background-color:#fff}.EmployeeData>.Left>.Upper>.Image[data-v-15caa473]{width:75px;height:75px;border-radius:15px}.EmployeeData>.Left>.Lower[data-v-15caa473]{padding-top:2px;height:25px;overflow:hidden;font-family:DistrictProMedium;color:grey;font-size:21px;letter-spacing:1px}.EmployeeData>.Left>.Lower>.LastName[data-v-15caa473]{font-weight:700;padding-left:5px}.EmployeeData>.Center[data-v-15caa473]{float:left;width:100%}.EmployeeData>.Center>.Upper[data-v-15caa473]{height:75px;overflow:hidden;color:grey;background-color:#fff}.EmployeeData>.Center>.Upper>.Image[data-v-15caa473]{width:75px;height:75px;border-radius:15px}.EmployeeData>.Center>.Lower[data-v-15caa473]{padding-top:2px;height:25px;overflow:hidden;font-family:DistrictProMedium;color:grey;font-size:21px;letter-spacing:1px}.EmployeeData>.Center>.Lower>.LastName[data-v-15caa473]{font-weight:700;padding-left:5px}.EmployeeData>.Right[data-v-15caa473]{height:100px;overflow:hidden;background-color:#fff;float:right;width:50%;font-family:DistrictProMedium;color:grey}.EmployeeData>.Right>.Header[data-v-15caa473]{font-family:DistrictProBold;color:grey;font-size:17px;padding-top:5px;padding-bottom:15px;letter-spacing:1px}.EmployeeData>.Right>.Body[data-v-15caa473]{font-family:DistrictProBook;color:grey;font-size:14px;letter-spacing:1px}.EmployeeData>.Right>.Upper[data-v-15caa473]{height:75px;overflow:hidden;color:grey;background-color:#fff}.EmployeeData>.Right>.Upper>.Image[data-v-15caa473]{width:75px;height:75px;border-radius:15px}.EmployeeData>.Right>.Lower[data-v-15caa473]{padding-top:2px;height:25px;overflow:hidden;font-family:DistrictProMedium;color:#e76f13;font-size:21px;letter-spacing:1px}.EmployeeData>.Right>.Lower>.LastName[data-v-15caa473]{font-weight:700;padding-left:5px}.Timebar[data-v-15caa473]{margin-top:15px;margin-left:20px;margin-right:20px;background-color:#fff;width:calc(100% - 40px);height:100px;text-align:center;overflow:hidden}.Timebar .Background[data-v-15caa473]{margin-top:10px;background-color:#e5e5e5;width:100%;height:55px;border-radius:10px}.Timebar .Planshift[data-v-15caa473]{margin-top:-45px;margin-left:15%;background-color:#ccc;width:70%;height:45px;border-radius:10px}.Timebar .PlanshiftText[data-v-15caa473]{font-family:DistrictProBook;font-size:11px;color:#777;margin-top:-44px;margin-left:15%;width:70%;height:44px;box-sizing:border-box}.Timebar .PlanshiftLeftText[data-v-15caa473]{text-align:left;padding-left:3px}.Timebar .PlanshiftCenterText[data-v-15caa473]{text-align:center;text-shadow:#fff 0 0 3px;z-index:99}.Timebar .PlanshiftRightText[data-v-15caa473]{text-align:right;padding-right:3px}.Timebar .MandatoryPause[data-v-15caa473]{margin-top:-45px;margin-left:15%;background-color:#bbb;width:70%;height:45px}.Timebar .PlannedPause[data-v-15caa473]{margin-top:-45px;margin-left:15%;background-color:#888;width:70%;height:45px}.Timebar .Actualshift[data-v-15caa473]{margin-top:-28px;margin-left:200%;background-color:#6d8d23;width:0;height:28px;border-top-left-radius:5px;border-bottom-left-radius:5px}.Timebar .ActualshiftText[data-v-15caa473]{font-family:DistrictProBook;font-size:13px;color:#fff;margin-top:-28px;margin-left:200%;width:100px;height:28px;box-sizing:border-box;line-height:28px;font-weight:700}.Timebar .ActualshiftLeftText[data-v-15caa473]{text-align:left;padding-left:3px}.Timebar .ActualPause[data-v-15caa473]{margin-top:-28px;margin-left:200%;background-color:#dec92f;width:0;height:28px;line-height:28px}.Timebar .Overtime[data-v-15caa473]{margin-top:-28px;margin-left:85%;background-color:#e6154f;width:0;height:28px}.Timebar .marker6Hours[data-v-15caa473]{border-left:1px solid #777;height:44px;margin-top:-44px;margin-left:50%}.Timebar .marker6HoursText[data-v-15caa473]{font-family:DistrictProBook;color:#777;height:44px;margin-top:-44px;margin-left:calc(50% + 1px);width:25px;font-size:10px;text-align:left;padding-left:2px}.Timebar .marker8Hours[data-v-15caa473]{border-left:1px solid #777;height:44px;margin-top:-44px;margin-left:61.6%}.Timebar .marker8HoursText[data-v-15caa473]{font-family:DistrictProBook;color:#777;height:44px;margin-top:-44px;margin-left:calc(61.6% + 1px);width:25px;font-size:10px;text-align:left;padding-left:2px}.Timebar .marker10Hours[data-v-15caa473]{border-left:1px solid #777;height:44px;margin-top:-44px;margin-left:73.3%}.Timebar .marker10HoursText[data-v-15caa473]{font-family:DistrictProBook;color:#777;height:44px;margin-top:-44px;margin-left:calc(73.3% + 1px);width:25px;font-size:10px;text-align:left;padding-left:2px}.Timebar .marker12Hours[data-v-15caa473]{border-left:1px solid #777;height:44px;margin-top:-44px;margin-left:85%}.Timebar .marker12HoursText[data-v-15caa473]{font-family:DistrictProBook;color:#777;height:44px;margin-top:-44px;margin-left:calc(85% + 1px);width:25px;font-size:10px;text-align:left;padding-left:2px}.Timebar .CurrentTimeVerticalBar[data-v-15caa473]{height:75px;margin-top:-65px;margin-left:25%;width:3px;background-color:#3062ab}.Timebar .CurrentTimeTextBox[data-v-15caa473]{font-family:DistrictProBook;height:25px;margin-left:calc(25% - 30px);width:60px;background-color:#3062ab;border-radius:30px;color:#fff;font-size:15px;font-weight:700;line-height:24px}.Buttons[data-v-15caa473]{margin-top:10px;margin-left:20px;margin-right:20px;background-color:#fff;width:calc(100% - 40px);height:105px;text-align:center;overflow:hidden}.Buttons>.Text[data-v-15caa473]{margin-top:0;width:250px;font-size:17px;line-height:30px}.Buttons>.Area[data-v-15caa473],.Buttons>.Text[data-v-15caa473]{display:inline-block;margin-left:15px;margin-right:15px;background-color:#fff;height:105px;text-align:center;overflow:hidden;font-family:DistrictProBook;color:grey}.Buttons>.Area[data-v-15caa473]{margin-top:5px;width:70px;font-size:15px}.Buttons>.Area>.Button[data-v-15caa473]{margin-top:5px;margin-bottom:5px;display:inline-block;height:70px;width:70px;background-color:#e5e5e5;border-radius:15px;line-height:70px;text-align:center;font-family:DistrictProBold;font-size:45px}.Buttons>.ActionMessage[data-v-15caa473]{display:inline-block;margin-top:20px;margin-left:15px;margin-right:15px;background-color:#fff;height:105px;text-align:center;overflow:hidden;font-family:DistrictProBook;color:grey;font-size:17px;line-height:30px;font-weight:700}.Buttons>.ActionMessage>.SubMessage[data-v-15caa473]{font-family:DistrictProBook;font-size:13px;font-weight:100}#progressbar[data-v-15caa473]{background-color:#e5e5e5;border-radius:3px;padding:3px}#progressbar>div[data-v-15caa473]{background-color:silver;width:0;height:10px;border-radius:2px;transition:width .1s ease-in-out}.LoadingUp[data-v-15caa473]{width:calc(800px - var(--content-margin)*2);height:365px;background-color:#fff;overflow:hidden;text-align:center}.LoadingUp>.Upper[data-v-15caa473]{margin-top:90px;margin-bottom:15px;color:grey;font-size:20px}.LoadingUp>.Middle[data-v-15caa473],.LoadingUp>.Upper[data-v-15caa473]{text-align:center;width:100%;background-color:#fff;font-family:DistrictProMedium}.LoadingUp>.Middle[data-v-15caa473]{margin-top:15px;margin-bottom:25px;color:#b2b2b2;font-size:22px}.LoadingUp>.Lower[data-v-15caa473]{text-align:center;width:100%;background-color:#fff;margin-top:25px;margin-bottom:15px;font-family:DistrictProBook;color:#b2b2b2;font-size:18px}.btn-secondary[data-v-15caa473]{align-items:flex-start;box-sizing:border-box;display:inline-block;height:38px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;overflow-x:visible;overflow-y:visible;padding-bottom:6px;padding-left:12px;padding-right:12px;padding-top:6px;color:#fff;background-color:#6c757d;border-bottom-color:#6c757d;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-left-color:#6c757d;border-left-style:solid;border-left-width:1px;border-right-color:#6c757d;border-right-style:solid;border-right-width:1px;border-top-color:#6c757d;border-top-style:solid;border-top-width:1px;cursor:pointer;-webkit-border-image:none;text-rendering:auto;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;-webkit-appearance:button;-moz-appearance:button;appearance:button;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:16px;font-stretch:100%;font-style:bold;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-weight:600;letter-spacing:normal;line-height:24px;text-align:center;text-indent:0;text-shadow:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-transform:none;vertical-align:middle;white-space:nowrap;word-spacing:0}.Dashboard[data-v-721d1892]{width:800px;height:480px;background-color:#e5e5e5;overflow:hidden;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.Header[data-v-721d1892]{margin-left:var(--content-margin);margin-top:var(--content-margin);margin-right:var(--content-margin);width:calc(800px - var(--content-margin)*2);height:50px;background-color:#e5e5e5}.Header .left[data-v-721d1892]{width:35%;float:left}.Header .left .logo[data-v-721d1892]{width:50px;height:50px;text-align:left}.Header .right[data-v-721d1892]{width:60%;float:right;text-align:right;padding-top:0;line-height:30px;font-family:DistrictProBook;font-size:21px}.Header .right .bold[data-v-721d1892]{font-family:DistrictProMedium;font-weight:bolder;padding-left:7px}.Content[data-v-721d1892]{margin-left:var(--content-margin);margin-right:var(--content-margin);margin-top:15px;border-radius:15px}.Content>.Locked[data-v-721d1892],.Content[data-v-721d1892]{width:calc(800px - var(--content-margin)*2);height:365px;background-color:#fff;overflow:hidden}.Content>.Locked[data-v-721d1892]{text-align:center}.Content>.Locked>.Upper[data-v-721d1892]{text-align:center;width:100%;background-color:#fff;margin-top:90px;margin-bottom:15px;font-family:DistrictProMedium;color:grey;font-size:20px}.Content>.Locked>.Middle[data-v-721d1892]{text-align:center;width:100%;background-color:#fff;margin-top:15px;margin-bottom:25px;font-family:DistrictProMedium;color:#b2b2b2;font-size:22px}.Content>.Locked>.Lower[data-v-721d1892]{text-align:center;width:100%;background-color:#fff;margin-top:25px;margin-bottom:15px;font-family:DistrictProBook;color:#b2b2b2;font-size:18px}.Footer[data-v-721d1892]{margin-top:0;color:#b0b0b0;border-radius:15px;padding-left:15px;padding-right:15px;font-size:12px}.BuildInfo[data-v-721d1892],.Footer[data-v-721d1892]{margin-left:var(--content-margin);margin-right:var(--content-margin);width:calc(770px - var(--content-margin)*2);height:25px;background-color:#e5e5e5;overflow:hidden;font-family:DistrictProBook;line-height:25px}.BuildInfo[data-v-721d1892]{margin-top:-25px;color:#e81323;font-size:14px;text-align:center}.Logout-Area[data-v-721d1892]{margin-left:var(--content-margin);margin-right:var(--content-margin);margin-top:-95px;width:calc(780px - var(--content-margin)*2);height:70px;overflow:hidden;text-align:right;padding-left:10px;padding-right:10px}.Button[data-v-721d1892]{display:inline-block;background-color:#e5e5e5;width:60px;height:60px;overflow:hidden;line-height:60px;text-align:center;border-radius:15px;color:#fff}.Button>.fab[data-v-721d1892],.Button>.fas[data-v-721d1892]{padding-top:10px;font-size:40px}.smaller[data-v-721d1892]{font-size:12px;color:#bbb}.btn-secondary[data-v-721d1892]{align-items:flex-start;box-sizing:border-box;display:inline-block;height:38px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;overflow-x:visible;overflow-y:visible;padding-bottom:6px;padding-left:12px;padding-right:12px;padding-top:6px;color:#fff;background-color:#6c757d;border-bottom-color:#6c757d;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-left-color:#6c757d;border-left-style:solid;border-left-width:1px;border-right-color:#6c757d;border-right-style:solid;border-right-width:1px;border-top-color:#6c757d;border-top-style:solid;border-top-width:1px;cursor:pointer;-webkit-border-image:none;text-rendering:auto;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;-webkit-appearance:button;-moz-appearance:button;appearance:button;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:16px;font-stretch:100%;font-style:bold;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-weight:600;letter-spacing:normal;line-height:24px;text-align:center;text-indent:0;text-shadow:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-transform:none;vertical-align:middle;white-space:nowrap;word-spacing:0}.app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;vertical-align:middle}