.material-symbols-outlined:before {
  color: white;
  position: absolute;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.timeline-checkbox {
  color: white;
  border-radius: 50%;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
}

.a.material-symbols-outlined:before {
  content: "A";
}

.g.material-symbols-outlined:before {
  content: "G";
}

.i.material-symbols-outlined:before {
  content: "G";
}

.d.material-symbols-outlined:before {
  content: "D";
}

.f.material-symbols-outlined:before {
  content: "D";
}

.c.material-symbols-outlined:before {
  content: "C";
}

.n.material-symbols-outlined:before {
  content: "N";
}

.rz-checkbox-list-vertical .rz-checkbox {
  display: flex;
  align-items: center;
  margin: var(--rz-checkbox-margin);
  cursor: pointer;
}

.rz-checkbox-list-horizontal .rz-checkbox {
  display: inline-flex;
  align-items: center;
}

.timeline .rz-timeline-item i {
  font-variation-settings: "FILL" 1, "GRAD" var(--rz-icon-grade), "opsz" 20;
}
.timeline .rz-timeline-item:hover {
  background-color: #f60;
}
.timeline .rz-timeline-item:hover .rz-timeline-axis .rz-timeline-point {
  background-color: #f60;
}
.timeline.print .timeline-icon {
  font-variation-settings: "FILL" 1, "GRAD" var(--rz-icon-grade), "opsz" 20;
}
.timeline.print .rz-text-body1 {
  margin-bottom: 0;
}
.timeline.print :not(.timestamp) p, .timeline.print :not(.timestamp) label {
  font-size: 0.75rem;
}
.timeline.print .timestamp p, .timeline.print .timestamp label {
  font-size: 0.65rem;
}

.tl-actions {
  background-color: #3ba5fc;
  color: #fff;
}

.rz-timeline-point-secondary {
  color: #3ba5fc;
  background-color: #fff;
}

.tl-occurrences {
  background-color: #d64d42;
  color: #fff;
}

.rz-timeline-point-primary {
  color: #d64d42;
  background-color: #fff;
}

.tl-messages {
  background-color: #f9777f;
  color: #fff;
}

.rz-timeline-point-danger {
  color: #f9777f;
  background-color: #fff;
}

.tl-notes {
  background-color: #5dbf74;
  color: #fff;
}

.rz-timeline-point-success {
  color: #5dbf74;
  background-color: #fff;
}

.tl-events {
  background-color: #fac152;
  color: #fff;
}

.rz-timeline-point-warning {
  color: #fac152;
  background-color: #fff;
}

.tl-calls {
  background-color: #2cc8c8;
  color: #fff;
}

.rz-timeline-point-info {
  color: #2cc8c8;
  background-color: #fff;
}