.right{text-align:right}
.left{text-align:left}
.center{text-align:center}
#template-inner #doc_banner{margin:56px 0 96px}
#template-inner #doc_banner .books .book{padding:8.5px 0 18.5px;margin:auto;background:#fff;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08);border-radius:8px;margin:2px}
#template-inner #doc_banner .books .book .book-img{width:80px;height:80px;margin:auto}
#template-inner #doc_banner .books .book .book-text{margin-top:4px;font-weight:400;text-align:center;color:#537680}
#template-inner #doc_banner .books .book-hover{border:1px solid #66c7e2;margin:1px}
#template-inner #doc_banner .books .book-hover .book-text{color:#00a2cf}
#template-inner #doc_banner .books .book:active{border:2px solid #00a2cf;margin:0}
#template-inner #doc_banner .books .book:active .book-text{color:#00a2cf}
#template-inner #doc_banner .books .book-selected{color:#00a2cf;border:2px solid #00a2cf;position:relative;margin:0}
#template-inner #doc_banner .books .book-selected .book-text{color:#00a2cf}
#template-inner #quickpoll{font-family:Arial;font-size:14px;background-color:#fcfcfc;border:1px solid #e1e1e1;padding:20px;line-height:28px}
#template-inner #quickpoll .polling input{width:auto;height:auto;-webkit-appearance:radio}
#template-inner #quickpoll h1{font-size:24px;font-weight:300;color:#acacac;padding:0}
#template-inner #quickpoll p{font-size:16px;font-weight:bold;color:#555}
#template-inner #quickpoll #pollbutton{height:29px;width:79px;cursor:pointer;cursor:hand;background:url('/resource/img/stuck/button_submit.png') no-repeat scroll 0 -29px transparent}
#template-inner #doc{background:#fff;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08);border-radius:8px}
#template-inner #doc_tabs{visibility:hidden;position:relative;height:48px;border-bottom:1px solid #e1e9eb;overflow-y:hidden}
#template-inner #doc_tabs a{box-sizing:border-box;text-align:center;border:0 none;text-decoration:none;display:block;padding:14.5px 24px;color:#537680;float:left;font-weight:400;font-size:16px;line-height:19px}
#template-inner #doc_tabs a:hover{background:#d9f7ff}
#template-inner #doc_tabs a:hover a{text-decoration:none}
#template-inner #doc_tabs a.selected,#template-inner #doc_tabs a:hover.selected{color:#00a2cf;border-bottom:2px solid #00a2cf;background:#fff;padding:13.5px 24px}
#template-inner #doc_contents{padding-bottom:12px;margin-bottom:96px}
#template-inner #doc_contents table{width:100%}
#template-inner #doc_contents .content{display:none}
#template-inner #doc_contents .content .headline{padding:16px 24px!important;font-weight:400;font-size:14px;line-height:16px}
#template-inner #doc_contents .content .headline div,#template-inner #doc_contents .content .headline th{color:#0b4859;margin:auto 0}
#template-inner #doc_contents .content .headline .step{margin:auto}
#template-inner #doc_contents .content .headline .time{font-weight:400;font-size:14px;line-height:16px}
#template-inner #doc_contents .content .grid_2,#template-inner #doc_contents .content .grid_3,#template-inner #doc_contents .content .grid_4{padding:24px}
#template-inner #doc_contents .content .step{margin:auto}
#template-inner #doc_contents .content .step-mobile{display:none}
#template-inner #doc_contents .content .title{font-size:14px;line-height:24px;color:#537680}
#template-inner #doc_contents .content .title a{font-weight:400;font-size:16px;line-height:19px;color:#0b4859}
#template-inner #doc_contents .content .title a:hover{color:#00a2cf}
#template-inner #doc_contents .content .grid-row{padding:24px;display:block}
#template-inner #doc_contents .content .time{margin:auto 0;font-weight:400;font-size:16px;line-height:19px;color:#537680}
#template-inner #doc_contents .content .getting-started .grid_3{grid-template-columns:2fr 16px 7fr 16px 3fr;-ms-grid-columns:2fr 16px 7fr 16px 3fr}
#template-inner #doc_contents .desc{background:url(/resource/img/documentation/sort-desc.gif) no-repeat 0 0}
#template-inner #doc_contents .asc{background:url(/resource/img/documentation/sort-asc.gif) no-repeat 0 0}
#template-inner #doc_contents .sort-arrow{width:13px;height:9px;margin-top:5px;margin-left:10px;cursor:pointer;display:inline-block}
#template-inner #doc_contents a.epub{margin-left:5px;padding-left:20px;font-weight:300;color:#999;background:url("/resource/img/documentation/icon_epub.png") no-repeat scroll 0 0 transparent}
#template-inner #doc_contents a.mobi{margin-left:5px;padding-left:20px;font-weight:300;color:#999;background:url("/resource/img/documentation/icon_mobi.png") no-repeat scroll 0 0 transparent}
#template-inner #doc_contents .reference{width:100%}
#template-inner #doc_contents .api table{width:100%}
#template-inner #doc_contents .api sub,#template-inner #doc_contents .api sup{font-size:10px}
#template-inner #doc_contents .searchBox{margin:16px 24px 0;text-align:end}
#template-inner #doc_contents input[type="text"]{-webkit-appearance:textfield;width:200px;height:24px;border-color:#00a2cf}
#template-inner #doc_contents input[type="submit"]{height:30px;width:80px;padding:0;box-sizing:border-box;color:#fff;border:0}
#template-inner #doc_contents select{-webkit-appearance:menulist;height:30px;border-radius:4px;border-color:#00a2cf;color:#0b4859;margin:0 4px}
#template-inner #doc_contents .content .smalltalks #smalltalk-list{width:100%}
#template-inner #doc_contents .content .smalltalks table th>div{font-weight:400}
#template-inner #doc_contents .content .smalltalks table .grid_4{grid-template-columns:3fr 16px 5fr 16px 2fr 16px 2fr;-ms-grid-columns:3fr 16px 5fr 16px 2fr 16px 2fr}
#template-inner #doc_contents .content .smalltalks table td{margin:auto 0;font-size:16px;line-height:19px;color:#537680}
#template-inner #doc_contents .content .smalltalks table .title{font-weight:400}
#template-inner #doc_contents .content .smalltalks .intro .information{margin:16px 24px 0}
#template-inner #doc_contents .archive .title{font-weight:400;font-size:16px;line-height:19px;color:#0b4859}
#template-inner #doc_contents .archive .grid_2{grid-template-columns:2fr 16px 3fr;-ms-grid-columns:2fr 16px 3fr;color:#537680}
#template-inner #doc_contents .archive .guide ul{margin-bottom:16px}
#template-inner #doc_contents .archive ul{list-style:none}
#template-inner #doc_contents .archive ul li::before{content:"\2022";font-weight:bold;display:inline-block;width:4px;margin-right:10px;color:#00a2cf}
#template-inner #doc_contents .archive ul li{margin:4px 0}
#template-inner #doc_contents .archive ul li:hover a{color:#66c7e2}
#template-inner #doc_contents .webinars{width:100%}
#template-inner .zkcharts .getting-started .title,#template-inner .zkspring .getting-started .title,#template-inner .zkpivottable .getting-started .title,#template-inner .zkcalendar .getting-started .title,#template-inner .zkjsp .getting-started .title,#template-inner .zkcharts .api .title,#template-inner .zkspring .api .title,#template-inner .zkpivottable .api .title,#template-inner .zkcalendar .api .title,#template-inner .zkjsp .api .title{width:55vw}
#template-inner .loading{float:left;width:16px;height:16px;background:url("/resource/img/documentation/sort_loader.gif") no-repeat scroll 0 0 transparent}
@media screen and (max-width:767px){#zk-template{max-width:560px;margin:auto}
#template-inner h2{font-size:48px;line-height:56px}
#template-inner #doc_tabs::-webkit-scrollbar{display:none}
#template-inner #doc_tabs{overflow-x:scroll;-ms-overflow-style:none}
#template-inner #doc_tabs .tabs-item{display:inline-flex}
#template-inner #doc_contents .content .headline,#template-inner #doc_contents .content .step,#template-inner #doc_contents .content .time,#template-inner #doc_contents .content .gap{display:none}
#template-inner #doc_contents .content .getting-started .grid_3{grid-template-columns:1fr;-ms-grid-columns:1fr;padding:24px}
#template-inner #doc_contents .content .step-mobile{display:block;margin-bottom:16px}
#template-inner #doc_contents .content .step-mobile .step{padding:3px 6px}
#template-inner #doc_contents .content .step-mobile .time{display:inline-flex;margin-left:4px}
#template-inner #doc_contents .content .smalltalks table .grid_4{grid-template-columns:1fr;-ms-grid-columns:1fr;padding:24px}
#template-inner #doc_contents .content .smalltalks table .title{margin-left:0}
#template-inner #doc_contents .content .smalltalks table .column{padding:0;margin-top:4px}
#template-inner #doc_contents .content .smalltalks .intro .information{margin-bottom:16px}
#template-inner #doc_contents .content .archive .grid_2{grid-template-columns:1fr;-ms-grid-columns:1fr}
#template-inner #doc_contents .content .archive .grid_2 .grid{display:block}
#template-inner #doc_contents .content .archive .grid_2 .description{margin-top:16px}
#template-inner #doc_contents .content .searchBox{text-align:center;margin:16px auto}
#template-inner #doc_contents .content .zkcharts .title{width:auto}
}
@media screen and (min-width:768px) and (max-width:1023px){#template-inner{max-width:704px}
}
@media screen and (min-width:1024px) and (max-width:1295px){#template-inner{max-width:928px}
}
@media screen and (min-width:1296px){#template-inner{max-width:1200px}
}