/*dropArea*/
.pDroparea {cursor: pointer}
.pDroparea *:not(input){ pointer-events: none;}
.pDroparea.hover { border-color: #21e7b6 !important;}
.pDroparea + .collector { margin: 0 -6px;}
.pDroparea + .collector .collectItem { padding: 6px; display: inline-block; vertical-align: top;}
.pDroparea + .collector .collectItem > div {width: 148px; height: 130px; border: 1px solid #ddd; background-size: cover; background-position: center; position: relative}
.pDroparea + .collector .collectItem > div.corrupt { border: 1px solid #F00; background-image: url('corrupt128.svg') !important; background-size: 64px auto; background-repeat: no-repeat;}
.pDroparea + .collector .collectItem > div.uploaded { border: 2px solid #21e7b6;}
.pDroparea + .collector .collectItem > div.uploading {opacity: 0.4;}
.pDroparea + .collector .collectItem > div.uploading::after { content: ''; background: url('spin34.svg') no-repeat center; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; position: absolute;}
.pDroparea + .collector .collectItem > div .removeItem {display: none} /*nie jest potrzebny w zwykłych przypadkach, ale można go uwidocznić i ostylować*/
.pDroparea > input[type="file"] { position: absolute; left: -99999px;} /*potrzebne żeby dragndrop sie nie psuł*/

/*style01*/
#photoUpload { border: 1px solid #D7D7D7; color: #727272; padding: 30px; text-align: center;}
#photoUpload .plusIcon { position: relative; width: 20px; height: 20px; margin: 0 auto 10px;}
#photoUpload .plusIcon::before, #photoUpload .plusIcon::after { content: ''; position: absolute; background-color: #727272; left: 50%; top: 50%; width: 20px; height: 4px; margin: -2px 0 0 -10px}
#photoUpload .plusIcon::after { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
#photoUpload + .collector .collectItem > div.uploaded .removeItem { display: block; position: absolute; left: -1px; top: -1px; margin-right: 28px; background-color: #fff; width: 28px; height: 28px; border: 1px solid #FF2D00; cursor: pointer;}
#photoUpload + .collector .collectItem > div.uploaded .removeItem::after { content: ''; position: absolute; top: 50%; border-bottom: 3px solid #ff2000; margin: auto; left: 0; right: 0; width: 50%;}