.ui-sortable-placeholder { 
    border: 1px dashed black!important; 
    visibility: visible !important;
    background: #eeeeee78 !important;
   }
.ui-sortable-placeholder * { visibility: hidden; }
    .RearangeBox.dragElemThumbnail{opacity:0.6;}
    .RearangeBox {
        width: 180px;
        height:240px;
        padding:10px 5px;
        cursor: all-scroll;
        float: left;
        border: 1px solid #9E9E9E;
        font-family: sans-serif;
        display: inline-block;            
        margin: 5px!important;
        text-align: center;
        /*color: #673ab7;
        background: #ffc107;*/
      /*color: rgb(34, 34, 34);
        background: #f3f2f1;     */
    }




body{
font-family: sans-serif;
margin: 0px;
}

.IMGthumbnail{
max-width:168px;
height:fit-content;
margin:auto;
background-color: #ececec;
padding:2px;
border:none;
}

.IMGthumbnail img{
max-width:100%;
max-height:100%;
}

.imgThumbContainer{

margin:4px;
border: solid;
display: inline-block;
justify-content: center;
position: relative;
border: 1px solid rgba(0,0,0,0.14);
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
}



.imgThumbContainer > .imgName{
text-align:center;
padding: 2px 6px;
margin-top:4px;
font-size:13px;
height: 15px;
overflow: hidden;
}

.imgThumbContainer > .imgRemoveBtn{
position: absolute;
color: #e91e63ba;
right: 2px;
top: 2px;
cursor: pointer;
display: none;
}

.RearangeBox:hover > .imgRemoveBtn{ 
display: block;
}