/* plan-inapp.css */
/* Copyright 2015-2017, The Omni Group. All rights reserved. */

/* Specify the media type for this CSS */
@media screen {
/* Now, everything gets nested within this @media call */

/* This sets the bounds of the entire page */
#help-wrapper {
	overflow-y: scroll;
	overflow-x: hidden;
	background: #FFF;
}

/* This section builds the navigation menu */
#omnimenu-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	overflow: scroll;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background: #E4B21B;
}

#omnimenu,
#omnimenu ul,
#omnimenu ul li,
#omnimenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#omnibrand {
	position: fixed;
	display: block;
	z-index: 404;
	top: 0;
	left: 0;
	width: 200px;
	height: 150px;
	background: #E4B21B;
	border-bottom: 1px solid #BF8F00;
	border-left: 1px solid #BF8F00;
	border-right: 1px solid #BF8F00;
	box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25);
	vertical-align: center;
	text-align: center;
}

.navicon {
	padding-top: 15px;
}

#omniprint {
	position: fixed;
	display: block;
	z-index: 404;
	bottom: 0;
	left: 0;
	width: 200px;
	height: 35px;
	background: #FC7432;
	border-top: 1px solid #FC7432;
	border-left: 1px solid #FF7C00;
	border-right: 1px solid #FF7C00;
	box-shadow: 3px 0 3px rgba(255, 255, 255, 0.25);
	text-align: right;
}

#printbutton {
	padding: 10px;
}

#omnimenu {
	width: 200px;
	font-family: HelveticaNeue-Light;
	color: #FFF;
	display: block;
	overflow-x: hidden;
	/*overflow-y: scroll;*/
}

#omnimenu ul ul {
	display: none;
}

.align-right {
	float: right;
}

#omnimenu > ul > li > a {
	padding: 10px 20px 10px 10px;
	border-left: 1px solid #BF8F00;
	border-right: 1px solid #BF8F00;
	border-top: 1px solid #BF8F00;
	cursor: pointer;
	z-index: 2;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
	background: #E4B21B;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

#omnimenu > ul:nth-of-type(2n+1) {
	padding-top: 150px;
}

/*
	This adds 35 pixels of padding at the bottom of the menu list to 
	accommodate the omniprint div in the HTML file. However, the print
	functionality doesn't work properly, thanks to WKView not supporting
	access to a Cocoa Print panel.
	
	Our bug related to this is:
	<bug:///113585> (Feature: Replace in-app help navigation with the new accordion nav)
	
	Will file a Radar with Apple asking them to provide print panel
	support/access from WKView. That's about the best we can do for 
	now.
*/
/*
#omnimenu > ul:last-of-type {
	padding-bottom: 35px;
}
*/

#omnimenu > ul > li > a:hover,
#omnimenu > ul > li.active > a,
#omnimenu > ul > li.open > a {
	/*color: #EEE;*/
	background: #D19D00;
}

#omnimenu > ul > li.open > a {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid #BF8F00;
}

#omnimenu > ul > li:last-child > a,
#omnimenu > ul > li.last > a {
	border-bottom: 1px solid #BF8F00;
}

.holder {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
}

.holder::after,
.holder::before {
	display: block;
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	right: 10px;
	z-index: 10;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.holder::after {
	top: 13px;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
}

#omnimenu > ul > li > a:hover > span::after,
#omnimenu > ul > li.active > a > span::after,
#omnimenu > ul > li.open > a > span::after {
	border-color: #EEE;
}

.holder::before {
	top: 14px;
	border-top: 2px solid;
	border-left: 2px solid;
	border-top-color: inherit;
	border-left-color: inherit;
}

#omnimenu ul ul li a {
	cursor: pointer;
	border-bottom: 1px solid #32373E;
	border-left: 1px solid #32373E;
	border-right: 1px solid #32373E;
	padding: 10px 20px 10px 10px;
	z-index: 1;
	text-decoration: none;
	font-size: 13px;
	color: #EEE;
	background: #686F7A;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#omnimenu ul ul li:hover > a,
#omnimenu ul ul li.open > a,
#omnimenu ul ul li.active > a {
	background: #525862;
	color: #FFF;
}

#omnimenu ul ul li:first-child > a {
	box-shadow: none;
}

#omnimenu ul ul ul li:first-child > a {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#omnimenu ul ul ul li a {
	padding-left: 20px;
}

#omnimenu > ul > li > ul > li:last-child > a,
#omnimenu > ul > li > ul > li.last > a {
	border-bottom: 0;
}

#omnimenu > ul > li > ul > li.open:last-child > a,
#omnimenu > ul > li > ul > li.last.open > a {
	border-bottom: 1px solid #32373E;
}

#omnimenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
	border-bottom: 0;
}

#omnimenu ul ul li.has-sub > a::after {
	display: block;
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	right: 10px;
	z-index: 10;
	top: 11.5px;
	margin-left: 5px;
	border-top: 2px solid #EEE;
	border-left: 2px solid #EEE;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

#omnimenu ul ul li.active > a::after,
#omnimenu ul ul li.open > a::after,
#omnimenu ul ul li > a:hover::after {
	border-color: #FFF;
}

/* ------------ THE STYLES THAT FOLLOW ARE FOR THE CONTENT VIEW ------------ */

/* #content butts the content view right up against the nav menu */
#content {
	clear: both;
	display: block;
	overflow-x: hidden;
	overflow-y: scroll;
}
}