.center {
    display: block;
    margin: 0 auto;
}
/* The Modal (background) */
.modalbox {
  display: block;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 10px; /* Location of the box */
  padding-bottom: 10px; /* Location of the box */
  padding-right: 0px;
  right: 5px;
  top: 5px;
  width: 300px; /* Full width */
  overflow: auto; /* Enable scroll if needed */
  background-color: white; /* Fallback color */
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  box-shadow: 0 4px 9px #444444;
  font-family: Arial;
  font-size: 14px;
  cursor: pointer;
  z-index: 99;
}

@-moz-document url-prefix() {
.modalbox {   
	/* height: 245px; */
}
}

/* Modal Content */
.modal-contentbox {
  background-color: #fefefe;
  margin: auto;
  padding: 5px;
  width: 95%;
}

/* The Close Button */
.closebox {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  z-index: 100; /* Sit on top */
  position: absolute;
  top: 10px;
  right: 20px;
}

.closebox:hover,
.closebox:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modaladdbutton {
background:    #4d90fe;
background:    linear-gradient(#4d90fe, #3c7eeb);
border-radius: 4px;
padding:       10px 32px;
color:         #ffffff;
display:       inline-block;
font:          normal bold 14px/1 Arial, sans-serif;
text-align:    center;
width: 100%;
border: none;
cursor: pointer;
}

.modaladdbutton:active {
background:#156dff;
}

.modaladdbutton:hover {
background:  #458bff;
}