.panel-items{ height:100vh; box-sizing: initial !important; }
.panel-items .rpSlide{ border-bottom: 1px solid #dddddd !important; border-right: 2px solid #dddddd !important; }
/* 131025 .wrapper{ align-items: flex-start; display: flex; flex-wrap: nowrap; margin: 0 0 15px !important; } */
#wrapper{ align-items: flex-start; display: flex; }
/* 211025 #wrapper div#scrollable-wrapper{ flex: 0 0 260px; margin: 0 0 0 15px; padding-bottom:15px; position: sticky; top: 125px; height:stretch; } */
#wrapper div#scrollable-wrapper{ flex: 0 0 260px; margin: 0 0 0 15px; position: sticky; top: 125px; }
#wrapper .scroller{ display: flex; margin-top: 0; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; width: 260px; }
#wrapper .left-ctrl{ padding: 15px 0; }
.subbrands:before{ content: "\e700" !important; font: 22px/1 "WebComponentsIcons"; left: 1px; padding-right: 12px; position: relative; top: 4px; }
.subfilter:before{ content: "\e12d" !important; font: 32px/1 "WebComponentsIcons"; left: -3px; padding-right: 2px; position: relative; top: 0; }
.pancart:before{ content: "\e143" !important; font: 24px/1 "WebComponentsIcons"; position: relative; top: -1px; width: 40px !important; }
.pansettings:before{ content: "\e13a" !important; font: 22px/1 "WebComponentsIcons"; position: relative; top: -1px; width: 40px !important; }
.panprod .p-icon,
.panitem .p-icon{ position: relative; top: -3px; }
.panprod .rpText{ position: relative; top: 0px; }
.panitem{ cursor: pointer !important; height: 25px !important; width: 100% !important; }
.panprod > div,
.panitem > div{ display: inline-block; white-space: nowrap; width: calc(100% - 28px) }
.panprod .lbhead,
.panitem .lbhead{ display: inline-block; overflow: hidden; width: calc(100% - 60px); }
.panprod > div > div,
.panitem > div > div{ display: inline-block; float: right }
.panprod:before{ content: "\e900" !important; font: 25px/1 "WebComponentsIcons"; padding: 0 2.5px 0 11px !important; top: -2px }
.panitem:before{ content: "\e908" !important; font: 20px/1 "WebComponentsIcons"; padding: 0 5px 0 16px !important; top: -5px }
.paninfo:before{ content: "\e401" !important; font: 22px/1 "WebComponentsIcons"; padding: 0 8px 0 8px !important; position:relative; top:1px }
.panadmin:before{ content: "\e303" !important; font: 22px/1 "WebComponentsIcons"; padding: 0 8px 0 8px !important; position: relative; top: -2px;  }
.panuser:before{ content: "\e801" !important; font: 22px/1 "WebComponentsIcons"; padding: 0 8px 0 8px !important; position: relative; top: -1px;  }
.panlogin:before{ content: "\e113" !important; font: 24px/1 "WebComponentsIcons"; padding: 0 8px 0 7px !important; position:relative; top:0px; }
.rpExpanded.panlogin:before{ padding: 0 8px 0 9px !important; }
.panrestore:before{ content: "\e020" !important; font: 24px/1 "WebComponentsIcons"; padding: 0 8px 0 7px !important; position:relative; top:0px; }
.rpExpanded.panrestore:before{ padding: 0 8px 0 9px !important; }
.pancreate:before{ content: "\e11e" !important; font: 24px/1 "WebComponentsIcons"; padding: 0 8px 0 7px !important; position:relative; top:0px; }
.rpExpanded.pancreate:before{ padding: 0 8px 0 9px !important; }

.panactivate:before{ content: "\e118" !important; font: 24px/1 "WebComponentsIcons"; padding: 0 8px 0 8px !important; position:relative; top:0px; }


.panprod:before,
.panitem:before{ position: relative; width: 40px !important; }
.rpExpanded.panprod:before,
.rpExpanded.panitem:before{ padding-left: 10px !important; }
.panprod .rpExpandHandle,
.panitem .rpExpandHandle{ right: 3px !important; }
.btnclose{ background-color: transparent !important; border-color: transparent !important; color: inherit !important; float: right; height: 34px; margin-right: 21px; margin-top: -4px; width: 34px; }
.rpExpanded .btnclose{ }
.btnclose::before{ content: "\e11b" !important; font: 20px/1 "WebComponentsIcons"; font-size: 1em; position: relative; right: 0px; top: -2px; z-index: 3000; }
.rpExpandable.rpHovered{ background-color: #337ab7 !important; }
.sibling.RadPanelBar_Bootstrap{ }
.sibling .rpGroup,
.sibling .rpExpanded{ background-color: #fff !important }
.sibling li.rpItem{ border-color: #dedede !important; border-top: 1px solid #dedede !important; }
.sibling li.rpLast{ border-bottom: none !important; }
.sibling span.rpText{ caret-color: transparent !important; white-space: nowrap }
.sibling .rpExpanded > span.rpText{ caret-color: transparent !important; white-space: nowrap; }
.sibling .rpExpandable{ background-color: #f9f9f9 !important; background-color: #f3f3f3 !important; background-color: #f1f1f1 !important; border-left: 1px solid #dedede !important; color: #000 !important; padding-left: 12px !important; }
.sibling .rpSlide{ background-color: #fafafa !important; border-left: initial !important; }
.sibling .rpExpanded{ background-color: #dedede !important; background-color: #e8e8e8 !important; color: #000 !important; }
.sibling .rpExpandable:hover,
.sibling .rpExpanded:hover{ background-color: #d8d8d8 !important; }
.sibling .rpRootLink{ height: 30px !important; }
.sibling .rpText{ padding-top: 3px !important; }
/* 201025 .panel-prod.RadPanelBar .rpSlide{ border-right: 2px solid #ddd !important; height: calc(100% - 90px) !important; } 
.panel-prod.RadPanelBar  {height:stretch !important}
.panel-prod.RadPanelBar .rpRootGroup {max-height:stretch !important}*/
.panel-prod.RadPanelBar .rpSlide{ border-right: 2px solid #ddd !important; }
.panel-prod.RadPanelBar .sibling .rpSlide{ border-right: none !important; }
.panprod.rpExpanded.rpHovered{ background-color: #44616a !important; cursor: default !important; }
.panitem.rpExpandable{ }
.displaycontents{ display: contents; }