#m-ac-overlay {
  background-color: rgba(0,0,0,0.8);
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 10010;
  display: none;
  position: fixed;
}
#m-alert,
#m-confirm,
#m-info {
  position:fixed;
  width:500px;
  max-width:100%;
  min-height:200px;
  max-height:100%;
  left:calc(50% - 250px);
  top:calc(50% - 100px);
  border-radius:5px;
  z-index:10030;
  background-color:#fff;
  padding:15px;
  display: none;
}
#m-alert {
  border: 1px solid #dc3545;
}
#m-confirm {
  border: 1px solid #007bff;
}
#m-info {
  border: 1px solid #28a745;
}
#m-alert .m-alert-icon,
#m-confirm .m-confirm-icon,
#m-info .m-info-icon {
  max-width: 100px;
  width: 20%;
}
#m-alert .m-alert-icon svg,
#m-confirm .m-confirm-icon svg,
#m-info .m-info-icon svg {
  width:100%;
}
#m-alert #m-alert-text,
#m-confirm #m-confirm-text,
#m-info #m-info-text {
  margin:0;
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left:15px;
  width: 80%;
  max-height:30vh;
  overflow-y:auto;
  white-space: pre-line;
  word-break: break-word;
}
#m-alert .m-alert-footer,
#m-confirm .m-confirm-footer,
#m-info .m-info-footer {
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid #ccc;
  text-align:right;
}
#m-confirm-ok,
#m-info-ok {
  width:200px;
}
#m-confirm-ok,
#m-info-ok,
#m-confirm-cancel {
  min-width:5rem;
}



@media (max-width: 424px) {
  #m-alert, #m-confirm, #m-info {
    width: 96vw;
    left: 2vw;
    padding: .5rem;
    min-height: auto;
  }
  #m-alert .m-alert-icon, #m-confirm .m-confirm-icon, #m-info .m-info-icon {
    width:15%;
  }
  #m-alert #m-alert-text, #m-confirm #m-confirm-text, #m-info #m-info-text {
    width:85%;
  }
  #m-confirm-cancel.w-25,
  #m-alert-ok.w-25,
  #m-info-ok.w-25,
  #m-confirm-ok,
  #m-info-ok {
    width:auto !important;
  }
}