/*
ADD FIELDS PANEL
*/
@import "../../../../less/base.less";


/* Add Field Panel */
.scwpSettingsPannelWrapper{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;

  .scwpFieldsbtnWrapper{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;

    .scwpFieldsbtn{
      width: calc(~"100% / 2 - 2.5px");
      height: 50px;
      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: #fff;
      background-color: @scwp-var-light-deep-blue-color;
      border: 0;
      outline: 0;
      margin-bottom: 5px;
      .scwp--border-radius(3px);
      .scwp--transition;

      &:hover{
        background-color: darken(@scwp-var-light-deep-blue-color, 5%);
      }
    }
  }

  .scwpCancelBtnWrapper{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-end;
    width: 100%;

    button.scwpCancelSettingsbtn{
      width: 100%;
      font-size: @scwp-var-font-size;
      font-weight: 700;
      color: #ffffff;
      line-height: 40px;
      background-color: @scwp-var-color-deep-blue;
      display: -webkit-inline-flex;
      display: -ms-inline-flex;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      outline: 0;
      border: 0;
      position: relative;
      .scwp--transition;
      .scwp--border-radius(5px);

      &:hover{
        background-color: darken(@scwp-var-color-deep-blue, 5%);
      }
    }
  }
}
/* Add Field Panel End */