@import "~bootstrap-sass/assets/stylesheets/bootstrap/mixins";
@import "../variables/dimensions";
@import "../variables/colors";

.rc-panel {
    position: relative;
}

.rc-panel-close-button {
    color: $blackColor;
    position: absolute;
    top: 0;
    right: 0;
}

.rc-panel-noPadding {
    > .panel-body {
        padding: 0;
    }
}

.rc-panel-noBorder {
    border: 0;
    @include box-shadow(none);
}

.rc-panel-transparent .panel-heading,
.rc-panel-transparent .panel-body,
.rc-panel-transparent .panel-footer {
  background-color: transparent;
}

.rc-panel-addHeaderBorder {
    > .panel-heading {
        border: 1px solid $lightGrayColor;
    }
}

.rc-panel-noHeaderBorder {
    >.panel-heading {
        margin-bottom: -1px;
    }
}

.rc-panel-noHeaderPadding {
    > .panel-heading {
        padding: 0;
    }
}

.rc-panel-smallHeaderPadding {
    > .panel-heading {
        padding: 8px $default-padding;
    }
}

.rc-panel-noLeftBorder {
    border-left: none;
    border-radius: 0 $border-radius-base $border-radius-base 0;
}

.rc-panel-noRightBorder {
    border-right: none;
    border-radius: $border-radius-base 0 0 $border-radius-base;
}

.rc-panel-flexContent {
  > .panel-body {
    display: flex;
  }
}

.rc-panel-noBottomOffset {
  margin-bottom: 0;
}

.rc-panel-flexContainer {
  display: flex;

  width: 100%;
  height: 100%;

  > .panel {
    display: flex;

    flex: 1;
    flex-direction: column;

    > .panel-body {
      flex-grow: 1;
    }
  }
}

.panel-title {
    font-size: $panel-title-font-size;
    > * {
        font-size: $font-size-base; //FIXME Remove when https://github.com/react-bootstrap/react-bootstrap/issues/2032 is fixed
    }
}

.panel-body {
    min-height: $panel-body-min-height;
    position: relative;
}

.panel-footer {
    .btn-default,
    .btn-primary {
        min-width: $btn-fixed-min-width;
    }
}

.rc-panel-cancelMinHeight {
    > .panel-body {
        min-height: 0;
    }
}
