Ontica/Empiria.Land.Intranet

@import "../../../../styles/variables";

$height-navigator: 40px;

.file-container {
  width: 100%;
  padding: 0 16px;
}

.height-container-single {
  height: calc(100% - 4px);
}

.height-container-with-navigator {
  height: calc(100% - (#{$height-navigator} + 4px));
}

.object-file {
  transition: width 0.25s ease;
}

.image-container {
  position: relative;
  overflow: auto;
  background-color: #525659;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
}

.image-file {
  height: auto;
  margin: auto;
  transition: width 0.25s ease;
}

.navigator {
  height: $height-navigator;
  padding: 0 16px;
}