:root {
  --price-1: #ff9999;
  --price-2: #ffcc33;
  --price-3: #ffff99;
  --price-4: #ffcc99;
  --price-5: #66ccff;
  --price-6: #ccffff;
}

.price-1 {
  background: var(--price-1) !important;
}

.price-2 {
  background: var(--price-2) !important;
}

.price-3 {
  background: var(--price-3) !important;
}

.price-4 {
  background: var(--price-4) !important;
}

.price-5 {
  background: var(--price-5) !important;
}

.price-6 {
  background: var(--price-6) !important;
}

.channel-1 {
  color: #0d6efd;
}

.channel-2 {
  color: #198754;
}

.channel-3 {
  color: #fd7e14;
}

.channel-4 {
  color: #6610f2;
}

.dataTable td {
  vertical-align: middle;
  white-space: nowrap;
}

.dataTable td:nth-last-child(2) {
  white-space: normal;
}

#modalCampInput .modal-body,
#modalPostInput .modal-body {
  padding: 0;
}

#modalCampInput iframe,
#modalPostInput iframe {
  display: block;
  width: 100%;
  height: calc(100vh - 240px);
}

#settingSchedule .lv {
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  overflow: hidden;
}

#settingSchedule .lv label {
  flex: 1;
  padding: .3em 0;
}

.quill .ql-container {
  background: #fff;
  font-family: inherit;
  font-size: inherit;
}

.quill-body {
  background: #fff;
  padding: 1rem;
}

.quill-body p {
  margin: 0;
}

.quill-body img {
  max-width: 100%;
}