.projects-setting {
  width: 100%;

  .error-msg {
    color: var(--alert);
  }

  table {
    width: inherit;
  }

  th {
    padding: 8px;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
  }

  tr td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }

  .action-buttons {
    .delete-btn {
      background-color: #cb1117;
      color: white;
      padding: 6px 8px;
      &:hover {
        background-color: var(--alert-dark);
      }
    }
    .edit-btn {
      gap: 6px;
      margin-right: 4px;
    }
    .save-btn {
      margin-right: 4px;
      background-color: var(--secondary);
      &:hover {
        background-color: var(--secondary-dark);
      }
    }
  }
  .add-btn {
    margin: 15px 0;
    background-color: var(--secondary);
    border: none;
    &:hover {
      background-color: var(--secondary-dark);
    }
  }
  input {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #555555;
    padding: 6px 12px;
    &:focus {
      border-color: #fdde3f;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(253, 222, 63, 0.6);
      outline: none;
    }
  }

  @media (max-width: 1054px) {
    .action-buttons {
      span {
        display: none;
      }
    }
  }
}
