@keyframes dnd-spin{from{transform:rotate(0) scaleX(-1)}to{transform:rotate(360deg) scaleX(-1)}}[data-drag-and-drop-instance]{height:auto;cursor:pointer}.drag-and-drop-files--message{text-align:center;line-height:2em}
.drag-and-drop-files--message p::before{content:'';background:url('../assets/icons/material-design-icons/baseline_cloud_upload_black_48dp.png');width:48px;height:48px;margin:0 auto;display:block}.drag-and-drop-files--message .dtx-button{margin-top:.5em;line-height:initial}
[id^="document_section_div_"]{--drag-and-drop--feedback-color:black;--drag-and-drop--feedback-color--accent:white}[id^="document_section_div_"].file-uploading{--drag-and-drop--feedback-color:blue;--drag-and-drop--feedback-color--accent:blue}
[id^="document_section_div_"].file-success{--drag-and-drop--feedback-color:green;--drag-and-drop--feedback-color--accent:green}[id^="document_section_div_"].file-error{--drag-and-drop--feedback-color:red;--drag-and-drop--feedback-color--accent:red}
.drag-and-drop-files--feedback{color:var(--drag-and-drop--feedback-color)}.drag-and-drop-files--feedback-message:not(:empty)::before{content:': '}#documents .section_title_row .title_rhs_container,#extra_document .section_title_row .title_rhs_container{margin-top:0}
.drag-and-drop-files--progress{display:flex;flex-direction:row-reverse}.drag-and-drop-files--progress progress{accent-color:var(--drag-and-drop--feedback-color--accent);transition:transform .5s ease-in-out,opacity .5s;transform:scaleY(0);opacity:0;flex:1;margin-left:1em}
.drag-and-drop-files--progress output{padding-top:0;width:4ch}.drag-and-drop-files--progress progress:not(:indeterminate){opacity:1;transform:scaleY(1)}.drag-and-drop-files--status-icons{display:inline-block;width:2em;height:2em;vertical-align:middle}
.drag-and-drop-files--status-icons svg{width:100%;height:100%;display:none;fill:var(--drag-and-drop--feedback-color)}.drag-and-drop-files--status-icons svg.uploading{animation:3s linear infinite normal dnd-spin}
[id^="document_section_div_"]:not(.file-uploading,.file-error,.file-success) .drag-and-drop-files--status-icons svg.pending{display:block}[id^="document_section_div_"].file-uploading .drag-and-drop-files--status-icons svg.uploading,[id^="document_section_div_"].file-error .drag-and-drop-files--status-icons svg.error,[id^="document_section_div_"].file-success .drag-and-drop-files--status-icons svg.success{display:block}