@import "colors";


.mat-form-field:not(.mat-form-field-disabled){
    &.qms-file-upload{
        &.mat-focused{
            mat-icon{
                color: $active;
                
                svg{
                    fill: $active;
                }
            }

            .qms-input-clear{
                mat-icon{
                    color: black(0.6);
                }
            }
        }

        &.qms-file-upload-loading{
            .mat-form-field-flex{
                border-bottom: 2px solid #1954A9;

                mat-icon{
                    color: $active;
                    
                    svg{
                        fill: $active;
                    }
                }

                .qms-input-clear{
                    mat-icon{
                        color: black(0.6);
                    }
                }
            }
        }
    }
}
qms-list{
    &.qms-scrollable-attachment-list {
        max-height: 370px;
        overflow-y: auto;
    }
    &.qms-attachment-list, &.qms-scrollable-attachment-list{
        border: black(0.12) 1px solid;

        .qms-list-item-content{
            margin: 0 1.0625em 0 1em;
            .qms-line, .subtitle {
                -webkit-line-clamp: 1;
            }

            .subtitle{
                font-size: 1em;
                font-weight: 400;
                font-family: "Open Sans";
            }

            .qms-line{
                button{
                    font-weight: 600;
                    font-family: "Open Sans";
                    color: $active;
                    cursor: pointer;
                    font-size: 0.875em;
                    padding: 0;
                }
            }

            .caption{
                span{
                    cursor: pointer;
                }
                
            }
        }
        
    }
}