#cfd-search-form {
    margin-bottom: 20px;
}

.cfd-search-input, .cfd-tags-filter, .cfd-submit {
    margin-bottom: 10px;
}

#cfd-file-tags {
    width: 100%;
    height: auto;
}

.cfd-search-results-list {
    list-style-type: none;
    padding-left: 0;
}

.cfd-search-results-list li {
    margin-bottom: 5px;
}

.cfd-custom-select {
    position: relative;
    width: 100%;
}

#cfd-tag-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}

.cfd-tag-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 150px;
    border: 1px solid #ccc;
    border-top: none;
    background: white;
    z-index: 1000;
    overflow-y: auto;
    display: none;
}

.cfd-tag-option {
    padding: 10px;
    cursor: pointer;
}

.cfd-tag-option:hover {
    background: #f0f0f0;
}

.cfd-tag-selected {
    margin-top: 10px;
}

.cfd-tag-selected .cfd-tag-item {
    display: inline-block;
    background: #0073aa;
    color: white;
    padding: 5px;
    margin: 5px;
    border-radius: 3px;
}

.cfd-tag-selected .cfd-tag-item .remove-tag {
    margin-left: 5px;
    cursor: pointer;
}
/* Contenedor flex para alinear los selectores horizontalmente */
.cfd-select-container {
    display: flex !important;
    gap: 10px; 
    flex-wrap: wrap; 
}

.cfd-tags-filter {
    flex: 1; 
}

.cfd-tags-filter select {
    width: 100%; 
    box-sizing: border-box; 
    padding: 8px; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
    background-color: #fff; 
}

.choices__item--selectable {
    display: block; 
}

/****************************************************************/

/* Elimina las líneas de la tabla */
#wpfd-results .table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff !important; 
    border: none;
    margin-top: 1rem;
}

#wpfd-results .table th,
#wpfd-results .table td {
    padding: 10px;
    text-align: left;
    border: none; 
}

#wpfd-results .table th.htitle {
    width: 40%;
}

#wpfd-results .table th.hdescription,
#wpfd-results .table td.file_desc {
    display: none;
}

#wpfd-results .table th.hdownload,
#wpfd-results .table td.file_download {
    width: 10%;
    text-align: center;
}

#wpfd-results .mediaTableMenu {
    position: relative;
}

#wpfd-results .mediaTableMenu a {
    cursor: pointer;
}

#wpfd-results .mediaTableMenu ul {
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    list-style: none;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    z-index: 10;
}

#wpfd-results .mediaTableMenu ul li {
    padding: 5px;
}

#wpfd-results .mediaTableMenu ul li label {
    margin-left: 5px;
}

#wpfd-results .mediaTableMenu a:hover + ul,
#wpfd-results .mediaTableMenu ul:hover {
    display: block;
}



#wpfd-results .table th.hdownload,
#wpfd-results .table td.file_download,
#wpfd-results .table th.hpreview,
#wpfd-results .table td.file_preview {
    /* Estilos comunes para las columnas de previsualización y descarga */
    text-align: center;
    padding: 10px; 
}

/* Estilos adicionales para la columna de previsualización */
#wpfd-results .table th.hpreview {
    background-color: #f9f9f9; 
}

#wpfd-results .table td.file_preview {
    background-color: #f5f5f5; 
}

/* Estilos específicos para los íconos dentro de las celdas */
#wpfd-results .table td.file_preview .preview-icon i,
#wpfd-results .table td.file_download .download-icon i {
    font-size: 20px; 
    color: #333; 
}

/* Estilo adicional para el enlace de previsualización */
#wpfd-results .table td.file_preview a.wpfd_previewlink {
    color: #2d572c;
    text-decoration: none; 
}

#wpfd-results .table td.file_preview a.wpfd_previewlink:hover {
    text-decoration: underline; 
}

/* Estilo adicional para el enlace de descarga */
#wpfd-results .table td.file_download a.downloadlink {
    color: #2d572c; 
    text-decoration: none; 
}

#wpfd-results .table td.file_download a.downloadlink:hover {
    text-decoration: underline; 
}