html { height:100%; }
body { font:normal 12px arial, sans-serif; margin:0; }
body#public,
/* body#private { width:1200px; margin:10px auto 0px auto; } */
#wrapper { background-color:#fff; border:1px solid #ccc; box-shadow:0px 0px 10px 0px #888; }
#header-private .ui-widget-header { background-position:center top; }
/* Public Header */
/* #public #wrapper { background-color:#fff; border:1px solid #ccc; box-shadow:0px 0px 10px 0px #888; } */
#public #wrapper #header-private { font-size:3em; line-height:100px; text-align:center; }
/* Style for the header container */
#header-public {
background: horizontal-gradient(90deg, #FFFFFF, #B3E5FF); /* Blue gradient aligned with modern themes */
color: #2C2DAA; /* Contrast text for dark background */
font-size: 2.0em; /* Larger font size for visibility */
font-weight: bold; /* Emphasize the header name */
text-align: center; /* Center the app name horizontally */
line-height: 100px; /* Maintain vertical alignment */
margin: 0 auto; /* Center the header block */
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Soft shadow for elevation */
max-width: 100%; /* Restrict the maximum width */
padding: 10px; /* Add some internal spacing for better readability */
}
/* Highlight as a link but do not change the color */
.custom-link {
text-decoration: underline; /* Add underline to indicate a link */
cursor: pointer; /* Ensure the hand pointer appears on hover */
color: inherit; /* Set your desired link color */
}
.custom-link:hover {
text-decoration: underline; /* Keep underline on hover */
}
html {
font-size: 12px;
}
/* C.A. 2025-06-26 commenting out for CLSUP-1190 */
/* Hover state specifically scoped for #header-private */
/* #header-private .ui-button.ui-widget:hover { */
/* background-color: var(--primary-color-hover); */ /* Slightly darker shade for hover */
/* border: 1px solid var(--primary-color-hover); */ /* Match hover border */
/* color: var(--primary-text-hover-color); */ /* Adjust text for hover contrast */
/* } */
/* Focus state (for accessibility) scoped to the #header-private form */
#header-private .ui-button.ui-widget:focus {
outline: none;
box-shadow: 0 0 8px var(--primary-color-focus); /* Add a glow effect */
}
/* Private Header */
#private #wrapper #header-private { position:relative; margin-top:0; }
#private #wrapper #header-private .ui-widget-header { padding:7px 7px 4px 7px;
background-color: var(--primary-color-hover);}
#private #wrapper #header-private table { width:100%; font-weight:normal; }
#private #wrapper #header-private .company {
font-size:2em;
display: inline-block; /* Ensure it respects vertical alignment */
vertical-align: bottom; /* Align the text to the bottom */
height: 100%; /* Ensures it respects the height of the table cell */}
#private #wrapper #header-private div.bottomRight { position:absolute; right:4px; bottom:6px; }
@media screen and (min-width : 1000px) {
body#public { width:1200px; margin:10px auto 0px auto; }
}
@media screen and (max-width : 1000px) {
body#public {margin:10px auto 0px auto; }
#private #wrapper #header-mobile .company { font-size:2em; }
}
@media screen and (min-width : 1000px) {
body#private { width:1200px; margin:10px auto 0px auto; }
}
@media screen and (max-width : 1000px) {
body#private {margin:10px auto 0px auto; }
#private #wrapper #header-mobile .company { font-size:2em; }
}
@media screen and (min-width : 700px) {
/* Login Change dynamics for smaller device*/
#login { width:50%; margin:0px auto; }
#login table.outer { width:100%; }
#login table.inner { margin:10px auto; }
#login .loginPanel { width:150px; }
}
@media screen and (min-width : 700px) {
.verticalmenu {
display: none !important;
}
}
@media screen and (max-width : 700px) {
.horizontalmenu {
display: none !important;
body#private { width:1200px; margin:10px auto 0px auto; }
}
}
/* Content */
#private #wrapper #content .ui-menubar { margin-bottom:7px; }
#content { margin:7px 10px 10px 10px; min-height:591px; }
/*
.bottom-toolbar {
position: relative; !* Default to relative; dynamically updated via JS *!
bottom: 0; !* Default value; will be updated by JavaScript when needed *!
left: 0; !* Stick to the left edge *!
width: 100%; !* Expand across the viewport *!
z-index: 1000; !* Ensure it appears above all other content *!
background-color: #f4f4f4; !* Toolbar background color *!
border-top: 1px solid #ddd; !* Optional: Add border *!
padding: 10px 20px; !* Add padding for cleaner appearance *!
box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); !* Minor elevation effect *!
}*/
/*!* Toolbar styles *!
.bottom-toolbar {
position: relative; !* Ensure toolbar stays below the content *!
padding: 10px 20px; !* Adds space inside the toolbar *!
background-color: #ffffff; !* Optionally style the toolbar background *!
border-top: 1px solid #ddd; !* Adds a top border to separate it visually *!
text-align: right; !* Aligns the buttons/text to the right *!
box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); !* Adds a subtle shadow for elevation *!
}*/
/*
!* Toolbar styles *!
.bottom-toolbar {
position: relative; !* Relative to its placement inside the wrapper *!
height: 50px;
padding: 10px;
background-color: #ffffff;
border-top: 1px solid #ddd; !* Adds a clean separation above *!
text-align: right; !* Aligns buttons or items to the right side *!
box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); !* Subtle shadow for layout depth *!
margin: 0 10px; !* Aligns with content horizontal margins *!
}
*/
#breadCrumb { margin-bottom:10px; font-weight:normal; }
/* Footer */
#footer { text-align:center; padding:10px 0; font-size:12px;}
#footer,
#footer a,
#footer a:link,
#footer a:hover,
#footer a:visited,
#footer a:active { color:#999; }
#footer hr { width:80%; border:0; border-top:1px solid #ccc; }
#footer div.buildInfo { font-variant:italic;font-size:10px; }
@media (max-width: 700px)
{
#footer a.contactInfo {
font-size: 18px;
text-decoration: underline;
cursor: pointer; /* Ensures the pointer cursor for better interactivity */
}
}
@media (min-width: 700px) {
#footer a.contactInfo {
font-size: 14px;
text-decoration: underline;
cursor: pointer; /* Ensures the pointer cursor for better interactivity */
}
}
@media screen and (orientation: portrait) {
#footer a.contactInfo {
font-size: 18px;
text-decoration: underline;
cursor: pointer; /* Ensures the pointer cursor for better interactivity */
}
}
/* Common */
table[role^=grid] { table-layout:auto !important; }
.cf:after { content:""; display:table; clear:both; }
.filters label { display:block; }
.filters button { margin-top:19px; }
.filter-left { float:left; margin:0 3px; height:50px; }
.filter-right { float:right; margin:0 3px; height:50px; }
h3.submenu-title { margin:2px 0 7px 0; padding:5px; }
a img { border:0; }
.panel-right { text-align:right; }
#hours .ui-inputfield{ text-align:right; }
#otherAmounts .ui-inputfield{ text-align:right; }
.ui-state-default .ui-icon-xls { background-image:url("/jakarta.faces.resource/img/ui-icon-xls.png.jsf"); }
td .ui-selectcheckboxmenu,
td .ui-selectonemenu { vertical-align:top; }
.shortButton { height:22px; }
.autoCompleteDropDown { margin-right:3.0em; }
tr.I { background-color:#fca752 !important; background-image:none !important; color:#000000 !important; }
.ui-fluid { width:100%; }
.ui-panelgrid-overhead-labels .ui-panelgrid-cell { border:0 !important; padding:2px !important; }
.ui-panelgrid-inline-labels .ui-panelgrid-cell { border:0 !important; padding:2px 4px !important; }
.ui-panelgrid-inline-labels .ui-outputlabel { display:block; padding-top:5px; }
.ui-selectonemenu-row { white-space:nowrap; }
/* Search Workers */
#workers .result table[role^=grid] th,
#workers .result table[role^=grid] td { white-space:normal; padding:4px 5px; }
#workers .result .ui-datatable-header td { border-style:none; padding:0; }
#workers .result .ui-datatable-header td:nth-child(1) { text-align:left; }
#workers .result .ui-datatable-header td:nth-child(2) { text-align:right; }
#workers .result .payrollNumber,
#workers .result .lastDateWorked,
#workers .result .experienceLevel,
#workers .result .dateOfBirth,
#workers .result .watchmenExpHours,
#workers .result .inactiveDate,
#workers .result .experienceHours,
#workers .result .watchmenExplevel { text-align:right; }
/* View Worker */
#viewWorker .ui-tabs { margin-bottom:5px; }
#viewWorker .ui-tabs-panels { font-size:11px; }
#viewWorker div.ui-datatable th,
#viewWorker div.ui-datatable td { white-space:normal; padding:4px 5px; }
#viewWorker .summary1 { width:100%; font-size:11px; }
#viewWorker .summary1 td:nth-child(1),
#viewWorker .summary1 td:nth-child(3) { text-align:right; }
#viewWorker .summary1 label { padding:2px 6px 2px 0; white-space:no-wrap; font-weight:bold; }
#viewWorker .summary2 th:nth-child(1),
#viewWorker .summary2 th:nth-child(2),
#viewWorker .summary2 th:nth-child(4),
#viewWorker .summary2 th:nth-child(5),
#viewWorker .summary2 th:nth-child(7),
#viewWorker .summary2 th:nth-child(8) { text-align:left; }
#viewWorker .summary2 th:nth-child(3),
#viewWorker .summary2 td:nth-child(3),
#viewWorker .summary2 th:nth-child(6),
#viewWorker .summary2 td:nth-child(6) { text-align:right; }
#viewWorker .address1 td,
#viewWorker .address1 th { text-align:left; }
#viewWorker .address1 td:nth-child(5),
#viewWorker .address1 th:nth-child(5) { text-align:right; }
#viewWorker .address2 td,
#viewWorker .address2 th { text-align:left; }
#viewWorker .address2 td:nth-child(7),
#viewWorker .address2 th:nth-child(7) { text-align:right; }
#viewWorker div.tax1 th:nth-child(1),
#viewWorker div.tax1 th:nth-child(2) { text-align:left; }
#viewWorker div.tax1 th:nth-child(n+3),
#viewWorker div.tax1 td:nth-child(n+3) { text-align:right; }
#viewWorker div.tax2 th:nth-child(-n+4),
#viewWorker div.tax2 th:nth-child(7),
#viewWorker div.tax2 th:nth-child(9) { text-align:left; }
#viewWorker div.tax2 th:nth-child(5),
#viewWorker div.tax2 td:nth-child(5),
#viewWorker div.tax2 th:nth-child(6),
#viewWorker div.tax2 td:nth-child(6),
#viewWorker div.tax2 th:nth-child(8),
#viewWorker div.tax2 td:nth-child(8) { text-align:right; }
#viewWorker div.deduction1 th:nth-child(1),
#viewWorker div.deduction1 th:nth-child(5),
#viewWorker div.deduction1 td:nth-child(5) { text-align:left; }
#viewWorker div.deduction1 th:nth-child(2),
#viewWorker div.deduction1 td:nth-child(2),
#viewWorker div.deduction1 th:nth-child(3),
#viewWorker div.deduction1 td:nth-child(3),
#viewWorker div.deduction1 th:nth-child(4),
#viewWorker div.deduction1 td:nth-child(4) { text-align:right; }
#viewWorker div.deduction2 th:nth-child(-n+3),
#viewWorker div.deduction2 th:nth-child(n+7) { text-align:left; }
#viewWorker div.deduction2 th:nth-child(4),
#viewWorker div.deduction2 td:nth-child(4),
#viewWorker div.deduction2 th:nth-child(5),
#viewWorker div.deduction2 td:nth-child(5),
#viewWorker div.deduction2 th:nth-child(6),
#viewWorker div.deduction2 td:nth-child(6) { text-align:right; }
#viewWorker div.levy1 th:nth-child(-n+2),
#viewWorker div.levy1 th:nth-child(4),
#viewWorker div.levy1 th:nth-child(8) { text-align:left; }
#viewWorker div.levy1 th:nth-child(3),
#viewWorker div.levy1 td:nth-child(3),
#viewWorker div.levy1 th:nth-child(5),
#viewWorker div.levy1 td:nth-child(5),
#viewWorker div.levy1 th:nth-child(6),
#viewWorker div.levy1 td:nth-child(6),
#viewWorker div.levy1 th:nth-child(7),
#viewWorker div.levy1 td:nth-child(7) { text-align:right; }
#viewWorker div.levy2 th:nth-child(1),
#viewWorker div.levy2 th:nth-child(2),
#viewWorker div.levy2 th:nth-child(3),
#viewWorker div.levy2 th:nth-child(4),
#viewWorker div.levy2 th:nth-child(8),
#viewWorker div.levy2 th:nth-child(10) { text-align:left; }
#viewWorker div.levy2 th:nth-child(5),
#viewWorker div.levy2 td:nth-child(5),
#viewWorker div.levy2 th:nth-child(6),
#viewWorker div.levy2 td:nth-child(6),
#viewWorker div.levy2 th:nth-child(7),
#viewWorker div.levy2 td:nth-child(7),
#viewWorker div.levy2 th:nth-child(9),
#viewWorker div.levy2 td:nth-child(9) { text-align:right; }
/* #viewWorker .deposit1 .ui-datatable-header td:nth-child(1) { text-align:left; } */
/* #viewWorker .deposit1 .priority {text-align:right} */
#viewWorker div.deposit1 th:nth-child(1){ text-align:left; }
#viewWorker div.deposit1 th:nth-child(2),
#viewWorker div.deposit1 th:nth-child(3),
#viewWorker div.deposit1 th:nth-child(4),
#viewWorker div.deposit1 th:nth-child(5),
#viewWorker div.deposit1 th:nth-child(6),
#viewWorker div.deposit1 th:nth-child(10) { text-align:left;}
#viewWorker div.deposit1 th:nth-child(2),
#viewWorker div.deposit1 td:nth-child(2),
#viewWorker div.deposit1 th:nth-child(6),
#viewWorker div.deposit1 td:nth-child(6),
#viewWorker div.deposit1 th:nth-child(7),
#viewWorker div.deposit1 td:nth-child(7),
#viewWorker div.deposit1 th:nth-child(8),
#viewWorker div.deposit1 td:nth-child(8) { text-align:right; }
#viewWorker .deposit2 .ui-datatable-header td:nth-child(1) { text-align:left; }
#viewWorker .deposit2 .priority {text-align:right}
#viewWorker div.deposit2 th:nth-child(2),
#viewWorker div.deposit2 th:nth-child(3),
#viewWorker div.deposit2 th:nth-child(7) { text-align:left; }
#viewWorker div.deposit2 th:nth-child(1),
#viewWorker div.deposit2 th:nth-child(4),
#viewWorker div.deposit2 td:nth-child(4),
#viewWorker div.deposit2 th:nth-child(5),
#viewWorker div.deposit2 td:nth-child(5),
#viewWorker div.deposit2 th:nth-child(6),
#viewWorker div.deposit2 td:nth-child(6) { text-align:right; }
#viewWorker .qualification th:nth-child(1),
#viewWorker .qualification td:nth-child(1),
#viewWorker .qualification th:nth-child(2),
#viewWorker .qualification td:nth-child(2) { text-align:left; }
#viewWorker .qualification th:nth-child(3),
#viewWorker .qualification td:nth-child(3),
#viewWorker .qualification th:nth-child(4),
#viewWorker .qualification td:nth-child(4),
#viewWorker .qualification th:nth-child(5),
#viewWorker .qualification td:nth-child(5),
#viewWorker .qualification th:nth-child(6),
#viewWorker .qualification td:nth-child(6) { text-align:left; }
#viewWorker .qualification th:nth-child(7),
#viewWorker .qualification td:nth-child(7) { text-align:left; }
#viewWorker .qualification th:nth-child(8),
#viewWorker .qualification td:nth-child(8) { text-align:left; }
#workers .qualificationResult .ui-datatable-header td:nth-child(1) { text-align:left; }
#workers .qualificationResult .qualificationResultPayrollNumber { text-align:right; }
#workers .qualificationResult th:nth-child(2),
#workers .qualificationResult td:nth-child(2),
#workers .qualificationResult th:nth-child(3),
#workers .qualificationResult td:nth-child(3),
#workers .qualificationResult th:nth-child(4),
#workers .qualificationResult td:nth-child(4),
#workers .qualificationResult th:nth-child(5),
#workers .qualificationResult td:nth-child(5),
#workers .qualificationResult th:nth-child(6),
#workers .qualificationResult td:nth-child(6),
#workers .qualificationResult th:nth-child(16),
#workers .qualificationResult td:nth-child(16),
#workers .qualificationResult th:nth-child(18),
#workers .qualificationResult td:nth-child(18) { text-align:left; }
/* Search Checks */
#searchChecks .results thead tr[role^=row] th { text-align:left; white-space:no-wrap; }
#searchChecks .results thead tr[role^=row] th:nth-child(5){white-space:no-wrap; width: 70px; }
#searchChecks .results thead tr[role^=row] th:nth-child(6){white-space:no-wrap; width: 70px;}
#searchChecks .results thead tr[role^=row] th:nth-child(9),
#searchChecks .results thead tr[role^=row] th:nth-child(10) { text-align:right; }
#searchChecks .results tbody td { text-align:left; }
#searchChecks .results tbody td:nth-child(5){white-space:no-wrap; width: 70px;}
#searchChecks .results tbody td:nth-child(6){white-space:no-wrap; width: 70px;}
#searchChecks .results tbody td:nth-child(9),
#searchChecks .results tbody td:nth-child(10) { text-align:right; }
#searchChecks .voidCheck { color:red; font-size:10px; }
#searchChecks .manualType { width:150px; }
/* View Check */
#viewCheck .header td:nth-child(1) { width:100%; }
#viewCheck iframe { width:100%; height:500px; }
#checkHeader.check { border-spacing:1px; font-size:12px; border-style:solid; border-width:1px; border-color:black; border-collapse:collapse; width:100% }
#checkHeader.check td { border-style:solid; border-width:1px; border-color:black; padding:1px; text-align:center; }
#checkDetail.check1 { border-style:solid; border-width:1px; border-color:black; border-spacing:1px; font-size:12px; border-collapse:collapse; width:100% }
#checkDetail.check1 th { border-style:solid; border-width:1px; border-color:black; padding:1px; background-color:#eaeaea; }
#checkDetail.check1 tr.withtopb td { border-top:1px solid black; }
#checkSummary.check2 { border-style:solid; border-width:1px; border-color:black; border-spacing:1px; font-size:12px; border-collapse:collapse; width:100% }
#checkSummary.check2 th { border-style:solid; border-width:1px; border-color:black; padding:1px; background-color:#eaeaea; }
#checkSummary.check2 tr.withtopb td { border-top:1px solid black; }
/* view check page print */
@media print {
#header,
#navigation,
div.ui-selectonemenu-panel,
li.ui-selectonemenu-item { display:none; }
}
/* fix view check page print for Chrome */
@media print and (-webkit-min-device-pixel-ratio:0) {
body { margin:auto; width:800px; }
#divTitleContainer { width:798px; }
}
/* fix the overlapping of column-header-text & sort-icon on column head */
.ui-datatable .ui-sortable-column div.ui-dt-c { padding-right:10px !important; }
/* Reports/Documents */
#parameter .results table { table-layout:auto; }
#parameter .results thead tr[role^=row] th { text-align:left; white-space:no-wrap; }
/* Documents */
#document .doc-worker thead tr[role^=row] th { text-align:left; white-space:no-wrap; }
/* Admin Pages */
#editDrp { margin:10px; }
#editDrp table td { padding:2px 4px; white-space:nowrap; }
#drolep .ui-datatable th:nth-child(2),
#drolep .ui-datatable th:nth-child(5) { text-align:left; }
#drolep .ui-datatable th:nth-child(3),
#drolep .ui-datatable th:nth-child(4),
#drolep .ui-datatable td:nth-child(3),
#drolep .ui-datatable td:nth-child(4) { text-align:right; }
#drolep .ui-datatable td:nth-child(1) { width:5%; text-align:center; }
#drolep .ui-datatable td:nth-child(2),
#drolep .ui-datatable td:nth-child(3),
#drolep .ui-datatable td:nth-child(4) { width:10%; }
#drolep .ui-datatable td:nth-child(5) { width:65%; }
#drolep .actions { width:100%; }
#drolep .actions td:nth-child(2) { text-align:right; }
/* Search Worker Leave History*/
#ResponsibilityForm #results thead th:nth-child(1){ text-align:center; }
#ResponsibilityForm #results thead th:nth-child(2){ text-align:center; }
#ResponsibilityForm #results thead th:nth-child(3){ text-align:center; }
#ResponsibilityForm #results tbody td:nth-child(1) { text-align:left; }
#ResponsibilityForm #results tbody td:nth-child(2) { text-align:left;}
#ResponsibilityForm #results tbody td:nth-child(3) { text-align:center; width: 10%}
/* My Profile */
#myProfile button { margin-top:10px; }
/* Search Users */
/*
#searchUsers .ui-fluid .ui-panelgrid-cell { padding:2px !important; }
*/
#searchUsers table.actions { width:100%; }
#searchUsers table thead th:nth-child(1) {width: 20%; text-align:left;}
#searchUsers table thead th:nth-child(2) {width: 25%; text-align:left;}
#searchUsers table thead th:nth-child(3) {width: 10%; text-align:left;}
#searchUsers table thead th:nth-child(4) {width: 10%; text-align:left; }
#searchUsers table thead th:nth-child(5) {width: 10%; text-align:left; }
#searchUsers table thead th:nth-child(6) {width: 5%; text-align:center; }
#searchUsers table tbody td:nth-child(1) {width: 20%; text-align:left;}
#searchUsers table tbody td:nth-child(2) {width: 25%; text-align:left;}
#searchUsers table tbody td:nth-child(3) {width: 10%; text-align:left;}
#searchUsers table tbody td:nth-child(4) {width: 10%; text-align:left; }
#searchUsers table tbody td:nth-child(5) {width: 10%; text-align:left; }
#searchUsers table tbody td:nth-child(6) {width: 5%; text-align:center; }
/* Add/Edit User */
#editUser table.actions { width:100%; }
#editUser table.actions td:nth-child(2) { text-align:right; }
#editUser .ui-datatable th:nth-child(1),
#editUser .ui-datatable td:nth-child(1) { text-align:center; }
#editUser .ui-datatable th { text-align:left; }
#editUser .ui-datatable th input { margin:0; }
#editUser .ui-datatable tr.true { text-decoration:line-through; }
#editUser .ui-datatable-footer td { border:0; padding:0; }
#editUser .ui-datatable-footer table td:nth-child(1) { text-align:left; vertical-align:bottom; }
#editUser .ui-datatable-footer table td:nth-child(2) { text-align:right; }
#editUser .ui-datatable-footer .ui-button { margin-left:4px; }
/* Search Timecard Batches */
#tcbSearchResult { font-size: 1em; }
#tcbSearchResult table tbody td:nth-child(3),
#tcbSearchResult table tbody td:nth-child(4),
#tcbSearchResult table tbody td:nth-child(6),
#tcbSearchResult table tbody td:nth-child(7) { text-align:right; }
#tcbSearchResult table tbody td:nth-child(1),
#tcbSearchResult table tbody td:nth-child(3),
#tcbSearchResult table tbody td:nth-child(4),
#tcbSearchResult table tbody td:nth-child(5),
#tcbSearchResult table tbody td:nth-child(9),
#tcbSearchResult table tbody td:nth-child(10),
#tcbSearchResult table tbody td:nth-child(11) { text-align:center; }
#tcbSearchResult table tbody td:nth-child(12) { word-break:keep-all; white-space:nowrap; }
/* Search Worker Leave History*/
#workerLeaveReqHisForm #wRLHTable thead th:nth-child(1){ white-space:nowrap;text-align:left; width: 20%}
#workerLeaveReqHisForm #wRLHTable thead th:nth-child(2){ text-align:left; }
#workerLeaveReqHisForm #wRLHTable thead th:nth-child(3){ white-space:nowrap;text-align:right; }
#workerLeaveReqHisForm #wRLHTable thead th:nth-child(4){ white-space:nowrap; }
#workerLeaveReqHisForm #wRLHTable thead th:nth-child(6){ white-space:nowrap;text-align:left; }
#workerLeaveReqHisForm #wRLHTable thead th:nth-child(7){ text-align:left;width: 20% }
#workerLeaveReqHisForm #wRLHTable tbody td:nth-child(1) { text-align:left; }
#workerLeaveReqHisForm #wRLHTable tbody td:nth-child(2) { white-space:nowrap;text-align:left;}
#workerLeaveReqHisForm #wRLHTable tbody td:nth-child(3) { text-align:right; }
#workerLeaveReqHisForm #wRLHTable tbody td:nth-child(4){ text-align:center; }
#workerLeaveReqHisForm #wRLHTable tbody td:nth-child(5){ text-align:center; }
#workerLeaveReqHisForm #wRLHTable tbody td:nth-child(6){ text-align:left; }
#workerLeaveReqHisForm #wRLHTable tbody td:nth-child(7){ text-align:left;width: 200px }
#workerLeaveReqHisForm #wRLHTable tbody td:nth-child(8){ text-align:left; }
#workerLeaveReqHisForm #wRLHTable tbody td:nth-child(9) { text-align:left; }
/* td .ui-datatable-empty-message{text-align: left; } */
/* #workerLeaveReqHisForm #wRLHPaymentTable .ui-datatable-empty-message { text-align:left; } */
/* Search Worker Leave History Payment*/
#workerLeaveReqHisForm #wRLHPaymentTable thead th:nth-child(1){ text-align:right; }
#workerLeaveReqHisForm #wRLHPaymentTable thead th:nth-child(2){ text-align:left; }
#workerLeaveReqHisForm #wRLHPaymentTable thead th:nth-child(3){ text-align:left; }
#workerLeaveReqHisForm #wRLHPaymentTable thead th:nth-child(4){ text-align:left; }
#workerLeaveReqHisForm #wRLHPaymentTable tbody td:nth-child(1) { text-align:right; }
#workerLeaveReqHisForm #wRLHPaymentTable tbody td:nth-child(2) { text-align:left; }
#workerLeaveReqHisForm #wRLHPaymentTable tbody td:nth-child(3) { text-align:left; }
#workerLeaveReqHisForm #wRLHPaymentTable tbody td:nth-child(4){ text-align:left; }
/* Search Timecard Headers */
#tchSearch .ui-datatable tbody td:nth-child(1),
#tchSearch .ui-datatable tbody td:nth-child(4) { white-space:nowrap; }
#tchSearch .ui-datatable tbody td:nth-child(1),
#tchSearch .ui-datatable tbody td:nth-child(2),
#tchSearch .ui-datatable tbody td:nth-child(4),
#tchSearch .ui-datatable tbody td:nth-child(7),
#tchSearch .ui-datatable tbody td:nth-child(8),
#tchSearch .ui-datatable tbody td:nth-child(10),
#tchSearch .ui-datatable tbody td:nth-child(11) { text-align:right; }
#tchSearch .ui-datatable tbody td:nth-child(3),
#tchSearch .ui-datatable tbody td:nth-child(5),
#tchSearch .ui-datatable tbody td:nth-child(6),
#tchSearch .ui-datatable tbody td:nth-child(9),
#tchSearch .ui-datatable tbody td:nth-child(12) { text-align:center; }
#tchSearch .ui-inputfield::-ms-clear { width:0; height:0; }
/* Search Timecard History */
#tcHstSearch { font-size: 1em; }
#tcHstSearch .ui-datatable tbody td:nth-child(1) { white-space:nowrap; }
#tcHstSearch .ui-datatable tbody td:nth-child(9) { text-align:right; }
#tcHstSearch .ui-datatable tbody td:nth-child(10) { text-align:right; }
#tcHstSearch .ui-datatable tbody td:nth-child(11) { text-align:right; }
#tcHstSearch .ui-datatable tbody td:nth-child(12) { text-align:right; }
#tcHstSearch .ui-datatable tbody td:nth-child(13) { text-align:right; }
#tcHstSearch .ui-datatable tbody td:nth-child(14) { text-align:right; }
#tcHstSearch .ui-datatable tbody td:nth-child(15) { text-align:right; }
#tcHstSearch .ui-datatable tbody td:nth-child(16) { text-align:right; }
#tcHstSearch .ui-inputfield::-ms-clear { width:0; height:0; }
.ui-inputfield::-ms-clear { width:0; height:0; }
/* Add/Edit Timecard Header */
#tcHeader .ui-panelgrid { margin-bottom:0.5em; }
#tcHeader #companyReference1,
#tcHeader #companyReference2,
#tcHeader #companyReference3,
#tcHeader #jobNumber { text-transform:uppercase; }
#tcHeader #tcDetails table td:nth-child(1) { text-align:center; }
#tcHeader #tcDetails table td:nth-child(2) { text-align:right; }
#tcHeader #tcDetails table td:nth-child(3),
#tcHeader #tcDetails table td:nth-child(4),
#tcHeader #tcDetails table td:nth-child(5) { text-align:left; }
#tcHeader #tcDetails table td:nth-child(6) ,
#tcHeader #tcDetails table td:nth-child(7) ,
#tcHeader #tcDetails table td:nth-child(8) ,
#tcHeader #tcDetails table td:nth-child(9) { text-align:right; }
#tcHeader #tcDetails table td:last-child { text-align:center; }
/* Add/Edit Timecard Detail */
#tcDetail .ui-panelgrid { margin-bottom:0.5em; }
#tcDetail .grid-2 td,
#tcDetail .grid-2 input { text-align:right; }
#tcDetail #actions { width:100%; }
#tcDetail #actions td:last-child { text-align:right; }
#tcDetail table.adjustSpacing { border-collapse:collapse; }
#tcDetail table.adjustSpacing > tbody > tr > td:first-child { padding:0; }
#tcDetail table.adjustSpacing > tbody > tr > td:not(:first-child) { padding-left:2px; }
/* View Timecard History Detail */
#tcHstDetail .ui-panelgrid { margin-bottom:0.5em; }
#tcHstDetail .grid-2 { text-align:right; }
#tcHstDetail #actions { width:100%; }
#tcHstDetail #actions td:last-child { text-align:right; }
#tcHstDetail table.adjustSpacing { border-collapse:collapse; }
#tcHstDetail table.adjustSpacing > tbody > tr > td:first-child { padding:0; }
#tcHstDetail table.adjustSpacing > tbody > tr > td:not(:first-child) { padding-left:2px; }
/* Search Timecard Jobs */
#tcJobs .actions { width:100%; text-align:right; }
#tcJobs .ui-datatable { width:100%; }
#tcJobs .ui-datatable tbody td { text-align:center; }
/* Search Timecard Reference */
#tcReference .actions { width:100%; text-align:right; }
#tcReference .ui-datatable { width:100%; }
#tcReference .ui-datatable tbody td { text-align:center; }
/* Dashboard */
#dashboard .landing-message {
padding: 11px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 10px;
text-align:center;
font-size: 15px;
font-family: Arial, sans-serif;
text-weight: bold;
}
/* Search Worker Leave History*/
#dashboard #allDocs tbody td:nth-child(1){ white-space:nowrap;text-align:right; vertical-align: text-top;width: 20%}
#dashboard #allDocs thead th:nth-child(1){ white-space:nowrap;text-align:right; vertical-align: text-top;width: 20%}
#dashboard #allDocs tbody td:nth-child(2){ text-align:left; vertical-align: text-top;}
#dashboard #allDocs thead th:nth-child(2){ text-align:left; vertical-align: text-top;}
#dashboard #allDocs tbody td:nth-child(3){ text-align:center; vertical-align: text-top;width: 20%}
#dashboard #allDocs thead th:nth-child(3){ text-align:center; vertical-align: text-top;width: 20%}
/* Manage Batch */
#tcbSearch .landing-message {
padding: 11px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 10px;
text-align:center;
font-size: 15px;
font-family: Arial, sans-serif;
text-weight: bold;
}
/* Search Training */
#training .ui-datatable tbody td:nth-child(2),
#training .ui-datatable tbody td:nth-child(3),
#training .ui-datatable tbody td:nth-child(4) { text-align:center; }
#cogTestResultForm .red{
background-color:orange;
background-image:none;
}
#cogTestResultForm .green{
background-color:green;
background-image:none;
}
/* Training Schedule */
#trainingScheduleForm .ui-datatable thead th:nth-child(1){ text-align:left; }
#trainingScheduleForm .ui-datatable thead th:nth-child(2),
#trainingScheduleForm .ui-datatable thead th:nth-child(3){ text-align:center; }
#trainingScheduleForm .ui-datatable thead th:nth-child(4){ text-align:left; }
#trainingScheduleForm .ui-datatable tbody td:nth-child(1){ text-align:left; }
#trainingScheduleForm .ui-datatable tbody td:nth-child(2),
#trainingScheduleForm .ui-datatable tbody td:nth-child(3){ text-align:center; }
#trainingScheduleForm .ui-datatable tbody td:nth-child(4){ text-align:left; }
#emailForm .ui-fileupload-upload {
display: none;
}
#emailForm .ui-fileupload-choose {
display: none;
}
#cleaningInvoiceForm #listUploadedDoument tfoot td:nth-child(1),
#cleaningInvoiceForm #listUploadedDoument tfoot td:nth-child(2){ text-align:right; }
/* Cleaning Invoice - LABOR */
#cleaningInvoiceForm #listNonIlwuDetails tbody td:nth-child(1),
#cleaningInvoiceForm #listNonIlwuDetails tbody td:nth-child(2),
#cleaningInvoiceForm #listNonIlwuDetails tbody td:nth-child(3),
#cleaningInvoiceForm #listNonIlwuDetails tbody td:nth-child(4),
#cleaningInvoiceForm #listNonIlwuDetails tbody td:nth-child(5){ text-align:right; }
#cleaningInvoiceForm #listNonIlwuDetails tbody td:nth-child(6){ text-align:left; }
#cleaningInvoiceForm #listNonIlwuDetails tbody td:nth-child(7){ text-align:right; }
#cleaningInvoiceForm #listNonIlwuDetails tbody td:nth-child(8){ white-space:nowrap;text-align:left;}
#cleaningInvoiceForm #listNonIlwuDetails thead th:nth-child(1),
#cleaningInvoiceForm #listNonIlwuDetails thead th:nth-child(2),
#cleaningInvoiceForm #listNonIlwuDetails thead th:nth-child(3){text-align:right;width: 20%}
#cleaningInvoiceForm #listNonIlwuDetails thead th:nth-child(4),
#cleaningInvoiceForm #listNonIlwuDetails thead th:nth-child(5){ text-align:right; }
#cleaningInvoiceForm #listNonIlwuDetails thead th:nth-child(6){ text-align:left; }
#cleaningInvoiceForm #listNonIlwuDetails thead th:nth-child(7){ text-align:right; }
#cleaningInvoiceForm #listNonIlwuDetails thead th:nth-child(8){ white-space:nowrap;text-align:left;width: 30% }
#cleaningInvoiceForm #listNonIlwuDetails tfoot td:nth-child(2),
#cleaningInvoiceForm #listNonIlwuDetails tfoot td:nth-child(3){ text-align:right; }
/* Cleaning Invoice - SUPPLIES */
#cleaningInvoiceForm #listSuppliesDetails tbody td:nth-child(1){ text-align:right; }
#cleaningInvoiceForm #listSuppliesDetails tbody td:nth-child(2),
#cleaningInvoiceForm #listSuppliesDetails tbody td:nth-child(3),
#cleaningInvoiceForm #listSuppliesDetails tbody td:nth-child(4){ white-space:nowrap;text-align:left;}
#cleaningInvoiceForm #listSuppliesDetails tbody td:nth-child(5),
#cleaningInvoiceForm #listSuppliesDetails tbody td:nth-child(6){ text-align:right; }
#cleaningInvoiceForm #listSuppliesDetails tbody td:nth-child(7){ white-space:nowrap;text-align:left;}
#cleaningInvoiceForm #listSuppliesDetails thead th:nth-child(1){ text-align:right; }
#cleaningInvoiceForm #listSuppliesDetails thead th:nth-child(2),
#cleaningInvoiceForm #listSuppliesDetails thead th:nth-child(3){text-align:left;;width: 20%}
#cleaningInvoiceForm #listSuppliesDetails thead th:nth-child(4){ white-space:nowrap;text-align:left;}
#cleaningInvoiceForm #listSuppliesDetails thead th:nth-child(5),
#cleaningInvoiceForm #listSuppliesDetails thead th:nth-child(6){ text-align:right; }
#cleaningInvoiceForm #listSuppliesDetails thead th:nth-child(7){ white-space:nowrap;text-align:left;;width: 30%}
#cleaningInvoiceForm #listSuppliesDetails tfoot td:nth-child(2){ text-align:right; }
/* CONFIRM - LABOR*/
#cleaningInvoiceForm #confirmLaborTable tbody td:nth-child(1),
#cleaningInvoiceForm #confirmLaborTable tbody td:nth-child(2),
#cleaningInvoiceForm #confirmLaborTable tbody td:nth-child(3),
#cleaningInvoiceForm #confirmLaborTable tbody td:nth-child(4),
#cleaningInvoiceForm #confirmLaborTable tbody td:nth-child(5){ text-align:right; }
#cleaningInvoiceForm #confirmLaborTable tbody td:nth-child(6){ text-align:left; }
#cleaningInvoiceForm #confirmLaborTable tbody td:nth-child(7){ text-align:right; }
#cleaningInvoiceForm #confirmLaborTable tbody td:nth-child(8){ white-space:nowrap;text-align:left;}
#cleaningInvoiceForm #confirmLaborTable thead th:nth-child(1),
#cleaningInvoiceForm #confirmLaborTable thead th:nth-child(2),
#cleaningInvoiceForm #confirmLaborTable thead th:nth-child(3),
#cleaningInvoiceForm #confirmLaborTable thead th:nth-child(4),
#cleaningInvoiceForm #confirmLaborTable thead th:nth-child(5){ text-align:right; }
#cleaningInvoiceForm #confirmLaborTable thead th:nth-child(6){ text-align:left; }
#cleaningInvoiceForm #confirmLaborTable thead th:nth-child(7){ text-align:right; }
#cleaningInvoiceForm #confirmLaborTable thead th:nth-child(8){ white-space:nowrap;text-align:left; }
/* CONFIRM - SUPPLIES*/
#cleaningInvoiceForm #confirmSuppliesTable tbody td:nth-child(1){ text-align:right; }
#cleaningInvoiceForm #confirmSuppliesTable tbody td:nth-child(2),
#cleaningInvoiceForm #confirmSuppliesTable tbody td:nth-child(3),
#cleaningInvoiceForm #confirmSuppliesTable tbody td:nth-child(4){ white-space:nowrap;text-align:left;}
#cleaningInvoiceForm #confirmSuppliesTable tbody td:nth-child(5),
#cleaningInvoiceForm #confirmSuppliesTable tbody td:nth-child(6){ text-align:right; }
#cleaningInvoiceForm #confirmSuppliesTable tbody td:nth-child(7){ white-space:nowrap;text-align:left;}
#cleaningInvoiceForm #confirmSuppliesTable thead th:nth-child(1){ text-align:right; }
#cleaningInvoiceForm #confirmSuppliesTable thead th:nth-child(2),
#cleaningInvoiceForm #confirmSuppliesTable thead th:nth-child(3),
#cleaningInvoiceForm #confirmSuppliesTable thead th:nth-child(4){ white-space:nowrap;text-align:left;}
#cleaningInvoiceForm #confirmSuppliesTable thead th:nth-child(5),
#cleaningInvoiceForm #confirmSuppliesTable thead th:nth-child(6){ text-align:right; }
#cleaningInvoiceForm #confirmSuppliesTable thead th:nth-child(7){ white-space:nowrap;text-align:left;}
#cleaningInvoiceForm #listUploadedDoument tbody td:nth-child(1){ text-align:left; }
#cleaningInvoiceForm #listUploadedDoument tbody td:nth-child(2){ text-align:right; }
#cleaningInvoiceForm #listUploadedDoument thead th:nth-child(1){ text-align:left; }
#cleaningInvoiceForm #listUploadedDoument thead th:nth-child(2){text-align:right;}
/* applicant wizard */
#wizardform .ui-widget-content{
background:none;
}
.item-table table > tbody > tr:last-child, .item-table table > tbody > tr:last-child td {
border-bottom: none;
}
#wizard td {
vertical-align: top;
}
#wizard thead {
display:none;
}
#tabView {
border-top: 0 ;
border-left: 0;
border-right: 0;
margin-bottom:10px;
}
.section.ui-panel {
padding:0;
}
#tabView ul {
background-image:none;
}
#wizard tbody {
border-bottom: none;
}
#wizard tbody ,#wizard td , #wizard tr {
border-left : 0;
border-right: 0;
}
div#wizard.section-noheading tbody ,div#wizard.section-noheading td , div#wizard.section-noheading tr{
border-top: 0;
}
#wizardform .ui-panel-footer {
border-top: none;
}
.ui-datatable table.upload-group tr, .ui-datatable table.upload-group td {
border: 0px;
padding: 0px;
border: none;
}
#wizard tbody tr , #wizard tbody tr td{
border: none;
}
/*
#wizard tbody tr.group-parent, #wizard tbody tr.group-parent td {
border-bottom: none;
}*/
#wizard tbody tr.top-border.ui-widget-content > td {
border-top: 1px solid ;
border-top-color: rgb(157, 157, 157);
}
div#wizard.section-0 tr.ui-widget-content.non-group-item > td {
border-bottom: 1px solid ;
border-bottom-color: rgb(157, 157, 157);
}
div#wizard.section-0 tr.ui-widget-content.non-group-item.item-7 > td{
border:none;
}
.wizard-col-download , .wizard-col-upload {
width: 10%;
text-align: center;
}
.wizard-col-itemNum {
width: 5%;
text-align: center;
}
/* ------------------Foreman Application---------------------------------- */
/* span.item-desc-foreman-1 {
display:block;
}
span.item-desc-foreman-1 {
display:block;
line-height: 2;
} */
#foremanTransferForm .ui-datatable.borderless tbody{
background: none;
border-style: none;
}
#foremanTransferForm .ui-datatable.borderless tbody tr{
border-top: 1px solid ;
border-top-color: rgb(157, 157, 157);
border-style: none;
background: none;
}
#foremanTransferForm .ui-datatable.borderless tbody td{
border-style: none;
border-bottom: 1px solid ;
border-bottom-color: rgb(157, 157, 157);
}
/* Hide DataTable Header */
/* #foremanTransferForm .ui-datatable.borderless thead th{
display:none;
} */
#foremanTransferForm #applicantMainTable1 tbody td:nth-child(1){ white-space:nowrap;text-align:right; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable1 thead th:nth-child(1){ white-space:nowrap;text-align:right; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable1 tbody td:nth-child(2){ text-align:left; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable1 thead th:nth-child(2){ text-align:left; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable1 tbody td:nth-child(3){ text-align:center; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable1 thead th:nth-child(3){ text-align:center; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable2 tbody td:nth-child(1){ white-space:nowrap;text-align:right;vertical-align: text-top;}
#foremanTransferForm #applicantMainTable2 thead th:nth-child(1){ white-space:nowrap;text-align:right;vertical-align: text-top; }
#foremanTransferForm #applicantMainTable2 tbody td:nth-child(2){ text-align:left; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable2 thead th:nth-child(2){ text-align:left; vertical-align: text-top; }
#foremanTransferForm #applicantMainTable2 tbody td:nth-child(3){ text-align:center; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable2 thead th:nth-child(3){ text-align:center; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable3 tbody td:nth-child(1){ white-space:nowrap;text-align:right;vertical-align: text-top;}
#foremanTransferForm #applicantMainTable3 thead th:nth-child(1){ white-space:nowrap;text-align:right;vertical-align: text-top; }
#foremanTransferForm #applicantMainTable3 tbody td:nth-child(2){ text-align:left; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable3 thead th:nth-child(2){ text-align:left; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable3 tbody td:nth-child(3){ text-align:center; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable3 thead th:nth-child(3){ text-align:center; vertical-align: text-top;}
#foremanTransferForm #applicantMainTable1 .foreman-col-button tbody td{
border-bottom: none ;
background: none;
border-style: none;
}
#foremanTransferForm #applicantMainTable2 .foreman-col-button tbody td{
border-bottom: none ;
background: none;
border-style: none;
}
#foremanTransferForm #applicantMainTable3 .foreman-col-button tbody td{
border-bottom: none ;
background: none;
border-style: none;
}
#foremanTransferForm .panelgrid-dotted-border{
border-collapse: separate;
border-spacing: 0;
border: 1px dotted #929292;
}
#foremanTransferForm .panelgrid-dotted-border.ui-panelgrid tr, .panelgrid-dotted-border.ui-panelgrid .ui-panelgrid-cell {
border: 1px dotted #929292;
}
#SearchDirectDepositForm .ui-datatable thead th:nth-child(1) { text-align:center; }
#SearchDirectDepositForm .ui-datatable thead th:nth-child(2) { text-align:left; }
#SearchDirectDepositForm .ui-datatable thead th:nth-child(3) { text-align:right; }
#SearchDirectDepositForm .ui-datatable thead th:nth-child(4) { text-align:left; }
#SearchDirectDepositForm .ui-datatable thead th:nth-child(5) { text-align:right; }
#SearchDirectDepositForm .ui-datatable thead th:nth-child(6) { text-align:right; }
#SearchDirectDepositForm .ui-datatable thead th:nth-child(7) { text-align:right; }
#SearchDirectDepositForm .ui-datatable thead th:nth-child(8) { text-align:left; }
#SearchDirectDepositForm .ui-datatable thead th:nth-child(9) { text-align:center; }
#SearchDirectDepositForm .ui-datatable thead th:nth-child(10) { text-align:center; }
#SearchDirectDepositForm .ui-datatable tbody td:nth-child(1) { text-align:center; }
#SearchDirectDepositForm .ui-datatable tbody td:nth-child(2) { text-align:left; }
#SearchDirectDepositForm .ui-datatable tbody td:nth-child(3) { text-align:right; }
#SearchDirectDepositForm .ui-datatable tbody td:nth-child(4) { text-align:left; }
#SearchDirectDepositForm .ui-datatable tbody td:nth-child(5) { text-align:right; }
#SearchDirectDepositForm .ui-datatable tbody td:nth-child(6) { text-align:right; }
#SearchDirectDepositForm .ui-datatable tbody td:nth-child(7) { text-align:right; }
#SearchDirectDepositForm .ui-datatable tbody td:nth-child(8) { text-align:left; }
#SearchDirectDepositForm .ui-datatable tbody td:nth-child(9) { text-align:center; }
#SearchDirectDepositForm .ui-datatable tbody td:nth-child(10) { text-align:center; }
#SearchDirectDepositFormAdmin .ui-datatable thead th:nth-child(1) { text-align:left;width: 9% }
#SearchDirectDepositFormAdmin .ui-datatable thead th:nth-child(2) { text-align:center;width: 9% }
#SearchDirectDepositFormAdmin .ui-datatable thead th:nth-child(3) { text-align:center;width: 9% }
#SearchDirectDepositFormAdmin .ui-datatable thead th:nth-child(4) { text-align:left;width: 5% }
#SearchDirectDepositFormAdmin .ui-datatable thead th:nth-child(5) { text-align:left;width: 20% }
#SearchDirectDepositFormAdmin .ui-datatable thead th:nth-child(6) { text-align:left;width: 5% }
#SearchDirectDepositFormAdmin .ui-datatable thead th:nth-child(7) { text-align:left;width: 5% }
#SearchDirectDepositFormAdmin .ui-datatable thead th:nth-child(8) { text-align:left;width: 38% }
#SearchDirectDepositFormAdmin .ui-datatable tbody td:nth-child(1) { text-align:left;width: 9% }
#SearchDirectDepositFormAdmin .ui-datatable tbody td:nth-child(2) { text-align:center;width: 9% }
#SearchDirectDepositFormAdmin .ui-datatable tbody td:nth-child(3) { text-align:center;width: 9% }
#SearchDirectDepositFormAdmin .ui-datatable tbody td:nth-child(4) { text-align:left;width: 5% }
#SearchDirectDepositFormAdmin .ui-datatable tbody td:nth-child(5) { text-align:left;width: 20% }
#SearchDirectDepositFormAdmin .ui-datatable tbody td:nth-child(6) { text-align:left;width: 5% }
#SearchDirectDepositFormAdmin .ui-datatable tbody td:nth-child(7) { text-align:left;width: 5% }
#SearchDirectDepositFormAdmin .ui-datatable tbody td:nth-child(8) { text-align:left;width: 38% }
/* #parameter #personDoc thead th:nth-child(1){text-align:right;width: 20%}
#parameter #personDoc thead th:nth-child(2){text-align:right;width: 20%}
#parameter #personDoc tbody td:nth-child(1){text-align:right;width: 20%}
#parameter #personDoc tbody td:nth-child(2){text-align:right;width: 20%} */
#parameter #PersonDocDataTable thead th:nth-child(1){text-align:left;width: 20%;}
#parameter #PersonDocDataTable thead th:nth-child(2){text-align:left;width: 5%;}
#parameter #PersonDocDataTable thead th:nth-child(3){text-align:left;width: 45%;}
#parameter #PersonDocDataTable thead th:nth-child(4){text-align:left;width: 5%;}
#parameter #PersonDocDataTable thead th:nth-child(5){text-align:center;width: 25%;}
#parameter #PersonDocDataTable tbody td:nth-child(1){text-align:left;width: 20%;}
#parameter #PersonDocDataTable tbody td:nth-child(2){text-align:left;width: 5%;}
#parameter #PersonDocDataTable thead th:nth-child(3){text-align:left;width: 45%;}
#parameter #PersonDocDataTable thead th:nth-child(4){text-align:left;width: 5%;}
#parameter #PersonDocDataTable thead th:nth-child(5){text-align:left;width: 25%;}
/*
Data table Empty message fix with footer of datatable css
#SearchDirectDepositForm .ui-datatable-footer {
-webkit-radial-gradient(50% 75%,circle,#ffffff,#e6e6e6);
color: #000000;
padding: 4px 10px;
overflow: hidden;
font-size: 11px;
} */
/* ---------------------------------------------------- */
/* #description p{
display:block;
padding: 0 !important;
} */
span.item-desc {
display:block;
}
.section-header {
margin-bottom: 10px;
display: block;
}
.wizard-col-inputtext td {
padding: 0 !important;
}
.wizard-col-inputtext {
width:10%;
text-align: right;
}
.section-8 .wizard-col-inputtext {
width:15%;
}
.section-0 .wizard-col-inputtext
{
width:50%;
text-align:left;
}
.section-0 .wizard-col-inputtext input, .section-0 .wizard-col-inputtext .ui-password {
width:100%;
}
.section-1 .wizard-col-inputtext,
.section-2 .wizard-col-inputtext,
.section-6 .wizard-col-inputtext {
width:18%;
}
.section-1 .wizard-col-inputtext input , .section-6 .wizard-col-inputtext input {
width:112px;
text-align: left;
}
.wizard-col-itemDesc ol {
padding-top : 0px;
padding-bottom : 0px;
margin-top:0;
margin-bottom:0;
}
#wizard .item-hidden {
display:none;
}
.section-0 tr.item-4 .wizard-col-inputtext input,
.section-0 tr.item-5 .wizard-col-inputtext input,
.section-0 tr.item-6 .wizard-col-inputtext input,
.section-0 tr.item-7 .wizard-col-inputtext input{
width: 25%;
}
.section-0 td.wizard-col-itemDesc {
width: 70%;
}
/*radio group*/
.section-0 .wizard-col-inputtext table {
max-width:100px;
float: right;
}
@media screen and (min-width : 1000px) {
#DirectDepositForm .ui-md-3{
text-align: right;
margin-top: 4px;
}
#DirectDepositForm .ui-md-1{
text-align: right;
}
#DirectDepositUpdateForm .ui-md-3{
text-align: right;
margin-top: 4px;
}
#DirectDepositUpdateForm .ui-md-1{
text-align: right;
}
}
@media screen and (max-width : 1000px) {
#DirectDepositForm .ui-md-3{
text-align: left;
margin-top: 4px;
}
#DirectDepositForm .ui-md-1{
text-align: left;
}
#DirectDepositUpdateForm .ui-md-3{
text-align: left;
margin-top: 4px;
}
#DirectDepositUpdateForm .ui-md-1{
text-align: left;
}
}
.line-spacing {
display: block; /* Ensures the element behaves like a block */
height: 1rem; /* Adjust the height for the required spacing (e.g., 1rem = 16px) */
}
.page-heading-row {
background-color: var(--primary-color); /* Use the primary color of the theme */
color: var(--primary-color-text); /* The complementary text color for primary elements */
font-size: 1.5rem; /* Adjust size based on desired heading level */
font-weight: bold;
text-align: center;
padding: 1rem; /* Add some spacing to make the heading stand out */
border-radius: 4px; /* Optional: Slightly rounded corners for design consistency */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}
/* Applicant Registeration Form*/
/* Common style for both buttons */
.button-space {
margin: 1px !important;
margin-right: 1.5rem; /* Adjust space between buttons */
}