/*!
 * This file is part of App Builder
 *
 * ©2017 App Builder - https://www.davidesperalta.com
 */

/* App auto generated CSS */

html, body { width: 320px; height: 480px; }

.appView { width: 100vw; height: 100vh; }

#Image2 { position: absolute; top: 16.67%; left: 15.00%; width: 70.00%; height: 11.67%; }

#Label1 { position: absolute; top: 35.00%; left: 5.00%; width: 90.00%; height: 8.33%; font-size: 110%; font-weight: bold; text-align: center;}

#userinput { position: absolute; top: 46.67%; left: 5.00%; width: 90.00%; height: 10.00%; }

#passinput { position: absolute; top: 60.00%; left: 5.00%; width: 90.00%; height: 10.00%; }

#loginbtn { position: absolute; top: 75.00%; left: 5.00%; width: 90.00%; height: 10.00%; }

#helpbtn { position: absolute; top: 88.33%; left: 5.00%; width: 15.00%; height: 8.33%; }

#verlabel { position: absolute; top: 91.67%; left: 77.50%; width: 20.00%; height: 5.00%; font-style: italic; font-weight: normal; text-align: right;}

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#ReportB { position: absolute; top: 31.67%; left: 5.00%; width: 90.00%; height: 50.00%; font-size: 105%; overflow-y: auto;}

#branchgetbtn { position: absolute; top: 10.00%; left: 5.00%; width: 42.50%; height: 8.33%; border-radius: 20px;}

#changemeterbtn { position: absolute; top: 10.00%; left: 52.50%; width: 42.50%; height: 8.33%; border-radius: 20px;}

#searchbranchinput { position: absolute; top: 20.00%; left: 5.00%; width: 90.00%; height: 10.00%; text-align: center; border-radius: 20px;}

#Progressbar1 { position: absolute; top: 78.33%; left: 5.00%; width: 90.00%; height: 3.33%; }

#logindatalabel { position: absolute; top: 81.67%; left: 5.00%; width: 90.00%; height: 6.67%; text-align: center;}

#Button3 { position: absolute; top: 88.33%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#ReportC { position: absolute; top: 18.33%; left: 5.00%; width: 90.00%; height: 60.00%; font-size: 105%; overflow: auto;}

#Button5 { position: absolute; top: 88.33%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Label5 { position: absolute; top: 10.00%; left: 5.00%; width: 72.50%; height: 6.67%; font-size: 105%; font-style: italic; font-weight: bolder;}

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#ReportD { position: absolute; top: 18.33%; left: 5.00%; width: 90.00%; height: 60.00%; font-size: 105%; overflow: auto;}

#Button4 { position: absolute; top: 88.33%; left: 5.00%; width: 40.00%; height: 10.00%; }

#Button6 { position: absolute; top: 88.33%; left: 55.00%; width: 40.00%; height: 10.00%; }

#Label4 { position: absolute; top: 10.00%; left: 5.00%; width: 72.50%; height: 6.67%; font-size: 110%; font-style: italic; font-weight: bold;}

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#normalbtn { position: absolute; top: 36.67%; left: 5.00%; width: 90.00%; height: 10.00%; }

#abnormalbtn { position: absolute; top: 50.00%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Button7 { position: absolute; top: 88.33%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Label3 { position: absolute; top: 10.00%; left: 5.00%; width: 90.00%; height: 6.67%; font-style: italic; font-weight: bold;}

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#Label6 { position: absolute; top: 10.00%; left: 5.00%; width: 72.50%; height: 6.67%; font-size: 110%; font-style: italic; font-weight: bold;}

#Label10 { position: absolute; top: 18.33%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 110%; font-weight: bold; text-align: center;}

#nor_oldmeter { position: absolute; top: 25.00%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 110%; font-weight: bold; text-align: center;}

#Label12 { position: absolute; top: 35.00%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 110%; font-weight: bold; text-align: center;}

#nor_newinput { position: absolute; top: 43.33%; left: 5.00%; width: 90.00%; height: 8.33%; font-size: 110%; font-weight: bold; text-align: center; border-radius: 20px;}

#Label13 { position: absolute; top: 55.00%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 110%; font-weight: bold; text-align: center;}

#nor_cal { position: absolute; top: 61.67%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 110%; font-weight: bold; text-align: center;}

#Button8 { position: absolute; top: 88.33%; left: 5.00%; width: 40.00%; height: 10.00%; }

#Button9 { position: absolute; top: 88.33%; left: 55.00%; width: 40.00%; height: 10.00%; }

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#Label7 { position: absolute; top: 10.00%; left: 5.00%; width: 82.50%; height: 6.67%; font-style: italic; font-weight: bold;}

#Label15 { position: absolute; top: 18.33%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 110%; font-weight: bold; text-align: center;}

#Label16 { position: absolute; top: 25.00%; left: 5.00%; width: 45.00%; height: 5.00%; font-size: 105%; font-weight: bold; text-align: center; border-bottom: 1px solid; border-bottom-color: #0080ff;}

#Label28 { position: absolute; top: 25.00%; left: 50.00%; width: 45.00%; height: 5.00%; font-size: 105%; font-weight: bold; text-align: center; border-bottom: 1px solid; border-bottom-color: #0080ff;}

#ab_oldmeter0 { position: absolute; top: 30.00%; left: 5.00%; width: 45.00%; height: 5.00%; font-size: 105%; font-weight: bold; text-align: center;}

#ab_oldcal0 { position: absolute; top: 30.00%; left: 50.00%; width: 45.00%; height: 5.00%; font-size: 105%; font-weight: bold; text-align: center;}

#ab_oldcal1 { position: absolute; top: 35.00%; left: 50.00%; width: 45.00%; height: 5.00%; font-size: 105%; font-weight: bold; text-align: center;}

#ab_oldmeter1 { position: absolute; top: 35.00%; left: 5.00%; width: 45.00%; height: 5.00%; font-size: 105%; font-weight: bold; text-align: center;}

#ab_oldmeter2 { position: absolute; top: 40.00%; left: 5.00%; width: 45.00%; height: 5.00%; font-size: 105%; font-weight: bold; text-align: center; border-bottom: 1px solid; border-bottom-color: #0080ff;}

#ab_oldcal2 { position: absolute; top: 40.00%; left: 50.00%; width: 45.00%; height: 5.00%; font-size: 105%; font-weight: bold; text-align: center; border-bottom: 1px solid; border-bottom-color: #0080ff;}

#Container1 { position: absolute; top: 46.67%; left: 5.00%; width: 90.00%; height: 16.67%; border: 1px solid;}

#Label19 { position: absolute; top: 10.00%; left: 2.78%; width: 47.22%; height: 40.00%; font-size: 105%; font-weight: bold; text-align: center;}

#ab_average { position: absolute; top: 10.00%; left: 50.00%; width: 47.22%; height: 40.00%; font-size: 105%; font-weight: bold; text-align: center;}

#Label40 { position: absolute; top: 50.00%; left: 2.78%; width: 47.22%; height: 40.00%; font-size: 105%; font-weight: bold; text-align: center;}

#ab_calmeter { position: absolute; top: 50.00%; left: 50.00%; width: 47.22%; height: 40.00%; font-size: 105%; font-weight: bold; text-align: center;}

#Label42 { position: absolute; top: 65.00%; left: 5.00%; width: 90.00%; height: 10.00%; font-size: 110%; font-weight: bold; text-align: center;}

#ab_newinput { position: absolute; top: 76.67%; left: 5.00%; width: 90.00%; height: 8.33%; font-size: 105%; font-weight: bold; text-align: center; border-radius: 20px;}

#Button10 { position: absolute; top: 88.33%; left: 5.00%; width: 40.00%; height: 10.00%; }

#Button11 { position: absolute; top: 88.33%; left: 52.50%; width: 40.00%; height: 10.00%; }

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#Label27 { position: absolute; top: 13.33%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 110%; font-weight: bold; text-align: center;}

#Ausername { position: absolute; top: 21.67%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Awork { position: absolute; top: 35.00%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Apassword { position: absolute; top: 48.33%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Button12 { position: absolute; top: 76.67%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Button13 { position: absolute; top: 88.33%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#Label8 { position: absolute; top: 10.00%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 110%; font-style: italic; font-weight: bold; text-align: center;}

#Label38 { position: absolute; top: 16.67%; left: 5.00%; width: 45.00%; height: 6.67%; font-size: 105%; font-weight: bold; text-align: center;}

#Label41 { position: absolute; top: 16.67%; left: 50.00%; width: 45.00%; height: 6.67%; font-size: 105%; font-weight: bold; text-align: center;}

#con_oldmeter { position: absolute; top: 23.33%; left: 5.00%; width: 45.00%; height: 6.67%; font-size: 105%; font-weight: bold; text-align: center;}

#con_meter { position: absolute; top: 23.33%; left: 50.00%; width: 45.00%; height: 6.67%; color: #ff0000; font-size: 105%; font-weight: bold; text-align: center;}

#Label43 { position: absolute; top: 30.00%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 105%; font-weight: bold; text-align: center;}

#con_metercount { position: absolute; top: 36.67%; left: 5.00%; width: 90.00%; height: 6.67%; color: #ff0000; font-size: 105%; font-weight: bold; text-align: center;}

#Label46 { position: absolute; top: 43.33%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 105%; font-weight: bold; text-align: center;}

#con_meterstatus { position: absolute; top: 50.00%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 105%; font-weight: bold; text-align: center;}

#Container2 { position: absolute; top: 56.67%; left: 5.00%; width: 90.00%; height: 18.33%; }

#Label47 { position: absolute; top: 9.09%; left: 2.78%; width: 72.22%; height: 27.27%; font-size: 110%; font-style: italic; font-weight: bold;}

#Meter_other { position: absolute; top: 36.36%; left: 0.00%; width: 100.00%; height: 63.64%; font-size: 90%;}

#Button21 { position: absolute; top: 76.67%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Button22 { position: absolute; top: 88.33%; left: 5.00%; width: 90.00%; height: 10.00%; }

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#Label9 { position: absolute; top: 10.00%; left: 5.00%; width: 72.50%; height: 6.67%; font-size: 110%; font-style: italic; font-weight: bold;}

#Button16 { position: absolute; top: 88.33%; left: 55.00%; width: 40.00%; height: 10.00%; }

#Button17 { position: absolute; top: 88.33%; left: 5.00%; width: 40.00%; height: 10.00%; }

#Containerquiz { position: absolute; top: 28.33%; left: 0.00%; width: 100.00%; height: 56.67%; overflow-y: scroll;}

#Container6 { position: absolute; top: 2.94%; left: 2.50%; width: 95.00%; height: 29.41%; }

#Label33 { position: absolute; top: 10.00%; left: 0.33%; width: 89.14%; height: 40.00%; font-size: 110%; font-style: italic; font-weight: bold;}

#Radioask1_1 { position: absolute; top: 50.00%; left: 0.33%; width: 20.72%; height: 40.00%; }

#Radioask1_2 { position: absolute; top: 50.00%; left: 23.68%; width: 18.42%; height: 40.00%; }

#Radioask1_3 { position: absolute; top: 50.00%; left: 44.74%; width: 21.05%; height: 40.00%; }

#Radioask1_4 { position: absolute; top: 50.00%; left: 68.42%; width: 26.32%; height: 40.00%; }

#asklabel1 { position: absolute; top: 10.00%; left: 89.47%; width: 7.89%; height: 40.00%; color: #0080ff; font-size: 90%; text-align: center;}

#Container7 { position: absolute; top: 35.29%; left: 2.50%; width: 95.00%; height: 29.41%; }

#Label30 { position: absolute; top: 10.00%; left: 0.33%; width: 89.14%; height: 40.00%; font-size: 110%; font-style: italic; font-weight: bold;}

#Radioask2_1 { position: absolute; top: 50.00%; left: 0.33%; width: 21.05%; height: 40.00%; }

#Radioask2_3 { position: absolute; top: 50.00%; left: 44.74%; width: 21.05%; height: 40.00%; }

#Radioask2_4 { position: absolute; top: 50.00%; left: 68.42%; width: 23.68%; height: 40.00%; }

#Radioask2_2 { position: absolute; top: 50.00%; left: 23.68%; width: 18.42%; height: 40.00%; }

#asklabel2 { position: absolute; top: 10.00%; left: 89.47%; width: 7.89%; height: 40.00%; color: #0080ff; font-size: 90%; text-align: center;}

#Container8 { position: absolute; top: 67.65%; left: 2.50%; width: 95.00%; height: 29.78%; }

#Label31 { position: absolute; top: 9.88%; left: 0.33%; width: 89.14%; height: 40.74%; font-size: 110%; font-style: italic; font-weight: bold;}

#Radioask3_1 { position: absolute; top: 49.38%; left: 0.33%; width: 21.05%; height: 40.74%; }

#Radioask3_3 { position: absolute; top: 49.38%; left: 44.74%; width: 21.05%; height: 40.74%; }

#Radioask3_4 { position: absolute; top: 49.38%; left: 68.42%; width: 23.68%; height: 40.74%; }

#Radioask3_2 { position: absolute; top: 49.38%; left: 23.68%; width: 18.42%; height: 40.74%; }

#asklabel3 { position: absolute; top: 9.88%; left: 89.47%; width: 7.89%; height: 39.51%; color: #0080ff; font-size: 90%; text-align: center;}

#Container10 { position: absolute; top: 100.00%; left: 2.50%; width: 95.00%; height: 29.78%; }

#Label17 { position: absolute; top: 9.88%; left: 0.33%; width: 89.14%; height: 40.74%; font-size: 110%; font-style: italic; font-weight: bold;}

#Radioask4_1 { position: absolute; top: 49.38%; left: 0.33%; width: 21.05%; height: 40.74%; }

#Radioask4_3 { position: absolute; top: 49.38%; left: 44.74%; width: 21.05%; height: 40.74%; }

#Radioask4_4 { position: absolute; top: 49.38%; left: 68.42%; width: 23.68%; height: 40.74%; }

#Radioask4_2 { position: absolute; top: 49.38%; left: 23.68%; width: 18.42%; height: 40.74%; }

#asklabel4 { position: absolute; top: 9.88%; left: 89.47%; width: 7.89%; height: 39.51%; color: #0080ff; font-size: 90%; text-align: center;}

#Container12 { position: absolute; top: 132.35%; left: 2.50%; width: 95.00%; height: 29.78%; }

#Label18 { position: absolute; top: 9.88%; left: 0.33%; width: 89.14%; height: 40.74%; font-size: 110%; font-style: italic; font-weight: bold;}

#Radioask5_1 { position: absolute; top: 49.38%; left: 0.33%; width: 21.05%; height: 40.74%; }

#Radioask5_3 { position: absolute; top: 49.38%; left: 44.74%; width: 21.05%; height: 40.74%; }

#Radioask5_4 { position: absolute; top: 49.38%; left: 68.42%; width: 23.68%; height: 40.74%; }

#Radioask5_2 { position: absolute; top: 49.38%; left: 23.36%; width: 18.42%; height: 45.68%; }

#asklabel5 { position: absolute; top: 9.88%; left: 89.47%; width: 7.89%; height: 39.51%; color: #0080ff; font-size: 90%; text-align: center;}

#Container13 { position: absolute; top: 164.71%; left: 2.50%; width: 95.00%; height: 41.18%; }

#Label32 { position: absolute; top: 7.14%; left: 2.63%; width: 94.74%; height: 21.43%; font-size: 110%; font-style: italic; font-weight: bold;}

#OtherCommentinput { position: absolute; top: 28.57%; left: 2.63%; width: 94.74%; height: 64.29%; font-size: 90%;}

#Label44 { position: absolute; top: 16.67%; left: 5.00%; width: 90.00%; height: 11.67%; font-style: italic; font-weight: normal;}

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#Button15 { position: absolute; top: 88.33%; left: 55.00%; width: 40.00%; height: 10.00%; }

#Button18 { position: absolute; top: 88.33%; left: 5.00%; width: 40.00%; height: 10.00%; }

#Label11 { position: absolute; top: 10.00%; left: 2.50%; width: 35.00%; height: 5.00%; font-size: 110%; font-style: italic; font-weight: bold;}

#Label14 { position: absolute; top: 25.00%; left: 2.50%; width: 20.00%; height: 5.00%; font-style: italic; font-weight: bold;}

#Label21 { position: absolute; top: 35.00%; left: 2.50%; width: 27.50%; height: 5.00%; font-style: italic; font-weight: bold;}

#Label22 { position: absolute; top: 40.00%; left: 2.50%; width: 82.50%; height: 5.00%; font-style: italic; font-weight: bold;}

#Label24 { position: absolute; top: 45.00%; left: 2.50%; width: 82.50%; height: 5.00%; font-style: italic; font-weight: bold;}

#Label25 { position: absolute; top: 50.00%; left: 2.50%; width: 82.50%; height: 5.00%; font-style: italic; font-weight: bold;}

#Label26 { position: absolute; top: 55.00%; left: 2.50%; width: 82.50%; height: 5.00%; font-style: italic; font-weight: bold;}

#Label29 { position: absolute; top: 60.00%; left: 2.50%; width: 82.50%; height: 5.00%; font-style: italic; font-weight: bold;}

#Label35 { position: absolute; top: 10.00%; left: 37.50%; width: 35.00%; height: 5.00%; font-size: 110%; font-style: italic; font-weight: bold; text-align: right;}

#Label36 { position: absolute; top: 65.00%; left: 50.00%; width: 35.00%; height: 6.67%; font-size: 110%; font-style: italic; font-weight: bold; text-align: right;}

#Label37 { position: absolute; top: 66.67%; left: 2.50%; width: 35.00%; height: 5.00%; font-style: italic; font-weight: bold;}

#P_prover { position: absolute; top: 25.00%; left: 22.50%; width: 75.00%; height: 5.00%; font-weight: bold;}

#P_average { position: absolute; top: 10.00%; left: 72.50%; width: 25.00%; height: 6.67%; color: #ff0000; font-size: 110%; font-weight: bold; text-align: center; border-bottom: 2px double;}

#P_employee { position: absolute; top: 35.00%; left: 30.00%; width: 67.50%; height: 5.00%; font-weight: bold;}

#P_ask1 { position: absolute; top: 40.00%; left: 85.00%; width: 12.50%; height: 5.00%; font-weight: bold; text-align: center;}

#P_ask2 { position: absolute; top: 45.00%; left: 85.00%; width: 12.50%; height: 5.00%; font-weight: bold; text-align: center;}

#P_ask3 { position: absolute; top: 50.00%; left: 85.00%; width: 12.50%; height: 5.00%; font-weight: bold; text-align: center;}

#P_ask4 { position: absolute; top: 55.00%; left: 85.00%; width: 12.50%; height: 5.00%; font-weight: bold; text-align: center;}

#P_ask5 { position: absolute; top: 60.00%; left: 85.00%; width: 12.50%; height: 5.00%; font-weight: bold; text-align: center;}

#P_sum { position: absolute; top: 65.00%; left: 85.00%; width: 12.50%; height: 6.67%; color: #ff0000; font-size: 110%; font-weight: bold; text-align: center; border-bottom: 2px double; border-top: 1px solid;}

#P_other { position: absolute; top: 73.33%; left: 2.50%; width: 95.00%; height: 11.67%; font-size: 90%; font-style: italic; font-weight: bold;}

#P_date { position: absolute; top: 85.00%; left: 2.50%; width: 95.00%; height: 3.33%; font-size: 90%; text-align: center;}

#Label39 { position: absolute; top: 30.00%; left: 2.50%; width: 17.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold;}

#P_job { position: absolute; top: 30.00%; left: 20.00%; width: 77.50%; height: 5.00%; font-weight: bold;}

#P_averagetext { position: absolute; top: 16.67%; left: 72.50%; width: 25.00%; height: 6.67%; font-size: 105%; font-weight: bold; text-align: center;}

#Label45 { position: absolute; top: 15.00%; left: 2.50%; width: 15.00%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold;}

#P_branch { position: absolute; top: 15.00%; left: 17.50%; width: 55.00%; height: 5.00%; font-size: 90%; font-weight: bold;}

#Label48 { position: absolute; top: 20.00%; left: 2.50%; width: 15.00%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold;}

#P_machine { position: absolute; top: 20.00%; left: 17.50%; width: 55.00%; height: 5.00%; font-size: 90%; font-weight: bold;}

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#Button14 { position: absolute; top: 90.00%; left: 2.50%; width: 95.00%; height: 8.33%; }

#Label20 { position: absolute; top: 65.00%; left: 2.50%; width: 95.00%; height: 5.21%; font-size: 130%; font-weight: bold; text-align: center;}

#Image4 { position: absolute; top: 13.33%; left: 12.50%; width: 75.00%; height: 45.00%; }

#Image1 { position: absolute; top: 1.67%; left: 2.50%; width: 27.50%; height: 6.67%; }

#Label2 { position: absolute; top: 1.67%; left: 30.00%; width: 67.50%; height: 5.00%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#branchsel { position: absolute; top: 6.67%; left: 35.00%; width: 62.50%; height: 3.33%; font-size: 85%; font-style: italic; font-weight: bold; text-align: center;}

#Label23 { position: absolute; top: 13.33%; left: 5.00%; width: 72.50%; height: 6.67%; font-size: 110%; font-style: italic; font-weight: bold;}

#Label34 { position: absolute; top: 31.67%; left: 5.00%; width: 90.00%; height: 6.67%; font-size: 110%; font-weight: bold; text-align: center;}

#FixMeterInput { position: absolute; top: 40.00%; left: 5.00%; width: 90.00%; height: 8.33%; font-size: 110%; font-weight: bold; text-align: center; border-radius: 20px;}

#Button20 { position: absolute; top: 88.33%; left: 5.00%; width: 42.50%; height: 10.00%; }

#Button19 { position: absolute; top: 88.33%; left: 52.50%; width: 42.50%; height: 10.00%; }

#Button1 { position: absolute; top: 88.33%; left: 5.00%; width: 90.00%; height: 10.00%; }

#HtmlContent1 { position: absolute; top: 0.00%; left: 2.50%; width: 95.00%; height: 86.67%; }

/* App inline CSS */
/* Remove the outline in some browsers for Bootstrap CSS buttons */
.btn {
  outline: none !important;
}

.swiper-container {
        width: 100%;
        height: 100%;

}
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}