.modal{display:none;position:fixed;z-index:10;padding-top:136px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;background-color:#1c1c1cb3}.modal-content{position:relative;max-width:600px;background-color:#fefefe;margin:auto;padding:0;padding-top:40px;padding-left:60px;padding-right:60px;padding-bottom:40px;border:1px solid #888;width:40%;-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19);border-radius:10px;box-shadow:3px 3px 5px 1px rgba(0,0,0,0.1)}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.secondary-modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;padding-top:25px;padding-left:20px;padding-right:20px;padding-bottom:30px;border:1px solid #888;width:40%;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19);border-radius:10px;box-shadow:3px 3px 5px 1px rgba(0,0,0,0.8);display:none}.close{color:black;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:red;text-decoration:none;cursor:pointer}.modal-header{padding:2px 16px;background-color:#ffffff;color:black;border-radius:10px 10px 0px;padding-bottom:18px}.modal-body{padding:2px 16px}.modal-body-success{padding:2px 16px;text-align:center}.modal-footer{padding:2px 0px;padding-top:22px;background-color:#ffffff;color:#535050;border-radius:0px 0px 10px 10px;text-align:center}.mailbox-img{width:40%;height:auto}.modal-title{padding-bottom:18px}