openfoodnetwork/app/webpacker/css/admin/order_cycles.scss

form.order_cycle {
  margin-bottom: 5em;
}

#schedule-dialog {
  table {
    border: none;

    tr {
      &:hover {
        td {
          background: none;
        }
      }

      td {
        border: none;
      }

      #add-remove-buttons {
        width: 10%;
        height: 200px;
        max-height: 300px;

        a.button {
          display: block;
          width: 100%;
          margin-bottom: 10px;
          color: #ffffff;
          font-size: 1em;
        }
      }
      #available-order-cycles,
      #selected-order-cycles {
        text-align: left;
        width: 40%;
        height: 200px;
        max-height: 300px;

        .order-cycles {
          display: block;
          border: 1px solid #dddddd;
          height: 100%;
          width: 100%;
          overflow-x: hidden;
          overflow-y: scroll;

          .order-cycle {
            padding: 8px 5px;
            cursor: pointer;

            &.selected {
              background-color: #b9d1e9;
            }

            &:hover {
              background-color: $pale-blue;
            }
          }
        }
      }
    }
  }
}

#linked-schedule-warning-modal {
  .reveal-modal {
    width: 28rem;
    
    .content {
      display: flex;
      flex-direction: column;
      gap: 2rem;
      
      .modal-body {
        display: flex;
        flex-direction: column;
        gap: 1rem;
      }

      .modal-actions {
        gap: 1rem;
      }
    }
  }
}