@import '../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/bootstrap/breakpoints';

@include nb-install-component() {
  nb-tabset {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  nb-tab {
    padding: nb-theme(padding);
  }

  /deep/ ngx-tab1,
  /deep/ ngx-tab2 {
    display: block;
    padding: nb-theme(padding);
  }

  @include media-breakpoint-down(xs) {
    nb-tabset /deep/ul {
      font-size: 1rem;
      padding: 0 0.25rem;
    }
  }
}

.right {
  display: flex;
  flex-direction: row-reverse;
  padding-right: 30px;
}

nb-action {
  i {
    font-size: 2rem;
    margin-right: 0.5rem;
  }
}

.textarea-scroll {
  border-color: lightgray;
  width: 97%;
  overflow-y: scroll;
}

@-moz-document url-prefix('') {
  .col-12 {
    margin-bottom: 30px;
  }
}