td {
  white-space:pre-wrap;
  word-wrap:break-word;
  padding: 5px;
}

.td-white-space-normal tr td {
  white-space: normal !important;
}

/* Fix trouble with shift body on right,
   when dialog shown */
body.modal-open {
  overflow: auto !important;
}

body.modal-open[style] {
  padding-right: 0px !important;
}

.maxWidth {
  width: 100%;
}

.maxHeight {
  height: 100% !important;
}

.workSpace {
  margin-top: 20px;
}

.mt-1 {
  margin-top: 10px;
}

.row-h-2 {
  height: 100px;
}

.row-h-3 {
  height: 150px;
}

.noneResizable {
  resize: none;
}

.thumbnail > a {
  height: 100%;
  width: 100%;
  display: inline-block;
}

.thumbnail > a > img {
  max-height: 100%;
  width: auto;
  position: relative;
  top:50%;
  transform:translateY(-50%);
}

.mainWorkspace {
  position: relative;
}

.topRight {
  position:absolute;
  top:20px;
  right:15px;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.mr-h {
  margin-right: 6px;
}

.mr-1 {
  margin-right: 10px;
}

.mr-2 {
  margin-right: 20px;
}

.mt-1 {
  margin-top: 10px;
}

.mt-2 {
  margin-top: 20px;
}

.flex-grow-1 {
  flex-grow: 1;
}

.align-self-center {
  align-self: center;
}