@import "../../public/assets/material-design/materialdesignicons";

.delete-button {
  margin-left: auto; /* Pushes the button to the far right in a flex container */
  display: flex;
  align-items: center;
  cursor: pointer;
}

.p-list-item {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  margin: 5px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f9f9f9;
}

.draggable-item {
  @extend .p-list-item;
  cursor: grab;
  
  &.readonly {
    cursor: default;
    background: #f0f0f0;
    border-color: #e0e0e0;
    opacity: 0.9;
    
    &:hover {
      background-color: #e8e8e8;
      box-shadow: none;
    }
  }
}

.prvi {
  .mr-1 {
    margin-right: 0.25rem !important;
  }
  .text-right {
    text-align: right;
  }

  .text-left {
    text-align: left;
  }

  .text-center {
    text-align: center;
  }
}