/*<meta conditions="Default.V4" />*/

@font-face {
    font-family: 'Open Sans';
    src: url(../Fonts/OpenSans-Regular.ttf);
} 

html *
{
	font-family: 'Open Sans', Arial !important;
}

/* *****************************************
   Misc ************************************
***************************************** */

.off-canvas #home
{
	display: none;
}

#header
{
	margin-top: 15px;
}

#responsiveHeader
{
	height: 68px;
}

#responsiveHeader .logo
{
	margin-left: 50px;
}

.toggle-topbar
{
	top: 6px;
}

/* *****************************************
   Content Body ****************************
***************************************** */

#contentBody
{
	-webkit-border-radius: 0 0 0 0 !important;
	-moz-border-radius: 0 0 0 0 !important;
	border-radius: 0 0 0 0 !important;
	background-color: #FFF;
	margin-left: -5px;
}

.web #contentBody
{
	margin-top: 28px;
	border-left: 1px solid #cccccc;
	height: calc(100% - 28px);
}

#contentBodyInner
{
	border-top: none;
	border-right: none;
	border-left: none;
}

.web #navigation .tab
{
	/* Percentage based on the number of tabs enabled. */
	width: 100% !important;
}

/* *****************************************
   Navigation ******************************
***************************************** */

#navigation
{
	margin-top: 28px;
	height: calc(100% - 25px);
}

#navigation[role="complementary"]
{
	margin-top: 0;
	background-color: #ededed;
	background-image: -webkit-linear-gradient(left, #ededed, #ffffff 10px) !important;
	background-image: -moz-linear-gradient(left, #ededed, #ffffff 10px) !important;
	background-image: -o-linear-gradient(left, #ededed, #ffffff 10px) !important;
	background-image: linear-gradient(to left, #ededed, #ffffff 10px) !important;
	height: 100%;
}

#navigation[role="complementary"] #TocTab
{
	height: 70px;
	border-bottom: 1px solid #ccc;
	margin-top: -1px;
}

#navigation[role="complementary"] #TocTab .tabs-nav-text
{
	line-height: 70px;
	margin-left: 35px;
}

#show-hide-navigation
{
	background-color: #ededed;
}

#show-hide-navigation::after
{
	border-right-color: #007aff !important;
}

.nav-closed #show-hide-navigation::after
{
	border-left-color: #007aff !important;
}

#navigationResizeBar
{
	width: 4px;
}

/* *****************************************
   Search **********************************
***************************************** */

#search-sidebar
{
	position: absolute;
	top: 13px;
	right: 15px;
	width: 300px;
	height: 40px;
	display: inline-block;
}

#results-heading
{
	margin-top: -4px;
}

#search-field-sidebar
{
	border-style: solid;
	box-shadow: none;
	font-size: 14px;
	border-radius: 0.5em !important;
	background: url('../../../Content/Resources/Images/Skin/magnifier.png') no-repeat 8px center, linear-gradient(to top, #ffffff 0%, #ffffff 100%);
	color: #343743;
	font-style: italic;
	line-height: 40px;
}

.web .search-bar
{
	width: 300px;
}

.web #search-field
{
	width: 250px;
}

.web .search-submit-wrapper
{
	box-shadow: none;
}

/* *****************************************
   Tabs ************************************
***************************************** */

.tabs-nav li
{
	min-width: 100% !important;
	height: 50px;
	line-height: 50px;
	text-align: left !important;
}

.tabs-nav li.tabs-nav-inactive
{
	margin-top: 0;
	box-shadow: none;
	color: #000000;
	background-color: #f7f7f7 !important;
}

.tabs-nav li.tabs-nav-active
{
	font-weight: bold;
	/* border-bottom: 3px solid #007aff; */
	background-color: #f7f7f7 !important;
	/* background-image: -webkit-linear-gradient(bottom, #f7f7f7 65%, rgba(0,122,255,.1)) !important;
    background-image: -moz-linear-gradient(bottom, #f7f7f7 65%, rgba(0,122,255,.1)) !important;
    background-image: -o-linear-gradient(bottom, #f7f7f7 65%, rgba(0,122,255,.1)) !important;
    background-image: linear-gradient(to bottom, #f7f7f7 65%, rgba(0,122,255,.1)) !important; */
}

.tabs-nav-text
{
	margin-left: 25px;
	font-size: 14pt !important;
}

.tabs-panel-content
{
	top: 0;
	left: 0;
	right: 0;
	background-color: #ededed;
	background-image: -webkit-linear-gradient(left, #ededed, #ffffff 10px) !important;
	background-image: -moz-linear-gradient(left, #ededed, #ffffff 10px) !important;
	background-image: -o-linear-gradient(left, #ededed, #ffffff 10px) !important;
	background-image: linear-gradient(to left, #ededed, #ffffff 10px) !important;
}

#toc.tabs-panel-content
{
	padding-top: 5px;
}

.web .tabs-panel
{
	border-top: 1px solid #cccccc;
	margin-top: 22px;
}

/* *****************************************
   TOC *************************************
***************************************** */

.web .tree
{
	width: 100%;
	width: calc(100% + 7px);
}

.web .tree-node > div
{
	transition: all 0.25s;
}

.web .tree-node div
{
    font-size: 11pt;
    line-height: 1.6em !important;
}

.web .tree-node-selected
{
	width: 100%;
}