html.wizdom-bootstrap-wrapper body {
	/* background-color: rgb(200, 200, 200, 0.5); */
}

/* primary menu - can be megamenu or hub navigation */
div[data-sp-placeholder="Top"] {
	min-height: 40px;
}


/* ms-fix ---- */
/* temporary fix for webpart having problems with z-index - items inside a webpart going outside getting bad z-index. */
/* https://stackoverflow.com/questions/31889684/css-animation-causing-z-index-problems */
.Canvas-slideUpIn {
	-webkit-animation-fill-mode: initial;
	animation-fill-mode: initial;
	opacity: 1 !important;
	animation-name:none;
}

/* ms-fix ---- */
/* temporary fix for searchbox - z-index is wrong compared to person profile expander top right */
[class^='sideActionsWrapper'] {
	z-index: 4;
}

[class^="searchCel"] {
	z-index: 4;
}

/* temporary fix for SP leftnav overlaying power panel when positioned left on system pages (_layouts/15/example.aspx) */
[dir=ltr] .lg .Files-leftNav, [dir=ltr] .md .Files-leftNav, [dir=ltr] .sm .Files-leftNav {
	left: -321px;
}
[dir=ltr] .sp-App--hasLeftNav .Files-leftNav {
	left: 0;
}

/* #1 Override to make it possible for ms-panel to lie on top of power panel and sharepoint panel. */
/* #2 From noticeboard - needs to be in global - context menu in webparts go below power panel fly out */
.ms-PanelHost > .ms-Panel.is-open,
.ms-ContextualHost.is-open {
  z-index: 1000004 !important;
}

.ms-PanelAction-close {
    z-index: 1000005;
}

/* Problem positioning fabric ms-Panel on mobile sp view because body is scrolling */
/* Panel is by fabric design based on absolute position which wont work on mobile because top is not fixed*/
.mobile .ms-Panel  {
    position:fixed !important;
}

/* sp problem with ms-SearchBox-field in edit mode */
.CanvasSection--edit .ms-SearchBox-field {
	z-index: auto !important;
}