body {
  cursor: default;
  font-size: 13px;
}

.container {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -webkit-box;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

.dialog {
  background: white;
  min-height: 225px;
  min-width: 350px;
  padding: 0;
  position: relative;
}

.dialog h1 {
  background: -webkit-linear-gradient(white, #F8F8F8);
  border-bottom: 1px solid rgba(188, 193, 208, .5);
  color: #53637d;
  font-size: 105%;
  font-weight: bold;
  margin: 0;
  padding: 10px 15px 8px 15px;
  text-shadow: white 0 1px 2px;
  width: 320px;
}

.content-area {
  padding: 10px 15px 5px 15px;
  width: 320px;
}

.action-area {
  -webkit-box-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: end;
  display: -webkit-box;
  padding: 12px;
}

html[dir='rtl'] .action-area {
  left: 0;
}

.action-area-right {
  display: -webkit-box;
}

.button-strip {
  -webkit-box-orient: horizontal;
  display: -webkit-box;
}

.button-strip > button {
  -webkit-margin-start: 10px;
  display: block;
}