.DocumentList {
    background: none repeat scroll 0 0 #ffffff;
    padding: 0;
}
.DocumentList .tb-Search {
    border-spacing: 4px;
}
.DocumentList .docname {
    padding: 10px;
}
.DocumentList .td-SearchContent {
    width: 230px;
}
.DocumentList .cssSearch, .cssCancel {
    background: none repeat scroll 0 0 #B80002;
    border: 1px solid #000;
    border-radius: 3px;
    color: #ffffff;
    font: bold 9pt Arial;
    margin: 10px 4px 0 0;
    padding: 4px 7px;
    text-transform: uppercase;
}
.DocumentList .cssSearch:hover, .cssCancel:hover{
    background: none repeat scroll 0 0  #fea20e;
}
.DocumentList .td-DocumentType, .DocumentType {
    width: 120px !important;
}
.DocumentList .tr-Search td:nth-child(3) {
    width: 82px !important;
}
.DocumentList .tr-Search td:nth-child(4) {
    width: 100px !important;
}
.DocumentList .tr-Search td:nth-child(5) {
    width: 98px !important;
}
.DocumentList .img-file {
    background: url("images/copy.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    border: medium none !important;
    display: inline-block;
    height: 35px;
    width: 35px;
}
.DocumentList .LBar {
    width: 220px;
}
.DocumentList .LBar .MenuList {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.DocumentList .LBar .MenuList .SubItem {
    font: bold 10pt arial;
    padding: 3px 0;
    text-transform: uppercase;
}
.DocumentList .LBar .MenuList .SubItem > a {
    background: none repeat scroll 0 0 #eff7f8;
    border-left: 4px solid #B80002;
    box-shadow: 0 3px 2px #B80002;
    color: #000;
    font: 10pt arial;
    text-decoration: none;
    text-transform: none;
    width: 95%;
    display: inline-block;
    padding: 5px 0 5px 10px;
}
.DocumentList .tr-Content table th {
  background-color: var(--primary);
  border: 1px solid #bbb;
  padding: 5px 6px;
           white-space: nowrap;
}
.DocumentList .LBar .MenuList .SubItem > a:hover {
      background: none repeat scroll 0 0  #fea20e;
}
.DocumentList .td-SearchContent fieldset {
    border: 1px solid #bbb;
  border-radius: 10px 10px 0 0;
}
.DocumentList .td-SearchContent fieldset legend {
    color: #333;
    font: bold 11pt arial;
    text-transform: uppercase;
}
.DocumentList .img-file {
  background: url("images/copy.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
  border: medium none !important;
  display: inline-block;
  height: 35px;
  width: 35px;
}.DocumentList .tr-Content table td {
  border: 1px solid #bbb;
  padding: 5px 6px;
}
.DocumentList th {
        color: white;
}
.DocumentList .file-download {
        font-size: 0.875rem;
}
.DocumentList .file-download .fa-download {
  background: url("images/copy.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
  height:25px;
  width:25px;
}
.fa-download:before {
    content: "" !important;
}

@media screen and (max-width: 768px) {
        
.DocumentList .td-SearchContent {
    width: calc(100vw - 0.5rem) !important;
}
      .DocumentList .tr-Content table td {
                display: table-cell !important;
                width: auto !important;
        }
        .DocumentList .tr-Content td:first-child {
        	overflow: auto;
                width: 97vw !important;
        }
        .DocumentList .tr-Search td:nth-child(3), .DocumentList .tr-Search td:nth-child(4) {
        	width: 100% !important;
        }
}