#cpdthumbnail {
    cursor: pointer;
    width: 150px;
}

#cpd-popup-modal {
    display: none;
}

    #cpd-popup-modal h3 {
        padding: 0 15px;
    }

    #cpd-popup-modal #current-image-page-image {
        text-align: center;
        margin-bottom: 15px;
        font-weight: 700;
    }

    #cpd-popup-modal .popup-gallery-image-container {
        cursor: pointer;
        display: inline-block;
        margin: 20px;
        margin-bottom: 50px;
        transition: 0.05s;
        max-width: 130px;
        max-height: 165px;
        position: relative;
    }

    #cpd-popup-modal .popup-gallery-image-container.validated {

    }

        #cpd-popup-modal .popup-gallery-image-container[data-validate="true"]:after {
            content: '✓';
            position: absolute;
            top: 0;
            right: 0;
            color: #fff;
            padding: 2px 5px;
        }

            #cpd-popup-modal .popup-gallery-image-container[data-selected="true"][data-validate="true"]:after {
                background: #6bd83c;
            }

            #cpd-popup-modal .popup-gallery-image-container[data-selected="false"][data-validate="true"]:after {
                background: rgba(0, 0, 0, .2);
            }

    #cpd-popup-modal .popup-gallery-image-container:hover{
        outline: 2px solid rgba(0, 0, 0, .2);
    }

    #cpd-popup-modal .popup-gallery-image-container[data-selected="true"]{
        outline: 2px solid #6bd83c;
    }

        #cpd-popup-modal .popup-gallery-image-container img{
            max-width: 130px;
            max-height: 165px;
        }

    #cpd-popup-modal .popup-page-image-container {
        text-align: center;
        max-width: 450px;
        margin: 0 auto;
    }
        #cpd-popup-modal canvas {
            width: 100%;
            border: 1px solid #1979c3;
        }

        #cpd-popup-modal .popup-page-image{
            width: 100%;
            border: 1px solid #1979c3;
            display: none;
        }

.modal-footer button.cpd {
    background: #1979c3;
    color: #fff;
    border: none;
    border-radius: 2px;
    padding: 10px 20px;
}

.cpd-price-label {
    color: #303030;
    font-size: 1.2rem;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0;
    display: block;
}

.cpd-image-id {
    text-align: center;
    display: block;
    font-size: 12px;
    margin-top: 10px;
}

.cpd-prices-title-label {
    font-size: 0.9em;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
}
.canvas-container, .canvas-container canvas {
    max-height: 600px;
}