html, body, form { height: 100%; margin: 0; padding: 0; width: 100%; min-height: 100%; display:flex; flex-direction:column; -ms-flex-direction:column; -webkit-flex-direction:column; font-family: 'Roboto',Arial,Helvetica,sans-serif !important /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } /* Add asterisk symbol for required label */ div.required::after { content: "*" !important; color: red !important; } body > * { flex-shrink: 0; } .FlaotingIT8 { float: right; font-size: small; color: #dcdcd8; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ position: fixed; bottom: 0; right: 0; height: 20px; padding-bottom: 20px; padding-right: 20px; opacity: 0.5; z-index:999999999; pointer-events: none; } .ui-tabs-anchor { background-color:#ffffff !important; } .ui-tabs .ui-tabs-nav:not(.ui-tabs-active) li:not(.ui-tabs-active) a:hover { /*color : #2aaccb !important*/ /* Commented by Kai Wen on 20230405 TaskID : 12284 */ font-weight: bold; /* Added by Kai Wen on 20230405 TaskID : 12284 */ } .ui-state-focus .ui-button-text { color : #ffffff !important } .ui-state-hover .ui-button-text { /*background-color:#ffffff !important;*/ color : #ebba36 !important; } .ui-datepicker-calendar td .ui-state-active { background-color : #e6e6e6 !important; color : #2aaccb !important; /* Modified by Kai Wen on 20230320 TaskID : 12284 */ } .ui-datepicker-calendar td .ui-state-hover { background-color : #e6e6e6 !important; color : #ebba36 !important; } .ui-datepicker-calendar tr td a { background-color : #ffffff; color : #000000 !important; /* Modified by Kai Wen on 20230320 TaskID : 12284 */ } .ui-datepicker-calendar td .ui-state-highlight { border:1px solid #ccc; background : 0; background-color : #ebba36 !important; color : #000000 !important; /* Modified by Kai Wen on 20230320 TaskID : 12284 */ } #producttooltip { border :0px !important; background-color :#f5f5f5 !important; } #NotificationInfo { border :0px !important; background-color :#f5f5f5 !important; } /*added on 20140922 by wailoong*/ .mandatory { color: red; } /* Start: Commented by Kai Wen on 202300405 TaskID : 12284 */ /*.btnAddUser { background-repeat: no-repeat; background-image: url('../Images/user_add.png');*/ /*-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;*/ /*text-align: left; height: 30px; width: 80px; padding-left: 30px; }*/ /* End: Commented by Kai Wen on 202300405 TaskID : 12284 */ .boldText { font-weight:bold; } .underlineText { text-decoration:underline; } .boldUnderline { text-decoration:underline; font-weight:bold; } /* Start: Commented by Kai Wen on 20230404 TaskID : 12284 */ /*.btnBack { background-repeat: no-repeat; background-image: url('../Images/back.png');*/ /*-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;*/ /*text-align: left; height: 30px; width: 80px; padding-left: 30px; }*/ /*.btnNext {*/ /*background-repeat: no-repeat; background-image: url('../Images/next.png');*/ /*-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;*/ /*text-align: left; height: 30px; width: 80px; padding-left: 30px; }*/ /* End: Commented by Kai Wen on 20230404 TaskID : 12284 */ .modal { position: fixed; top: 0; left: 0; background-color: black; z-index: 99; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); min-height: 100%; width: 100%; } .WaitBackground { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: Gray; filter: alpha(opacity=40); opacity: 0.4; min-height: 100%; width: 100%; z-index: 999; } .loading { background-color: black; text-align: center; font-size: 11pt; /*border: 5px solid #FFF8FE;*/ /* Commented by Kai Wen on 20230324 TaskID : 12284 */ width: 220px; height: 220px; position: fixed; z-index: 999; top: 50%; left: 50%; margin-top: -50px; margin-left: -100px; } .scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } form { margin: 0; padding: 0; width: 100%; } /*Start: added on 20150616 by wailoong*/ a.DialogLink:link { color: #06F; text-decoration: none; } a.DialogLink:visited { text-decoration: none; color: #F00; } a.DialogLink:hover { text-decoration: none; color: #FF00FF; } a.DialogLink:active { text-decoration: none; color: #93F; } /*End: added on 20150616 by wailoong*/ a:link { color: #2a9fcb; /* Modified by Kai Wen on 20230525 TaskID: 12284 */ text-decoration: none; } a:visited { text-decoration: none; color: #F00; } a:hover { text-decoration: none; color: #FF00FF; } a:active { text-decoration: none; color: #93F; } :focus, :active { outline: 0; } #accordion * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 0; } .landing { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8e0de+0,aebfbc+22,99afab+37,8ea6a2+54,829d98+70,4e5c5a+82,0e0e0e+100 */ background: #d8e0de; /* Old browsers */ background: -moz-linear-gradient(-45deg, #d8e0de 0%, #aebfbc 22%, #99afab 37%, #8ea6a2 54%, #829d98 70%, #4e5c5a 82%, #0e0e0e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #d8e0de 0%,#aebfbc 22%,#99afab 37%,#8ea6a2 54%,#829d98 70%,#4e5c5a 82%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d8e0de 0%,#aebfbc 22%,#99afab 37%,#8ea6a2 54%,#829d98 70%,#4e5c5a 82%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e0de', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background: url("../Images/Base_BG_Client.png"), url("../Images/Base_BG.png"); /* Modified by Kai Wen on 20230524 TaskID : 12284 */ background-size:cover; background-repeat:no-repeat; } /* Start : Added by Kai Wen on 202300404 TaskID : 12284 */ .lblRememberMe, .lnkForgotPw { color: #ffffff !important; text-shadow: 1px 1px 0px #000000; vertical-align: middle; cursor: pointer; } /* End : Added by Kai Wen on 202300404 TaskID : 12284 */ .lnkHome { color: #000000 !important; text-shadow: 1px 1px 0px white; vertical-align: middle; } #lblTimer, .lblTimer { color: #000000 !important; text-shadow: 1px 1px 0px white; vertical-align: middle; } #loginPanel { position:fixed; top:50%; right:0%; transform: translate(-20%, -70%); -o-transform: translate(-20%, -70%); -webkit-transform: translate(-20%, -70%); -moz-transform: translate(-20%, -70%); -ms-transform: translate(-20%, -70%); background:rgb(255,255,255); background:rgba(255,255,255, 0.3); height:400px; width:340px; margin:25px 15px; } .loginPanel { position:fixed; top:50%; right:0%; transform: translate(-20%, -70%); -o-transform: translate(-20%, -70%); -webkit-transform: translate(-20%, -70%); -moz-transform: translate(-20%, -70%); -ms-transform: translate(-20%, -70%); background:rgb(0,0,0); /* Modified by Kai Wen on 202300404 TaskID : 12284 */ background:rgba(0,0,0, 0.14); /* Modified by Kai Wen on 202300404 TaskID : 12284 */ height:auto; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ width:340px; margin:25px 15px; box-shadow: 0px 0px 20px 1px #ffffff; /* Added by Kai Wen on 202300404 TaskID : 12284 */ border-radius: 10px; /* Added by Kai Wen on 202300404 TaskID : 12284 */ } .resetPanel { position:fixed; top:50%; right:0%; transform: translate(-20%, -70%); -o-transform: translate(-20%, -70%); -webkit-transform: translate(-20%, -70%); -moz-transform: translate(-20%, -70%); -ms-transform: translate(-20%, -70%); background:rgb(0,0,0); /* Modified by Kai Wen on 202300404 TaskID : 12284 */ background:rgba(0,0,0, 0.14); /* Modified by Kai Wen on 202300404 TaskID : 12284 */ height:280px; width:340px; margin:25px 15px; box-shadow: 0px 0px 20px 1px #ffffff; /* Added by Kai Wen on 202300404 TaskID : 12284 */ border-radius: 10px; /* Added by Kai Wen on 202300404 TaskID : 12284 */ } .updatePasswordPanel { position:fixed; top:50%; right:0%; transform: translate(-20%, -70%); -o-transform: translate(-20%, -70%); -webkit-transform: translate(-20%, -70%); -moz-transform: translate(-20%, -70%); -ms-transform: translate(-20%, -70%); background:rgb(0,0,0); /* Modified by Kai Wen on 202300404 TaskID : 12284 */ background:rgba(0,0,0, 0.14); /* Modified by Kai Wen on 202300404 TaskID : 12284 */ height:auto; /* Modified by Kai Wen on 20231226 TaskID: 15032 */ width:340px; margin:25px 15px; box-shadow: 0px 0px 20px 1px #ffffff; /* Added by Kai Wen on 202300404 TaskID : 12284 */ border-radius: 10px; /* Added by Kai Wen on 202300404 TaskID : 12284 */ } .MFAPanel { position:fixed; top:50%; right:0%; transform: translate(-20%, -70%); -o-transform: translate(-20%, -70%); -webkit-transform: translate(-20%, -70%); -moz-transform: translate(-20%, -70%); -ms-transform: translate(-20%, -70%); background:rgb(0,0,0); /* Modified by Kai Wen on 202300404 TaskID : 12284 */ background:rgba(0,0,0, 0.14); /* Modified by Kai Wen on 202300404 TaskID : 12284 */ height:auto; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ width:340px; margin:25px 15px; box-shadow: 0px 0px 20px 1px #ffffff; /* Added by Kai Wen on 202300404 TaskID : 12284 */ border-radius: 10px; /* Added by Kai Wen on 202300404 TaskID : 12284 */ } .divLoginIcon { background-color: white; width: 30px; height: 30px; float: left; box-shadow : 2px 0 8px #ccc; -moz-box-shadow: 2px 0px 8px #ccc; -webkit-box-shadow: 2px 0px 8px #ccc; } .LoginController { width: 270px !important; height: 30px !important; padding: 0 0px 0 2px; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ } .LoginIcon { width: 24px; height: 24px; margin: 3px; } .Header { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ color: #000000; /* Modified by Kai Wen on 20230320 TaskID : 12284 */ font-size: 18px; font-weight: bold; height: 30px; margin-top: 10px; /* Added by Kai Wen on 20230331 TaskID : 12284 */ margin-left: 10px;/* Added by Kai Wen on 20230331 TaskID : 12284 */ } .SubHead { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ color: #000000; /* Modified by Kai Wen on 20230320 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ font-weight: bold; } .SubSubHeader { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ color: black; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ font-weight: bold; } .Banner { padding: 0; margin: 0; width: 100%; height: 70px; background-image: linear-gradient(bottom, #6C006C 0%, #D25FD2 60%); background-image: -o-linear-gradient(bottom, #6C006C 0%, #D25FD2 60%); background-image: -moz-linear-gradient(bottom, #6C006C 0%, #D25FD2 60%); background-image: -webkit-linear-gradient(bottom, #6C006C 0%, #D25FD2 60%); background-image: -ms-linear-gradient(bottom, #6C006C 0%, #D25FD2 60%); } .Banner { filter: progid:DXImageTransform.Microsoft.gradient(EndColorStr='#6C006C',startColorStr='#D25FD2'); } .BannerEservice { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 30px; font-weight: bold; text-shadow: 5px 5px 10px #FFFFFF; padding-left: 10px; padding-bottom: 2px; } .ie8n9 BannerEservice { color: #333; zoom: 1; /* required to give the element layout for filters */ filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2); } .ie8n9 BannerEservice:before { color: #fff; content: attr(data-innertext); position: absolute; } .Label { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ color: #999999; /* Added by Kai Wen on 20230525 TaskID: 12284 */ /*text-indent: 4px;*/ } /* Start: Added by Kai Wen on 20240115 TaskID: 15236 */ .IT8Grid span.Label, .IT8Grid div.Label { color: #000000; } /* End: Added by Kai Wen on 20240115 TaskID: 15236 */ /* Start: Added by Kai Wen on 20240115 TaskID: 15236 */ .BlackLabel { font-family: 'Roboto',Arial,Helvetica,sans-serif; font-size: 13px; color: #000000; } /* End: Added by Kai Wen on 20240115 TaskID: 15236 */ .MultilineLabel { vertical-align: top !important; padding-top: 3px !important; } .MessageLabel { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ color: #f00; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ } .AlignLeft { text-align: left; } .AlignRight { text-align: right; } .AlignCenter { text-align: center; } .Textbox { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ height: 20px; resize: none; border :0; box-shadow : 2px 2px 8px #ccc; -moz-box-shadow: 2px 2px 8px #ccc; -webkit-box-shadow: 2px 2px 8px #ccc; background-color: #ffffff; } input[type="text"] { /* Modified by Kai Wen on 20230320 TaskID : 12284 */ font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ height: 20px; resize: none; border :0; box-shadow : 2px 2px 8px #ccc; -moz-box-shadow: 2px 2px 8px #ccc; -webkit-box-shadow: 2px 2px 8px #ccc; background-color: #ffffff; text-indent: 4px; } /* Start : Added by Kai Wen on 20230331 TaskID : 12284 */ input[type="checkbox"]:has(+ label){ vertical-align: middle; } input[type="checkbox"] + label { vertical-align: middle; } /* End : Added by Kai Wen on 20230331 TaskID : 12284 */ .RadioButton { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ margin-right: 10px; } /* Start : Added by Kai Wen on 20230602 TaskID : 12284 */ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 13px !important; } /* End : Added by Kai Wen on 20230602 TaskID : 12284 */ .UpperCase { text-transform: uppercase; } .Combobox { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ height: 22px; margin-bottom: 0px; border :0; box-shadow : 2px 2px 8px #ccc; -moz-box-shadow: 2px 2px 8px #ccc; -webkit-box-shadow: 2px 2px 8px #ccc; outline-color:#e6e6e6 } .Checkbox { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ } .DatePicker { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ text-indent: 4px; background-color: #ffffff; } .Button { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ background-color: #f2f2f2; border :0; box-shadow : 2px 2px 8px #ccc; -moz-box-shadow: 2px 2px 8px #ccc; -webkit-box-shadow: 2px 2px 8px #ccc; cursor: pointer; /*-moz-border-radius-bottomright: 10px 10px; -webkit-border-radius-bottomright: 10px 10px; border-bottom-right-radius: 10px 10px;*/ } .Button:hover { font-weight :bold; } /* Start: Added by Kai Wen on 20230404 TaskID : 12284 */ .ui-dialog-content .ImageButton { font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ } /* End: Added by Kai Wen on 20230404 TaskID : 12284 */ /* Start : Modified by Kai Wen on 20230403 TaskID : 12284 */ .ImageButton { width: 70px !important; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ height: 30px !important; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ border: 1px solid #ccc; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -khtml-border-radius: 100px; box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12); -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12); color: #1f2a47; background-color: #ffffff; display: inline-block; /*padding: 8px;*/ /* Commemted by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ text-transform: uppercase; /* Added by Kai Wen on 20230331 TaskID : 12284 */ /*line-height: 16px;*/ /* Commented because it will casue alignment issue bet btn icon and text */ cursor: pointer; } /* End: by Kai Wen on 20230403 TaskID : 12284 */ /* Start : Modified by Kai Wen on 20230324 TaskID : 12284 */ .ImageButton:hover:not(:disabled) { font-weight: bold; box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 4px 8px 3px rgba(60,64,67,0.149); /* Added by Kai Wen on 20230331 TaskID : 12284 */ -moz-box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 4px 8px 3px rgba(60,64,67,0.149); -webkit-box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 4px 8px 3px rgba(60,64,67,0.149); } /* Start : Commented by Kai Wen on 20230601 TaskID : 12284 */ /* Temporary solution, to look for better way */ /*.ImageButton:hover:not(:disabled):not(.btnSearch, #btnEdit, .btnEdit, .btnNext, .btnPrev) { color: #000000 !important; }*/ /* Temporary solution, to look for better way */ /*.ImageButton:active:not(:disabled):not(.btnSearch, #btnEdit, .btnEdit, .btnNext, .btnPrev) { color: #000000 !important; }*/ /* End : Commented by Kai Wen on 20230601 TaskID : 12284 */ .ImageButton:active:not(:disabled) { font-weight :bold; opacity: 0.8; } .ImageButton:disabled { box-shadow: none; font-weight:normal !important; opacity: 0.65; cursor: default; } /* End : Modified by Kai Wen on 20230324 TaskID : 12284 */ .hasDatepicker { border: 0px; box-shadow: 2px 2px 8px #ccc; -moz-box-shadow: 2px 2px 8px #ccc; -webkit-box-shadow: 2px 2px 8px #ccc; font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ height: 22px; resize: none; } .ui-datepicker-trigger{ vertical-align: middle; /* Modified by Kean on 20230404 TaskID : 12284 For new calendar icon */ width: 20px; /* Added by Kai Wen on 20230328 TaskID : 12284 For new calendar icon */ margin-left: 3px; /* Added by Kai Wen on 20230329 TaskID : 12284 */ } .Checkboxlist { vertical-align: top; font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ /*border: 1px solid black;*/ overflow-y: scroll; border :0; box-shadow : 2px 2px 8px #ccc; -moz-box-shadow : 2px 2px 8px #ccc; -webkit-box-shadow : 2px 2px 8px #ccc; } .ThumbnailButton { /* Start : Modified by Kai Wen on 20230407 TaskID : 12284 */ height: 150px; width: 200px !important; background-size: 64px; background-color: #f2f2f2; background-position: 50% 30%; padding-top: 75px; /*padding-bottom: 35px;*/ margin-right: 15px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 2px 2px 8px #ccc; -moz-box-shadow: 2px 2px 8px #ccc; -webkit-box-shadow: 2px 2px 8px #ccc; white-space: normal; word-wrap: normal; -ms-word-wrap: normal; vertical-align: text-bottom; cursor: pointer; /* End : Modified by Kai Wen on 202303407 TaskID : 12284 */ } .ThumbnailButton:hover { font-weight :bolder; } .LinkButton { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ cursor: pointer; } .NumberOnly { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } .ModalPopupBG { background-color: #666699; filter: alpha(opacity=50); opacity: 0.7; } #tabSearch { width: 100%; height: auto; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ /*border: 1px solid #e6e6e6;*/ /* Commented by Kai Wen on 20230331 TaskID : 12284 */ /* Start : Modified by Kai Wen on 20230331 TaskID : 12284 */ /*box-shadow: 2px 2px 8px #ccc; -moz-box-shadow: 2px 2px 8px #ccc; -webkit-box-shadow: 2px 2px 8px #ccc;*/ border: none; padding: 0px; margin-bottom: 8px; background: none; /* End : Modified by Kai Wen on 20230331 TaskID : 12284 */ } /* Start : Added by Kai Wen on 20230331 TaskID : 12284 */ #tabSearch table { border-spacing: 0px 10px; } #tabSearch.ui-widget-content { background: #EFEFE8; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ border-radius: 18px; } #tabSearch .ui-tabs-nav { display: none; } /* End : Added by Kai Wen on 20230331 TaskID : 12284 */ #divEmpMaint { width: 520px; height: 500px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1001; } #divUserAccCtrlMaint{ width: 520px; height: 600px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1001; } #divEmployee { width: 600px; height: 500px; /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divApprover { width: 600px; height: 600px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divRecipient { width: 400px; height: 250px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divExtraEmployee { width: 500px; height: 500px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divLBEmpMaint { width: 550px; height: 400px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divJobMaint { width: 450px; height: 250px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divBreakMaint { width: 420px; height: 200px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divAuthentication { width: 270px; height: 180px; /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230324 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divAccessGrade { width: 250px; height: 160px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divRXItemSearch { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divUploadAttachment { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divSpendLimitMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 1002; } #divPendEmail { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divEmployeePYLink { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRosterGroupMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divWkDPatternMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divSAProfileMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divSAProfileDMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divSAUserAuthMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divECoyGroupByMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divEEGroupByDetails { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divApplProfileMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divAddUserMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divGenerateDate { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divGenerateExtra { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divCopyRoster { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } .alert { background: #FFFFFF; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ padding: 1em; text-align: left; white-space: normal; width: 200px; max-width: 300px; display: block; /* Modified by Kai Wen on 20230320 TaskID : 12284 */ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; -ms-word-wrap: break-word; word-break: normal; -ms-word-break: normal; z-index: 9999; } .confirmation { background: #FFFFFF; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ padding: 1em; text-align: left; white-space: nowrap; width: 200px; max-width: 300px; display: block; /* Modified by Kai Wen on 20230322 TaskID : 12284 */ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; -ms-word-wrap: break-word; word-break: normal; -ms-word-break: normal; } .no-close .ui-dialog-titlebar-close { display: none; } #divLeaveTypeMaint { width: 850px; height: 630px; background: #FFFFFF; /* Uncommented by Kai Wen on 20230405 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divColorPicker { width: 530px; height: 380px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } /*.ui-front { z-index: 1000000 !important; /* The default is 100. !important overrides the default. */ #divLeavePolicyMaint { width: 850px; height: 620px; background: #FFFFFF; /* Uncommented by Kai Wen on 20230405 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divBenefitPlanMaint { width: 850px; height: 620px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divCopyBenefitPlan { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divEcoyMaint { width: 500px; height: 600px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divDeptMaint { width: 500px; height: 290px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divEntDetails { width: 650px; height: 420px; /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divChangePassword { width: 300px; height: 200px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divCopyPolicy { width: 330px; height: 200px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divLocationDetails { width: 500px; height: 350px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divWorkCalendarMaint { width: 400px; height: 300px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divWCalendarCode { width: 400px; height: 220px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divWScheduleMaint { width: 580px; height: 420px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } /*Start: added on 20150607 by wailoong*/ #divShiftRule { width: 580px; height: 420px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divOTRule { width: 580px; height: 420px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divOTDetails { width: 580px; height: 420px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divBreakRule { width: 580px; height: 420px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divBreakDetails { width: 580px; height: 420px; /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } /*End: added on 20150607 by wailoong*/ #divStaffGrpMaint { width: 480px; height: 280px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divECalendarMaint { width: 720px; height: 400px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divPCalendarMaint { width: 720px; height: 400px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divEmployeeDetails { width: 780px; height: 550px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divGenerateSchedule { width: 430px; height: 210px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divLeavePolicyGrp { width: 430px; height: 210px; /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divLeavePolicyOption { width: 430px; height: 210px; /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divAuxifl { width: 680px; height: 300px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divReportMaint { width: 520px; height: 320px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divDelMaint { width: 550px; height: 300px; /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divIT8ModuleMaint { width: 480px; height: 420px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divMessage { width: 240px; height: 290px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divWFMaint { width: 400px; height: 300px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ z-index: 101 !important; } .ui-dialog { /*z-index: 101 !important;*/ /* Commented by Kai Wen on 20230329 TaskID : 12284 To let err dialog block Maint dialog */ } #divAGrpMaint { width: 400px; height: 240px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divEmailRecipGrpMaint { width: 400px; height: 240px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divWFLTMaint { width: 400px; height: 240px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divWFPolGroupMaint { width: 400px; height: 240px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divTeamMaint { width: 400px; height: 240px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divEmpWF { width: 400px; height: 240px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divJobAllDedMaint { width: 430px; height: 240px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divAuthGrpMaint { width: 430px; height: 240px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divMember { width: 500px; height: 500px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divStaffGrpAWFMaint { width: 480px; height: 280px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divTermMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divFKMaint { width: 400px; height: 300px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divTASetupMaint { width: 400px; height: 300px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divAttnLogMaint { width: 400px; height: 300px; /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divPeriod { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divCurrencyMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRXSetupMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divBizPurposeMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRateTypeMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divTerritoryMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divCurrRateMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divCurrRateDetailsMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRXCategoryMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divStaffCatMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRXItemMaint{ /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRXItemRateMaint { /*background: #FFFFFF;*/ /* Commented by Kai Wen on 20230322 TaskID : 12284 */ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRXAutoRateMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divJobPositionMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divResourceMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divResourceEmployeeMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRosterPolicyMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRosterOptionMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRosterOptionDetails { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRosterGroupMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRosterGroupDetails { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRosterOrderMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divRosterOrderDetails { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divTaskActivityMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divSkillMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divSkillMemberMaint { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #divMessage { /*background: #FFFFFF;*/ /*font-size: 11px;*/ /* Commented by Kai Wen on 20230410 TaskID : 12284 */ } #tooltip { width: 180px; min-height: 20px; height: auto; background: #FFFFFF; font-size: 11px; } #producttooltip { width: 250px; min-height: 20px; height: auto; background: #FFFFFF; font-size: 11px; } #NotificationInfo { width: 250px; min-height: 20px; height: auto; background: #FFFFFF; font-size: 11px; } #loginInfo { border :0px !important; background-color :#f5f5f5 !important; width: 250px; min-height: 20px; height: auto; font-size: 11px; } #foo { overflow: hidden; height: 100%; } #ui-datepicker-div { font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ z-index: 1100 !important; position: absolute; background-color: #e6e6e6; border: 1px solid #ccc; box-shadow: 2px 2px 8px #ccc; -moz-box-shadow: 2px 2px 8px #ccc; -webkit-box-shadow: 2px 2px 8px #ccc; } .ModalPopUpContentTitle { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 16px; font-weight: bold; } .HellowWorldPopup { width: 520px; height: 600px; background: #FFFFFF; } .PopupBody { width: 100%; height: 100%; background: #FFFFFF; } .CalendarButton { background-image: url('../Images/svg/clock_18px.svg'); background-position: left; background-repeat: no-repeat; /*-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;*/ vertical-align: middle; text-align: left; height: 25px; width: 100px; padding-left: 25px; cursor: pointer; } #PlaceHolder { margin: 10px; height: 98%; width: 98%; } #PlaceHolderContent { margin: auto; height: 98%; width: 98%; } .HeaderCSS { color: Snow; line-height: 30px; background-color: #6C006C; background-image: linear-gradient(to bottombottom, #6C006C 0%,#A600A6 40%); /* FF3.6+ */ font-size: medium; border: solid 1px #eee2ee; font-weight: bold; padding: 5px; } .HeaderSelectedCSS { color: Snow; line-height: 30px; background-color: #6C006C; font-weight: bold; font-style: italic; border: solid 1px; padding: 5px; border: solid 1px #eee2ee; } .AccordionContent { color: #6c006c; line-height: 30px; background-color: #f3f3f3; border-color: black; height: auto; box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2), inset 0px 0 0px 0px rgba(0, 0, 0, .5); -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2), inset 0px 0 0px 0px rgba(0, 0, 0, .5); -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2), inset 0px 0 0px 0px rgba(0, 0, 0, .5); } #accordion { height: 50%; margin: 0; padding: 0; } /* Start: Added by Kean on 20230330 TaskID : 12284 */ #accordion .ui-accordion-header { background-color: transparent; margin: 0px; width: 240px; border-radius: 0 40px 40px 0; border: 0px; padding-top: 0.2em; /* Added by Kai Wen on 20230524 TaskID : 12284 */ padding-bottom: 0.2em; /* Added by Kai Wen on 20230524 TaskID : 12284 */ } #accordion .ui-accordion-header:hover { background-color: #edf2f3 !important; } #accordion .ui-accordion-header:active { font-weight: bold; } /* End: Added by Kean on 20230330 TaskID : 12284 */ /* Start : Commented by Kai Wen on 20230320 TaskID : 12284 */ /*#accordion .ui-state-active { background-color: #320033 !important; }*/ /*#accordion .ui-state-default a { color: #000000; }*/ /*#accordion .ui-state-active a, #accordion .ui-state-hover a { color: #2aaccb; }*/ /*#accordion .ui-state-hover { background-color: #320033 !important; }*/ /* End : Commented by Kai Wen on 20230320 TaskID : 12284 */ #accordion .ui-accordion-content { border: 0 !important; padding: 0px; /* Modified by Kean on 20230330 TaskID : 12284 */ width: 100%; height: auto; background-color: transparent; /* Modified by Kean on 20230330 TaskID : 12284 */ color: #000000; /* Modified by Kai Wen on 20230320 TaskID : 12284 */ font-size: 14px; /* Modified by Kean on 20230330 TaskID : 12284 */ /*box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2), inset 0px -1px 0px 0px rgba(0, 0, 0, .4);*/ } #accordion .ui-accordion-content > * { margin: 0 auto; padding: 0px; /* Modified by Kean on 20230330 TaskID : 12284 */ } /* Start : Commented by Kai Wen on 20230320 TaskID : 12284 */ /*#accordion .ui-accordion-content a { color: #000000; }*/ /* End : Commented by Kai Wen on 20230320 TaskID : 12284 */ /*modified on 20140908 by wailoong*/ #accordion .ui-accordion-header a { /*color: #000000;*/ /* Commented by Kai Wen on 20230320 TaskID : 12284 */ padding-left: 35px; /* Added by Kean on 20230330 TaskID : 12284 */ display: block; width: calc(240px - 0.5em); /* Modified by Kean on 20230330 TaskID : 12284 */ line-height: 32px; /* Modified by Kean on 20230330 TaskID : 12284 */ font-size: 14px; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ text-indent: 5px; font-weight: bold; /*text-shadow: 1px 1px 0px rgba(0,0,0,0.2);*/ /*border-right: 1px solid rgba(0, 0, 0, .2); border-left: 1px solid rgba(0, 0, 0, .2); border-bottom: 1px solid rgba(0, 0, 0, .2); border-top: 1px solid rgba(250, 250, 250, .2);*/ } #accordion .ui-accordion-header a:visited { /*font-weight: bold;*/ } #accordion .ui-accordion-header:first-of-type a { /*box-shadow: 0px -1px 0px 0px #b85c0f;*/ } #accordion .ui-accordion-content:last-of-type { /*box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2), inset 0px 0 0px 0px rgba(0, 0, 0, .5); -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2), inset 0px 0 0px 0px rgba(0, 0, 0, .5); -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2), inset 0px 0 0px 0px rgba(0, 0, 0, .5);*/ } /* Start: Added by Kean on 20230330 TaskID : 12284 */ .ui-accordion-content ul .MenuSubHeader { font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 49px; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } .ui-accordion-content ul ul { padding-left: 0px; } .ui-accordion-content ul li { width: 240px; border-radius: 0 40px 40px 0; cursor: pointer; } .ui-accordion-content ul li:hover { background-color: #edf2f3 !important; } .ui-accordion-content ul li a { padding-top: 5px; padding-bottom: 5px; padding-left: 49px; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ display: block; width: 240px; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ } /* End: Added by Kean on 20230330 TaskID : 12284 */ /* Start : Added by Kai Wen on 20230320 TaskID : 12284 */ /*Selected Sub Menu*/ #accordion b { color: #2aaccb; } /* End : Added by Kai Wen on 20230320 TaskID : 12284 */ /*#accordion .ui-state-active .dynamicIcon:before, #accordion .ui-state-hover .dynamicIcon:before { color: #2aaccb; }*/ #top { position: absolute; top: 0; width: 100%; height: 70px; } .Welcome { margin: 0; width: 100%; height: 20px; background-color: #6c006c; color: white; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ vertical-align: text-bottom; } #left { position: absolute; width: 200px; top: 90px; background-image: linear-gradient(to bottombottom, #A600A6 0%,#D25fD2 40%); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ } #right { position: absolute; top: 90px; left: 200px; right: 0; bottom: 0px; background: white; } .popUpBackground { /*background-color: #FFFFFF;*/ background-image: linear-gradient(to bottombottom, #D235D2 0%,white 40%); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ } .IT8Grid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; /*border: solid 1px #525252;*/ border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -khtml-border-radius: 10px 10px 0px 0px; border-collapse: collapse; font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } .IT8Grid td { height: 19px; padding-left: 5px; border: 0px; color: #000000; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ } .IT8Grid td.GridCenter { padding-left:5px; padding-left:5px; text-align: center; text-align: -webkit-center; } .IT8Grid td.GridInteger { text-align: left; padding-left:3px; padding-right:3px; } .IT8Grid td.GridString { text-align: left; padding-left:3px; padding-right:3px; } .IT8Grid td.GridDate { text-align: left; padding-left:3px; padding-right:3px; } .IT8Grid td.GridDecimal { text-align: right; padding-left:3px; padding-right:3px; } .IT8Grid td.GridDecimalPadRight { text-align: right; padding-right: 15px; } .IT8Grid td.GridStringPadLeft { text-align: left; padding-left:15px; } .IT8Grid td.GridBreakWord { max-width : 150px; overflow-wrap : break-word; } .IT8Grid td.PreWrap { white-space: pre-wrap; } .IT8Grid th { padding: 4px 0px 4px 5px; height: 18px; color: #000; background: #DCDCD8; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ /*background: #2aaccb38;*/ font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ font-family: 'Roboto',Arial,Helvetica,sans-serif;/* Modified by Kai Wen on 20230524 TaskID : 12284 */ } /* Start : Added by Kai Wen on 20230331 TaskID : 12284 */ #tblTADate.IT8Grid th { background: #DCDCD8; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } .IT8Grid:not(.no-border-radius) > tbody > tr:first-child > th:first-child { border-radius: 10px 0px 0px 0px; } .IT8Grid:not(.no-border-radius) > tbody > tr:first-child > th:last-child { border-radius: 0px 10px 0px 0px; } /* End : Added by Kai Wen on 20230331 TaskID : 12284 */ .firstChildBorder { border-radius: 10px 0px 0px 0px; } .lastChildBorder { border-radius: 0px 10px 0px 0px; } .IT8Grid th.GridCenter { padding-left:5px; padding-right:5px; text-align: center; } .IT8Grid th.GridInteger { text-align: left; padding-left:3px; padding-right:3px; } .IT8Grid th.GridString { text-align: left; padding-left:3px; padding-right:3px; } .IT8Grid th.GridDate { text-align: left; padding-left:3px; padding-right:3px; } .IT8Grid th.GridDecimal { text-align: right; padding-left:3px; padding-right:3px; } .IT8Grid th.GridDecimalPadRight { text-align: right; padding-right: 15px; } .IT8Grid th.GridStringPadLeft { text-align: left; padding-left:15px; } .IT8Grid .alt { background: #F9F9F8; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } .IT8Grid .pgr { /*background: #424242 url('../Images/grd_pgr.png') repeat-x top;*/ background-color:#dcdcd8; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } .IT8Grid .pgr table { margin: 0; } .IT8Grid .pgr td { border-width: 0; padding-right: 10px; padding: 0 6px; /*border-left: solid 1px #666;*/ font-weight: bold; color: #000000; /* Modified by Kai Wen on 20230320 TaskID : 12284 */ line-height: 20px; } .IT8Grid .pgr a { color: #666; text-decoration: none; } .IT8Grid .pgr a:hover { color: #000; text-decoration: none; } .IT8Grid .dotStart { height: 12px; width: 12px; background-color: #84c224; border-radius: 50%; display: inline-block; } .IT8Grid .dotEnd { height: 12px; width: 12px; background-color: #de4012; border-radius: 50%; display: inline-block; opacity:0.8; } .IT8gvItemCenter { text-align: center; } .IT8Scrollable { width:300px; overflow-x:auto } /* Start : Added by Kai Wen on 20230324 TaskID : 12284 */ /* Start : Modified by Kai Wen on 20230404 TaskID : 12284 */ .btn-filled-primary, #btnNew, .btnNew, #btnAddRow, #btnSubNew, #btnNewCode, #btnExtra, #btnAddApprover, #btnAddRecip, #btnAddMember, #btnAddMulti, #btnAddEmployee, .btnUpload, #btnOK, #btnSelect, .btnSelect, .btnUpdatePayrunAudtLst, #btnExportRoster, .btnAmend, .btnNext, #btnSendPendEmail { background-color: #2aaccb; color: #ffffff; border: none; /* Added by Kai Wen on 20230331 TaskID : 12284 */ } .btn-filled-secondary, #btnSave, #btnChgPassSave, .btnSave, #btnSavePolicyGrp, #btnSubSave, #btnCalCodeSave #btnSubmit, .btnSubmit, .btnConfirm, .btnDownload, .btnApprove, #btnPost, .btnPost, .btnProcess, .btnReopen { background-color: #33cccc; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ color: #ffffff; border: none; /* Added by Kai Wen on 20230331 TaskID : 12284 */ } #btnReset, .btnReset, #btnSubReset, #btnCopy, .btnCopy, .btnBack, .btnList { background-color: #e9f6f5; color: #000000; border: none; } .btnReject, #btnCancel, .btnCancel, .btnReturn, #btnDelete, .btnDelete, #btnRemoveStep, .btnRemoveStep { background-color: #FA8072; color: #fff; border: none; } .btnValidate { background-color: #febd58; color: #fff; border: none; } /*#btnGenerate,*/ .btnGenerate { /*background-repeat: no-repeat;*/ /*background-image: url('../Images/svg/generate.svg');*/ /* Commented by Kai Wen on 20230331 TaskID : 12284 */ /*background-size: 24px;*/ /* Added by Kai Wen on 20230328 TaskID : 12284 */ /*width: 150px !important;*/ /* Added by Kai Wen on 20230331 TaskID : 12284 */ font-weight: bold; /* Added by Kai Wen on 20230331 TaskID : 12284 */ } .btn-lg, .btnGenerate, .btnDownload, .btnApprove, .btnValidate, .btnReject, .btnReturn, .btnConfirm, .btnProcess, #btnAddMember { width: 120px !important; } .btn-xl { width: 200px !important; } .btn-xxl { width: 240px !important; } .btn-xxxl { width: 280px !important; } /* End : Modified by Kai Wen on 20230404 TaskID : 12284 */ .btn-outline-white { background-color: #ffffff; color: #000000; border: 1px solid #ccc; /*box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);*/ } .lnk-btn-style { width: auto; text-align: center; } .lnk-btn-black { color: #000000 !important; } .lnk-btn-black:hover { color: #2aaccb !important; } /* End : Added by Kai Wen on 20230324 TaskID : 12284 */ /*Image Button's Image*/ /* Start : Commented by Kai Wen on 20230403 TaskID : 12284 */ /*#btnNew, #btnNewPolType, #btnAddRow, #btnSubNew, .btnNew, #btnNewCode, #btnExtra, #btnAddApprover, #btnAddRecip, #btnAddMember, #btnAddMulti, #btnAddEmployee { background-repeat: no-repeat; background-image: url('../Images/svg/add_white.svg'); background-size: 24px; }*/ /* Start : Added by Kai Wen on 20230329 TaskID : 12284 */ /*.btnNew-outline { background-repeat: no-repeat; background-image: url('../Images/svg/add_circle_primary.svg'); background-size: 24px; }*/ /* End: Added by Kai Wen on 20230329 TaskID : 12284 */ /*#btnDownload, .btnDownload { background-repeat: no-repeat; background-image: url('../Images/download.png'); }*/ /* End : Commented by Kai Wen on 20230403 TaskID : 12284 */ /*#btnRemoveStep, .btnRemoveStep { background-repeat: no-repeat; background-image: url('../Images/remove.png'); }*/ /* Start : Commented by Kai Wen on 20230403 TaskID : 12284 */ /*#btnEditPolType { background-repeat: no-repeat; background-image: url('../Images/svg/note_edit.svg'); background-size: 24px; }*/ /* End : Commented by Kai Wen on 20230403 TaskID : 12284 */ #btnLogin, .btnLogin { width: 300px; height: 40px; /*background-repeat: no-repeat; background-image: url('../Images/Login.png');*/ background-color: #000000; /* Modified by Kai Wen on 20230404 TaskID : 12284 */ color : #ffffff; text-align:center; border:0; border-radius: 100px; /* Added by Kai Wen on 202300404 TaskID : 12284 */ box-shadow : 2px 2px 8px #ccc; -moz-box-shadow : 2px 2px 8px #ccc; -webkit-box-shadow : 0px 0px 8px 2px #ccc; } #btnMFA, .btnMFA { width: 140px; height: 40px; /*background-repeat: no-repeat; background-image: url('../Images/Login.png');*/ background-color: #000000; /* Modified by Kai Wen on 20230404 TaskID : 12284 */ color : #ffffff; text-align:center; border:0; border-radius: 100px; /* Added by Kai Wen on 202300404 TaskID : 12284 */ box-shadow : 2px 2px 8px #ccc; -moz-box-shadow : 2px 2px 8px #ccc; -webkit-box-shadow : 0px 0px 8px 2px #ccc; } .btnMFA.Left{ float: left; } .btnMFA.Right{ float: right; } /* Start : Added by Kai Wen on 202300404 TaskID : 12284 */ .header-welcome, .header-change-ps { color:#000000; text-shadow: 0px 0px 10px #ffffff; margin: 0; } /* End : Added by Kai Wen on 202300404 TaskID : 12284 */ /* Start : Added by Kai Wen on 20230524 TaskID : 12284 */ .header-welcome { font-size:xxx-large; } .header-change-ps { font-size:xx-large; } /* End : Added by Kai Wen on 20230524 TaskID : 12284 */ /* Start : Modified by Kai Wen on 20230407 TaskID : 12284 */ .btnSearch, #btnEdit, .btnEdit, .btnHistory, .btnPrev, .btnNext, .btnResetIcon, .btnAdvEmpSearch, /* Added by Kai Wen on 20231218 TaskID : 13039 */ .btnApplyEmpSearch, /* Added by Kai Wen on 20231218 TaskID : 13039 */ button.AdvEmpSearch /* Added by Kai Wen on 20240417 TaskID : 13039 */ { color: transparent !important; /* To "hide" text */ width: 30px !important; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ height: 30px !important; border: none; background-size: 24px; background-repeat: no-repeat; background-position: center; } .btnSearch { background-image: url('../Images/svg/search_white.svg'); /* Modified by Kai Wen on 20230331 TaskID : 12284 */ /* Added by Kai Wen on 20230328 TaskID : 12284 */ /* Start : Added by Kai Wen on 20230331 TaskID : 12284 */ background-color: #febd58; /* End : Added by Kai Wen on 20230331 TaskID : 12284 */ } #btnEdit, .btnEdit { /* Modified by Kai Wen on 20230404 TaskID : 12284 */ background-image: url('../Images/svg/note_edit.svg'); /* Modified by Kai Wen on 20230328 TaskID : 12284 */ /* Start : Added by Kai Wen on 20230331 TaskID : 12284 */ background-color: #33cccc; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ /* End : Added by Kai Wen on 20230331 TaskID : 12284 */ } .btnHistory { background-image: url('../Images/svg/md_history_white_18px.svg'); background-color: #febd58; } .btnPrev { background-image: url('../Images/svg/md_before.svg'); background-color: #e9f6f5; } .btnNext { background-image: url('../Images/svg/md_next.svg'); background-color: #e9f6f5; } /* End : Modified by Kai Wen on 20230407 TaskID : 12284 */ /* Start : Added by Kai Wen on 20231129 TaskID : 13039 */ .btnResetIcon { background-image: url('../Images/svg/md_reset_white.svg'); background-color: #FA8072; } /* End : Added by Kai Wen on 20231129 TaskID : 13039 */ /* Start : Added by Kai Wen on 20231218 TaskID : 13039 */ /* Start : Modified by Kai Wen on 20240417 TaskID : 13039 */ .btnAdvEmpSearch { background-color: transparent; background-size: 16px; height: 20px !important; width: 20px !important; margin: 0px 0px 0px 5px; } .btnAdvEmpSearch.on { background-image: url('../Images/svg/select_all_black.svg'); } .btnAdvEmpSearch.off { background-image: url('../Images/svg/deselect_black.svg'); } button.AdvEmpSearch { background-color: transparent; background-image: url('../Images/svg/filter_alt_black.svg'); background-size: 16px; height: 20px !important; width: 20px !important; } /* End : Modified by Kai Wen on 20240417 TaskID : 13039 */ .btnApplyEmpSearch { background-image: url('../Images/svg/play_circle_outline_white.svg'); background-color: #33cccc; } /* End : Added by Kai Wen on 20231218 TaskID : 13039 */ /*.btnSyn { background-repeat: no-repeat; background-image: url('../Images/Synchronization.png'); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; text-align: left; height: 30px; width: 80px; padding-left: 30px; }*/ /* Start : Commented by Kai Wen on 20230403 TaskID : 12284 */ /*#btnReset, .btnReset, #btnSubReset { background-repeat: no-repeat; background-image: url('../Images/svg/reset.svg'); background-size: 24px; }*/ /*.btnUpload { background-repeat: no-repeat; background-image: url('../Images/svg/upload.svg'); background-size: 24px; }*/ /*#btnSave, #btnChgPassSave, .btnSave, #btnSavePolicyGrp, #btnSubSave, #btnCalCodeSave { background-repeat: no-repeat; background-image: url('../Images/svg/save_white.svg'); background-size: 24px; }*/ /*#btnPost, .btnPost { background-repeat: no-repeat; background-image: url('../Images/posting.png'); }*/ /* End : Commented by Kai Wen on 20230403 TaskID : 12284 */ /*#btnDelete, .btnDelete { background-repeat: no-repeat; background-image: url('../Images/delete.png'); }*/ /* Start : Commented by Kai Wen on 20230403 TaskID : 12284 */ /*#btnSubmit, .btnSubmit, .btnGenerate { background-repeat: no-repeat; background-image: url('../Images/svg/submit_white.svg'); i background-size: 24px; }*/ /*.btnApprove, #btnSelect, .btnValidate, #btnOK, .btnUpdate { background-repeat: no-repeat; background-image: url('../Images/accept.png'); }*/ /* End : Commented by Kai Wen on 20230403 TaskID : 12284 */ .btnLargeDownload { background-repeat: no-repeat; background-image: url('../Images/svg/md_download.svg'); background-position: center; background-size: 150px; width: 200px !important; height: 200px !important; border-radius: 50px; } .btnNewApp { background-repeat: no-repeat; background-image: url('../Images/svg/event_available.svg'); /* Modified by Kai Wen on 20230328 TaskID : 12284 */ /*background-position: top center;*/ } /* Start : Added by Kai Wen on 20230407 TaskID : 12284 */ .btnNewCancelApp { background-repeat: no-repeat; background-image: url('../Images/svg/event_busy.svg'); } /* End : Added by Kai Wen on 20230407 TaskID : 12284 */ .btnLoadApp { background-repeat: no-repeat; background-image: url('../Images/svg/folder_open.svg'); /* Modified by Kai Wen on 20230328 TaskID : 12284 */ /*background-position: top center;*/ } .btnGenReport { background-repeat: no-repeat; background-image: url('../Images/svg/pdf.svg'); /*background-position: top center;*/ } .btnEndMonth { background-repeat: no-repeat; background-image: url('../Images/svg/event_repeat.svg'); /*background-position: top center;*/ } .btnSyn { background-repeat: no-repeat; background-image: url('../Images/svg/sync.svg'); /*background-position: 20% 30%;*/ } .btnUpdateEEID { background-repeat: no-repeat; background-image: url('../Images/svg/update.svg'); /*background-position: 20% 25%;*/ } /*.btnEndYear { background-repeat: no-repeat; background-image: url('../Images/6464/yearEnd.png');*/ /*background-position: top center;*/ /*}*/ .btnDBBackup { background-repeat: no-repeat; background-image: url('../Images/6464/dbBackup.png'); /*background-position: top center;*/ } .btnDBRestore { background-repeat: no-repeat; background-image: url('../Images/6464/dbRestore.png'); /*background-position: top center;*/ } /* Start : Commented by Kai Wen on 20230403 TaskID : 12284 */ /*.btnReject, #btnCancel { background-repeat: no-repeat; background-image: url('../Images/remove.png'); }*/ /*.btnReturn { background-repeat: no-repeat; background-image: url('../Images/returnDoc.png'); }*/ /* End : Commented by Kai Wen on 20230403 TaskID : 12284 */ /*.btnReopen { background-repeat: no-repeat; background-image: url('../Images/reOpen.png'); }*/ /*.btnLandPersonal { background-repeat: no-repeat; background-image: url('../Images/6464/personal.png');*/ /*background-position: top center;*/ /*}*/ /*.btnLandReport { background-repeat: no-repeat; background-image: url('../Images/6464/reports.png');*/ /*background-position: top center;*/ /*}*/ /*.btnLandEleave { background-repeat: no-repeat; background-image: url('../Images/6464/leave.png');*/ /*background-position: top center;*/ /*}*/ /*.btnLandApprover { background-repeat: no-repeat; background-image: url('../Images/6464/approver.png');*/ /*background-position: top center;*/ /*}*/ /*added on 20141118 by wailoong*/ .btnEmail { background-repeat: no-repeat; background-image: url('../Images/svg/email_18px.svg'); /* Modified by Kai Wen on 20230407 TaskID : 12284 */ /*background-position: top center;*/ } .btnLandSetup { background-repeat: no-repeat; background-image: url('../Images/svg/account_tree.svg'); /* Modified by Kai Wen on 20230407 TaskID : 12284 */ /*background-position: top center;*/ } /*.btnLandEnquiry { background-repeat: no-repeat; background-image: url('../Images/6464/enquiry.png');*/ /*background-position: top center;*/ /*}*/ /*.btnLandMisc { background-repeat: no-repeat; background-image: url('../Images/6464/misc.png');*/ /*background-position: top center;*/ /*}*/ .btnCSV { background-repeat: no-repeat; background-image: url('../Images/6464/csv.png'); /*background-position: top center;*/ } /* Start : Modified by Kai Wen on 20230329 TaskID : 12284 */ .addDate { background-repeat: no-repeat; background-image: url('../Images/svg/add_circle_primary.svg'); background-size:22px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; text-align: left; height: 22px; width: 22px; background-color: #ffffff; border: 0px; /*box-shadow: 2px 2px 8px #ccc;*/ cursor: pointer; background-position: center; } .addDate:hover { opacity: 0.8; } /* End : Modified by Kai Wen on 20230329 TaskID : 12284 */ .CancelAdd { background-repeat: no-repeat; background-image: url('../Images/svg/circle_red_18px.svg'); /*-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;*/ text-align: left; height: 22px; width: 22px; } .SearchItemCode { background-repeat: no-repeat; background-image: url('../Images/svg/search_18px.svg'); /*-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;*/ text-align: left; height: 22px; width: 22px; } /* Start : Commented by Kai Wen on 20230406 TaskID : 12284 Not In Use */ /*.btnRetrieveEmployee*/ /*, #btnSearchLVPolGrp*/ /* Commented by Kai Wen on 20230403 TaskID : 12284 */ /*{ background-repeat: no-repeat; background-image: url('../Images/search.png');*/ /*-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;*/ /*text-align: left; height: 30px; width: 80px; padding-left: 30px; }*/ /* end : Commented by Kai Wen on 20230406 TaskID : 12284 */ #btnChgPassCancel { background-repeat: no-repeat; background-image: url('../Images/remove.png'); } /*#btnChangePassword { background-repeat: no-repeat; background-image: url('../Images/ChgPassword.png'); }*/ /* Start : Commented by Kai Wen on 20230403 TaskID : 12284 */ /*#btnCopy, .btnCopy { background-repeat: no-repeat; background-image: url('../Images/copy.png'); }*/ /* End : Commented by Kai Wen on 20230403 TaskID : 12284 */ /*#btnSendPendEmail { background-repeat: no-repeat; background-image: url('../Images/mail.png'); }*/ #btnFilterEmp, .btnFilterEmp { background-repeat: no-repeat; background-image: url('../Images/filter.png'); /* Start: Added by Kai Wen on 20230404 TaskID : 12284 */ background-position: center; width: 35px !important; height: 35px !important; /* End: Added by Kai Wen on 20230404 TaskID : 12284 */ } #btnFilter, .btnFilter { background-repeat: no-repeat; background-image: url('../Images/filter.png'); } .calLeave { font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } .calLeave td title { } .TodayStyle { background-color: #FEDC67; } .DayStyle { font-weight: bold; vertical-align: top; background-color: white; } .NextPrevStyle { font-size: 10px; font-weight: bold; color: white; } .DayHeaderStyle { font-size: 13px; font-weight: bold; color: black; background-color: #EFF5A0; } .TitleStyle { font-size: 14px; background-color: purple; color: #FFFFFF; } .WeekendDayStyle { font-size: 13px; font-weight: bold; color: black; background-color: #FEFBCD; } .OtherMonthDayStyle { font-size: 13px; font-weight: bold; color: grey; background-color: #E6E6E6; } .MenuSubItem { cursor: pointer; padding: 5px 2px; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } /*Loading div*/ /* Start : Commented by Kai Wen on 20230406 TaskID : 12284 Not In Use */ /*#dvLoading { background: #000 url('../Images/mail.png') no-repeat center center; height: 100px; width: 100px; position: fixed; z-index: 1000; left: 50%; top: 50%; margin: -25px 0 0 -25px; }*/ /* End : Commented by Kai Wen on 20230406 TaskID : 12284 */ .DataListHeader { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 14px; font-weight: bold; /*color: #ffffff; background: #ffffff url('../images/grd_head.png') repeat-x top;*/ background: #DCDCD8 !important; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ padding-top: 5px; padding-bottom: 5px; padding-left:10px; /* Added by Kai Wen on 20230331 TaskID : 12284 */ } .DataListAlt { font-family: arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 12px; background-color: #faf4fd; } .DataListItem { font-family: arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 12px; background-color: #fefaef; } .DataListFooter { background-color: #ffd766; } .DataListPager { font-weight: bold; background-color: #ffffe9; } /*.tooltip { background-color: Yellow; position: absolute; border-style: solid; border-width: 1px; }*/ .tblFirst { float: left; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ border-collapse: collapse; font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } .tblFirst td { padding: 5px; white-space: nowrap; border: 1px solid #6C006C; text-align: left; } .tblFirst th { padding: 5px; white-space: nowrap; border: 1px solid #6C006C; text-align: center; } .headcol { position:absolute; top:auto; left:240px; border-right: 0px none black; border-top-width:3px; /*only relevant for first row*/ width:200px; background-color:white } .tblSecond { text-align: center; width: 580px; min-width: 580px; overflow-x: scroll; /*font-size:12px; border-collapse:collapse; font-family: 'Roboto',Arial,Helvetica,sans-serif;*/ } .tblSecond table { font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ border-collapse: collapse; font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ } .tblSecond td { padding: 5px; white-space: nowrap; border: 1px solid #6C006C; } .tblSecond td div { cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Not implemented yet */ -o-user-select: none; user-select: none; } .tblSecond th { padding: 5px; white-space: nowrap; border: 1px solid #6C006C; } .txtDateLeft { color: red; } .txtRestDay { color: red; } .txtSunday { color: red; } .txtPH { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 11px; color: firebrick; font-style: italic; font-weight:bold; } .txtWCal { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 11px; color: firebrick; font-style: italic; font-weight:bold; } .special { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 11px; outline: none; cursor: pointer; } .special strong { line-height: 30px; } .special a { text-decoration: none; font-weight: bold; } .special a:link { text-decoration: none; font-weight: bold; } .special a:visited { text-decoration: none; font-weight: bold; } .special a:hover { text-decoration: none; font-weight: bold; } .special a:active { text-decoration: none; font-weight: bold; } .special span { z-index: 10; /*display: none;*/ padding: 5px 5px; margin-top: -10px; margin-left: 20px; width: 150px; line-height: 16px; position:fixed; font-weight: normal; opacity: 0; /*transition: opacity 0.25s ease-in-out !important; -moz-transition:opacity 0.25s ease-in-out !important; -o-transition:opacity 0.25s ease-in-out !important; -webkit-transition:opacity 0.25s ease-in-out !important ;*/ border-radius: 6px !important; -moz-border-radius: 6px !important; -webkit-border-radius: 6px !important; -moz-box-shadow: 2px 2px 8px #CCC !important; -webkit-box-shadow: 2px 2px 8px #CCC !important; box-shadow: 2px 2px 8px #CCC !important; } .special a:hover span { display: block; color: #111; border: 1px solid #DCA; background: #fffAF0; position:fixed; opacity: 1; } .callout { z-index: 20; position: absolute; top: 8px; border: 0; left: -12px; } /*CSS3 extras*/ .specialDay span { /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/ -moz-box-shadow: 2px 2px 8px #CCC; -webkit-box-shadow: 2px 2px 8px #CCC; box-shadow: 2px 2px 8px #CCC; } .specialDay span { font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 11px; outline: none; cursor: pointer; vertical-align: middle; } .specialDay:hover span span { display: inline; color: #111; border: 1px solid #DCA; background: #fffAF0; } .specialDay span span { z-index: 10; display: none; width: 200px; padding: 5px 5px; margin-top: -10px; margin-left: 20px; width: 150px; min-height: 30px; height: auto; line-height: 16px; position: absolute; white-space: normal; vertical-align: middle; } #divColorCode span span { z-index: 20; display: none; padding: 10px 10px; margin-top: 10px; /* Modified by Kai Wen on 20230622 TaskID: 14124 */ /*margin-left: -270px;*/ /* Commented by Kai Wen on 20230622 TaskID: 14124 */ width: auto; min-height: 30px; height: auto; line-height: 16px; position: absolute; white-space: normal; vertical-align: middle; background: #fffAF0; } #divColorCode:hover { cursor: pointer; } /* Start: Commented by Kai Wen on 20230622 TaskID: 14124 */ /*#divColorCode:hover span span { display: inline; color: #111; border: 1px solid #DCA; background: #fffAF0; }*/ /* End: Commented by Kai Wen on 20230622 TaskID: 14124 */ #divColorCode span span { /*CSS3*/ /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/ -moz-box-shadow: -5px 5px 8px #CCC; -webkit-box-shadow: -5px 5px 8px #CCC; box-shadow: -5px 5px 8px #CCC; /* Start: Added by Kai Wen on 20230622 TaskID: 14124 */ color: #111; border: 1px solid #DCA; background: #fffAF0; /* End: Added by Kai Wen on 20230622 TaskID: 14124 */ } #divAboutProduct span span { z-index: 20; display: none; padding: 10px 10px; margin-top: 10px; margin-left: -270px; width: auto; min-height: 30px; height: auto; line-height: 16px; position: fixed; white-space: normal; vertical-align: middle; background: #fffAF0; right:0px; margin-right: -300px; } #divAboutProduct:hover { cursor: pointer; } #divAboutProduct:hover span span { display: inline-block; color: black; border: 1px solid #DCA; background: #fffAF0; } #divAboutProduct span span { /*CSS3*/ /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/ -moz-box-shadow: -2px 2px 8px #CCC; -webkit-box-shadow: -2px 2px 8px #CCC; box-shadow: -2px 2px 8px #CCC; } #divNotification span span { z-index: 20; display: none; padding: 10px 10px; margin-left: -270px; width: auto; min-height: 30px; height: auto; line-height: 16px; position: fixed; white-space: normal; vertical-align: middle; background: #fffAF0; right:0px; margin-top: 65px; } #divNotification:hover { cursor: pointer; } #divNotification:hover span span { display: inline-block; color: black; border: 1px solid #DCA; background: #fffAF0; } #divNotification span span { /*CSS3*/ /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/ -moz-box-shadow: -2px 2px 8px #CCC; -webkit-box-shadow: -2px 2px 8px #CCC; box-shadow: -2px 2px 8px #CCC; } #divAboutLoginInfo span span { z-index: 20; display: none; padding: 10px 10px; margin-top: -300px; margin-left: -270px; width: auto; min-height: 30px; height: auto; line-height: 16px; position: fixed; white-space: normal; vertical-align: middle; background: #fffAF0; right:0px; margin-right: -300px; } #divAboutLoginInfo:hover { cursor: pointer; } #divAboutLoginInfo:hover span span { display: inline-block; color: black; border: 1px solid #DCA; background: #fffAF0; } #divAboutLoginInfo span span { /*CSS3*/ /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/ -moz-box-shadow: -2px 2px 8px #CCC; -webkit-box-shadow: -2px 2px 8px #CCC; box-shadow: -2px 2px 8px #CCC; } .headerTab:hover, .btnAdvEmpSearch:hover, /* Added by Kai Wen on 20240417 TaskID : 13039 */ button.AdvEmpSearch:hover { /* Added by Kai Wen on 20240417 TaskID : 13039 */ filter: invert(65%) sepia(91%) saturate(1089%) hue-rotate(153deg) brightness(84%) contrast(87%); /*background-color: transparent;*/ } /*.errorClass { border: 1px solid red; }*/ .errorClass { color:red } .hiddenClass { display:none; } .hiddenClass2 { display:none; } .truncate { width:200px; overflow:hidden; text-overflow:ellipsis; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; } /*.divPopUp { background: #FFFFFF; font-size: 11px; }*/ .noAccess { display:none !important; } .ui-datepicker-title{ color : #000000; /* Modified by Kai Wen on 20230329 TaskID : 12284 */ } .ui-slider{ background-color: #ccc !important; } .ui-slider-handle{ background-color: #2aaccb !important; /* Modified by Kai Wen on 20230329 TaskID : 12284 */ } #divMaintPayment { /*background: #FFFFFF;*/ font-size: 11px; } #divMaintBatch{ /*background: #FFFFFF;*/ font-size: 11px; } .RXDDuplicated td{ color: red; } .Full{ width: 100%; } .ContainerBox11 { width:30%; padding:10px; } .ContainerBox12 { width:30%; padding:10px; /*min-height:200px; max-height:200px; height:200px;*/ } .ContainerBox13 { width:30%; padding:10px; vertical-align: top; } .ContainerBox3 { width:30%; padding:10px; min-height:650px; max-height:1000px; height:810px; } .ContainerBox45 { width:60%; padding:10px; min-height:200px; max-height:200px; height:200px; } .DashboardContainer{ /*background-color: #f5f5f5;*/ min-height: inherit; max-height: inherit; box-shadow: 1px 1px 14px 1px #ccc; /* Added by Kai Wen on 20230322 TaskID : 12284 */ /*-moz-box-shadow: 4px 4px 5px 1px #ccc; -webkit-box-shadow: 4px 4px 5px 1px #ccc; box-shadow: 1px 1px 14px 1px #ccc;*/ } /* Start : Added by Kai Wen on 20230407 TaskID : 12284 */ .FlexContainer { display: flex; flex-wrap: wrap; } .AWFStepContainer { border: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; width: auto; display: inline-block; padding: 5px; background-color: #f5f9ff; box-shadow: 1px 1px 4px 1px #ccc; } /* End : Added by Kai Wen on 20230407 TaskID : 12284 */ .ImportDownloadTabContainer { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; box-shadow: 1px 1px 4px 0px #ccc; -moz-box-shadow: 1px 1px 4px 0px #ccc; -webkit-box-shadow: 1px 1px 4px 0px #ccc; width: 100%; padding: 10px; background-color: #efefe8; /* Modified by Kai Wen on 20230525 TaskID: 12284 */ } .DashboardHeader{ padding: 0px; table-layout: fixed; color: #000000; /* Modified by Kai Wen on 20230322 TaskID : 12284 */ background-color: #ffffff; /*color: #525252; background-color: #ebba36; background: linear-gradient(#ebba36, #a57800); -moz-box-shadow: 2px 2px 8px 0px #ccc; -webkit-box-shadow: 2px 2px 8px 0px #ccc; box-shadow: 2px 2px 8px 0px #ccc;*/ } .DashboardContent{ padding: 3%; table-layout: fixed; } .FontDashboardHeader{ font-family: 'Roboto',Arial,Helvetica,sans-serif !important; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: Large; } .FontDashboardContentHeader { font-family: 'Roboto',Arial,Helvetica,sans-serif !important; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ font-size: 14px; } .PadTop1 { padding-top: 1%; } .PadBottom1 { padding-top: 1%; } .DisplayFlex{ display: flex; } .TextTruncate{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Start: Added by Kean on 20230328 TaskID : 12284 */ .btn-icon-color-black-blue:hover { filter: invert(65%) sepia(91%) saturate(1089%) hue-rotate(153deg) brightness(84%) contrast(87%); background-color: transparent !important; } /* End: Added by Kean on 20230328 TaskID : 12284 */ /* Start: Added by Kean on 20230414 TaskID : 12284 */ [src*="Images/svg/"] { padding:0px !important; vertical-align: middle; } [src*="Images/svg/"]:not([src*="Images/svg/circle_red_18px.svg"],[src*="Images/svg/circle_green_18px.svg"]):hover { filter: invert(65%) sepia(91%) saturate(1089%) hue-rotate(153deg) brightness(84%) contrast(87%); background-color: transparent; } /* End: Added by Kean on 20230414 TaskID : 12284 */ #divContentEmpProfile { height: 450px; width: 1000px; max-width: 1000px; overflow: hidden; } .FloatBox { background: White; /*width: 900px !important;*/ height: 500px; max-height: 500px; right: 0px; position: relative; top: 0; opacity: 1; width:900px !important; min-width:900px !important; max-width:900px !important; } .FloatBoxTab{ background: White; padding-top: 0px !important; padding-left: 5px !important; height: 600px; min-height: 600px; max-height: 600px; width:900px !important; min-width:900px !important; max-width:900px !important; } .ErrorGlow{ box-shadow: 0px 0px 7px 1px #fd0017; -webkit-box-shadow: 0px 0px 7px 1px #fd0017; -moz-box-shadow: 0px 0px 7px 1px #fd0017; -ms-box-shadow: 0px 0px 7px 1px #fd0017; -o-box-shadow: 0px 0px 7px 1px #fd0017; } .HighlightGlow{ box-shadow: 0px 0px 1px 1px #f0c6ff !important; -webkit-box-shadow: 0px 0px 1px 1px #f0c6ff !important; -moz-box-shadow: 0px 0px 1px 1px #f0c6ff !important; -ms-box-shadow: 0px 0px 1px 1px #f0c6ff !important; -o-box-shadow: 0px 0px 1px 1px #f0c6ff !important; } .ui-header-background { position: relative; background-color: transparent; /* Modified by Kai Wen on 202300404 TaskID : 12284 */ border-radius: 10px; } .ui-autocomplete { background-color: white !important; width: 300px !important; z-index: 9999 !important; max-height: 200px !important; overflow-y: scroll !important; font-size: 13px !important; font-family: 'Roboto',Arial,Helvetica,sans-serif !important; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ border:1px solid #ccc; } .autocomplete-highlight { color: red; } #tabHR.ui-tabs.ui-tabs-vertical { padding: 0; width: 42em; } #tabHR.ui-tabs.ui-tabs-vertical .ui-widget-header { border: none; } #tabHR.ui-tabs.ui-tabs-vertical .ui-tabs-nav { float: left; width: 18.5em; /* Modified by Kai Wen on 202300601 TaskID : 12284 */ background: #dbf1ef; /* Modified by Kai Wen on 20230404 TaskID : 12284 */ /* border-radius: 4px 0 0 4px; border-right: 1px solid gray; */ /* Start : Added by Kai Wen on 202300404 TaskID : 12284 */ border-radius: 10px; box-sizing: border-box; padding: 10px !important; /* Modified by Kai Wen on 20230405 TaskID : 12284 */ z-index:0; /* Added by Xin Lun on 20230927 TaskID : 12284 * /* End: Added by Kai Wen on 202300404 TaskID : 12284 */ } #tabHR.ui-tabs.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 99%; /* Modified by Kai Wen on 20230322 TaskID : 12284 */ margin: 0.5em 0; /* Modified by Kai Wen on 202300404 TaskID : 12284 */ /* border: 1px solid gray; border-width: 1px 0 1px 1px; border-radius: 4px 0 0 4px; */ overflow: hidden; position: relative; /*right: -2px;*/ z-index: 2; font-size: 13px; font-family: 'Roboto',Arial,Helvetica,sans-serif; /* Modified by Kai Wen on 20230524 TaskID : 12284 */ border-radius: 10px; /* Modified by Kai Wen on 20230404 TaskID : 12284 */ border: none; /* Added by Kai Wen on 202300404 TaskID : 12284 */ } #tabHR.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a { display: block; width: 100%; /*padding: 0.6em 1em;*/ /* Start : Added by Kai Wen on 202300404 TaskID : 12284 */ background-color: #e9f6f5 !important; border-radius: 10px !important; font-size: 14px; /* End : Added by Kai Wen on 202300404 TaskID : 12284 */ } /* Start : Modified by Kai Wen on 202300404 TaskID : 12284 */ #tabHR.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover { color : #2aaccb !important; font-weight:bold; cursor: pointer; } #tabHR.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { /*margin-bottom: 0.2em;*/ padding-bottom: 0; /*border-right: 1px solid white;*/ } #tabHR.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a { color: black; font-weight: bold; background-color: #ffffff !important; } /*End : Modified by Kai Wen on 202300404 TaskID : 12284 */ #tabHR.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child { margin-bottom: 10px; } #tabHR.ui-tabs.ui-tabs-vertical .ui-tabs-panel { float: left; position: relative; /* left: -1px; width: 28em; border-left: 1px solid gray; border-radius: 0; */ } #tabHR .ui-state-hover { color : #6C006C !important; } #tabHR .Header { font-size: 24px; margin-bottom: 15px; margin-left: 0px; } /* Start : Added by Kai Wen on 20230405 TaskID : 12284 */ .ui-tabs.ui-widget.ui-widget-content { border: none; background: none; } .ui-tabs .ui-tabs-nav { border-radius: 100px; border: 2px solid #e9f6f5; /*border: 2px solid black;*/ padding: 0.2em !important; } .ui-tabs .ui-tabs-nav .ui-tabs-tab { background: none; border: none; } .ui-tabs .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor { background: none !important; border: none; font-size: 13px; /* Modified by Kai Wen on 20230601 TaskID : 12284 */ } .ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-state-active .ui-tabs-anchor { background: #b1e1dc !important; border-radius: 100px; color: #000000; font-weight: bold; } /* End : Added by Kai Wen on 20230405 TaskID : 12284 */ /* Start: Added by Kai Wen on 20230322 TaskID : 12284 */ input[type="text"]:not(.hasDatepicker), input[type="password"], textarea { box-sizing: border-box; /* This allow padding without affecting the width */ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } /* End: Added by Kai Wen on 20230322 TaskID : 12284 */ textarea { height:auto !important; text-indent: 0px !important; padding-left: 4px !important; } input:disabled:not(.ImageButton), textarea:disabled, select:disabled { /* Modified by Kai Wen on 20230331 TaskID : 12284 */ /*color: rgba(0, 0, 0, 0.65) !important;*/ /* Commented by Kai Wen on 20230525 TaskID: 12284 */ background: #f9f9f8 !important; /* Added by Kai Wen on 20230525 TaskID: 12284 */ cursor: default; } .disableLink { pointer-events: none; cursor: default; } .btnToggle{ border: none; display: inline-block; outline: 0; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap; box-shadow: 2px 2px 8px #ccc; -moz-box-shadow: 2px 2px 8px #ccc; -webkit-box-shadow: 2px 2px 8px #ccc; } .Active { color: #FFFFFF; background-color: #4CAF50 !important; } .Inactive { color: #FFFFFF; background-color: #f53647 !important; } .TableMaint tr td { height: 24px; } .Visible-Hide { visibility: hidden !important; } .Visible-Show { visibility: visible !important; } .dynamicIcon:before { content: var(--myicon); font-family: FontAwesome; margin-right: 20px; font-size: 21px; font-weight: normal; vertical-align: middle; /*color: #000000;*/ /* Commented by Kai Wen on 20230320 TaskID : 12284 */ position: absolute; width: 1em; text-align: center; } /* Start: Added by Kai Wen on 20230320 TaskID : 12284 */ /* frmLeaveCancellationBehalf */ .contentBackground { background-color: #ffffff; padding-bottom: 5px; width: 100%; } /* frmLeaveApplyOnBehalf */ .contentBackgroundWithBorder { vertical-align: middle; background-color: #ffffff; padding-bottom: 2px; margin-top: 5px; border-style: solid; border-width: thin; border-color: #2aaccb; /* Modified by Kai Wen on 20230322 TaskID : 12284 */ } /* Add shadow to dialog */ .ui-dialog { border: 1px solid #e6e6e6 !important; box-shadow: 2px 2px 8px #ccc; } /* End: Added by Kai Wen on 20230320 TaskID : 12284 */ /* Start : Added by Kean on 20230329 TaskID : 12284 */ .w-xl { width: 36px !important; } .w-lg { width: 24px !important; } .w-md { width: 20px !important; } .w-sm { width: 18px !important; } .w-xs { width: 16px !important; } /* End: Added by Kean on 20230329 TaskID : 12284 */ /* Start : Added by Kai Wen on 20230328 TaskID : 12284 */ .link-image > img { width: 20px; } /* End : Added by Kai Wen on 20230328 TaskID : 12284 */ /* Start : Added by Kai Wen on 20230524 TaskID : 12284 */ .ui-dialog .ui-dialog-buttonset button { /*color: #*/ /*color: #24d2b5;*/ color: #000000; font-weight: bold; border: 1px solid #33cccc; } .ui-dialog .ui-dialog-buttonset button:hover { /*color: #*/ color: #fff; background: #33cccc; } /* End : Added by Kai Wen on 20230524 TaskID : 12284 */ .webkit-text-security-disc { -webkit-text-security: disc; } .errorPage.left-img { position: absolute; opacity:.25; transform: scale(1); width: 90%; left: -26%; top: -14%; height: 95%; } .errorPage.right-img { transform: scale(1); width: 90%; } .errorPage.lblErrorTitle { position:absolute; width: 35%; top:18%; left:2%; font-weight: bold; } .errorPage.lblError{ position:absolute; width: 35%; top:20%; left:2%; } /* Start : Added by Kai Wen on 20240619 TaskID: UAT ose_v20240429 */ .ButtonGroup input[type="radio"] { opacity: 0; position: fixed; width: 0; } .ButtonGroup label { background-color: #ffffff; border: 1px solid #4eafa1; box-sizing: border-box; color: #4eafa1; cursor: pointer; display: inline-block; font-size: 13px; height: 30px; min-width: 70px; padding: 8px 15px; text-align: center; } .ButtonGroup label { font-weight: bold; } .ButtonGroup label:hover { background-color: #4eafa1; color: #ffffff; border: none; font-weight: bold; box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 4px 8px 3px rgba(60,64,67,0.149); -moz-box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 4px 8px 3px rgba(60,64,67,0.149); -webkit-box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 4px 8px 3px rgba(60,64,67,0.149); } .ButtonGroup input[type="radio"]:checked + label { background-color: #4eafa1; color: #ffffff; border: none; font-weight: bold; } .ButtonGroup tr td:first-child label { background: none !important; color: #000000 !important; border: none; min-width: initial; padding-right: 25px; padding-left: 5px; } .ButtonGroup tr td:first-child label:hover { box-shadow: none; color: #4eafa1 !important; } .ButtonGroup tr td:first-child input[type="radio"]:checked + label { color: #4eafa1 !important; } /* End : Added by Kai Wen on 20240619 TaskID: UAT ose_v20240429 */