@import "../../../../../assets/styles/index.scss";

@mixin setWidth($ddlwidth) {
  ::ng-deep {
    // .btn-group {
    //   @include rem('width', $ddlwidth);
    //   button {
    //     @include rem('width', $ddlwidth);
    //   }
    //   .dropdown-toggle {
    //     @include rem('width', $ddlwidth);
    //   }
    //   div.dropdown-menu {
    //     @include rem('width', $ddlwidth);
    //     .dropdown-item {
    //       @include rem('margin-right', 0);
    //     }
    //   }
    // }
    select {
      @include rem("width", $ddlwidth);
    }
  }
}
.separators {
  @include rem("margin-left", 14px);
  @include rem("margin-right", 10px);
  @include rem("font-size", 24px);
  font-weight: bold;
  vertical-align: -41%;
}

.dropdown-sm {
  @include setWidth(80px);
}

.row {
  @include rem("padding-left", 15px);
  @include rem("padding-right", 15px);
  @include rem("max-height", 50px);
  margin-bottom: 0;

  &-error {
    margin-top: 0;
    margin-bottom: 0;

    .col-12 {
      margin-top: 0;
      margin-bottom: 0;
      padding: 0;

      .error-holder {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;

        .align-position {
          @include rem("top", 40px);
          @include rem("font-size", 13px);
          left: 0;
          color: #f44336;
          position: initial;
          text-transform: none;
        }
      }
    }
  }

  .col-2 {
    @include rem("width", 150px);

    &-mw {
      @include rem("max-width", 120px);
    }

    padding: 0;
  }

  .col-1 {
    @include rem("margin", 0 7px 0 5px);
    padding: 0;

    &-mw {
      @include rem("max-width", 10px);
    }

    span {
      @include rem("width", 10px);
      padding: 0;
      margin: 0;
    }
  }
}



.input-sm {
  ::ng-deep {
    input {
      @include rem("width", 80px);
      display: initial;
    }
  }
}
