.castorcito-edit-name {
  float: right;
  margin-top: -25px !important;
  position: relative;
}

.castorcito-form--fields > .form-item input {
  padding: 4px 8px;
  font-size: var(--font-size-s);
  font-weight: bold;
  background: #ebe9e9;
  max-width: 40%;
  min-height: calc(((var(--input-padding-vertical) + var(--input-border-size))* 1) + var(--input-line-height));
}

.castorcito-field-container .castorcito-edit-name {
  margin-top: -3.75rem !important;
  margin-right: 2.5rem;
}

.castorcito-field-container .castorcito-form--fields > .form-item > label {
  display: none;
}

.castorcito-form,
.castorcito-container {
  padding: 0 30px;
}

.castorcito-container--add-item button {
  margin-left: 8px;
}

.castorcito--drag {
  align-items: center;
  display: flex;
}

.castorcito--drag > a {
  width: 5%;
  display: flex;
  height: 3rem;
  margin-left: -1.5rem;
  justify-content: center;
  padding-left: 0.5rem;
}

.castorcito--drag .claro-details {
  width: 100%;
  position: relative;
}

.castorcito-form-container .claro-details__summary {
  display: flex;
  justify-content: space-between;
}

.castorcito--more-operations {
  position: absolute;
  right: 20px;
  top: 5px;
}

.castorcito--more-operations:hover .castorcito--more-options {
  display: block;
}

.castorcito--more-operations:hover > button {
  border: var(--tabs--focus-height) solid var(--color-focus);
  border-radius: var(--tabs-border-radius-size);
  box-shadow: none;
  padding-right: 0;
}

.castorcito--drag .castorcito--more-operations {
  right: 26px;
}

.castorcito--more-operations > button {
  border-inline-start: none;
  cursor: pointer;
  position: relative;
  right: 0;
  height: 40px;
  width: 40px;
  z-index: 1;
}

.castorcito--more-options {
  background-color: #f0f0f0;
  box-shadow: 0px 0px 2px 0px #9f9f9f;
  display: none;
  position: absolute;
  right: 0;
  top: 30px;
  width: max-content;
  z-index: 2;
}

.castorcito--more-options button {
  color: #55565b;
  cursor: pointer;
  font-size: 13px;
  min-width: 100px;
  padding: 8px 12px;
  text-align: left;
  width: 100%;
}

.castorcito--more-options button:hover {
  background-color: #e1e1e1;
}

.castorcito--more-operations .message,
.claro-details__summary .message {
  background: #f0f0f0;
  border-radius: 0;
  border: 1px solid #f0f0f0;
  display: none;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 30px;
  transform: translateX(0);
  width: max-content;
  z-index: 2;
}

.castorcito--more-operations .message:hover,
.claro-details__summary .message:hover {
  color: #000;
}

.castorcito--more-operations .message.show,
.claro-details__summary .message.show {
  display: block;
}

.drag-previous {
  background-color: var(--table-row--last-dragged-bg-color);
}

.castorcito-field-container .tabledrag-handle {
  box-sizing: border-box;
  height: 45px;
  padding-top: 13px;
  width: 5% !important;
}

.castorcito-field-container .tabledrag-handle::after {
  margin-inline-start: 0;
}

@media (max-width: 775px) {
  .castorcito--drag > a {
    margin-left: -0.5rem;
  }
}
