.doc-icon {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /*margin-right: 6px;*/
  float: inline-start;
}

.doc-list
{
  list-style-type: none;
  margin-left:2rem;
}

.doc-list li
{
  margin: 0.3rem 0rem 0.5rem 0rem;
}

.doc-list li a::before {
 content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  flex-shrink: 0;
}


#ul1 {
 list-style-image: url(/pdfi.gif); 
 list-style-position: inside; 
 }
#ul2 {
 list-style-image: url(/a1.gif);
 list-style-position: inside; 
 }
#ul4 {
 list-style-image: url(/xlsx.png);
 list-style-position: inside; 
 }
#ul3 {
 list-style-image: url(/images/w11.jpg);
 list-style-position: inside; 
 }
#li1{ list-style-image: url(/images/w11.jpg)}
#li2{ list-style-image: url(/images/a1.gif)}
#li3{ list-style-image: url(/images/pptx.png)}
#li4{ list-style-image: url(/images/xlsx.png)}


.doc-list li a[href$=".pptx"]::before 
{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMu b3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNmZjYxMDAiIHJ4PSI0Ii8+PHRleHQgeD0i NiIgeT0iMjMiIGZvbnQtc2l6ZT0iMTJweCIgZmlsbD0id2hpdGUiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIj5QPC90ZXh0Pjwv c3ZnPg==");
}

.doc-list li a[href$=".ppt"]::before 
{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMu b3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNmZjYxMDAiIHJ4PSI0Ii8+PHRleHQgeD0i NiIgeT0iMjMiIGZvbnQtc2l6ZT0iMTJweCIgZmlsbD0id2hpdGUiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIj5QPC90ZXh0Pjwv c3ZnPg==");
}

.doc-list li a[href$=".xls"]::before 
{
  background-image: url("/images/xlsx.png");
}

.doc-list li a[href$=".xlsx"]::before 
{
  background-image: url("/images/xlsx.png");
}

.doc-list li a[href$=".doc"]::before 
{
  background-image: url("/images/w1.png");
}

.doc-list li a[href$=".docx"]::before 
{
  background-image: url("/images/w1.png");
}

.doc-list li a[href$=".pdf"]::before 
{
   background-image: url("/images/pdfi.gif");
}

.doc-list li a[href$=".zip"]::before
{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMu b3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNmZmQwMDAiIHJ4PSI0Ii8+PHRleHQgeD0i NiIgeT0iMjMiIGZvbnQtc2l6ZT0iMTJweCIgZmlsbD0id2hpdGUiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIj5aSVA8L3RleHQ+ PC9zdmc+");
}

li a[href$=".rar"]::before 
{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMu b3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNmZjAwZmYiIHJ4PSI0Ii8+PHRleHQgeD0i NiIgeT0iMjMiIGZvbnQtc2l6ZT0iMTJweCIgZmlsbD0id2hpdGUiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIj5SQVI8L3RleHQ+ PC9zdmc+");
}