/*upload-image-widget-wrapper*/
.upload-image-widget-wrapper {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    font-family: Arial, Helvetica, sans-serif;
}

.upload-image-widget-wrapper.auto.has-data {
    min-height: auto;
}

.upload-image-widget-wrapper.auto.has-data img {
    display: block;
}

.upload-image-widget-wrapper img {
    width: 100%;
    vertical-align: top;
    display: none;
}

.upload-image-widget-wrapper.cover.has-data,
.upload-image-widget-wrapper.contain.has-data {
    max-width: unset;
}

.upload-image-widget-wrapper.cover {
    background-size: cover;
}

.upload-image-widget-wrapper.contain {
    background-size: contain;
}

.upload-image-widget-wrapper .uiw-image {
    display: none;
}

.upload-image-widget-wrapper .uiw-image-label {
    display: inline-block;
    min-height: inherit;
    cursor: pointer;
    margin: 0;
}

.upload-image-widget-wrapper .uiw-remove {
    position: absolute;
    display: none;
    background-color: #000000;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDM1NyAzNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1NyAzNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY2xvc2UiPgoJCTxwb2x5Z29uIHBvaW50cz0iMzU3LDM1LjcgMzIxLjMsMCAxNzguNSwxNDIuOCAzNS43LDAgMCwzNS43IDE0Mi44LDE3OC41IDAsMzIxLjMgMzUuNywzNTcgMTc4LjUsMjE0LjIgMzIxLjMsMzU3IDM1NywzMjEuMyAgICAgMjE0LjIsMTc4LjUgICAiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
}

.upload-image-widget-wrapper .uiw-btn {
    border-radius: 3px;
    border: 0;
    padding: 10px 15px;
    cursor: pointer;
    min-width: 90px;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    display: inline-block;
    background-color: #d8a53f;
    color: #ffffff;
}

.upload-image-widget-wrapper .uiw-btn:hover {
    background-color: #999999;
}

.upload-image-widget-wrapper .uiw-change {
    position: absolute;
    display: none;
    background-color: #000000;
    top: 0;
    right: 20px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQwOCA0MDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwOCA0MDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48Zz4KCTxnIGlkPSJyZWZyZXNoIj4KCQk8cGF0aCBkPSJNMzQ2LjgsNjEuMkMzMTEuMSwyMi45NSwyNjAuMSwwLDIwNCwwQzkxLjgsMCwwLDkxLjgsMCwyMDRzOTEuOCwyMDQsMjA0LDIwNGM5NC4zNSwwLDE3My40LTY2LjMsMTk2LjM1LTE1M0gzNDYuOCAgICBDMzI2LjQsMzEzLjY1LDI3MC4zLDM1NywyMDQsMzU3Yy04NC4xNSwwLTE1My02OC44NS0xNTMtMTUzYzAtODQuMTUsNjguODUtMTUzLDE1My0xNTNjNDMuMzUsMCw3OS4wNSwxNy44NSwxMDcuMSw0NS45ICAgIGwtODEuNiw4MS42SDQwOFYwTDM0Ni44LDYxLjJ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGQkZBRkEiIGRhdGEtb2xkX2NvbG9yPSIjRjlGOUY5Ij48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==);
    background-size: 13px 13px;
    background-position: center center;
    background-repeat: no-repeat;
}

.upload-image-widget-wrapper.has-data .uiw-image-label {
    display: none;
}

.upload-image-widget-wrapper.has-data.contain {
    border: 1px solid #bbbbbb;
}

.upload-image-widget-wrapper.has-data .uiw-change,
.upload-image-widget-wrapper.has-data .uiw-remove {
    display: block;
}

.upload-image-widget-wrapper .uiw-remove .material-icons {
    color: #ffffff;
    padding: 10px;
}