body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ededed;
  margin: 0;
  padding-bottom: 60px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
}

button:focus {
  outline: none !important;
}

.choices__list.choices__list--single .choices__item.choices__item--selectable {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.choices__list.choices__list--single .choices__item.choices__item--selectable[data-deletable] {
  padding-right: 2em;
}

.formio-form .green .card-header {
  background-color: #abebc6 !important;
}

.formio-form .green .card-body {
  background-color: #deffec;
}

.formio-form .yellow .card-header {
  background-color: #f7dc6f !important;
}

.formio-form .yellow .card-body {
  background-color: #fcf3cf;
}

.formio-form .red .card-header {
  background-color: #f1948a !important;
}

.formio-form .red .card-body {
  background-color: #fadbd8;
}

.formio-form .purple .card-header {
  background-color: #bb8fce !important;
}

.formio-form .purple .card-body {
  background-color: #e8daef;
}

.formio-form .blue .card-header {
  background-color: #3498db !important;
}

.formio-form .blue .card-body {
  background-color: #d6eaf8;
}

.formio-form .light-red .card-header {
  background-color: #ffe6e6 !important;
}

.formio-form .light-red .card-body {
  background-color: #fcf5f5;
}

.formio-form .orange .card-header {
  background-color: #ff944d !important;
}

.formio-form .orange .card-body {
  background-color: #ffc299;
}

.formio-form .General-Information .card-header {
  background-color: #abebc6 !important;
}

.formio-form .General-Information .card-body {
  background-color: #deffec;
}

.formio-form .General-Information .Risk-Level .card-header {
  background-color: #abebc6 !important;
}

.formio-form .General-Information .Risk-Level .card-body {
  background-color: #deffec;
}

.formio-form .Lock-Tag-Try .card-header {
  background-color: #f7dc6f !important;
}

.formio-form .Lock-Tag-Try .card-body {
  background-color: #fcf3cf;
}

.formio-form .Hot-Work .card-header {
  background-color: #f1948a !important;
}

.formio-form .Hot-Work .card-body {
  background-color: #fadbd8;
}

.formio-form .Electrical .card-header {
  background-color: #bb8fce !important;
}

.formio-form .Electrical .card-body {
  background-color: #e8daef;
}

.formio-form .Special-Instructions .card-header {
  background-color: #abebc6 !important;
}

.formio-form .Special-Instructions .card-body {
  background-color: #deffec;
}

.formio-form .Confined-Space .card-header {
  background-color: #3498db !important;
}

.formio-form .Confined-Space .card-body {
  background-color: #d6eaf8;
}

.formio-form .ApproveButton div.checkbox label.form-check-label input.form-check-input {
  visibility: hidden;
}

.formio-form .ApproveButton div.checkbox label.form-check-label span:hover {
  background-color: #ff6060;
}

.formio-form .ApproveButton div.checkbox label.form-check-label span {
  cursor: pointer;
  color: #fff;
  background: #ff8080;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .375rem .75rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: flex;
}

.formio-form .ApproveButton div.checkbox label.form-check-label input:checked + span {
  background: #008040 !important;
}

.formio-form .ApproveButton div.checkbox label.form-check-label input:disabled + span {
  opacity: .65;
  cursor: initial;
}

.sitemap-pointer-link {
  color: var(--primary);
}

.sitemap-pointer-link:hover {
  cursor: pointer;
  text-decoration: underline;
}

.terminalsDeviationRequired {
  font-weight: bolder;
}

.deenergizedElectricalPanel .bg-info {
  background-color: #c576f6 !important;
}

.energizedElectricalPanel .bg-danger {
  background-color: #ff5c5c !important;
}

.uploadFileCss a {
  color: var(--primary) !important;
}

.uploadFileCss a:hover {
  cursor: pointer !important;
  text-decoration: underline !important;
}

.ErrorTextColor {
  color: red;
}

