/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.mg-modal{ position:fixed; width:100%; height:100vh; z-index: 999999999; background-color:rgba(0,0,0,.25); display: flex; align-items: center; justify-content:center; font-size:12px; }
.mg-modal-content{ background-color: #fff; padding:20px; width:800px; max-height:80vh; overflow-x: scroll; position:relative; }
.mg-modal-content .form{ margin-top:20px; padding-top:20px; border-top:1px solid rgba(0,0,0,.35); }
.mg-modal-content .form h1{ font-family: 'Arial', sans-serif; }
.mg-modal-content .form .notification{ margin-bottom:10px; }
.mg-modal-content .form .notification h3{ font-family: 'Arial', sans-serif; font-size:22px; font-weight:600; }
.mg-modal-content .form .notification h3 span{ font-weight: 300; }
.mg-modal-content .form .notification p{ font-family: 'Arial', sans-serif; font-size:14px; }
.mg-modal-content .form .notification p span{ font-family:'Courier', monospace; }
.mg-modal-content .close-modal{ position: absolute; right:10px; top:10px; color:rgba(0,0,0,1); }
.mg-modal-content .close-modal:hover{ color:rgba(0,0,0,.87); }