.ukep {
  margin: 20px 0 28px;
  padding: 20px 24px 16px;
  border: 1px solid #ccc;
  background: #fafafa;
}
.ukep h2 {
  margin: 0 0 16px;
  font-size: 17px;
}
.ukep h3 {
  margin: 20px 0 12px;
  font-size: 16px;
}
.ukep p,
.ukep label {
  display: block;
  width: 100%;
  margin: 0 0 14px;
}
.ukep label {
  margin-bottom: 6px;
}
.ukep select {
  display: block;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 10px 0 16px;
}
.ukep-actions {
  margin-top: 18px;
}
.ukep-actions .btn {
  margin: 0 8px 8px 0;
}
.ukep-alert {
  color: #a94442;
  white-space: pre-line;
}
.ukep-ok {
  color: #3c763d;
}
.ukep-note {
  font-weight: bold;
}
.ukep-table {
  width: 100%;
  max-width: 720px;
  background: #fff;
  border-collapse: collapse;
  margin: 8px 0 12px;
}
.ukep-table th,
.ukep-table td {
  padding: 8px;
  border: 1px solid #ccc;
  text-align: left;
  background: #fff;
}
.ukep-table th {
  background: #eee;
}
.ukep-badge {
  display: inline-block;
  padding: 2px 8px;
  background: #eee;
}
.ukep-signed { background: #dff0d8; }
.ukep-error { background: #f2dede; }
.ukep-annulled { background: #fcf8e3; }
.ukep-sides {
  width: 100%;
  max-width: 720px;
  border-spacing: 12px 0;
}
.ukep-side {
  width: 50%;
  vertical-align: top;
  padding: 12px;
  border: 1px solid #ccc;
  background: #fff;
}
.ukep-dialog {
  max-width: 480px;
  margin-top: 12px;
  padding: 16px;
  border: 1px solid #ccc;
  background: #fff;
}
.ukep-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.35);
}
.ukep-modal-dialog {
  width: 420px;
  max-width: calc(100% - 32px);
  margin: 120px auto 0;
  padding: 16px;
  background: #fff;
  border: 1px solid #ccc;
}
.ukep-modal-dialog p {
  margin: 0 0 12px;
}
.ukep-locked {
  padding: 8px 12px;
  background: #eee;
  border: 1px solid #ccc;
}