.file-name {
    border-radius: 10px;
}
.file-name .fileIcon {
    font-size: 50px;
}
.fileName {
    white-space: nowrap;
    /* Prevent text from wrapping to the next line */
    overflow: hidden;
    /* Hide the overflowing content */
    text-overflow: ellipsis;
}
.upFile {
    display: flex;
    margin-left: 20px;

    border-radius: 10px;
    padding: 5px;
    background-color: rgb(192, 192, 192);
    font-size: 15px;
}
.upFile .material-icons {
    margin-right: 10px;
    font-size: 20px;
}
.file-name .uploadFileicon {

    font-size: 60px !important;
}
.file-name .ingIOcon .material-icons {
    font-size: 15px;
    
    text-align: center;
    cursor: pointer;
    width: fit-content;
}
.file-name .ingIOcon {
  transition: 0.3s;
}
.file-name .ingIOcon1 .material-icons {
    font-size: 15px;
    font-weight: bolder;
    cursor: pointer;
}
.skeleton {
    width: 100%;
    padding: 50px;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
    margin-top: 30px;
}
.skeleton {
    animation: skeleton-loading1 1s linear infinite alternate;
}
@keyframes skeleton-loading1 {
    0% {
        background-color: hsl(0, 0%, 57%);
    }
    100% {
        background-color: hsl(0, 0%, 81%);
    }
}
#allFileContent {
    display: none;
}
.folder-name .folderIcon1 .material-icons {
    font-size: 15px;
   margin-top: 25px;
    margin-bottom: 20px;
}

.file-name .description {
    font-size: 5rem;
    text-align: center;
}
.file-name .videoDiv{
    position: relative;
}
.file-name .videoDiv .material-icons{
    position: absolute;
    z-index: 1;
    color: #ce0000;
    margin-left: 40%;
    margin-top: 25%;
}