.dropzone {
    border: 3px dashed #506d7e;
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DBF0F1;
    box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    color: #506d7e;
    font-size: 1.5rem;
    cursor: pointer;
    position: relative;
}

.dropzone:hover {
    background-color: #DBF0F1;
}

.dropzone input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.drag_hover {
    background-color: #FFFFFF;
}

.drag_hover:hover {
    background-color: #B6E1E3;
}


.dropzone-drag {
    background-color: #FDC689;
}

.gen-dropzone {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 16px;
    margin-right: 10px;
    height: 120px;
    background-color: #B6E1E3 !important;
}

.doc-dropzone {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 16px;
    margin-right: 10px;
    height: 120px;
    background: url('/assets/img/mydocs/doc.svg') no-repeat top center;
    background-size: 100px;
}

.drag-text {
    color: #2aa0b2 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}

.img-dropzone {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 16px;
    margin-right: 10px;
    height: 120px;
    background: url('/assets/img/mydocs/image.svg') no-repeat top center;
    background-size: 100px;
}

.video-dropzone {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 16px;
    margin-right: 10px;
    height: 120px;
    background: url('/assets/img/mydocs/video.svg') no-repeat top center;
    background-size: 100px;
}