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

$appMinWidth: 720px;
$contextualMenu-layer : 999999;
.hcDetect {
	position: absolute;
	top: -1000px;
	height: 5px;
	width: 5px;
	border: 1px solid;
	border-color: #00f #008000;
}

html, body {
	-ms-overflow-style: scrollbar;
}

.glass {
	#main {
		overflow: auto;
		.appview {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			display: flex;
			[dir="rtl"] & {
			left: auto;
			right: 0;
			}
			min-width: $appMinWidth;
		}
	}

	.pane {
		display: flex !important;

		.toolpane {
			display: flex;
			padding: 0px;
			button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover{
				.bx--assistive-text{
					z-index: $contextualMenu-layer +1;
				}
			} 
			button.bx--overflow-menu{
				&.bx--tooltip__trigger:focus{
					svg{
						outline: none;
					}
				}
			}
		}

		.toolpaneTop,
		.toolpaneBottom {
			flex-direction: row;
			.leading {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				flex: 1 0 auto;
			}
			.center {
				display: flex;
				flex-direction: row;
				flex: 1 1 auto;
				overflow: hidden;
				justify-content: center;
			}
			.trailing {
				display: flex;
				flex-direction: row;
				justify-content: flex-end;
				flex: 1 0 auto;
			}
		}

		.toolpaneLeft,
		.toolpaneRight {
			flex-direction: column;

			.leading {
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
				-ms-flex-direction: column;
				-webkit-flex-direction: column;
				justify-content: flex-start;
				-ms-flex-pack: start;
				-webkit-justify-content: start;
			}

			.center {
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
				-ms-flex-direction: column;
				-webkit-flex-direction: column;
				flex: 1 0 auto;
				-ms-flex: 1 0 auto;
				-webkit-flex: 1 0 auto;
				justify-content: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
			}

			.trailing {
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
				-ms-flex-direction: column;
				-webkit-flex-direction: column;
				justify-content: flex-end;
				-ms-flex-pack: end;
				-webkit-justify-content: end;
			}
		}
	}

	.paneColumn {
		flex-direction: column !important;
		-ms-flex-direction: column !important;
		-webkit-flex-direction: column !important;
	}

	.paneRow {
		flex-direction: row !important;
		-ms-flex-direction: row !important;
		-webkit-flex-direction: row !important;
	}

	.paneContent {
		flex: 1 0 0%;
		overflow-x: hidden;
		overflow-y: auto;
		position: relative;
		.toolpane {
			overflow-x: hidden;
			overflow-y: auto;
		}
		&.contentViewPane{
			overflow-x: hidden;
			overflow-y: visible;
		}
		&.loaderPane{
			overflow-x: hidden;
			overflow-y: hidden;
			position: absolute;
			width: 100%;
			height: 100%;
			background-color: $white;

			.wait_loading_animation {
				position: relative;
				margin: auto;
				width: 80px;
				height: 80px;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}
		}
	}

	.pane>.pageView{
		flex: 1 0 0%;
		display: flex;
		overflow: auto;
	}
}

.pluginContainer {
	display: flex;
	flex-shrink: 1;
}

.welcome {
	display: flex;
	flex: 1;
	position: relative;
}

.reactWrapper {
	display: flex;
	flex: auto;
}

@media print {
	body > iframe:not([id]) {
		display: none
	}
}