body { font-family:sans-serif; line-height: 1.4em; }

/* from https://www.w3schools.com/howto/howto_js_progressbar.asp */
#uploadbar {
  width: 0%;
  height: 30px;
  background-color: #04AA6D;
  text-align: center;
  line-height: 30px;
  color: white;
}

/* filedrag style from "HTML5 File Drag & Drop demonstration" (Craig
 * Buckler @craigbuckler, OptimalWorks.net) as featured on SitePoint.com */
.filedrag
{
        display: none;
        font-weight: bold;
        text-align: center;
        padding: 1em 0;
        margin: 1em 0;
        color: #555;
        border: 2px dashed #555;
        border-radius: 7px;
	overflow: hidden;
        cursor: default;
}

.filedrag.over
{
        color: #f00;
        border-color: #f00;
        border-style: solid;
}

.filedrag.selected
{
        color: #0b0;
        border-color: #0b0;
        border-style: solid;
}