/* Button */
.edd-quick-view-button {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.edd-quick-view-button .edd-quick-view-label {
    opacity: 1;
    filter: alpha(opacity=100);
}

.edd-quick-view-button[data-edd-loading] .edd-quick-view-label {
    opacity: 0;
    filter: alpha(opacity=0);
}

.edd-quick-view-button[data-edd-loading] .edd-loading {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Dialog */
.edd-quick-view-dialog.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    outline: 0;
    padding: .5em;

    background-color: rgba(0,0,0, 0.2);

    z-index: 1010;
}

.edd-quick-view-dialog.ui-dialog .ui-dialog-titlebar {
    position: relative;
}

.edd-quick-view-dialog.ui-dialog .ui-dialog-title {
    display: none;
}

.edd-quick-view-dialog.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .2em;
    top: .8em;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
    outline: 0;

    background: transparent url('../img/cross.svg') no-repeat center center;
    background-size: 12px;

    opacity: .3;
    filter: Alpha(Opacity=30);

    z-index: 1011;
}

.edd-quick-view-dialog.ui-dialog .ui-dialog-titlebar-close:hover {
    opacity: 0.6;
    filter: Alpha(Opacity=60);
}

.edd-quick-view-dialog.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    display: none;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #000;
    opacity: .6;
    filter: Alpha(Opacity=60);

    z-index: 1000;
}

/* Dialog content */
.edd-quick-view-dialog.ui-dialog .ui-dialog-content {
    border: 0;
    padding: 1em;
    overflow: auto;

    background-color: #fff;
    width: auto;
}