button:focus {
  outline: none;
}

label {
  margin-bottom: 4px;
}

input[type="text"],
textarea {
  padding: 8px 12px;
  background-color: #ffffff;
  border: 1px solid rgba(66, 90, 112, 0.14);
  box-sizing: border-box;
  box-shadow: inset 0px 1px 2px rgba(67, 90, 111, 0.2);
  border-radius: 3px;
}

button, .btn {
  white-space: nowrap;
  text-decoration: none;
  padding: 10px 16px;
  box-sizing: border-box;
  box-shadow: inset 0px -1px 1px rgba(67, 90, 111, 0.2);
  border-radius: 3px;
}

button.default,
.btn.default {
  color: inherit;
  background: linear-gradient(360deg, #f4f5f7 0%, #ffffff 100%), #ffffff;
  border: 1px solid rgba(67, 90, 111, 0.14);
}

button.outlined,
.btn.outlined {
  background-color: #ffffff;
  color: #1070ca;
  border: 1px solid currentColor;
}

button.primary,
.btn.primary {
  color: #ffffff;
  background: linear-gradient(360deg, #116ab8 0%, #0788de 100%);
  border: 1px solid rgba(67, 90, 111, 0.14);
}

.text-blue {
  color: #1070ca;
}

.align-items-end {
  align-items: flex-end;
}

.justify-content-between {
  justify-content: space-between;
}

.flex {
  display: flex;
}

.space {
  gap: 24px;
}

.block {
  display: block;
}

.loading {
  display: flex;
  justify-content: center;
}

.w-full {
  width: 100%;
}

.program-list {
  margin-top: 2em;
  max-height: 24em;
  overflow-y: auto;
}

.list {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

.list .content {
  align-items: center;
  padding: 16px 32px;
  background-color: #ffffff;
  box-shadow: 0px 0px 1px rgba(67, 90, 111, 0.415);
  border-radius: 5px;
  transition: all .3 ease-in;
}

.list label.content {
  cursor: pointer;
}

.list .content:hover {
  background-color: #f6f9fd;
}

.list .content.active {
  background-color: #f6f9fd;
}

.list .content .price {
  margin-left: auto;
}

.list .content .action {
  width: 112px;
  display: flex;
  justify-content: flex-end;
}

.list .content table {
  border-collapse: separate;
  border-spacing: 1rem;
}

.list .content table td,
table td * {
  vertical-align: top;
}

table td:last-child {
  text-align: right;
}

.hidden {
  display: none;
}