.table-read{
    border: none;

    tr{
        border-top: 1px solid #dee2e6 !important;

        th{ 
            
            padding: 4px 12px;
            background-color: #e9ebec;
            font-size: 12px;
            // font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;        font-weight: 500;
            font-family: $font-family-sans-serif !important;
            font-weight: 500;
            position: sticky;
            top: 0;
            z-index: 100;
            color: #333;

            &:first-child{
                padding-left: 10px;
            }
        }
        
        td{
            padding: 4px 12px;
            font-size: 0.8rem !important;
            color: #333;
            border-bottom: 1px solid #dee2e6 !important;

            &:first-child{
                padding-left: 10px;
            }
        }
        

    }
}

.table-edit{
    border: none;

    tr{
        border-top: 1px solid #dee2e6 !important;

        th{ 
            
            padding: 4px 1px;
            background-color: #e9ebec;
            font-size: 12px;
            // font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;        font-weight: 500;
            font-family: $font-family-sans-serif !important;
            font-weight: 500;
            position: sticky;
            top: 0;
            z-index: 100;
            color: #333;

            &:first-child{
                padding-left: 10px;
            }
        }
        
        td{
            padding: 2px 1px;
            font-size: 0.8rem !important;
            color: #333;
            border-bottom: 1px solid #dee2e6 !important;

            &:first-child{
                padding-left: 10px;
            }

            .mat-form-field-wrapper{
                padding: 0 !important;

                .mat-form-field-subscript-wrapper{
                    position: absolute !important;
                }
            }

        }

        

    }
}

.table{
    tr{
        td{ 
            vertical-align: middle;
            
            &.action{
                padding: 0;
                text-align: right;
                padding-right: 10px;
            }
            button{
                &.mat-icon-button-sm{
                    height: 33px;
                    width: 33px;
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                }

                &.mat-icon-button-xs{
                    height: 24px;
                    width: 24px;
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                }   
            }
        }
    }
}