.widget_image_single, .widget_image_multi {
    overflow: hidden !important;
    clear:both !important;
}
.widget_image_single .block,
.widget_image_multi .block{
}
.widget_image_single .loading+.block,
.widget_image_multi .loading+.block{
    line-height: 35px !important;
}
.widget_image_single .preview,
.widget_image_multi .preview {
    border:solid 1px #DDD !important;
    overflow: hidden !important;
    float: none !important;
    height: auto !important;
    background-color: #EEE;
}

.widget_image_multi .preview .im-b
{
    width: 256px;
    float: left;
    height: 294px;
}

.widget_image_multi .preview .move-btn
{
    width: 40px;
    margin-right: 10px;
    float: left;
    height: 294px;
    background: url(../images/svg/move-vert.svg) no-repeat center center #DDD;
}

.widget_image_multi .preview .move-btn:hover,
.widget_image_multi .preview .move-btn:active
{
    cursor: move !important;
    background-color: #FFA;
}

.widget_image_single .preview img,
.widget_image_single .preview a,
.widget_image_multi .preview img,
.widget_image_multi .preview a { width: 256px !important; height: 256px !important; text-decoration: none !important; }
.widget_image_single .preview a, .widget_image_multi .preview a { margin: 0 5px 0 15px !important; }
.widget_image_multi .preview img {  }
.widget_image_multi .previews_list{
    clear:both !important;
    overflow: hidden !important;
    margin-bottom: 5px !important;
}

.widget_image_single .preview img
{
    width: auto !important;
    height: auto !important;
    float: none !important;
    max-width: 100%;
}

.widget_image_single .preview a.btn-delete
{
    display: block;
    height: 48px !important;
    line-height: 48px !important;
    background-color: #C00;
    color: #FFF;
    text-align: center;
    border-radius: 4px;
    margin: 0 !important;    
    float: none !important;
}

.widget_image_single .preview a.btn-delete:hover
{
    opacity: 0.8;
}

.image_link span {
    margin: 0 10px 0 0 !important;
}
.widget_image_single .loading, .widget_image_multi .loading {
    padding: 10px 0 0 30px !important;
    height: 25px !important;
}
.widget_image_multi .photo_limit_hint {
    line-height: 32px !important;
    color: #d35400 !important;
}

.colplaceholder {
}

.widget_image_single .preview.colplaceholder,
.widget_image_multi .preview.colplaceholder
{
    border-radius: 4px;
    background: #FFA !important;
    height: 20px !important;    
    margin: 20px;
}

.ui-sortable-helper {
}

.widget_image_single .preview .textarea-block,
.widget_image_multi .preview .textarea-block
{
    margin-left: 306px;
    height: 256px;
    padding: 0 5px 0 4px;
    box-sizing: border-box;
}

.widget_image_single .preview .textarea-block textarea,
.widget_image_multi .preview .textarea-block textarea
{
    box-sizing: border-box !important;
    box-shadow: inset 0 2px 8px #DDD !important;
    padding: 5px !important;
    border: 1px solid #CCC;
    font-size: 18px;
    width: 100%;
    height: 294px;
}

.widget_image_multi .preview .buttons-list
{
    overflow: hidden;
    padding-bottom: 4px;
}


.widget_image_multi .preview .buttons-list .image-delete
{
    float: right;
    margin-right: 10px;
    width: 32px !important;
    height: 32px !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIyLjU0MzEyOTk5NDU5MjE2RS0wNiAtMC4xOTQ2NTU5OTk1NDEyODMgMTEzLjUyNjk5Nzg4NDExNiAxMTMuNTI3NjU2MTgyNjQ3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImRlZjAiIHgxPSIwLjQ5OTk5NSIgeDI9IjAuNDk5OTk1IiB5MT0iMS43Mzc3OUUtMDYiIHkyPSIxLjAwMDAxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNGMjdFNUUiLz48c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iI0VCMUMyNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0NFMjIyOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnPjxwYXRoIGQ9Ik0yLjU0MzEzRS0wNiw4Ny41MzQ3TDMwLjk2NCw1Ni41NjQgMi41NDMxM0UtMDYsMjUuNjAxMyAyNS43OTczLC0wLjE5NDY1NiA1Ni43NjI3LDMwLjc3MDcgODcuNzI2NywtMC4xOTQ2NTYgMTEzLjUyNywyNS42MDEzIDgyLjU2MjcsNTYuNTY5MyAxMTMuNTI3LDg3LjUzNDcgODcuNzI2NywxMTMuMzI5IDU2Ljc2NjcsODIuMzY0IDI1Ljc5NzMsMTEzLjMzMyAyLjU0MzEzRS0wNiw4Ny41MzQ3eiIgZmlsbD0iIzk5MDAwMCIvPjxwYXRoIGQ9Ik0xMTEuNjQxLDg3LjUzNDFMODAuNjc2OCw1Ni41NzAxIDExMS42NDEsMjUuNjAyMSA4Ny43MjYxLDEuNjkwMTQgNTYuNzYzNSwzMi42NTU1IDI1Ljc5NjgsMS42OTAxNCAxLjg4NDgsMjUuNjAyMSAzMi44NTAxLDU2LjU2NDggMS44ODQ4LDg3LjUzNDEgMjUuNzk2OCwxMTEuNDQ3IDU2Ljc2NzUsODAuNDc4MSA4Ny43MjYxLDExMS40NDMgMTExLjY0MSw4Ny41MzQxeiIgZmlsbD0idXJsKCNkZWYwKSIvPjxwYXRoIGQ9Ik01My41NTA3LDQyLjE1OTdDNjkuOTc3MywzNi45MTg0LDg2LjI5ODcsMzUuMDc4NCwxMDEuMDM2LDM2LjIwNzdMMTExLjY0LDI1LjYwMjQgODcuNzI2NywxLjY5MDQgNTYuNzYyNywzMi42NTU3IDI1Ljc5NzMsMS42OTA0IDEuODg1MzQsMjUuNjAyNCAyOS4wMzQ3LDUyLjc0OTFDMzYuNTE4Nyw0OC41NjUxLDQ0LjczODcsNDQuOTcxNyw1My41NTA3LDQyLjE1OTd6IiBmaWxsPSIjRkZGRkZGIiBzdHlsZT0iZmlsbC1vcGFjaXR5OjAuMTAxOTYwNzg0MzEzNzI1Ii8+PC9nPjwvc3ZnPg==) no-repeat center center !important;
    background-size: 60% !important;
    background-color: rgba(225, 225, 225, 0.8) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    border: 1px solid #888;
}

.widget_image_multi .preview .buttons-list .rotate-left
{
    width: 32px !important;
    height: 32px !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMXB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAyMSIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzIuMDAwMDAwLCAtMzgwLjAwMDAwMCkiPjxnIGlkPSJyb3RhdGUtbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcyLjAwMDAwMCwgMzgwLjUwMDAwMCkiPjxwYXRoIGQ9Ik0zLjEsNy41IEwxLjcsNi4xIEMwLjgsNy4zIDAuMiw4LjYgMC4xLDEwIEwyLjEsMTAgQzIuMiw5LjEgMi42LDguMyAzLjEsNy41IEwzLjEsNy41IFogTTIuMSwxMiBMMC4xLDEyIEMwLjMsMTMuNCAwLjgsMTQuNyAxLjcsMTUuOSBMMy4xLDE0LjUgQzIuNiwxMy43IDIuMiwxMi45IDIuMSwxMiBMMi4xLDEyIFogTTMuMSwxNy4zIEM0LjMsMTguMiA1LjYsMTguNyA3LDE4LjkgTDcsMTYuOSBDNi4xLDE2LjggNS4zLDE2LjQgNC41LDE1LjkgTDMuMSwxNy4zIEwzLjEsMTcuMyBaIE05LDMuMSBMOSwwIEw0LjUsNC41IEw5LDkgTDksNS4xIEMxMS44LDUuNiAxNCw4IDE0LDExIEMxNCwxNCAxMS44LDE2LjQgOSwxNi45IEw5LDE4LjkgQzEyLjksMTguNCAxNiwxNSAxNiwxMSBDMTYsNyAxMi45LDMuNiA5LDMuMSBMOSwzLjEgWiIgaWQ9IlNoYXBlIi8+PC9nPjwvZz48L2c+PC9zdmc+) no-repeat center center !important;
    background-size: 60% !important;
    background-color: rgba(225, 225, 225, 0.8) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    border: 1px solid #888;
    float: left;
}

.widget_image_multi .preview .buttons-list .rotate-right
{
    float: left;
    width: 32px !important;
    height: 32px !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMXB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAyMSIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTQuMDAwMDAwLCAtMzgwLjAwMDAwMCkiPjxnIGlkPSJyb3RhdGUtcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNC4wMDAwMDAsIDM4MC41MDAwMDApIj48cGF0aCBkPSJNMTEuNSw0LjUgTDcsMCBMNywzLjEgQzMuMSwzLjYgMCw2LjkgMCwxMSBDMCwxNS4xIDMuMSwxOC40IDcsMTguOSBMNywxNi45IEM0LjIsMTYuNCAyLDE0IDIsMTEgQzIsOCA0LjIsNS42IDcsNS4xIEw3LDkgTDExLjUsNC41IEwxMS41LDQuNSBaIE0xNS45LDEwIEMxNS43LDguNiAxNS4yLDcuMyAxNC4zLDYuMSBMMTIuOSw3LjUgQzEzLjQsOC4zIDEzLjgsOS4xIDEzLjksMTAgTDE1LjksMTAgTDE1LjksMTAgWiBNOSwxNi45IEw5LDE4LjkgQzEwLjQsMTguNyAxMS43LDE4LjIgMTIuOSwxNy4zIEwxMS41LDE1LjkgQzEwLjcsMTYuNCA5LjksMTYuOCA5LDE2LjkgTDksMTYuOSBaIE0xMi45LDE0LjUgTDE0LjMsMTUuOSBDMTUuMiwxNC43IDE1LjgsMTMuNCAxNS45LDEyIEwxMy45LDEyIEMxMy44LDEyLjkgMTMuNCwxMy43IDEyLjksMTQuNSBMMTIuOSwxNC41IFoiIGlkPSJTaGFwZSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center !important;
    background-size: 60% !important;
    background-color: rgba(225, 225, 225, 0.8) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    border: 1px solid #888;
}


.widget_image_multi .preview .upload-images-rotate1 
{
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.widget_image_multi .preview .upload-images-rotate2
{
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.widget_image_multi .preview .upload-images-rotate3
{
    -webkit-transform: rotate(270deg) !important;
    -moz-transform: rotate(270deg) !important;
    -ms-transform: rotate(270deg) !important;
    -o-transform: rotate(270deg) !important;
    transform: rotate(270deg) !important;
}

.widget_image_multi .preview .upload-images-rotate0
{
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}





@media screen and (max-width: 640px) {
    .widget_image_multi .preview .buttons-list .image-delete
    {
        margin-right: 0;
    }
    .widget_image_multi .preview .im-b
    {
        width: 50%;
    }

    .widget_image_multi .preview .im-b img
    {
        width: 100% !important;
    } 

    .widget_image_single .preview .textarea-block, 
    .widget_image_multi .preview .textarea-block
    {
        margin-left: calc(50% + 50px);
    }

}