.document-field{
    width: 100%;
    margin-bottom: 80px;
}
div.media-preview-container.document-preview{
    width: 100%;
    display: none;
}
.document-preview *{
    padding: 0;
    margin: 0;
    border: none;
}
.document-preview table{
    width: 100%;
    border: 1px solid #EBF1FF;
    border-collapse: collapse;
    margin-bottom: 20px !important;
}
.document-preview thead{
    border-bottom: 1px solid #EBF1FF;
}
.document-preview th,td:not(:last-child){
    border-right: 1px solid #EBF1FF;
}
.document-preview th{
    font-weight: 600;
    line-height: 16.41px;
    text-transform: uppercase;
    padding: 14px 16px !important;
    text-align: left;
}
.document-preview th:first-child{
    width: 940px;
}
.document-preview th:last-child{
    text-align: right;
}

.document-preview td{
    padding: 9px 16px !important;

}
.document-preview td span{
    padding: 4px 0 4px 40px !important;
    color: #000;
    font-size: 16px;
    line-height: 140%;
    position: relative;

}
.document-preview td span::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
}
.document-preview td .pdf::before{
    background: url(../images/FilePdf.svg);
}
.document-preview td .doc::before, .document-preview td .docx::before{
    background: url(../images/FileDoc.svg);
}
.document-preview td .png::before{
    background: url(../images/FilePng.svg);
}
.document-preview td .mp3::before{
    background: url(../images/FileAudio.svg);
}
.document-preview td .mp4::before{
    background: url(../images/FileVideo.svg);
}
.document-preview .actions{
    display:flex;
    justify-content: end;
    gap: 12px;
}
.document-preview .actions a{
    flex:none !important;
}
.document-preview .actions .download{
    width: 20px;
    height: 20px;
    background: url(../images/download.svg);
}
.document-preview .actions .remove-document{
    width: 20px;
    height: 20px;
    background: url(../images/delete-cross.svg);
}
.document-field .input-container{
    max-width: 772px;
    display: flex;
    align-items: center;
    margin-top: 20px !important;
}
.document-field .input-container label{
    margin-bottom: 0 !important;
}
.document-field .upload-file-button{
    padding: 11.5px 54px 11.5px 20px !important;
    border-radius: 8px;
    border: 1px solid #8A97B1;
    background-color: rgba(0, 0, 0, 0);
    color: #6F7A92;
    line-height: 140%;
    font-size: 16px;
    margin-right: 20px !important;
    position: relative;
}
.document-field .upload-file-button::after{
    content: "";
    position: absolute;
    top: 11px;
    right: 20px;
    width: 24px;
    height: 24px;
    background: url(../images/upload.svg);
}
.document-field .document-hint{
    color: #6F7A92;
}