vue-intergrall-plugins 1.0.2 → 1.0.4

package/dist/vue-intergrall-plugins.css

@@ -1,3419 +1 @@
-
-  .btn-red button {
-    background-color: red;
-  }
-  
-  .btn-red svg {
-    color: rgb(182, 0, 0);
-  }
-
-  .container-btns {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 10px;
-  }
-
-
-  .box-shadow {
-    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-    -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  }
-
-  .ov__skeleton--animation {
-    animation: skeleton-loading 1s linear infinite alternate;  
-  } 
-  @keyframes skeleton-loading {
-    0% { 
-      background-color: #F7F7F7;
-    }
-    70% { 
-      background-color: #EDEDED;
-    }
-    100% { 
-      background-color: #EDEDED;
-    }
-  }
-
-  .skeleton-picker {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    z-index: 91;
-    border-radius: 5px;
-    background-color: #FFF;
-    border: 1px solid #CCC;
-  }
-
-  .skeleton-options {
-    width: 100%;
-    height: 48px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 15px;
-    border-bottom: 1px solid #CCC;
-  }
-  .skeleton-options .opt {
-    width: 25px;
-    height: 50%;
-  }
-
-  .skeleton-input {
-    width: calc(100% - 30px);
-    height: 25px;
-    margin: 7px 15px;
-    border-radius: 2.5px;
-  }
-
-  .skeleton-label {
-    margin: 15px 0;
-    width: 100%;
-    height: 30px;
-  }
-  
-  .skeleton-list {
-    width: 100%;
-    padding-left: 7.5px;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-  }
-
-  .skeleton-list .opt {
-    margin: 0 5px 15px 6px;
-    width: 25px;
-    height: 25px;
-  }
-
-
-.box-shadow {
-  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
-    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-}
-
-.sm-emoji-picker {
-  width: 310px;
-  z-index: 2;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  background-color: #fff;
-  display: flex;
-  flex-direction: column;
-}
-
-.sm-emoji-header {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin: 10px 0;
-  border-bottom: 1px solid #ccc;
-}
-
-.sm-emoji-link {
-  padding: 0 5px 5px 5px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  opacity: 0.9;
-  transition: all 200ms;
-  border-bottom: 2px solid transparent;
-}
-.sm-emoji-link a {
-  margin: 0;
-  padding: 0;
-  fill: #999;
-}
-.sm-emoji-link:hover a > svg,
-.sm-emoji-link.active a > svg {
-  opacity: 1;
-  fill: #666;
-}
-.sm-emoji-link:hover a > svg[stroke-linecap],
-.sm-emoji-link.active a > svg[stroke-linecap] {
-  opacity: 1;
-  fill: transparent;
-  stroke: #666;
-}
-.sm-emoji-link.active {
-  border-bottom: 2px solid #666;
-}
-
-.sm-emoji-scroll {
-  width: 100%;
-  height: calc(100% - 52px);
-  max-height: calc(100% - 52px);
-  scroll-behavior: smooth;
-  overflow-y: auto;
-  overflow-x: hidden;
-  scrollbar-color: #888 rgba(0, 0, 0, 0.2);
-  scrollbar-width: 8px;
-  position: relative;
-}
-.sm-emoji-scroll::-webkit-scrollbar {
-  width: 8px;
-}
-
-.sm-emoji-scroll::-webkit-scrollbar-track {
-  background-color: rgba(0, 0, 0, 0.2);
-}
-
-.sm-emoji-scroll::-webkit-scrollbar-thumb {
-  transition-duration: 0.5s;
-  background-color: #666;
-}
-
-.sm-emoji-scroll::-webkit-scrollbar-thumb:hover {
-  background-color: #555;
-}
-
-.sm-emoji-search {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  background: #fff;
-  padding-bottom: 10px;
-}
-.sm-emoji-search > input {
-  width: 90%;
-  outline: none;
-  border: 1px solid #ccc;
-  border-radius: 2.5px;
-  padding: 5px 10px;
-  transition: border 200ms;
-}
-.sm-emoji-search > input:focus,
-.sm-emoji-search > input:active,
-.sm-emoji-search > input:hover {
-  outline: none;
-  border: 1px solid #999;
-}
-.sm-emoji-search.sticky {
-  position: fixed;
-  width: 310px;
-  background-color: #fff;
-}
-
-.sm-emoji-selection {
-  width: 100%;
-  margin-bottom: 10px;
-}
-.sm-emoji-title {
-  width: 100%;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  background-color: #f7f7f7;
-  padding: 5px 0;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.sm-emoji-title svg {
-  margin: 0 5px;
-}
-
-.sm-emoji-group {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  font-size: 22px;
-}
-
-.sm-emoji-item {
-  cursor: pointer;
-  opacity: 0.8;
-  transition: opacity 200ms;
-  margin: 3.5px;
-}
-.sm-emoji-item:hover {
-  opacity: 1;
-}
-
-
-.emoji-text-container {
-  position: relative;
-}
-.emoji-text-container .emoji-text-btn {
-  font-size: 19.2px;
-  cursor: pointer;
-}
-
-
-.req-loader-container {
-  position: absolute;
-  z-index: 1;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.req-loader-container.light-bg {
-  background-color: rgba(0, 0, 0, 0.3);
-  border-radius: inherit;
-}
-.req-loader-container.align-right {
-  justify-content: flex-end;
-} 
-.req-loader-container.align-right .req-loader {
-  margin-right: 15px;
-}
-
-.req-loader {
-  border: 2px solid #CCC;
-  border-top: 2px solid #333;
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  animation: spin 2s linear infinite;
-}
-.req-loader.big {
-  width: 40px;
-  height: 40px;
-  animation: spin 3s linear infinite;
-}
-.req-loader.slow {
-  animation: spin 4s linear infinite;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-
-
-  .single-file-preview .close-icon {
-    color: #E74C3C;
-    cursor: pointer;
-    opacity: .9;
-    transition: opacity 300ms;
-  }
-  .single-file-preview .close-icon:hover {
-    opacity: 1;
-  }
-  .text-footer-invalid-format {
-    color: #222;
-    padding: 10px; 
-  }
-  .text-footer-invalid-format h3 {
-    font-weight: 500; 
-  }
-  .text-footer-invalid-format h4 {
-    font-size: 14.4px; 
-  }
-  .text-footer-preview-title {
-    font-size: 16px;
-    padding: 10px 0 0 10px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; 
-  }
-  .text-footer-image-preview {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%; 
-  }
-  .text-footer-image-preview img {
-    cursor: pointer;
-    max-width: 98%;
-    max-height: 98%;
-    padding: 2%; 
-  }
-
-
-  .multiple-file-preview {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    max-height: 100%;
-    overflow-y: auto;
-    overflow-x: hidden;
-    border-top-left-radius: 2.5px;
-    border-top-right-radius: 2.5px;
-    transition: background-color 150ms;
-    scrollbar-color: #888 rgba(0, 0, 0, 0.2);
-    scrollbar-width: 4px;
-  }
-  .multiple-file-preview::-webkit-scrollbar{
-    width: 4px;
-  }
-
-  .multiple-file-preview .close-icon {
-    color: #E74C3C;
-    cursor: pointer;
-    opacity: .9;
-    transition: opacity 300ms;
-  }
-  .multiple-file-preview .close-icon:hover {
-    opacity: 1;
-  }
-
-  .multiple-file-preview::-webkit-scrollbar-track{
-    background-color: rgba(0, 0, 0, 0.2);
-  }
-
-  .multiple-file-preview::-webkit-scrollbar-thumb{
-    transition-duration: .5s;
-    background-color: #222
-  }
-
-  .multiple-file-preview::-webkit-scrollbar-thumb:hover{
-    background-color: #555
-  }
-
-  .text-footer-invalid-format {
-    color: #222;
-    padding: 10px; 
-  }
-  .text-footer-invalid-format h3 {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    font-weight: 500; 
-  }
-  .text-footer-invalid-format h4 {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    font-size: 14.4px; 
-  }
-
-  .text-footer-exclude-file {
-    position: absolute;
-    top: 5px;
-    right: 5px;
-    cursor: pointer; 
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-width: 16px;
-    min-height: 16px;
-    background-color: #FFF;
-    border-radius: 50%;
-  }
-  .text-footer-exclude-file svg {
-    transition: color 200ms;
-    color: #e9594a; 
-  }
-  .text-footer-exclude-file svg:hover {
-    color: #E74C3C; 
-  }
-
-  .file-preview {
-    display: flex;
-    width: 100%;
-    align-items: center;
-    padding: 5px 10px;
-    transition: background-color 150ms;
-  }
-  .file-preview:hover {
-    background-color: rgba(0, 0, 0, .1)
-  }
-
-  .file-title {
-    color: #222;
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    padding: 4px 10px;
-    background-color: #FFF;
-    border-radius: 30px;
-    display: inline-block;
-  }
-  .file-title.red {
-    color: #E74C3C;
-    margin-right: 5px;
-  }
-  .file-title > svg {
-    margin-right: 5px;
-    color: #333;
-  }
-
-  .small-img {
-    flex: 1;
-    margin: 0 15px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-  }
-  .small-img img {
-    height: 40px;
-    cursor: pointer;
-  }
-  .small-img .pdf, .small-img .doc {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 30px;
-  }
-  .small-img .pdf {
-    color: #E74C3C;
-  }
-  .small-img .doc {
-    color: #006bc9;
-  }
-  .small-img .pdf svg, .small-img .doc svg{ 
-    z-index: 1;
-  }
-  .small-img .pdf::after, .small-img .doc::after {
-    content: "";
-    position: absolute;
-    bottom: 2px;
-    transform: translateY(2px);
-    width: 20px;
-    height: 20px;
-    background-color: #FFF;
-  }
-  .img-container {
-    padding: 5px;
-    border-radius: 2.5px;
-    background-color: rgba(0, 0, 0, .15);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .delete-file {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-  }
-  .delete-file > svg {
-    font-size: 16px;
-    color: #E74C3C;
-  }
-
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.3s;
-}
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.files-counter {
-  position: absolute;
-  top: unset;
-  transform: translate(17.5px, -15px);
-  background-color: #888;
-  z-index: 1;
-  font-size: 8px;
-  width: 15px;
-  height: 15px;
-  border-radius: 50%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  opacity: 0.9;
-  transition: all 300ms;
-  color: #fff;
-  font-weight: 900;
-}
-.files-counter:hover {
-  opacity: 1;
-}
-.files-counter-2 {
-  transform: translate(-15px, 28px);
-  opacity: 0.9;
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: #888;
-  font-size: 12.8px;
-}
-.files-counter-2 svg {
-  margin-left: 5px;
-}
-.files-counter-2:hover {
-  opacity: 1;
-  text-decoration: underline;
-}
-
-
-.transition-selects {
-  min-height: 80px;display: flex; flex-direction: column; width: 100%;
-}
-.loader-select {
-  position: relative; min-height: 35px;background: #FFF;width: 100%; border: 1px solid #ccc;border-radius: 5px;z-index: 1;
-}
-.loading-message {
-  background-color: #555!important;
-}
-
-
-.text-footer-actions--btn {
-  position: relative;
-}
-.text-footer-actions--btn > svg:nth-child(1) {
-  font-size: 19.2px;
-}
-.text-footer-actions--btn > svg:nth-child(2) {
-  font-size: 9.6px;
-  position: absolute;
-  transform: translateY(-2px);
-}
-
-
-.multiplos {
-  display: flex;
-}
-.multiplos svg {
-  font-size: 15.2px;
-}
-.multiplos svg.small {
-  font-size: 11.2px !important;
-}
-
-
-.text-footer-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  width: 100%;
-  position: relative;
-}
-.text-footer-container .text-footer {
-  min-height: 48px;
-  box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.45);
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px solid #ccc;
-  padding: 5px 2px 5px 5px;
-  border-radius: 5px;
-}
-.text-footer-container .text-footer.full {
-  width: 100%;
-}
-.text-footer-container .text-footer.almostFull {
-  width: 95%;
-}
-.text-footer-container .text-footer.medium {
-  width: 75%;
-}
-.text-footer-container.bigger .text-footer {
-  height: 80px;
-}
-.text-footer-container.bigger .text-footer > textarea {
-  font-size: 14px;
-  height: 75px;
-  max-height: 75px;
-  min-height: 75px;
-}
-.text-footer-container textarea {
-  margin: 0 5px;
-  border: unset;
-  flex: 1;
-  resize: none;
-  min-height: 30px;
-  max-height: 60px;
-  font-size: 14px;
-  font-family: inherit;
-  background: inherit;
-}
-.text-footer-container textarea:focus {
-  outline: unset;
-}
-.text-footer-container textarea::placeholder {
-  font-size: 12px;
-}
-.text-footer-container .text-footer-audio {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.text-footer-container audio {
-  flex: 1;
-  outline: unset;
-  width: auto;
-  height: 38px;
-}
-.text-footer-container .delete-audio {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: #e74c3c;
-  transition: background 300ms;
-  border-radius: 50%;
-  font-size: 16px;
-  padding: 10px;
-  cursor: pointer;
-  margin: 0 5px;
-  width: 31px;
-  height: 31px;
-}
-.text-footer-container .delete-audio:hover {
-  background-color: rgba(208, 0, 0, 0.2);
-}
-.text-footer-container .max-characters {
-  font-size: 9.2px;
-  z-index: 1;
-  color: #444;
-  position: relative;
-  top: 30px;
-  left: -30px;
-}
-.text-footer-container .max-characters.no-width {
-  width: 0;
-}
-.text-footer-container .text-footer-actions {
-  display: flex;
-}
-.text-footer-container .text-footer-actions.outside-buttons {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  position: absolute;
-  top: -30px;
-  right: 35px;
-  background-color: #fafafa;
-}
-.text-footer-container .text-footer-actions .text-footer-actions--btn {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: #777;
-  border-radius: 50%;
-  transition: background 300ms;
-  padding: 10px;
-  font-size: 16px;
-  width: 36px;
-  height: 36px;
-  cursor: pointer;
-  margin-right: 2.5px;
-}
-.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child {
-  margin-right: unset;
-}
-.text-footer-container .text-footer-actions .text-footer-actions--btn:hover {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated {
-  background-color: rgba(208, 0, 0, 0.7);
-  color: #fff;
-}
-.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button {
-  position: absolute;
-  left: 0;
-}
-.text-footer-container .text-footer-hsm-container {
-  margin: 12px 0 7px 0;
-}
-.text-footer-container .text-footer-hsm-container.full {
-  width: 100%;
-}
-.text-footer-container .text-footer-hsm-container.almostFull {
-  width: 95%;
-}
-.text-footer-container .text-footer-hsm-container.medium {
-  width: 75%;
-}
-.text-footer-container .text-footer-hsm-container .text-footer-v-select {
-  border-radius: 5px;
-  margin-bottom: 5px;
-}
-.text-footer-container .text-footer-hsm-container .text-footer-select-03 {
-  display: flex;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-}
-.text-footer-container
-  .text-footer-hsm-container
-  .text-footer-select-03
-  .text-footer-v-select {
-  flex: 1;
-}
-.text-footer-container
-  .text-footer-hsm-container
-  .text-footer-select-03
-  .text-footer--btn-select-03 {
-  transition-duration: 300ms;
-  user-select: none;
-  cursor: pointer;
-  box-shadow: inset 0 -3px rgba(0, 0, 0, 0.2);
-  opacity: 0.9;
-  border-radius: 2.5px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-left: 5px;
-  margin-bottom: 5px;
-  background-color: #f7fe72;
-  width: 32px;
-  height: 32px;
-}
-.text-footer-container
-  .text-footer-hsm-container
-  .text-footer-select-03
-  .text-footer--btn-select-03:hover {
-  opacity: 1;
-}
-.text-footer-container
-  .text-footer-hsm-container
-  .text-footer-select-03
-  .text-footer--btn-select-03:active {
-  opacity: 1;
-  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
-  -webkit-transform: translateY(1px);
-  -moz-transform: translateY(1px);
-  -o-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-.text-footer-container
-  .text-footer-hsm-container
-  .text-footer-select-03
-  .text-footer--btn-select-03
-  svg {
-  font-size: 16px;
-}
-.text-footer-container .text-footer-files-container {
-  position: absolute;
-  right: 0;
-  top: -55px;
-  padding: 5px;
-  background-color: rgba(0, 0, 0, 0.4);
-  border-radius: 5px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  z-index: 1;
-}
-.text-footer-container .text-footer-files-container.horizontal {
-  right: -55px;
-  flex-direction: column;
-}
-.text-footer-container .text-footer-files-container .files-btn {
-  transition-duration: 300ms;
-  transition-property: opacity;
-  opacity: 0.8;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 10px;
-  padding: 3px;
-  width: 40px;
-  height: 40px;
-  font-size: 16px;
-  color: #fff;
-}
-.text-footer-container .text-footer-files-container .files-btn:hover {
-  opacity: 1;
-}
-.text-footer-container .text-footer-files-container .files-btn svg {
-  color: #fff;
-}
-.text-footer-container .text-footer-files-container .files-btn.images {
-  background-color: #9575cd;
-  margin-right: 5px;
-}
-.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom {
-  margin-right: unset;
-  margin-bottom: 5px;
-}
-.text-footer-container .text-footer-files-container .files-btn.docs {
-  background-color: #7986cb;
-}
-.text-footer-container .text-footer-files-container .files-btn.system {
-  background-color: #49a349;
-  margin-left: 5px;
-}
-.text-footer-container .text-footer-files-container .files-btn.both {
-  font-size: 15.2px;
-  background-color: rgb(85, 85, 236);
-  flex-direction: column;
-}
-.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1) {
-  transform: translateX(5px);
-}
-.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2) {
-  transform: translateX(-5px);
-}
-
-.text-footer-container .text-footer-preview-container {
-  width: 100%;
-  cursor: default;
-  position: absolute;
-  left: 0;
-  background-color: #f1f1f1;
-  border: 2px solid #ccc;
-  border-bottom: unset;
-  border-top-left-radius: 2.5px;
-  border-top-right-radius: 2.5px;
-}
-.text-footer-container .text-footer-preview-container.isDoc {
-  top: -50px;
-  width: 100%;
-  height: 45px;
-}
-.text-footer-container .text-footer-preview-container.isImg,
-.text-footer-container .text-footer-preview-container.isMultiple {
-  top: -205px;
-  width: 100%;
-  height: 200px;
-}
-.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview {
-  height: 170px;
-}
-.text-footer-container .text-footer-preview-container.isError {
-  top: -80px;
-  width: 100%;
-  height: 75px;
-}
-
-.text-footer-container .text-footer-alt {
-  margin-top: -12px;
-  width: 100%;
-  padding: 0 10px;
-}
-.text-footer-container .text-footer-alt .text-footer-out-session {
-  margin-top: 12px;
-}
-.text-footer-container .text-footer-alt .text-footer-sem-24h {
-  font-size: 12.8px;
-  text-align: right;
-  font-weight: 600;
-  letter-spacing: -0.5px;
-  color: #dd7f0c;
-  margin-top: 5px;
-  position: absolute;
-  right: 0;
-}
-.text-footer-container .text-footer-alt .sem-templates {
-  margin-top: 10px;
-  font-size: 12.8px;
-  text-align: right;
-  font-weight: 600;
-  letter-spacing: -0.5px;
-  color: #921e12;
-}
-.text-footer-container .text-footer-alt .text-footer-templates {
-  position: relative;
-  width: 100%;
-}
-.text-footer-container
-  .text-footer-alt
-  .text-footer-templates
-  .text-footer-group-selection {
-  width: 100%;
-  display: flex;
-  align-items: center;
-}
-.text-footer-container
-  .text-footer-alt
-  .text-footer-templates
-  .text-footer-group-selection
-  h4 {
-  margin-right: 5px;
-}
-.text-footer-container
-  .text-footer-alt
-  .text-footer-templates
-  .text-footer-group-selection
-  .sm__select {
-  flex: 1;
-}
-
-.vs__dropdown-menu {
-  font-size: 13.6px !important;
-}
-
-.emoji-mart-anchor,
-.emoji-mart-emoji span {
-  cursor: pointer !important;
-}
-
-.emoji-mart {
-  z-index: 2 !important;
-}
-
-.emoji-mart-scroll {
-  overflow-x: hidden;
-}
-
-
-.tg-container {
-  width: 100%;
-  max-width: 800px;
-  display: flex;
-  flex-direction: column;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-.tg-options {
-  width: 100%;
-  display: flex;
-}
-.tg-options.column {
-  flex-direction: column;
-}
-.tg-options h4 {
-  margin-right: 5px;
-}
-
-.ts-image-type {
-  display: flex;
-  align-items: center;
-}
-
-.ts-image-type img {
-  cursor: pointer;
-}
-
-.ts-image-type svg {
-  font-size: 25px;
-  cursor: pointer;
-}
-
-.ts-image-type .select-image {
-  color: #838383;
-}
-
-.color-red {
-  color: #e74c3c;
-}
-
-.color-blue {
-  color: #007bff;
-}
-
-.color-black {
-  color: #333;
-}
-
-.color-purple {
-  color: #a312a3;
-}
-
-.custom-tooltip-image {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: visible;
-  padding: 5px;
-}
-
-.custom-tooltip-image img {
-  max-width: 75px;
-  max-height: 75px;
-}
-
-.ts-button {
-  background-color: #fff;
-  border-radius: 10px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 3px 15px;
-  transition: background-color 150ms ease-in-out;
-}
-
-.ts-button:hover {
-  background-color: rgb(253, 253, 253);
-}
-
-.tg-select {
-  flex: 1;
-  height: 34px;
-  overflow: hidden;
-}
-.tg-select .vs__dropdown-toggle {
-  background-color: #fff;
-  height: 34px;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-}
-.tg-select .vs__selected-options {
-  height: 34px;
-  overflow: hidden;
-}
-.tg-select .vs__selected-options > span {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  flex: 1;
-}
-
-.vs__dropdown-option.vs__dropdown-option--selected {
-  background-color: rgb(26, 95, 173) !important;
-  color: white;
-}
-
-.vs__dropdown-menu li {
-  padding: 10px 15px;
-}
-
-.vs__dropdown-option {
-  transition: background-color 150ms;
-  white-space: normal;
-}
-.vs__dropdown-option:nth-child(odd) {
-  background-color: #f1f1f1;
-}
-.vs__dropdown-option:hover,
-.vs__dropdown-option:focus,
-.vs__dropdown-option:active,
-.vs__dropdown-option:focus,
-.vs__dropdown-option--selected,
-.vs__dropdown-option--highlight {
-  background-color: #5897fb !important;
-  color: #fff;
-}
-
-.tg-component {
-  width: 100%;
-}
-
-.ts-container {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
-}
-
-.ts-content {
-  --border-color: #ccc;
-  --background-color: #dff0d8;
-  --input-background-color: #fff;
-  --input-border-default: #007bff;
-  --input-border-error: #e74c3c;
-  --placeholder-color: #bbb;
-  --border-radius: 5px;
-
-  flex: 2;
-  font-size: 11.2px;
-  padding: 10px 0;
-  display: flex;
-  flex-direction: column;
-}
-.order-1 {
-  order: 1;
-}
-.custom-box-shadow-bottom {
-  box-shadow: 0px 3px 4px -3px rgba(0, 0, 0, 0.3);
-}
-.custom-border-gray {
-  border: 1px solid var(--border-color) !important;
-}
-.ts-content header,
-.ts-content section,
-.ts-content footer {
-  padding: 3px 5px;
-  background-color: var(--background-color);
-}
-.ts-content header,
-.ts-content section {
-  border-right: 1px solid var(--border-color);
-  border-left: 1px solid var(--border-color);
-}
-.ts-content header {
-  border-top-left-radius: var(--border-radius);
-  border-top-right-radius: var(--border-radius);
-  border-top: 1px solid var(--border-color);
-}
-.ts-content header {
-  font-weight: 550;
-}
-.ts-content section {
-  line-height: 25px;
-}
-.ts-content section.margin-bottom {
-  border-bottom-left-radius: var(--border-radius);
-  border-bottom-right-radius: var(--border-radius);
-  border-bottom: 1px solid var(--border-color);
-}
-.ts-content footer,
-.custom-footer-style {
-  border: 1px solid var(--border-color);
-  border-top: unset;
-  border-bottom-left-radius: var(--border-radius);
-  border-bottom-right-radius: var(--border-radius);
-}
-.ts-content input {
-  border: 1px solid transparent;
-  outline: 0;
-  font-size: 12.8px;
-  padding: 2.5px 5px;
-  background-color: var(--input-background-color);
-}
-.ts-content input::placeholder {
-  color: var(--placeholder-color);
-}
-.ts-content input.active,
-.ts-content input:focus {
-  border: 1px solid var(--input-border-default);
-}
-.ts-content input.invalid {
-  border: 1px solid var(--input-border-error) !important;
-}
-.ts-content__var {
-  display: inline-block;
-  position: relative;
-}
-
-.ts-dropdown {
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 19px;
-  left: 0;
-  background: #eee;
-  width: 100%;
-  z-index: 1;
-  transition: all 150ms;
-  visibility: hidden;
-  opacity: 0;
-  list-style-type: none;
-  border: 1px solid #444;
-  border-top: unset;
-}
-.ts-dropdown li {
-  width: 100%;
-  opacity: 0.9;
-  cursor: pointer;
-  font-weight: 550;
-  padding: 2px 3px;
-  font-size: 12.8px;
-  transition: background-color 150ms;
-}
-.ts-dropdown li:hover,
-.ts-dropdown li:focus-within,
-.ts-dropdown li:focus {
-  opacity: 1;
-  background-color: #555;
-  color: #fff;
-}
-.ts-dropdown.visible {
-  visibility: visible;
-  opacity: 1;
-}
-.tg-btn {
-  width: auto;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.tg-btn button {
-  border: unset;
-  display: block;
-  min-width: 180px;
-  height: 35px;
-  padding: 0 10px;
-  font-weight: 500;
-  background-color: #007bff;
-  color: #fff;
-  transition: transform 300ms ease-in-out;
-  user-select: none;
-  cursor: pointer;
-  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
-  opacity: 0.9;
-  border-radius: 2.5px;
-}
-.tg-btn button > svg {
-  margin-right: 5px;
-  color: #003166;
-}
-.tg-btn button:hover {
-  opacity: 1;
-}
-.tg-btn button:active {
-  opacity: 1;
-  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
-  -webkit-transform: translateY(1px);
-  -moz-transform: translateY(1px);
-  -o-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-.tg-btn button:active {
-  opacity: 1;
-  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
-  -webkit-transform: translateY(1px);
-  -moz-transform: translateY(1px);
-  -o-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-.tg-btn button:focus,
-.tg-btn button:active {
-  outline: 2px solid black;
-}
-.tg-btn.small-btn {
-  width: auto;
-  margin: 0 5px;
-}
-.tg-btn.small-btn svg {
-  margin-right: 0;
-}
-.tg-btn.small-btn button {
-  min-width: 35px;
-  width: 35px;
-  padding: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.tm-container {
-  border: 1px solid var(--border-color);
-  border-radius: 5px;
-  display: flex;
-}
-
-
-.sc-icone-fechar.sc-icone-fechar--externo {
-  top: -10px;
-  right: -10px;
-}
-.sc-icone-fechar.sc-icone-fechar--interno {
-  top: 10px;
-  right: 10px;
-}
-
-.expand-textarea {
-  position: relative;
-  width: 90%;
-  height: 90%;
-  z-index: 1;
-}
-
-.expand-textarea-content {
-  overflow-x: hidden;
-  overflow-y: auto;
-  background-color: #fff;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.expand-textarea-title {
-  padding: 2.5px 8px;
-  min-height: 38px;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  font-size: 20.8px;
-  background-color: #222;
-  color: #fff;
-}
-.expand-textarea-content textarea {
-  padding: 10px;
-  flex: 1;
-  width: 100%;
-  border: unset;
-  resize: none;
-  outline: none;
-  overflow-x: hidden;
-}
-.expand-textarea-content textarea:hover,
-.expand-textarea-content textarea:active {
-  outline: none;
-}
-.expand-textarea-footer {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  padding: 10px;
-  background-color: #f7f7f7;
-  position: relative;
-}
-.expand-textarea-footer .text-footer-preview-container {
-  position: absolute;
-  top: -200px;
-  right: 145px;
-  height: 200px;
-  background: #f7f7f7;
-}
-.expand-textarea-footer .text-footer-actions--btn {
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  background-color: rgba(255, 255, 255, 0);
-  color: #333;
-  padding: 2.5px;
-  margin: 0 15px 0 10px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 20.8px;
-  cursor: pointer;
-  opacity: 0.9;
-  transition: all 300ms;
-}
-.expand-textarea-footer .text-footer-actions--btn:hover {
-  opacity: 1;
-  background-color: rgba(30, 30, 30, 0.1);
-}
-
-.expand-textarea-button {
-  width: 125px;
-  height: 30px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  transition-duration: 300ms;
-  user-select: none;
-  cursor: pointer;
-  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
-  opacity: 0.9;
-  border-radius: 5px;
-
-  padding: 5px 10px;
-  border-radius: 2.5px;
-  position: relative;
-}
-.expand-textarea-button.green {
-  background-color: #2a963a;
-  color: #fff;
-  margin-right: 10px;
-}
-.expand-textarea-button.red {
-  background-color: #e74c3c;
-  color: #fff;
-}
-.expand-textarea-button:hover {
-  opacity: 1;
-}
-.expand-textarea-button:active {
-  opacity: 1;
-  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
-  -webkit-transform: translateY(1px);
-  -moz-transform: translateY(1px);
-  -o-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-.expand-textarea-button.carregando {
-  background-color: #777;
-}
-
-
-  .fade-enter-active, .fade-leave-active {
-    transition: opacity .5s;
-  }
-  .fade-enter, .fade-leave-to {
-    opacity: 0;
-  }
-
-
-.file-item {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-}
-.file-item-transition {
-  max-width: 100%;
-  max-height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-}
-.file-item .req-loader {
-  position: absolute;
-  top: calc(50% - 12.5px);
-  right: calc(50% - 12.5px);
-}
-.file-item-transition img {
-  max-width: 45px;
-  max-height: 45px;
-}
-.file-item a {
-  margin-left: 5px;
-  text-decoration: none;
-  color: #333;
-}
-
-.file-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 30px;
-  cursor: pointer;
-}
-.file-icon:hover {
-  opacity: 1
-}
-.file-icon:visited {
-  color: inherit;
-}
-svg {
-  font-size: 30px;
-  z-index: 1;
-}
-.file-icon.pdf {
-  position: relative;
-}
-.file-icon.pdf svg {
-  color: rgb(231, 76, 60);
-}
-.file-icon.pdf::after {
-  content: "";
-  position: absolute;
-  bottom: 2px;
-  transform: translateY(2px);
-  width: 20px;
-  height: 20px;
-  background-color: #FFF;
-}
-.file-icon.doc {
-  color: #15517F; 
-}
-.file-icon.doc::after {
-  content: "";
-  position: absolute;
-  width: 20px;
-  height: 20px;
-  background-color: #FFF;
-}
-.file-img {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-color: rgba(0, 0, 0, .2);
-  border-radius: 2.5px;
-  cursor: pointer;
-  opacity: .9;
-  transition: opacity 150ms;
-}
-
-.file-img:hover {
-  opacity: 1;
-}
-.file-img img {
-  width: 95%;
-}
-
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 200ms;
-}
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.card-cli,
-.card-ope {
-  display: flex;
-  width: 95%;
-  margin: 5px 0;
-  position: relative;
-}
-.card-cli.newMessage,
-.card-ope.newMessage {
-  margin-top: 30px;
-}
-
-.new-messages {
-  position: absolute;
-  top: -30px;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 2.5px 0;
-  background-color: lighten(#fff249, 15);
-}
-
-.card-cli .card {
-  border-left: 3px solid #90b823;
-}
-
-.card-ope {
-  align-self: flex-end;
-  background-color: lighten(#007535, 72);
-}
-.card-ope .card {
-  border-right: 3px solid #007535;
-}
-
-.card {
-  background-color: rgba(255, 255, 255, 0.9);
-  overflow: hidden;
-  width: 100%;
-  padding: 2.5px 5px;
-}
-.card p {
-  word-break: break-all;
-}
-
-.card-header {
-  width: 100%;
-  border-bottom: 1px solid #ddd;
-  margin-bottom: 5px;
-  display: flex;
-  justify-content: space-between;
-}
-.card-header svg {
-  font-size: 16px;
-}
-
-.card-author {
-  display: flex;
-  align-items: center;
-}
-.card-author svg {
-  margin-right: 5px;
-}
-
-.card-canal {
-  flex: 1;
-  margin-right: 10px;
-}
-
-.card-dates {
-  display: flex;
-  flex-direction: column;
-  margin-right: 10px;
-  font-size: 14.4px;
-}
-
-.card-date {
-  overflow: hidden;
-  display: flex;
-  align-content: center;
-}
-.card-date span {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.card-date svg {
-  margin-right: 5px;
-  color: #232323;
-}
-
-.card-expand {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 2.5px;
-  cursor: pointer;
-  opacity: 0.8;
-  transition: opacity 150ms;
-}
-.card-expand:hover {
-  opacity: 1;
-}
-
-.card-footer {
-  margin-top: 5px;
-  border-top: 1px solid #ddd;
-  display: flex;
-  flex-wrap: wrap;
-  min-height: 25px;
-}
-
-.card-chip {
-  font-size: 12.8px;
-  width: fit-content;
-  border-radius: 15px;
-  transition: all 150ms ease-in-out;
-  padding: 2.5px 7px;
-  color: rgb(31, 105, 193);
-  background-color: rgba(207, 216, 244, 0.6);
-  margin-bottom: 5px;
-}
-.card-chip:hover {
-  background-color: rgba(207, 216, 244, 1);
-}
-.card-chip.orange {
-  color: #e14924;
-  background-color: rgba(228, 92, 58, 0.15);
-}
-.card-chip.orange:hover {
-  background-color: rgba(228, 92, 58, 0.2);
-}
-.card-chip.yellow {
-  color: #f4a304;
-  background-color: rgba(252, 191, 73, 0.15);
-}
-.card-chip.yellow:hover {
-  background-color: rgba(252, 191, 73, 0.2);
-}
-.card-chip.red {
-  color: rgb(231, 76, 60);
-  background-color: rgba(231, 76, 60, 0.2);
-}
-.card-chip.red:hover {
-  background-color: rgba(231, 76, 60, 0.25);
-}
-
-.card-file {
-  width: 60px;
-  height: 50px;
-  margin-right: 5px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.card-reply {
-  cursor: pointer;
-  position: absolute;
-  right: 30px;
-  bottom: 5px;
-  font-size: 9.6px;
-  color: #67a332;
-  width: 14.4px;
-  height: 14.4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  background-color: #fff;
-}
-.card-reply svg {
-  margin-top: -1px;
-  margin-right: -1px;
-}
-
-.card-check {
-  position: absolute;
-  bottom: 5px;
-  right: 5px;
-  cursor: pointer;
-  font-size: 11.2px;
-}
-.card-check svg {
-  font-size: 12.8px;
-}
-.card-check.seen,
-.card-check.seen svg {
-  color: #006daa;
-}
-.card-check.green,
-.card-check.green svg {
-  color: #4f772d;
-}
-.card-check.red,
-.card-check.red svg {
-  color: #ba181b;
-}
-.card-check.gray,
-.card-check.gray svg {
-  color: #999;
-}
-.card-check.black,
-.card-check.black svg {
-  color: #666;
-}
-
-
-  .box-shadow {
-    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-    -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  }
-
-  .interatividade-popup {
-    position: absolute;
-    top: 15px;
-    right: 0;
-    width: 250px;
-    height: auto;
-    max-height: 300px;
-    overflow-y: auto;
-    overflow-x: hidden;
-    background-color: #FFF;
-    border-radius: 15px;
-    color: #333;
-    font-size: 14px;
-  }
-
-  .interatividade-popup-titulo h1 {    
-    padding: 4px 10px;
-    background-color: #333;
-    color: #FFF;
-    font-size: 1.2em;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  .interatividade-popup-titulo h1 svg{
-    color: #E74C3C;
-    cursor: pointer;
-    font-size: .9em;
-  }
-  
-  .interatividade-popup-item {
-    padding: 10px;
-    border-bottom: 1px solid #D7D7D7;
-  }
-
-  .interatividade-popup-item-desc {
-    font-size: .9em;
-    color: #767676;
-  }
-
-
-.divisor-form-info-aditional {
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-}
-.info-aditional {
-  border-bottom: 1px solid #ccc;
-  width: 49%;
-}
-.interatividade-form-header {
-  background-color: #efefef;
-  margin-top: 5px;
-  border-top-right-radius: 10px;
-  border-top-left-radius: 10px;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  justify-content: space-between;
-  display: flex;
-  color: #333;
-  font-weight: 700;
-  font-size: 14.4px;
-}
-.interatividade-form-body {
-  padding: 0px 10px;
-  background: white;
-  border-right: 1px solid rgb(239, 239, 239);
-  border-left: 1px solid rgb(239, 239, 239);
-  border-bottom-left-radius: 10px;
-  border-bottom-right-radius: 10px;
-  padding-bottom: 10px;
-}
-.interatividade {
-  margin: 10px 0;
-}
-.interatividade-titulo-form {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  font-weight: bold;
-  overflow: hidden;
-  max-width: 100%;
-  margin: 0;
-  padding: 0;
-  padding-top: 5px;
-}
-.interatividade-description-form {
-  overflow: hidden;
-  max-width: 100%;
-  margin: 0;
-  padding: 0;
-}
-.text-dark {
-  color: #333;
-}
-.ml-3 {
-  margin-left: 3px;
-}
-.flex-wrap {
-  flex-wrap: wrap;
-}
-.align-items-center {
-  align-items: center;
-}
-.d-flex {
-  display: flex;
-}
-.align-items-end {
-  align-items: flex-end;
-}
-.flex-column {
-  flex-direction: column;
-}
-.text-bold {
-  font-weight: bold;
-}
-.m-5 {
-  margin: 5px;
-}
-.mb-5 {
-  margin-bottom: 5px;
-}
-.mx-5 {
-  margin-left: 5px;
-  margin-right: 5px;
-}
-.cursor-pointer {
-  cursor: pointer;
-}
-.bg-dark-white-2 {
-  background-color: #f7f7f7;
-}
-.border-radius-10 {
-  border-radius: 10px;
-}
-.w-100 {
-  width: 100%;
-}
-.overflow-hidden {
-  overflow: hidden;
-}
-.mt-10 {
-  margin-top: 10px;
-}
-.flex-wrap {
-  flex-wrap: wrap;
-}
-.d-flex {
-  display: flex;
-}
-.p-10 {
-  padding: 10px;
-}
-.mb-5 {
-  margin-bottom: 5px;
-}
-.mb-10 {
-  margin-bottom: 10px;
-}
-.d-flex-center {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.fs-_85 {
-  font-size: 13.6px;
-}
-.text-ellipsis {
-  text-overflow: ellipsis;
-}
-.text-left {
-  text-align: left;
-}
-.text-ellipsis {
-  white-space: nowrap;
-  overflow: hidden;
-}
-.ml-5 {
-  margin-left: 5px;
-}
-.text-shadow {
-  text-shadow: 0 0 #000;
-}
-.justify-content-between {
-  justify-content: space-between;
-}
-.mr-5 {
-  margin-right: 5px;
-}
-
-
-  .fade-enter-active, .fade-leave-active {
-    transition: opacity .5s;
-  }
-  .fade-enter, .fade-leave-to {
-    opacity: 0;
-  }
-
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 200ms;
-}
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.card-cli,
-.card-ope {
-  display: flex;
-  width: 95%;
-  margin: 5px 0;
-  position: relative;
-}
-.card-cli.msgNova,
-.card-ope.msgNova {
-  margin-top: 30px;
-}
-
-.novas-mensagens {
-  position: absolute;
-  top: -30px;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 2.5px 0;
-  background-color: lighten(#fff249, 15);
-}
-
-.card-cli .card {
-  border-left: 3px solid #90b823;
-}
-
-.card-ope {
-  align-self: flex-end;
-  background-color: lighten(#007535, 72);
-}
-.card-ope .card {
-  border-right: 3px solid #007535;
-}
-
-.card {
-  background-color: rgba(255, 255, 255, 0.9);
-  overflow: hidden;
-  width: 100%;
-  padding: 2.5px 5px;
-  border-radius: 7px;
-  box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 3px 0px;
-}
-.card p {
-  word-break: break-all;
-}
-
-.card-header {
-  width: 100%;
-  border-bottom: 1px solid #ddd;
-  margin-bottom: 5px;
-  display: flex;
-  justify-content: space-between;
-  padding: 10px 5px;
-}
-.card-header svg {
-  font-size: 16px;
-}
-
-.card-canal {
-  flex: 1;
-  margin-right: 10px;
-}
-
-.card-datas {
-  display: flex;
-  flex-direction: column;
-  margin-right: 10px;
-  background: rgb(0, 136, 69);
-  padding: 5px 10px;
-  border-top-left-radius: 15px;
-  border-bottom-left-radius: 15px;
-  color: #fff;
-}
-
-.card-right {
-  margin-right: -20px;
-  display: flex;
-  flex-direction: row-reverse;
-  align-items: center;
-}
-.card-data {
-  overflow: hidden;
-  display: flex;
-  align-content: center;
-}
-.card-data span {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.card-data svg {
-  margin-right: 5px;
-  color: #232323;
-}
-
-.card-expand {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 0 10px;
-  cursor: pointer;
-  opacity: 0.8;
-  transition: opacity 150ms;
-}
-.card-expand:hover {
-  opacity: 1;
-}
-
-.card-footer {
-  margin-top: 5px;
-  border-top: 1px solid #ddd;
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.card-chip-container {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-  gap: 5px;
-}
-
-.card-autor {
-  display: flex;
-  align-items: center;
-  margin-right: 10px;
-  overflow: hidden;
-  min-width: 14px;
-  max-width: calc(100% - 215px);
-  gap: 5px;
-}
-
-.card-chip {
-  font-size: 12.8px;
-  width: fit-content;
-  border-radius: 15px;
-  transition: all 150ms ease-in-out;
-  padding: 2.5px 7px;
-  color: rgb(31, 105, 193);
-  background-color: rgba(207, 216, 244, 0.6);
-  margin-bottom: 5px;
-}
-.card-chip:hover {
-  background-color: rgba(207, 216, 244, 1);
-}
-.card-chip.orange {
-  color: #e14924;
-  background-color: rgba(228, 92, 58, 0.15);
-}
-.card-chip.orange:hover {
-  background-color: rgba(228, 92, 58, 0.2);
-}
-.card-chip.yellow {
-  color: #f4a304;
-  background-color: rgba(252, 191, 73, 0.15);
-}
-.card-chip.yellow:hover {
-  background-color: rgba(252, 191, 73, 0.2);
-}
-.card-chip.red {
-  color: rgb(231, 76, 60);
-  background-color: rgba(231, 76, 60, 0.2);
-}
-.card-chip.red:hover {
-  background-color: rgba(231, 76, 60, 0.25);
-}
-.card-chip.green {
-  color: #0e3213;
-  background-color: rgba(15, 177, 39, 0.3);
-}
-.card-chip.green:hover {
-  background-color: rgba(15, 177, 39, 0.4);
-}
-
-.card-anexo {
-  width: 50px;
-  height: 50px;
-  margin-right: 5px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.anexo-item {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-}
-.anexo-item .transition-anexo-item {
-  max-width: 100%;
-  max-height: 100%;
-}
-.anexo-item .req-loader {
-  position: absolute;
-  top: calc(50% - 12.5px);
-  right: calc(50% - 12.5px);
-}
-.anexo-item .transition-anexo-item img {
-  max-width: 45px;
-  max-height: 45px;
-}
-
-.anexo-icone {
-  opacity: 0.9;
-  transition: opacity 200ms;
-  color: #222;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.anexo-icone:hover {
-  opacity: 1;
-}
-.anexo-icone:visited {
-  color: inherit;
-}
-svg {
-  font-size: 30px;
-  z-index: 1;
-}
-.anexo-icone.pdf {
-  position: relative;
-}
-.anexo-icone.pdf svg {
-  color: rgb(231, 76, 60);
-}
-.anexo-icone.pdf::after {
-  content: "";
-  position: absolute;
-  bottom: 2px;
-  transform: translateY(2px);
-  width: 20px;
-  height: 20px;
-  background-color: #fff;
-}
-.anexo-icone.doc {
-  color: #15517f;
-}
-.anexo-icone.doc::after {
-  content: "";
-  position: absolute;
-  width: 20px;
-  height: 20px;
-  background-color: #fff;
-}
-.anexo-img {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-color: rgba(0, 0, 0, 0.2);
-  border-radius: 2.5px;
-  cursor: pointer;
-  opacity: 0.9;
-  transition: opacity 150ms;
-}
-
-.anexo-img:hover {
-  opacity: 1;
-}
-.anexo-img img {
-  width: 95%;
-}
-
-.card-interatividade {
-  display: flex;
-  flex-direction: column;
-  margin-top: 10px;
-  margin-bottom: 5px;
-  font-size: 0.9em;
-}
-
-.card-interatividade-title {
-  font-weight: bold;
-  margin-bottom: 5px;
-}
-
-.card-interatividade-list {
-  margin: 0;
-  padding: 0;
-  font-size: 0.9em;
-}
-
-.card-interatividade-list hr {
-  height: 1px;
-  background-color: #ccc;
-  width: 100%;
-  border: 0;
-}
-
-.card-interatividade-list button {
-  margin-left: 5px;
-  border-radius: 5px;
-  border: unset;
-  cursor: pointer;
-  padding: 5px 10px;
-  background-color: #b5f778;
-}
-
-.card-interatividade-list button:hover {
-  text-decoration: underline;
-}
-
-
-.audio-speed-control {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  margin-left: 10px;
-}
-
-.speed-circle {
-  width: 40px;
-  height: 40px;
-  background-color: #f1f3f4; /* Cor do círculo */
-  border: solid black 1px;
-  color: black;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  font-weight: bold;
-  transition: background-color 0.3s;
-}
-
-.speed-circle.active {
-  background-color: #f1f3f4; /* Cor quando ativo */
-    border: solid blue 1px;
-
-}
-
-
-.tippy-tooltip.light-theme .tippy-backdrop {
-  background-color: #fff;
-}
-
-.tippy-tooltip.light-theme {
-  /* .tippy-box[data-theme~='light'] { */
-  background-color: #fff;
-  border: 1px solid #ccc;
-  color: #333;
-  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
-    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-}
-
-.tippy-confirmation p {
-  margin-bottom: 3px;
-}
-
-.tippy-confirmation button {
-  border: unset;
-  background-color: #f1f1f1;
-  border-radius: 3px;
-  padding: 5px 8px;
-  cursor: pointer;
-  font-size: 12px;
-}
-
-.tippy-confirmation button.cancel {
-  border-bottom: 2px solid red;
-  margin-right: 15px;
-}
-
-.tippy-confirmation button.confirm {
-  border-bottom: 2px solid green;
-}
-
-
-.mensagem__principal .default-doc {
-  background-color: var(--files-bg);
-}
-
-.mensagem__principal .default-doc:hover {
-  background-color: var(--files-bg-hover);
-}
-
-.mensagem__outros .default-doc {
-  background-color: rgba(100, 100, 100, 0.1);
-}
-
-.mensagem__outros .default-doc:hover {
-  background-color: rgba(100, 100, 100, 0.3);
-}
-
-.default-doc:hover p {
-  text-decoration: underline;
-}
-
-.default-doc {
-  display: flex;
-  align-items: center;
-  padding: 10px;
-  border-radius: 5px;
-  width: 100%;
-  max-width: 100%;
-  cursor: pointer;
-  transition: background-color 150ms ease-in-out;
-}
-
-.default-doc svg {
-  font-size: 19.2px;
-  margin-right: 5px;
-}
-
-.default-doc p {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.file-actions {
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-  padding: 5px;
-}
-
-.file-actions a {
-  margin-right: 0;
-}
-
-.mensagem__principal .file-action-button {
-  background-color: var(--files-bg);
-}
-
-.mensagem__outros .file-action-button {
-  background-color: rgba(100, 100, 100, 0.1);
-}
-
-.mensagem__principal .file-action-button:hover {
-  background-color: var(--files-bg-hover);
-}
-
-.mensagem__outros .file-action-button:hover {
-  background-color: rgba(100, 100, 100, 0.3);
-}
-
-.file-action-button {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-left: 12px;
-  cursor: pointer;
-  padding: 5px;
-  border-radius: 5px;
-  transition: background-color 150ms ease-in-out;
-}
-
-.file-action-button a {
-  margin: 0;
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.5s;
-}
-
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.mensagem-div-anexo {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.anexo-container {
-  width: 100%;
-  margin-top: 5px;
-  overflow: hidden;
-  display: flex;
-  max-height: 300px;
-}
-
-.anexo-container a,
-.anexo-container .arquivo-erro {
-  padding: 10px 15px 15px 15px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.anexo-container p {
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.anexo-container p,
-.anexo-container .arquivo-erro {
-  margin: 0;
-  margin-left: 15px;
-  font-size: 14.4px;
-}
-
-.anexo-container svg {
-  font-size: 32px;
-}
-
-.anexo-mensagem audio .divAudioPai {
-  outline: none;
-  width: 100%;
-  margin-bottom: 5px;
-}
-.audioStyle {
-  width: 370px;
-}
-
-.divAudioPai {
-  display: flex;
-  /* justify-content: space-between; */
-  background-color: #f1f3f4;
-  border-radius: 50%;
-  width: 100%;
-  border-bottom-right-radius: 26px;
-  border-top-right-radius: 26px;
-}
-
-.anexo-mensagem video {
-  flex: 1;
-  width: 100%;
-  max-width: 350px;
-  cursor: pointer;
-  margin-bottom: 5px;
-}
-
-.anexos-links-container {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.anexos-links-container a {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  margin-right: 5px;
-  font-weight: 550;
-  color: inherit;
-  text-decoration: none;
-}
-
-.anexos-links-container svg {
-  cursor: pointer;
-}
-
-.mensagem-div-anexo img {
-  cursor: pointer;
-  margin: 10px 0;
-  min-width: 35px;
-  width: 100%;
-  max-width: 250px;
-}
-
-.anexo-transition {
-  width: 100%;
-  height: 100%;
-}
-
-.anexo-mensagem {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  width: 100%;
-}
-
-.alert-danger {
-  color: #721c24;
-  background-color: #f8d7da;
-  border-color: #f5c6cb;
-}
-
-.alert {
-  position: relative;
-  padding: 10.4px 19.2px;
-  margin: 5px 0;
-  border: 1px solid transparent;
-  border-radius: 4px;
-  text-align: center;
-}
-
-.alert svg {
-  font-size: 1.025em;
-  margin-right: 2px;
-}
-
-.pdf {
-  color: #e74c3c;
-}
-
-.doc {
-  color: #006bc9;
-}
-
-
-.interatividade-btn {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: #fff;
-  color: #111b21;
-  padding: 10px 12px;
-  border-radius: 5px;
-  margin-bottom: 10px;
-}
-.interatividade-btn:nth-child(1) {
-  margin-top: 10px;
-}
-.interatividade-titulo {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  max-width: 100%;
-  margin: 0;
-  padding: 0;
-}
-
-.interatividade-lista {
-  width: 100%;
-  min-width: 200px;
-  border-radius: 15px;
-  background-color: #fff;
-  color: #333;
-  margin: 10px 0;
-}
-
-.interatividade-lista-conteudo {
-  padding: 10px;
-  border-bottom: 1px solid #d7d7d7;
-}
-.interatividade-lista-titulo {
-  font-weight: bold;
-  font-size: 1.2em;
-  margin-bottom: 10px;
-}
-.interatividade-lista-rodape {
-  color: #818181;
-  margin-top: 5px;
-}
-.interatividade-lista-link {
-  width: 100%;
-  text-align: center;
-  padding: 10px;
-  color: rgb(0, 110, 255);
-  cursor: pointer;
-  transition: color 200ms ease-in-out;
-}
-.interatividade-lista-link:hover {
-  color: rgb(0, 98, 143);
-}
-
-
-.link-preview {
-  display: flex;
-  flex-direction: column;
-  background-color: #eee;
-  color: #333;
-  cursor: pointer;
-  margin: 5px 0;
-  border-radius: 5px;
-  opacity: 0.95;
-  transition: opacity 300ms ease-in-out;
-  font-size: 13.6px;
-}
-
-.link-preview-image {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 1px;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-}
-
-.link-preview-author {
-  margin: 5px;
-  font-size: 0.615em;
-  font-weight: bold;
-}
-.link-preview-author.mb-0 {
-  margin-bottom: 0;
-}
-.link-preview-author h1 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.link-preview-image img {
-  min-width: 100px;
-  max-width: 200px;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-}
-
-.link-preview-infos {
-  background-color: #2626261a;
-  padding: 5px;
-  margin: 5px;
-  font-size: 0.83em;
-  border-radius: 5px;
-}
-
-.link-preview:hover {
-  opacity: 1;
-}
-.link-preview:hover .link-preview-infos p {
-  text-decoration: underline;
-}
-
-
-:root {
-  --message-color: #373737;
-  --text-color: #fff;
-  --files-bg: rgba(255, 255, 255, 0.1);
-  --files-bg-hover: rgba(255, 255, 255, 0.1);
-
-  --light: 80;
-  --threshold: 60;
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.5s;
-}
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.mensagem-reply {
-  padding: 5px 10px;
-  font-size: 12px;
-  color: #666;
-  transition: background-color 150ms ease-in-out;
-  border-radius: 5px;
-  margin: 5px 0;
-  overflow: hidden;
-  max-width: 100%;
-}
-.mensagem-reply p {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.message-reply-principal {
-  border-left: 3px solid transparent;
-  background-color: rgba(100, 100, 100, 0.1);
-}
-.message-reply-principal:hover {
-  background-color: rgba(100, 100, 100, 0.2);
-}
-
-.message-reply-outros {
-  background-color: rgb(245, 245, 245);
-  border-left: 3px solid var(--message-color);
-}
-.message-reply-outros:hover {
-  background-color: rgb(235, 235, 235);
-}
-
-.mensagem-reply-vazia {
-  display: flex;
-  align-items: center;
-}
-.mensagem-reply-vazia svg {
-  margin-right: 5px;
-  color: #ba181b;
-}
-
-.mensagem {
-  padding: 20px 7px 14px 7px;
-  border-radius: 5px;
-  min-width: 150px;
-  min-height: 60px;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  position: relative;
-  max-width: 80%;
-  margin-bottom: 10px;
-  font-size: 12px;
-  word-break: break-word;
-
-  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
-    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-}
-.mensagem.max-w-60 {
-  max-width: 60%;
-}
-.mensagem.mapa {
-  width: 100%;
-}
-.mensagem.hist-msg {
-  animation: show 1s;
-}
-.mensagem a {
-  margin-right: 5px;
-  font-weight: 550;
-  color: inherit;
-  text-decoration: none;
-}
-.mensagem a:hover {
-  text-decoration: underline;
-}
-.message p {
-  white-space: pre-wrap;
-}
-.mensagem:hover .menu-primario {
-  visibility: visible;
-  opacity: 1;
-}
-
-.mensagem-anexo a,
-.mensagem-div-mapa a {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.reply {
-  cursor: pointer;
-  position: absolute;
-  right: 53px;
-  bottom: 5px;
-  font-size: 9.6px;
-  color: #67a332;
-  width: 14.4px;
-  height: 14.4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  background-color: #fff;
-}
-.reply svg {
-  margin-top: -1px;
-  margin-right: -1px;
-}
-.reply-with-2-icons {
-  right: 30px;
-}
-
-.check {
-  cursor: pointer;
-  position: absolute;
-  right: 10px;
-  bottom: 2px;
-  font-size: 11.2px;
-}
-.check.visualizado,
-.check.visualizado svg {
-  color: #006daa;
-}
-.check.verde,
-.check.verde svg {
-  color: #4f772d;
-}
-.check.vermelho,
-.check.vermelho svg {
-  color: #ba181b;
-}
-.check.cinza,
-.check.cinza svg {
-  color: #999;
-}
-.check.preto,
-.check.preto svg {
-  color: #666;
-}
-.star {
-  cursor: pointer;
-  position: absolute;
-  right: 30px;
-  bottom: 2px;
-  font-size: 6.4px;
-  width: 11.2px;
-}
-.default-stick-size {
-  width: 180px;
-  height: auto;
-}
-.horario-envio {
-  margin-right: 15px;
-  font-size: 11.2px;
-  position: absolute;
-  left: 10px;
-  bottom: 2px;
-}
-
-.autor-mensagem {
-  position: absolute;
-  font-size: 9.6px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  max-width: 90%;
-  font-weight: bold;
-  top: 2px;
-}
-
-.menu-primario {
-  visibility: hidden;
-  opacity: 0;
-  transition: opacity 150ms ease-in-out;
-  position: absolute;
-  font-size: 11.2px;
-  top: 3px;
-  display: flex;
-  gap: 5px;
-  padding: 2px 4px;
-}
-.menu-primario.principal {
-  left: 4px;
-  color: var(--text-color);
-  background-color: var(--message-color);
-}
-.menu-primario.outros {
-  right: 4px;
-  color: var(--text-color);
-  background-color: #fff;
-}
-
-.menu-primario.outros > span:nth-child(1) {
-  order: 10;
-}
-
-.menu-mensagem {
-  cursor: pointer;
-  padding: 1px;
-}
-
-.menu-flutuante {
-  background-color: #fff;
-  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
-    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 10px;
-  position: absolute;
-  top: 20px;
-  width: 120px;
-  min-height: 50px;
-  height: 50px;
-  max-height: 50px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  z-index: 1;
-}
-
-.menu-flutuante.principal {
-  left: 3px;
-}
-
-.menu-flutuante.outros {
-  right: 3px;
-}
-
-.menu-flutuante li {
-  transition: background-color 300ms ease-in-out;
-  width: 100%;
-  cursor: pointer;
-  padding: 5px 10px;
-  display: flex;
-  align-items: center;
-}
-
-.menu-flutuante li:hover {
-  background-color: #e9e9e9;
-}
-
-/* Principal */
-.mensagem__principal {
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-}
-.mensagem__principal > .mensagem::after {
-  content: "";
-  width: 0;
-  height: 0;
-  position: absolute;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-top: 10px solid var(--message-color);
-  bottom: 5px;
-  right: -10px;
-  transform: rotate(-90deg);
-}
-.mensagem__principal > .mensagem {
-  background-color: var(--message-color);
-  color: var(--text-color);
-}
-
-.mensagem__principal > .mensagem .horario-envio {
-  color: var(--text-color);
-}
-.mensagem__principal > .mensagem .autor-mensagem {
-  right: 5px;
-  color: var(--text-color);
-}
-/* Outros */
-.mensagem__outros {
-  width: 100%;
-  display: flex;
-}
-.mensagem__outros > .mensagem {
-  background-color: #fff;
-  color: #333;
-}
-.mensagem__outros > .mensagem::after {
-  content: "";
-  width: 0;
-  height: 0;
-  position: absolute;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-top: 10px solid #fff;
-  bottom: 5px;
-  left: -10px;
-  transform: rotate(90deg);
-}
-/* .mensagem__outros .check{
-    display: none
-  } */
-.mensagem__outros > .autor-mensagem {
-  left: 5px;
-  color: #333;
-}
-/* Mapa */
-.mensagem-div-mapa {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  margin-bottom: 5px;
-}
-
-.msg-mapa {
-  width: 100%;
-  min-height: 225px;
-  height: 100%;
-  box-sizing: initial;
-}
-.msg-mapa img {
-  max-width: none !important;
-}
-
-.info-mapa {
-  list-style-type: none;
-}
-.info-mapa li.title {
-  font-size: 0.85em;
-}
-.info-mapa li.address,
-.info-mapa li.url {
-  font-size: 0.85em;
-}
-.info-mapa li.url {
-  font-size: 0.85em;
-}
-
-.tooltip-list {
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-}
-
-.emoji-message-container {
-  position: absolute;
-  top: 0;
-  z-index: 1;
-  width: 300px;
-  height: 250px;
-}
-/* .emoji-message-container {
-  z-index: 1;
-  overflow: hidden;
-  width: 300px;
-  height: 250px;
-
-  >.sm-emoji-picker {
-    position: relative;
-    width: 300px;
-    height: 250px;
-  }
-}
-
-.mensagem .reaction {
-  $size: 1.8em;
-  width: $size;
-  height: $size;
-  min-width: $size;
-  min-height: $size;
-  max-width: $size;
-  max-height: $size;
-} */
-
-.emoji-message-container .sm-emoji-picker {
-  width: 300px;
-  height: 250px;
-}
-.emoji-message-container .sm-emoji-picker .sm-emoji-header {
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-
-.reaction {
-  position: absolute;
-  bottom: 0;
-  border-radius: 50%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: rgba(100, 100, 100, 0.4);
-  padding: 5px;
-  font-size: 1.3em;
-  min-width: 1.8em;
-  min-height: 1.8em;
-  max-width: 1.8em;
-  max-height: 1.8em;
-}
-
-.reaction > span {
-  display: block;
-  transform: translateY(-1px);
-}
-
-.mensagem__outros .reaction {
-  right: -30px;
-}
-
-.mensagem__principal .reaction {
-  left: -30px;
-}
-
-
-.simple-btn--icon.custom > span {
-  width: 20px;
-  height: 20px;
-}
-
-
-.default-btn-style {
-  transition-duration: 300ms;
-  user-select: none;
-  cursor: pointer;
-  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
-  opacity: .9;
-  border-radius: 5px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 5px;
-  cursor: pointer;
-  min-height: 28px;
-}
-.default-btn-style:hover{
-  opacity: 1;
-}
-.default-btn-style:active{
-  opacity: 1;
-  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
-  -webkit-transform: translateY(1px);
-  -moz-transform: translateY(1px);
-  -o-transform: translateY(1px);
-  -ms-transform: translateY(1px);
-  transform: translateY(1px);
-}
-
-.simple-btn {
-  position: relative;
-}
-
-.simple-btn--icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 5px;
-}
-.simple-btn--icon.custom {
-  min-width: 25px;
-}
-
-.simple-btn--text {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.icon-container {
-  position: absolute;
-  left: -15px;
-  padding: 5px;
-  width: 40px;
-  height: 40px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-} 
-.icon-container svg {
-  color: rgba(255, 255, 255, .5);
-  width: 23px;
-  height: 23px;
-}
-
-
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.3s;
-}
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-}
-
-
-.btn-rolagem {
-  position: absolute;
-  bottom: 10px;
-  right: 20px;
-}
-.btn-rolagem.higher {
-  bottom: 36px;
-}
-.btn-rolagem svg {
-  font-size: 38.4px;
-  color: #757575;
-  transition-duration: 300ms;
-  transition-property: opacity;
-  opacity: 0.8;
-  cursor: pointer;
-}
-.btn-rolagem svg:hover {
-  opacity: 1;
-}
-.sinalizar-msg-nova {
-  position: absolute;
-  top: -10px;
-  left: -10px;
-  background-color: #4f772d;
-  width: 12.5px;
-  height: 12.5px;
-  border-radius: 50%;
-  animation-name: blink;
-  animation-duration: 1000ms;
-  animation-direction: alternate;
-  animation-iteration-count: infinite;
-}
-
-@keyframes blink {
-  from {
-    opacity: 0.8 - 0.1;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-
-.mr-5 {
-  margin-right: 5px;
-}
-.anexo-img {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-color: rgba(0, 0, 0, .2);
-  border-radius: 2.5px;
-  cursor: pointer;
-  opacity: .9;
-  transition: opacity 150ms;
-}
-.anexo-img:hover {
-  opacity: 1;
-}
-.anexo-img img {
-  width: 95%;
-  max-height: 50px;
-}
-.box-shadow {
-  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-}
-.anexo-icone {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 30px;
-  cursor: pointer;
-}
-.anexo-icone:hover {
-  opacity: 1
-}
-.anexo-icone:visited {
-  color: inherit;
-}
-.anexo-icone.pdf {
-  position: relative;
-}
-.anexo-icone.pdf svg {
-  color: rgb(231, 76, 60);
-}
-.anexo-icone.pdf::after {
-  content: "";
-  position: absolute;
-  bottom: 2px;
-  transform: translateY(2px);
-  width: 20px;
-  height: 20px;
-}
-.anexo-icone.doc {
-  color: #15517F; 
-}
-.anexo-icone.doc::after {
-  content: "";
-  position: absolute;
-  width: 20px;
-  height: 20px;
-}
-.align-items-center {
-  align-items: center;
-}
-.flex-wrap {
-  flex-wrap: wrap;
-}
-.d-flex {
-  display: flex;
-}
-.mb-5 {
-    margin-bottom: 5px;
-}
-.mx-5 {
-    margin-left: 5px;
-    margin-right: 5px;
-}
-
-
-    .w-100 {
-        width: 100%;
-    }
-    .text-dark {
-        color: #333
-    }
-    .min-h-60 {
-        min-height: 60px;
-    }
-    .d-flex {
-        display: flex;
-    }
-    .flex-wrap {
-        flex-wrap: wrap;
-    }
-    .border-bottom-1 {
-        border-bottom: 1px solid;
-    }
-    .border-color-gray {
-        border-color: #CCC
-    }
-    .transition-150 {
-        transition: all 150ms ease-in-out;
-    }
-    .cursor-pointer {
-        cursor: pointer;
-    }
-    .justify-content-between {
-        justify-content: space-between;
-    }
-    .align-items-center {
-        align-items: center;
-    }
-    .align-self-start {
-        align-self: flex-start;
-    }
-    .border-radius-round {
-        border-radius: 50%!important;
-    }
-    .w-36px {
-        width: 36px;
-    }
-    .h-36px {
-        height: 36px;
-    }
-    .border-1 {
-        border: 1px solid;
-    }
-    .mr-10 {
-        margin-right: 10px;
-    }
-    .flex-column {
-        display: flex;
-        flex-direction: column
-    }
-    .text-bold {
-        font-weight: bold;
-    }
-    .fs-_9 {
-        font-size: 14.4px;
-    }
-    .fs-_8 {
-        font-size: 12.8px;
-    }
-    .text-gray {
-        color: gray;
-    }
-    .p-15 {
-        padding: 15px;
-    }
-    .text-ellipsis{
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden
-    }
-    .d-flex-center{
-        display: flex;
-        justify-content: center;
-        align-items: center
-    }