body{

  font-family: 'Open Sans', sans-serif;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0px;
  font-size: 16px;
}

code{

padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
font-size: 14px;

}

iframe{

  width: 100%;
  height: 800px;
  border-color: white;
  border-width: 0px;
}

code{

  word-break: break-all !important;
  display: inline-block !important;
  max-width: 100%;
  white-space: pre-wrap;
}

table{

margin-top: 10px;
margin-bottom: 10px;

}

.code-text-to-normal{

white-space: normal !important;

}

main p{

text-align: justify;

}

.embed-video{

height: 400px !important;

} .sidenav li.active {

background-color: #bf69bf;

}

main ul{

padding-left: 40px !important ;

}

main img{

max-width: 90% ;
margin: 1% 0% 1% 5%;

}

main li{

list-style: disc !important;
list-style-type: disc !important;

}

ul:not(.browser-default)>li {

list-style-type: disc !important;

} strong{

font-weight: bold;

}

/* HEADER */

header{

background-color: #262626 ;
height: 60px;
width: 100%;
position: fixed;
z-index: 1;

}

bblogoheader{

height: 20x;
margin: 22px 0px 0px 30px;

}

dev-docs-span-text{

font-weight: 600;
font-size: 18px;
color: white;
margin-left: 5px;

}

header i{

color: white;
float: right;
margin: 16px 33px 0px 0px;

}

/* MENU */

.menu{

float: left;
background-color: #F8F8F8;
padding-top: 75px;
padding-bottom: 75px;

}

.col-menu{

width: 290px;

}

.accordion-menu ul {

list-style: none;
margin: 0;
padding: 0;

} .accordion-menu li.open > ul {

display: block;

} .accordion-menu li > ul {

/* position: absolute; */
display: none;
height: 0;
overflow: hidden;
transition: height 350ms ease-in-out;
/*margin-left: 25px;*/

} .accordion-menu ul.is-visible {

display: block;
/* height: auto; */

} .accordion-menu li {

/*border-bottom: 1px solid rgba(194, 194, 194, 0.333); */
position: relative;
overflow: hidden;
transition: all .4s ease;
color: black;

} .accordion-menu li:last-child {

border: none;

} .accordion-menu li::after {

content: "";
display: block;
clear: both;

} /* .accordion-menu li > a > svg {

display: block;
position: relative;
fill: rgb(48, 48, 48);
width: 10px;
float: right;
transition: all .3s ease;
margin-top: 17px;

} .accordion-menu li.open > a > svg {

transform: rotate(90deg);

} */ .accordion-menu a {

padding: 7px 20px;
display: flex;
flex-direction: row;
/* justify-content: space-between;*/
align-items: center;
text-decoration: none;
color: black;

} .accordion-menu * {

box-sizing: border-box;

}

.first-level{

font-weight: 500;
font-size: 17px;
line-height: 30px;

}

.second-level{

font-weight: 500;
font-size: 16px;
line-height: 24px;
margin-left: 40px;

}

.third-level{

font-weight: 500;
font-size: 14px;
line-height: 21px;
margin-left: 20px;

}

.content{

font-weight: 300;
font-size: 14px;
line-height: 21px;
margin-left: 20px;
background-color: rgb(255, 255, 255);

} .content a{

border-left-color: #CDCDCD;
border-left-style: solid;
border-left-width: 6px;

}

svg{

display: none;

}

.menu i{

margin-right: 15px;

}

/* BODY */

main{

padding-top: 60px;
display: block;
width: 66%;
float: left;
padding-left: 40px;

}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
}

h1{
  font-size: 42px;
  margin-bottom: 50px;
  line-height: 45px;
  font-weight: 400;
}

h2{
  font-size: 30px;
  margin-bottom: 30px;
  margin-top:30px;
  line-height: 36px;
  font-weight: 400;
}

h3,h4,h5,h6{
  font-size: 24px;
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: 36px;
  font-weight: 400;
}

#third-column-menu{
  float: right;
  display: block;
  margin-right: 101px;
  margin-top: 4%;
}

#third-column-menu li{
  list-style: none !important;
  list-style-type: none !important;
}

body_before_container{

background-color: white;
border: 0px;
padding: 30px 0px 0px 0px;
margin: 0px;

}

.home_welcome_rows{

text-align: justify;

} .home_welcome_rows_icons{

text-align: center;

}

.page-footer{

background-color: #000000;

} .page-footer a:hover{

color: #bb72bb !important;

}

/* —- ROUGIFY STYLES —- */

.highlight table td { padding: 5px; } .highlight table pre { margin: 0; }

.highlight {

color: #faf6e4;
background-color: #212529;
margin-top: 15px;
margin-bottom: 15px;

} .highlight .gl {

color: #dee5e7;
background-color: #4e5d62;

} .highlight .gp {

color: #a8e1fe;
font-weight: bold;

} .highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs {

color: #6c8b9f;
font-style: italic;

} .highlight .cp {

color: #b2fd6d;
font-weight: bold;

} .highlight .err {

color: #fefeec;

} .highlight .gr {

color: #cc0000;
font-weight: bold;
font-style: italic;

} .highlight .k, .highlight .kd, .highlight .kv {

color: #f6dd62;
font-weight: bold;

} .highlight .o, .highlight .ow {

color: #4df4ff;
font-weight: bold;

} .highlight .p, .highlight .pi {

color: #4df4ff;

} .highlight .gd {

color: #cc0000;

} .highlight .gi {

color: #b2fd6d;

} .highlight .ge {

font-style: italic;

} .highlight .gs {

font-weight: bold;

} .highlight .gt {

color: #dee5e7;
background-color: #4e5d62;

} .highlight .kc {

color: #f696db;
font-weight: bold;

} .highlight .kn {

color: #ffb000;
font-weight: bold;

} .highlight .kp {

color: #ffb000;
font-weight: bold;

} .highlight .kr {

color: #ffb000;
font-weight: bold;

} .highlight .gh {

color: #ffb000;
font-weight: bold;

} .highlight .gu {

color: #ffb000;
font-weight: bold;

} .highlight .kt {

color: #b2fd6d;
font-weight: bold;

} .highlight .no {

color: #b2fd6d;
font-weight: bold;

} .highlight .nc {

color: #b2fd6d;
font-weight: bold;

} .highlight .nd {

color: #b2fd6d;
font-weight: bold;

} .highlight .nn {

color: #b2fd6d;
font-weight: bold;

} .highlight .bp {

color: #b2fd6d;
font-weight: bold;

} .highlight .ne {

color: #b2fd6d;
font-weight: bold;

} .highlight .nl {

color: #ffb000;
font-weight: bold;

} .highlight .nt {

color: #ffb000;
font-weight: bold;

} .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {

color: #f696db;
font-weight: bold;

} .highlight .ld {

color: #f696db;
font-weight: bold;

} .highlight .ss {

color: #f696db;
font-weight: bold;

} .highlight .s, .highlight .sa, .highlight .sb, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .sr, .highlight .s1 {

color: #fff0a6;
/* font-weight: bold; */

} .highlight .se {

color: #4df4ff;
font-weight: bold;

} .highlight .sc {

color: #4df4ff;
font-weight: bold;

} .highlight .si {

color: #4df4ff;
/*font-weight: bold;*/

} .highlight .nb {

font-weight: bold;

} .highlight .ni {

color: #999999;
font-weight: bold;

} .highlight .w {

color: #BBBBBB;

} .highlight .go {

color: #BBBBBB;

} .highlight .nf, .highlight .fm {

color: #a8e1fe;

} .highlight .py {

color: #a8e1fe;

} .highlight .na {

color: #a8e1fe;

} .highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {

color: #a8e1fe;
font-weight: bold;

}

/* end of code snipped highlighter */

footer h5{

margin-top: 10px;
margin-bottom: 10px;

}

.clearfix::after {

content: "";
clear: both;
display: block;

}

.table-of-contents a {

border-left-color: rgb(205, 205, 205);
border-left-style: solid;
border-left-width: thick;

}

.table-of-contents a:hover {

border-left-color: #a234b5 !important;
border-left-style: solid;
border-left-width: thick;

}

.table-of-contents{

position: fixed;
right: 50px;

}

/* TABLE OF CONTENTS */

third-column-menu ul:not(.browser-default) {

padding-left: 0;
width: 150px;
list-style-type: none;

}

table-of-contents{

word-break: break-word;

}

.table-of-contents a.active {

font-weight: 500;
padding-left: 14px;
border-left: 2px solid #a234b5;

}

/* Search box */

/* The overlay effect with black background */ .overlay {

height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9); /* Black with a little bit see-through */

}

/* The content */ .overlay-content {

position: relative;
top: 46%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto;

}

/* Close button */ .overlay .closebtn {

position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;

}

.overlay .closebtn:hover {

color: #ccc;

}

/* Style the search field */ .overlay input {

padding: 15px;
font-size: 17px;
border: none;
float: left;
width: 80%;
background: white;

}

.overlay input:hover {

background: #f1f1f1;

}

/* Style the submit button */ .overlay button {

float: left;
width: 20%;
padding: 15px;
background: #ddd;
font-size: 17px;
border: none;
cursor: pointer;

}

.overlay button:hover {

background: #bbb;

}

/* STATUS IN PAGES */

.deprecatedPage {

height: 80px;
margin-top: 30px;
background-color: #b53434;
color: white;
padding-left: 50%;
padding-top: 0px;
font-size: 24px;

}

.draftPage {

height: 80px;
margin-top: 30px;
background-color: #b59f34;
color: white;
padding-left: 46%;
padding-top: 0px;
font-size: 24px;

}

/* SEARCH */

.tipue_search_right input{

height: 1rem !important;

}

tipue_search_content nav{

background-color: #f8f8f8 !important;

}

tipue_search_content{

padding-bottom: 50px;

}

/* MOBILE */

@media only screen and (width : 1499px) {

#main{
  width: 60%;
}

}

@media only screen and (min-width: 993px){ .container {

}

}