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

body {
font-family:"Comfortaa", "Century Gothic", sans-serif;
font-size:14px;
background: white;
}


#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;
}

#content li div.itemizedlist p.title {
padding: 0px 0px 10px 0px;
}

#content li div.orderedlist p.title {
padding: 0px 0px 10px 0px;
}

#content div.itemizedlist p.title {
line-height: 0;
margin: 0px;
padding: 10px 0px 0px 0px;
}

#content div.orderedlist p.title {
line-height: 0;
margin: 0px;
padding: 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 h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
margin-top:18px;
}

#content h1 {
font-family:"Comfortaa", "Century Gothic", sans-serif;
color:#0071b8;
font-size:36px;
font-weight:400;
}

#content h2 {
color:#0071b8;
font-family:"Comfortaa", "Century Gothic", sans-serif;
font-size:32px;
font-weight:400;
}

#content h3 {
color:#0071b8;
font-family:"Comfortaa", "Century Gothic", sans-serif;
font-size:24px;
font-weight:600;
}

#content h4 {
color:#0071b8;
font-family:"Comfortaa", "Century Gothic", sans-serif;
font-size:18px;
font-style:italic;
font-weight:600;
opacity:.7;
}

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

div.book > div.titlepage h1 {
color:#0071b8;
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:#0071B8;
font-size:18px;
}

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

#content p {
color:#000;
font-family:"Comfortaa", "Century Gothic", sans-serif;
font-size:14px;
}

#content ul,#content ol,#content li {
color:#000;
font-family:"Comfortaa", "Century Gothic", sans-serif;
font-size:14px;
line-height:26px;
}

#content .toc > p,#content .list-of-figures > p,#content .list-of-tables > p,#content .list-of-examples > p {
color:#0071b8;
font-family:"Comfortaa", "Century Gothic", sans-serif;
font-size:16px;
font-style:normal!important;
}

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

#leftnavigation {
border:none;
top:81px;
background: #FDFEFE;
}

#leftnavigation #tabs {
background: none;
}

#pagetitle {
color:#fff;
font-family:"Comfortaa", "Century Gothic", sans-serif;
font-size:14px;
font-weight:400;
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:#0071b8;
font-family:"Comfortaa", "Century Gothic", sans-serif;
font-size:16px;
font-style:italic;
}

#content {
background-color:#fff;
border-left:2px dotted #DDD;
top:81px;
}

.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:#eee;
font-family:"Comfortaa", "Century Gothic", sans-serif;
}

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

.note,.tip,.important,.warning,.caution {
background-position:left 50%;
background-repeat:no-repeat;
border-bottom:2px solid #CCC;
border-top:2px solid #CCC;
margin:12px 0;
padding-bottom:6px;
padding-left:4em;
padding-top:6px;
}

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

.tip {
background-image: url("cco-tip.png");
}

.warning {
background-image: url("cco-warning.png");
}

.caution {
background-image: url("cco-warning.png");
}

.important {
background-image: url("cco-important.png");
}

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

#content dt {
font-family:"Comfortaa", "Century Gothic", 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:#DDD;
border-radius:3px;
box-shadow:none;
font-size:16px;
padding:8px;
}

.searchFieldSet {
border:1px solid #DDD;
}

.filetree li {
padding:2px 0 10px 16px;
}

.filetree span.file {
background:none;
}

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

#navheader a {
color:#c6e9ff;
}

p,ul,ol,li {
font-family:"Comfortaa", "Century Gothic", sans-serif;
font-size:12px;
}

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

#navheader {
position:static;
top: auto;
right: auto;
order: 2;
}

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

#leftnavigation em {
font-size:14px;
font-style:normal;
font-weight:400;
text-transform:uppercase;
}

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

div.titlepage,#content h1,#content h2 {
font-family:"Comfortaa", "Century Gothic", 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:#0071b8;
}

.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:#0071b8;
font-family:"Comfortaa", "Century Gothic", 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;
}