.input-file-container {
  position: relative;
  min-width: 250px;
  min-height: 250px;
  width: 250px;
  height: 250px;
  margin: 8px;
  background-color: goldenrod;
}

.input-file-input {
  position: fixed;
  top: -100px;
}

.input-file-add {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  border: 2px solid gainsboro;
}

.input-file-add > ng-md-icon {
   position: absolute;
   color: white;
   display: flex;
   width: 100%;
   height: 100%;
}

.input-file-add > ng-md-icon > svg {
   margin: auto;
}

ng-md-icon.full {
   position: absolute;
   color: white;
   display: flex;
   width: 100%;
   height: 100%;
}

ng-md-icon.full > svg {
   margin: auto;
}

.input-file-show {
  position: relative;
  height: 100%;
}

.input-file-show > div {
  height: 100%;
}

.input-file-show > div > md-progress-circular {
  margin: auto;
}

.input-file-full-image {
  width: 100%;
  height: 100%;
}

.input-file-image-preview {

}


md-input-file.md-input-center .input-file-container {
  margin: auto;
}