.mat-table{
    width: 100%;
    font-family: $font-family-sans-serif !important;
    font-weight: normal;

    tr{
        &.mat-header-row {
            height: 33px !important;
            background: #e9ebec;
            border-top: 1px solid #dee2e6;
        }
        &.mat-footer-row, &.mat-row {
            height: 33px !important;

            &:hover {
                background-color: #e6e6e6 !important;
            }
        }
    
        td{
            &.mat-cell, &.mat-footer-cell {
                width: 13% !important;  
                color: #333;
                font-size: 0.8rem !important;
                padding-left: 3px;
                padding-right: 3px;

                &:first-of-type{
                    padding-left: 24px;
                }
            }

            button{
                &.mat-icon-button-sm{
                    height: 33px;
                    width: 33px;
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                }
                &.mat-icon-button-xs{
                    height: 20px;
                    width: 20px;
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                }   
            }
        }
    
        th{
            &.mat-header-cell {
                width: 13% !important;  
                color: #333;
            }
        }
    } 
}