#folder-content-container {
    font-family: Font Awesome 6 Free;
    font-style: normal;
    font-weight: normal;
    width: 100%;
}

.folder-container,
.noitems {
    display: block;
    padding: 0px 5px 0px 0px;
}

.folder-text,
.item-text {
    font-family: Arial, DM Sans, Open Sans, sans-serif !important;
    font-size: large !important;
    color: #3c474d !important;
    font-weight: normal !important;
    line-height: 25px;
}

.folder-text:hover{
    text-decoration: underline !important;
}

a.item-text {
    text-decoration: none;
}

span.folder {
    color: rgb(252, 186, 34);
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

span.file {
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.folder,
.file {
    cursor: pointer;
}

.folder:before,
.file:before {
    padding-right: 10px;
    padding-top: 25px;
}

.pptx {
    color: #D04423;
}

.pdf {
    color: #E03C31;
}

.docx {
    color: #1B5EBE;
}

.xslx {
    color: #1D6F42;
}

.noitems {
    display: none;
    pointer-events: none;
}

span a {
    text-decoration: none;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1;  }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}