* {
  box-sizing: border-box;
  margin: 0;
}
.template_index {
  width: 100%;
  min-height: 100vh;
  background-color: #b8b8b8;
  display: flex;
  justify-content: center;
}
.template_index.rtl {
  direction: rtl;
}
.template_index.ltr {
  direction: ltr;
}
.template_index .btnEdit,
.template_index .btnRemove,
.template_index .placeholder-label {
  direction: ltr!important;
}
.template_index .container {
  max-width: 1075px;
  width: 100%;
  background-color: #fff;
  margin: 25px 0;
  padding: 0 0 100px;
}
.template_index .container .container__header {
  width: 100%;
}
.template_index .container .container__wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.template_index .container .container__wrapper .container__wrapper--main {
  width: 64.977%;
}
.template_index .container .container__wrapper .container__wrapper--main.full {
  width: 90%;
  margin: auto;
}
.template_index .container .container__wrapper .container__wrapper--sidebar {
  width: 32%;
}
.template_index .container .container__wrapper--comments {
  max-width: 800px;
  width: 100%;
  margin-top: 50px;
}
.template_index .container .container__wrapper--comments.full {
  max-width: none;
  width: 90%;
  margin: 50px auto auto;
}
@media only screen and (max-width: 768px) {
  .template_index .container {
    padding: 0 0 100px;
    margin: 0;
  }
  .template_index .container .container__wrapper .container__wrapper--main {
    width: 100%;
    padding: 0;
  }
  .template_index .container .container__wrapper .container__wrapper--sidebar {
    display: none;
  }
  .template_index .container .container__wrapper--comments {
    padding: 0;
  }
}
.ql-container,
.ql-editor {
  height: auto!important;
}