/**
* Licensed Materials - Property of IBM
* IBM Cognos Products: BI (C) Copyright IBM Corp. 2019, 2022
* US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
*/

.pluginContainer {
    .ba-pushbutton {
        button {
            &.is-disabled {
                pointer-events: none;
                svg {
                    opacity: 0.5;
                }
            }
            .ba-common-button__layout {
                align-items: flex-start;
                overflow: visible;
                white-space: normal;
                .ba-common-button__icon.is-left {
                    align-self: auto;
                }
                .ba-common-button__label {
                    align-self: center;
                    overflow-wrap: break-word;
                    word-break: normal;
                    line-height: 20px;
                }
            }
        }
    }
    button.bx--overflow-menu{
	&:focus{
		overflow: hidden
	}
	&.bx--overflow-menu--open{
		&:hover{
			overflow: hidden;
		}
	}
    }
    button.ba-carbon-nav-menu.bx--overflow-menu{
	width: auto;
	height: auto;
	.ba-common-svgIcon.is-small{
		width: 16px;
	 }
    }
}

.bi-mui-action-bar {
	.menu.defaultButton{
		button{
			margin: 0;
			width: 32px;
			border-right: none;
			svg{
				height: 16px;
				width: 16px;
				margin-right: 5px;
				margin-left: 5px;
			}
		}
	}
}

.toolpane.appbar,
.toolpane.navbar {
    .pluginContainer {
        button {
            border: 2px solid transparent;
            color: inherit;
        }
	   .secondaryMenuPushButton{
		&.bx--overflow-menu--open{
			background-color: none;
			border: 2px solid #fff;
		}
	}
    }
}

.toolpane.appbar {
    .pluginContainer {

        .ba-common-dropdown {
            button {
                &.bx--btn.bx--btn--ghost.bx--btn--icon-only {
                    min-width: 0;
                }
            }
        }

        button {
		&.menu.bx--overflow-menu{
			width: 44px;
			height: 48px;
		}
            background-color: transparent;
            padding: 2px 0px;
            white-space: nowrap;

		  &.ba-carbon-personalMenu{
			width: 48px;
			height: 48px;
		  }

            &.bx--btn.bx--btn--primary {
                color: inherit;
            }
            &.bx--btn.bx--btn--ghost {
                color: inherit;
                &.bx--btn--icon-only {
                    min-width: 48px;
                    min-height: 48px;
                    .ba-common-svgIcon.bx--btn__icon {
                        height: 20px;
                        width: 20px;
                    }
                }
            }

            &.button {
                &:active {
                    padding: 8px;
                }
                &.menu {
                    &:active {
                        padding: 2px 0;
                    }
                }
            }

            &:focus {
                opacity: $opacity-max;
                outline: none;
                border-color: inherit;
                box-shadow: none;
            }

            &:hover {
                opacity: $opacity-max;
                outline: none;
            }
            
        }


        .ba-pushbutton {
            button {
                height: 48px;
                padding: 2px 12px;
                &.push-button.bx--btn.bx--btn--ghost.bx--btn--icon-only {
                    .ba-common-svgIcon.bx--btn__icon {
                        height: 20px;
                        width: 20px;
                    }
                }

                &:hover {
                    color: $white !important;
                }
            }

            &.labelled {
                button {
                    padding-right: 16px !important;
                    padding-left: 16px !important;
                }
            }
        }
    }
}

.toolpane.navbar {

    .pluginContainer {

        button {
            &.button {
                padding: 8px 12px;
                &:active {
                    padding: 8px 10px;
                }
                &.pushed {
                    padding: 6px 10px;
                    opacity: $opacity-max;
                    @include theming(border-color, gray4)
                }
            }
        }

        .ba-common-button {
            .ba-common-button__icon {
                margin-left: 40px;
                margin-right: 0px;
                padding-right: 0px;
            }
        }

        .ba-common-button__icon {
            &.is-left {
                margin-left: 36px;
            }
        }

        .ba-pushbutton {

            width: 100%;

            button {
                padding: 8px 12px;
                height: 48px;
                font-weight: inherit;
                color: inherit;

                .ba-common-button__layout {
                    .ba-common-button__label {
                        white-space: normal;
                    }
                }

                .ba-common-svgIcon {
                    height: 20px;
                    width: 20px;
                }

                &:active {
                    padding: 8px 10px;
                }
            }

            &.is-checked {
                background-color: $white;
                button {
                    &:active {
                        padding: 2px 12px;
                    }

                    .ba-common-button__layout {
                        .ba-common-button__icon {
                            margin-left: 30px;
                        }
                    }
                }
            }
        }
    }
}

@-moz-document url-prefix() {
    .pluginContainer .ba-pushbutton button .ba-common-button__layout {
        white-space: inherit;
        .ba-common-button__icon.is-left {
            align-self: center;
        }
    }
}