h1 {
  font-size: 20px;
}
h2 {
  font-size: 16px;
}

.ui-alert {
  background: #eee;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fdfdfd),
    to(#eee)
  );
  background-image: -webkit-linear-gradient(top, #fdfdfd, #eee);
  background-image: -moz-linear-gradient(top, #fdfdfd, #eee);
  background-image: -ms-linear-gradient(top, #fdfdfd, #eee);
  background-image: -o-linear-gradient(top, #fdfdfd, #eee);
  background-image: linear-gradient(top, #fdfdfd, #eee);
  border: 1px solid #ccc;
  color: #444;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  padding: 0.6em 10px;
}
.ui-alert-warning {
  background-color: #fcf8e3;
  background-image: none;
  border: 1px solid #fbeed5;
  color: #c09853;
}
.ui-alert-error {
  background-color: #f2dede;
  background-image: none;
  border-color: #eed3d7;
  color: #b94a48;
}
.ui-alert-success {
  background-color: #dff0d8;
  background-image: none;
  border-color: #d6e9c6;
  color: #468847;
}
.ui-alert-info {
  background-color: #d9edf7;
  background-image: none;
  border-color: #bce8f1;
  color: #3a87ad;
}

table th {
  text-align: left;
}

/* Remove box-shadow from jQuery mobile to improve performance on older devices */

.ui-overlay-shadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-shadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow,
.ui-bar-c .ui-shadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-shadow-inset {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-icon-shadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-focus,
.ui-btn:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-loader-verbose {
  box-shadow: none;
}
.flow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

/* Remove the negative top margin on list views
   that causes overlap with form elements above */
.ui-content .ui-listview,
.ui-panel-inner > .ui-listview {
  margin-top: 1em;
  margin-bottom: 1em;
}

.signature {
  border: 1px solid #ddd;
  border-radius: 0.3125em;
  background-color: white;
}

.signature-lightbox {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 1rem;
}

.signature-lightbox-content-wrapper {
  height: 100%;
  width: 100%;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hide {
  display: none;
}

.signature-preview {
  margin-top: 0.5em;
  border: 1px solid #ddd;
  border-radius: 0.3125em;
  background-color: white;
  width: 100%;
}

.signature-preview[src=""] {
  display: none;
}

/* Form validation */

form span.error,
form label.error {
  color: red;
}

form .highlightError {
  color: red;
}