.mat-btn-sm {
    line-height: 30px !important;
}
.mat-btn-icon-sm {
    min-width: 36px !important;
    padding: 0px !important;
    .material-icons {
        font-size: 20px !important;
    }
}
.material-icons-sm {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
}



.mat-raised-button {
    border: 1px solid #dee2e6 !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
    line-height: 30px !important;

    &:hover {
        background-color: #f4f6f9;
    }

    &.rds__mat-btn-related {
        padding-top: 0.375rem !important;
        padding-bottom: 0.375rem !important;
        border: none !important;
    
        .mat-button-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
    
        &:hover {
            background-color: #f4f6f9;
        }
    }

    &.rds__mat-icon-button {
        padding: 0 !important;
        min-width: 32px;
        width: 32px; 
        height: 32px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        border-radius: 4px !important;
        border: none !important;
        color: #42526e;//#5f6368;
    
        .mat-button-wrapper {
            display: flex !important;
            justify-content: center;
            align-items: center;
            border-radius: 50% !important;
        }

        &:hover {
            background-color: #e2e5ea;
        }
    }

    &.rds__btn-square{
        background: #ffffff;
        padding: 0px 4px;
        margin-left: 0.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0rem;
        box-shadow: 0px 0px 0px 0.3px rgb(170, 170, 170), 0 0 0 0 rgb(170, 170, 170), 0 0 0 0 rgb(170, 170, 170);
        width: 30px;
        height: 30px;

        &.btn-sm{
        width: 36px;
        height: 36px;
        }

        &:hover{
        background-color: #f4f6f9;
        }
    }
}

.rds__mat-button-group {
    .mat-raised-button {
        border-radius: 0px;

        &:first-child{
            border-radius: 4px 0px 0px 4px;
            border-right: 0px !important;
        }

        &:last-child{
            border-radius: 0px 4px 4px 0px;
        }
    }  
    .mat-drop-down {
        min-width: 30px !important;
        padding: 0 0 !important;
        border-radius: 0 4px 4px 0;
    }
}

.mat-btn-icon{
    .mat-button-wrapper{
        display: flex; 
        align-items: center;
    }
}

.mat-button[disabled],
.mat-flat-button[disabled],
.mat-icon-button[disabled],
.mat-raised-button[disabled] {
    cursor: default;
    color: #c3c3c3 !important;
}