/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./App/Resources/react/Creations/scss/creations.scss ***!
  \************************************************************************************************************************************************************************/
@charset "UTF-8";
.creationFileInTable {
  display: block;
  padding: 5px 0 5px 31px;
  cursor: pointer;
  position: relative;
}
.creationFileInTable.audio:after, .creationFileInTable.video:after {
  content: "✓";
  display: block;
  position: absolute;
  top: 6px;
  color: #000;
  pointer-events: none;
}
.creationFileInTable.audio:after {
  right: -49px;
}
.creationFileInTable.video:after {
  right: -119px;
}

.creations-header .sub-top-menu > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}
.creations-header .sub-top-menu > ul > li:not(.active) > a {
  cursor: pointer;
}
.creations-header .filterMenu {
  font-size: 13px;
  text-align: center;
  position: relative;
  top: 15px;
}
.creations-header .filterMenu span {
  display: inline-block;
  padding: 0 4px;
  margin: 0 15px;
}
.creations-header .filterMenu span:not(.disabled) {
  cursor: pointer;
}

.content-section {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.content-body {
  height: 100%;
  overflow: hidden;
}
.content-body .c-pointer {
  cursor: pointer;
}
.content-body thead td {
  position: relative;
  height: 44px;
  cursor: pointer;
}
.content-body .col-title {
  position: relative;
}
.content-body .col-title .open-files {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  width: 20px;
  cursor: pointer;
}
.content-body .col-type {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  text-align: center;
}
.content-body .col-lang {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  text-align: center;
}
.content-body .col-audio,
.content-body .col-video {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  text-align: center;
}
.content-body .col-numberOr {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  text-align: center;
}
.content-body .col-year {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  text-align: center;
}
.content-body .table-fixer.operas {
  height: calc(100% - 46px);
}

/*# sourceMappingURL=creations.css.map*/