span span:after, span span:before {
position: relative;
}

table { 
width: 100%; 
border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
background: #eee; 
}
th { 
background: #000; 
color: white; 
font-weight: bold; 
}
td, th { 
padding: 6px; 
border: 1px solid #000; 
text-align: left; 
width:auto; 
color: #000;
}
@media 
only screen and (max-width: 760px),
(min-width: 768px) and (max-width: 1024px)  {

/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { 
display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
text-align: center;
}

tr { border: 1px solid #000; }

td { 
/* Behave  like a "row" */
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 50%; 
}

td:before { 
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
}

/*
Label the data
*/

}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
ul.mscd{list-style-type:disc !important;}
}

td a {
color: #1C3F5F !important;
}
.attachment-full{width:100% !important;height:auto !important;}