body {
  font-family: 'Roboto' !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: 0em !important;
  margin: 0px !important;
}

body {
  overflow-x: auto; /* Giữ thanh cuộn ngang nếu có */
  overflow-y: hidden; /* Ẩn thanh cuộn dọc */
}

/* Ẩn thanh cuộn dọc trong WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  display: none;
}

/* Ẩn thanh cuộn dọc trong Firefox */
body {
  scrollbar-width: none;
}

/* Ẩn thanh cuộn dọc trong IE và Edge cũ */
body {
  -ms-overflow-style: none;
}

.clamp-line-1 {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clamp-line-2 {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clamp-line-3 {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layout-container-login {
  background-image: url(/images/login/background-login-nghean.png);
  background-size: cover;
}
.vertical-layout .orgchart {
  flex-direction: column;
}

/* Drag and drop css */
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.droppable {
  background-color: #ffffff;
  border: 2px dashed #ccc;
  border-radius: 4px;
  width: 300px;
  min-height: 400px;
  padding: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.draggable {
  margin: 8px 0;
}

.item {
  width: 100px;
  height: 100px;
  margin: 10px;
  background-color: lightblue;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  font-weight: bold;
  color: white;
}

pre {
  white-space: pre-wrap; /* Cho phép xuống dòng tự động */
  word-wrap: break-word; /* Ngắt từ nếu quá dài */
  word-break: break-word; /* Hỗ trợ ngắt từ ở các trình duyệt cũ */
}
.tox-statusbar {
  display: none !important;
}

.bubble {
  font-size: 18px;
  line-height: 24px;
  width: 300px;
  background: #fff;
  border-radius: 16px;
  padding: 16px;
  color: #000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.bubble-bottom-left:before {
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 24px solid #fff;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
  border-bottom: 20px solid transparent;
  left: 32px;
  bottom: -24px;
}

.address-petition {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* Drag and drop css */

.dragging-helper {
  opacity: 1 !important; /* Đảm bảo phần tử đang kéo hiển thị */
  visibility: visible !important;
}


@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

@-webkit-keyframes nod {
  0%,
  100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-15deg);
  }
}

@keyframes nod {
  0%,
  100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-15deg);
  }
}

@keyframes fade-in-out {
  0% {
    opacity: 0;
    display: none;
  }
  20% {
    opacity: 1;
    display: block;
  } /* Hiện lên */
  70% {
    opacity: 1;
    display: block;
  } /* Duy trì hiện */
  100% {
    opacity: 0;
    display: none;
  } /* Mờ dần */
}
text.pieTitleText{
  fill: #FFF !important;
  font-size: 18px;
}
h1{
  line-height: 36px;
}