﻿.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
  z-index: 10
}

@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%
  }
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px
}

.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../assets/images/progressbar.gif") !important;
  filter: none
}

.fileupload-process {
  float: right;
  display: none
}

.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("./Images/loading.gif") center no-repeat;
  background-size: contain
}

.files audio,
.files video {
  max-width: 300px
}

@media(max-width:767px) {

  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none
  }

  .files .name {
    width: 80px;
    word-wrap: break-word
  }

  .files audio,
  .files video {
    max-width: 80px
  }

  .files img,
  .files canvas {
    max-width: 100%
  }
}

.fade.in {
  opacity: 1
}

.back-to-top {
  text-align: right
}

.general-html-content-overlay {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 2;
  opacity: .3;
  filter: alpha(opacity=.7);
  cursor: pointer
}

.general-html-inline-edit {
  padding: 1.5rem
}