/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/app/admin/missing-quittances/missing-quittances.global.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.quittance-modal {
  align-items: center;
  background: rgba(0, 0, 0, .5);
  box-sizing: border-box;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity .2s ease;
  visibility: hidden;
  width: 100vw;
  z-index: 1050;
}

.quittance-modal.show {
  display: flex !important;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.quittance-modal-dialog {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
  max-height: 90vh;
  overflow-y: auto;
  width: 650px;
}

.quittance-modal .modal-header {
  align-items: center;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-radius: 8px 8px 0 0;
  display: flex;
  justify-content: space-between;
  padding: 14px 18px;
}

.quittance-modal .modal-title {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

.quittance-modal .modal-body { padding: 18px; }

.quittance-modal .modal-footer {
  background: #f5f5f5;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #ddd;
  padding: 14px 18px;
  text-align: right;
}

.quittance-modal .danger-copy {
  background: #f8ecec;
  border-left: 4px solid #a94442;
  padding: 12px 14px;
}

.quittance-modal .confirmation-points {
  line-height: 1.7;
  margin-top: 16px;
}

.generation-view .job-card {
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 18px;
}

.generation-view .job-card::after {
  clear: both;
  content: '';
  display: table;
}

.generation-view .job-card .job-icon {
  background: #c4d500;
  border-radius: 50%;
  color: #3c3c3c;
  float: left;
  font-size: 25px;
  height: 58px;
  padding-top: 15px;
  text-align: center;
  width: 58px;
}

.generation-view .job-card .job-copy { margin-left: 75px; }
.generation-view .job-card h3 { font-size: 18px; margin: 0 0 7px; }

.generation-view .timeline {
  border-left: 2px solid #ddd;
  margin: 18px 0 0 20px;
  padding-left: 22px;
}

.generation-view .timeline-item {
  padding: 0 0 18px;
  position: relative;
}

.generation-view .timeline-item::before {
  background: #c4d500;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #aaa;
  content: '';
  height: 12px;
  left: -29px;
  position: absolute;
  top: 3px;
  width: 12px;
}

.generation-view .timeline-item.future { color: #999; }
.generation-view .timeline-item.future::before { background: #ddd; }