.Fbtn {
   outline: 1px solid var(--bs-dark);
   border-radius: .3rem;
   padding: 5rem 0;
   color: var(--bs-dark);
   font-weight: bold;
}
/************* UPLOAD PROGRESS ************/
#form_upload form #Select_file {
   position: relative;
}
#form_upload form #Select_file #New_file {
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   opacity: 0;
}
#form_upload form #Select_file .list_text {
   width: auto;
   margin: 0;
   margin-bottom: 5px;
   display: block;
}
#form_upload form #Select_file .result_text {
   display: none;
   color: #0a213a;
   padding: 8px;
}
#form_upload form input[type="submit"] {
   width: 100%;
   display: block;
   margin: 0;
   margin-bottom: 7px;
}

#form_upload #message.upload_ok,
#form_upload #message.upload_error {
   padding: 5px;
   margin-bottom: 10px;
   font-size: 11px;
}
#form_upload #message.upload_ok {
   border: solid 1px #92D38C;
   color: green;
   background: #E8FFE7;
}
#form_upload #message.upload_error {
   border: solid 1px #D38C8C;
   color: #CC2C2C;
   background: #FFE7E7;
}
#form_upload #progress {
   display: none;
   width: 100%;
   margin-bottom: 10px;
   position: relative;
   background: rgba(var(--bs-primary-rgb), .3);
   border: 1px solid var(--bs-primary);
   border-radius: .4rem;
   overflow: hidden;
}
#form_upload #progress #bar {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background: var(--bs-primary);
   transition: all 0.3s ease-in-out;
   z-index: 2;
}
#form_upload #progress #percent {
   position: relative;
   z-index: 3;
   padding: .4rem;
   color: white;
}

.filtrar-archivos {
   margin-top: 0;
   top: 4rem;
}
.filtrar-archivos a {
   display: block;
   margin-bottom: .3rem;
}

.list-files-item,
.carpetas .carpeta {
   --cover: 65px;
   display: grid;
   grid-template-columns: var(--cover) 1fr auto;
   gap: .4rem;
   padding: .4rem;
}
.list-files-item .item-cover {
   width: var(--cover);
   height: 100%;
} 
.list-files-item .item-cover img {
   width: 40px;
   height: 40px;
}
.list-files-item .item-cover em {
   font-size: 0.8rem;
}
.list-files-item .item-data h4 {
   padding: 0;
   margin: 0 0 .1rem 0;
}
.list-files-item .item-data small > span {
   font-weight: 500;
}
.item-options {
   padding: 0.3rem;
   width: 180px;
   right: 3rem;
   top: 2%;
   background-color: var(--bs-white);
   border: 1px solid rgba(var(--bs-dark-rgb), .4);
   border-radius: .3rem;
   z-index: 9;
}
.item-options.open {
   display: block;
}
.item-options.closed {
   display: none;
}
.item-options > span,
.item-options > a {
   display: block;
   padding: 0.3rem;
   display: grid;
   grid-template-columns: 1.2rem 1fr;
   place-items: center start;
   gap: .4rem;
   text-align: left;
   font-size: 1rem;
   margin-bottom: 0.4rem;
   cursor: pointer;
   border-radius: .3rem;
}
.item-options > span .featherIcons,
.item-options > a .featherIcons {
   width: 1.2rem;
   height: 1.2rem;
}
.item-options > span:hover,
.item-options > a:hover {
   background-color: var(--bs-primary);
   color: var(--bs-white)!important;
}
/* CARPETAS */
.carpetas .carpeta {
   border:0;
   border-bottom: 1px solid rgba(var(--bs-dark-rgb), .5);
   grid-template-columns: 50px 1fr auto;
   font-weight: 500;
   height: 50px;
   place-items: center start;
   gap: .3rem;
   padding: 0 .4rem;
}
.carpetas .carpeta:last-child {
   border-bottom: none;
}
.carpetas .carpeta img {
   width: 40px; 
   height: 40px;
}
.carpetas .carpeta .carpeta-info {
   line-height: 1rem;
}
.carpetas .carpeta .carpeta-info small {
   font-style: italic;
   font-size: 0.79rem;
}

/** ARCHIVO **/
.archivo-header div:last-child {
   display: grid;
   grid-template-columns: repeat(4, 2rem);
   place-items: end center;
   gap: .4rem;
}
.archivo-header div:last-child > * {
   width: 2rem;
   height: 2rem;
   line-height: 2.7rem;
   display: block;
   text-align: center;
   color: var(--bs-dark);
}
.archivo-header div:last-child > * .featherIcons {
   width: 1.4rem;
   height: 1.4rem;
}