/*
Logic Section Styling
*/

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


/* Condition Tab Bar*/
// .scwpConditionTabBar{
//   width: 200px;
//   min-height: 45px;
//   display: flex;
//   flex-direction: column;
//   justify-content: flex-start;
//   position: relative;
//   padding: 15px;
//   background-color: @scwp-var-darker-light-color;
//
//   .scwpAddConditionBtn{
//     width: 100%;
//     height: 45px;
//     display: flex;
//     justify-content: center;
//     align-items: center;
//     background-color: @scwp-var-darker-color;
//     font-size: @scwp-var-font-size;
//     color: #fff;
//     font-weight: 700;
//     border: 0;
//     outline: 0;
//     .scwp--border-radius(5px)
//   }
// }

/* Condition Field Section */
.scwpConditionFieldsSection{
  display: flex;
  flex-direction: row;
  justify-content: space-between;;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
}
/* Condition Field Section End */


/* Fields Part */
.scwpFieldsSection{
  width: calc(~"100% / 2 - 15px");
  // background-color: @scwp-var-gray-color;
  margin-right: 30px;

  .scwpFieldBlockBtnWrapper{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;

    &:after{
      content: 'Add';
      font-size: @scwp-var-font-size - 3;
      font-weight: 700;
      color: @scwp-var-light-deep-blue-color;
      width: 32px;
      height: 32px;
      display: -webkit-inline-flex;
      display: -ms-inline-flex;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background-color: @scwp-var-light-gray-color;
      position: absolute;
      left: calc(~"50% - 17px");
      .scwp--border-radius(50%)
    }

    .scwpFieldBlockBtn{
      width: calc(~"100% / 2 - 0.5px");
      height: 42px;
      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: #ffffff;
      border: 0;
      outline: 0;
      background-color: @scwp-var-darker-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)
      }


      &.scwpFieldBtn{
        background-color: @scwp-var-color-sky-blue;
      }

      &.scwpBlockBtn{
        background-color: @scwp-var-light-deep-blue-color;
      }
    }
  }

  /* Array Design */
  .scwpConditionArrayWrapper{

  }
}
/* Fields Part End  */


/* Consequences Section */
.scwpConditionConsequencesSection{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: calc(~"100% / 2 - 15px");
}
/* Consequences Section End */


.scwpAddConsequencesBtn{
  width: 100%;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: @scwp-var-color-deep-blue;
  font-size: @scwp-var-font-size;
  color: #fff;
  font-weight: 700;
  border: 0;
  outline: 0;
  // margin-bottom: 20px;
  .scwp--border-radius(5px);
}

.scwpConditionConsequencesWrapper{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  // border-top: 1px dashed @scwp-var-dark-gray-color;
}