/*!
This file is part of DecSoft App Builder.
Visit our website for license information.
Copyright ©2024 DecSoft. All rights reserved.
Visit our website at: https://www.decsoftutils.com/

*/

html, body { width: 360px; height: 640px; }

#v_login #image3 { position: absolute; top: 10.00%; left: 17.78%; width: 60.00%; height: 33.75%; }

#v_login #login_btn { position: absolute; top: 60.00%; left: 17.78%; width: 60.00%; height: 7.50%; }
#v_login #label1 { position: absolute; top: 3.75%; left: 2.22%; width: 95.56%; height: 5.31%; }
#v_login #label1 {font-family: 'Athiti', sans-serif; font-size: 140%; text-align: center;}
#v_login #label2 { position: absolute; top: 70.00%; left: 17.78%; width: 60.00%; height: 5.31%; }
#v_login #label2 {font-family: 'Athiti', sans-serif; text-align: center;}
#v_login #helpbtn { position: absolute; top: 68.75%; left: 62.22%; width: 15.56%; height: 6.25%; }

#v_login #labelversion { position: absolute; top: 75.00%; left: 17.78%; width: 60.00%; height: 5.31%; }
#v_login #labelversion {font-family: 'Athiti', sans-serif; text-align: center;}

#v_main #button2 { position: absolute; top: 65.00%; left: 8.89%; width: 80.00%; height: 7.50%; }
#v_main #button2 {font-size: 120%;}
#v_main #button3 { position: absolute; top: 42.50%; left: 8.89%; width: 80.00%; height: 7.50%; }
#v_main #button3 {font-size: 120%;}
#v_main #button4 { position: absolute; top: 53.75%; left: 8.89%; width: 80.00%; height: 7.50%; }
#v_main #button4 {font-size: 120%;}
#v_main #imgpush_back { position: absolute; top: 5.00%; left: 2.22%; width: 15.56%; height: 8.75%; }
#v_main #logout_btn { position: absolute; top: 81.25%; left: 8.89%; width: 80.00%; height: 7.50%; }
#v_main #logout_btn {font-size: 120%;}
#v_main #image1 { position: absolute; top: 16.25%; left: 8.89%; width: 22.22%; height: 15.00%; }
#v_main #label2 { position: absolute; top: 16.25%; left: 35.56%; width: 55.56%; height: 3.13%; }
#v_main #label3 { position: absolute; top: 20.00%; left: 35.56%; width: 55.56%; height: 3.13%; }
#v_main #label5 { position: absolute; top: 31.25%; left: 8.89%; width: 40.00%; height: 5.00%; }
#v_main #label6 { position: absolute; top: 16.25%; left: 35.56%; width: 55.56%; height: 3.13%; }
#v_main #label7 { position: absolute; top: 36.25%; left: 8.89%; width: 80.00%; height: 5.00%; }

#v_clockup #button3 { position: absolute; top: 30.00%; left: 8.89%; width: 80.00%; height: 7.50%; }
#v_clockup #button3 {font-size: 120%;}
#v_clockup #button4 { position: absolute; top: 43.75%; left: 8.89%; width: 80.00%; height: 7.50%; }
#v_clockup #button4 {font-size: 120%;}
#v_clockup #imgpush_back { position: absolute; top: 5.00%; left: 2.22%; width: 15.56%; height: 8.75%; }

#v_warning #imgpush_back { position: absolute; top: 5.00%; left: 2.22%; width: 15.56%; height: 8.75%; }

#v_warning #label1 { position: absolute; top: 2.50%; left: 22.22%; width: 55.56%; height: 3.13%; }
#v_warning #label1 {text-align: center;}

#v_warning #labelSelectEx1 { position: absolute; top: 27.50%; left: 8.89%; width: 82.22%; height: 7.50%; }
#v_warning #button3 { position: absolute; top: 47.50%; left: 8.89%; width: 82.22%; height: 7.50%; }
#v_warning #button3 {font-size: 120%;}

#v_checkin_detail #imgpush_back { position: absolute; top: 5.00%; left: 2.22%; width: 15.56%; height: 8.75%; }

#v_checkin_detail #label1 { position: absolute; top: 18.75%; left: 6.67%; width: 86.67%; height: 3.13%; }
#v_checkin_detail #label1 {text-align: center;}

#v_checkin_detail #label2 { position: absolute; top: 5.00%; left: 28.89%; width: 64.44%; height: 3.75%; }

#v_checkin_detail #label3 { position: absolute; top: 8.75%; left: 28.89%; width: 64.44%; height: 3.75%; }

#v_checkin_detail #label4 { position: absolute; top: 12.50%; left: 28.89%; width: 64.44%; height: 3.75%; }

#v_checkin_detail #image_set { position: absolute; top: 28.75%; left: 15.56%; width: 64.44%; height: 35.00%; }

#v_checkin_detail #label7 { position: absolute; top: 65.00%; left: 4.44%; width: 35.56%; height: 3.75%; }

#v_checkin_detail #button_image { position: absolute; top: 22.50%; left: 4.44%; width: 88.89%; height: 5.00%; }

#v_checkin_detail #textarea1 { position: absolute; top: 82.50%; left: 4.44%; width: 88.89%; height: 31.25%; }
#v_checkin_detail #button4 { position: absolute; top: 115.00%; left: 4.44%; width: 88.89%; height: 7.50%; }
#v_checkin_detail #button4 {font-size: 120%;}
#v_checkin_detail #file1 { position: absolute; top: 55.00%; left: 82.22%; width: 15.56%; height: 7.50%; }
#v_checkin_detail #radio1 { position: absolute; top: 70.00%; left: 8.89%; width: 55.56%; height: 3.13%; }

#v_checkin_detail #radio2 { position: absolute; top: 77.50%; left: 8.89%; width: 55.56%; height: 3.13%; }