.btn-sdk{
    width:200px;
}
ul.ul{
    list-style-position: inside;
    list-style-type: square;
}

.icon{
    height:70px;
}
 
#counter-publisher,
#counter-subscriber{
    display:none;
}
.feature i{
    color:#292929;
}

pre{
    padding:3px;
    display:inline-block;
}

.fn{
    font-size:80%;
} 

.cmdname,
.userinput,
.codeph,
.filepath,
.pt,
.apiname,
.permission{
    font-family:Consolas, Monaco, 'Andale Mono', monospace;
    font-size:0.9em;
}

.topicpath,
.exemplar{
    background-color:#edeeef;
    padding-left:2px;
    padding-right:2px;
}

.menucascade,
.uicontrol,
.wintitle{
    font-weight:bold
}
span.menucascade,
span.uicontrol,
span.ph.uicontrol,
span.wintitle{
    font-weight:bold
}

pre.codeblock,
pre.screen{
    padding:9px;
    margin:9px 6px;
    display:block;
}

.reqperm,
.supplat{
    margin-top:15px;
    padding:10px;
    border:2px solid #073872;
    display:inline-block;}

.inset{
    padding:10px;
    display:inline-block;
    color:white;
    background-color:#073872;
}

.inset .title,
.inset .sectiontitle{
    margin:0px;
    padding:0px;
    color:white;
    font-size:1.2em;
}

table p br{
    display:none;
}

.row:before{
    content:none;
}

.attentiontitle,
.cautiontitle,
.dangertitle,
.fastpathtitle,
.importanttitle,
.remembertitle,
.restrictiontitle,
.tiptitle,
.warningtitle
{
    display:none;
}

.notetitle{
    font-weight:bold;
    font-family:"Roboto", "Raleway", "Source Sans", "Source Sans Pro", Arial, sans-serif;
}

.note{
    padding:8px;
    border:2px solid #073872;
    margin-bottom:8px;
    margin-top:8px;
}

.term{
    font-style:italic
}

.abbreviated-form{
    font-style:normal;
    color:inherit;
}

/*Mess with the glossary*/
.glossdef .shortdesc{
    display:block;
    margin-bottom:15px;
}

.glossSurfaceForm,
.glossAbbreviation,
.glossAcronym{
    display:none;
}

/* -----------------------------------------
	Sha classes
----------------------------------------- */
.image{
    display:block;
    float:top;
    border:1px solid #eeeeee;
    padding:5px
}

.tablecap,
.figcap{
    text-align:left;
    font-family:"Roboto", "Raleway", "Source Sans", Arial, sans-serif;
    text-transform:uppercase;
    font-style:normal;
}

.fig{
    margin-bottom:20px;
    margin-top:20px;
}

.related-links .ullinks{
    list-style:none;
}

.related-links .ullinks:before{
    content:"CONTENTS:";
    font-weight:300;
    font-size:1.2em;
}

.related-links .ullinks li{
    padding-bottom:5px;
    margin-top:15px;
    border-bottom:1px solid #ccc;
    font-size:95%;
}

.relinfo{
    padding:5px 0;
}

.relinfo div{
    padding-bottom:6px;
}

.relinfo .link{
    padding:0 0 7px 7px;
}

.step{
    margin-bottom:10px;
}

/* --------- Content element styles ---------- 
------------------------------------- */
.glossAlt .title{
    padding-top:0;
}

.topictitle1{
    font-size:2.3em;
}

.topictitle2,
.topictitle3{
    margin-top: 7px;
    font-size: 2em;
}

.topictitle2 + .body,
.topictitle3 + .body{
    padding-top:0;
}

.conbody,
.taskbody,
.refbody,
.topic{
    padding:15px;
}

.section{
    padding-bottom:15px;
    margin-bottom:10px;
}

.topic .topic,
.topic .body{
    padding-top:0;
    padding-bottom:0;
    margin-bottom:0;
    border:none;
}

.nested2{
    border-left:1px solid #ececec;
}

/* --------- Colours  ----------*/

::selection{
    color:white;
    background:#073872;
}

/
/* --------- Code ----------
---------------------------*/
pre{
    padding:3px;
    display:inline-block;
}

pre.codeblock,
pre.screen{
    padding:9px;
    margin:9px 6px;
    display:block;
}

code,
.codeblock,
pre.codeblock{
    padding:3px;
    margin:0 0 10px;
    font-size:11px;
    line-height:20px;
    word-break:keep-all;
    word-wrap:normal;
    white-space:pre;
    background-color:#fafafa;
    border:1px solid #CCC;
    border:1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    font-family:Consolas, Monaco, 'Andale Mono', monospace;
    overflow-x:auto;
}
pre.codeblock span{
    font-family:Consolas, Monaco, 'Andale Mono', monospace;
}


/* TABBED CODEBLOCKS */
/*--------------------------------------------------
  REQUI to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide{
    display:none;
}

.sectiondiv{
    margin-bottom:1.5em;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber{

}

.tabberlive{
    margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{
    margin:0;
    padding:3px 0;
    font:14px "Roboto", "Raleway", "Source Sans", "Source Sans Pro", Arial, sans- serif;
    color:#073872;
}

ul.tabbernav li{
    list-style:none;
    margin:0;
    display:inline;
}

ul.tabbernav li a{
    padding:3px 0.5em;
    margin-left:3px;
    border:1px solid #CCC;
    border-bottom:none;
    background:#ddd;
    text-decoration:none;
    border:1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}

ul.tabbernav li a:link{
    color:#4f575d;
}

ul.tabbernav li a:visited{
    color:#4f575d;
}

ul.tabbernav li a:hover{
    color:#4f575d;
    background:#fafafa;
    border-color:#ccc;
}

ul.tabbernav li.tabberactive a{
    color:#073872;
    background-color:#fafafa;
    border-bottom:1px solid #fafafa;
}

ul.tabbernav li.tabberactive a:hover{
    color:#073872;
    background:#fafafa;
    border-bottom:1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab{
    padding:1px;
    border:1px solid #CCC;
    border-top:0;
    background-color:#fafafa;
    margin-top:0px;
    border:1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;

    /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

    /* height:200px; */

    /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

    /* overflow:auto; */
}

.tabberlive .tabbertab pre{
    border:none;
}
/* If desi, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2{
    display:none;
}

.tabberlive .tabbertab h3{
    display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1{

}

.tabberlive#tab2{

}

.tabberlive#tab2 .tabbertab{
    height:200px;
    overflow:auto;
}

/* Hide the spans used to make the title if tabs initialized*/
.tabberlive .tabtitle{
    display:none;
}


.sectiontitle{
    margin:0 0 0 0;
    color:#073872;
    font-weight:400;
    font-size:1.5em;
}

.conbody > .glossdef{
    margin:0 0 0 0;
}

.printButton .glyphicon{
    float:none;
}

.printButton,
.pdfButton{
    float:right;
    z-index:6;
    font-size:2em;
    padding:10px;
    padding-left:0px;
}



.button-container{
    width:50%;
    height:40px;
    max-width:122px;
    float:left;
    text-align:center;
    background-color:#073872;
    -webkit-border-top-left-radius:6px;
    -moz-border-top-left-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-bottom-left-radius:6px;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-bottom-right-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    margin-bottom:5px;
}

.first-button{
    margin-right:16px;
}

.buttontitle{
    display:block;
    font-size: 1.5em;
    color: #666;
}
.buttontitle:hover{
    color: #073872;
}
.function_button,
a.function_button:hover,
a.function_button:visited,
a.function_button:focus
{
    text-align:center;
    font-size:0.75em;
    letter-spacing:0.2em;
    color:#fff;
    background-color:#073872;
    text-transform:uppercase;
    line-height:3.4em;
    text-decoration:none;
}

form.search,
input#query{
    padding-bottom:5px;
    padding-top:5px;
    margin-top:5px;
    margin-bottom:5px;
    width:260px;
    text-transform:uppercase;
}

/* Stuff for the syntax diagrams */
kbd,
var{
    color:#1c1e21;
    background-color:transparent;
    border:none;
    box-shadow:none;
    padding:3px;
    font-size:1.1em;
}

kbd{
    font-weight:700;
}

var{
    font-style:italic;
}

/*Override for inline varnames*/
var.varname{
    color:#666666;
    font-size:inherit;
}

#google{
    margin-bottom:20px;
}

.logo{
    background-size:100%;
    background-repeat:no-repeat;
}
section.outer{
    padding-top:0px;
}
span.ph{
    font-weight:inherit;
}

section.section{
    padding-top:0px;
}
.parentlink{
    margin-bottom:16px;
}
body,
section.context,
section ul,
section ul li,
section ol,
section ol li,
.p,
dt,
dd{
    font-family: 'Roboto', 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:15px;
}
dl{
    padding-top:12px;
}
dd{
    padding-left: 16px;
    margin-bottom: 16px;
}
a,
a.xref{
    font-weight:inherit;
}
ul.ul,
ol.ol{
    padding-top:20px;
}
ul.ul > li{
    position:relative;
    padding:0 0 6px 16px;
}
.body ul.ul{
    margin:0 0 0 24px;
    list-style: square outside none;
}
.body .ul .li .p {
   margin-top:5px;
   margin-bottom:5px;
}

.body .ul  .li{
    margin-bottom:20px;
}


ol{
    margin:0;
    margin-left:2em;
    padding:0;
    counter-reset:li-counter;
}
ol > li{
    position:relative;
    margin-bottom:36px;
    padding:8px 0 8px 16px;
    border-top:1px #eee solid;
}
ol > li:before{
    position:absolute;
    top:0;
    left:-1em;
    width:1.2em;
    height:1.2em;
    font-size:2em;
    line-height:0.84;
    text-align:center;
    color:#fff;
    padding:5px;
    background-color:#073872;
    content:counter(li-counter);
    counter-increment:li-counter;
    border-top:1px #eee solid;
}

li ol > li:before{
    content:counter(li-counter, lower-latin);
    counter-increment:li-counter;
    color:#073872;
    padding:2px;
    background-color:#fff;
}
li li ol > li:before{
    content:counter(li-counter, lower-roman);
    counter-increment:li-counter;
}


/* -----------------------------------------
   TOC styling
----------------------------------------- */

.sidebar{
    width:280px;
    height:100%;
    /* border-right: 3px solid #ccc; */
    position:absolute;
    left:0;
    z-index:999;
}

#toc-content nav{
    background:none;
}

#toc-content{
    list-style:none;
    padding:0;
    margin:0;
}

/* make ALL links (main and submenu) have padding and background color */
#toc-content a{
    display:block;
    background-color:#f8f8f8;
    text-decoration:none;
    padding:12px;
    color:#000;
}

/* Just the guidenames uppercase */
#toc-content > li {
    text-transform:uppercase;
}


/* add hover behaviour */
#toc-content a:hover{
    background-color:#f0f0f0;
}

/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
/* add hover behaviour */ 
#toc-content li.topicref li.topicref{
    overflow:hidden;
    max-height:100%;
    padding-left:16px;
    -webkit-transition:all 0.5s ease-out;
}

/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/

#toc-content li.topicref:hover li.topicref{
    display:block;
    max-height:1000px;
}


/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/

/* add hover behaviour */
#toc-content li.topicref li.topicref a{
    background-color:#f0f0f0;
}

/* hover behaviour for links inside .submenu */
/* add hover behaviour */
#toc-content li.topicref li.topicref a:hover{
    background-color:#e8e8e8;
}



/* TOC icons
.welcome > a:before,
.introduction > a:before,
.quickstart > a:before,
.designguide > a:before,
.developerguide > a:before,
.adminguide > a:before,
.upgradingguide > a:before,
.appendices > a:before
{
    font-family:'themify';
    padding:8px;
    font-size:3em;
    color:#073872;
}
.welcome > a:before{
    content:"\e6a8";
}
.introduction > a:before{
    content:"\e60a";
}
.quickstart > a:before{
    content:"\e652";
}
.designguide > a:before{
    content:"\e606";
}
.developerguide > a:before{
    content:"\e640";
}
.adminguide > a:before{
    content:"\e60f";
}
.upgradingguide > a:before{
    content:"\e65c";
}
.appendices > a:before{
    content:"\e6b7";
}
 */
body{
    width:100%;
    height:100%;
}

.slideout-menu{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:0;
    width:256px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    display:none;
}

.slideout-panel{
    position:relative;
    z-index:1;
    will-change:transform;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel{
    overflow:hidden;
}

.slideout-open .slideout-menu{
    display:block;
}


.no-bottom-padding{
    padding-bottom: 0;
}

.small-icon{
    font-size: 1em;
}
.btn-toc{
   min-width: 18px;
   padding: 0 10px;
}
.overflow-y{
    overflow-y:auto;
}
.feature i {
    color: inherit;
}
img.no-border{
    border: none;
}
.tablenoborder{
    overflow-x:auto;
}
.icon-block{
    display: block;
}
figure{
    display:block;
} 
th span {
    font-weight:bold;
}


/* Table experiment */
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.table .table,.table>tbody>tr:hover,.table-striped>tbody>tr:nth-child(odd),.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f8f8f8}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top}
.table>thead>tr>th{vertical-align:bottom;}
.table>thead>tr>th, .table>thead, .table>thead>tr{border: 1px solid #073872; background-color: #073872; color: white;}
.table,.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td{border:1px solid #eee}
.table>thead>tr>td,.table>thead>tr>th{border-bottom-width:2px}
table col[class*=col-]{position:static;float:none;display:table-column}
table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}
.table>tbody>tr.active:hover>td,.table>tbody>tr.active:hover>th,.table>tbody>tr:hover>.active,.table>tbody>tr>td.active:hover,.table>tbody>tr>th.active:hover{background-color:#ebebeb}
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}
.table>tbody>tr.success:hover>td,.table>tbody>tr.success:hover>th,.table>tbody>tr:hover>.success,.table>tbody>tr>td.success:hover,.table>tbody>tr>th.success:hover{background-color:#d0e9c6}
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}
.table>tbody>tr.info:hover>td,.table>tbody>tr.info:hover>th,.table>tbody>tr:hover>.info,.table>tbody>tr>td.info:hover,.table>tbody>tr>th.info:hover{background-color:#c4e3f3}
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}
.table>tbody>tr.warning:hover>td,.table>tbody>tr.warning:hover>th,.table>tbody>tr:hover>.warning,.table>tbody>tr>td.warning:hover,.table>tbody>tr>th.warning:hover{background-color:#faf2cc}
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}
.table>tbody>tr.danger:hover>td,.table>tbody>tr.danger:hover>th,.table>tbody>tr:hover>.danger,.table>tbody>tr>td.danger:hover,.table>tbody>tr>th.danger:hover{background-color:#ebcccc}

.doc-search-form input{
    background-color: white;
}

.thin-table{
    width:auto;
}
.modified{
    font-size:75%;
    text-align:right;
}