
#x_complaint_pgp_key, #x_complaint_publish_site {
  display: none;
}

#e-mail-warning, #complaint_direct_text, #complaint_bdsb_text, #complaint_other_office_text {
  display: none;
}

/* show file list on print only */
fieldset#attachmentsset, ol#attachments {
  display: none;
}

#drop_area {
  border: 2px dashed #ddd;
  margin: 10px auto;
  padding: 10px;
}

#drop_area.over {
  border-color: purple;
}

#progress {
  width: 100%;
  background-color: #ddd;
  height: 30px;
}

.greenbar {
  width: 40px;
  height: 30px;
  background-color: #4CAF50;
  float: left;
}
.redbar {
  width: 40px;
  height: 30px;
  background-color: #ff0000;
  float: left;
}

.blinkme {
  animation: flash .50s;
}

@keyframes flash {
  50% {
    border-color: #880000;
    background-color: #ffbbbb;
  }
  100% {
    border-color: #cccccc;
    background-color: #ffffff;
  }
}
/*#drop_area * {pointer-events: none};*/

/*
.button {
  display: inline-block;
  background: #ccc;
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
}
*/
.upload_button {
  border: 1px dashed #ddd;
  border-radius: 2px 2px 2px 2px;
  padding: 4px;
}
.upload_button:hover {
    background: #eee;
}

.order_button {
  text-align: center;
}

input.order_button, button.order_button {
  border-radius: 4px;
  padding: 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 16px;
  background-color: #0D5CAB;  /* blue */
  color: #ffffff;
  display: inline-block;
}



#fileElem_touch, #fileElem_mouse {
  display: none;
}

/* show different text and icon, if touch */
#upload_touch {
  display: none;
}
@media (hover: none) {
  #upload_mouse {
    display: none;
  }
  #upload_touch {
    display: inherit;
  }
  p#upload_touch {
    display: grid;
  }

}

#gallery {
  margin-top: 10px;
}
#gallery img {
  width: 150px;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

li {
  list-style-type: none;
}


