@import "../../../../Base/Content/sass/compass";
@import "../../../../Base/Content/sass/bootstrap/variables";
@import "_Variables";

/* Styles for One Product */
.wizdomEnvironmentIsOnPrem {
	/*Suitebar*/
	.wizdom-bootstrap-wrapper ul,
	.wizdom-bootstrap-wrapper ol {
		margin-bottom: 0;
	}
	/*Suitebar icons*/
	.ms-siteactions-root > span > a.ms-core-menu-root {
		width: auto;
		height: auto;
	}

	#suiteBarRight .ms-core-default {
		white-space: nowrap;
	}

	#suiteBarButtons {

		#ms-help {
			& > a {
				& > span {
					width: auto !important;
					height: auto !important;

					&:hover {
						background-color: #ffffff;
					}
				}
			}
		}
	}
	/*Servicemenu*/
	#s4-titlerow .wizdom-dot-container,
	#s4-titlerow .wizdom-search-container {
		z-index: 50;
	}
	/*Changed from 1050 to 50 because Sharepoints settings dropdown is dynamiccaly set to z-index 103 */
	/*Servicemenu v2*/
	#s4-titlerow .wizdom-dot-container.v2,
	#s4-titlerow .wizdom-search-container.v2 {
		z-index: 1020;
	}
	/*Changed from 1050 to 50 because Sharepoints settings dropdown is dynamiccaly set to z-index 103 */


	// for onprem 2013 top nav
	&.wizdomEnvironmentIsOnPrem2013 {

		&.goMobileNow #suiteBarLeft {
			width: auto;
		}

		&.goMobileNow #suiteBar {
			width: 100%;
			display: block;
			background-color: #0072c6;
		}

		&.goMobileNow #s4-ribbonrow .wizdom-dot-mobile-container {
			top: -40px;
		}

		@media (max-width:$screen-md) {

			#suiteBarLeft {
				width: auto;
			}

			#suiteBarRight {
				background-color: transparent;
			}

			#suiteBar {
				width: 100%;
				display: block;
				background-color: #0072c6;
			}

			#s4-ribbonrow .wizdom-dot-mobile-container {
				top: -40px !important
			}

			#DeltaSuiteBarRight {
				display: none;
			}
		}
	}
}