.doc-sst-list {
padding: 4px;
width: 100%;
height: 300px;
background-color: rgba(255, 255, 255, 0);
overflow-x: auto;
}

.doc-sst-doc {
border-bottom: 1px solid rgb(221, 221, 221);
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
padding: 4px;
margin-bottom: 4px;
cursor: auto;
column-gap: 1em;
justify-items: left;
}

p{
font-size: 9px;
overflow: hidden;
}

.doc-sst-list .label-sst {
text-transform: uppercase;
font-weight: 700;
margin-bottom: 5px;
color: #333333;
font-size: 14px;
}

.doc-sst-list .data-sst {
font-weight: 500;
font-size: 14px;
color: #7c7c7c;
}

.doc-sst-list .data-tit {
font-weight: 500;
font-size: 12px;
color: #7c7c7c;
}

.tse-btn-dwl{
min-width: 80px;
height: 24px;
background-color: white;
border: 1px solid #b3b3b3;
cursor: pointer;
border-radius: 3px;
}

.tse-btn-dwl:hover{
background-color: rgb(244, 244, 244);
border-radius: 3px;
}
.sst-a::after{
content: "Descargar";
color: rgb(0, 172, 9) ;
font-size: 14px;
}

.sst-b::after{
content: "Descargar";
color: rgb(0, 172, 9) ;
font-size: 14px;
}

@media screen and (max-width: 640px) {
.doc-sst-list .doc-sst-doc {	
	width: 620px;
	column-gap: 0.5em;
	justify-items: center;
	overflow: visible;
}

.doc-sst-list .data-sst {
	font-weight: bold;
	font-size: 12px;
}

.doc-sst-list .data-tit {
	font-weight: 500;
	font-size: 10px;
	color: #7c7c7c;
}

.doc-sst-list .label-sst {
	font-size: 12px;
}

}

.tse_sty{
display: block !important;
visibility: 0;
}

#tt {
    display: flex !important;
    justify-content: space-between;
    min-width: 250px;
    gap: 10px;
    align-items: center;
    background-color: #353535;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 16px;
    position: fixed;
    z-index: 9999;
    right: 10px;
    top: -60px;
    font-size: 17px;
    transition: top 0.3s ease-in-out;
}
#tt.show {
    top: 20px;
}
#tcls {
    float: right;
    width: 26px;
    height: 26px;
    text-align: center;
    cursor: pointer;
    color:black;
}