#myImageGalleryAdminForm form {
  /* Just to center the form on the page */
  margin: auto;
  width: 500px;
  /*width: 100%;*/
  /* To see the outline of the form */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
}

form div {
  padding: 5px;
}

#myImageGalleryAdminFormform div + div {
  margin-top: 1em;
}

#myImageGalleryAdminForm label {
  /* To make sure that all labels have the same size and are properly aligned */
  display: inline-block;
  width: 90px;
  text-align: right;
}

#myImageGalleryAdminForm input, textarea {
  /* To make sure that all text fields have the same font settings
     By default, textareas have a monospace font */
  font: 1em sans-serif;

  /* To give the same size to all text fields */
  /*width: 300px;*/
  /*height: 2em;*/
  width: 80%;
  height: auto;
  box-sizing: border-box;

  

  /* To harmonize the look & feel of text field border */
  border: 1px solid #999;
}

#myImageGalleryAdminForm input:focus, textarea:focus {
  /* To give a little highlight on active elements */
  border-color: lightgreen;

}

#myImageGalleryAdminForm textarea {
  /* To properly align multiline text fields with their labels */
  vertical-align: top;

  /* To give enough room to type some text */
  height: 5em;
}

#myImageGalleryAdminForm .button {
  /* To position the buttons to the same position of the text fields */
  padding-left: 90px; /* same size as the label elements */
}

#myImageGalleryAdminForm button {
  /* This extra margin represent roughly the same space as the space
     between the labels and their text fields */
  margin-left: .5em;
}

.fa-floppy-o:hover, .fa-pencil-square:hover , .fa-plus-square:hover , .fa-trash:hover{
  background-color: #009688;
  border-radius: 100%;
}