.form-type-image-managed-file .form-managed-file {
  border: none;
  width: 110px;
  height: 110px;
  overflow: hidden;
  background-color: #F6EFE7;
  background-image: url(../../../images/icons/icon-add-file.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  border: 2px solid #FDBE00;
}
.form-type-image-managed-file .form-managed-file .form-item {
  margin: 0;
}
.form-type-image-managed-file .form-managed-file label {
  color: #1E2643;
}
.form-type-image-managed-file .form-managed-file .image-widget-data, .form-type-image-managed-file .form-managed-file .image-preview {
  position: relative;
  width: 110px;
  height: 110px;
  display: table-cell;
  vertical-align: top;
}
.form-type-image-managed-file .form-managed-file .image-preview {
  border: 1px solid #008080;
}
.form-type-image-managed-file .form-managed-file .image-widget-data input:not([type=hidden]):not([type=text]) {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  margin: 0;
}
.form-type-image-managed-file .form-managed-file .image-widget-data input:not([type=hidden]):not([type=text])[type=submit] {
  width: auto;
  height: auto;
  color: #FFFFFF;
}
.form-type-image-managed-file .form-managed-file .image-widget-data input:not([type=hidden]):not([type=text]):after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-image: url(../../../images/icons/cover.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 47px 34px;
  border: 2px solid #FDBE00;
  box-sizing: border-box;
}
.form-type-image-managed-file .form-managed-file .image-widget-data input:not([type=hidden]):not([type=text]).error:after {
  border: 1px solid #BF2F17;
}
.form-type-image-managed-file .form-managed-file .image-widget-data .ajax-progress {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  margin: 0;
  width: 50px;
  height: 50px;
}
.form-type-image-managed-file .form-managed-file .image-widget-data .ajax-progress:before, .form-type-image-managed-file .form-managed-file .image-widget-data .ajax-progress:after {
  width: 50px;
  height: 50px;
  border-radius: 500px;
}
.form-type-image-managed-file .form-managed-file .image-widget-data .ajax-progress .throbber, .form-type-image-managed-file .form-managed-file .image-widget-data .ajax-progress .message {
  width: 50px;
  height: 50px;
  border-radius: 500px;
}
.form-type-image-managed-file .form-managed-file .image-widget-data .ajax-progress .throbber:before, .form-type-image-managed-file .form-managed-file .image-widget-data .ajax-progress .throbber:after, .form-type-image-managed-file .form-managed-file .image-widget-data .ajax-progress .message:before, .form-type-image-managed-file .form-managed-file .image-widget-data .ajax-progress .message:after {
  width: 50px;
  height: 50px;
  border-radius: 500px;
}
.form-type-image-managed-file .form-managed-file .image-preview img {
  position: relative;
  top: 50%;
  left: 50%;
  display: block;
  width: auto;
  max-width: 110px;
  border: 0;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.form-type-image-managed-file .form-managed-file .image-preview + .image-widget-data {
  width: calc(100% - 20px);
  left: 20px;
  margin: 0 0 0 20px;
  padding: 10px 0 0 0;
}
.form-type-image-managed-file .form-managed-file input {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
}