.asset-manager {
    min-height:100px;
    width:100%;
    height:100%;
    background-color: #fdfdfd;
}

#file-list-panel {
    margin-bottom: 0px;
}

#upload-files span.badge {
    color: #337ab7;
    background-color: white;
    border-radius: 10rem!important;
}

.file-list-item.list-group-item .file-size {
    padding-left:0.5em;
}

.file-size {
    color : #757575;
}

.list-group-item-warning .file-size,
.list-group-item-danger .file-size {
    color : inherit;
}

.file-list-item.list-group-item span.file-list-icon {
    padding-right: 0.5em;
}

.file-list-item.list-group-item.complete span.glyphicon-ok {
    color: #00a65a;
}

.file-list-item.list-group-item .progress {
    margin: 0px;
    display: none;
}

.file-list-item.list-group-item a.glyphicon-remove {
    color: #ababab;
    padding-left: 0.5em;
    text-decoration: none;
}

.file-list-item.list-group-item.uploading a.glyphicon-remove,
.file-list-item.list-group-item.complete a.glyphicon-remove {
    display: none;
}

.file-list-item.list-group-item.uploading .progress {
    display: flex;
}

#drop-target {
    width:100%;
    height:100%;
}

#drop-target #drop-default {
    padding: 50px 0px;
    width:100%;
    height:100%;
    display : block;
    border:4px dashed #cfcfcf;
}

#drop-target.empty #file-list-panel {
    display: none
}

#drop-default > div {
    text-align: center;
}
#drop-target.empty.dragover {
    border:4px dashed #1f1f1f;
    background-color:#000000;
}

#uploader button#resetFormBtn,
#uploader .complete button#upload-files {
    display:none;
}

#uploader .asset-manager.complete button#resetFormBtn {
    display: inline-block;
}

#uploader-summary-card {
    display: none;
}

.asset-manager.complete #uploader-summary-card {
    display: block;
}

.asset-manager.complete #drop-target #drop-default {
    display: none;
}

.asset-manager.complete #drop-target #drop-default {
    display: none;
}

.asset-manager .upload-controls {
    display: flex;
    justify-content: space-between;
}

.asset-manager.complete #upload-files {
    display: none;
}

.file-list-item .file-name {
    max-width: 70%;
    display: inline-block;
}

.list-group-item.file-list-item .d-flex {
    max-width: 100%;
}
 
.file-list-item .file-detail-wrap { 
    max-width: 90%;
    flex: 1;
}

.list-group-item.file-list-item:hover:not(.uploading):not(.complete):not(.list-group-item-warning) {
    background-color: #fafafa;
}

.list-item-status {
    display: none;
}

.file-list-item.list-group-item.uploading .list-item-status,
.file-list-item.list-group-item.complete .list-item-status {
    display: flex;
}

.asset-manager.uploading .upload-icon {
    display: none;
}

.asset-manager .uploading-icon {
    display: none;
}

.asset-manager.uploading .uploading-icon {
    display: inline-block;
}

.asset-manager.uploading .file-list-item .glyphicon-remove,
.asset-manager.complete .file-list-item .glyphicon-remove {
    display: none;
}

.asset-manager #upload-files .upload-btn-icon,
.btn-icon {
    background: rgba(1,1,1,0.15);
    padding: 6px 12px;
    display: inline-block
}

.asset-manager #upload-files {
    padding: 0px;
    padding-right: 12px;
}

.asset-manager #upload-files .upload-text,
.icon-button-text {
    padding-left: 12px;
}

.asset-manager .list-group-item.complete .status-details,
.asset-manager .list-group-item.uploading.finalising .status-details {
    display : none;
}

.asset-manager .list-group-item.uploading .status-details {
    display : inline-block;
    font-size: 75%;
}

.upload-form-mask {
    display: none;
}

.upload-form-wrap.uploading .upload-form-mask,
.upload-form-wrap.complete .upload-form-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: linear-gradient(to bottom, rgba(240,240,240,1) 40%, rgba(255,0,0,0));
    z-index: 1045;
    padding: 50px 0px;
    display: block;
}

.upload-form-wrap {
    position: relative;
}

.upload-form-wrap.uploading,
.upload-form-wrap.complete {
    overflow-y: hidden;
    max-height: 500px;
}

.status-label {
    background-color : #eaeaea;
}

#uploader .asset-manager input[type="file"] {
  opacity: 0; /* make transparent */
  z-index: -1; /* move under anything else */
  position: absolute; /* don't let it take up space */
}

.input-type-focus {
  border-color: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}