body
{
	background: url('img/PESBackground.png');
	/* background-size: cover; */
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	height: 100%;
	width: 100%;
	font-family:'Segoe UI',tahoma,sans-serif;
	font-size: 18px;
	overflow:hidden;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.PESMain
{
	margin: 110px 0px 0px 276px;
	overflow:auto;
	height: calc(100% - 110px);
}
.PESMain ul li{
    display: flex;
    flex: 1 0 20%;
    max-width: 22%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.PESMain ul:first-child{
	display:none;
}
.PESMain ul.PESSection{
background-color:#ddd;
	border:1px solid #888;
	border-radius:4px;
	padding:2px 0 5px 10px;
	max-width:calc(100% - 24px)
}
.PESMain ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    gap: 15px;
}

.PESSection
{
	font-weight:bold;
	margin:10px 0 0 0;
}
.PESFile
{
	background-image: url('img/PESIconLink_File.png');
	padding: 0px 0 0px 30px;
	background-size: 16px;
	background-repeat:   no-repeat;
	background-position: 5px 0;
}

.PESFile.PESFileDOCX
{
	background-image: url('img/PESIconLink_DOCX.png');
}
.PESFile.PESFilePDF
{
	background-image: url('img/PESIconLink_PDF.png');
}
.PESFile.PESFileJPG,
.PESFile.PESFileSVG,
.PESFile.PESFileBMP,
.PESFile.PESFilePNG
{
	background-image: url('img/PESIconLink_Image.png');
}

.PESFile.PESFilePPTX
{
	background-image: url('img/PESIconLink_PPTX.png');
}
.PESFile.PESFileCSV,
.PESFile.PESFileXLSX
{
	background-image: url('img/PESIconLink_XLSX.png');
}
.PESFile.PESFileZip
{
	background-image: url('img/PESIconLink_Zip.png');
}