/*input
  {max-width: 93px;
  }
*/
.DTE_Field > *.col-form-label {
  width: 21%;
}
.DTE_Field > *.DTE_Field_Input {
  width: 79%;
}
html > body table.table > * > * > * {
  text-align: center;
  vertical-align: middle;
}
.hidden {
  display: none;
}
.errors {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  color: red;
  font-size: 10px;
}
.hidden {
  display: none;
}
.flex-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex {
  display: flex;
}
.flex.row {
  flex-direction: row;
}
.flex.column {
  flex-direction: column;
}
.flex.centered {
  justify-content: center;
  align-items: center;
}
.flex.left {
  justify-content: flex-start;
}
.flex.right {
  justify-content: flex-end;
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex.nowrap {
  flex-wrap: nowrap;
}
.fullSize {
  width: 100%;
  height: 100%;
}
.fullScreen {
  width: 100vw;
  height: 100vh;
}
.fixed {
  position: fixed;
}
.border-radiused {
  border-radius: 12px;
}
.border-radiused > *:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.border-radiused > *:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.shadowed {
  box-shadow: -12px 0px 12px rgba(120, 120, 120, 0.5), -12px 12px 12px rgba(120, 120, 120, 0.5), 0px 12px 12px rgba(120, 120, 120, 0.5);
}
.selection-disable {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.clickable {
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html > body:not(.edit-mode) .only-for-edit-mode {
  display: none;
}
html > body.edit-mode .only-for-view-mode {
  display: none;
}
html > body > *#content > h1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 53px;
  width: 100%;
  text-align: center;
  position: relative;
}
html > body > *#content > h1.row {
  flex-direction: row;
}
html > body > *#content > h1.column {
  flex-direction: column;
}
html > body > *#content > h1.centered {
  justify-content: center;
  align-items: center;
}
html > body > *#content > h1.left {
  justify-content: flex-start;
}
html > body > *#content > h1.right {
  justify-content: flex-end;
}
html > body > *#content > h1.wrap {
  flex-wrap: wrap;
}
html > body > *#content > h1.nowrap {
  flex-wrap: nowrap;
}
html > body > *#content > h1 > button,
html > body > *#content > h1 > .notification {
  position: absolute;
  right: 0px;
}
html > body > *#content > h1 > button.notification,
html > body > *#content > h1 > .notification.notification {
  top: -12px;
  font-size: 10px;
  color: red;
  font-weight: bold;
}
html > body > *.lg-container > *.lg-backdrop {
  background-color: rgba(120, 120, 120, 0.5);
}
[data-command] {
  cursor: pointer;
}
entity > *:not(.content) {
  display: none;
}
html body > *#the-loading {
  position: fixed;
  width: 330px;
  height: 240px;
  left: 50vw;
  top: 50vh;
  margin-left: calc(-330px / 2);
  margin-top: calc(-240px / 2);
  gap: 21px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 2;
}
html body > *#the-loading.row {
  flex-direction: row;
}
html body > *#the-loading.column {
  flex-direction: column;
}
html body > *#the-loading.centered {
  justify-content: center;
  align-items: center;
}
html body > *#the-loading.left {
  justify-content: flex-start;
}
html body > *#the-loading.right {
  justify-content: flex-end;
}
html body > *#the-loading.wrap {
  flex-wrap: wrap;
}
html body > *#the-loading.nowrap {
  flex-wrap: nowrap;
}
html body > *#the-loading:not(.active) {
  display: none;
}
html body > *#the-loading.active {
  display: flex;
}
html body > *#the-loading.active.row {
  flex-direction: row;
}
html body > *#the-loading.active.column {
  flex-direction: column;
}
html body > *#the-loading.active.centered {
  justify-content: center;
  align-items: center;
}
html body > *#the-loading.active.left {
  justify-content: flex-start;
}
html body > *#the-loading.active.right {
  justify-content: flex-end;
}
html body > *#the-loading.active.wrap {
  flex-wrap: wrap;
}
html body > *#the-loading.active.nowrap {
  flex-wrap: nowrap;
}
html body > *#the-loading > *.icon {
  --bs-spinner-width: 43px;
  --bs-spinner-height: 43px;
  /*border-radius: 12px;
                  background-color: RGBA(120, 120, 120, 0.3);
                  */
}
html body > *#the-loading > *.content {
  font-size: 21px;
  color: red;
  font-weight: bold;
  border-radius: 12px;
  padding: 21px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: rgba(120, 120, 120, 0.3);
}
html body > *#the-loading > *.content.row {
  flex-direction: row;
}
html body > *#the-loading > *.content.column {
  flex-direction: column;
}
html body > *#the-loading > *.content.centered {
  justify-content: center;
  align-items: center;
}
html body > *#the-loading > *.content.left {
  justify-content: flex-start;
}
html body > *#the-loading > *.content.right {
  justify-content: flex-end;
}
html body > *#the-loading > *.content.wrap {
  flex-wrap: wrap;
}
html body > *#the-loading > *.content.nowrap {
  flex-wrap: nowrap;
}
html body > *.window {
  position: fixed;
  display: flex;
  flex-direction: column;
  z-index: 1;
  background-color: white;
  border-radius: 12px;
  box-shadow: -12px 0px 12px rgba(120, 120, 120, 0.5), -12px 12px 12px rgba(120, 120, 120, 0.5), 0px 12px 12px rgba(120, 120, 120, 0.5);
  min-width: 430px;
  width: 430px;
  min-height: 210px;
  height: 210px;
}
html body > *.window.row {
  flex-direction: row;
}
html body > *.window.column {
  flex-direction: column;
}
html body > *.window.centered {
  justify-content: center;
  align-items: center;
}
html body > *.window.left {
  justify-content: flex-start;
}
html body > *.window.right {
  justify-content: flex-end;
}
html body > *.window.wrap {
  flex-wrap: wrap;
}
html body > *.window.nowrap {
  flex-wrap: nowrap;
}
html body > *.window > *:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
html body > *.window > *:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
html body > *.window > * {
  padding: 4px 10px;
  width: 100%;
  left: 0px;
  position: absolute;
  box-sizing: border-box;
}
html body > *.window > *.head {
  background-color: lightblue;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  height: 21px;
  cursor: default;
  position: relative;
}
html body > *.window > *.head.row {
  flex-direction: row;
}
html body > *.window > *.head.column {
  flex-direction: column;
}
html body > *.window > *.head.centered {
  justify-content: center;
  align-items: center;
}
html body > *.window > *.head.left {
  justify-content: flex-start;
}
html body > *.window > *.head.right {
  justify-content: flex-end;
}
html body > *.window > *.head.wrap {
  flex-wrap: wrap;
}
html body > *.window > *.head.nowrap {
  flex-wrap: nowrap;
}
html body > *.window > *.head > *.icons {
  position: absolute;
  right: 7px;
  top: 2px;
  width: 16px;
  height: 21px;
  display: flex;
  flex-direction: row;
  z-index: 1;
}
html body > *.window > *.head > *.icons.row {
  flex-direction: row;
}
html body > *.window > *.head > *.icons.column {
  flex-direction: column;
}
html body > *.window > *.head > *.icons.centered {
  justify-content: center;
  align-items: center;
}
html body > *.window > *.head > *.icons.left {
  justify-content: flex-start;
}
html body > *.window > *.head > *.icons.right {
  justify-content: flex-end;
}
html body > *.window > *.head > *.icons.wrap {
  flex-wrap: wrap;
}
html body > *.window > *.head > *.icons.nowrap {
  flex-wrap: nowrap;
}
html body > *.window > *.body {
  top: calc(21px + 4px);
  height: calc(210px - (21px + 43px + 2 * 4px));
}
html body > *.window > *.body[data-container-id][data-container-id="albom-new"] {
  /*& > input
                          {width: calc(189px + 1cm);
                          }
                        */
}
html body > *.window > *.body[data-container-id][data-container-id="albom-new"] > *.title {
  text-align: center;
  font-size: 40.72727273;
  /*text-decoration: underline;
                              */
}
html body > *.window > *.body[data-container-id][data-container-id="albom-new"] > *.hint {
  fint-size: 31px;
  width: 100%;
  text-align: right;
}
html body > *.window > *.body[data-container-id][data-container-id="albom-new"] > *[type][type="submit"] {
  display: block;
  margin-left: auto;
  margin-right: 0px;
}
html body > *.window > *.body > h2 {
  text-align: center;
}
html body > *.window > *.actions {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 43px;
  bottom: 0px;
  background-color: lightblue;
  gap: 1cm;
}
html body > *.window > *.actions.row {
  flex-direction: row;
}
html body > *.window > *.actions.column {
  flex-direction: column;
}
html body > *.window > *.actions.centered {
  justify-content: center;
  align-items: center;
}
html body > *.window > *.actions.left {
  justify-content: flex-start;
}
html body > *.window > *.actions.right {
  justify-content: flex-end;
}
html body > *.window > *.actions.wrap {
  flex-wrap: wrap;
}
html body > *.window > *.actions.nowrap {
  flex-wrap: nowrap;
}
html body > *.window.confirm-box {
  min-width: 430px;
  width: 430px;
  min-height: 120px;
  height: 120px;
}
html body > *.window.confirm-box > *.body {
  text-align: center;
  height: calc(120px - (21px + 43px + 2 * 4px));
}
html body > *.window.large {
  min-width: 600px;
  width: 600px;
  min-height: 210px;
  height: 210px;
}
html body > *.window.large > *.body {
  height: calc(210px - (21px + 43px + 2 * 4px));
}
html body > *.window.height-small {
  height: 170px;
  min-height: 170px;
}
html body > *.window.width-large-very {
  min-width: 700px;
  width: 700px;
}
html body > *.window.large-very {
  min-width: 700px;
  width: 700px;
  min-height: 430px;
  height: 430px;
}
html body > *.window.large-very > *.body {
  height: calc(430px - (21px + 43px + 2 * 4px));
}
html body .interval {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
html body .interval.row {
  flex-direction: row;
}
html body .interval.column {
  flex-direction: column;
}
html body .interval.centered {
  justify-content: center;
  align-items: center;
}
html body .interval.left {
  justify-content: flex-start;
}
html body .interval.right {
  justify-content: flex-end;
}
html body .interval.wrap {
  flex-wrap: wrap;
}
html body .interval.nowrap {
  flex-wrap: nowrap;
}
html > body.edit-mode > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content > *[data-container-id][data-container-id="element"] {
  cursor: default;
  pointer-events: none;
}
html > body.edit-mode > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content > *[data-container-id][data-container-id="element"] > *.commands {
  pointer-events: auto;
}
html > body > *#content {
  max-width: 1456px;
  margin: 2cm auto;
}
html > body > *#content > *[data-container-id][data-container-id="edit-container"] > *[type][type="submit"] {
  margin-top: 5mm;
  margin-bottom: 7px;
}
html > body > *#content > *#content-main > h1 {
  text-align: center;
}
html > body > *#content > *#content-main > *.top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  /*5mm;*/
}
html > body > *#content > *#content-main > *.top.row {
  flex-direction: row;
}
html > body > *#content > *#content-main > *.top.column {
  flex-direction: column;
}
html > body > *#content > *#content-main > *.top.centered {
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main > *.top.left {
  justify-content: flex-start;
}
html > body > *#content > *#content-main > *.top.right {
  justify-content: flex-end;
}
html > body > *#content > *#content-main > *.top.wrap {
  flex-wrap: wrap;
}
html > body > *#content > *#content-main > *.top.nowrap {
  flex-wrap: nowrap;
}
html > body > *#content > *#content-main > *.top > *.search {
  max-width: 50vw;
  width: 330px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  gap: 12px;
}
html > body > *#content > *#content-main > *.top > *.search.row {
  flex-direction: row;
}
html > body > *#content > *#content-main > *.top > *.search.column {
  flex-direction: column;
}
html > body > *#content > *#content-main > *.top > *.search.centered {
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main > *.top > *.search.left {
  justify-content: flex-start;
}
html > body > *#content > *#content-main > *.top > *.search.right {
  justify-content: flex-end;
}
html > body > *#content > *#content-main > *.top > *.search.wrap {
  flex-wrap: wrap;
}
html > body > *#content > *#content-main > *.top > *.search.nowrap {
  flex-wrap: nowrap;
}
html > body > *#content > *#content-main > *.elements {
  margin-top: 87px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
html > body > *#content > *#content-main > *.elements.row {
  flex-direction: row;
}
html > body > *#content > *#content-main > *.elements.column {
  flex-direction: column;
}
html > body > *#content > *#content-main > *.elements.centered {
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main > *.elements.left {
  justify-content: flex-start;
}
html > body > *#content > *#content-main > *.elements.right {
  justify-content: flex-end;
}
html > body > *#content > *#content-main > *.elements.wrap {
  flex-wrap: wrap;
}
html > body > *#content > *#content-main > *.elements.nowrap {
  flex-wrap: nowrap;
}
html > body > *#content > *#content-main > *.elements > *.element {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
}
html > body > *#content > *#content-main > *.elements > *.element.row {
  flex-direction: row;
}
html > body > *#content > *#content-main > *.elements > *.element.column {
  flex-direction: column;
}
html > body > *#content > *#content-main > *.elements > *.element.centered {
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main > *.elements > *.element.left {
  justify-content: flex-start;
}
html > body > *#content > *#content-main > *.elements > *.element.right {
  justify-content: flex-end;
}
html > body > *#content > *#content-main > *.elements > *.element.wrap {
  flex-wrap: wrap;
}
html > body > *#content > *#content-main > *.elements > *.element.nowrap {
  flex-wrap: nowrap;
}
html > body > *#content > *#content-main > *.elements > *.element.hidden {
  display: none;
}
html > body > *#content > *#content-main > *.elements > *.element > *.title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
html > body > *#content > *#content-main > *.elements > *.element > *.photo {
  width: 280px;
  height: 206px;
  border-radius: 7px;
  box-shadow: -5px 0px 5px rgba(120, 120, 120, 0.7), -5px 5px 5px rgba(120, 120, 120, 0.7), 0px 5px 5px rgba(120, 120, 120, 0.7);
  transition: all 0.3s;
  position: relative;
}
html > body > *#content > *#content-main > *.elements > *.element > *.photo:hover {
  box-shadow: -8px 0px 8px rgba(120, 120, 120, 0.7), -8px 8px 8px rgba(120, 120, 120, 0.7), 0px 8px 8px rgba(120, 120, 120, 0.7);
  left: 3px;
  bottom: 3px;
}
html > body > *#content > *#content-main > *.elements > *.element > *.commands {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
html > body > *#content > *#content-main > *.elements > *.element > *.commands.row {
  flex-direction: row;
}
html > body > *#content > *#content-main > *.elements > *.element > *.commands.column {
  flex-direction: column;
}
html > body > *#content > *#content-main > *.elements > *.element > *.commands.centered {
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main > *.elements > *.element > *.commands.left {
  justify-content: flex-start;
}
html > body > *#content > *#content-main > *.elements > *.element > *.commands.right {
  justify-content: flex-end;
}
html > body > *#content > *#content-main > *.elements > *.element > *.commands.wrap {
  flex-wrap: wrap;
}
html > body > *#content > *#content-main > *.elements > *.element > *.commands.nowrap {
  flex-wrap: nowrap;
}
html > body > *#content > *#content-main > *.elements > *.element > *.commands > *[data-command] {
  width: 120px;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="containers"] > *.elements > *.element {
  cursor: pointer;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > h1 {
  text-align: center;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > * {
  width: 100%;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] {
  /*border-top: 3px solid #010101;
                                 */
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].row {
  flex-direction: row;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].column {
  flex-direction: column;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].centered {
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].left {
  justify-content: flex-start;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].right {
  justify-content: flex-end;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].wrap {
  flex-wrap: wrap;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].nowrap {
  flex-wrap: nowrap;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *[data-command][data-command="upload"] {
  align-self: flex-end;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 19px;
  gap: 19px;
  grid-gap: 19px;
  width: 100%;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.row {
  flex-direction: row;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.column {
  flex-direction: column;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.centered {
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.left {
  justify-content: flex-start;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.right {
  justify-content: flex-end;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.wrap {
  flex-wrap: wrap;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.nowrap {
  flex-wrap: nowrap;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content > *[data-container-id][data-container-id="element"] {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content > *[data-container-id][data-container-id="element"] > *.commands {
  position: absolute;
  z-index: 1;
  right: 4px;
  top: 4px;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > h2 {
  text-align: center;
  width: 100%;
  position: relative;
  font-size: 56.4502px;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > h2 > button[data-command] {
  position: absolute;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > h2 > button[data-command][data-command="share"] {
  left: 0px;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > h2 > button[data-command][data-command="upload"] {
  right: 0px;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > h2 > *.notification {
  display: flex;
  position: absolute;
  left: 0px;
  top: 43px;
  color: red;
  font-weight: bold;
  font-size: 21px;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] {
  border-top: 3px solid #010101;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"] {
  margin-top: 19px;
  width: 276px;
  height: 276px;
  display: flex;
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"].row {
  flex-direction: row;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"].column {
  flex-direction: column;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"].centered {
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"].left {
  justify-content: flex-start;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"].right {
  justify-content: flex-end;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"].wrap {
  flex-wrap: wrap;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"].nowrap {
  flex-wrap: nowrap;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"] > img {
  max-width: 100%;
  max-height: 100%;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="3d-tour"] > *.content > *[data-container-id][data-container-id="element"] {
  margin-top: 19px;
  width: 560px;
  height: 315px;
  /*min-height: 330px;
                                                      */
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="3d-tour"] > *.content > *[data-container-id][data-container-id="element"] > img {
  position: absolute;
  top: 0px;
  left: 0px;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="3d-tour"] > *.content > *[data-container-id][data-container-id="element"] > img,
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="3d-tour"] > *.content > *[data-container-id][data-container-id="element"] > iframe {
  min-width: 100%;
  min-height: 100%;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="video"] {
  padding-bottom: 1cm;
  border-bottom: 4px solid black;
  margin-bottom: 1cm;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.row {
  flex-direction: row;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.column {
  flex-direction: column;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.centered {
  justify-content: center;
  align-items: center;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.left {
  justify-content: flex-start;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.right {
  justify-content: flex-end;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.wrap {
  flex-wrap: wrap;
}
html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.nowrap {
  flex-wrap: nowrap;
}
@media (min-width: 982px) {
  html > body > *#content > *#content-main > *.elements > *.element > *.title {
    font-size: 23px;
  }
}
@media (max-width: 981px) {
  html > body.edit-mode > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content > *[data-container-id][data-container-id="element"] {
    cursor: default;
    pointer-events: none;
  }
  html > body.edit-mode > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content > *[data-container-id][data-container-id="element"] > *.commands {
    pointer-events: auto;
  }
  html > body > *#content {
    max-width: 1456px;
    margin: 2cm auto;
    padding: 0px 12px;
  }
  html > body > *#content > *[data-container-id][data-container-id="edit-container"] > *[type][type="submit"] {
    margin-top: 5mm;
    margin-bottom: 7px;
  }
  html > body > *#content > *#content-main > h1 {
    text-align: center;
  }
  html > body > *#content > *#content-main > *.top {
    display: flex;
    flex-direction: row;
    margin-right: 5mm;
  }
  html > body > *#content > *#content-main > *.top.row {
    flex-direction: row;
  }
  html > body > *#content > *#content-main > *.top.column {
    flex-direction: column;
  }
  html > body > *#content > *#content-main > *.top.centered {
    justify-content: center;
    align-items: center;
  }
  html > body > *#content > *#content-main > *.top.left {
    justify-content: flex-start;
  }
  html > body > *#content > *#content-main > *.top.right {
    justify-content: flex-end;
  }
  html > body > *#content > *#content-main > *.top.wrap {
    flex-wrap: wrap;
  }
  html > body > *#content > *#content-main > *.top.nowrap {
    flex-wrap: nowrap;
  }
  html > body > *#content > *#content-main > *.elements {
    margin-top: 87px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
  }
  html > body > *#content > *#content-main > *.elements.row {
    flex-direction: row;
  }
  html > body > *#content > *#content-main > *.elements.column {
    flex-direction: column;
  }
  html > body > *#content > *#content-main > *.elements.centered {
    justify-content: center;
    align-items: center;
  }
  html > body > *#content > *#content-main > *.elements.left {
    justify-content: flex-start;
  }
  html > body > *#content > *#content-main > *.elements.right {
    justify-content: flex-end;
  }
  html > body > *#content > *#content-main > *.elements.wrap {
    flex-wrap: wrap;
  }
  html > body > *#content > *#content-main > *.elements.nowrap {
    flex-wrap: nowrap;
  }
  html > body > *#content > *#content-main > *.elements > *.element {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7px;
    width: 100%;
  }
  html > body > *#content > *#content-main > *.elements > *.element.row {
    flex-direction: row;
  }
  html > body > *#content > *#content-main > *.elements > *.element.column {
    flex-direction: column;
  }
  html > body > *#content > *#content-main > *.elements > *.element.centered {
    justify-content: center;
    align-items: center;
  }
  html > body > *#content > *#content-main > *.elements > *.element.left {
    justify-content: flex-start;
  }
  html > body > *#content > *#content-main > *.elements > *.element.right {
    justify-content: flex-end;
  }
  html > body > *#content > *#content-main > *.elements > *.element.wrap {
    flex-wrap: wrap;
  }
  html > body > *#content > *#content-main > *.elements > *.element.nowrap {
    flex-wrap: nowrap;
  }
  html > body > *#content > *#content-main > *.elements > *.element.hidden {
    display: none;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.title {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.photo {
    width: 100%;
    height: auto;
    border-radius: 7px;
    box-shadow: -5px 0px 5px rgba(120, 120, 120, 0.7), -5px 5px 5px rgba(120, 120, 120, 0.7), 0px 5px 5px rgba(120, 120, 120, 0.7);
    transition: all 0.3s;
    position: relative;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.photo:hover {
    box-shadow: -8px 0px 8px rgba(120, 120, 120, 0.7), -8px 8px 8px rgba(120, 120, 120, 0.7), 0px 8px 8px rgba(120, 120, 120, 0.7);
    left: 3px;
    bottom: 3px;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.commands {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.commands.row {
    flex-direction: row;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.commands.column {
    flex-direction: column;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.commands.centered {
    justify-content: center;
    align-items: center;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.commands.left {
    justify-content: flex-start;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.commands.right {
    justify-content: flex-end;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.commands.wrap {
    flex-wrap: wrap;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.commands.nowrap {
    flex-wrap: nowrap;
  }
  html > body > *#content > *#content-main > *.elements > *.element > *.commands > *[data-command] {
    width: 120px;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="containers"] > *.elements > *.element {
    cursor: pointer;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > h1 {
    text-align: center;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > * {
    width: 100%;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] {
    /*border-top: 3px solid #010101;
                                    */
    padding-top: 18px;
    padding-bottom: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].row {
    flex-direction: row;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].column {
    flex-direction: column;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].centered {
    justify-content: center;
    align-items: center;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].left {
    justify-content: flex-start;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].right {
    justify-content: flex-end;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].wrap {
    flex-wrap: wrap;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"].nowrap {
    flex-wrap: nowrap;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *[data-command][data-command="upload"] {
    align-self: flex-end;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 19px;
    gap: 19px;
    grid-gap: 19px;
    width: 100%;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.row {
    flex-direction: row;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.column {
    flex-direction: column;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.centered {
    justify-content: center;
    align-items: center;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.left {
    justify-content: flex-start;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.right {
    justify-content: flex-end;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.wrap {
    flex-wrap: wrap;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content.nowrap {
    flex-wrap: nowrap;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content > *[data-container-id][data-container-id="element"] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > *.content > *[data-container-id][data-container-id="element"] > *.commands {
    position: absolute;
    z-index: 1;
    right: 4px;
    top: 4px;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > h2 {
    text-align: center;
    width: 100%;
    position: relative;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > h2 > button[data-command] {
    position: absolute;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > h2 > button[data-command][data-command="share"] {
    left: 0px;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > h2 > button[data-command][data-command="upload"] {
    right: 0px;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"] > h2 > *.notification {
    display: flex;
    position: absolute;
    left: 0px;
    top: 43px;
    color: red;
    /*top: 5px;
                                             */
    font-weight: bold;
    font-size: 21px;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] {
    border-top: 3px solid #010101;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"] {
    margin-top: 19px;
    width: 40vw;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="photo"] > *.content > *[data-container-id][data-container-id="element"] > img {
    max-width: 100%;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="3d-tour"] > *.content > *[data-container-id][data-container-id="element"] {
    margin-top: 19px;
    width: calc(80vw + 19px);
    height: calc((315 / 560) * (80vw + 19px));
    /*min-height: 330px;
                                                         */
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="3d-tour"] > *.content > *[data-container-id][data-container-id="element"] > img {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="3d-tour"] > *.content > *[data-container-id][data-container-id="element"] > img,
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="3d-tour"] > *.content > *[data-container-id][data-container-id="element"] > iframe {
    min-width: 100%;
    min-height: 100%;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *[data-container-id][data-container-id="element-type"][data-container-data][data-container-data="video"] {
    padding-bottom: 1cm;
    border-bottom: 4px solid black;
    margin-bottom: 1cm;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.row {
    flex-direction: row;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.column {
    flex-direction: column;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.centered {
    justify-content: center;
    align-items: center;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.left {
    justify-content: flex-start;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.right {
    justify-content: flex-end;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.wrap {
    flex-wrap: wrap;
  }
  html > body > *#content > *#content-main[data-container-id][data-container-id="container"] > *.commands.nowrap {
    flex-wrap: nowrap;
  }
}
html > body[data-container-id][data-container-id="upload"],
html > body *[data-container-id][data-container-id="upload"] {
  display: flex;
  flex-direction: column;
}
html > body[data-container-id][data-container-id="upload"].row,
html > body *[data-container-id][data-container-id="upload"].row {
  flex-direction: row;
}
html > body[data-container-id][data-container-id="upload"].column,
html > body *[data-container-id][data-container-id="upload"].column {
  flex-direction: column;
}
html > body[data-container-id][data-container-id="upload"].centered,
html > body *[data-container-id][data-container-id="upload"].centered {
  justify-content: center;
  align-items: center;
}
html > body[data-container-id][data-container-id="upload"].left,
html > body *[data-container-id][data-container-id="upload"].left {
  justify-content: flex-start;
}
html > body[data-container-id][data-container-id="upload"].right,
html > body *[data-container-id][data-container-id="upload"].right {
  justify-content: flex-end;
}
html > body[data-container-id][data-container-id="upload"].wrap,
html > body *[data-container-id][data-container-id="upload"].wrap {
  flex-wrap: wrap;
}
html > body[data-container-id][data-container-id="upload"].nowrap,
html > body *[data-container-id][data-container-id="upload"].nowrap {
  flex-wrap: nowrap;
}
html > body .video-js,
html > body * .video-js {
  width: 560px;
  height: 315px;
}
@media (max-width: 981px) {
  html > body[data-container-id][data-container-id="upload"],
  html > body *[data-container-id][data-container-id="upload"] {
    display: flex;
    flex-direction: column;
  }
  html > body[data-container-id][data-container-id="upload"].row,
  html > body *[data-container-id][data-container-id="upload"].row {
    flex-direction: row;
  }
  html > body[data-container-id][data-container-id="upload"].column,
  html > body *[data-container-id][data-container-id="upload"].column {
    flex-direction: column;
  }
  html > body[data-container-id][data-container-id="upload"].centered,
  html > body *[data-container-id][data-container-id="upload"].centered {
    justify-content: center;
    align-items: center;
  }
  html > body[data-container-id][data-container-id="upload"].left,
  html > body *[data-container-id][data-container-id="upload"].left {
    justify-content: flex-start;
  }
  html > body[data-container-id][data-container-id="upload"].right,
  html > body *[data-container-id][data-container-id="upload"].right {
    justify-content: flex-end;
  }
  html > body[data-container-id][data-container-id="upload"].wrap,
  html > body *[data-container-id][data-container-id="upload"].wrap {
    flex-wrap: wrap;
  }
  html > body[data-container-id][data-container-id="upload"].nowrap,
  html > body *[data-container-id][data-container-id="upload"].nowrap {
    flex-wrap: nowrap;
  }
  html > body .video-js,
  html > body * .video-js {
    width: calc(80vw + 19px);
    height: calc((315 / 560) * (80vw + 19px));
  }
}
html > body > header {
  display: flex;
  flex-direction: row;
}
html > body > header.row {
  flex-direction: row;
}
html > body > header.column {
  flex-direction: column;
}
html > body > header.centered {
  justify-content: center;
  align-items: center;
}
html > body > header.left {
  justify-content: flex-start;
}
html > body > header.right {
  justify-content: flex-end;
}
html > body > header.wrap {
  flex-wrap: wrap;
}
html > body > header.nowrap {
  flex-wrap: nowrap;
}
html > body > header > *.logo {
  width: 43px;
  height: 43px;
}
html > body > header > *.logo > * {
  width: 100%;
  height: 100%;
}
html > body > header > *.logo > * > img {
  width: 100%;
  height: 100%;
}