@import '../_stylesheets/stylesheets.manifest.scss';

.bb-translations__loading-spinner,
.bb-edit-language__loading-spinner {
  .loader-service-new {
    height: 150px;
    background: transparent;
  }
}

.bb-translations__no-languages {
  padding: 50px;

  p {
    text-align: center;
  }

  .bb-panel {
    padding: 60px 0;
  }
}

bb-manage-languages-popup {
  li {
    margin: 20px 0;

    a.btn, label {
      float: right;
      margin: 0 10px;
    }
  }
}

.bb-edit-language__input-icon-wrapper {
  position: relative;

  input {
    padding-right: 30px;
  }
}

.bb-edit-language__input-icon {
  position: absolute;
  top: 10px;
  right: 10px;

  &.fa-check-circle {
    opacity: 1;
    transition-delay: 1000ms;
    transition-property: opacity;
    transition-duration: 1000ms;
    color: #01a369;
  }

  &.fa-circle-o-notch {
    color: #3171b4;
  }

  &.fa-times-circle {
    color: #d0021b;
  }

  &.fade {
    opacity: 0;
  }
}

.bb-edit-language__model-picker {
  .btn-group {
    margin-right: 10px;
  }

  .bb-edit-language__model-title {
    display: inline-block;
    vertical-align: middle;
  }
}

.bb-edit-language__input-group {
  @media (max-width: 991px) {
    [class*="col-"] {
      margin-bottom: 20px;
    }
  }
}

.bb-edit-language__no-config-panel.bb-panel__body {
  padding-top: 30px;
  padding-bottom: 30px;
}

.bb-edit-language__no-config-message {
  text-align: center;
  font-size: 16px;
  color: #8e95a3;
}

.bb-edit-language__model-selector__dropdown-menu {
  overflow: auto;
  max-height: 600px;
}

.bb-edit-language__model-selector__button__caret {
  margin-left: 20px;
  font-size: 12px;
}

.bb-edit-language__model-selector__dropdown-menu__item {
  padding-top: 5px;
  padding-bottom: 5px;
}

.bb-edit-language__panel-loading {
  opacity: 0;
  pointer-events: none;
}

.bb-edit-language__pagination__loader {
  @include bb-loader-box;
  margin: 30px auto;
}