div.myMassPhotoUploaderMain { position: relative; height: 100%; }
div.myMassPhotoUploaderMain div.MainPhoto { color: #aaaaaa; font-size: 13px; margin: 75px 0 0 8px; position: absolute; }

ul.myMassPhotoUploaderBlock { font-size: 0; border: 1px solid rgba(0,0,0,0); height: 100%; }
ul.myMassPhotoUploaderBlock.H { border: 1px dashed #ec9508; }

ul.myMassPhotoUploaderBlock.drag { cursor: default; }
ul.myMassPhotoUploaderBlock.drag li.myMassPhotoUploaderItem { cursor: move; }
ul.myMassPhotoUploaderBlock li.myMassPhotoUploaderItem { border: 1px solid #d8d8d8; border-radius: 2px; text-align: center; display: inline-block; position: relative; overflow: hidden; margin: 0 10px 10px 0; vertical-align: top; height: 75px; line-height: 72px; width: 100px; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: transform 0.3s ease-out; }
ul.myMassPhotoUploaderBlock.H li.myMassPhotoUploaderItem { border: 1px solid rgba(0,0,0,0); }
ul.myMassPhotoUploaderBlock li.myMassPhotoUploaderItem img { max-width: 100px; max-height: 75px; }
ul.myMassPhotoUploaderBlock li.myMassPhotoUploaderItem.AddPhoto { cursor: pointer; }
ul.myMassPhotoUploaderBlock li.myMassPhotoUploaderItem.AddPhoto img { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNy45IDIzLjciPjxnIGZpbGw9IiM5ODk4OTgiPjxwYXRoIGQ9Ik0yNi45IDQuOWwtNS4xLS40TDIwLjMuOGMtLjItLjUtLjYtLjgtMS4xLS44SDguN2MtLjQgMC0uOC4zLTEgLjdMNiA0LjVsLTQuOS40Qy41IDQuOSAwIDUuNCAwIDZ2MTYuNWMwIC42LjUgMS4yIDEuMiAxLjJoMjUuNmMuNiAwIDEuMi0uNSAxLjItMS4yVjZjLS4xLS42LS41LTEuMS0xLjEtMS4xek02LjggNi43Yy40IDAgLjgtLjMgMS0uN2wxLjctMy43aDguOUwxOS45IDZjLjIuNC41LjcgMSAuN2w0LjcuNHY5LjhjLTIuMy41LTQuMSAyLjMtNC41IDQuNUg2LjljLS41LTIuMy0yLjMtNC4xLTQuNS00LjVWNy4xbDQuNC0uNHpNMi4zIDE3LjljMS43LjQgMyAxLjggMy40IDMuNEgyLjN2LTMuNHptMTkuOSAzLjVjLjQtMS43IDEuOC0zIDMuNC0zLjR2My40aC0zLjR6Ii8+PHBhdGggZD0iTTE0IDE5LjljMy41IDAgNi40LTIuOSA2LjQtNi40UzE3LjUgNyAxNCA3Yy0zLjUgMC02LjQgMi45LTYuNCA2LjRzMi44IDYuNSA2LjQgNi41em0wLTEwLjZjMi4zIDAgNC4xIDEuOCA0LjEgNC4xcy0xLjggNC4xLTQuMSA0LjEtNC4xLTEuOC00LjEtNC4xYzAtMi4yIDEuOC00LjEgNC4xLTQuMXoiLz48cGF0aCBkPSJNMTIuMSAxNS44Yy4xLjEuMi4xLjMuMS4yIDAgLjMtLjEuNC0uMi4yLS4yLjItLjYtLjEtLjgtLjQtLjQtLjctLjktLjctMS41IDAtMSAuOS0xLjkgMS45LTEuOS4zIDAgLjUtLjIuNS0uNXMtLjItLjUtLjUtLjVjLTEuNiAwLTMgMS4zLTMgMyAuMS45LjUgMS43IDEuMiAyLjN6TTEyLjUgNS4yaDIuOWMuMyAwIC41LS4yLjUtLjVzLS4yLS41LS41LS41aC0yLjljLS4zIDAtLjUuMi0uNS41cy4yLjUuNS41eiIvPjwvZz48L3N2Zz4=) no-repeat center center; width: 30%; height: 30%; position: absolute; left: 36%; top: 35%; }
ul.myMassPhotoUploaderBlock.H li.myMassPhotoUploaderItem.AddPhoto img { background: none; }
ul.myMassPhotoUploaderBlock li.myMassPhotoUploaderItem div.Rotate { background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMC41Ij48ZyBzdHJva2U9IiMyOEI0NzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjQxIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTAuMyAyLjJsLS40IDFIOC44Ii8+PHBhdGggZmlsbD0iIzI4QjQ3MyIgc3Ryb2tlLXdpZHRoPSIuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNOS44IDcuNGMtLjItLjEtLjMgMC0uMy4xLS44IDEuMy0yLjMgMi4yLTQgMi4yLTIuNiAwLTQuNy0yLTQuNy00LjVTMi45LjcgNS41LjdjMS43IDAgMy4yLjkgNCAyLjJoLjVDOS4xIDEuNCA3LjQuMyA1LjQuMyAyLjYuMy4yIDIuNS4yIDUuM3MyLjMgNSA1LjIgNWMxLjkgMCAzLjYtMSA0LjQtMi41di0uMS0uMmMuMSAwIDAgMCAwLS4xeiIvPjwvZz48L3N2Zz4=) no-repeat center center / 10px 10px; width: 10px; height: 10px; left: 5px; position: absolute; top: 5px; cursor: pointer; padding: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); border-radius: 50%; z-index: 5; }
ul.myMassPhotoUploaderBlock li.myMassPhotoUploaderItem div.Delete { background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMS4yIDExLjIiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI4QjQ3MyIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTS42IDEwLjZsMTAtMTBNMTAuNiAxMC42TC42LjYiLz48L2c+PC9zdmc+) no-repeat center center / 8px 8px; width: 10px; height: 10px; right: 5px; position: absolute; top: 5px; cursor: pointer; padding: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); border-radius: 50%; z-index: 5; }

ul.myMassPhotoUploaderBlock li.myMassPhotoUploaderItem img { display: inline-block; margin: 0 auto; pointer-events: none; vertical-align: middle; transition: all 0.1s ease-out 0s; transform: rotate(0deg); }

li.dragHandler { transform: scale(0.8); border: none !important; }
li.dragPlaceholder { border: 1px dashed #ec9508 !important; }