


.popbox-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 2147483646;
}

.popbox-wrapper {
    position: fixed;
    z-index: 2147483647;
    background: var(--vc-window-background);
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--vc-window-radius);
    margin: auto;
    box-shadow: 0 0px 25px rgba(0,0,0,0.3), 0 0px 3px rgba(0,0,0,0.22);
    /* overflow: hidden; */
    max-height: 90%;
    direction: inherit;
    max-width: 100%;
}

    .popbox-wrapper .popbox-header {
        width: 100%;
        padding: 15px;
        font-size: 20px;
        background: #E6E6E6;
        border-radius: 3px 3px 0 0;
        font-weight: bold;
        color: #676666;
        height: 55px;
        border-bottom: 1px solid #D0D0D0;
        z-index: 1000;
    }

        .popbox-wrapper .popbox-header .popbox-close {
            right: 0;
            top: 0;
            padding: 18px 15px;
            font-size: 20px;
            color: #C1C1C1;
            cursor: pointer;
        }

    .popbox-wrapper .popbox-inner {
        height: 100%;
        padding-top: 55px;
        overflow: hidden;
    }

        .popbox-wrapper .popbox-inner form:not(.vc-widget-window):not(.vc-update-member-form) {
            /* height: 100%; */
        }

        .popbox-wrapper .popbox-inner iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        .popbox-wrapper .popbox-inner .popbox-preloader {
            overflow: hidden;
            -webkit-box-orient: horizontal;
            -moz-box-orient: horizontal;
            -webkit-box-direction: normal;
            -moz-box-direction: normal;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.75);
            position: absolute;
            z-index: 9999;
        }

            .popbox-wrapper .popbox-inner .popbox-preloader i {
                color: white;
                font-size: 75px;
                text-shadow: 1pt 1pt gray;
                position: absolute;
                right: 0;
                left: 0;
                top: 0;
                bottom: 0;
                width: 75px;
                height: 75px;
                margin: auto;
                -webkit-animation: vcm-spin 2s linear infinite;
                animation: vcm-spin 2s linear infinite;
            }

            .popbox-wrapper .popbox-inner .popbox-preloader span {
                color: white;
                padding: 25px;
                font-size: 15px;
                font-weight: 200;
            }

    .popbox-wrapper .iframe-waiting .popbox-preloader {
        margin: auto;
        display: block;
        top: 42%;
        right: 0;
        left: 0;
    }

        .popbox-wrapper .iframe-waiting .popbox-preloader img {
            width: 60px !important;
        }

    .popbox-wrapper.no-header .popbox-inner {
        padding-top: 0;
        border-radius: 15px;
        overflow: hidden;
        position: relative;
    background: var(--vc-window-background);}

        .popbox-wrapper.no-header .popbox-inner ul.popbox-alert-list {
            top: 0 !important;
            position: absolute;
            margin: 0;
            padding: 0;
            right: 0;
        }

    .popbox-wrapper.expanded {
        width: 1000px;
        height: 650px;
    }

        .popbox-wrapper.expanded .from-list {
            width: 350px;
            opacity: 0;
        }

        .popbox-wrapper.expanded .map-frame {
            opacity: 1;
        }

    .popbox-wrapper.show-alert ul.popbox-alert-list {
        top: 55px;
        width: 100%;
        z-index: 99999999500;
    }

        .popbox-wrapper.show-alert ul.popbox-alert-list li {
            width: 100%;
            line-height: 35px;
            text-align: center;
            padding: 0 5px;
            opacity: 1;
            margin: auto;
            z-index: 9999;
            min-height: 35px;
            color: white;
            font-size: 15px;
            margin-bottom: 2px;
        }

            .popbox-wrapper.show-alert ul.popbox-alert-list li p {
                line-height: 20px;
                padding: 10px;
                margin: 0;
            }

            .popbox-wrapper.show-alert ul.popbox-alert-list li .close_alert {
                position: absolute;
                right: 7px;
                top: -3px;
                cursor: pointer;
            }

                .popbox-wrapper.show-alert ul.popbox-alert-list li .close_alert i {
                    font-weight: 100;
                    color: rgba(255,255,255,0.74);
                }

            .popbox-wrapper.show-alert ul.popbox-alert-list li.alert {
                background: rgba(239,124,121,0.8);
                list-style: none;
            }

            .popbox-wrapper.show-alert ul.popbox-alert-list li.success {
                background: rgb(39 136 13 / 90%);
            }

    .popbox-wrapper.show-overlay .popbox-overlay {
        overflow: hidden;
        top: 55px;
        width: 100%;
        height: 100%;
        background: rgba(241,241,241,0.75);
        position: absolute;
    }

    .popbox-wrapper .popbox-close {
        top: -35px;
        right: -13px;
        color: #ffffff;
        cursor: pointer;
        z-index: 9999999999;
        padding: 10px 12px;
        position: absolute;
        font-size: 16px;
    }

    .popbox-wrapper .floating-close:hover {
        color: gray;
    }

    .popbox-wrapper .upload-photo-box .image-uploader.list {
        margin-bottom: 52px;
    }

    .popbox-wrapper .upload-photo-box .image-uploader li {
        background: #e6e6e6;
        height: 80px;
        padding: 10px;
        border-bottom: 1pt solid #b7b7b7;
    }

        .popbox-wrapper .upload-photo-box .image-uploader li .remove {
            color: gray;
            margin: 0 15px;
        }

            .popbox-wrapper .upload-photo-box .image-uploader li .remove:hover {
                color: red;
            }

        .popbox-wrapper .upload-photo-box .image-uploader li img {
            margin-right: 10px;
            border-radius: 5px;
        }

        .popbox-wrapper .upload-photo-box .image-uploader li textarea {
            height: 100%;
            border: none;
            margin: 0;
            border-radius: 5px;
            padding: 10px;
            width: 496px;
        }

        .popbox-wrapper .upload-photo-box .image-uploader li.progress-wrapper .image-placeholder {
            width: 120px;
            height: 80px;
            background: #cccccc;
            margin-right: 10px;
            border-radius: 5px;
            padding: 17px;
            font-size: 35px;
            text-align: center;
        }

        .popbox-wrapper .upload-photo-box .image-uploader li.progress-wrapper .image-data .name {
            font-weight: 700;
            font-size: 15px;
            margin-bottom: 2px;
        }

        .popbox-wrapper .upload-photo-box .image-uploader li.progress-wrapper .image-data .size {
            font-size: 14px;
        }

        .popbox-wrapper .upload-photo-box .image-uploader li.progress-wrapper .image-data .progress-striped {
            position: relative;
            width: 250px;
            height: 14px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background: #D4D4D4;
            margin-top: 13px;
        }

            .popbox-wrapper .upload-photo-box .image-uploader li.progress-wrapper .image-data .progress-striped .progress-bar-success {
                display: block;
                position: relative;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                background: #5DC083;
                height: 14px;
            }

    .popbox-wrapper .upload-photo-box .image-edit-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgba(0,0,0,0.65);
        padding: 10px;
        z-index: 2000;
    }
