h1,h2,h3,h4 { font-weight: normal; font-display: swap; font-family: "Playfair Display",serif; color: #6a7884; }
h1 { margin: 0px; padding: 30px 0px 20px 0px; }
h2 { margin: 0px; padding: 25px 0px 15px 0px; }

.navbar.bg-dark { background-color: #383737 !important; color: #ffffff; padding: 0px; }

.navbar.bg-dark {
	/*background-image: url(/images/navbarbg.png);
    background-color: transparent;*/
    background-color: #34495E !important;
    color: #ffffff;
    font-size: 14px;
    padding-top: 26px;
    padding-bottom: 27px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.25s linear 0.25s;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 70%);
}

.navbar.bg-dark.scrolled {
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbar.bg-dark .navbar-brand { color: #ffffff; background-image: url(/images/teajs-logo-1.png); background-size: 40px; background-repeat: no-repeat; padding-left: 45px; background-position: left center; }
/*.navbar.bg-dark .nav-item .nav-link { color: #ffffff; padding-top: 16px; padding-bottom: 16px; }
.navbar.bg-dark .nav-item.active { background-color: #D9C36C; }*/
.navbar.bg-dark .nav-item .nav-link { color: #ffffff; }
.navbar.bg-dark .nav-item.active .nav-link { color: #42e6fe; }
.navbar.bg-dark .navbar-toggler .navbar-toggler-icon { width: 50px; height: 50px; background-color: transparent; background-image: url(/images/hamburger.png); background-size: 100%; }
.navbar.bg-dark .navbar-toggler { padding: 0px; border: 0px; }
.navbar.bg-dark .navbar-toggler:focus { box-shadow: none; }
.navbar.bg-dark .navbar-toggler:focus .navbar-toggler-icon { box-shadow: none; }

.page-body { min-height: 600px; padding-top: 107px; padding-bottom: 20px; }
.page-body-text { }
.page-body-text-asbstact img { display: block; width: 100%; height: auto; }
.page-footer { }
.page-footer .block1 { background-color: #282e3b; color: #b2bacf; padding: 30px 0px; font-size: 13px; }
.page-footer .block1 .title { font-size: 16px; padding-bottom: 10px; }
.page-footer .block1 .a { color: #ffffff; }
.page-footer .block2 { background-color: #171b24; color: #cdd1dd; font-size: 12px; padding: 30px 0px; }
.page-footer .block2 .nav-footer { float: right; font-weight: 400; }
.page-footer .block2 .nav-footer div { float: left; padding: 0px 12px; }
.page-footer .block2 .nav-footer div a { color: #cdd1dd; text-decoration: none; }
.page-footer .block2 .nav-footer:after { content: ""; display: block; clear: both; }

.example-block .filename { font-weight: bold; font-size: 14px; }
.example-block .example { }

/* .container { max-width: 900px; } */


.page-body-index {}
.page-body-index h1 { font-size: 28px; }
.page-body-index p { font-size: 18px; }
.page-body-index h2 {}
.page-body-index h3 {}


.NavFull {}
.NavFull .item-l1 { float: left; width: 100%; max-width: 292px; padding-right: 10px; }
.NavFull .item-l1 .top {}
.NavFull .item-l1 .subitems { padding-top: 3px; font-size: 12px; }
.NavFull .item-l1 .subitems .item-l2 {}
.NavFull .item-l1 .subitems .item-l3 { padding-left: 15px; }

.NavSubnav {}
.NavSubnav .item {}
.NavSubnav .item.item-l1 { padding-top: 15px; padding-bottom: 2px; font-size: 18px; }
.NavSubnav .item.item-l2 { padding-bottom: 2px; }
.NavSubnav .item .abstract { font-size: 14px; }


.page-body-text img { border: 2px solid #c0c0c0; }
.page-body-text .example { border: 2px solid #c0c0c0; }

table.table {}
table.table thead {}
table.table thead tr {}
table.table thead tr td,table.table tbody tr th, table.table thead tr th { background-color: #4a5d6f; color: #ffffff; }

table.table.small { font-size: 12px; }

.downloads { padding: 10px 0px; }
.downloads .item { display: block; padding: 9px; margin: 0 0 10px; font-size: 13px; line-height: 1.5; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
.downloads .item a { font-size: 18px; }








.docgen .preview { font-size: 11px; padding: 5px; margin-bottom: 10px; background-color: #f6f6f6; border: 1px solid #e0e0e0; border-radius: 7px; margin-bottom: 50px; float: left; }
.docgen .preview table { padding: 1px; margin: 0px; border-collapse: collapse; }
.docgen .preview table th { padding: 3px 3px 3px 3px; }
.docgen .preview table td { padding: 3px; }
.docgen .preview .ret {  }
.docgen .preview .name { color: #00732f; font-weight: bold; text-decoration: none; }
.docgen .docgen.top { display: none; }
.docgen .biglist { }
.docgen .biglist .item { padding: 0px 0px 40px 0px; }
.docgen .biglist .item .name { display: block; font-size: 16px; background-color: #f6f6f6; border: 1px solid #e0e0e0; border-radius: 7px; padding: 5px 10px; }
.docgen .biglist .item .description { font-size: 13px; padding: 5px 11px 15px 5px; }
.docgen .parameters { font-size: 12px; padding: 5px 11px 20px 11px; }
.docgen .parameters table { background-color: #f6f6f6; }
.docgen .parameters table th { text-align: left; padding: 3px 3px 3px 20px; }
.docgen .parameters table td { padding: 3px; }
.docgen .parameters table td.datatype { color: #00732f; font-weight: bold; }

.docgen .attributes .attr { font-weight: bold; font-size: 11px; margin-left: 8px; padding: 0px 2px; cursor: pointer; }
.docgen .attributes .attr-singleton  { color: #00732f; }
.docgen .attributes .attr-internal { color: #4040ff; }
.docgen .attributes .attr-deprecated { color: #ff0000; }
.docgen .attributes .attr-todo, .docgen .attributes .attr-TODO { background-color: #40ff40; color: #000000; }
.docgen .padding > .attributes { padding-bottom: 8px; }
.docgen .padding > .description { padding-bottom: 15px; }