.ps_header-banner, .ps_header_bar 
.psListPage .ui-header.ui-bar-b {  
    background-image: none;
    background-color: #4E2A84;
    border-bottom: 10px solid #4e2a84;
    border-bottom-style: none;  
}


:root:not(.psc_mode-hc) .ps_header_bar-container:before {
	    padding-top: 0.25em;
	    background: #4e2a84;
	    content: " ";
	    display: block;
}



.lpfooter {
  background-color: rgba(29,39,51,0.48) !important;  
  border-top: 10px rgba(29,39,51,0.48); 
}



.ps_header_bar .ps_actions_cont .ps_system_cont .ps_header-navbar .ps-button {
   background-image:-webkit- none;; background-image:-moz- none;; background-image:-ms- none;; background-image: none;;
   -webkit-box-sizing:none; -moz-box-sizing:none; -ms-box-sizing:none; box-sizing:none;
 }



#PT_LANDINGPAGE .ps_content,
#PT_FLDASHBOARD .ps_content {
    
    background-color: #eff1f4 !important;
}



     







.psc_list-linkmenu li.ps_grid-row.psc_selected > .ps_box-link > .ps-link-wrapper > .ps-link{
    color: white;
}

























      
      

      
      

    
     


      




:root:not(.psc_mode-ag):not(.psc_mode-md) .pt_homepage {
    background-color: White;  
    border-bottom: White); 


}



      

      #PT_HEADER .ps_header_bar {
        background-color: #4E2A84;
        background-image: none;
        border: none;
        border-bottom: 10px solid #4e2a84;
      }

      #PT_HEADER .ps_header_bar .ps_back_cont #PT_WORK_PT_BUTTON_BACK {
        border: none;
        border-radius: 0;
        background-image: none;
        box-shadow: none;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
      }

      #PT_HEADER .ps_header_bar .ps_back_cont #PT_WORK_PT_BUTTON_BACK:hover {
        background-color: transparent;
        opacity: .5;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
      }

      #PT_HEADER .ps_header_bar .ps_actions_cont a.ps-button,
      #PT_HEADER .ps_header_bar .ps_pagetitle_cont a.ps-button {
        border-radius: 0;
        border: 0;
        background-image: none;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
      }

      #PT_HEADER .ps_header_bar .ps_actions_cont a.ps-button:hover,
      #PT_HEADER .ps_header_bar .ps_pagetitle_cont a.ps-button:hover {
        background-color: transparent;
        box-shadow: none;
        opacity: .5;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
     }

      


.ps_header_bar  .ps_box-button:not(.psc_disabled) .ps-button:active,
.ps_header_bar  .ps_box-button:not(.psc_disabled) .ps-button:hover:active
 {
        background-color: transparent;
        opacity: .5;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
}

 .ps_header_bar .ps_actions_cont a.ps-button:hover,
 .ps_header_bar .ps_pagetitle_cont a.ps-button:hover {
        background-color: transparent;
        box-shadow: none;
        opacity: .5;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
      }



.psc_list-linkmenu:not(.psc_grid-selectedhighlight) li.ps_grid-row.psc_selected, 
.psc_grid-selectedascurrent .ps_grid-row.psc_selected, 
.psc_list-linkmenu > li.ps_box-scrollarea-row.psc_selected {
    background-color: #A495C3;
}



 





.nuihdr_logo:after {
    content: url(/cs/hrnu_er/cache3/NW_LOGO_WHITE_1.SVG);
}



.lpfooter .dot.on {
  background: White; 
}
.lpfooter .dot {

  border: 2px solid White 
}

.lpfooter .lprefresh {
    
}  














img#DERIVED_HRCD_PR_HR_VT_IMAGE.ps-img {
  display: none;
}










.ps_header_bar .ps_actions_cont .ps_system_cont .ps_header-navbar .ps-button {
   background-image:-webkit- none;; background-image:-moz- none;; background-image:-ms- none;; background-image: none;;
   -webkit-box-sizing:none; -moz-box-sizing:none; -ms-box-sizing:none; box-sizing:none;
 }



     




     



.psc_list-linkmenu li.ps_grid-row.psc_selected > .ps_box-link > .ps-link-wrapper > .ps-link{
    color: white;
}







.hr_tile_livedata-field .ps_box-value,
.psc_tile_livedata-count .ps_box-value {

}

.ptnavbar .nuinb.sel label,
.ptnavbar .nuinb:hover label {
	color: #4e2a84;
}















      
            

      
      

    
     

      


      

      

      #PT_HEADER .ps_header_bar {
        background-color: #4E2A84;
        background-image: none;
        border: none;
        border-bottom: 10px solid #4e2a84;
      }

      #PT_HEADER .ps_header_bar .ps_back_cont #PT_WORK_PT_BUTTON_BACK {
        border: none;
        border-radius: 0;
        background-image: none;
        box-shadow: none;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
      }

      #PT_HEADER .ps_header_bar .ps_back_cont #PT_WORK_PT_BUTTON_BACK:hover {
        background-color: transparent;
        opacity: .5;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
      }

      #PT_HEADER .ps_header_bar .ps_actions_cont a.ps-button,
      #PT_HEADER .ps_header_bar .ps_pagetitle_cont a.ps-button {
        border-radius: 0;
        border: 0;
        background-image: none;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
      }

      #PT_HEADER .ps_header_bar .ps_actions_cont a.ps-button:hover,
      #PT_HEADER .ps_header_bar .ps_pagetitle_cont a.ps-button:hover {
        background-color: transparent;
        box-shadow: none;
        opacity: .5;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
     }

      


.ps_header_bar  .ps_box-button:not(.psc_disabled) .ps-button:active,
.ps_header_bar  .ps_box-button:not(.psc_disabled) .ps-button:hover:active
 {
        background-color: transparent;
        opacity: .5;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
}

 .ps_header_bar .ps_actions_cont a.ps-button:hover,
 .ps_header_bar .ps_pagetitle_cont a.ps-button:hover {
        background-color: transparent;
        box-shadow: none;
        opacity: .5;
        -webkit-transition: opacity 100ms ease-out 0s; -moz-transition: opacity 100ms ease-out 0s; -ms-transition: opacity 100ms ease-out 0s; transition: opacity 100ms ease-out 0s;
      }

.psc_tile_livedata,
.psc_tile_livedata-count {
    bottom: 1.8em;
}


.psc_list-linkmenu:not(.psc_grid-selectedhighlight) li.ps_grid-row.psc_selected, 
.psc_grid-selectedascurrent .ps_grid-row.psc_selected, 
.psc_list-linkmenu > li.ps_box-scrollarea-row.psc_selected {
    background-color: #A495C3;
}



 




.nuihdr_logo:after {
    content: url(/cs/hrnu_er/cache3/NW_LOGO_WHITE_1.SVG);
}
.nuihdr_hpbtn {
   left: 17em;
}
















.nbdock {
  background-color: #ffffff;
}


div.nwvTabDepth-2 { padding-left: 2.2em; }
div.nwvTabDepth-3 {padding-left: 3.7em; }
div.nwvTabDepth-4 {padding-left: 5em; }
div.psa_vtab.psc_hidden { display:none; }
.nw_desc_text {
  padding-left: 2.5em;
  font-weight: normal;
  font-style: oblique;
}
.nw_navcol_link:not(.nw_2line-gridlink) .ps-img {
  position: absolute;
  margin: 0em;
  left: 0;
  top: auto !important;
  margin-top: auto !important;
  margin-left: 0.5em;
}

.nw_navcol_link.nw_2line-gridlink .ps-img {
  position: absolute;
  margin: 0em;
  left: 0;
  top: auto !important;
  margin-top: auto !important;
  margin-left: 0.5em;
}









.ps-button-wrapper[title="Refresh"] > .ps-button:link{

  %BV(background-image: rgba(29,39,51,0.48) !important; /* Swee added */
  border: rgba(29,39,51,0.48) !important; /* Swee added */
  %BP(box-shadow: 1px 1px 2px rgba(29,39,51,0.48), inset 0 -2px 1px -1px rgba(29,39,51,0.48), inset 0 10px 10px -6px rgba(29,39,51,0.48)) !important;  /* Swee added */
/* Swee comment out begin
 %BV(background-image: linear-gradient(#4E2A84,#4E2A84)) !important;
  border: #4E2A84 !important;
  %BP(box-shadow: 1px 1px 2px #4E2A84, inset 0 -2px 1px -1px #4E2A84, inset 0 10px 10px -6px #4E2A84) !important; 
Swee commented End*/
}

/* Armando Alaniz - Set additional buttons on fluid pages (ex:Personal Details - Add Mailing Address Btn) to the gradient purple (does not work on popup windows */
/* Swee 2/22/2021 comment out begin
.psc_image_only > .ps-button-wrapper > .ps-button,
.ps-button, .ps-button:link {
	 %BV(background-image: linear-gradient(#FFFFFF,#B6ACD1));
    %BP(box-shadow: 1px 1px 2px #888, inset 0 -2px 1px -1px #CCC4DF, inset 0 10px 10px -6px #E4E0EE);
    border-top: 1px solid #836EAA;
    border-left: 1px solid #765DA0;
    border-right: 1px solid #765DA0;
    border-bottom: 1px solid #836EAA;
    %BP(text-shadow: 1px 1px 0px #CCC4DF);
    color: #000;
}
Swee 2/22/2021 commented End*/

/* Armando Alaniz - Sets background to purple gradient when clicked. (ex:Personal Details - Contact Details - + Btn) overrides the green default */
/* Swee 2/22/21 comment out begin
.psc_image_only > .ps-button-wrapper > .ps-button:focus{
    background-color: #5B3B8C;
    %BV(background-image: linear-gradient(#5B3B8C,#B6ACD1));
    %BP(box-shadow: 1px 1px 2px #888, inset 0 -2px 1px -1px #4E2A84, inset 0 10px 10px -6px #CCC4DF);
    color: #FFFFFF;
    border-top: 0px solid #836EAA;
    border-left: 0px solid #765DA0;
    border-right: 0px solid #765DA0;
    border-bottom: 0px solid #836EAA;
    text-shadow: 0px 0px 0px transparent;
}
Swee 2/22/21 commented End*/


/* Armando Alaniz - sets additional buttons (ex:Personal Details - Add Mailing Address Btn) to purple gradient */
/* Swee 2/22/21 comment out begin
.ps-button:hover, .ps-button:link:hover{
	 	%BV(background-image: linear-gradient(#B6ACD1,#5B3B8C));
    %BP(box-shadow: 1px 1px 2px #888, inset 0 -2px 1px -1px #4E2A84, inset 0 10px 10px -6px #CCC4DF);
    color: #FFFFFF;
}
Swee 2/22/21 commented End*/

/* Armando Alaniz - sets additional buttons (ex:Personal Details - Add Mailing Address Btn) On Click to purple gradient */
/* Swee 2/22/21 comment out begin
.ps-button:not([disabled]):active, .ps-button:not([disabled]):hover:active{
		%BV(background-image: linear-gradient(#5B3B8C,#B6ACD1));
    %BP(box-shadow: 1px 1px 2px #888, inset 0 -2px 1px -1px #4E2A84, inset 0 10px 10px -6px #CCC4DF);
    color: #FFFFFF;
}
Swee 2/22/21 commented End*/

/* Armando Alaniz - Removes Gradient and borders from NAV Bar Wheel Button */
.ps-button-wrapper[title="Personalize NavBar"] > .ps-button{
	%BV(background: url(/cs/hr92devd/cache/PTNUI_NB_HDR_BG_1.png) repeat-x !important);
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 0px 0px 0px transparent, inset 0 0px 0px 0px transparent, inset 0 0px 0px 0px transparent) !important;
	border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-shadow: 0px 0px 0px transparent;
}

/* Armando Alaniz - NavBar Personalize Tile -  Delete Image - make background transparent  only shows red X image with no pruple border*/
.ps_grid-row .nbtile-row > .nbtile-del-btn > .ps-button-wrapper > .ps-button{
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 0px 0px 0px transparent, inset 0 0px 0px 0px transparent, inset 0 0px 0px 0px transparent) !important;
	border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-shadow: 0px 0px 0px transparent;
}

/* Armando Alaniz - NavBar Personalize Tile -  Delete Image - make background transparent  only shows red X image with no pruple border when clicked on*/
.ps_grid-row .nbtile-row > .nbtile-del-btn > .ps-button-wrapper > .ps-button:focus{
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 0px 0px 0px transparent, inset 0 0px 0px 0px transparent, inset 0 0px 0px 0px transparent) !important;
	border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-shadow: 0px 0px 0px transparent;
  %BV(background-color: transparent);
}



/* Armando Alaniz - Removes Gradient and borders from Search Button in Add Tile NavBar */
.ps-button-wrapper[title="Search"] > .ps-button,
.ps-button-wrapper[title="Back"] > .ps-button{
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 0px 0px 0px transparent, inset 0 0px 0px 0px transparent, inset 0 0px 0px 0px transparent) !important;
	border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-shadow: 0px 0px 0px transparent;
}


/* Armando Alaniz - Removes Gradient and puts borders on Search and Back Button in Add Tile NavBar when its clicked*/
.ps-button-wrapper[title="Search"] > .ps-button:focus,
.ps-button-wrapper[title="Back"] > .ps-button:focus{
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 1px 1px 2px #888, inset 0 -2px 1px -1px #CCC4DF, inset 0 10px 10px -6px #E4E0EE);
  border-top: 1px solid #836EAA;
  border-left: 1px solid #765DA0;
  border-right: 1px solid #765DA0;
  border-bottom: 1px solid #836EAA;
  %BP(text-shadow: 1px 1px 0px #CCC4DF);
  %BV(background-color: transparent);
}



/* Armando Alaniz - Removes Gradient and borders from Back Button in Actions section by Name dropdown arrow */
.ps-button-wrapper[title="Actions"] > .ps-button{
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 0px 0px 0px transparent, inset 0 0px 0px 0px transparent, inset 0 0px 0px 0px transparent) !important;
	border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-shadow: 0px 0px 0px transparent;
}

/* Armando Alaniz - Removes Gradient and borders from Back Button in Actions section by Name dropdown arrow */
.ps-button-wrapper[title="Actions"] > .ps-button:focus{
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 0px 0px 0px transparent, inset 0 0px 0px 0px transparent, inset 0 0px 0px 0px transparent) !important;
	border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-shadow: 0px 0px 0px transparent;
  %BV(background-color: transparent);
}

/* Armando Alaniz - Remove the gradient and borders from the back button in the navigator portion of the pages  */
.ptnui_menu_back > .ps-button-wrapper > .ps-button{
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 0px 0px 0px transparent, inset 0 0px 0px 0px transparent, inset 0 0px 0px 0px transparent) !important;
	border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-shadow: 0px 0px 0px transparent;
  %BV(background-color: transparent);
}

/* Armando Alaniz - Remove the purple background on click from the back button in the navigator portion of the pages  */
.ptnui_menu_back > .ps-button-wrapper > .ps-button:focus{
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 1px 1px 2px #888, inset 0 -2px 1px -1px #CCC4DF, inset 0 10px 10px -6px #E4E0EE);
  border-top: 1px solid #836EAA;
  border-left: 1px solid #765DA0;
  border-right: 1px solid #765DA0;
  border-bottom: 1px solid #836EAA;
  %BP(text-shadow: 1px 1px 0px #CCC4DF);
  %BV(background-color: transparent);
}


/* Armando Alaniz - Remove the gradient and borders from the up-arrow button in the navigator portion of the pages  */
.ptnui_menu_home > .ps-button-wrapper > .ps-button{
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 0px 0px 0px transparent, inset 0 0px 0px 0px transparent, inset 0 0px 0px 0px transparent) !important;
	border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-shadow: 0px 0px 0px transparent;
  %BV(background-color: transparent);
}

/* Armando Alaniz - Remove the purple border on click from the up-arrow button in the navigator portion of the pages  */
.ptnui_menu_home > .ps-button-wrapper > .ps-button:focus{
	%BV(background-image: linear-gradient(transparent,transparent)!important);
	%BP(box-shadow: 1px 1px 2px #888, inset 0 -2px 1px -1px #CCC4DF, inset 0 10px 10px -6px #E4E0EE);
  border-top: 1px solid #836EAA;
  border-left: 1px solid #765DA0;
  border-right: 1px solid #765DA0;
  border-bottom: 1px solid #836EAA;
  %BP(text-shadow: 1px 1px 0px #CCC4DF);
  %BV(background-color: transparent);
}

/* Jeff Wood - Let IE have height information for icons to proportionally scale them in the shortcut tabs */
html:not(.safari) .hcsc_image-maxtabheight .ps-img {
  height: 100%;
}

/* Jeff Wood - 10/18/2016 Header Logo for small form factor */
/***********************************************
* Header Logo Image in Small Form factor devices
************************************************/
.psc_form-small .homePageHdr #pthdr2logofluid:before {
	content:url(%Image(NW_LOGO_WHITE_SFF)) !important;
}
:root.psc_form-small .nuihdr_logo:after {
  padding-top: 0em;
  content:url(%Image(NW_LOGO_WHITE_SFF)) !important;
}

/* Approval Hub - Avoid ellipsis on IE for tab labels (delivered fixes box grid, need to add new approval hub)
   Jeff Wood, Oracle 11/3/2016 */
.nw_aphub_vtab .ps_box-group .ps_box-label,
.nw_aphub_total .ps_box-group .ps_box-label {
    text-overflow:clip !important;
}