.d-flex div .item[data-id *= HPT][style *= "padding: 0px 12px 0px 0px;"] {
    padding-right: 6px !important;
    padding-left: 6px !important;
}



#nav > div.flex-fill.flex-column > div:nth-child(3) > button {
  background-color: #a8353a !important;
}


#nav > div.flex-fill.flex-column > div:nth-child(3) > button > div:nth-child(1) > img {
  border-radius: 10px !important;
}


#nav > div.flex-fill.flex-column > div.oc-scrollbar-container.flex-fill.css-1dgup8b.ps.ps--active-y {
    box-shadow:
        inset 0px 11px 4px -10px rgb(0, 0, 0, 0.5), 
        inset 0px -11px 4px -10px rgb(0, 0, 0, 0.5) !important;
}


#app header {
    color: white !important;
    background-color: #a8353a !important;
    box-shadow: 0 2px 4px 0px rgb(0, 0, 0, 0.5) !important;
    
}


#app > header > div > ol > li > img  {
		
	
	
	
	background-image: url(/cs/PRODSTU/cache_86019/APU_NEW_LOGO_WHITE_41266.PNG) !important;
	background-size: 231px !important;
	
	background-repeat: no-repeat;
	background-position: center center;
	width: 0;
	height: 0;
	padding: 100px 0px 0px 231px;
}

#app header button {
    color: white !important;
}

#app header span {
    color: white !important;
}

#app header svg {
    color: white !important;
}


#app > header > div.d-flex.overflow-hidden > ol > li > h1 {
    padding-right: 3px !important;
}


#app > header > div > ol > li > button > span {
    color: white !important;
}


#app > header > div > ol > svg {
    color: white !important;
}


#app > header > div.ml-auto.d-flex > div > button {
    color: white !important;
    border-color: white !important;
}

#app > div > header .cx-MuiTypography-colorPrimary {
    color: white !important;
}


#nav > div.flex-fill.flex-column > div:nth-child(3) > button > div:nth-child(1) {
    background-color: transparent !important;
}


.cx-MuiTypography-h3 {
	color: black !important;
}


#app > header > div.d-flex.overflow-hidden > ol > li > img {
    max-height: 52px !important;
}

 
.apu-cx-MuiPaper-root {
    color: #090d19;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
}

.apu-cx-MuiCard-root {
    overflow: hidden;
}

.apu-cx-MuiPaper-rounded {
    border-radius: 4px;
}

.apu-cx-MuiCardHeader-root {
    display: flex;
    padding: 16px;
    align-items: center;
}

.apu-cx-jss18 {
    display: flex;
    align-items: center;
}

.apu-cx-MuiCardHeader-content {
    flex: 1 1 auto;
}

.apu-css-1uk1gs8 {
    margin: 0px;
}

.apu-cx-MuiCardHeader-action {
    flex: 0 0 auto;
    align-self: flex-start;
    margin-top: -8px;
    margin-right: -8px;
}

.apu-cx-MuiIconButton-label {
    width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: inherit;
}

.apu-cx-MuiIconButton-root {
    flex: 0 0 auto;
    color: #757FA9;
    padding: 0.5rem;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 50%;
}



h1.cx-MuiTypography-colorTextPrimary {
	color: white !important;
}

button[title="Preferences Menu"] {
	color: white !important;
    border-color: white !important;
}


#root > div > div {
    color: white !important;
    background-color: #a8353a !important;
    box-shadow: 0 2px 4px 0px rgb(0, 0, 0, 0.5) !important;
}


#app > div > header {
    color: white !important;
    background-color: #a8353a !important;
    box-shadow: 0 2px 4px 0px rgb(0, 0, 0, 0.5) !important;
}