/* BILLingsly upcoming due dates and reminder choices */
.dueReminderButtons{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
.dueReminderButtons button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  min-height:44px!important;
  padding:9px 8px!important;
  line-height:1.2!important;
}
.dueReminderButtons .reminderCheck{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #53627a;
  border-radius:5px;
  background:#0d1522;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.dueReminderButtons button.activeReminder .reminderCheck{
  border-color:#46c996;
  background:#16845f;
}
@media(max-width:620px){
  .dueReminderButtons{grid-template-columns:1fr!important}
  .dueReminderButtons button{justify-content:flex-start!important;padding:10px 12px!important}
}
.saveReminderPattern{
  width:100%!important;
  min-height:42px!important;
  margin:10px 0 0!important;
  padding:10px 14px!important;
  border:1px solid #43b98b!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#13845f,#19a878)!important;
  color:#fff!important;
  font-weight:900!important;
}
.saveReminderPattern:disabled{opacity:.7!important;cursor:wait!important}
.dueReminderStatus.savedReminderStatus{color:#8de2ba!important}
.dueReminderStatus.unsavedReminderStatus{color:#e7c36d!important}
.dueReminderAlertBanner{
  display:grid;
  gap:5px;
  margin:0 0 12px;
  padding:13px 14px;
  border:1px solid #42bd8b;
  border-radius:12px;
  background:#123126;
  color:#d9ffef;
}
.dueReminderAlertBanner b{font-size:14px}
.dueReminderAlertBanner span{font-size:12px;color:#b9ead4}