.dm-uploader {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dm-uploader input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.media .media-body {
    display: flex;
    flex-flow: row;
}

@media (max-width: 1024px) {
    .media .media-body {
        justify-content: space-between;
    }
    .media .media-body a {
        font-size: 1em;
    }
}

.media {
    position: relative;
    margin-bottom: 20px;
    margin-left: 60px;
}

.media::before {
    content: url(../images/document-icon.svg) !important;
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translateY(-50%);
    padding: 8px 0;
    width: 40px;
    background: #F7FBF1;
    text-align: center;
}

.media .addNote {
    color: #5CA463;
    margin-left: 30px;
    margin-right: 50px;
}

@media (max-width: 1024px) {
    .media .addNote {
        margin-left: 0px;
        margin-right: 20px;
    }
}
@media (max-width: 667px) {
    .media .addNote {
        margin-right: 10px;
    }
}

.media .fileName {
    max-width: 400px;
    width: 360px;
}

@media (max-width: 1024px) {
    .media .fileName {
        width: 240px;
    }
}
@media (max-width: 667px) {
    .media .fileName {
        width: 160px;
    }
}

.media .editDoc,
.media .removeDoc {
    color: #B4C0BC;
    margin: 0 50px;
}

@media (max-width: 1024px) {
    .media .editDoc,
    .media .removeDoc {
        margin: 0 10px;
    }
}
@media (max-width: 667px) {
    .media .editDoc,
    .media .removeDoc {
        display: none;
    }
}

.media .addFiles {
    color: #5CA463;
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 1024px) {
    .media .addFiles {
        position: relative;
    }
}

.media .addFiles::after {
    content: url("data:image/svg+xml; utf8, <svg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 14.7656C3.48633 14.7656 0.234375 11.5137 0.234375 7.5C0.234375 3.48633 3.48633 0.234375 7.5 0.234375C11.5137 0.234375 14.7656 3.48633 14.7656 7.5C14.7656 11.5137 11.5137 14.7656 7.5 14.7656ZM11.7188 6.67969C11.7188 6.48633 11.5605 6.32812 11.3672 6.32812H8.67188V3.63281C8.67188 3.43945 8.51367 3.28125 8.32031 3.28125H6.67969C6.48633 3.28125 6.32812 3.43945 6.32812 3.63281V6.32812H3.63281C3.43945 6.32812 3.28125 6.48633 3.28125 6.67969V8.32031C3.28125 8.51367 3.43945 8.67188 3.63281 8.67188H6.32812V11.3672C6.32812 11.5605 6.48633 11.7188 6.67969 11.7188H8.32031C8.51367 11.7188 8.67188 11.5605 8.67188 11.3672V8.67188H11.3672C11.5605 8.67188 11.7188 8.51367 11.7188 8.32031V6.67969Z' fill='#5CA463'/></svg>");
    display: inline;
    margin-left: 10px;
}

#files {
    /* overflow-y: scroll !important; */
    /* min-height: 320px; */
    min-height: 0;
}

/* @media (max-width: 768px) {
    #files {
        min-height: 0;
    }
    
} */