.container{height:500px;width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;border:2px dashed #f7941d;background-color:#f8f8ff;padding-bottom:20px;margin-bottom:20px}.font{color:#fff}.boxcolor{background-color:#f8f8ff;color:#f8f8ff}.list{list-style-type:none;margin:0;padding:0}.Dropzone,.list{display:flex;flex-direction:column}.Dropzone{height:500px;width:500px;background-color:#211c34;border:2px dashed #f7941d;border-radius:10px;align-items:center;justify-content:center;font-size:16px}.Highlight{background-color:#f7941d}.Icon{opacity:.3;height:64px;width:64px}.FileInput{display:none}.Upload{display:flex;flex-direction:column;flex:1 1;align-items:flex-start;text-align:left;overflow:hidden}.Content{display:flex;flex-direction:column;padding-top:16px;box-sizing:border-box;width:100%}.Files{margin-left:32px;align-items:flex-start;justify-items:flex-start;flex:1 1;overflow-y:auto}.Title{margin-bottom:32px;color:#555}.Filename{margin-bottom:8px;font-size:16px;color:#fff}.Row{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.CheckIcon{opacity:.5;margin-left:32px}.ProgressWrapper{display:flex;flex:1 1;flex-direction:row;align-items:center}.ProgressBar{width:100%;height:8px}.Progress,.ProgressBar{background-color:#f7941d;border-radius:5px}.Progress{height:100%;margin:0}.bottomPadding{padding-top:40px}.messagebox{max-width:500px}.buttonSpaceing{padding-bottom:20px}