#modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
 z-index: 10010;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#modal-background  {
  display: none;
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 z-index: 10000;
}


#modal.styled {
  width: 500px;
  background: #fff;
  padding: 0 14px;
}

#modal.styled p {
  text-align: center;
  margin: 30px 0;
}


.dummy-text {
  margin: 50px;
}

.modal-pad ul li {display: inline-block; height: 83px; overflow: hidden;}
.modal-pad ul li h1 {font-family: 'Amplitude-Medium', sans-serif; font-size: 18px; padding-left: 14px; padding-top: 7px;}
.modal-pad img {width: 80px; height: 80px; margin-bottom: 20px;}
.modal-pad { padding: 20px; position: relative;}
a#close-modal   { position: absolute; right: 17px; top: 13px;}



.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
height: 50px;
}


.btn-success {
color: #fff;
background-color: #5cb85c;
border: 0;
width: 100px;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-warning {
color: #fff;
background-color: #f0ad4e;
border: 0;
width: 100px;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}