.card-file {
    margin-bottom: 1.875rem;
    /* width: 250px; */
    position: relative;
    background-color: white;
    border-radius: 0.5rem;
    border: none;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
    margin: 1%;
}

.app-file-list {
    display: flex;
    flex-direction: row;
    border: 1px solid #ebebeb;
}

.app-file-list .app-file-icon {
    background-color: #F5F5F5;
    /* padding: 2rem; */
    /* text-align: center;
    font-size: 2rem;
    border-bottom: 1px solid #ebebeb;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    position: relative; */
}


.app-file-list:hover {
    border-color: #d7d7d7;
}

.app-file-list .description {
    flex: 15;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
}

.app-file-list .function-file{
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.app-file-list .function-file i{
    font-size: 2rem;
}

.fa-download {
    color: var(--secondary_color);
    cursor: pointer;
    transition: 0.3s
}

.fa-download:hover {
    color: var(--primary_color);
}

.fa-download:active {
    color: var(--primary_color);
}

.fa-trash {
    color: var(--secondary_color);
    cursor: pointer;
    transition: 0.3s
}

.fa-trash:hover {
    color: var(--primary_color);
}

.fa-trash:active {
    color: var(--primary_color);
}

.fa-eye {
    color: var(--secondary_color);
    cursor: pointer;
    transition: 0.3s
}

.fa-eye:hover {
    color: var(--primary_color);
}

.fa-eye:active {
    color: var(--primary_color);;
}

.fa-signature {
    color: var(--secondary_color);
    cursor: pointer;
    transition: 0.3s
}

.fa-signature:hover {
    color: var(--primary_color);
}

.fa-signature:active {
    color: var(--primary_color);;
}


.fa-sync {
    color: var(--secondary_color);
    cursor: pointer;
    transition: 0.3s
}

.fa-sync:hover {
    color: var(--primary_color);
}

.fa-sync:active {
    color: var(--primary_color);;
}

.credits {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.credits a {
    color: #222222;
    text-decoration: none;
    font-weight: 800;
}




.card-foto {
    margin-bottom: 1.875rem;
    width: min-content;
    position: relative;
    background-color: white;
    border-radius: 0.5rem;
    border: none;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
    margin: 1%;
}


.app-foto-list {
    border: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
}

.app-foto-list .app-foto-icon {
    background-color: #F5F5F5;
    /* padding: 8rem; */
    text-align: center;
    font-size: 2rem;
    border-bottom: 1px solid #ebebeb;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.app-foto-list:hover {
    border-color: #d7d7d7;
}

.card-foto .description {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
}