/* File Uploader: DocLocDragDropFileUpload control */
/* should this be inline on _FileUploader.cshtml? OR should this stay separate here?? */

#filedrop {
    border-radius: 15px;
    border-color: #aaaaaa;
    border-style: dashed;
    border-width: thin;
    margin-bottom: 10px;
}

.filedrop-expand {
    height: 6em;
}

.filedrop-normal {
    height: 4em;
}


#filedrop-clickable {
    cursor: pointer;
    text-align: center;
    padding-top: 1em;  
}

#uploader-question {
    cursor: pointer;
    float: right;
}

#uploader-filelist {
    margin-top: 1em;
    padding: .5em;
    height: 6em;
    overflow-y: auto;
    border: 1px solid #aaaaaa;
}

/* TODO: move this to site.css???  */
/* spin glyphicons */
.glyphicon-animate {
    animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
/* end: spin glyphicons */