﻿.file-drop-indicator {
  display: none;
}
.file-drop-indicator.file-over {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
  z-index: 99999;
  display: block;
  transition: visibility 175ms, opacity 175ms;
}
.file-drop-indicator .outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.file-drop-indicator .middle {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}
.file-drop-indicator .inner {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  text-align: center;
  pointer-events: none;
}
.file-drop-indicator .jumbotron {
  background: transparent;
  pointer-events: none;
}
.file-drop-indicator .file-types {
  font-size: 3em;
  position: absolute;
}
.file-drop-indicator .file-one {
  left: 380px;
  top: 150px;
  position: absolute;
  transform: rotate(-11deg);
  animation-name: animationOne;
  animation-duration: 0.45s;
  color: green;
}
.file-drop-indicator .file-two {
  left: 180px;
  top: -250px;
  position: absolute;
  transform: rotate(12deg);
  animation-name: animationTwo;
  animation-duration: 0.6s;
  color: skyblue;
}
.file-drop-indicator .file-tree {
  position: absolute;
  left: -200px;
  color: red;
  animation-name: animationThree;
  animation-duration: 0.5s;
  transform: rotate(25deg);
}
@keyframes animationOne {
  from {
    transform: rotate(9deg);
    left: 0px;
    top: 0px;
  }
  to {
    transform: rotate(-11deg);
  }
}
@keyframes animationTwo {
  from {
    transform: rotate(-2deg);
    left: 0px;
    top: 0px;
  }
  to {
    transform: rotate(12deg);
  }
}
@keyframes animationThree {
  from {
    transform: rotate(-10deg);
    left: 0px;
    top: 0px;
  }
  to {
    transform: rotate(25deg);
  }
}
#fileUploadModal .progress {
  margin-bottom: 0 !important;
}
#FileAttachmentsView .child-attachments .someclass {
  margin-left: 20px;
  padding-left: 10px;
}
#FileAttachmentsView .child-attachments {
  opacity: 0.6;
}
#FileAttachmentsView .expand-link i.fa {
  transition: transform 0.5s;
}
#FileAttachmentsView .expand-link.child-list-expanded i.fa {
  transform: rotate(180deg);
}
#fileUploadModal table.file-list tr td {
  vertical-align: middle;
}
#fileUploadModal table.file-list > tbody > tr > td {
  overflow: visible;
}