/******************************
 [CEM 2018-08-07] Change Notes
- Removed L1 square bullet definition because the new footer uses <li> and it was putting squares in the footer. Updating this fixed the footer issue.
- Increased bullet indentation so they didn't go in front of the TOC.
- Darkened body text color (#2c@c2b) to improve contrast.
- Decreased white space above breadcrumbs.
- Added new H2 class to override main Extreme CSS.
 ******************************/


/******************************
 main
 ******************************/

/*html{
/\*    background: #f0ede5;*\/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   /\* font-size: 13px !important; *\/
   /\* GK 040814 *\/
    font-size: 14px !important;
    color: #2c2c2b;
    line-height: 17px;
    margin: 0 auto !important;
    max-width: 100%;
}

body{
    background: white;
/\*  This change is necessary for ePub. Need a way of choosing the right one for the right circumstances.   *\/
    padding: 0px 0px 15px 0px !important;
    /\*padding: 15px 15px 15px 15px !important;*\/
    margin: 0 auto !important;
    max-width: 100%;
    color: #2c2c2b;
    font-size: 14px;
}
*/
html{
/*    background: #f0ede5;*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   /* font-size: 13px !important; */
   /* GK 040814 */
    font-size: 14px !important;
    color: #2c2c2b;
    line-height: 17px;
    margin: 0 auto !important;
    max-width: 100%;
    font-weight: 500 !important;
}

body{
    background: white;
/*  This change is necessary for ePub. Need a way of choosing the right one for the right circumstances.   */
    padding: 0px 0px 15px 0px !important;
    /*padding: 15px 15px 15px 15px !important;*/
    margin: 0 auto !important;
    max-width: 100%;
    color: #2c2c2b;
    font-size: 16px;
    font-weight: 500 !important;
}


section#main_body, 
div#main_body{
    line-height: 1.25;
    margin-left: 20px;
    float: left;
    max-width: 67%;
    margin-top: -100px;
    margin-bottom: 20px;
    color: #2c2c2b;
}

section section,
div.section_cont div.section_cont{
    margin-left: 0px;
    color: #2c2c2b;
}


/*
 * links
 */

/* [SP] 2019-08-08 sfb: Changing from purple to green-ish (#0090BF). */
/* [SP] 2020-01-31 sfb: Adding toc */
a.CoveoSearchButton,
a.xref,
a.toc,
a{
/* [SP] 2020-01-31 sfb: Larry's accesibility change. */
    color: #0b67b6;
/*    color: #0090BF;*/
}

/* [SP] 2019-08-08 sfb: Set hover color to same. */
div#main_body a.CoveoSearchButton:hover,
div#main_body a.link:hover,
div#main_body a.xref:hover,
div#main_body a:hover
{
/* [SP] 2020-01-31 sfb: Larry's accesibility change. */
color: #0b4cb6;
/*color: #0090BF;*/
}

/* 
 * headings 
 */

body h1{
/* [SP] 2019-08-12 sfb: UNDO ME Changed from 0px to 100px, just so we have a clear view on the content.  */
    padding-top: 120px;
    position:relative;
    /* [SP] 2019-09-25 sfb: Ensure that the h1 doesn't trample on the icons. */
    z-index:-1;
    /*color: #5F4D89;  */
     /*GK 040814*/
    color: #440099;
    font-family: Verdana, Geneva, Arial, Helvetica;
    font-weight: normal;
    /*font-size: 18px; */
    /* GK 040814 */
    font-size: 20px !important; 
    margin-bottom: 8px;
    line-height: 1.4em;
}

h1 > img{
    vertical-align: middle;
    margin-right: 8px;
}

div.tasklabel h2,
div.refbodydiv h2,
section.section h2,
h2{
    color: #440099;
    font-family: Verdana, Geneva, Arial, Helvetica;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 22px !important;
}

div.tasklabel h2.title,
h2.title {
    color: #440099;
    font-family: Verdana, Geneva, Arial, Helvetica;
    font-weight: normal;
    /*font-size: 14px;*/
    /* GK 040814 */
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 22px !important;
 }
 
div.tasklabel h2.related, 
h2.related {
  color: #2c2c2b;
}

/*GK 040814*/
div.tasklabel h3,
h3{
    color: #440099;
}

div.tasklabel h4,
div.tasklabel h5,
div.tasklabel h6,
h4,
h5,
h6 {
  color: #2c2c2b;
}


/******************************
 sideTOC
 ******************************/

nav.sidebar,
div.sidebar {
    background: #F9F9F9;
    width: 195px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;    
    margin-left: 22px !important;
    min-height: 100%;
    clear: both;
    float: left;
    overflow: hidden;
    border-style: solid;
    border-radius: 5px;
    border-width: 1px;
    border-right-width: 0px;
    border-color: #B5B6B7;
    border-left-color: #B5B6B7 !important;
    border-left-width: 7px !important;
    border-left-style: solid !important;     
    -moz-transition: width .5s;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    -webkit-box-shadow: 3px 3px 7px #535355;
    -moz-box-shadow: 3px 3px 7px #535355;        
    box-shadow: 3px 3px 7px #535355;
}

div.box{
    clear: both;
    float: left;
    padding-bottom: 10px;
    /*font-size: 12px;*/
    /*GK 040814*/
    font-size: 14px;
    overflow: hidden;
    min-height: 400px;
    position: relative;
    right: 0px;
    top: 0px;
    border-radius: 5px;
    display: block;
    box-shadow: 1px 1px 1px #535355;    
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

/*  Hambuger placement */
/*div.hamburger {
   margin-left: 20px;
}
*/

/* Hamburger bars */
/*   div.hb_bar {
        width: 30px;
        height: 4px;
        background-color: #0090BF;
        margin: 4px 0;
        border-radius: 0.25rem;
   }
*/
/* override Extreme stylesheet*/
#side_navigation{
    margin-left: 5px !important;
    margin-right: 0px !important;
    padding-left: 5px !important;
    float: left !important;
    height: auto !important;    
    max-width: 20%;
}

/* New CSS to hide show TOC */
input[type="checkbox"]:checked ~ #sidebarMenu { display: block; margin-top:20px;}
/*input[type="checkbox"]:checked ~ #sidebarMenu { transform: translateX(0); }*/

input[type=checkbox] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

.sidebarIconToggle {
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 160px;
  left: 20px;
  height: 22px;
  width: 22px;
  color: #000;
}

#sidebarMenu {
/*  height: 100%;*/
  position: relative;
  left: 0;
  width: 250px;
  margin-top: 0px;
  z-index:1000;
  /* [SP] 2019-10-01 sfb: Add horizontal resize. */
  resize: horizontal;
 
/*  transform: translateX(-250px);*/
/*  transition: transform 250ms ease-in-out;*/
/*  background: linear-gradient(180deg, #FC466B 0%, #3F5EFB 100%);*/
}

.sidebarMenuInner {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.sidebarMenuInner li {
  list-style: none;
  color: #888;
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.sidebarMenuInner li span {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.50);
}

.sidebarMenuInner li a {
  color: #888;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}
.spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #0090BF;
}

.horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}

.diagonal.part-1 {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float: left;
}

.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: 8px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: -9px;
}

/* Back to our usual programming */
 
  /* Make TOC disappear on smaller screens. */
 @media only screen and (max-width: 768px) {
    nav.sidebar,
    div.sidebar,
    #sidebarMenu
    {
        display: none;
    }
    div#tertiaryNavigation {
       display: none;
    }
    div.ex_search_container {
       display:none;
    }

 }
 
 /* Do not show hamburger and magnifying glass on larger screens. */
 @media only screen and (min-width: 768px) {
    div.hamburger {
         display: none;
    }
    label.sidebarIconToggle {
       display: none;
    }
    span.search {
       display:none;
    }
 }



div.open{
    width: 195px;
    -moz-transition: width .5s;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
}

div.closed{
    width: 12px;
    -moz-transition: width .5s;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
}

div.box > div#nav_handle{
    display: block;
    position: absolute;
    right: 0px;
    margin-right: 0px;
    width: 6px;
    min-height: 100%;
    overflow: visible;
    border-right-color: #B5B6B7 !important;
    border-right-width: 7px !important;
    border-right-style: solid !important;
    border-radius: 3px;
    
}

div.box > div#nav_handle > div#nav_handle_img{
    position: absolute;
    margin-top: -18px;
    margin-left: -5px;
    left: 100%;
    top: 50%;
    border: #b5b6b7 1px solid;
    border-radius: 2px;
    height: 36px;
    width: 10px;
    display: block !important;
}

div.open > div#nav_handle:hover > div#nav_handle_img{
    background-color: #fafafa;
}

div.closed > div#nav_handle:hover > div#nav_handle_img{
    background-color: #fafafa;
}

div.open > div#nav_handle > div#nav_handle_img{
    background: #ededed url(../images/nav_handle_small.png) no-repeat center;
}

div.closed > div#nav_handle > div#nav_handle_img{
    background: #ededed url(../images/nav_handle_small_open.png) no-repeat center;
}


/* 
 * sideTOC lists 
 */

div.box > ul{
    overflow: hidden;
}

nav.sections ul,
div.sections ul{
    list-style-type: none;
    margin-left: 2px;
    margin-top: 8px;
    padding: 0px;
    width: 170px;
    line-height:1.2;
}

nav.sections ul ul,
div.sections ul ul{
    list-style-type: none;
    margin-top: 0px;
    margin-left: 15px;
    padding: 0px;
    color: #2c2c2b;
}

nav.sections ul li,
div.sections ul li{
    padding-bottom: 12px;
    padding-right: 4px;
    margin-left: 8px;
    color: #2c2c2b;
}

nav.sections ul li ul li,
div.sections ul li ul li{
    padding-top: 4px;
    padding-bottom: 2px;
    max-width: 140px;
    margin-left: 4px;
    color: #2c2c2b;
}

nav.sections ul li ul li ul li,
div.sections ul li ul li ul li{
    max-width: 125px;
    margin-left: 4px;
    color: #2c2c2b;
}

nav.sections ul li ul li ul li ul li,
div.sections ul li ul li ul li ul li{
    max-width: 100px;
    margin-left: 4px;
    color: #2c2c2b;
}

nav.breadcrumbs ul li,
div.breadcrumbs ul li{
    display: inline;
    list-style-type: disc;
}

nav.breadcrumbs ul li:last-child,
div.breadcrumbs ul li:last-child{
    font-weight: bold
}

span.toc_branch{
    display: block;
    float: left;
    margin-right: 6px;
    margin-left: -15px;
    height: 1.2em;
    width: 9px;
}

span.toc_branch[title = 'Click to expand']{
    background: url(../images/triangle_collapsed.png) no-repeat left center;
}

span.toc_branch[title = 'Click to collapse']{
    background: url(../images/triangle_expanded.png) no-repeat left center;
}


/* 
 * sideTOC PDF and EPUB links 
 */

/* [CE 2-4-15] Removed*/
/*div.epublink,
div.pdflink,
div.search{
    clear: left;
    float: left;
    margin-left: 9px;
}*/

/* [CE 2-4-15] Updating div for PDF and Epub links*/
div.epublink,
div.pdf,
div.search{
    clear: right;
    float: right;
    margin-left: /*9*/18px;
}
div.epublink p,
div.pdf p{
    margin-top: 0px;
    margin-bottom: 8px;
}

div.epublink p a,
div.pdf p a{
    margin-left: 5px;
}

div.epublink p a,
div.epublink p img,
div.pdf p a,
div.pdf p img{
    vertical-align: middle;
    background: transparent !important;
}


/******************************
 breadcrumbs, prev-next
 ******************************/

/*[SP] 2016-08-04 sfb: copied entire selector to catalog.css in WebHelp transform to override this behavior. */
nav.breadcrumbs,
div.breadcrumbs{
    background: url(../images/breadcrumbs.png) repeat-x 5px bottom;
    margin-left: 15px !important;
    min-height: 33px;
    margin-top: 100px; 
    /*[CE 2018-08-01] reduced to 100 px to accomodate new, smaller header*/
    /*[CE 2016-01-12] reduced from 175px per request of Extreme Wireless team*/
    /*[CE 2016-02-04] 30px fixed webhelp but broke XHTML. Reverting to 175px and making change in Webhelp transform @ content_corp.css per recomendation from Scriptorium.*/
    margin-bottom: 10px !important;
    padding-bottom: 16px;
}

nav.breadcrumbs p,
div.breadcrumbs p{
    margin-left: 5px !important;
    color: #9FC237;
    margin-bottom: 8px !important;
}

nav.breadcrumbs p.corp_crumbs,
div.breadcrumbs p.corp_crumbs{
    display: none;
}

nav.breadcrumbs p.lcl_crumbs,
div.breadcrumbs p.lcl_crumbs,
div.lcl_crumbs{
    padding-left: 5px;
    width: 75%;
    font-size: 13px !important;          
    
	display: inline-block;
	/* [SP] 2019-09-27 sfb: Swap padding-bottom for height, so that background image doesn't shift. */
/*	padding-bottom: 70px;*/
   height: 30px;
}

a.lcl_crumbs_title {
  font-size: 15px !important;
  font-weight: bold;
  color: #0b67b6;
}
div.published_date {
   padding-left: 5px;
    width: 25%;
    font-size: 13px !important;          
    /*GK 040814*/
    /*font-size: 16px !important;*/
    /*original font size*/
    /*font-size: 14px !important;*/
	/*GK 081516*/
    float: right;
	display: inline-block;
	padding-bottom: 10px;
	padding-right: 35px;
	text-align: right;
}

ex_search_container {
   float:left; 
   margin-bottom: 5px; 
   margin-left:0px;
}

p.prev_next,
div.prev_next,
div.id-date {
    text-align: right;
    font-size: 13px !important;   
     /*GK 040814*/
   /* font-size: 15px !important;*/
    
    
    margin-right: 0px !important;
    color:#2c2c2b;
	/*GK 081516*/
	/*float: right;*/
	display: inline-block;
	padding-bottom: 10px;
	width: 24%;
	}

span.published {
color:#2c2c2b;
padding-right:0px;
}

div.part_icons {
   width: 100%;
}

span.headerpartno {
display: inline-block;
float:left;
width: 25%;
margin-left: 235px;
}

/*div.part_icons nav.icons{
  margin-right: 50px;
  float:right;
  text-align:right;
}
*/

footer p.prev_next,
div.footer_cont p.prev_next,
div.footer_cont div.prev_next,
div.footer_cont nav.prev_next,
div.footer_cont div.id-date
{
    clear: both;
    margin-right: 1% !important;
}

p.prev-unavailable a img,
p.next-unavailable a img,
p.prev a img,
p.next a img {
   height: 20px;
   width: 20px;
}


#bcrumbs{
    margin-left: 10px;
    margin-bottom: 5px;
    width: 98%;
    line-height: 1.25;
}

a.link {
 display: list-item;
 list-style-type: square;
 margin-bottom: 3px !important;
 margin-left: 50px !important;
 /* [SP] 2020-01-31 sfb: Larry's accesibility change. */
 color: #0b67b6;

}


/******************************
 footer
 ******************************/

div.fn{
    /*font-size: 11px !important; */
     /*GK 040814*/
    font-size: 13px !important;
}

p.copyright{    
    display: none;
}

footer, div.footer_cont{
    clear: both;
	padding-top: 10px;
	padding-bottom: 40px;
}


/******************************
 notes
 ******************************/
/* [SP] 2019-08-09 sfb: Removed borders from top and bottom.  */
div.note{
/*    border-top: solid #2c2c2b 1px;
    border-bottom: solid #2c2c2b 1px;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

div.Tablenote{
    border-top: none #2c2c2b 0px;
    border-bottom: none #2c2c2b 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.note p{
    margin-top: 6px;
    margin-bottom: 6px; 
}

div.warning,
div.caution,
div.note{
    margin-left: 60px;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

div.warning > img,
div.caution > img,
div.note > img{
    float: left;
    padding-right: 0px;
    margin-left: -55px;
    max-width: 40px;
}

div.Tablenote{
    margin-left: 0px;
    margin-bottom: 6px;
    }

div.note div.p{
    color: #2c2c2b;
}

p.warningtitle{
/* [SP] 2020-01-31 sfb: Larry's accesibility change. */
    color: #1e7300;
/*    color: #abbd26;*/
    font-weight: bold;
    margin-top: 25px;
    text-transform:uppercase;
}

p.cautiontitle{
/* [SP] 2020-01-31 sfb: Larry's accesibility change. */
    color: #1e7300;
/*    color: #abbd26;*/
    font-weight: bold;
    margin-top: 25px;
    text-transform:uppercase;
}
/* [SP] 2019-08-08 sfb: Added new styles for admonitions. */
p.dangertitle{
/* [SP] 2020-01-31 sfb: Larry's accesibility change. */
    color: #1e7300;
/*    color: #abbd26;*/
    font-weight: bold;
    margin-top: 25px;
    text-transform:uppercase;
}
p.attentiontitle,
p.importanttitle{
/* [SP] 2020-01-31 sfb: Larry's accesibility change. */
    color: #1e7300;
/*    color: #abbd26;*/
    font-weight: bold;
    margin-top: 25px;
    text-transform:uppercase;
}

p.notetitle + p.p,
div.note p.p{
    /*font-weight: bold;*/
    font-weight:normal;
}

p.notetitle{
/* [SP] 2020-01-31 sfb: Larry's accesibility change. */
    color: #1e7300;
/*    color: #abbd26;*/
    font-weight: bold;
    margin-top: 25px;
    text-transform:uppercase;
    
}

p.noticetitle,
p.tiptitle{
/* [SP] 2020-01-31 sfb: Larry's accesibility change. */
    color: #1e7300;
/*    color: #abbd26;*/
    font-weight: bold;
    margin-top: 25px;
    text-transform:uppercase;
    
}

p.warningtext{
    margin-top: -10px;
}

span.ph.menucascade{
font-weight: bold;
color: #2c2c2b;
}

span.ph.uicontrol{
font-weight:bold;
color: #2c2c2b;
}

span.table_admonition{
    font-weight:bold;
}

/******************************
 figures and tables
 ******************************/

/* 
 * figure and table captions 
 */

.fig_table_caption,
.figcap{
    /*font-size: 12px !important;*/
     /*GK 040814*/
    font-size: 14px !important;
    font-style: italic;
    color: #5F4D89;
}



#expand,
.expand{
    display: inline;
    float: left;
    margin-right: 3px;    
}

.tablenoborder{
    margin-bottom: 8px;
}

    /* '\9' targets <IE9 only */

.tablenoborder .expand > img{
    /*margin-top: 3px\9;*/     
}

div.table_exp *{
    /*font-size: 12px;*/
     /*GK 040814*/
    font-size: 14px;
}

td > div.figborder{
    /*margin: 5px;*/
    /*padding: 5px;*/
}

td{
    padding: 5px;
}

td p.p{
    /*line-height: 10px;    */
    /*font-size: 13px !important;   */
     /*GK 040814*/
    font-size: 14px !important;
    color: #2c2c2b;
}



dt.dthd {
  width: 160px;
  word-wrap: break-word;
  padding-left: 5px;
  padding-right: 10px;
  color: #440099;
  font-size: 14px;
}

dd.ddhd {
   color: #440099;
   font-size: 14px;
}


td.dt {
    font-weight: bold;
    word-wrap: break-word;
    text-align: left;
    vertical-align: top;
    width: 160px;
    border: transparent !important;
    font-size: 14px;
    color: #2c2c2b;
   
}

td.dd {
    
    text-align: left;                   
    vertical-align: top;
    border: transparent !important;
    font-size: 14px;
    color: #2c2c2b;
  
}

/* 
 * figures 
 */

img.productexample{
    float: right
}

/* Limit images to 600 px wide. */
img.image{
    clear: both;
    display: block;
   /* margin: auto;    */
/*    max-width: 500px;*/
/*  Setting max-width by percentage.  */
    max-width: 75%;
 
    /* Scale the height proportionally. */
    height: auto;
    max-height:auto;
}

img.image.imageinline {
   display:inline;
/*  2015-04-03 sfb: changed from 100% to 280px. */
   max-width: 280px;
   max-height: 280px;
}

embed.image{
    height: 200px;
    width: 200px;
}

div.figure_exp,
div.table_exp{
    padding: 10px;
}

div.figure_exp img.image{
    max-height: 80% !important;
    max-width: 80% !important;
    margin: 10px;
}

div.figborder{
    /* sfb 15-Jan-13: Max width was limiting SVG display. */
    /* sfb 03-Apr-15: Images were overlapping the border, added 20px to the max-width and removed max-height.*/
    /* sfb 01-Sep-16: Relaxing width even further to 320px (needs to change inconcert with img.image, above).   */
    max-width: 320px;
/*    max-width: 300px;*/
/*    max-height: 280px;*/
    padding-top: 3px;
    padding-bottom: 10px;
}

div.figborder + div.tablenoborder > table.table{
    width: 268px !important;
}

.figborder img{
    /*height:auto;*/
    /*added or changed for epub*/
    /*max-width: 150px;*/
    /*width:75%;*/
    border: 10px;
}

.figborder{
    border-style: solid;
    padding-left: 3px;
    border-width: 1px;
    padding-right: 3px;
    margin-top: 1em;
    border-color: gray;
}

div.fignone{
    /*  sfb: None means no border, NOT "don't display the figure at all"! */  
    /* display: none !important; */
    border-style: none;
    padding-left: 3px;
    border-width: 0px;
    padding-right: 3px;
    margin-top: 1em;
    margin-bottom: 10px;
    border-color: white;
}

.figure_exp * img{
    max-width: 600px;
}

.figure_exp .expand,
.table_exp .expand{
    display: none;
}

.figure_exp img.image{
    /*width: 100% !important;*/
    /*max-width: 100% !important;*/
    margin: 10px;
}


/* 
 * tables 
 */

/* [SP] 2019-08-12 sfb: Added simpletable. */
table.simpletable, table.table, tr, th, td{
/* [SP] 2019-08-09 sfb: Changed border-spacing from 2px to 0px */
    border-spacing: 0px !important;
}
    /* [SP] 2020-02-03 sfb: Turned off to allow allow-user-rules to take effect. */
/*    border: 1px solid gray !important;*/

table.simpletable caption,
table.table caption {
   text-align: left;
}

#main_body table.table{
    border: 1px solid gray !important;
    width: 100%;
    margin-bottom: 12px;
    border-collapse: collapse;
}

thead.thead > tr.row > th.entry{
    padding: 4px 6px 4px 6px !important;
    /*font-size: 13px;*/
     /*GK 040814*/
    font-size: 14px;
}

.row:before, .row:after {
   display: none;
}

thead.thead{
    background: #440099 !important;  
    color: #ffffff
}

tbody.tbody > tr.row > td.entry{
    padding-right: 6px !important;
    padding-left: 6px !important;
    padding: 0 6px 6px 6px !important;
}

/* [SP] 2019-08-09 sfb: Added alternating row shading */
tbody.tbody > tr.row {
   background-color: #ffffff;
}
tbody.tbody > tr[data-en=row-shade] {
   background-color: #d4d4d7;
}

/* Set the defaults for styling */
tr.row .entry,
tr[data-en=row-shade] .entry {
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}


/* [SP] 2020-02-03 sfb: Define user-specified colsep and rowsep. */
table.allow-user-rules tbody .row .colsep-0 {
    border-right: 0px none white !important;
}
table.allow-user-rules tbody .row .colsep-1 {
    border-right: 1px solid gray !important;
}

/*table.allow-user-rules tbody .row-shade .colsep-0 {*/
table.allow-user-rules tbody tr[data-en=row-shade] .colsep-0 {
    border-right: 1px solid #d4d4d7 !important;
}

table.allow-user-rules tbody tr[data-en=row-shade] .colsep-1 {
    border-right: 1px solid gray !important;
}

table.allow-user-rules tbody .row .rowsep-0 {
    border-bottom: 0px none white !important;
}
table.allow-user-rules tbody tr[data-en=row-shade].rowsep-1 .entry,
table.allow-user-rules tbody tr[data-en=row-shade] .rowsep-1 {
    border-bottom: 1px solid gray !important;
}
table.allow-user-rules tbody tr[data-en=row-shade].rowsep-0 .entry,
table.allow-user-rules tbody tr[data-en=row-shade] .rowsep-0 {
    border-bottom: 0px none gray !important;
}


table.allow-user-rules tbody .rowsep-1 {
    border-bottom: 1px solid gray !important;
}

table.allow-user-rules tbody .en-default-seps {
    border-bottom: 1px solid gray !important;
    border-right: 0px none gray !important;
}

/* no-subrow-seps */

tr.subsequent + tr .en-default-seps,
tr.first + tr .en-default-seps,
tr.first + tr .entry
{
    border-right: 0px none gray !important;
}
tr.en-default-seps .entry{
    border-right: 0px none gray !important;
}

tr.no-subrow-seps .en-default-seps,
tr.no-subrow-seps .rowsep-1{
    border-bottom: 0px none gray !important;
    border-right: 0px none gray !important;
}
tr.first td:first-child.entry {
    border-bottom: 1px solid gray !important;
    border-right: 0px none gray !important;    
}

tr.last-row .en-default-seps,
tr.last-row .entry,
tr.last-row .rowsep-1{
    border-bottom: 1px solid gray !important;
    border-right: 0px none gray !important;
}

/* This is the td element that contains the vertical straddle. */
tr.no-subrow-seps [rowspan].en-default-seps,
tr.no-subrow-seps [rowspan].rowsep-1{
    border-bottom: 1px solid gray !important;
}



td.entry {
/*font-size: 13px !important; */
 /*GK 040814*/
font-size: 14px !important;
}

table.table embed{
    width: 50px !important;
    height: 50px !important;
}

table .p{
    margin-top: 4px;
    margin-bottom: 0px;
    /*font-size: 13px !important; */
     /*GK 040814*/
    font-size: 14px !important;
    color: #2c2c2b;
}
/* [SP] 2019-09-20 sfb: Ensure that table headers are in white, even if there's a p.  */
th.entry > p {
    background: #440099 !important;  
    color: #ffffff
}

/* [SP] 2019-12-09 knh: definition list (dl) as indented list */

dt {
    display: block;
    font-weight: bold;
}

dd {
    display:block;
    margin-left: 16pt !important;
}

dd dd {
    margin-left: 16pt !important;
}

dd dl {
    margin-left: 16pt;
}

dd > ul, li {
    margin-left: 16pt !important;
}

dd > ol, li {
    margin-left: 16pt !important;
}

/* [SP] 2019-12-09 knh: no longer need this */
/*GK 050614 styling for definiton lists as tables*/
/*table.dl {
    border: transparent !important;
}

tr.dlentry{
    border: transparent !important;
}
*/
div.tablenoborder{
    /*font-size: 9px; */
     /*GK 040814*/
    font-size: 11px;
}

div.tablenoborder > p{
    margin-top: 6px;
    margin-bottom: 3px;
}


/******************************
 lists
 ******************************/

ul.ullinks{
    list-style-type: square;
}

.ulchildlink{
    /*margin-bottom: 3px;*/
    margin-top: 3px;
}

#main_body ol,
#main_body ul{
    margin-left: 20px !important;
    color: #2c2c2b;
}

#main_body ol
{
    list-style: decimal !important;
    color: #2c2c2b;
}
/*[CEM 2018-08-1] Increased bullet margins as they are interfering with ToC*/
#main_body ol li ol
{
    list-style: lower-alpha !important;
    margin-left: 20px !important;
    color: #2c2c2b;
}

#main_body ol ol
{
    list-style: lower-alpha !important;
    margin-left: 20px !important;
    color: #2c2c2b;
}
/* [SP] 2019-08-08 sfb: This was overriding the type on the <ol> tag.  */
#main_body ol ol ol
{
    list-style: lower-roman !important;
    margin-left: 20px !important;
    color: #2c2c2b;
}

ol.steps{
    list-style: decimal !important;
    color: #2c2c2b;
}

ol.substeps{
    list-style: lower-alpha;
    margin-left: 20px !important;
    color: #2c2c2b;
}

li.step,
li.substep{
    margin-top: 10px !important;
    color: #2c2c2b;
}
/*Removed by CEM to fix footer*/
/*#main_body ul{
    list-style-type: square !important;
    color: #2c2c2b;
}*/
#main_body li[class~=step] ul {
    margin-top: 6px;
    list-style-type: disc !important;
    margin-left: 10px !important;
    color: #2c2c2b;
}

#main_body ul ul{
    list-style-type: circle !important;
    margin-left: 20px !important;
    color: #2c2c2b;
}

#main_body ul ul ul{
    list-style-type: square !important;
    margin-left: 20px !important;
    color: #2c2c2b;
}

#main_body ul ol {
  margin-left: 20px !important;
  color: #2c2c2b;
}

#main_body ol ul,
#main_body ol ul li {
  list-style-type: disc !important;
  margin-left: 10px !important;
  color: #2c2c2b;
}

#main_body ol ul ul li {
    list-style-type: circle !important;
}


/******************************
 para, span, blockquote, terms
 ******************************/

/* dl styles */
.term{
    /*font-weight: bold;    */
    font-style: italic;
    color: #2c2c2b;
    }
    
cite{
    font-style: italic;
}

div.search p{
    font-weight: bold;
    margin-bottom: 0px;
}

input.search{
    cursor: pointer;
    color: #5F4D89;
    font-weight: bold;
    padding: 1px 2px;
}

input {
  width: 165px !important;
/*  float: right;*/
}

div.unittoggle{
    margin-top: 10px;
    text-align: left;
    float: left;
    clear: both;
    display: none;
}

/* syntax descriptions. */
var.keyword,
span.keyword {
   font-family: courier;
   font-weight: bold;
}

span.uicontrol span.keyword {
   font-family: inherit;
   font-weight: bold;
   font-size: 16px;

}

dfn.keyword {
/* [SP] 2019-04-10 sfb: Larry asked for keywords to be normal. */
/*   font-family: courier;*/
   font-style: normal;
/*   text-decoration: dashed;*/
}

var.wintitle, span.keyword.wintitle, span.wintitle, wintitle {
font-family: inherit;
font-weight: bold;
}

/*  Software domain. */
var.varname,
span.varname {
    font-style: italic;
}
span.cmdname {
    font-weight: bold;
}

/* Programming domain. */
span.var {
    font-style: italic;
    
}
/* [SP] 2019-12-10 sfb: Do not bold in dlentry (parml) */
dl.parml span.var{
    font-weight: normal;
}

span.kwd {
    font-weight: bold;
}


/* Reserved for future use. */
span.si{
}

span.us{
}

nav.icons{
  margin-top: 0px;
  margin-right: 35px;
  float:right;
  text-align:right;
  padding-left: 20px;
}

nav.icons a img{
    margin: 0 8px -5px 0;
}

span.search,
span.pdf,
span.epublink,
span.print,
span.mail-to,
span.feedback,
span.prev-unavailable,
span.next-unavailable,
span.prev,
span.next
{
    padding: 1px;
    font-size: 13px;  
    color: #5F4D89;
    float: left;
    text-align: right;
    margin-bottom: 3px;
    margin-right: 0px;
    margin-left: 15px;
    height: 20px;
    width: auto;
    min-width: 20px;
    max-width: 30px;
    margin-top:0px;
}

@media only screen and (max-width: 768px) {
   span.search,
   span.pdf,
   span.epublink,
   span.print,
   span.mail-to,
   span.feedback,
   span.prev-unavailable,
   span.next-unavailable,
   span.prev,
   span.next
   {
       margin-left: 2px;
   }
}


div.footer_cont span.search,
div.footer_cont span.print,
div.footer_cont span.pdf,
div.footer_cont span.mail-to,
div.footer_cont span.feedback,
div.footer_cont span.prev,
div.footer_cont span.next{
    clear: none;
    /*width: auto;*/
}

div.footer_cont div.print_email,
div.footer_cont nav.icons
{
    float: right;
}

span.search,
span.print,
span.mail-to,
span.pdf,
span.feedback,
span.prev-unavailable,
span.next-unavailable,
span.prev,
span.next {    
    padding: 1px;
}

span.search a img,
span.print a img,
span.mail-to a img,
span.pdf a img,
span.feedback a img,
span.prev-unavailable a img,
span.next-unavailable a img,
span.prev a img,
span.next a img
{
    width: 20px;
    height: 20px;
    margin: 0 3px -3px 3px;
}


/* [SP] 2019-08-09 sfb: Added tooltip to icons. */
/* Tooltip container */
.tooltip {
  position:relative;
  display: inline;
  cursor: pointer;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333333;
  color: #fff;
  text-align: center;
  padding: 1px 0;
  border-radius: 2px;
  
  /* Position the tooltip text*/
  position: absolute;
  z-index: 1;
  top: 30px;
/*  left: 10%;*/
}
/*
 visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /\* Position the tooltip *\/
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 10%;
*/
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}


/******************************
 override Extreme main.css
 ******************************/

div.Coveo-search-container {
    /* This has to be hard coded, so that things don't change y-position when search is hidden.  */
    height: 60px;
} 

#tertiaryNavigation{
    margin-bottom: 10px !important;
}

#tertiaryNavigation a{
    margin-top: 10px !important;
    padding-right: 2px !important;
}

div.logo > img{
    width: 170px !important;
    margin-left: 30px;
}


div.refsyn {
   /*margin-bottom: 10px; */
   /*Moved margin-bottom to synph so that it will apply to synph both inside and outside the refsyn.*/
}

section.refsyn {
     margin-bottom: 10px; 
}

synph, span.synph{
   font-family: courier;
    display:inline-block;
    /* Note, this will cause any pretty printing passed from the XML to the 
       HTML to be taken literally. 
        * Commented out by GK 050614 per HTML ticket request./
   /* white-space: pre-wrap; */
    /* [SP] 2020-01-21 sfb: Removed because of uneven vertical spacing.*/
    /*   padding-bottom: 10px; */
  
}

div.search{
    margin-left: 18px !important;
    background: transparent !important;
    display: none;
}

div.search > form > input,
div.search > form > input.search,
div.search > form > select{
    width: 160px;
}

#footer{
    margin-top: auto !important;
}

div.p {
  color: #2c2c2b;
}

p,
.widget p,
.textwidget,
#project-highlights li {
  color: #2c2c2b;
}

q, span.q {
  font-size: 14px !important;
  padding-bottom: 20px !important;
  display: block;
  color: #2c2c2b;
}

sup {
   top: -0.8em;
}

sub, sup {
   font-size: 50%;
}

span.servicemark {
  font-size: 50%;
  top: -0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.related-links:before {
   color: #440099;
   font-family: Verdana, Geneva, Arial, Helvetica;
   font-weight: normal;
   font-size: 18px;
   font-size: 20px !important;
   padding-top: 20pt;
   margin-bottom: 8px;
   line-height: 1.4em;
   display:block;
   content: "Related Links";
}

.related-links {
/*  padding-top: 20px;*/
  padding-top: 0px;
}

.relinfo.reltasks {
  padding-bottom: 0px;
}

.relinfo.relconcepts {
  padding-bottom: 0px;
}

/* [SP] 2019-10-11 sfb: Expedient fix: hide the labels on link groups. */
div.relinfo br,
div.relinfo strong {
   display:none;
}

.small {
  color: #2c2c2b;
}

li {
  color: #2c2c2b;
}


.unicode {font-family: "Arial Unicode MS";}

/* [CE 5-15-17] Added styling for filepath*/
span.ph filepath {
    font-family: courier;
}

/* [SP] 2017-11-21 sfb: Format for "NEW!" label. */ 
span.new_label {
   color: #0971ce;
   font-family: Verdana, Geneva, Arial, Helvetica;
   font-weight: bold;
   font-style: italic;
   font-size: 20px; 
   margin-left: 25px;
}
/* [SP] 2019-01-29 sfb: Border around codeblock. */
pre.codeblock {
    border: thin solid #DBECFD;
/*    border: thin solid #440099;*/
    padding: 3px;
    margin-top: 0px;
    background-color: #DBECFD;
    /* [SP] 2020-09-01 sfb: Test for wide codeblock elements. */
    float: left;
    min-width: 100%;
    max-width: max-content;
}

div.copy_button_block {
   margin-top: 16px;
   text-align: right;
}
button.copy_button {
   padding: 0px;
   border: white 0px none;
}

img.copy_button_image {
   height: 24px;
}

/* [CE 2-9-15] Added search form styling from Kate Gilbert*/
/* [CE 2-25-15] Removed*/
/*.gsc-control-cse {
	width: 200px;
	float: right;
}
td.gsc-search-button { 
	display: none; 
}
table.gsc-search-box td.gsc-input, table.gsc-search-box tr, td {
	border: none !important; 
	padding: 0px;
}
#tertiaryNavigation a.gsst_a {
	margin-top: 5px !important;
}
.gsib_a {
	padding: 4px 6px 0;
}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
	padding-left: 8px;
	padding-right: 8px;
}

@media only screen and (device-width: 768px) {
  section#main_body, div#main_body{
    max-width: 50%;
  }
}
*/

/* If using adaptive CSS, uncomment this. 
   WARNING: The adaptive CSS make ePub very unhappy.  If you re-enable this, find a way of doing it for XHTML only. 
*/
/*@import url('a.css');*/

/*
 * EOF ///////////////////////////////////////
 */