font-style: italic;
}
+@media (min-width: 768px) {
+ .message .card-header:before {
+ content: "";
+ border-color: transparent;
+ border-right-color: #ddd;
+ border-style: solid solid outset;
+ border-width: 10px;
+ height: 0;
+ width: 0;
+ margin-left: -40px;
+ top: calc(1rem - 1px);
+ position: absolute;
+ }
+ .message .card:before {
+ content: "";
+ border-color: transparent;
+ border-right-color: #f8f9fa;
+ border-style: solid solid outset;
+ border-width: 9px;
+ height: 0;
+ width: 0;
+ left: -18px;
+ top: 1rem;
+ position: absolute;
+ z-index: 10;
+ }
+}
+
.message .from .address {
font-weight: bold;
}