.modal {display:none;position:fixed;z-index:9999;right:0;top:0;overflow:auto;background-color: rgb(0,0,0);background-color:rgba(0,0,0,0.4);-webkit-animation-name:fadeIn;-webkit-animation-duration:0.4s;animation-name:fadeIn;animation-duration:0.4s;}
.modal-button {position:fixed;z-index:9999;right:0;bottom:0;width:350px;overflow:auto;}
.modal-button button { border-color:rgba(161,1,1,1);width: 230px;background-color:rgba(161,1,1,1);color:#ffffff;border-radius: 5px 5px 0 0;padding:5px 0;float:right;}
.modal-content {position:fixed;bottom:0;right:0;z-index:9999;background-color:#fefefe;width:350px;-webkit-animation-name:slideIn;-webkit-animation-duration:0.4s;animation-name:slideIn;animation-duration:0.4s;border-radius:5px 5px 0 0;border-color:rgba(161,1,1,1);}
.close {color:white;float:right;font-size:28px;font-weight:bold;}
.close:hover,.close:focus {color:#fff;text-decoration:none;cursor:pointer;}
.modal-header {padding:10px 16px;background-color:rgba(161,1,1,1);color:white;z-index:9999;border-radius:5px 5px 0 0;border-color:rgba(161,1,1,1);}
.modal-body {padding: 2px 16px;background-color:#f0f0f0;z-index: 9999;}
.modal-body label { font-size:14px; }
@-webkit-keyframes slideIn {from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1}}
@keyframes slideIn {from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1}}
@-webkit-keyframes fadeIn {from {opacity: 0} to {opacity: 1}}
@keyframes fadeIn {from {opacity: 0} to {opacity: 1}}