.button-choice-period-date-container {
  display: flex;
  flex-direction: column;

  min-width: 100px;
  padding-top: 8px;

  border-left: solid 1px rgb(148 148 148);

  .button-choice-period-date {
    cursor: pointer;

    max-width: 80%;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;

    font-size: 12px;
    color: rgb(148 148 148);
  }

  .input-choice-period-date {
    cursor: pointer;

    z-index: 1000;

    max-width: 80%;
    height: 20px;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;

    font-size: 12px;

    opacity: 0;
  }

  .choice-period-label {
    cursor: pointer;

    position: relative;
    bottom: 16px;

    max-width: 80%;
    margin: 0;
    padding-left: 15px;

    font-size: 12px;
    color: rgb(148 148 148);
  }
}

.input {
  &::placeholder {
    color: var(--wiki-placeholder-color);
  }
}

.node-executors {
  display: block;
  max-width: 300px;
}

.add-executors {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  min-height: 60px;
  margin: 10px 0;

  & span {
    padding: 7px 20px;
    color: black;
    background: #c0c0c0;
    border-radius: 5px;
  }
}

.checkboxes {
  margin-bottom: 10;
}

.checkbox {
  display: block;
}