@font-face {
  font-family: 'Twemoji Mozilla';
  src: url('../../../fonts/twemoji-mozilla.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Color Emoji';
  src: url('../../../fonts/noto-color-emoji.ttf') format('truetype');
}

body {
  background-color: #f2f2f2;
  font-family: Arial,  sans-serif, Noto Color Emoji, Twemoji Mozilla;
}

emoji-picker {
  --emoji-font-family: 'Noto Color Emoji', 'Twemoji Mozilla';
}

/* For WebKit-based browsers (Chrome, Safari) */
body::-webkit-scrollbar {
  width: 10px; /* Change this value to adjust the width */
}

body::-webkit-scrollbar-thumb {
  background-color: #ddd; /* You can set the color of the scrollbar thumb */
}

td.nowrap{
  white-space: nowrap;
}
th.nowrap{
  white-space: nowrap;
}


.loader {
  margin-top: 20px;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #1b9a59b3;
  border-bottom: 5px solid #1b9a59b3;
  border-left: 5px solid #1b9a59b3;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.loader.error {
  border-color: #f9e0e1;
  border-top-color: #ea6467;
  border-bottom-color: #ea6467;
  border-left-color: #ea6467;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.chat-user-img.em-atendimento .user-status {
  background-color: limegreen !important;
}

.chat-user-img.pendente .user-status {
  background-color: red !important;
}

.table-user-transferencia .text-left {
  text-align: left !important;
}

.display-none {
  display: none !important;
}

.table-action {
  width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-status-false td {
  text-decoration: line-through;
  color: #CCCCCC !important;
}

.table-status-false a {
  text-decoration: none !important;
}

.notifyjs-corner,
.notifyjs-corner * {
  z-index: 20000 !important;
}

.table-green-wp > thead > tr > th{
    background: rgb(236 236 236);
    color: #333;
}

.table-green-wp > tbody > tr > td{
  background:#fff;
}

@media (min-width: 992px) {
  .layout-wrapper {
    align-items: flex-start;
  }

  .layout-wrapper > .side-menu,
  .layout-wrapper > .chat-leftsidebar {
    position: sticky;
    top: 0;
    align-self: flex-start;
  }

  #page-content {
    min-height: 100vh;
  }
}

/*# sourceMappingURL=styles.css.map */