.am-documents.no-logged {
  opacity: 0.6;
} 

.am-documents__filters { 
  display: inline-flex;
  gap:.5rem;
  margin-bottom:.75rem;
  flex-wrap:wrap;
  border-radius: 30px;
  background-color: #e3f1f0;
  overflow: hidden;
  padding: 0.5rem;
}
.am-filter { 
  border: none;
  background:transparent;
  padding:.6rem 1.2rem;
  font-size: 16px;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  cursor:pointer;
  transition: all linear 0.4s;
}
.am-filter.is-active,
.am-filter:hover {
  background:#11a992;
  color:#fff;
}

.am-documents__wrapper {
  padding: 2rem;
  background:#e3f1f0;
  border-radius: 2rem;
}

.am-folder {
  transition: background-color ease 0.4s;
  border-radius: 1rem;
}

.am-folder:hover {
  background-color: #ffffff;
}

.am-folder:not(:last-child),
.am-row:not(:last-child){
  border-bottom: 1px solid #c9e3dd;
}

.am-row a:hover,
.am-row a:hover svg path {
  color:#373736;
  fill: #373736;
}

.am-folder:open .fa-folder-open {
  display: block;
}

.am-folder .fa-folder-open,
.am-folder:open .fa-folder-plus {
  display: none;
}

.am-folder__title:marker {
  display: none;
}

#product #collapse-attachments{
  max-width: 980px;
}

.am-folder__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor:pointer;
  font-weight:600;
  padding:1rem;
}

.am-folder__title .fa-light {
  margin-right: .5rem;
}

.am-folder__content {
  padding: 0 1rem 1rem;
}

.am-folder__count { 
  font-weight:400;
  color: #11a992;
  font-size: 12px;
  font-weight: 600;
}

.am-size,
.am-date,
.am-lang {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.am-table { 
  width:100%;
  padding-top: 1rem;
}

.heading-table {
  display: grid;
  grid-template-columns: 1fr 80px 80px 100px 120px;
  grid-gap: 1rem;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  padding: 1rem 2rem;
  border-bottom: 1px solid #c9e3dd;
}

.am-table .am-row {
  display: grid;
  grid-template-columns: 1fr 80px 80px 100px 120px;
  grid-gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem;
  align-items: center;
  border-left: 1px solid #373736;
}

.am-docname { 
  font-weight: 600;
  font-size: 16px;
}

.am-link {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.am-link svg {
  width: 32px;
  height: 18px;
  margin-bottom: 6px;
}

.am-link svg path {
  transition: fill ease 0.4s;
}