.file-upload-container input[type="file"] {
    display: none;
}

.custom-file-upload {
    cursor: pointer;
    background-color: #fbfbfb;
    border-radius: 8px;
    width: 100%;
    padding: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: repeating-linear-gradient(-29deg, #d9d1d2, #d9d1d2 14px, transparent 14px, transparent 23px, #d9d1d2 23px), repeating-linear-gradient(61deg, #d9d1d2, #d9d1d2 14px, transparent 14px, transparent 23px, #d9d1d2 23px), repeating-linear-gradient(151deg, #d9d1d2, #d9d1d2 14px, transparent 14px, transparent 23px, #d9d1d2 23px), repeating-linear-gradient(241deg, #d9d1d2, #d9d1d2 14px, transparent 14px, transparent 23px, #d9d1d2 23px);
    background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

.custom-file-upload .fa-cloud-upload {
    font-size: 20px;
    color: #01a9ff;
}

.file-to-upload-container {
    max-height: 320px;
    overflow: scroll;
}

.file-to-upload-list-item {
    padding: 0.8em;
    background-color: #fbfbfb;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    border: 1px solid #f2f2f2;
}

.badge-trash {
    background-color: #d2434333;
}

.trash-icon {
    color: #d24343;
}

.eye-icon {
    color: #0183c6;
}