@import "../../../less/base.less";
@import "../../../less/button.less";

.scwpSettingsBtnWrapper{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-bottom: 30px;

  .scwpSettingBtn{
    width: calc(~"100% / 2 - 0.5px");
    height: 45px;
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: @scwp-var-font-size;
    font-weight: 700;
    color: @scwp-var-light-deep-blue-color;
    border: 0;
    outline: 0;
    // background-color: @scwp-var-darker-color;
    border: 1px solid @scwp-var-light-deep-blue-color;
    margin-right: -1px;
    cursor: pointer;

    &:first-of-type{
      .scwp--border-radius(5px 0 0 5px);
    }

    &:last-of-type{
      margin-right: 0px;
      .scwp--border-radius(0 5px 5px 0)
    }

    &.activePanel{
      background-color: @scwp-var-light-deep-blue-color;
      color: #ffffff;
    }
  }
}

.reuseDataSelect{
  width: 100%;
  margin-bottom: 10px;

  &:last-child{
    margin-bottom: 0;
  }
}


// Data Chooser
.scwpDataTabWrapper{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-bottom: 30px;

  .scwpSettingBtn{
    padding: 0 15px;
    height: 35px;
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: @scwp-var-font-size;
    font-weight: 700;
    color: @scwp-var-light-deep-blue-color;
    border: 0;
    outline: 0;
    // background-color: @scwp-var-darker-color;
    border: 1px solid @scwp-var-light-deep-blue-color;
    margin-right: -1px;
    cursor: pointer;

    &.activePanel{
      background-color: @scwp-var-light-deep-blue-color;
      color: #ffffff;
    }
  }
}