.form-wrap{
    max-width: 670px;
    padding: 30px;
    background: #f1f1f1;
    margin: 20px auto;
    border-radius: 4px;
    text-align: center;
}
.form-wrap form{
	padding: 10px;
}

.image_upload_wrp {
    width: 230px;
    background: #5385d2;
    position: relative;
    margin: 0 auto;
}

input#image_upload_input {
    position: absolute;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
}

span#image_upload_button {
    color: white;
    padding: 5px 5px;
    display: block;
    cursor: pointer;
}
.form-wrap #output{
    margin: 10px 0;
}
.form-wrap .error{
    color: #d60000;
}
.form-wrap .images {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 5px;
    margin: 5px 0;
}

.imgthumbHolder {
    overflow: hidden;
    max-width: 200px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    padding: 5px;
}

.form-wrap .thumbnails {
   
    display: inline-block;
    margin: 3px;
}

#progress-wrp {
    border: 1px solid #868686;
    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#progress-wrp .progress-bar{
    height: 20px;
    border-radius: 3px;
    background-color: #ccc7c7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#progress-wrp .status{
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
    color: #000000;
}

#delete.UimgOptions {
    position: absolute;
    background: rgba(243, 2, 2, 0.55);
    display: block;
    top: 3px;
    right: 0px;
    color: white;
    padding: 2px 5px;
    cursor: pointer;
}

#rotateLeft.UimgOptions, #rotateRight.UimgOptions {
    position: absolute;
    background: rgba(18, 122, 212, 0.55);
    display: block;
    top: 3px;
    left: 3px;
    color: white;
    padding: 2px 5px;
    cursor: pointer;
}

#rotateRight.UimgOptions {
    left: 37px;
}

.icoGM {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: 3px;
}

.imgthumbHolder .move-Up, .imgthumbHolder .move-Down {
    position: absolute;
    top: 90px;
    /* left: 0; */
    background: rgba(128, 128, 128, 0.55);
    padding: 5px 5px;
    color: white;
}

.imgthumbHolder .move-Up {
    left: 3px;
}

.imgthumbHolder .move-Down {
    right: 0;
}












