@mixin collaborateTab($backgroundColor) {
    $backgroundColor: none !default;

    .nav-setting-tabs {
        background: $backgroundColor;

        ::ng-deep mat-tab-header {
            max-width: 80% !important;
        }

        ::ng-deep .mat-tab-label {
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: normal;
            text-align: left;
        }

        ::ng-deep .mat-tab-label-active {
            color: #4caf50 !important;

            ::ng-deep .mat-tab-label-content {
                color: #4caf50 !important;

                label {
                    color: #4caf50 !important;
                }
            }
        }
    }
}