/* Color system */
:root{
  --dw-primary:#20AE80;
  --dw-black:#000000;
  --dw-white:#ffffff;
  --dw-red:#E31B23;
}
.btn-primary,
.bg-primary { background-color: var(--dw-primary) !important; border-color: var(--dw-primary) !important; }
.btn-outline-danger { color: var(--dw-red) !important; border-color: var(--dw-red) !important; }
.btn-outline-danger:hover { background: var(--dw-red) !important; color: var(--dw-white) !important; }

.card { border: 1px solid #edf0f3; border-radius: 16px; }
.card .card-header { border-bottom: 1px solid #eef2f5; }
.card .card-footer { border-top: 1px solid #eef2f5; }

.dw-forums .card-title a:hover{ color: var(--dw-primary); }
.dw-comment-content p{ margin-bottom: .5rem; }
.dw-msg{ margin-bottom: .6rem; }
.dw-bubble{ max-width: 80%; padding: .6rem .8rem; border-radius: 12px; background: #f5f7f9; }
.dw-msg.justify-content-end .dw-bubble{ background: #eafff7; border: 1px solid #d6f6eb; }
.alert-warning{ background: #fff6e5; border-color: #ffe6b3; color:#8a6d3b; }
.alert-info{ background: #e7f5ff; border-color: #cfe9ff; color:#0b5394; }