.mat-form-field{
    &.qms-suffix-field {
    font-weight: 600;
    font-family: "Open Sans";
    font-size: 1em;
    
    .mat-form-field-wrapper {
      border-radius: 0.25em;
    }

    .mat-form-field-underline {
      margin-left: 0.125em;
      margin-right: 0.125em;
      width: calc(100% - 0.25em);
    }

    .mat-form-field-infix {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      font-size: inherit;
      bottom: 0.5em;
      padding: 0.5em 0.5em 0 0;
    }

    .mat-form-field-suffix::before{
        content: "";
        background: black(0.12);
        position: absolute;
        bottom: 0.175em;
        left: 0;
        height: calc(100% - 0.225em);
        width: 1px;
    }

    .mat-form-field-suffix{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: inherit;
        position: relative;
        min-width: 2.5em;
        height: 2.5em;
        padding: 0.25rem 0 0.25rem 1rem;
        align-self: center;
        .qms-suffix{
            span{
                position: relative;
                justify-content: center;
                align-items: center;
            }

            button{
                height: 1.5rem;
                width: 1.5rem;
            }
        }
    }

    // &.qms-suffix-field.mat-focused{
    //     .mat-form-field-suffix{
    //         mat-icon,
    //         .material-icons {
    //             color: #222222;
    //         }
    //     }
    // }
}


}
