.bpd-icon-noDoc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARNJREFUeNqklNuygyAMRQXx7v9/qfdrF6bDMGDn2NP90EnDXhhDUJ3nmXg6jmNZlnme13UlJqO1zrKsKIo8z4l9s/LhaZr6vgdL7sQWTdOUZRnC/HZdB5n8Jfi2bZVStihJPSQRNswSa1dt8liYQSxMV74iHQ+o6e2nDh2XbpdAOBEjBcRr4zju+07MIVVVJR3yZeFt24IszDAMLs/unEVd1wGPQceF8Vh5pggSX/xq9p3jmn3S8cEgvo8qmDiZpNhkjLkh4ywzTJPSNLUDqBQG99cXec1CXA/tJW8uSRx7rEFMQc+pqLr0aUikHFs5g/7thIG8u8Ut4648J93F1G6nh7xcyf98DJgzvxHql8/QS4ABAKQtw8M0iYn/AAAAAElFTkSuQmCC');
    height: 20px;
    width: 20px;
}

.bpd-icon-validDoc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbtJREFUeNpi/P//PwMS+P3364tPZ199Pvf++50fv98DRThYBQU5VcR4jST4jFmZuZEVMyJrfvLh8M2Xaz58v8uADQhwKquLh8gI2KJr/vf/99XnS269WstACKiJBWtLxjAxsgLZTBChay+WEaMTCIDKgIohbCaYa1cT1KYuFgJhABUDtYA0//r7mUidOlIJcC5Qy68/n5lefjr74fs9/DoVhT2QdQIBUMuLz2eYnn86g6yIm00CU6eRbA6micAYZfrw7Q6cz8bMY65QASQJ6gRZ/u0O048/75GFBLlUbJRbIPplBGyQdV55tgBZJVAjE6aRQP1A+8V4DYAkIoRerQEiNJUsHCyCwCSJJgrUCURw7v23O9CsBSVbFkEmAS5lpOR55OuvF2iKgDrPPZ6CJbVyKTNJ8JnA+UCdJx90/Pr7haBOIABqZJLgNeHnVIQLvf9258jdGoj+V58v4NIJ1ALUyMTGwqshHoYsAdQPtB+o8/DdGlzJBqgFqBGaq648X0hMIkVLqtCo0pKIAuY1YnQClWlJRmMpDB6/P3jr1To8hYGqWKCcoAP2kgStGPr++y1QhJNVGFcxBBBgADMZ2bCmghHEAAAAAElFTkSuQmCC');
    height: 20px;
    width: 20px;
}

.bpd-icon-singleDoc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmlJREFUeNqMlMuKE0EUhk9dujptJ5rgBUEESTCiK2FABV0MXsDozrVv4MK3EHwGQX0Bd4MZmJ0LQXSlMg6ZgUFQMcqAUZlJX6qOp6q6O2mjMA2H6krqfPX/51Q1W/swAcbgaCuWb6TgbUTIEfyD/kVOk3xzmui7uWYbqy+/wo9X28C0AmB+wdMnV0GicRNOkI6QvIUlhc0GxuRShrCS7emBNriJgP7vcq0FGMp0YQAsswrjQ1OkWQ6BYL24Fa6eOq76mjQbCxPgwoHswryAIPwjaJM0M1Y6HDwguhfOH3t+ZrnX3zqcQ/viBPo3PEgauy0JtXKtLZyT66xRAW0Ro4BDO+QgWNi7dr07/N2YDLJ0MlJNU4J8ZmltAWRlCw7EAJOmAFSsKBDd25fODT9+OjLIprsjB9KFIlNZKRHolNi5lAK2xhP4Pv4JmmohSV0Yym4URisxbyzT4i/caNpJF4WlJA2+kIbgmig2kGSpqAHNThOah2KI4oh+4wRNT493fl2eUwSuc1h0jFWdLd8YBEpCuxM7lZz52gnOYX1j3ddI67JG6O1hCakXiwsBkrPKte2m8edHelDuJdhB4Fw6zgS5xhFEgKhOvAMZaz1nhTUPsuNC+7F2VWqt5M4fh+k0S337tQc5a3MgVmfV5l4oc6oiFeU1Rbbm8+3Hv7JrQq0YWpjRleidPemLLQIFOs9n1mDR2sJTyLKK7LlyzdgevYUk2aOuBMV9Y/sKg3bklCc96MG9W/D44f0GqWJZoiHZTfcdQihYe/ZIVZ+bQIUnlq7cvBMoJRDxf4YWHlKj3r9+Mdz59vndHwEGAJrif5kp4v51AAAAAElFTkSuQmCC');
    height: 18px;
    width: 18px;
}

.bpd-icon-multiDoc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAIAAADJt1n/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAltJREFUeNp8VEtTE0EQnp7p3SRLbaBiCZRQFuXJ1wFvXv3P/grLA1KUiAcUKUUkEUxiyD6m256eTSDymO3a7Z2ab/rrr3sGKk8fTwu2YFieZhDRZo6reWLuHSgIAgMWWKDQzIKxB4OSDazleA8Yypr2fpXGQVF4mIHJy8PgXA/52aPsPvDuaWGcrSuftRPiyD28xR1NqgeJfb7RuRO887MAtFVRdzpJWXoBxRTk4724gFS9frJ8E2xjGFKThUScoA3mwruVunZqK8Ddw+HtYK+hSNUWsw6iOWcRg6WJvbB4cDK6BSwwH96sZnhGJJooVxQVOvg+xeOzyQI4JEYamXQ18TwFVs0k+9pz5riX436/7A/L/2krgMnAHEZGt1NH+Pc62Gu7jfXup8G0qOpZk4SqGlB6DXNNJJac1XHovvy4GI9LsjbtpDvH9tXjLBU5QmTpB90iZDhL1cz6LbgW+pd88afQNP6eoF1OV59uavcJPeYZeYqR2czhUnCA7nLWyVLQISU8H06NCWDwTNioreCgHIRMIu+wBWDihLwSYXTI08uQM5FvLXUxkdlCCYNqr6tMSCcqbp1repbCbpEang/6Rx8OLSZpvrbUXZdZz1eV5MVejvWRjVRWg1KG3J8bOVEra0wgk56MjSdUI/N15dQXgu0kHHWIHOu6fvvuqL26MR5OVnoZ6N2wqPjVryDWXf1yc6k56977ZHg4PvtctR76lRfOwq2846+IanRBE3k+9r6Nfrdyvgm7njWYfDLa3lq8ZYT81/33g7pVFSXfffukrbSHxfbWm38CDADRfY+sYC/I2wAAAABJRU5ErkJggg==');
    height: 21px;
    width: 20px;
}

.bpd-documentpicker {
    font-family: Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #ccc;
}

    .bpd-documentpicker td .one-to-many {
        color: green;
        font-weight: bold;
        margin-right: 5px;
        font-size: 16px;
    }

    .bpd-documentpicker td {
        padding: 3px 5px;
        vertical-align: middle;
    }

    .bpd-documentpicker .icon-cell {
        width: 20px;
    }

    .bpd-documentpicker .image-cell {
        width: 20px;
    }

    .bpd-documentpicker .count-cell {
        width: 30px;
        font-weight: bold;
        color: #628600;
        font-size: 16px;
        text-align: center;
    }

    .bpd-documentpicker .button-cell {
        text-align: right;
        width: 130px;
    }

    .bpd-documentpicker .preview-button-cell {
        text-align: right;
    }

.bpd-documentlist {
    height: 200px;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

    .bpd-documentlist a {
        color: blue;
        cursor: pointer;
        text-decoration: none;
    }

        .bpd-documentlist a:hover {
            text-decoration: underline;
        }

    .bpd-documentlist li {
        font-size: 11px;
        border-bottom: 1px solid #e7e7e7;
        padding: 0;
        margin: 0;
    }

        .bpd-documentlist li.already-selected {
            padding: 5px;
            color: #6a861c;
            font-weight: bold;
        }

        .bpd-documentlist li.invalid {
            background-color: #ffb0b0;
        }

        .bpd-documentlist li a.unselect-link {
            margin-left: 7px;
            font-weight: normal;
        }

        .bpd-documentlist li a.doc-link {
            display: block;
            padding: 5px;
        }

            .bpd-documentlist li a.doc-link:hover {
                background-color: #e9e9e9;
                text-decoration: none;
            }

.bpd-documentpicker-dlg-content {
    width: 750px;
    height: 340px;
}

    .bpd-documentpicker-dlg-content .col1,
    .bpd-documentpicker-dlg-content .col3 {
        width: 320px;
    }

    .bpd-documentpicker-dlg-content .col2 {
        text-align: center;
    }

    .bpd-documentpicker-dlg-content table {
        width: 100%;
    }

    .bpd-documentpicker-dlg-content td {
        vertical-align: top;
    }

    .bpd-documentpicker-dlg-content .subtitle {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .bpd-documentpicker-dlg-content .info {
        font-size: 11px;
        color: #666;
        margin-bottom: 20px;
    }

.bpd-status.confirmed {
    color: green;
}

.bpd-status.unconfirmed {
    color: darkred;
}

.bpd-status.noneSelected {
    color: black;
}

.bpd-dialog h1 {
    font-size: 22px;
    margin: 0 0 15px 0;
}

.bpd-dialog form p {
    margin: 0 0 10px 0;
    padding: 0;
}

.bpd-dialog form label {
    font-size: 11px;
    font-weight: bold;
}

.bpd-dialog form .info {
    color: #666;
    font-size: 11px;
}

.preview-dlg {
    width: 580px;
    height: 400px;
}

    .preview-dlg select {
        width: 250px;
    }

    .preview-dlg .preview-upload-count-info {
        font-size: 11px;
        color: #555;
        margin-bottom: 3px;
    }

    .preview-dlg .doc-preview {
        margin-top: 15px;
        font-size: 12px;
    }

        .preview-dlg .doc-preview .label {
            font-weight: bold;
            width: 60px;
        }

        .preview-dlg .doc-preview td {
            padding: 5px 0;
        }

    .preview-dlg .doc-image-preview {
        border: 1px solid #e7e7e7;
        height: 372px;
        width: 265px;
    }

    .preview-dlg .image-preview-options {
        font-size: 12px;
        margin-top: 10px;
    }

        .preview-dlg .image-preview-options a {
            text-decoration: none;
        }

            .preview-dlg .image-preview-options a:hover {
                text-decoration: underline;
            }

    .preview-dlg .doc-image-preview-img {
        display: none;
    }

    .preview-dlg .preview-show-link {
        display: none;
    }

    .preview-dlg .preview-load-status {
        font-size: 14px;
        padding: 5px;
        background-color: #fefcc9;
        font-weight: bold;
    }

div.bpd-guidance {
    display: inline-block;
    background-color: deepskyblue;
    color: white;
    width: 17px;
    height: 17px;
    font-weight: bold;
    padding-top: 1px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}