.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.modal-header{padding:2px 16px;background-color:#172b6b;color:#fff}.modal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff}.close{color:#172b6b;float:right;font-size:28px;font-weight:bold;padding:0 6px 0 4px}.close:hover,.close:focus{color:#fff;background-color:#172b6b;text-decoration:none;cursor:pointer}