pip-webui/pip-webui-nav/dist/pip-webui-nav.min.css

HTML5 UI for LOB applications

pip-dropdown .pip-divider,pip-tabs md-content .pip-divider{border-top-color:rgba(255,255,255,.12)}.pip-appbar md-toolbar.pip-shadow,.pip-appbar-ext,pip-tabs .pip-nav.pip-shadow{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}@-webkit-keyframes blink-hint{0%,100%{opacity:.38}50%{opacity:1}}@-moz-keyframes blink-hint{0%,100%{opacity:.38}50%{opacity:1}}@-o-keyframes blink-hint{0%,100%{opacity:.38}50%{opacity:1}}@keyframes blink-hint{0%,100%{opacity:.38}50%{opacity:1}}pip-dropdown md-select{height:48px;overflow:hidden;margin:0 16px}pip-dropdown md-select md-select-value{padding-left:0!important;border-bottom:0!important;color:rgba(255,255,255,.870588)!important}pip-dropdown md-select md-select-value .md-select-icon{margin-right:-4px!important}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){pip-dropdown .md-text{display:inline-block!important}}@media (max-width:1199px){.pip-full-width-dropdown,.pip-full-width-dropdown>md-select-menu>md-content{max-width:100%!important;width:100%!important;min-width:100%!important}.pip-full-width-dropdown{top:48px!important;left:0!important}}@media only screen and (max-width:1199px) and (min-width:0) and (orientation:portrait){.pip-full-width-dropdown{top:56px!important}}pip-tabs .pip-nav{min-height:0!important;height:0;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}pip-tabs .pip-nav md-tabs-wrapper{height:0;min-height:0;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}pip-tabs .pip-nav.pip-visible{min-height:48px!important}pip-tabs .pip-nav.pip-visible md-tabs-wrapper{height:48px;min-height:48px!important}pip-tabs md-tabs.disabled md-tab-item{pointer-events:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;opacity:.5;cursor:default;color:rgba(0,0,0,.26)!important}pip-tabs md-tabs.disabled md-tab-item .pip-tabs-badge{opacity:.54}pip-tabs md-content{overflow:hidden!important}pip-tabs md-content md-select{height:48px;margin:0 16px}pip-tabs md-content md-select md-select-value{color:rgba(255,255,255,.870588)!important;border-bottom:0!important;padding:0!important}pip-tabs md-content md-select md-select-value span{max-width:100%}pip-tabs md-content md-select md-select-value .md-select-icon{margin-right:-2px!important;font-size:14px}pip-tabs md-content md-select[disabled] md-select-value{margin-bottom:0!important;background:0 0!important;opacity:.54}.pip-full-width-dropdown md-select-menu md-content md-option .md-text{padding-right:25px!important}md-content md-option .md-text,md-select md-select-value .md-text,md-tabs md-tab-item .md-text{position:relative;height:40px;line-height:40px;padding-right:25px}md-content md-option .pip-tabs-badge,md-select md-select-value .pip-tabs-badge,md-tabs md-tab-item .pip-tabs-badge{position:absolute;right:0;top:14px;font-size:10px!important;min-width:20px!important;height:20px!important;border-radius:10px;line-height:20px;vertical-align:middle;text-align:center;color:#fafafa}md-select md-select-value .md-text .pip-tabs-badge{top:-4px!important;right:-3px}md-content md-option .md-text .pip-tabs-badge{top:9px!important}@media (min-width:768px) and (max-width:1200px){md-toolbar.pip-nav{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}}.pip-appbar{-webkit-box-flex:0 0 auto;-moz-box-flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.pip-appbar .md-toolbar-tools>.md-button.pip-third-party:first-child{margin-left:0;margin-right:16px!important}.pip-appbar .md-toolbar-tools>.md-button:first-child{margin-left:-10px;margin-right:24px!important}.pip-appbar .pip-appbar-logo{display:block;height:20px;max-height:45px}.pip-appbar .pip-appbar-actions{margin-right:-18px}.pip-appbar .pip-appbar-actions.pip-language-action{margin-right:-7px}.pip-appbar .pip-appbar-breadcrumb,.pip-appbar .pip-appbar-language{cursor:pointer;outline:0}.pip-appbar .pip-appbar-breadcrumb,.pip-appbar .pip-title{vertical-align:middle}.pip-appbar .pip-appbar-breadcrumb{display:inline-block}.pip-appbar .pip-appbar-breadcrumb,.pip-appbar .pip-appbar-mobile-breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.pip-appbar .pip-appbar-breadcrumb md-icon,.pip-appbar .pip-appbar-mobile-breadcrumb md-icon{margin-top:3px!important}.pip-appbar .pip-appbar-badge{position:absolute;right:6px;top:6px;font-size:9px;width:15px;height:15px;height:15px!important;border-radius:7.5px;line-height:17px;vertical-align:middle;text-align:center}.pip-appbar .pip-search-text{color:#fff!important;background-color:transparent;border:none;font-size:16px;outline:0}.pip-appbar .pip-search-text::-ms-clear{display:none}.pip-appbar .pip-search-text::-webkit-search-cancel-button{-webkit-appearance:none}.pip-appbar md-toolbar{z-index:11}.md-open-menu-container{max-width:calc(100% - 20px)}.md-open-menu-container md-menu-content md-menu-item .md-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,.87)!important}.pip-appbar-ext{position:absolute;top:0;left:0;right:0;bottom:none;height:95px;z-index:0}@media (min-width:768px){.pip-appbar .pip-appbar-show-sm{display:none}}@media (max-width:1200px){.pip-appbar .md-toolbar-tools,.pip-appbar md-toolbar{height:56px!important;max-height:56px!important}}@media (max-width:1200px) and (min-width:768px){.pip-appbar md-toolbar.pip-shadow-sm{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}}@media (max-width:768px){.pip-appbar .pip-appbar-hide-sm{display:none}md-toolbar.pip-shadow-xs{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}}.pip-sidenav md-list .md-subheader,.pip-sidenav md-list-item .md-button .md-list-item-inner{line-height:48px}.pip-sidenav md-list .md-subheader .md-subheader-inner{padding:0 24px}.pip-sidenav md-list .pip-section{padding-bottom:8px}.pip-sidenav md-list .pip-section md-divider{margin-bottom:8px}.pip-sidenav .pip-sidenav-header{position:relative;min-height:164px!important;padding:102px 24px 16px}.pip-sidenav .pip-sidenav-header.pip-sidenav-owner{min-height:144px!important}.pip-sidenav .pip-sidenav-header .pip-sidenav-party{display:inline-block;position:absolute;top:16px;left:24px;min-width:initial;width:80px;height:80px;margin:0;padding:0}.pip-sidenav .pip-sidenav-header .pip-sidenav-party pip-avatar{width:80px;height:80px;height:80px!important;border-radius:40px}.pip-sidenav .pip-sidenav-header .pip-sidenav-user{display:inline-block;position:absolute;top:16px;right:24px;width:50px;min-width:initial;height:50px;margin:0;padding:0}.pip-sidenav .pip-sidenav-header .pip-sidenav-user pip-avatar{width:50px;height:50px;height:50px!important;border-radius:25px}.pip-sidenav .pip-sidenav-party-text .pip-sidenav-party-pri{display:block;font-size:22px;text-decoration:none;color:#fff;letter-spacing:.005em;word-wrap:break-word}.pip-sidenav .pip-sidenav-party-text .pip-sidenav-party-pri:focus,.pip-sidenav .pip-sidenav-party-text .pip-sidenav-party-pri:hover{color:#fff;text-decoration:none}.pip-sidenav .pip-sidenav-party-text .pip-sidenav-party-sec{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pip-sidenav md-list-item .md-button{padding-left:24px;padding-right:24px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}@media (max-width:768px){.pip-sidenav .pip-sidenav-header,.pip-sidenav md-list-item .md-button{padding-left:16px;padding-right:16px}.pip-sidenav .pip-sidenav-party{left:16px}.pip-sidenav .pip-sidenav-user{right:16px}}