@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,300,300italic);*,::after,::before{box-sizing:border-box}body,html{height:100%;font-family:'Open Sans',arial,sans-serif;overflow:hidden}body>form{margin:0;padding:0;width:100%;height:100%}h1,h2,h3,h4,h5,h6{letter-spacing:1.5px}table{width:100%;margin-bottom:1rem;border-radius:2px}table thead tr{background:0 0;border-bottom:1px solid #ddd}table thead tr th{text-transform:uppercase;font-weight:400}[type=checkbox],[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=file],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{font-size:.75rem}table td .button,table td input[type=checkbox],table td input[type=radio],table td input[type=text],table td select,table th .button,table th input[type=checkbox],table th input[type=radio],table th input[type=text],table th select{margin-bottom:0}#container{height:100%;width:100%}.scroll-wrapper{overflow:hidden!important;padding:0!important;position:relative}.scroll-wrapper>.scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none!important;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}.scrollbar-panel{width:100%;height:100%}@media (max-width:1279px) and (max-height:1023px){#tooSmallScreen{display:block}}#tooSmallScreen{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999;opacity:.8;background-color:#0a0a0a}#tooSmallScreen h1{color:#fefefe;text-align:center;margin-top:150px}#feedback{position:fixed;top:0;left:0;width:100%;height:100px;background:#7d4b9d no-repeat 15px 50%;border-bottom:solid 2px #530e86;color:#fefefe;padding:30px 20px 3px 90px;font-size:20px;display:none;z-index:1060}.grid-padding-x>.cell{padding-right:.5rem;padding-left:.5rem}.ui-draggable-handle:hover{cursor:move}.reveal-overlay{overflow:hidden}.reveal-overlay.related{z-index:488}.reveal{border-color:#7d4b9d}#item-related-reveal.reveal,#product-related-reveal.reveal{z-index:499}.pagination .current{background-color:#7d4b9d}.button{border-color:#7d4b9d;color:#fefefe;background-color:#7d4b9d;margin-bottom:0}.button:focus,.button:hover{border-color:#530e86;background-color:#530e86}.button.disabled,.button[disabled]{background-color:#7d4b9d}.button.disabled:hover,.button[disabled]:hover{background-color:#7d4b9d}.button.hollow{border:1px solid #7d4b9d;color:#7d4b9d;background-color:transparent}.button.hollow:hover{border:1px solid #530e86;color:#530e86;background-color:transparent}.button.hollow.disabled:hover{border:1px solid #7d4b9d;color:#7d4b9d;background-color:transparent}.button.hollow.inverted{border:1px solid #fefefe;color:#fefefe;background-color:transparent}.button.hollow.inverted:hover{border:1px solid #fefefe;color:#fefefe;background-color:#530e86}.button.hollow.inverted.disabled:hover{border:1px solid #fefefe;color:#fefefe;background-color:transparent}#loginBody{background:#402b56}#loginBody .logo{margin:60px 0 45px}#loginBody .logo object{width:170px;display:block;margin:0 auto}#loginBody h1{text-align:center;font-size:2em;margin-bottom:20px;color:#fefefe;letter-spacing:normal}#loginBody .refLink{display:block;width:200px;margin:15px auto 0 auto}.login-panel{background:rgba(255,255,255,.1);border-radius:4px;box-shadow:0 1px 2px 1px rgba(0,0,0,.1);max-width:400px;margin:0 auto;border:none;color:#fefefe;font-size:smaller}.login-panel .panel-content{padding:25px}.login-panel .panel-content>.button{margin-bottom:0}.login-panel .button,.login-panel .name-field>label,.login-panel a,.login-panel h4{color:#fefefe}.login-panel .button{background:0 0;border:2px solid #fefefe}#main-nav{position:fixed;left:0;right:0;top:0;z-index:90;min-height:50px;padding:0;background:#402b56;color:#fefefe;box-shadow:0 2px 2px rgba(0,0,0,.15),0 1px 0 rgba(0,0,0,.15)}#nav-logo{display:block;margin:5px 5px 0 20px;float:left}#nav-database{min-width:200px;float:left;margin:8px 50px 0 0}#nav-search{float:right;width:250px;position:relative;margin-top:8px;margin-right:40px}#nav-search input{background:0 0;border:none;border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor;margin:0;box-shadow:none;color:#fefefe;opacity:1;font-size:1em;padding-left:0;border-bottom:1px solid rgba(255,255,255,.5)}#nav-search input:focus{border-bottom-color:#530e86}#nav-search input[placeholder]{color:#fefefe;opacity:1}#nav-search input::-webkit-input-placeholder{color:#fefefe;opacity:1}#nav-search input::-moz-placeholder{color:#fefefe;opacity:1}#nav-search input:-moz-placeholder{color:#fefefe;opacity:1}#nav-search input:-ms-input-placeholder{color:#fefefe;opacity:1}#nav-search .action{position:absolute;right:0;top:-1px;color:rgba(255,255,255,.75);font-size:22px}#login{min-width:300px}.top-nav{display:inline;height:auto;margin:0 10px 0 0;float:right;list-style:none}.top-nav>li{float:left;position:relative}.top-nav>li.has-dropdown{cursor:pointer}.top-nav>li.has-dropdown:hover{background:#7d4b9d;color:#fefefe}.top-nav>li.has-dropdown:hover ul.dropdown{display:block}.top-nav>li.has-dropdown ul.dropdown{width:100%;position:absolute;display:none;left:0;margin:0;background:#7d4b9d;box-shadow:0 2px 2px rgba(0,0,0,.25),0 1px 0 rgba(0,0,0,.25)}.top-nav>li.has-dropdown ul.dropdown>li{display:block;float:left;width:100%}.top-nav>li.has-dropdown ul.dropdown>li a{color:#fefefe;background:0 0;display:block;font-size:em-calc(14);padding:0 12px;width:100%;line-height:40px}.top-nav>li.has-dropdown ul.dropdown>li a:hover{background:#402b56;color:#fefefe}.top-nav>li.has-dropdown ul.dropdown>li a:hover i{color:#fefefe}.top-nav>li>a{color:#fefefe;background:0 0;background-color:rgba(0,0,0,0);display:block;font-size:em-calc(16);padding:0 12px;width:100%;line-height:50px}.top-nav>li.active a{background-color:#7d4b9d;font-weight:700;color:#fefefe}.top-nav>li.active a i{color:#fefefe}.top-nav>li .loginDetail{display:inline-block;line-height:50px;font-size:.875rem;padding:0 12px}.top-nav>li .loginDetail .company{font-style:italic;font-size:.8125rem}#sidebar{width:350px;height:100%;position:fixed;background:#7d4b9d;margin:50px 0 0 0;padding-bottom:145px;overflow:hidden;z-index:50}#sidebar h3{color:#fefefe;font-size:20px;font-weight:600;margin:10px 0 10px 11px}#sidebar .button{padding:.3rem .5em}#sidebar .scrollbar-panel{margin:10px 0;padding:0}ul.gui-controls{font-size:14px;padding:0;margin-bottom:0;margin-left:0}ul.gui-controls>li{position:relative;margin-bottom:0;list-style:none}ul.gui-controls li ul{margin-left:0;padding:0;display:none}ul.gui-controls li ul>li:first-child::before{top:0}ul.gui-controls li.expanded>ul{display:block}ul.gui-controls li .title{position:relative;left:0;display:block;padding-left:0;color:#fefefe;white-space:normal;overflow:hidden;opacity:1;transition:all .5s cubic-bezier(.15,.99,.18,1.01)}ul.gui-controls li.active>a .title{color:#fefefe;font-weight:500}.gui-controls>li ul>li>a:focus,.gui-controls>li ul>li>a:hover{background-color:#530e86}.gui-controls>li ul>li>a{position:relative;display:block;text-decoration:none;padding:7px 17px;font-size:13px;line-height:normal;border-radius:0}.gui-controls li.active:not(.gui-folder)>a{background-color:#402b56}#mainContent{margin-left:350px;padding-top:50px;height:100%}#mainContent .content-wrapper{position:relative;display:inline-block;padding:0;width:100%;height:100%}#mainContent .content-wrapper.wToolbar{padding-top:50px}#mainContent .content-wrapper.padTop{padding-top:15px}#mainContent .content-wrapper .grid-panel-wrapper{width:100%;height:100%;position:relative}#mainContent .content-wrapper .grid-panel-wrapper .grid-panel{position:absolute;width:50%;height:50%;padding:10px}#mainContent .content-wrapper .grid-panel-wrapper .grid-panel .panel-section{height:100%;margin-bottom:0}#mainContent .content-wrapper .grid-panel-wrapper .grid-panel .panel-section.panel-scroll{position:relative;height:100%;padding-top:42px}#mainContent .content-wrapper .grid-panel-wrapper .grid-panel .panel-section.panel-scroll .panel-content{height:100%;overflow-y:scroll;border:1px solid #d4c5e1}#mainContent .content-wrapper .grid-panel-wrapper .full-height{height:100%}#mainContent .content-wrapper .grid-panel-wrapper #gp1{top:0;left:0}#mainContent .content-wrapper .grid-panel-wrapper #gp2{top:50%;left:0}#mainContent .content-wrapper .grid-panel-wrapper #gp3{top:0;left:50%}.panel-section.panel-main .panel-heading{position:absolute;top:0;left:0;right:0;border-color:#7d4b9d;background-color:#7d4b9d;color:#fefefe;border-radius:3px 3px 0 0;padding:8px 12px}.panel-section.panel-main .panel-heading>span{line-height:25px;font-size:1.125rem;font-weight:600}.panel-section.panel-main .panel-heading .button{padding:.3rem .5rem}.panel-section.panel-main .panel-heading a{margin-bottom:0}.dd-action{width:150px;padding:0;z-index:15}.dd-action .action-item{padding:.2rem .6rem;display:block;color:#7d4b9d;font-size:.9rem;cursor:pointer}.dd-action .action-item:first-child{padding-top:.4rem}.dd-action .action-item:last-child{padding-bottom:.4rem}.dd-action .action-item:not(.disabled):hover{color:#fefefe;background-color:#7d4b9d}.dd-action .action-item.disabled{color:#cecece;cursor:default}.pbTable{margin-bottom:0!important;margin-top:0!important}table.dataTable{margin:0 0!important}.pbTable thead th{font-size:.875rem}.pbTable tbody tr{cursor:pointer}.pbTable tbody tr.tbl-selected{background-color:#d9cce4;font-weight:600}.pbTable tbody td{font-size:.8125rem}.cell-selector{width:20px}.cell-sequence{width:30px}.cell-item-code{width:120px}.reveal{padding:0}.reveal .lead{padding:.5rem 1rem;color:#fefefe;background-color:#7d4b9d}.reveal>.reveal-body{padding:1rem}.reveal-scroll{height:90%!important;max-height:90%!important;top:5%}.reveal-scroll .scroll-content{position:relative;max-height:85%;overflow:hidden;height:85%;padding:0 1rem}.reveal-scroll .scroll-content.small{max-height:80%;height:80%}.reveal-scroll .toolbar{padding:.5rem 1rem}.reveal-scroll .toolbar .button{padding:.3rem .5rem}.reveal-scroll .reveal-content-body{overflow-y:auto;height:100%}.tree-view{padding:10px 0}.tree-view ul{list-style-type:none;font-size:.8125rem;margin-left:.5em}.tree-view li{display:block;border-width:0;margin:0;padding:0 0 0 16px}.tree-view .k-icon{display:inline-block;overflow:hidden;margin-top:.05em;margin-left:-16px;cursor:pointer;line-height:1;position:relative}.k-icon:before{font-weight:900;font-size:1rem;content:"\f0da";font-family:"Font Awesome 5 Free"}.k-i-collapse{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.k-i-nochildren{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);color:transparent}.tree-view .k-checkbox{margin-top:.2em}.tree-view .k-checkbox,.tree-view .k-icon,.tree-view .k-image,.tree-view .k-in,.tree-view .k-sprite{display:inline-block;vertical-align:top}input.k-checkbox{display:inline-block;opacity:0;width:0;margin:0;overflow:hidden;-moz-appearance:none;-webkit-appearance:none;appearance:none}.k-checkbox-label{display:inline-block;margin:0!important;position:relative;padding-left:20px;vertical-align:text-top!important;line-height:18px;cursor:pointer;border-style:solid;border-width:0;position:relative}.k-checkbox+.k-checkbox-label:before{z-index:1}.k-checkbox-label:before{background:#fefefe;border:1px solid #7f7f7f;border-radius:1px;content:"";position:absolute;top:0;left:0;width:16px;height:16px;font-size:16px;line-height:16px;text-align:center}.k-checkbox+.k-checkbox-label:after{content:"";position:absolute;top:1px;left:1px;border-radius:50%;width:1em;height:1em}.k-checkbox.indeterminate+.k-checkbox-label:before{border-color:#7d4b9d;border-width:2px}.k-checkbox.indeterminate+.k-checkbox-label:after{content:"";position:absolute;left:8px;top:8px;width:8px;height:8px;font-size:16px;border:0 solid #7d4b9d;border-radius:0;background-color:#7d4b9d;background-image:none;text-align:center;margin-left:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.k-checkbox.indeterminate.unknown+.k-checkbox-label:before{content:"?";background-color:#7d4b9d;border:0 solid #7d4b9d;color:#fefefe;font-weight:700}.k-checkbox.indeterminate.unknown+.k-checkbox-label:after{background-color:transparent}.k-checkbox.checked+.k-checkbox-label:before{content:"\2713";background-color:#7d4b9d;border:0 solid #7d4b9d;color:#fefefe;font-weight:700}.tree-view .k-sprite{background-image:url(images/tree-view-icons-green.png)}.tree-view .k-sprite.folder-close{background-position:0 0}.tree-view .k-sprite.folder-open{background-position:0 -16px}.tree-view .k-sprite.item{background-position:0 -32px}.k-sprite{width:18px;height:18px;font-size:0;line-height:0;text-align:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0);overflow:hidden;-ms-high-contrast-adjust:none}#attributes-view-reveal.reveal{z-index:500;min-width:450px;width:450px}#attribute-name-meta-list{display:inline-block;box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#attribute-name-meta-list li{list-style:none}.attribute-name-meta-list-value{background-color:#c1dff1;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:2px 5px;font-size:10pt;font-weight:700}.attribute-name-meta-list-value.unused{background-color:#ec5840;color:#fefefe}.attribute-name-meta-list-value-remove{cursor:pointer;display:inline-block;font-weight:700;margin-left:5px}.attribute-name-meta-style{background-color:#c1dff1;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:2px 5px;font-size:10pt;font-weight:700}.attribute-name-meta-style-remove{cursor:pointer;display:inline-block;font-weight:700;margin-left:5px}.dd-attribute-action{width:150px;padding:0;z-index:15}.dd-attribute-action .action-item label{padding:0 .6rem;display:block;color:#530e86;font-size:.9rem;cursor:pointer}.dd-attribute-action .action-item label>[type=checkbox],.dd-attribute-action .action-item label>[type=radio]{margin-bottom:0}.dd-attribute-action .action-item:first-child{padding-top:.2rem}.dd-attribute-action .action-item:last-child{padding-bottom:.2rem}.dd-attribute-action .action-item:hover label{color:#1583cc}.attributes-table{margin-bottom:0;width:100%}.attributes-table td{padding:.5rem;vertical-align:top}.attributes-table td.attribute-cell-name{min-width:40%;vertical-align:top;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attributes-table td.attribute-cell-value{width:60%;max-width:60%;word-break:break-all}.attributes-table td.attribute-cell-value-edit{width:60%;max-width:60%}.attributes-table td.attribute-cell-value-edit .input-group{margin-bottom:0}.attributes-table td.attribute-cell-value-edit .input-group .input-group-field{font-size:.7rem;padding-top:.2rem;padding-bottom:.2rem}.attributes-table td.attribute-cell-value-edit .input-group .input-group-button button{margin-left:3px}.attributes-table td,.attributes-table th{text-align:left;font-size:.7rem}.attributes-table .attribute-set-header{background-color:#d9cce4;cursor:pointer}.attributes-table .attribute-set-header th{text-transform:uppercase;font-weight:700}.attributes-table .attribute-set-header th:first-child{width:20px}.image-library-card{position:relative;cursor:pointer;border:2px solid #cecece;border-radius:2px;margin-bottom:5px}.image-library-card.selected{border-color:#7d4b9d;background-color:#d9cce4}.image-library-card .image-delete{opacity:0;padding:2px 6px;font-size:20px;position:absolute;text-align:center;top:0;right:0;cursor:pointer;color:#0a0a0a;border:0}.image-library-card:hover .image-delete{background-color:#d9cce4;opacity:.8}.card-image{height:96px;width:96px;margin:0 auto;padding:3px}.card-section{padding:0 2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.orbit-next,.orbit-previous{padding:5px;color:#7d4b9d}.orbit-slide{text-align:center}.scrollbar-panel{width:100%;height:100%}.scroll-wrapper{overflow:hidden!important;padding:0!important;position:relative}.scroll-wrapper>.scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none!important;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}.scroll-element{display:none}.scroll-element,.scroll-element div{box-sizing:content-box}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}.scroll-element .scroll-arrow,.scroll-element .scroll-bar{cursor:default}.scroll-textarea{border:1px solid #ccc;border-top-color:#999}.scroll-textarea>.scroll-content{overflow:hidden!important}.scroll-textarea>.scroll-content>textarea{border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;overflow:scroll!important;outline:0;padding:2px;position:relative!important;top:0;width:100%!important}.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{height:0;width:0}.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-inner>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-inner>.scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%}.scrollbar-inner>.scroll-element.scroll-y{height:100%;right:2px;top:0;width:8px}.scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-inner>.scroll-element .scroll-element_track{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_track{opacity:.4}.scrollbar-inner>.scroll-element .scroll-element_track{background-color:#e0e0e0}.scrollbar-inner>.scroll-element .scroll-bar{background-color:#7dc24d}.scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:#7dc24d;opacity:.6}.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar{background-color:#7dc24d;opacity:.8}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px}.scrollbar-outer>.scroll-element,.scrollbar-outer>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-outer>.scroll-element{background-color:#fefefe}.scrollbar-outer>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-outer>.scroll-element.scroll-x{bottom:0;height:12px;left:0;width:100%}.scrollbar-outer>.scroll-element.scroll-y{height:100%;right:0;top:0;width:12px}.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer{height:8px;top:2px}.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer{left:2px;width:8px}.scrollbar-outer>.scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-outer>.scroll-element .scroll-element_track{background-color:#eee}.scrollbar-outer>.scroll-element .scroll-bar,.scrollbar-outer>.scroll-element .scroll-element_outer,.scrollbar-outer>.scroll-element .scroll-element_track{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.scrollbar-outer>.scroll-element .scroll-bar{background-color:#d9d9d9}.scrollbar-outer>.scroll-element .scroll-bar:hover{background-color:#c2c2c2}.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191}.scrollbar-outer>.scroll-content.scroll-scrolly_visible{left:-12px;margin-left:12px}.scrollbar-outer>.scroll-content.scroll-scrollx_visible{top:-12px;margin-top:12px}.scrollbar-outer>.scroll-element.scroll-x .scroll-bar{min-width:10px}.scrollbar-outer>.scroll-element.scroll-y .scroll-bar{min-height:10px}.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-14px}.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-14px}.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-14px}.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-14px}.scrollbar-dynamic>.scroll-element,.scrollbar-dynamic>.scroll-element div{background:0 0;border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-dynamic>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-dynamic>.scroll-element.scroll-x{bottom:2px;height:7px;left:0;min-width:100%;width:100%}.scrollbar-dynamic>.scroll-element.scroll-y{height:100%;min-height:100%;right:2px;top:0;width:7px}.scrollbar-dynamic>.scroll-element .scroll-element_outer{opacity:.3;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.scrollbar-dynamic>.scroll-element .scroll-element_size{background-color:#ccc;opacity:0;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s}.scrollbar-dynamic>.scroll-element .scroll-bar{background-color:#7dc24d;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar{bottom:0;height:7px;min-width:24px;top:auto}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar{left:auto;min-height:24px;right:0;width:7px}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer{bottom:0;top:auto;left:2px;-webkit-transition:height .2s;-moz-transition:height .2s;-o-transition:height .2s;-ms-transition:height .2s;transition:height .2s}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer{left:auto;right:0;top:2px;-webkit-transition:width .2s;-moz-transition:width .2s;-o-transition:width .2s;-ms-transition:width .2s;transition:width .2s}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer,.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer{overflow:hidden;opacity:.7}.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size,.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size{opacity:1}.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar,.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar{height:100%;width:100%;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer{height:20px;min-height:7px}.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer{min-width:7px;width:20px}