.enlarge-image {
    display: block;
}

.has-js .enlarge-image {
    position: absolute;
    left: -999em;
}

.has-js .imageInDialog:hover .enlarge-image {
    right: 1px;
}

.imageInDialog {
    position: relative;
}

.imageInDialog img:hover {
    cursor: zoom-in;
}

.dialogblocker {
    background: rgba(0,0,0,.3);
}

.dialogblockerwait {
    background: rgba(0,0,0,.35) url(../img/loader-white.svg) no-repeat 50% / 3.5em;
}

.pbdialogcontainer {
    text-align: left; /* reset body text-align center if necessary */
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}

/*
 * Top
*/

.pbdialogcontainer .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0.6rem 1rem;
}

.pbdialogcontainer--draggingEnabled .top {
    cursor: move;
}

.pbdialogcontainer .top div,
.pbdialogcontainer .bottom div {
    display: none;
}

.pbdialogcontainer .top .title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    margin-right: 1rem;
    font-size: 1.2rem;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pbdialogcontainer .icon {
    display: inline-block;
    margin-right: 0.3rem;
    vertical-align: middle;
}

/*
 * Buttons
*/

.pbdialogcontainer .top .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 1;
}

.pbdialogcontainer .top .buttons a {
    text-align: left;
    text-indent: -999em;
}

.pbdialogcontainer .maximize,
.pbdialogcontainer .close {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    opacity: 0.3;
    background: no-repeat center;
    background-size: contain;
}

.pbdialogcontainer .maximize {
    margin-right: 1rem;
    background-image: url(../img/dialog/expand_dialog.svg);
}

.pbdialogcontainer .close {
    background-image: url(../img/dialog/close_dialog.svg);
}

.pbdialogcontainer .maximize:hover,
.pbdialogcontainer .close:hover {
    opacity: 1;
}

/*
 * Middle
*/

.pbdialogcontainer .middle1 {
    padding: 0;
}

/*
 * Bottom
 */

.pbdialogcontainer .bottom {
    height: 0;
}

.pbdialogcontainer .resize-ridge {
    position: absolute;
    right: 0.4rem;
    bottom: 0.4rem;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    cursor: se-resize;
    opacity: 0.3;
    background: url(../img/dialog/resize_dialog.svg) no-repeat center;
    background-size: contain;
}