/**
 * @author Thomas Kleinke
 */

language-settings {
  display: block;
  margin-bottom: 30px;

  .list-group {
    border: 1px solid rgba(0, 0, 0, 0.125);
    max-height: 210px;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: grab;

    &.dragging {
      cursor: grabbing;
    }
  }

  .list-group-item {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    border: none !important;
  }

  .language-info {
    margin-left: 3px;
    cursor: default;

    &:before {
      line-height: initial;
    }
  }

  .cdk-drag-handle {
    display: inline-block;
    width: calc(100% - 40px);
    height: 40px;

    &.large-drag-handle {
      width: 100%;
    }
  }

  .drag-placeholder {
    min-height: 40px;
    border: none !important;
    cursor: grabbing;
  }

  #add-language {
    left: 50%;
    transform: translate(-20px, -21px);
    z-index: 1001;

    &.dragging {
      pointer-events: none;
    }
  }

  .remove-language {
    float: right;
    height: 40px;
    margin: 0;
    color: #dc3545 !important;
    border: none !important;
    background-color: white;

    .mdi {
      position: relative;
      top: 2px;
    }
  }
}

li.cdk-drag-preview {
  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-left: none;
  border-right: none;
  border-radius: 0 !important;
  height: initial;
  line-height: initial;

  .language-label {
    position: relative;
    bottom: 2px;
  }

  .language-info {
    margin-left: 3px;
  }

  .priority,
  .remove-language {
    display: none;
  }
}

.main-language {
  font-weight: bold;
}