@import '../../variables.less';
@import '../../mixins.less';
/**********************
forms-toogler.less
*************************/
#ecf-creator {
  .ecf-form-toggler {
    padding: 20px 0;

    .ecf-inner {
      .roundedcorners(30px);
      .box-shadow(0 0 7px 1px inset fade(@black, 3));
      background-color: @grey_2;
      border: 1px solid @grey_2;
      padding: 5px;
      position: relative;

      .ecf-floater {
        .roundedcorners(20px);
        background-color: @primary;
        width: 96px;
        position: absolute;
        left: 5px;
        top: 5px;
        height: 40px;
      }

      > a {
        .inline-flex();
        .roundedcorners(20px);
        color: @text_3;
        font-size: 16px;
        font-weight: 600;
        height: 40px;
        padding: 0 25px;
        align-items: center;
        position: relative;
        
        &.ecf-active {
          color: @white !important;
          cursor: default;
        }

      }

    }
  }
}