#Login{width:100%;height:100vh;text-align:center;background:#eee url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgABQAFAwERAAIRAQMRAf/EAFYAAQAAAAAAAAAAAAAAAAAAAAoBAQAAAAAAAAAAAAAAAAAAAAAQAAEDAgcAAAAAAAAAAAAAAAMCExQSBAABETIjJDURAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AGpdmTrn6u9CFtwIDdZLe3Ivniv0DMYaJEhohBMNjwH/2Q==) 0 0 repeat}#Login .header{position:fixed;top:0;left:0;height:50px;line-height:50px;width:100%}#Login .content .login-form{color:#fff;min-height:350px}#Login .content .login-form .login-form-left{padding:20px;background-image:radial-gradient(#333,#202020)}#Login .content .login-form .login-form-left .login-form-left-title{text-align:left;font-size:28px}#Login .content .login-form .login-form-left .login-form-left-language{text-align:right}#Login .content .login-form .login-form-left .login-form-left-content{margin-top:10px}#Login .content .login-form .login-form-left .login-form-left-content label{color:#fff}#Login .content .login-form .login-form-left .login-form-left-content .ant-input-affix-wrapper{border-radius:9px}#Login .content .login-form .login-form-left .login-form-left-content .ant-form-item{margin-bottom:0}@media (min-width:576px){#Login .content .login-form{text-align:center;border-radius:25px;box-shadow:5px 5px 3px #888}#Login .content .login-form .login-form-left{border-radius:25px 0 0 25px}#Login .content .login-form .login-form-right{height:350px;border-radius:0 25px 25px 0;background-color:#36b8d9;line-height:350px}}@media (max-width:575.999px){#Login .content{text-align:center}#Login .content .login-form{padding:10px;box-shadow:0}#Login .content .login-form .login-form-left{border-radius:25px}}#Login .footer{position:fixed;bottom:0;left:0;height:50px;line-height:50px;width:100%}#Nav .logo{height:32px;background:#ffffff33;margin:16px 0;padding:16px 8px;font-size:6pt;font-weight:700;color:#fff}#Home{width:100%;min-height:100vh}#Home .home-header{background:#fff;color:#000;padding-left:20px;padding-right:20px}#Home .home-header .ant-dropdown-trigger{height:90%;display:inline-block;border:0;line-height:0;box-shadow:none}#Home .home-header .ant-avatar{margin-right:8px}#Home .home-content{padding:24px;height:auto}#Home .home-footer{text-align:center}#AnnualLeavePlan .content,#Attendance .content,#AttendanceLogs .content,#Authority .content,#Department .content,#Employee .content,#EmployeeEntryRecord .content,#Holiday .content,#Leave .content,#LeaveType .content{background-color:#fff;padding:24px}#OvertimeApplicationApprove .home-header{background:#fff;color:#000;padding-left:20px;padding-right:20px;line-height:64px}#OvertimeApplicationApprove .home-header .ant-dropdown-trigger{height:90%;display:inline-block;border:0;line-height:0;box-shadow:none}#OvertimeApplicationApprove .home-header .ant-avatar{margin-right:8px}#OvertimeApplicationApprove .home-content{padding:24px;height:auto}#OvertimeApplication .content,#OvertimeApplicationApprove .content,#RemainingVacation .content{background-color:#fff;padding:24px}#GeneralSalary .editable-cell{position:relative}#GeneralSalary .editable-cell .editable-cell-input-wrapper,#GeneralSalary .editable-cell .editable-cell-text-wrapper{padding-right:24px}#GeneralSalary .editable-cell .editable-cell-text-wrapper{padding:5px 24px 5px 5px}#GeneralSalary .editable-cell .editable-cell-icon,#GeneralSalary .editable-cell .editable-cell-icon-check{position:absolute;right:0;width:20px;cursor:pointer}#GeneralSalary .editable-cell .editable-cell-icon{margin-top:4px;display:none}#GeneralSalary .editable-cell .editable-cell-icon-check{line-height:28px}#GeneralSalary .editable-cell .editable-cell-icon-check:hover,#GeneralSalary .editable-cell .editable-cell-icon:hover{color:#108ee9}#GeneralSalary .editable-cell .editable-add-btn{margin-bottom:8px}#GeneralSalary .editable-cell:hover .editable-cell-icon{display:inline-block}#Report .content,#Role .content,#SalaryInformation .content{background-color:#fff;padding:24px}#LeaveApprove .home-header{background:#fff;color:#000;padding-left:20px;padding-right:20px;line-height:64px}#LeaveApprove .home-header .ant-dropdown-trigger{height:90%;display:inline-block;border:0;line-height:0;box-shadow:none}#LeaveApprove .home-header .ant-avatar{margin-right:8px}#LeaveApprove .home-content{padding:24px;height:auto}#LeaveApprove .content,#MpfSetting .content,#Settings .content{background-color:#fff;padding:24px}@media (max-width:575.999px){.wap-display{display:show}.pc-display{display:none}.ant-layout-sider-zero-width-trigger{z-index:2!important}}@media (min-width:576px){.wap-display{display:none}.pc-display{display:show}}#app{width:100%;height:100vh}.photo-single-uploader{border:1px dashed grey;width:128px;height:128px;display:block;text-align:center;line-height:128px}.photo-single-uploader img{width:120px;height:120px}.v-form .ant-form-item{margin-bottom:0}.ant-message{z-index:9999999960}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}