.upload-drop-area {
    border: dashed 1px #000;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 22px;
    min-height: 142px;
    position: relative;
}
.upload-drop-area:before {
    content: '';
    display: block;
    width: 50px;
    height: 60px;
    margin: 15px auto;
    background: url(/assets/images/certificate_upload.png) no-repeat;
    background-size: 100%;
}
.upload-drop-area.has-file:before {
    background: url(/assets/images/certificate_verify.png) no-repeat;
    background-size: 100%;
}
.upload-drop-area.has-file:before {
    background: url(/assets/images/certificate_verify.png) no-repeat;
    background-size: 100%;
    width: 71px;
    height: 70px;
    background-position-y: -62px;
}
.upload-drop-area span.msg {
    color: #878787;
    display: block;
    width: 49%;
    margin: 0 auto;
    text-align: center;
}
.upload-drop-area a {
    display: block;
    margin: 0 auto;
    width: 141px;
    background: #BFC0C2;
    border-radius: 2px;
    text-align: center;
    color: #757575;
    font-size: 11px;
    padding: 10px;
    margin-bottom: 26px;
}
.upload-drop-area input[type="file"] {
    position: absolute;
    top: 0;
    border: solid;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
}
.upload-drop-area.drag-file {
    border: solid 2px #78B879;
}
.upload-drop-area.has-file {
    border-color: #78B879;
}
.upload-drop-area span.msg:before {
    content: 'Drag & drop file here to upload or';
}
.upload-drop-area.drag-file span.msg:before {
    content: 'Drop file';
}
.upload-drop-area.has-file span.msg:before {
    content: '';
}
.upload-drop-area.drag-file a {
    opacity: 0;
}