.layout-paragraphs-field {
  .layout-paragraphs-actions {
    z-index: 1000;

    input{
      &.layout-paragraphs-edit {
        text-indent: 17px;
        background-size: contain;
        min-width: 63px;
        max-width: 75px;
      }
      &.layout-paragraphs-remove {
        text-indent: 17px;
        background-size: contain;
        min-width: 83px;
      }
    }
  }
  
  .layout-paragraphs-item {
    border: 1px solid #999999;
    
    .layout-paragraphs-disabled-items & {
      border: 1px solid #999999;
    }

    &:hover > label.paragraph-type-label, &:hover > label.paragraph-layout-label {
      opacity: .25;
      transition: all .5s ease;
    }

    label.paragraph-type-label {
      color: white;
      background-color: #ffa00e;
      border: none;
      padding: .1em 1em;
      right: unset;
      bottom: unset;
      top: 0;
      left: 50%;
      font-style: normal;
      transform: translateX(-50%);
      @include font-awesome-icon($fa-var-cube,'regular','before');
      &:before {
        
      }
      &:hover {
        font-style: italic;
      }
    }

    label.paragraph-layout-label {
      color: white;
      background-color: #5d749c;
      border: none;
      padding: .1em 1em;
      right: unset;
      bottom: unset;
      top: 0;
      left: 50%;
      font-style: normal;
      transform: translateX(-50%);
      @include font-awesome-icon($fa-var-th-large,'regular','before');
      &:before {
        
      }
      &:hover {
        font-style: italic;
      }
    }
  }
  
  .layout-paragraphs-layout {
    border: 1px solid #5d749c;
    &:hover {
      border-color: #495b7a;
    }
  }
  
  .layout-paragraphs-layout-region {
    border: 1px dotted #ffa00e;
    &:hover {
      border-color: #d9880c;
    }
  }
  
  .field--label-inline {
    display: table;
    margin-bottom: .5em;
    
    .field__label {
      display: table-cell;
      font-weight: bold;
      margin-right: 1em;
      padding-right: .5rem;
      color: #999999;
      width: 89px;
      vertical-align: top;
    }
    .field__item {
      display: table-cell;
      vertical-align: top;
      *:first-child {
        margin-top: 0;
      }
    }
  }
  
  

}


.field--widget-layout-paragraphs [role='dialog'] {
  top: 50% !important;
  left: 50% !important;
  width: 1024px !important;
  transform: translate(-50%,-50%);
}
