/* .doc-preview__comment>p,
.doc-preview__comment>b,
.doc-preview__comment>font {
  font-size: 15px;
} */

/*.doc-preview__comment {
  margin: 15px 0;
  box-shadow: 1px 0 4px #ccc inset;

  max-width: 100%;
  overflow: hidden;
  width: 100%;
  height: max-content;
  background-color: #d3d3d34a;
}

.doc-preview__comment * {
  font-family: 'Times New Roman', Times, serif;

}

.doc-preview__comment p:not(:where(li > *, td > *)) {
  font-family: 'Times New Roman', Times, serif;

}*/

.doc-colon {
  width: 7px;
  height: 170px;
  border-radius: 10px;
  float: left;
  position: relative;
  top: -50px;
  right: 50px;
}

.doc-preview__info {
  float: unset;
  display: flex;
  flex-wrap: wrap;
}

.doc-preview__info-block {
  margin-right: 5px;
}

.doc-preview__info-block:nth-last-child(1) {
  margin-right: 0px;
}

.doc-preview__info-block__text {
  margin-right: 5px;
}

.doc-preview-wrapper {
  display: flex;
  gap: 15px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
  position: static;
}

.doc-preview-wrapper h5 {
  margin: 5px 0;
}

.doc-preview-scale {
  padding: 10px 15px;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
}
.doc-fullscreen {
  cursor: pointer;
}
.doc-fullscreen i {
  transform: rotateZ(45deg);
  font-size: 34px;
}

.doc-preview__plus {
  background: green;

}

.doc-preview__minus {
  background: red;
}

@media (max-width: 1100px) {
  .doc-preview__wrapper {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .doc-content__wrapper H1 {
    margin-bottom: 0;
  }

  .doc-preview__wrapper h2 {
    font-size: 20px;
    margin: 10px;
  }

  .doc-preview__info table td {
    padding: 5px;
  }

  .doc-content {
    display: flex;
  }
}