@font-face{font-family:AppFont;src:url(../../fonts/App_iconfont.woff) format("woff");font-weight:400;font-style:normal}.demo-icon-font,.demo-icon-font-24{font-family:AppFont;font-size:16px;line-height:1;display:inline-block;font-weight:400;speak:none;font-style:normal;font-variant:normal;text-transform:none;text-align:center;box-sizing:content-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo-icon-font-24:before,.demo-icon-font:before{display:inline-block}.demo-icon-font-24{font-size:24px}.demo-grid-icon-16:before{content:"\e607"}.demo-list-icon-16:before{content:"\e608"}.demo-gear-icon-16:before{content:"\e609"}.demo-home-icon-24:before{content:"\e600"}.demo-education-icon-24:before{content:"\e601"}.demo-catalog-icon-24:before{content:"\e602"}.demo-palette-icon-24:before{content:"\e603"}.demo-library-icon-24:before{content:"\e604"}.demo-chat-icon-24:before{content:"\e605"}.demo-download-icon-24:before{content:"\e905"}.demo-oracle-icon{width:137px;height:18px}.demo-oracle-icon:before{content:url(../../images/oracle_logo.svg)}html:not([dir=rtl]) .demo-oracle-icon{padding-right:4px}html[dir=rtl] .demo-oracle-icon{padding-left:4px}.demo-oracle-icon:before{display:inline}@font-face{font-family:platforms;src:url(images/formfactor/platform.woff) format("woff");font-weight:400;font-style:normal}[class*=" demo-platform-icon-"],[class^=demo-platform-icon-]{font-family:platforms;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:24px;height:24px;font-size:24px}.demo-icon-12{width:12px;height:12px;font-size:12px}.demo-platform-icon-blocked:before{content:"\e905"}.demo-platform-icon-projector:before{content:"\e900"}.demo-platform-icon-wrench:before{content:"\e901"}.demo-platform-icon-leaf:before{content:"\e902"}.demo-platform-icon-cloud:before{content:"\e906"}.demo-platform-icon-sf:before{content:"\e907"}.demo-platform-icon-newwindow:before{content:"\e903"}.demo-platform-icon-stable:before{content:"\e908"}.demo-platform-icon-oracle-o:before{content:"\e909"}.demo-platform-icon-web:before{content:"\e9c9"}.demo-platform-icon-ios:before{content:"\eabf"}.demo-platform-icon-android:before{content:"\eac1"}.demo-platform-icon-windows:before{content:"\eac3"}.demo-platform-icon-stable:before{content:"\e908"}.demo-platform-icon-desktop:before{content:"\e956"}.demo-platform-icon-phone-portrait:before{content:"\e958"}.demo-platform-icon-tablet-landscape:before,.demo-platform-icon-tablet-portrait:before{content:"\e959"}.demo-platform-icon-tablet-landscape:before{transform:rotate(-90deg)}.demo-oracle-logo{margin-right:20px}.demo-oracle-logo img{background:url(../../images/oracle_logo.svg) no-repeat scroll 0 0 rgba(0,0,0,0);display:inline;height:17px;width:140px;margin-top:12px}.demo-component-icon:before{content:url(../../../images/component_icon.svg);height:16px;width:16px;display:inline}.demo-document-icon:before{content:url(../../../images/document_icon.svg);height:16px;width:16px;display:inline}.demo-search-item-icon{vertical-align:middle;color:#878c90;padding-right:5px}.demo-icon-12{width:12px;height:12px;font-size:12px}[data-bind*=ojComponent]:not(.oj-component-initnode){visibility:hidden}.cookbook-page{overflow-y:scroll}.navDrawer{-webkit-overflow-scrolling:auto}.cookbook-link{padding:0 5px}.settings-theme{width:16px;height:16px;font-size:16px}.settings-theme-green{color:#07ac02}.settings-theme-stealth{color:grey}.settings-theme-sanfrancisco,.settings-theme-vars{color:#f2552c}.settings-dialog{width:600px;min-width:280px;max-width:90%}.componentInfoTitle{min-height:90px}.demo-bread-crumbs{max-height:50px}.cookbook-hidden{display:none}.cookbook-search{max-width:40em;width:100%}.cookbook-search #ojChoiceId_inputSearch{max-width:40em}.cookbook-settings-dialog{min-width:405px;max-width:405px;min-height:50px}.cookbook-settings-dialog-small{min-width:260px;max-width:260px;min-height:50px}.cookbook-search-button{width:32px}.italic{font-style:italic}.bold{font-weight:700}.underline{text-decoration:underline}.demo-recipe-spacing{margin:20px 0;width:100%}.demo-recipe-table{border-collapse:collapse}.demo-recipe-table td,.demo-recipe-table th{border-color:#d3d3d3;border-style:solid;border-width:0 0 1px 0;width:10em;text-align:center;padding:10px}.demo-help-icon{padding-left:5px}.demo-iframe-section{margin-bottom:15px}.demo-portrait-android:not(.demo-device-tab) .demo-scroll-container,.demo-portrait-ios:not(.demo-device-tab) .demo-scroll-container,.demo-portrait-web:not(.demo-device-tab) .demo-scroll-container,.demo-portrait-windows:not(.demo-device-tab) .demo-scroll-container{height:73vh}.demo-portrait-android:not(.demo-device-tab) .demo-tab-section,.demo-portrait-ios:not(.demo-device-tab) .demo-tab-section,.demo-portrait-web:not(.demo-device-tab) .demo-tab-section,.demo-portrait-windows:not(.demo-device-tab) .demo-tab-section{flex:1}.demo-cook-demo-and-tabs{flex-direction:row}.demo-cook-demo-and-tabs.demo-stacked-mode{flex-direction:column}.demo-portrait-web .demo-iframe-section,.demo-portrait-web .demo-iframe-section-wrapper{width:0%;min-height:inherit;box-sizing:border-box;display:flex;flex:auto}.demo-portrait-web .demo-cook-demo{min-height:inherit;box-sizing:border-box;border:1px solid #d6dfe6;background-color:#fff;border-radius:1px;box-sizing:border-box;overflow:hidden;position:relative;display:flex;flex-grow:inherit;flex-wrap:wrap}.demo-portrait-web .demo-scroll-frame{width:100%}.demo-landscape-web .demo-iframe-section{margin-bottom:15px;width:100%;flex:auto;box-sizing:border-box}.demo-landscape-web .demo-cook-demo{min-height:inherit;box-sizing:border-box;border:1px solid #d6dfe6;background-color:#fff;border-radius:1px;box-sizing:border-box;overflow:hidden;position:relative;display:flex;flex-wrap:wrap}.demo-landscape-web .demo-scroll-frame{width:100%}.demo-scroll-frame{overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%;height:100%}.demo-iframe{width:100%;height:100%;overflow:hidden}.demo-portrait-ios .demo-iframe-section{min-height:inherit;width:381px;box-sizing:border-box;display:flex;flex-wrap:wrap}.demo-portrait-ios .demo-cook-demo{min-height:inherit}.demo-portrait-ios .demo-cook-demo>div{height:799px;width:381px;background-image:url(images/formfactor/shells/phone-ios-new.png);background-repeat:no-repeat}.demo-portrait-ios .demo-scroll-frame{position:relative;top:116px;height:568px;left:32px;width:320px;overflow-x:auto}.demo-device-tab.demo-portrait-ios .demo-cook-demo>div{height:1235px;width:872px;background-image:url(images/formfactor/shells/iPad.png);background-repeat:no-repeat}.demo-device-tab.demo-portrait-ios .demo-scroll-frame{position:relative;top:105px;height:1026px;left:51px;width:770px;overflow-x:auto}.demo-landscape-ios .demo-iframe-section{margin-bottom:15px;box-sizing:border-box;width:100%;flex:auto}.demo-landscape-ios .demo-cook-demo{min-height:inherit}.demo-landscape-ios .demo-cook-demo>div{height:381px;width:799px;background-image:url(images/formfactor/shells/phone-ios-landscape.png);background-repeat:no-repeat}.demo-landscape-ios .demo-scroll-frame{position:relative;top:29px;height:320px;left:115px;width:565px;overflow-x:auto}.demo-device-tab.demo-landscape-ios .demo-cook-demo>div{height:872px;width:1235px;background-image:url(images/formfactor/shells/iPad-landscape.png);background-repeat:no-repeat}.demo-device-tab.demo-landscape-ios .demo-scroll-frame{position:relative;left:105px;width:1026px;top:51px;height:770px;overflow-x:auto}.demo-portrait-android .demo-iframe-section{min-height:inherit;width:393px;box-sizing:border-box;display:flex;flex-wrap:wrap}.demo-portrait-android .demo-cook-demo{min-height:inherit}.demo-portrait-android .demo-cook-demo>div{height:775px;width:391px;background-image:url(images/formfactor/shells/phone-android-new.png);background-repeat:no-repeat}.demo-portrait-android .demo-scroll-frame{position:relative;top:67px;height:625px;left:21px;width:350px;overflow-x:auto}.demo-device-tab.demo-portrait-android .demo-cook-demo>div{height:1291px;width:867px;background-image:url(images/formfactor/shells/googleNexus9.png);background-repeat:no-repeat}.demo-device-tab.demo-portrait-android .demo-scroll-frame{position:relative;top:114px;height:1022px;left:49px;width:767px;overflow-x:auto}.demo-landscape-android .demo-iframe-section{margin-bottom:15px;width:100%;box-sizing:border-box;flex:auto}.demo-landscape-android .demo-cook-demo{min-height:inherit}.demo-landscape-android .demo-cook-demo>div{height:400px;width:772px;background-image:url(images/formfactor/shells/phone-android-landscape.png);background-repeat:no-repeat}.demo-landscape-android .demo-scroll-frame{position:relative;top:20px;height:360px;left:69px;width:640px;overflow-x:auto}.demo-device-tab.demo-landscape-android .demo-cook-demo>div{height:867px;width:1291px;background-image:url(images/formfactor/shells/googleNexus9-landscape.png);background-repeat:no-repeat}.demo-device-tab.demo-landscape-android .demo-scroll-frame{position:relative;left:114px;width:1022px;top:51px;height:767px;overflow-x:auto}.demo-portrait-windows .demo-iframe-section{min-height:inherit;width:461px;box-sizing:border-box;display:flex;flex-wrap:wrap}.demo-portrait-windows .demo-cook-demo{min-height:inherit}.demo-portrait-windows .demo-cook-demo>div{height:842px;width:461px;background-image:url(images/formfactor/shells/phone-windows-new.png);background-repeat:no-repeat}.demo-portrait-windows .demo-scroll-frame{position:relative;top:69px;height:640px;left:38px;width:384px;overflow-x:auto}.demo-device-tab.demo-portrait-windows .demo-cook-demo>div{height:1583px;width:989px;background-image:url(images/formfactor/shells/WindowsSurface.png);background-repeat:no-repeat}.demo-device-tab.demo-portrait-windows .demo-scroll-frame{position:relative;top:109px;height:1373px;left:101px;width:776px;overflow-x:auto}.demo-landscape-windows .demo-iframe-section{margin-bottom:15px;width:100%;box-sizing:border-box;flex:auto}.demo-landscape-windows .demo-cook-demo{min-height:inherit}.demo-landscape-windows .demo-cook-demo>div{height:461px;width:847px;background-image:url(images/formfactor/shells/phone-windows-landscape.png);background-repeat:no-repeat}.demo-landscape-windows .demo-scroll-frame{position:relative;top:40px;height:384px;left:69px;width:638px;overflow-x:auto}.demo-device-tab.demo-landscape-windows .demo-cook-demo>div{height:988px;width:1583px;background-image:url(images/formfactor/shells/WindowsSurface-landscape.png);background-repeat:no-repeat}.demo-device-tab.demo-landscape-windows .demo-scroll-frame{position:relative;left:101px;width:1373px;top:101px;height:776px;overflow-x:auto}.demo-portrait-web .demo-iframe-section,.demo-portrait-web .demo-iframe-section-wrapper{min-width:400px}.demo-portrait-ios .demo-iframe-section{min-width:385px}.demo-portrait-android .demo-iframe-section{min-width:393px}.demo-portrait-windows .demo-iframe-section{min-width:461px}.demo-portrait-android.demo-device-tab .demo-iframe-section,.demo-portrait-ios.demo-device-tab .demo-iframe-section,.demo-portrait-windows.demo-device-tab .demo-iframe-section{min-width:860px}.demo-landscape-android.demo-device-tab .demo-iframe-section,.demo-landscape-ios.demo-device-tab .demo-iframe-section,.demo-landscape-windows.demo-device-tab .demo-iframe-section{min-width:1229px}@media screen and (max-width:767.9px){.demo-cook-content,.demo-cook-demo-and-tabs{padding-left:0;padding-right:0}.demo-cook-description-top{margin-left:0;margin-right:0}.demo-cook-demo-and-tabs .demo-cook-demo,.demo-cook-description-top.oj-panel{border-right:0;border-left:0}}.oj-accordion-collapsible>.oj-collapsible-wrapper>.oj-collapsible-content.code-editor-section{padding:0}.demo-recipe-divider{margin-top:0}.demo-recipe-description{margin-bottom:20px}.demo-tab-section>div{margin-bottom:15px;overflow:hidden}.demo-page{flex:0 0 auto;box-sizing:border-box}.demo-tab-section .oj-tabs{overflow:hidden}.demo-tab-section{min-height:inherit;padding-left:15px}.demo-iframe-section-wrapper{overflow-x:auto;overflow-y:hidden}.demo-stacked-mode .demo-tab-section{padding-left:0}.demo-tab-section{min-width:615px}@media screen and (max-width:767.9px){.demo-tab-section{min-width:0}}.demo-breadcrumbs-font{font-size:14px}.demo-breadcrumbs-point{display:inline-block;text-align:center;padding-left:.857rem;padding-right:.857rem;font-size:14px;color:#9e9e9e}.demo-breadcrumbs-menu-btn{margin-left:-.857rem}.demo-breadcrumbs-link{cursor:pointer}.demo-cook-demo-and-tabs:not(.demo-stacked-mode) .demo-bread-crumbs{padding:7px 0}.demo-toolbar{margin:0 10px}.demo-description{margin:0 0 10px 0}.css-example,.markup-example,.script-example{clear:left;position:relative;padding:0 0 14px;background-color:#fff;border-top:none}.oj-collapsible-content .demo-editor-wrapper{padding-top:1rem}.demo-code-editor-message{font-size:13px;color:#4f4f4f;padding:5px;text-align:center}.demo-code-editor-message oj-fwk-icon-status-info{vertical-align:text-bottom}.demo-table{border-collapse:collapse}.demo-table td{border:1px solid #000}.demo-source-section{width:100%;min-height:350px;padding:10px 0 20px 0}.demo-source-screen-target{width:100%;border:1px solid #d6dfe6}.demo-main-content{padding:5px;transform:translate3d(0,0,0);width:100%}.demo-source-tab-bar{padding:0!important;max-height:41px;width:100%}.demo-source-tab-bar .demo-tab-conveyor-belt{width:calc(100% - 42px)}.demo-source-tree-label{display:block;padding:8px}.demo-folder-view-toggle-button{padding-right:10px;padding-top:5px}.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .demo-removable-element .oj-tabbar-item-content{padding-right:5px}.demo-close-icon{align-self:center;padding-right:5px}a.demo-close-icon,a.demo-close-icon:active,a.demo-close-icon:hover{text-decoration:none}.cookbook-readonly-line{background-color:#eff0f1}.demo-badge{font-size:8px;float:right;text-transform:uppercase;letter-spacing:.5pt;border-radius:2px;background-color:#005396;color:#fff;padding:2px;margin:1px 3px 0 0}.demo-sourcetab-outer-wrapper{overflow:hidden;position:relative;width:100%;box-sizing:border-box}.demo-sourcetab-open .demo-sourcetab-start{display:block}.demo-sourcetab-start{transform:translate3d(-250px,0,0);border-width:0 1px 0 0;left:0;top:0;bottom:0;height:100%;position:absolute;box-sizing:border-box;border-radius:0;width:250px;overflow:auto;border-color:#d6dfe6;border-style:solid;display:none}.demo-sourcetab-transition-open .demo-sourcetab-start{transform:translate3d(0,0,0)}.demo-sourcetab-transition-open .demo-main-content{transform:translate3d(250px,0,0);width:calc(100% - 250px)}.demo-sourcetab-animate-transition .demo-main-content,.demo-sourcetab-animate-transition .demo-sourcetab-start{transition:transform .4s;transition-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}[data-bind*=ojComponent]:not(.oj-component-initnode){visibility:hidden}.global-container{position:relative}.togglePinnedNavListButtonSet{padding:5px}.demo-quicklinks-menu-btn{margin-top:2px}.toggleNavListButton.oj-button.oj-hover.oj-button-half-chrome,.toggleNavListButton.oj-button.oj-selected.oj-button-half-chrome,.togglePinnedNavListButtonSet .oj-button.oj-hover.oj-button-half-chrome,.togglePinnedNavListButtonSet .oj-button.oj-selected.oj-button-half-chrome{background-color:transparent;border-color:transparent}.demo-applayout-offcanvas-icon{height:24px;width:24px;font-family:"Alta Icon Font";line-height:1;display:inline-block;speak:none;font-style:normal;font-variant:normal;text-transform:none;text-align:center;box-sizing:content-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.oj-default .demo-applayout-offcanvas-icon::before,.oj-disabled .demo-applayout-offcanvas-icon::before,.oj-focus-only .demo-applayout-offcanvas-icon::before,html[dir=rtl] .oj-default .demo-applayout-offcanvas-icon::before,html[dir=rtl] .oj-disabled .demo-applayout-offcanvas-icon::before,html[dir=rtl] .oj-focus-only .demo-applayout-offcanvas-icon::before{content:url(../../../images/24px_offcanvas_icon_ena.svg)}.oj-hover .demo-applayout-offcanvas-icon::before,.oj-hover.oj-selected .demo-applayout-offcanvas-icon::before,html[dir=rtl] .oj-hover .demo-applayout-offcanvas-icon::before,html[dir=rtl] .oj-hover.oj-selected .demo-applayout-offcanvas-icon::before{content:url(../../../images/24px_offcanvas_icon_ovr.svg)}.oj-active .demo-applayout-offcanvas-icon::before,.oj-selected .demo-applayout-offcanvas-icon::before,html[dir=rtl] .oj-active .demo-applayout-offcanvas-icon::before,html[dir=rtl] .oj-selected .demo-applayout-offcanvas-icon::before{content:url(../../../images/24px_offcanvas_icon_sel.svg)}.demo-pinned-navlist .oj-web-applayout-content{display:flex;flex-direction:column}.demo-pinned-navlist .demo-page-wrapper{flex:auto;display:flex}.demo-pinned-navlist .navDrawer{position:relative}.navDrawer{min-width:280px;max-width:280px;width:280px}.page-container{-webkit-overflow-scrolling:touch}.page-container .oj-web-applayout-content{padding:0}.page-container .oj-web-applayout-header{z-index:999}.page-container .oj-web-applayout-header>div{height:64px}.page-container .demo-oracle-logo{margin-right:14px}.navListPlat{padding-right:20px}.configSmallBtn{margin-top:2px}.configBtn{margin-top:2px}.demo-cook-content{width:100%}.demo-pinned-navlist .demo-cook-content{width:calc(100% - 280px)}.demo-top-drawer{padding-top:20px;background-color:#000}.demo-content .oj-offcanvas-inner-wrapper{flex:1 0 auto;height:inherit}.oj-navigationlist-nofollow-link a.oj-navigationlist-item-content:not([href])>.oj-navigationlist-item-label{cursor:default}.searchBtn{margin-top:2px}.demo-footer-global-link{color:#85bbe6}.demo-footer-copyright{color:#fff}.navDrawer.nav-drawer-light-bg{background-color:#f9f9f9}.demo-content{padding:0}.cookbook-page-footer{background-color:#222324;border-top-color:#222324;padding-top:0;padding-bottom:0;color:#fff}.cookbook-page-footer ul{margin:0;padding-left:0;padding-right:0}.cookbook-page-footer li{list-style:none;display:inline-block;margin-right:10px;margin-left:0;padding-right:10px;border-right:1px solid #d9dfe3}.cookbook-page-footer li:last-child{margin-left:0;padding-left:0;border-right:none}.nano>.nano-pane{z-index:3}.cook-chat,.cook-gplus,.cook-rss,.cook-twitter,.cook-youtube{float:right;height:42px;width:42px;border-radius:21px;margin:15px 0 10px 10px}.cook-rss{background:#7ebd5b url(../../images/rss.svg) no-repeat scroll center center}.cook-twitter{background:#40bff5 url(../../images/twitter.svg) no-repeat scroll center center}.cook-chat{background:#f08135 url(../../images/chat.svg) no-repeat scroll center center}.cook-youtube{background:#e24a37 url(../../images/youtube.svg) no-repeat scroll center center}.cook-gplus{background:#44619d url(../../images/facebook.svg) no-repeat scroll center center}.demo-sort-icon{height:16px;width:16px}.oj-default .demo-sort-icon:before,.oj-focus-only .demo-sort-icon:before{content:url(../../../images/arrowupalphabetaz_16_ena.png)}.oj-hover .demo-sort-icon:before,.oj-hover.oj-selected .demo-sort-icon:before{content:url(../../../images/arrowupalphabetaz_16_hov.png)}.oj-active .demo-sort-icon:before,.oj-selected .demo-sort-icon:before{content:url(../../../images/arrowupalphabetaz_16_onb.png)}.oj-disabled .demo-sort-icon:before{content:url(../../../images/arrowupalphabetaz_16_dis.png)}.demo-component-list-container{margin:-10px}.demo-component-list-container>div:nth-child(2){height:70px}.componentUnderline{margin:0 auto;width:90%}.demo-main-navigation{padding:10px 0 0 0}.componentCategoryItemListview.oj-listview-card-layout{display:flex;flex-wrap:wrap}.categorybanner{padding:36px 0 36px 6px;background-color:#0096e0;transition:padding .4s ease-in-out}.categorybanner.small{padding:3px 0 3px 0}.categorybanner.shrink{padding:3px 0 3px 0;position:fixed;z-index:1;left:0;right:0}.rootCollections_banner{background-color:#d97638}.rootControls_banner{background-color:#e55a37}.rootForms_banner{background-color:#ea5b6e}.rootFramework_banner{background-color:#d16ba6}.rootLayoutNav_banner{background-color:#2f9ad4}.rootPatterns_banner{background-color:#269e9e}.rootVisualizations_banner{background-color:#a5a2a2}.all_banner{background-color:#8d909b}.categorybanner h1{font-size:46px;color:#fff;padding:0;margin:0;line-height:40px;padding-left:20px;font-weight:lighter;font-family:"SF UI Display","Helvetica Neue",Roboto,"Segoe UI",Arial,sans-serif;transition:height .4s ease-in-out,width .4s ease-in-out,font-size .4s ease-in-out}.categorygrouplabel{font-size:26px;color:#fff;padding:0;margin:5px 0;line-height:40px;padding-left:20px;opacity:.8;font-weight:lighter;font-family:"SF UI Display","Helvetica Neue",Roboto,"Segoe UI",Arial,sans-serif}.categorybanner.small h1{font-size:26px}.categorybanner.shrink h1{font-size:26px;transition:height .4s ease-in-out,width .4s ease-in-out,font-size .4s ease-in-out}.categorylist{margin:0 auto}.categorylist.fixed{position:fixed;z-index:1;background-image:url(https://static.oracle.com/cdn/jet/v8.0.0/default/css/alta/images/texture.png);background-repeat:repeat;margin:0;padding:20px}.demo-filter-menu-bar.fixed{position:fixed;z-index:1;background-image:url(https://static.oracle.com/cdn/jet/v8.0.0/default/css/alta/images/texture.png);background-repeat:repeat}.demo-filter-menu-bar .oj-button{margin:10px}.demo-filter-menu a{cursor:pointer}.demo-bread-crumb-section{padding:20px}.demo-layout-controls-section{min-width:105px}.demo-component-sort-button{padding-right:5px}.categoryitem{line-height:28px;cursor:default;padding-right:5px}.categoryitem a{width:100%;height:100%;padding:5px 15px;text-decoration:none;border-radius:15px;border:1px solid transparent}.categoryitem.categorySelected a,a.categorylink:hover{color:#fff}.preview_category a:hover,.preview_category.categorySelected a{background-color:#914f26}.rootCollections_category a:hover,.rootCollections_category.categorySelected a{background-color:#914f26}.rootControls_category a:hover,.rootControls_category.categorySelected a{background-color:#a64123}.rootForms_category a:hover,.rootForms_category.categorySelected a{background-color:#a6414c}.rootFramework_category a:hover,.rootFramework_category.categorySelected a{background-color:#8c4380}.rootLayoutNav_category a:hover,.rootLayoutNav_category.categorySelected a{background-color:#216a8a}.rootPatterns_category a:hover,.rootPatterns_category.categorySelected a{background-color:#186e6e}.rootVisualizations_category a:hover,.rootVisualizations_category.categorySelected a{background-color:#a5a2a2}.all_category a:hover,.all_category.categorySelected a{background-color:#5f6169}.demo-component-list-container .oj-listview{border-style:none}.componentCategoryItemListview .oj-listview-item{position:relative;background-image:none;margin-bottom:15px;padding:0}.componentCategoryItemListview .oj-listview-item img{display:block}.componentCategoryItemListview .oj-listview-item h4{font-size:16px;font-weight:400}.componentCategoryItemListview .oj-listview-item.oj-hover,.componentCategoryItemListview .oj-listview-item.oj-hover+li.oj-listview-item{border-top:1px solid #d6dfe6}.componentInfo{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px;background-color:#fff;text-decoration:none}.sortEnabled .componentInfo{padding:0 0 5px 10px}.componentShortDesc{color:#333;white-space:normal}.preview_border{border-color:#d97638}.rootCollections_border{border-color:#d97638}.rootControls_border{border-color:#e55a37}.rootForms_border{border-color:#ea5b6e}.rootFramework_border{border-color:#d16ba6}.rootLayoutNav_border{border-color:#2f9ad4}.rootPatterns_border{border-color:#269e9e}.rootVisualizations_border{border-color:#a5a2a2}.all_border{border-color:#8d909b}.rootCollections_border,.rootControls_border,.rootForms_border,.rootFramework_border,.rootLayoutNav_border,.rootPatterns_border,.rootVisualizations_border{border-top-width:5px;margin:0;border-top-style:solid;flex-wrap:nowrap;display:flex;justify-content:space-between}.listingRef,.listingRef:focus,.listingRef:hover{text-decoration:none;cursor:default}.componentStatus{font-size:8px;color:#fff;text-transform:uppercase;background-color:#005396;height:12px;line-height:12px;padding:0 2px;border:1px solid transparent;border-radius:2px;display:inline-block;letter-spacing:.5pt;position:absolute;top:19px;right:10px}.ribbon{margin:13px 10px 12px 0;font-size:8px;background-color:#005396;color:#fff;text-transform:uppercase;border-radius:2px;letter-spacing:.5pt;padding:2px}ul:not(.oj-listview-card-layout) .oj-listview-item{padding:0 15px 0 0;background-color:transparent}ul:not(.oj-listview-card-layout) .componentImage{min-height:90px;min-width:90px}ul:not(.oj-listview-card-layout) .componentImage img{padding:5px}ul:not(.oj-listview-card-layout) .oj-listview-group .componentInfo{border-left-width:5px;border-left-style:solid}.componentImage img{max-width:80px;height:80px;padding:10px;background-color:#fff;display:block}html:not([dir=rtl]) .componentCategoryItemListview.oj-listview-card-layout li.oj-listview-item{margin:7.5px;width:202px}.demo-component-list-container .componentCategoryItemListview li.oj-listview-item div.demo-list,.demo-component-list-container .componentCategoryItemListview.oj-listview-card-layout li.oj-listview-item{border-width:1px;border-style:solid}.demo-list{background-color:#fff}.demo-component-list-container .componentCategoryItemListview li.oj-listview-item:hover div.demo-list,.demo-component-list-container .componentCategoryItemListview.oj-listview-card-layout li.oj-listview-item:hover{border-color:#d6dfe6}.componentCategoryItemListview li.oj-listview-item a:hover div.demo-list,.componentCategoryItemListview.oj-listview-card-layout li.oj-listview-item a:hover{cursor:pointer}.componentCategoryItemListview.oj-listview-card-layout .componentImage img{width:100%;max-width:200px;height:143px;padding:0}html:not([dir=rtl]) .componentCategoryItemListview.oj-listview-card-layout li.oj-listview-item{padding:0}.componentCategoryItemListview.oj-listview-card-layout li.oj-listview-item{width:202px}.componentCategoryInfo{display:none}.sortEnabled .componentCategoryInfo{display:inline;padding:6px 0 4px 10px}.component-center-panels{margin:auto}@media (min-width:237px){.component-center-panels{max-width:217px}}@media (min-width:454px){.component-center-panels{max-width:434px}}@media (min-width:671px){.component-center-panels{max-width:651px}}@media (min-width:888px){.component-center-panels{max-width:868px}}@media (min-width:1105px){.component-center-panels{max-width:1085px}}@media (min-width:1322px){.component-center-panels{max-width:1302px}}@media (min-width:1539px){.component-center-panels{max-width:1519px}}@media (min-width:1756px){.component-center-panels{max-width:1736px}}@media (min-width:1973px){.component-center-panels{max-width:1953px}}@media (min-width:2190px){.component-center-panels{max-width:2170px}}@media (min-width:2407px){.component-center-panels{max-width:2387px}}/*! nanoScrollerJS - v0.8.7 - 2015
* http://jamesflorentino.github.com/nanoScrollerJS/
* Copyright (c) 2015 James Florentino; Licensed MIT */.nano{position:relative;width:100%;height:100%;overflow:hidden}.nano>.nano-content{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0}.nano>.nano-content:focus{outline:thin dotted}.nano>.nano-content::-webkit-scrollbar{display:none}.has-scrollbar>.nano-content::-webkit-scrollbar{display:block}.nano>.nano-pane{background:rgba(0,0,0,.25);position:absolute;width:10px;right:0;top:0;bottom:0;opacity:.01;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.nano>.nano-pane>.nano-slider{background:#444;background:rgba(0,0,0,.5);position:relative;margin:0 1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.nano-pane.active,.nano-pane.flashed,.nano:hover>.nano-pane{opacity:.99}.demo-img-datagrid_grid{background-image:url(images/sprites/col.png);background-position:0 0;width:200px;height:143px}.demo-img-indexer_grid{background-image:url(images/sprites/col.png);background-position:-200px 0;width:200px;height:143px}.demo-img-listview_grid{background-image:url(images/sprites/col.png);background-position:0 -143px;width:200px;height:143px}.demo-img-paging_grid{background-image:url(images/sprites/col.png);background-position:-200px -143px;width:200px;height:143px}.demo-img-pulltorefresh_grid{background-image:url(images/sprites/col.png);background-position:-400px 0;width:200px;height:143px}.demo-img-rowexpander_grid{background-image:url(images/sprites/col.png);background-position:-400px -143px;width:200px;height:143px}.demo-img-swipetoreveal_grid{background-image:url(images/sprites/col.png);background-position:0 -286px;width:200px;height:143px}.demo-img-table_grid{background-image:url(images/sprites/col.png);background-position:-200px -286px;width:200px;height:143px}.demo-img-tree_grid{background-image:url(images/sprites/col.png);background-position:-400px -286px;width:200px;height:143px}.demo-img-conveyor_grid{background-image:url(images/sprites/con2.png);background-position:-200px 0;width:200px;height:143px}.demo-img-filepicker_grid{background-image:url(images/sprites/con2.png);background-position:0 -286px;width:200px;height:143px}.demo-img-filmstrip_grid{background-image:url(images/sprites/con2.png);background-position:0 -143px;width:200px;height:143px}.demo-img-header_grid{background-image:url(images/sprites/con2.png);background-position:-200px -143px;width:200px;height:143px}.demo-img-image_grid{background-image:url(images/sprites/con2.png);background-position:-400px 0;width:200px;height:143px}.demo-img-menu_grid{background-image:url(images/sprites/con2.png);background-position:-400px -143px;width:200px;height:143px}.demo-img-messages{background-image:url(images/sprites/con2.png);background-position:0 0;width:200px;height:143px}.demo-img-progress_grid{background-image:url(images/sprites/con2.png);background-position:-200px -286px;width:200px;height:143px}.demo-img-progresslist_grid{background-image:url(images/sprites/con2.png);background-position:-400px -286px;width:200px;height:143px}.demo-img-pushbutton_grid{background-image:url(images/sprites/con2.png);background-position:0 -429px;width:200px;height:143px}.demo-img-toolbar_grid{background-image:url(images/sprites/con2.png);background-position:-200px -429px;width:200px;height:143px}.demo-img-train_grid{background-image:url(images/sprites/con2.png);background-position:-400px -429px;width:200px;height:143px}.demo-img-applevel_grid{background-image:url(images/sprites/for.png);background-position:-200px 0;width:200px;height:143px}.demo-img-checkbox_grid{background-image:url(images/sprites/for.png);background-position:-200px -429px;width:200px;height:143px}.demo-img-colorpalette_grid{background-image:url(images/sprites/for.png);background-position:0 -143px;width:200px;height:143px}.demo-img-colorspectrum_grid{background-image:url(images/sprites/for.png);background-position:-200px -143px;width:200px;height:143px}.demo-img-combinations_grid{background-image:url(images/sprites/for.png);background-position:-400px 0;width:200px;height:143px}.demo-img-combobox_one_grid{background-image:url(images/sprites/for.png);background-position:-400px -143px;width:200px;height:143px}.demo-img-datepicker_grid{background-image:url(images/sprites/for.png);background-position:0 -286px;width:200px;height:143px}.demo-img-formlayout_grid{background-image:url(images/sprites/for.png);background-position:-200px -286px;width:200px;height:143px}.demo-img-help_grid{background-image:url(images/sprites/for.png);background-position:-400px -286px;width:200px;height:143px}.demo-img-inputnumber_grid{background-image:url(images/sprites/for.png);background-position:0 -429px;width:200px;height:143px}.demo-img-label_grid{background-image:url(images/sprites/for.png);background-position:0 0;width:200px;height:143px}.demo-img-labelvalue_grid{background-image:url(images/sprites/for.png);background-position:-400px -429px;width:200px;height:143px}.demo-img-password_grid{background-image:url(images/sprites/for.png);background-position:-600px 0;width:200px;height:143px}.demo-img-radiosets_grid{background-image:url(images/sprites/for.png);background-position:-600px -143px;width:200px;height:143px}.demo-img-select_one_grid{background-image:url(images/sprites/for.png);background-position:-600px -286px;width:200px;height:143px}.demo-img-select_single_grid{background-image:url(images/sprites/for.png);background-position:-600px -429px;width:200px;height:143px}.demo-img-slider_grid{background-image:url(images/sprites/for.png);background-position:0 -572px;width:200px;height:143px}.demo-img-switch_grid{background-image:url(images/sprites/for.png);background-position:-200px -572px;width:200px;height:143px}.demo-img-textarea_grid{background-image:url(images/sprites/for.png);background-position:-400px -572px;width:200px;height:143px}.demo-img-textinput_grid{background-image:url(images/sprites/for.png);background-position:-600px -572px;width:200px;height:143px}.demo-img-animation_grid{background-image:url(images/sprites/fra.png);background-position:-200px 0;width:200px;height:143px}.demo-img-binding_element_grid{background-image:url(images/sprites/fra.png);background-position:-400px -143px;width:200px;height:143px}.demo-img-binding_grid{background-image:url(images/sprites/fra.png);background-position:0 -143px;width:200px;height:143px}.demo-img-busycontext{background-image:url(images/sprites/fra.png);background-position:-200px -143px;width:200px;height:143px}.demo-img-composite_grid{background-image:url(images/sprites/fra.png);background-position:-400px 0;width:200px;height:143px}.demo-img-controlflow_grid{background-image:url(images/sprites/fra.png);background-position:0 0;width:200px;height:143px}.demo-img-deferredRendering_grid{background-image:url(images/sprites/fra.png);background-position:0 -286px;width:200px;height:143px}.demo-img-res_OptChange_grid{background-image:url(images/sprites/fra.png);background-position:-200px -286px;width:200px;height:143px}.demo-img-router_grid{background-image:url(images/sprites/fra.png);background-position:-400px -286px;width:200px;height:143px}.demo-img-switcher_grid{background-image:url(images/sprites/fra.png);background-position:0 -429px;width:200px;height:143px}.demo-img-themes_grid{background-image:url(images/sprites/fra.png);background-position:-200px -429px;width:200px;height:143px}.demo-img-accordion_grid{background-image:url(images/sprites/lay.png);background-position:-200px 0;width:200px;height:143px}.demo-img-collapsible_grid{background-image:url(images/sprites/lay.png);background-position:-400px -143px;width:200px;height:143px}.demo-img-dialog_grid{background-image:url(images/sprites/lay.png);background-position:0 -143px;width:200px;height:143px}.demo-img-flex_layout_grid{background-image:url(images/sprites/lay.png);background-position:-200px -143px;width:200px;height:143px}.demo-img-grid_grid{background-image:url(images/sprites/lay.png);background-position:-400px 0;width:200px;height:143px}.demo-img-masonry_grid{background-image:url(images/sprites/lay.png);background-position:0 0;width:200px;height:143px}.demo-img-navigationbar_grid{background-image:url(images/sprites/lay.png);background-position:0 -286px;width:200px;height:143px}.demo-img-navlist_grid{background-image:url(images/sprites/lay.png);background-position:-200px -286px;width:200px;height:143px}.demo-img-offcanvas_grid{background-image:url(images/sprites/lay.png);background-position:-400px -286px;width:200px;height:143px}.demo-img-panel_grid{background-image:url(images/sprites/lay.png);background-position:0 -429px;width:200px;height:143px}.demo-img-popup_grid{background-image:url(images/sprites/lay.png);background-position:-200px -429px;width:200px;height:143px}.demo-img-applayouthybrid_grid{background-image:url(images/sprites/pat.png);background-position:0 0;width:200px;height:143px}.demo-img-applayoutweb_grid{background-image:url(images/sprites/pat.png);background-position:-200px 0;width:200px;height:143px}.demo-img-responsive_grid{background-image:url(images/sprites/pat.png);background-position:0 -143px;width:200px;height:143px}.demo-img-combochart_grid{background-image:url(images/sprites/vis.png);background-position:-200px 0;width:200px;height:143px}.demo-img-diagram_grid{background-image:url(images/sprites/vis.png);background-position:-200px -286px;width:200px;height:143px}.demo-img-gantt_grid{background-image:url(images/sprites/vis.png);background-position:0 -143px;width:200px;height:143px}.demo-img-legend_grid{background-image:url(images/sprites/vis.png);background-position:-200px -143px;width:200px;height:143px}.demo-img-nbox_grid{background-image:url(images/sprites/vis.png);background-position:-400px 0;width:200px;height:143px}.demo-img-pictochart_grid{background-image:url(images/sprites/vis.png);background-position:-400px -143px;width:200px;height:143px}.demo-img-statusmetergauge_grid{background-image:url(images/sprites/vis.png);background-position:0 -286px;width:200px;height:143px}.demo-img-sunburst_grid{background-image:url(images/sprites/vis.png);background-position:0 0;width:200px;height:143px}.demo-img-tagcloud_grid{background-image:url(images/sprites/vis.png);background-position:-400px -286px;width:200px;height:143px}.demo-img-thematicmap_grid{background-image:url(images/sprites/vis.png);background-position:0 -429px;width:200px;height:143px}.demo-img-timeaxis_grid{background-image:url(images/sprites/vis.png);background-position:-200px -429px;width:200px;height:143px}.demo-img-timeline_grid{background-image:url(images/sprites/vis.png);background-position:-400px -429px;width:200px;height:143px}.demo-img-treemap_grid{background-image:url(images/sprites/vis.png);background-position:-600px 0;width:200px;height:143px}.demo-img-usecasesdvt_grid{background-image:url(images/sprites/vis.png);background-position:-600px -143px;width:200px;height:143px}.demo-img-usecasesdatacollections_grid{background-image:url(images/sprites/colall.png);background-position:0 0;width:200px;height:143px}