/* assets/css/style.css */
.dt-avatar {
  width: 50px;
  height: 50px;
  border-radius: 15%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  cursor: pointer;
}
.dt-avatar:hover {
  transform: scale(4);
  z-index: 1000;
  position: relative;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .3);
}
.toast {
  opacity: 1 !important;
}
.toast-success {
  background-color: #28a745 !important;
  color: #fff !important;
}
.toast-error {
  background-color: #dc3545 !important;
  color: #fff !important;
}
.toast-info {
  background-color: #17a2b8 !important;
  color: #fff !important;
}
#toast-container > div {
  opacity: 1 !important;
}
.fill {
  background-image: url(/build/fondo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
html {
  height: 100%;
}
.notification-item {
  white-space: normal !important;
  width: 350px;
}
.notification-message {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}