/* This CSS includes a few ways of styling PDF files */
/*
p:not(.cssonly) a[href$=".pdf"]:before {
*/
/* PDF file */
a[href$=".pdf"] {
  background: url('../img/Adobe_PDF_file_icon_32x32.png') no-repeat left center;
  padding-left: 20px;
  wi_dth: 40%;!important;
  background-position-y:0px;
  background-size:20px;
}

/*
a[href$=“.pdf”]:before {
    width:32px;
    height:32px;
    background:url('https://www.tuscanynonwovenstechnology.com/2611506/Template/assets/img/Adobe_PDF_file_icon_32x32.png');!important;
    display:inline-block;!important
    content:' ';!important;
}
*/

/*
a[href$=“.pdf”]:before {   content: “📄 “;   margin-right: 5px; }
*/

/* Add " (PDF)" text after links that go to PDFs */
/*
a[href$=".pdf"]:after { content: " (PDF)"; }
*/

/* If file size specified as data attribute, use that too */
/*
a[href$=".pdf"][data-size]:after { content: " (PDF, " attr(data-size) ")"; }
*/

/*
html {
  font-size: 1em;
  line-height: 1.75;
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
  color: #585451;
  font-family: sans-serif;
}
*/

/* p {  background-color: gray; } */

.cssonly a[href$=".pdf"]:after {
  /* PDF file */
  width: 16px;
  vertical-align: middle;
  margin: 4px 0 2px 4px;
  padding: 4px 0 1px 0px;
  background-color: #fff;
  color: red;
  border: 1px solid red;
  border-top-right-radius: 7px;
  box-shadow: 1px 1px #ccc;
  font-size: 7.7px;
  font-weight: 700;
  font-family: sans-serif;
  line-height: 16px;
  text-decoration: none;
  display: inline-block;
  box-sizing: content-box;
  content: 'PDF';
}

.cssonly a[href$=".doc"]:after,
.cssonly a[href$=".docx"]:after {
  width: 16px;
  vertical-align: middle;
  margin: 4px 0 2px 4px;
  padding: 4px 0 1px 0px;
  background-color: #fff;
  color: #00d;
  border: 1px solid #00d;
  border-top-right-radius: 7px;
  box-shadow: 1px 1px #ccc;
  font-size: 7.7px;
  font-weight: 700;
  font-family: sans-serif;
  line-height: 16px;
  text-decoration: none;
  display: inline-block;
  box-sizing: content-box;
  content: 'DOC';
}

.cssonly a[href$=".xls"]:after,
.cssonly a[href$=".xlsx"]:after {
  width: 16px;
  vertical-align: middle;
  margin: 4px 0 2px 4px;
  padding: 4px 0 1px 0px;
  background-color: #fff;
  color: #090;
  border: 1px solid #090;
  border-top-right-radius: 7px;
  box-shadow: 1px 1px #ccc;
  font-size: 8px;
  font-weight: 700;
  font-family: tahoma, arial, sans-serif;
  letter-spacing: 0.001em;
  line-height: 16px;
  text-decoration: none;
  display: inline-block;
  box-sizing: content-box;
  content: 'XLS';
}