.wk-post-all {
  color: #565151;
  font-size: 1rem;

  cursor: pointer;
}

.wk-posts {
  display: flex;
  flex-direction: column;

  width: 100%;

  min-height: 789px;
  max-height: 789px;

  overflow: auto;
}

.wk-post__content:nth-child(1) {
  margin-top: 0;
}

.wk-post__content {
  display: flex;
  flex-direction: column;

  position: relative;

  width: 100%;

  margin: 20px 0;

  border-radius: 10px !important;

  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #ddd;
  padding: 1rem;
}

.wk-post__content__user-data {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.wk-post__content__user-data__name {
  color: #5E5E5E;
  font-weight: 600;
}

.wk-post__content__title {
  font-size: 1rem;
  font-weight: 600;
  max-width: 13rem;
  text-align: start;
  word-break: break-all;
  margin-bottom: 100px;
}

.wk-post__content__img {
  width: 100%;
  height: 100%;

  margin-bottom: 10px;

  object-fit: contain;
}

.wk-post__content__midia {
  border-radius: 10px;
}

.wk-post__content__description {
  font-weight: 600;
  color: #5E5E5E;
  margin-bottom: 10px;
}

.wk-post__content__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wk-post__content__like-comment {
  display: flex;
  gap: 0.9rem;
}

.wk-post__content__like-comment__like {
  margin-right: 10px;
}

.wk-post__content__like-comment__like,
.wk-post__content__like-comment__comment {
  display: flex;
  align-items: center;

  font-size: 1.2rem;
  font-weight: bold;
}

.wk-post-comment .wk-icon.icon-coracao {
  margin-right: 5px;
}

.wk-post__content__pin {
  display: flex;
}

.wk-post__content__like-comment__like,
.wk-post__content__like-comment__comment,
.wk-post__content__pin {
  cursor: pointer;
}

.wk-post__content__like-comment__like em,
.wk-post__content__like-comment__comment em,
.wk-post__content__pin em,
.wk-post__content__donwload em {
  width: 22px;
  height: 22px;
}

.wk-post__content__like-comment em,
.wk-post__content__pin {
  background-color: #5E5E5E;
}

.wk-post__content__like-comment__comment em {
  margin-left: -5px;
}

.wk-post__content__like-comment .icon-nuvem-download {
  margin-left: 1px;
}

.wk-icon-bg {
  background: #FAF8F8;
  border-radius: 100%;
  padding: 0.6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.wk-post-archive-button {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  display: inline-flex !important;
}

.wk-post-hr {
  border-color: #ddd;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.wk-post-date {
  font-size: 12px;
  font-weight: 600;
  color: #5E5E5E;
}

.wk-post-sino-badge {
  height: 13px;
  width: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: #fff;
  position: absolute;
  top: -9px;
  font-size: 0.7rem;
  right: -7px;
}

.wk-post-area-checkbox {
  display: flex !important;
  align-items: center;
  font-weight: 500 !important;
}

.wk-post-obs {
  font-size: 12px;
  background: #FAFBFD;
  border-radius: 10px;
  padding: 5px 10px;
}


.wk-side-container.open.post-size {
  width: 560px;
}

.wk-post-likes-area {
  display: flex;
  gap: 1rem;
  color: #968D8D;
}

.wk-post-comment-date {
    color: #968D8D;
    font-size: 0.9rem;
}

.wk-post-comment {
  border-top: 1px solid #ddd;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
}

.wk-post-answer:hover {
  filter: brightness(0.9);
}

.wk-post-label {
  font-weight: 600 !important;
  font-size: 1.1rem !important;
}

.wk-text-area .trumbowyg-box {
  min-height: 200px;
}

.wk-text-area .trumbowyg-editor {
  min-height: 200px;
}

.toggle-ciente {
  background: #FFFFFF;
  border: 1px solid #CA0909;
  border-radius: 25px;
  padding: 1px 8px;
  position: relative;
  cursor: pointer;
}


.toggle-ciente.active {
  cursor: default;
}

.toggle-ciente--status {
  background: #CA0909;
  border: 1px solid #CA0909;
  border-radius: 100%;
  font-weight: 600;
  display: inline-flex;
  color: #fff;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -0.1px;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease-in-out;
}
.toggle-ciente .icon-verificado {
  width: 15px;
  height: 11px;
}

.toggle-ciente .toggle-ciente--status {
  transform: translateX(-9px);
  transition: all 500ms ease-in-out;
}

.toggle-ciente .check {
  display: none;
  transition: all 500ms ease-in-out;
}

.toggle-ciente.active .toggle-ciente--status {
  transform: translateX(47px);
  background: #4CAF50;
  border: 1px solid #4CAF50;  
  transition: all 500ms ease-in-out;
}

.toggle-ciente.active .check {
  display: block;
  transition: all 500ms ease-in-out;
}

.toggle-ciente.active .uncheck {
  display: none;
  transition: all 500ms ease-in-out;
}

.toggle-ciente.active {
  border: 1px solid #4CAF50;
  transition: all 500ms ease-in-out;
}

.toggle-ciente-text {
  font-weight: 600;
  color: #0B2624;
  margin-left: 1.4rem;
  font-size: 12px;
  transition: all 500ms ease-in-out;
}

.toggle-ciente.active .toggle-ciente-text {
  margin-left: 0;
  padding-left: 4px;
  margin-right: 1.4rem;
  transition: all 500ms ease-in-out;
}

.bg-post .preloadElement {
  border-radius: 0 !important;
}

.post__body__actions__ciente {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #989898;
  font-size: 12px;
  font-weight: 600;
}

.post__body__actions__ciente__area {
    cursor: pointer;
    border: 2px solid #5E5E5EA3;
    border-radius: 30px;
    width: 51px;
    padding: 2px 4px;
}
.post__body__actions__ciente__area__dot{
    height: 16px;
    width: 16px;
    background-color: #5E5E5EA3;
    display: block;
    border-radius: 50px;
    transition: all 250ms ease-in-out;
}

.post__body__actions__ciente.marked .post__body__actions__ciente__area {
  background-color: #32CA70;
  border-color: #32CA70;
  transition: all 250ms ease-in-out 250ms;
}

.post__body__actions__ciente.marked .post__body__actions__ciente__area .post__body__actions__ciente__area__dot {
  transform: translateX(23px);
  background-color: #fff;
  transition: transform 250ms ease-in-out, background-color 125ms ease-in-out 125ms;
}

.post__content__like-comment > a, 
.wk-post__content__like-comment > a {
  line-height: 0 !important; 
}

.wk-post-filtros {
  display: flex;

  flex-direction: column;

  justify-content: center;
	align-items: center;

  width: 100%;

  margin: 10px 0;

  z-index: 1;
}

.wk-post-texto-agendado {
  font-size: 13px;
}

.wk-post__icon-margin {
  margin-right: 0.75rem !important;
}

.wk-post--excluindo-comentario {
  pointer-events: none;

  opacity: 0.4;
}