File manager

@mixin slot-tooltip-info(){
  position: absolute;
  top: 0;
  left: 15px;
  background-color: #111;
  padding: 4px 6px;
  color: #fff;
  font-weight: $body-font-weight-bold;
  display: none;
  white-space: nowrap;
  z-index: 9999;
  font-size: floor($font-size-base * 1);
  animation: 0.1s ease latepointAvailabilityPopup;
  animation-fill-mode: both;
}
@mixin latepointfont($content:""){
  font-family: 'latepointIcons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: $content;
}

@mixin font-headers(){
  font-family: $headings-font-family;
  font-weight: $headings-font-weight-normal;
}

@mixin loading-circle($color: #fff, $width: 14px, $border-width: 2px){
  display: block;
  content: "";
  width: $width!important;
  height: $width!important;
  border-bottom: $border-width solid $color;
  border-left: $border-width solid $color;
  border-top: $border-width solid $color;
  border-right: $border-width solid rgba(255,255,255,0);
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: os-loading 700ms infinite linear;
  background-color: transparent!important;
}