@import "https://fonts.googleapis.com/css?family=Poppins";

body {
font-family:"Poppins", sans-serif;
font-size:15px;
background: white;
}

p, ul, ol, li {
font-family:"Poppins", sans-serif;
font-size:14px;
font-style: normal;
font-variant-ligatures: normal;
font-variant-caps: normal;
font-variant-numeric: normal;
font-variant-east-asian: normal;
font-weight: normal;
font-stretch: normal;
line-height: 25px;
}

#content div.section > div.titlepage > div > div > h3.title:before {  
content :"";
display: block;
width: 100%;
height: 1px;
background: #CCC;
margin-bottom: 10px;
}

#content div.section div.titlepage h4.title:before {  
content :"";
display: block;
width: 100%;
height: 1px;
background: #CCC;
margin-bottom: 10px;
color:#0E123D;
}

#content div.itemizedlist p.title {
margin: 0px;
}

#content div.orderedlist p.title {
margin: 0px;
}

#content div.table p.title {
margin: 14px;
}

#content div.itemizedlist p.title b {
font-weight: normal;
}

#content div.orderedlist p.title b {
font-weight: normal;
}

#content div.itemizedlist p.simpara {
margin: 0px;
line-height: 26px;
}

#content div.orderedlist p.simpara {
margin: 0px;
line-height: 26px;
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
margin-top:30px;
}

#content h1 {
font-family:"Poppins", sans-serif;
color:#0684F8;
font-size:36px;
font-weight:600;
}

#content h2 {
color:#0E123D;
  font-family:"Poppins", sans-serif;
font-size:36px;
font-weight:600;
}

#content h3 {
color:#0684F8;
font-family:"Poppins", sans-serif;
font-size:22px;
font-weight:600;
}

#content h4 {
color:#0E123D;
font-family:"Poppins", sans-serif;
font-size:18px;
font-weight:600;
}

p.title,p.legalnotice-title {
font-size:14px;
}

div.book > div.titlepage h1 {
color:#0684F8;
font-size:34px;
text-align:left;
}

div.book > div.titlepage h2.subtitle {
font-style:normal;
text-align:left;
}

div.titlepage h2,div.titlepage h3,div.titlepage h4,div.titlepage h5,div.titlepage h6 {
font-style:normal;
}

div.section div.titlepage h3 {
color:#0684F8;
font-size:18px;
}

div.section div.titlepage h4 {
color:#0E123D;
font-size:16px;
}

div.section div.titlepage h5 {
color:#0684F8;
font-size:16px;
}

div.section div.titlepage h6 {
color:#7B8AA0;
font-size:14px;
}

#content p {
color:#7B8AA0;
}

#content ul,#content ol,#content li {
color:#7B8AA0;
font-family:"Poppins", sans-serif;
font-size:14px;
line-height:150%;
}

#content .toc > p,#content .list-of-figures > p,#content .list-of-tables > p,#content .list-of-examples > p {
color:#0684F8;
font-family:"Poppins", sans-serif;
font-size:16px;
font-style:normal!important;
}

#header {
background:none;
background-color:#0E123D;
border:none;
color:#fff;
height:80px;
padding: 0px 30px 0 30px;
display:  flex;
align-items: center;
width: auto;
}

#headerlogo img {
  max-height: 70px;
}

#leftnavigation {
border:none;
top:80px;
background: #F6F7F8;
}

#leftnavigation #tabs {
background: none;
color:#7B8AA0;
font-size:14px;
}

#leftnavigation li {
background-color:#F6F7F8 !important;
}

#pagetitle {
color:#fff;
font-family:"Poppins", sans-serif;
font-size:16px;
font-weight:600;
text-align:center;
padding-top: 0;
flex: 1;
order: 1;
}

.toc > p,.list-of-figures > p,.list-of-tables > p,.list-of-examples > p {
color:#0684F8;
font-family:"Poppins", sans-serif;
font-size:16px;
}

#content {
background-color:#fff;
top:100px;
left:30px;
}

.programlisting {
background-color:#eee;
padding:4px;
}

.screen {
background-color:#eee;
padding:4px;
}

.informaltable,.table {
margin-bottom:12px;
}

.informaltable th,.table th,.informaltable td,.table td {
padding:5px;
}

.informaltable th,.table th {
background-color:#BFC7D1;
font-family:"Poppins", sans-serif;
}

.informaltable th p,.table th p,.informaltable td p,.table td p {
margin:2px 0;
}

.note,.tip,.important,.warning,.caution {
background-position:30px center;
background-repeat:no-repeat;
background-color:#F6F7F8;
background-size:45px 45px;
border-radius:6px;
margin:40px 0px;
padding-bottom:10px;
padding-left:6.5em;
padding-top:10px;
}

.note h3, .tip h3, .warning h3, .caution h3, .important h3 {
font-size:16px !important;
}
.note {
background-image: url("Note.svg");
}

.tip {
background-image: url("Info.svg");
}

.warning {
background-image: url("Astuce.svg");
}

.caution {
background-image: url("Astuce.svg");
}

.important {
background-image: url("Important2.svg");
}

.admon-content p {
margin:0 0 6px;
}

#content dt {
font-family:"Poppins", sans-serif;
font-size:14px;
line-height:20px;
}

span.term {
font-size:12px;
font-weight:700;
}

div.mediaobject {
margin-bottom:12px;
overflow:auto;
text-align:center;
}

#content img {
max-width:95%;
}

#content div.figure p.title {
font-style:italic;
}

span.clickable {
display:inline-block;
position:relative;
}

#content span.clickable img {
max-width:none;
}

span.clickable a {
box-sizing:border-box;
display:block;
position:absolute;
text-decoration:none;
}

span.clickable a:hover {
border:2px dotted red;
}

div.clicked {
border:1px solid red;
box-sizing:border-box;
position:absolute;
}

input[type=text],.searchButton {
border-color:#EDEFF2;
border-radius:6px;
box-shadow:none;
font-size:16px;
padding:10px;
font-family:"Poppins", sans-serif;
}

.searchFieldSet {
border:none;
font-family:"Poppins", sans-serif;
font-weight:600;
}

.filetree li {
padding:2px 0 10px 16px;
background-color: #F6F7F8;
}

.filetree span.file {
background:none;
background-color: #F6F7F8;
}

.ui-widget-header {
background:#f6f6f6;
}

#navheader a {
color:#F6F7F8;
margin : 10px;
}

#navheader table {
padding:0 10px 0 5px;
}

#navheader {
position:static;
top: auto;
right: auto;
order: 2;
margin-right: 6px;
}

filetree span.folder,.filetree span.chapter,#pagetitle {
text-transform:uppercase;
font-weight:600;
}

#leftnavigation em {
font-size:14px;
font-style:normal;
font-weight:600;
}

.code {
background-color:#EDEFF2;
color:#000;
padding-left:3px;
padding-right:3px;
}

div.titlepage,#content h1,#content h2 {
font-family:"Poppins", sans-serif;
}

#showHideButton,#showHideHighlight {
display:none;
}

.treeview .hover,#content p.legalnotice-title,.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited,.navfooter a,.ui-widget-content a {
color:#0684F8;
}

div.navfooter {
margin-bottom:10px;
}

.treeview ul {
background-color: #F6F7F8;
}

.toc a:visited,.list-of-figures a:visited,.list-of-tables a:visited,.list-of-examples a:visited,.toc a:link,.list-of-figures a:link,.list-of-tables a:link,.list-of-examples a:link {
color:#0684F8;
font-family:"Poppins", sans-serif;
}

div.revhistory table,.informaltable table,.table table {
border-collapse:collapse;
}

div.revhistory th,div.figure {
text-align:center;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
border:none;
}

/* Responsive styles */
@media (max-width: 1200px) {
  #content {
    top: 80px;
    left: 20px;
  }

  #header {
    height: 70px;
    padding: 0 20px;
  }

  #pagetitle {
    font-size: 14px;
  }

  .note, .tip, .important, .warning, .caution {
    padding-left: 5em;
  }
}

@media (max-width: 768px) {
  #content {
    top: 60px;
    left: 10px;
  }

  #header {
    height: 60px;
    padding: 0 10px;
  }

  #pagetitle {
    font-size: 12px;
  }

  .note, .tip, .important, .warning, .caution {
    padding-left: 4em;
    margin: 20px 0;
  }

  .informaltable th, .table th, .informaltable td, .table td {
    padding: 3px;
  }
}

@media (max-width: 480px) {
  #content {
    top: 50px;
    left: 5px;
  }

  #header {
    height: 50px;
    padding: 0 5px;
  }

  #pagetitle {
    font-size: 10px;
  }

  .note, .tip, .important, .warning, .caution {
    padding-left: 3em;
    margin: 10px 0;
  }

  .informaltable th, .table th, .informaltable td, .table td {
    padding: 2px;
  }

  .programlisting, .screen {
    padding: 2px;
  }
}