@font-face{font-family:'AppFont';src:url("fonts/App_iconfont.woff") format("woff");font-weight:normal;font-style:normal}.demo-icon-font,.demo-icon-font-24{font-family:AppFont;font-size:16px;line-height:1;display:inline-block;font-weight:normal;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:before,.demo-icon-font-24:before{display:inline-block}.demo-icon-font-24{font-size:24px}.demo-bookmark-icon-16:before{content:"\e606"}.demo-grid-icon-16:before{content:"\e607"}.demo-list-icon-16:before{content:"\e608"}.demo-gear-icon-16:before{content:"\e609"}.demo-filter-icon-16:before{content:"\e907"}.demo-share-icon-16:before{content:"\e90a"}.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-edit-icon-24:before{content:"\e906"}.demo-fire-icon-24:before{content:"\e908"}.demo-person-icon-24:before{content:"\e909"}.demo-signout-icon-24:before{content:"\e90b"}.demo-info-icon-24:before{content:"\e900"}.demo-copy-icon-24:before{content:"\e901"}.demo-people-icon-24:before{content:"\e902"}.demo-chart-icon-24:before{content:"\e903"}.demo-garbage-icon-24:before{content:"\e904"}.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}.demo-appheader{background-color:#f0f0f0;box-shadow:0 3px 3px rgba(0,0,0,0.1);position:relative;margin-bottom:1px}.oj-slow-boxshadow .demo-appheader{border-bottom-color:#d9dfe3}.demo-appheader-appname{font-size:1.143rem;font-weight:normal;color:#4d4d4d}html:not([dir="rtl"]) .demo-appheader-toolbar-container{text-align:right}html[dir="rtl"] .demo-appheader-toolbar-container{text-align:left}.demo-appheader-toolbar-container .oj-toolbar{display:inline-block;margin-right:0;margin-left:0}.demo-appheader-logo-block{display:inline-block}.demo-appheader-offcanvas-pushwrapper{width:100%;overflow-x:hidden}.demo-appheader-appname-block{vertical-align:2px}html:not([dir="rtl"]) .demo-appheader-appname-block{margin-left:4px}html[dir="rtl"] .demo-appheader-appname-block{margin-right:4px}.demo-offcanvas-toggle{display:block}html:not([dir="rtl"]) .demo-offcanvas-toggle{float:left}html[dir="rtl"] .demo-offcanvas-toggle{float:right}.demo-appheader-classic .demo-appheader-nav{display:none}@media screen and (max-width: 767px){.demo-appheader{padding-left:2px;padding-right:2px}.demo-appheader-appname-block,.demo-appheader-pulldown-normal,.demo-appheader-toolbar-separator,.demo-appheader-toolbar-button{display:none}.demo-appheader-pulldown-small{display:inline-block}.demo-appheader-classic .demo-offcanvas-toggle{width:30%;position:relative}.demo-appheader-classic .demo-appheader-logo{text-align:center;float:none;width:40%;position:relative}html:not([dir="rtl"]) .demo-appheader-classic .demo-appheader-logo{margin-left:0}html[dir="rtl"] .demo-appheader-classic .demo-appheader-logo{margin-right:0}}@media print, screen and (min-width: 768px){html:not([dir="rtl"]) .demo-offcanvas-toggle{margin-left:-10px}html[dir="rtl"] .demo-offcanvas-toggle{margin-right:-10px}.demo-appheader-appname-block,.demo-appheader-pulldown-normal{display:inline-block}.demo-appheader-pulldown-small{display:none}.demo-appheader{padding-left:10px;padding-right:10px}}@media print and (orientation: landscape), screen and (min-width: 1024px){.demo-offcanvas-toggle{display:none}.demo-appheader-appname-block{display:inline-block}html:not([dir="rtl"]) .demo-appheader-classic .demo-appheader-logo{margin-left:0}html[dir="rtl"] .demo-appheader-classic .demo-appheader-logo{margin-right:0}.demo-appheader-classic .demo-appheader-nav{display:block}html:not([dir="rtl"]) .demo-appheader-classic .demo-appheader-nav{text-align:right}html[dir="rtl"] .demo-appheader-classic .demo-appheader-nav{text-align:left}}.demo-appheader-lite .demo-appheader-logo{margin-top:9px}html:not([dir="rtl"]) .demo-appheader-lite .demo-appheader-logo{float:left}html[dir="rtl"] .demo-appheader-lite .demo-appheader-logo{float:right}.demo-appheader-lite .oj-toolbar{margin-top:0}.demo-appheader-classic .demo-appheader-logo{margin-top:8px}html:not([dir="rtl"]) .demo-appheader-classic .demo-appheader-logo{float:left;margin-left:4px}html[dir="rtl"] .demo-appheader-classic .demo-appheader-logo{float:right;margin-right:4px}.demo-appheader-logo-oracle{padding-top:3px}.demo-appheader-logo-oracle{width:136px;height:19px}.demo-appheader-logo-oracle:before{content:url("images/oracle_logo_lrg.png")}@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx){.demo-appheader-logo-oracle:before{content:url("images/oracle_logo_lrg_2x.png");-webkit-transform:translate(-25%, -25%) scale(0.5);transform:translate(-25%, -25%) scale(0.5)}}.demo-appheader-avatar{width:24px;height:24px}.demo-appheader-avatar:before{content:url("images/avatar_24px.png")}@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx){.demo-appheader-avatar:before{content:url("images/avatar_24px_2x.png");-webkit-transform:translate(-25%, -25%) scale(0.5);transform:translate(-25%, -25%) scale(0.5)}}.demo-appheader-nav .oj-navigationlist-item-icon{color:#333}.demo-appheader-nav .oj-navigationlist-item-label{color:#4d4d4d}.oj-panel.demo-appheader-offcanvascontent{padding:0}.demo-appheader-offcanvascontent{color:#c0c4c8;background-color:#313334}.demo-appheader-toggle-button{margin-bottom:4px}.demo-appheader-offcanvascontent .oj-navigationlist-item.oj-selected{background-color:#202324}.demo-appheader-offcanvascontent .oj-navigationlist-item.oj-hover:not(.oj-selected){background-color:#262628;color:#fafafa}.demo-appheader-offcanvascontent a.oj-navigationlist-item-content{color:#c0c4c8}.demo-appheader-offcanvascontent .oj-navigationlist-item.oj-hover .oj-navigationlist-item-icon{color:#85bbe7}.demo-appheader-offcanvascontent .oj-navigationlist-item.oj-hover .oj-navigationlist-item-label{color:#85bbe7}.demo-appheader-offcanvascontent .oj-navigationlist-item.oj-selected .oj-navigationlist-item-label,.demo-appheader-offcanvascontent .oj-navigationlist-item.oj-selected .oj-navigationlist-item-icon{color:#fafafa}.demo-appheader-nav .oj-navigationlist-item.oj-hover:not(.oj-selected){background-color:transparent;color:#85bbe7}.demo-appheader-nav .oj-navigationlist-item.oj-hover .oj-navigationlist-item-icon,.demo-appheader-nav .oj-navigationlist-item.oj-hover .oj-navigationlist-item-label{color:#85bbe7}.demo-appheader-nav .oj-navigationlist-item.oj-selected{background-color:transparent;color:#0572ce}.demo-appheader-nav .oj-navigationlist-item.oj-selected .oj-navigationlist-item-icon,.demo-appheader-nav .oj-navigationlist-item.oj-selected .oj-navigationlist-item-label{color:#0572ce}.demo-appcontent{margin-right:10px;margin-left:10px;margin-top:0.8571rem}.demo-appfooter{padding-left:10px;padding-right:10px;height:4.167em;border-top:1px solid #d9dfe3;background-color:#f0f0f0;box-sizing:border-box}.demo-appfooter-text{font-size:0.857rem;color:#4d4d4d}.demo-appfooter ul{margin-bottom:2px}html:not([dir="rtl"]) .demo-appfooter ul{padding-left:0px}html[dir="rtl"] .demo-appfooter ul{padding-right:0px}.demo-appfooter li{list-style:none;display:inline-block}html:not([dir="rtl"]) .demo-appfooter li{margin-right:5px;margin-left:0px;padding-right:5px;border-right:1px solid #d9dfe3}html[dir="rtl"] .demo-appfooter li{margin-left:5px;margin-right:0px;padding-left:5px;border-left:1px solid #d9dfe3}html:not([dir="rtl"]) .demo-appfooter li:last-child{border-right:none}html[dir="rtl"] .demo-appfooter li:last-child{border-left:none}.demo-flex-top-container{position:absolute;top:0;left:0;bottom:0;right:0}.demo-flex-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex:1 0 auto;flex:1 0 auto;position:relative;min-height:100%}.demo-flex-header{-webkit-flex:0 0 auto;flex:0 0 auto}.demo-flex-footer{-webkit-flex:0 0 auto;flex:0 0 auto}.demo-flex-content{-webkit-flex:1 0 auto;flex:1 0 auto}.demo-flex-center{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto;box-sizing:border-box;position:relative;min-height:100vh}@media screen and (-webkit-min-device-pixel-ratio: 0){.demo-flex-center{min-height:100%}}html.demo-sticky-footer-layout,.demo-sticky-footer-layout body{height:100%}.demo-sticky-footer-layout{height:100%}.demo-sticky-footer-main-outer{min-height:100%}.demo-sticky-footer-main-inner{overflow:visible;padding-bottom:4.167em}.demo-sticky-footer-layout .demo-appfooter{position:relative;margin-top:-4.167em}@media print and (orientation: portrait), screen and (max-width: 1023px){.demo-wrap{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.demo-nav{padding-top:20px;-webkit-order:2;order:2}}.demo-header-toolbar-container{-webkit-align-items:center;align-items:center}html:not([dir="rtl"]) .demo-cook-search-button{float:right;margin-left:3px}html[dir="rtl"] .demo-cook-search-button{float:left;margin-right:3px}.demo-cook-search-input{overflow:hidden;display:block;width:auto}.demo-cook-search-input .oj-form-control{min-width:initial}#recipeTitle{margin-top:22px;margin-bottom:22px}#recipeTitle h1{display:inline-block}#componentContent{overflow:auto}#collapsibleRecipe{margin-top:25px}#componentRecipeContent>ul:first-child,#componentRecipeContent>ol:first-child{margin-top:0}#cookbookTitle h1{margin-top:4px;min-height:23px}#componentShell.oj-panel{padding:0}.demo-recipe-spacing{margin:20px 0;width:100%}.demo-recipe-table th,.demo-recipe-table td{border:1px solid lightgrey;border-collapse:collapse;width:10em;text-align:center;padding:10px}.demo-info-table th,.demo-info-table td{border:1px solid lightgrey;border-collapse:collapse;padding:10px}.demo-search-icon{font-size:1rem}.demo-help-icon{padding-left:5px}#doNotCopy{color:red;font-weight:bold;font-size:large;margin-left:100px}@font-face{font-family:'platforms';src:url("../images/formfactor/platform.woff") format("woff");font-weight:normal;font-style:normal}[class^="demo-platform-icon-"],[class*=" demo-platform-icon-"]{font-family:'platforms';speak:none;font-style:normal;font-weight:normal;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-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:"\e903"}.demo-platform-icon-hipster2:before{content:"\e904"}.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-desktop:before{content:"\e956"}.demo-platform-icon-phone-portrait:before,.demo-platform-icon-phone-landscape:before{content:"\e958"}.demo-platform-icon-phone-landscape:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.demo-platform-icon-tablet-portrait:before,.demo-platform-icon-tablet-landscape:before{content:"\e959"}.demo-platform-icon-tablet-landscape:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#togglePinnedNavListButtonSet .oj-web-applayout-offcanvas-icon,#toggleNavListButton .oj-web-applayout-offcanvas-icon{height:24px;width:24px}#header .oj-default .demo-applayout-offcanvas-icon::before,#header .oj-focus-only .demo-applayout-offcanvas-icon::before{content:url("../../../../images/24px_offcanvas_icon_ena.svg")}#header html[dir="rtl"] .oj-default .demo-applayout-offcanvas-icon::before,#header html[dir="rtl"] .oj-focus-only .demo-applayout-offcanvas-icon::before{content:url("../../../../images/24px_offcanvas_icon_ena.svg")}#header .oj-hover .demo-applayout-offcanvas-icon::before,#header .oj-hover.oj-selected .demo-applayout-offcanvas-icon::before{content:url("../../../../images/24px_offcanvas_icon_ovr.svg")}#header html[dir="rtl"] .oj-hover .demo-applayout-offcanvas-icon::before,#header html[dir="rtl"] .oj-hover.oj-selected .demo-applayout-offcanvas-icon::before{content:url("../../../../images/24px_offcanvas_icon_ovr.svg")}#header .oj-active .demo-applayout-offcanvas-icon::before,#header .oj-selected .demo-applayout-offcanvas-icon::before{content:url("../../../../images/24px_offcanvas_icon_sel.svg")}#header html[dir="rtl"] .oj-active .demo-applayout-offcanvas-icon::before,#header html[dir="rtl"] .oj-selected .demo-applayout-offcanvas-icon::before{content:url("../../../../images/24px_offcanvas_icon_sel.svg")}#header .oj-disabled .demo-applayout-offcanvas-icon::before{content:url("../../../../images/24px_offcanvas_icon_ena.svg")}#header html[dir="rtl"] .oj-disabled .demo-applayout-offcanvas-icon::before{content:url("../../../../images/24px_offcanvas_icon_ena.svg")}.demo-applayout-offcanvas-icon{height:24px;width:24px}.demo-applayout-offcanvas-icon::before{display:inline-block}.demo-applayout-offcanvas-icon{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}#togglePinnedNavListButtonSet .oj-button.oj-hover.oj-button-half-chrome{background-color:transparent;border-color:transparent}#togglePinnedNavListButtonSet .oj-button.oj-selected.oj-button-half-chrome{background-color:transparent;border-color:transparent}#toggleNavListButton.oj-button.oj-hover.oj-button-half-chrome{background-color:transparent;border-color:transparent}#toggleNavListButton.oj-button.oj-selected.oj-button-half-chrome{background-color:transparent;border-color:transparent}.demo-pinned-navlist .oj-web-applayout-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.demo-pinned-navlist .demo-page-wrapper{-webkit-flex:auto;flex:auto;display:-webkit-flex;display:flex}.demo-pinned-navlist #navDrawer{position:relative}#page-container{-webkit-overflow-scrolling:touch}.markup-example:after,.script-example:after,.css-example:after{position:absolute;top:-1px;left:-1px;padding:3px 7px;font-size:12px;font-weight:bold;background-color:#f5f5f5;border:1px solid #ddd;color:#9da0a4;border-radius:4px 0 4px 0}.css-example:after{content:"CSS Editor"}.markup-example:after{content:"HTML Editor"}.script-example:after{content:"JS Editor"}.css-example,.markup-example,.script-example{clear:left;position:relative;padding:0 0 14px;background-color:#fff;border:1px solid #ddd;border-radius:4px}.script-example{padding-top:39px}#html-example,#script-example,#css-example{padding-top:1rem}.italic{font-style:italic}.bold{font-weight:bold}.underline{text-decoration:underline}.edit-button{float:right;position:absolute;right:20px;top:10px}.codeEditorInfo{top:10px;left:75px;float:right;position:absolute;font-size:13px;color:#4f4f4f;padding-top:5px}.demo-selectornames{font-size:12px;color:#9c5800;padding:2px 4px;white-space:nowrap;background-color:#f7f7f9;border:1px solid #e1e1e8;font-family:Consolas,Menlo,Monaco,"Source Code Pro","Courier New",Courier,monospace}#global-home-container{height:760px}.homeBox{position:absolute;box-sizing:border-box;display:inline-block;border:1px solid #d6dfe6;border-radius:3px;background-color:white;background-repeat:no-repeat;background-position:center top;cursor:pointer}.homeBox LABEL{position:absolute;width:100%;padding-left:10px;margin:0px;box-sizing:border-box;bottom:10px;color:#252525;font-weight:bold;font-size:16px}.homeBox .withCaret:after{content:" ";display:inline-block;vertical-align:middle;width:24px;height:24px;background-repeat:no-repeat;background-image:url("../../../images/caret.png")}#gettingStarted LABEL{font-size:24px;padding-left:0px;left:0;top:40px;bottom:auto;text-align:center}#gettingStarted.homeBox{left:20px;right:50%;top:20px;height:350px;margin-right:10px;background-position:center bottom;background-image:url("../../../images/iStock_000019915867_Medium.jpg")}#formControls.homeBox{left:50%;right:25%;top:20px;height:165px;margin-left:10px;margin-right:15px;background-image:url("../../../images/homeTextAndSelection.png")}#buttons.homeBox{left:75%;right:20px;top:20px;height:165px;margin-left:5px;background-image:url("../../../images/homeButtons.png")}#dataCollections.homeBox{left:50%;right:25%;top:205px;height:165px;margin-left:10px;margin-right:15px;background-image:url("../../../images/homeDataCollections.png")}#dataVisualizations.homeBox{left:75%;right:20px;top:205px;height:165px;margin-left:5px;background-image:url("../../../images/homeDataVisualizations.png")}#patterns.homeBox{left:20px;right:50%;top:390px;height:350px;margin-right:10px;background-image:url("../../../images/homePatterns.png")}#layout.homeBox{left:50%;right:20px;top:390px;height:165px;margin-left:10px;background-image:url("../../../images/homeLayoutAndNavigation.png")}#behaviorsAndAnimation.homeBox{left:50%;right:25%;top:575px;height:165px;margin-left:10px;margin-right:15px;background-image:url("../../../images/homeBehaviorsAndAnimations.png")}#media.homeBox{left:75%;right:20px;top:575px;height:165px;margin-left:5px;background-image:url("../../../images/homeMedia.png")}@media only screen and (-webkit-min-device-pixel-ratio: 2){.homeBox .withCaret:after{background-image:url("../../../images/caret@2x.png");-webkit-background-size:24px 24px}#gettingStarted.homeBox{background-image:url("../../../images/iStock_000019915867_Medium@2x.jpg");-webkit-background-size:421px 443px}#formControls.homeBox{background-image:url("../../../images/homeTextAndSelection@2x.png");-webkit-background-size:219px 116px}#buttons.homeBox{background-image:url("../../../images/homeButtons@2x.png");-webkit-background-size:219px 116px}#dataCollections.homeBox{background-image:url("../../../images/homeDataCollections@2x.png");-webkit-background-size:219px 116px}#dataVisualizations.homeBox{background-image:url("../../../images/homeDataVisualizations@2x.png");-webkit-background-size:219px 116px}#patterns.homeBox{background-image:url("../../../images/homePatterns@2x.png");-webkit-background-size:458px 305px}#layout.homeBox{background-image:url("../../../images/homeLayoutAndNavigation@2x.png");-webkit-background-size:458px 116px}#behaviorsAndAnimation.homeBox{background-image:url("../../../images/homeBehaviorsAndAnimations@2x.png");-webkit-background-size:219px 116px}#media.homeBox{background-image:url("../../../images/homeMedia@2x.png");-webkit-background-size:219px 116px}}@media only screen and (min-device-pixel-ratio: 2){.homeBox .withCaret:after{background-image:url("../../../images/caret@2x.png");background-size:24px 24px}#formControls.homeBox{background-image:url("../../../images/iStock_000019915867_Medium@2x.jpg");background-size:421px 443px}#textAndSelection.homeBox{background-image:url("../../../images/homeTextAndSelection@2x.png");background-size:219px 116px}#buttons.homeBox{background-image:url("../../../images/homeButtons@2x.png");background-size:219px 116px}#dataCollections.homeBox{background-image:url("../../../images/homeDataCollections@2x.png");background-size:219px 116px}#dataVisualizations.homeBox{background-image:url("../../../images/homeDataVisualizations@2x.png");background-size:219px 116px}#patterns.homeBox{background-image:url("../../../images/homePatterns@2x.png");background-size:458px 305px}#layout.homeBox{background-image:url("../../../images/homeLayoutAndNavigation@2x.png");background-size:458px 116px}#behaviorsAndAnimation.homeBox{background-image:url("../../../images/homeBehaviorsAndAnimations@2x.png");background-size:219px 116px}#media.homeBox{background-image:url("../../../images/homeMedia@2x.png");background-size:219px 116px}}@media only screen and (min-resolution: 2dppx){.homeBox .withCaret:after{background-image:url("../../../images/caret@2x.png");background-size:24px 24px}#gettingStarted.homeBox{background-image:url("../../../images/iStock_000019915867_Medium@2x.jpg");background-size:421px 443px}#formControls.homeBox{background-image:url("../../../images/homeTextAndSelection@2x.png");background-size:219px 116px}#buttons.homeBox{background-image:url("../../../images/homeButtons@2x.png");background-size:219px 116px}#dataCollections.homeBox{background-image:url("../../../images/homeDataCollections@2x.png");background-size:219px 116px}#dataVisualizations.homeBox{background-image:url("../../../images/homeDataVisualizations@2x.png");background-size:219px 116px}#patterns.homeBox{background-image:url("../../../images/homePatterns@2x.png");background-size:458px 305px}#layout.homeBox{background-image:url("../../../images/homeLayoutAndNavigation@2x.png");background-size:458px 116px}#behaviorsAndAnimation.homeBox{background-image:url("../../../images/homeBehaviorsAndAnimations@2x.png");background-size:219px 116px}#media.homeBox{background-image:url("../../../images/homeMedia@2x.png");background-size:219px 116px}}#documentsContainer{margin-top:25px}#documentsTabsContainer{margin-top:25px}#devGuideContentContainer{display:table;width:100%}#left_dev_guide_nav{overflow:hidden;width:250px;border-right:1px solid #d6dfe6;display:table-cell;padding-right:10px}#devGuideContent{display:table-cell;padding-left:10px}#examplesContentContainer,#oracleInternalContentContainer{position:relative}#examplesContent,#oracleInternalContent{margin-left:280px;min-height:300px}#left_examples_nav,#left_oracle_internal_nav{position:absolute;top:0;bottom:0;overflow:hidden;width:250px;margin-left:0;border-right:1px solid #d6dfe6;padding-right:10px}.oj-inline-icon{display:inline-block;vertical-align:top}#technologyStackInfoContainer{margin-top:30px;margin-bottom:30px}#technologyStackInfo{border:1px solid black}#technologyStackInfo tr td{border:1px solid black;padding:3px}.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")}#componentListContainer{margin:-10px}#navItem{padding:10px 10px 0 0}.componentCategoryItemListview.oj-listview-card-layout{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.categorybanner{padding:36px 0 36px 6px;background-color:#0096E0;-webkit-transition:padding 0.4s ease-in-out;transition:padding 0.4s ease-in-out}.categorybanner.small{padding:3px 0px 3px 0px}.categorybanner.shrink{padding:3px 0px 3px 0px;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:#FFFFFF;padding:0;margin:0;line-height:40px;padding-left:20px;opacity:0.8;font-weight:lighter;font-family:"SF UI Display","Helvetica Neue","Roboto","Segoe UI",Arial,sans-serif;-webkit-transition:height 0.4s ease-in-out, width  0.4s ease-in-out,font-size 0.4s ease-in-out;transition:height 0.4s ease-in-out,width 0.4s ease-in-out,font-size 0.4s ease-in-out}.categorygrouplabel{font-size:26px;color:#FFFFFF;padding:0;margin:5px 0;line-height:40px;padding-left:20px;opacity:0.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;-webkit-transition:height 0.4s ease-in-out,width 0.4s ease-in-out,font-size 0.4s ease-in-out;transition:height 0.4s ease-in-out,width 0.4s ease-in-out,font-size 0.4s ease-in-out}.categorylist{list-style:none;width:100%;margin:20px}.categorylist.fixed{position:fixed;z-index:1;background-image:url("../../../libs/oj/v4.1.0/alta/images/texture.png");background-repeat:repeat;margin:0;padding:20px}#filterMenuButtonBar.fixed{position:fixed;z-index:1;background-image:url("../../../libs/oj/v4.1.0/alta/images/texture.png");background-repeat:repeat}.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:#ffffff}#rootCollections_category.categorySelected a,#rootCollections_category a:hover{background-color:#914f26}#rootControls_category.categorySelected a,#rootControls_category a:hover{background-color:#a64123}#rootForms_category.categorySelected a,#rootForms_category a:hover{background-color:#a6414c}#rootFramework_category.categorySelected a,#rootFramework_category a:hover{background-color:#8c4380}#rootLayoutNav_category.categorySelected a,#rootLayoutNav_category a:hover{background-color:#216a8a}#rootPatterns_category.categorySelected a,#rootPatterns_category a:hover{background-color:#186e6e}#rootVisualizations_category.categorySelected a,#rootVisualizations_category a:hover{background-color:#A5A2A2}#all_category.categorySelected a,#all_category a:hover{background-color:#5f6169}#componentListContainer .oj-listview{border-style:none;padding-right:5px}.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:normal}.componentCategoryItemListview .oj-listview-item.oj-hover,.componentCategoryItemListview .oj-listview-item.oj-hover+li.oj-listview-item{border-top-color:transparent}.componentInfo{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px;background-color:#fff;text-decoration:none}.componentShortDesc{color:#333;white-space:normal}.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}.listingRef,.listingRef:hover,.listingRef:focus{text-decoration:none;cursor:default}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:10px;color:#fff;text-transform:uppercase;text-align:center;font-weight:bold;line-height:20px;transform:rotate(45deg);width:100px;display:block;background-color:gray;box-shadow:0 3px 10px -5px #000;position:absolute;top:19px;right:-21px}.ribbon span::before{content:'';position:absolute;left:0px;top:100%;z-index:-1;border-left:3px solid gray;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid gray}.ribbon span::after{content:'';position:absolute;right:0%;top:100%;z-index:-1;border-right:3px solid gray;border-left:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid gray}[data-bind*="ojComponent"]:not(.oj-component-initnode){visibility:hidden}.global-container{position:relative}.boxSizing{box-sizing:border-box;position:relative}.pattern-nav{float:right}.demo-panel-contrast1{background-color:#313334;color:#fff}.demo-padding{background-image:none;margin:5px}