/*
 * Popup
 */
#dz-popup,
#dz-popup-header {
    position: relative;
    float: left;
    width: 100%;
}

#dz-popup:not(.dz-popup-scroll) {
    height: 100%;
}

#dz-popup:not(.dz-popup-scroll) .dz-popup-box {
    position: absolute;
    width: 100%;
    top:50%;
    transform: translateY(-50%);
    padding-left: 30px;
    padding-right: 30px;
    min-width:320px;
}

#dz-popup .dz-popup-title h1 {
    max-width:400px;
    text-align:center;
    margin:0 auto 15px auto;
}

#dz-popup-content-container,
#dz-popup-header-content-container,
.dz-popup-error {
    max-width:400px;
    margin:auto;
    position:relative;
}

.dz-popup-error > div {
    background-color: #ff3547;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    
    padding:15px;
    margin:15px 0 15px 0;
}

#dz-popup .bottom-pagination-content {
    display:none;
}

#dz-popup #header-logo {
    padding-top:40px;
}

#dz-popup.dz-shadow .dz-popup-content {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding:30px;
    border-radius:5px;
}

@media (min-width: 768px) {
    #dz-popup-content-container,
    #dz-popup-header-content-container,
    .dz-popup-error {
        max-width:500px;
    }
    .dz-popup-content-container-lg,
    .dz-popup-header-content-container-lg,
    .dz-popup-error-lg {
        max-width:700px !important;
    }
    #dz-popup.dz-popup-scroll {
        margin-top:40px;
    }
    #dz-popup.dz-shadow-lg .dz-popup-content {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
        padding:30px;
        border-radius:5px;
    }
}

@media (max-width: 374px) {
    #dz-popup #header-logo {
        display:none !important;
    }
    #dz-popup.dz-shadow .dz-popup-content {
        padding:20px;
    }
}