@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/*<meta />*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700');*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    /*list-style: none;*/
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

MadCap|variable {
    mc-format: '[%=General.DisplayTitle%]';
}

MadCap|xref {
    mc-format: '[%=General.DisplayTitle%]: [%=General.DisplaySubtitle%]';
}

/*End CSS Reset*/


/*-----expand and collapse arrows in the nav pane-----*/
/*These styles require the font awesome javascript to be called from the skin file*/

.tree-node.tree-node-collapsed > div:before /*collapsed icon in nav pane*/ {
    padding-right: 8px;
    font-family: 'FontAwesome';
    content: "\f0da";
	color: #4e5758;
}

.tree-node.tree-node-expanded > div:before /*expanded icon in nav pane*/ {
    padding-right: 8px;
    font-family: 'FontAwesome';
    content: "\f0d7";
	color: #4e5758;
}

.tree-node-selected.tree-node-expanded > div:before /*expanded icon in nav pane when node selected*/ {
    padding-right: 8px;
    font-family: 'FontAwesome';
    content: "\f0d7";
	color: #ffffff;
}

.tree-node-selected.tree-node-collapsed > div:before /*expanded icon in nav pane when node selected*/ {
    padding-right: 8px;
    font-family: 'FontAwesome';
    content: "\f0da";
	color: #ffffff;
}

.tree-node.tree-node-collapsed:hover > div:before {
	/*color: #00b5c8;*/
}

.tree-node.tree-node-expanded:hover > div:before {
	/*color: #00b5c8;*/
}
/*-----end expand and collapse arrows-----*/

div#searchPane /*sets width of search results screen*/ {
    max-width: 90%;
}

li.tree-node /*causes words to wrap in nav pane*/ {
    white-space: normal !important;
}

/*
.tree-node > div
{
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
	padding-right: 20px;
}
*/

.tree-node > div {
    font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica,arial,sans-serif;
    padding-top: 7px;
    padding-bottom: 7px;
	padding-left: 10px;
    line-height: 1.15em;
    padding-right: 15px;
    font-size: 14px;
}

.tree-node-selected > div {
    font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica,arial,sans-serif;
    font-size: 14px;
}

#contentBodyInner /*works with html{margin-top} in topics.css to add space between header and content and allow body content to scroll all the way to the header*/ {
    top: 4px;
}

#HeaderRight /*font styles for the site header*/ {
    font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica,arial,sans-serif;
    color: #565656;
    font-size: 24px;
}

/*full screen styles*/
@media (min-width: 1025px) {
    body {
        background: #fff;
    }

    .tree-node-selected > div:after /*enables the white triangle that appears on the right of the currently-selected node*/ {
        position: absolute;
        content: "";
        right: 0;
        border-width: 16px;
        border-style: solid;
        border-color: transparent;
        border-left: none;
        border-right-color: #fff;
        z-index: 1000;
        margin-right: -3px;
        top: 50%;
        margin-top: -16px;
    }

    .tabs-nav,
    html.left-layout #show-hide-navigation
    /*disables the top nav pane tabs*/
    /*disables the nav pane side collapse tab*/ {
        display: none;
    }

    .tabs-panel {
        /*move nave pane up to compensate for disabled nav pane tabs*/
        top: 0px;
        /*disable the background color*/
        background-color: transparent;
        /*pull margins out to the edges of the nav pane*/
        margin-left: -8px;
        margin-top: -8px;
        margin-right: -8px;
    }

    .tab.active .tabs-panel {
        display: block;
        margin-top: -9px;
    }

    .tree-node.tree-node-expanded > div /*keeps expanded toc nodes in line with collapsed toc nodes in the nav pane*/ {
        margin-left: -4px;
    }

    ul.tree.inner /*increases the left margin of non L1 nav pane entries*/ {
        /*padding-left: 25px;*/
		padding-left: 13px;
    }

    .tabs-panel-content /*disables the 1px border between the nav pane and the logo section*/ {
        border: none;
        right: 0px;
    }

    html.left-layout #contentBody /*move the content body flush up against the nav pane*/ {
        margin-left: -4px;
        margin-top: -1px;
        background-color: #fff;
        -webkit-border-radius: 0px 0 0 0;
        -moz-border-radius: 0px 0 0 0;
        border-radius: 0px 0 0 0;
        /*box-shadow: inset 0 7px 9px -7px #c1c1c1;*/
		box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25) inset;
    }

    #contentBodyInner /*moves the content area up so that the header appears in the header area*/ {
        border: none;
        background-color: transparent;
    }

    #header .logo {
        /*background-size: 100px;*/
        background-position: 0px;
        margin-left: 0px;
    }

    #search-field {
        width: 350px;
    }

    #navigation::before /*adds the green logo area above the nav pane.*/ {
        height: 60px;
        /*background-color: #81af42;*/
        content: ' ';
        display: block;
        margin-top: -60px;
        background-size: 100px;
        margin-right: -1px;
    }

    #HeaderLeft /*id for the logo div*/ {
        float: left;
        height: 60px;
		color: #4e5758;
		background-color: #eeeeee;
		/* no box shadow in new style spec
		box-shadow: 1px -2px 3px 0px rgba(0, 0, 0, 0.25)*/
    }
	
	#HeaderLeft:after {
		font-family: "Open-Sans Regular","Segoe UI Regular",Helvetica,arial,sans-serif;
		font-size: 24px;
		display: inline-block;
		content:'Documentation';
		padding-top: 20px;
		padding-left:80px;
		color: #565656;
	}
	
	#HeaderLeft.small:after {
    content: "";
	}

    #HeaderRight /*id for the site title div*/ {
        float: left;
        height: 60px;
        width: 700px;
        padding-left: 40px;
        padding-top: 20px;
    }

    /***BEGIN move nav pane scroll bar to the left***/

    #navigation /*moves nav pane scroll bar to the left*/ {
        direction: rtl;
    }

    ul.tree /*resets direction:rtl; set in #navigation above so that the content flows left to right.*/ {
        direction: ltr;
    }

    /***END move nav pane scroll bar to the left***/


}

/*styles for responsive design*/
/*tablet*/
@media screen and (min-width: 1px) and (max-width: 1024px) {
    html.left-layout #contentBody /*gives a 60px left margin to create the close nav bar*/ {
        left: 60px;
    }

    div#slideRight /*moves the hamburger icon down and left in the the closed nav bar*/ {
        margin-left: -59px;
        margin-top: 40px;
    }

    #responsiveHeader /*moves the head to the left to compensate for the contenbody left margin*/ {
        margin-left: -60px;
        background-color: #fff;
    }

        #responsiveHeader .logo /*removes the margin from the green K2 logo image*/ {
            margin: 0;
        }

    #HeaderRight /*moves the site title to the right of the K2 logo*/ {
        float: left;
        margin-top: -40px;
        margin-left: 80px;
    }

    #contentBodyInner /*moves the content body to hide the gray borders*/ {
        top: 60px;
        left: 0px;
        border: none;
        border-top: 1px solid #ececec;
		max-width:90%;
    }

    #navigation /*sets the properties for the responsive nav menu*/ {
        font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica,arial,sans-serif;
        background-color: #f8f8f8;
    }

    .hide-extras.active #navigation[role="complementary"] /*this and the next class set the width of the nav bar when opened*/ {
        width: 30%;
    }

    .active #contentBody[role="main"] /*see previous*/ {
        margin-right: -30%;
    }
	
	.tabs {
		background-color: #f8f8f8;
	}
	
	body
	{
		/*margin-left: 10px;
		max-width: 92%;*/
	}
	
	.tree-node div .label {
		color: inherit;
	}

    #search-field-sidebar /*styles for the search field in the nav pane*/ {
        border: 0px solid;
        height: 60px;
    }

    div#home /*moves the nav pane items down to compensate for the 60px height on the #search-field-sidebar */ {
        margin-top: 10px;
    }

    .tab-icon #TocTab.tabs-nav-inactive .tabs-nav-icon,
    .tab-icon #TocTab.tabs-nav-active .tabs-nav-icon,
    span#home-icon /*disables the icons in the nav bar*/ {
        display: none;
    }

    div#home,
    li#TocTab /*adds some spacing for the nav items*/ {
        padding-left: 5px;
        display: none;
    }

    #toc.tabs-panel-content /*sets the left padding for the toc items in the expanded nav pane*/ {
        padding-left: 10px;
        margin-top: 10px;
    }

    .tab .tabs-panel /*force expands the TOC in the nav pan*/ {
        display: block;
    }

    #navigation div.tabs div.tab:not(:first-child) /*disables the nav tabs that don't need to display*/ {
        display: none !important;
    }

    body.active a#sidebarButton /*turns off hamburger icon when slide out is open*/ {
        display: none;
    }

    body.active #responsiveHeader {
        margin-left: -60px;
        background-color: #fffff;
        z-index: 1000;
        position: relative;
    }

    body.active #contentBody {
        left: 0;
    }

}

/*styles for responsive width*/
/*phone*/
@media screen and (min-width: 1px) and (max-width: 480px) {
    .hide-extras.active #navigation[role="complementary"] /*this and the next class set the width of the nav bar when opened on phone screens*/ {
        width: 75%;
    }

    .active #contentBody[role="main"] /*see previous*/ {
        margin-right: -75%;
    }
	
	#contentBodyInner
	{
		margin-left: 0px;
		max-width: 90%;
	}
	
}

/*styles for phones*/

/*override styles for TOC printed*/
.GenTOCText1, .GenTOCPageText1, .GenTOCAutoText1 {
    font-weight: normal;
}

/*end override styles for TOC printed*/

/*styles for version selector drop-down*/
._VersionSelectorData span  {
	   display:none !important;
}

._VersionSelectorData select {
	   width:150px !important;
	   margin-left:3px;
	   color: #565656;
	   font-size:inherit !important;
	   text-transform: none !important;
	}

._VersionSelectorData select option {
	   background: #ffffff !important;
	}


#HeaderRight {
	   padding-top:15px !important;
}