@import 'editor/scss/variables';

.m-pane-container {

  margin-top: $padding-1;
  font-weight: 100;
  font-size: $font-size-1;

  &--header {

    // border-top: 1px solid $color-black-offset-2;
    // border-bottom: 1px solid $color-black-offset-2;

    cursor: default;
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.15));

    // font-size just slightly bigger then the content
    font-size: $font-size-1 + 1;
    padding: $padding-0 $padding-2;
    margin-bottom: $padding-1;
  }

  & label {
    opacity: 0.7;
    margin: 0px;
    margin-bottom: $padding-0;
  }

  .input {
    & .m-text-editor--highlight {
      background-color: $color-white-offset-1;
    }
  }

  &--content {

    color: $color-white-offset-8;

    & .col-sm-3, .col-sm-6, .col-sm-4 {
      padding: 0 $padding-0;
    }

    & .row {
      padding-left: $padding-2;
      padding-right: $padding-2;
      padding-bottom: $padding-1;
    }
    //
    // & .m-search-dropdown.focus {
    //   box-shadow: inset 0 0 0px 1px $color-sky-blue-4 !important;
    //   border: none !important;
    // }

    & a {
      color: $color-white-offset-8;
    }
  }
}