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

HTML5 UI for LOB applications

.pip-main,.pip-main .pip-main-body{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox}@-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-main{display:flex;-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#eee;font-size:14px;overflow-x:hidden}.pip-main .pip-body-nav{-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;min-height:0}.pip-main .pip-body-nav .md-paginator{margin-right:0!important}.pip-main .pip-main-body{position:relative;display:flex;-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden}.pip-main.black md-content,.pip-main.dark md-content{color:rgba(255,255,255,.87)!important}.pip-no-border{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;box-shadow:none!important;background:0 0!important}.pip-border,.pip-border-no-top{box-shadow:0 1px 5px 0 rgba(0,0,0,.26)!important}.pip-border{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0NWQ3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTM1NWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;background:-moz-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fefefe),color-stop(18%,#fafafa),color-stop(19%,#fafafa),color-stop(81%,#fafafa),color-stop(82%,#fafafa),color-stop(100%,#f2f1f1))!important;background:-webkit-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-o-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-ms-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:linear-gradient(to bottom,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important}.pip-border-no-top{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0NWQ3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTM1NWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;background:-moz-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fefefe),color-stop(18%,#fafafa),color-stop(19%,#fafafa),color-stop(81%,#fafafa),color-stop(82%,#fafafa),color-stop(100%,#f2f1f1))!important;background:-webkit-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-o-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-ms-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:linear-gradient(to bottom,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;border-radius:0 0 2px 2px}@media (max-width:1200px){.pip-border,.pip-border-no-top{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:none!important}.pip-document .pip-menu-container{max-height:100%}}.pip-card,pip-document{z-index:10;-moz-background-clip:padding;-webkit-background-clip:padding-box;box-shadow:0 1px 5px 0 rgba(0,0,0,.26)!important}.pip-container{width:100%;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-height:100%}.pip-card .pip-body,.pip-document .pip-body{overflow-x:hidden!important}.pip-document .pip-content-container{max-width:100%;position:relative}.pip-document .pip-content-container .pip-body{max-width:100%;box-sizing:border-box}.pip-card .pip-header,.pip-document .pip-header{-webkit-box-flex-direction:row;-moz-box-flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.pip-card .pip-nav,.pip-dialog .pip-nav,.pip-document .pip-nav{-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;min-height:0}.pip-card .pip-menu-container,.pip-dialog .pip-menu-container,.pip-document .pip-menu-container{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-direction:row;-moz-box-flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.pip-card .pip-content-container,.pip-dialog .pip-content-container,.pip-document .pip-content-container{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.pip-card .pip-menu,.pip-dialog .pip-menu,.pip-document .pip-menu{-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;overflow:auto!important;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding-top:0;padding-bottom:0;width:300px;border-right:1px solid rgba(0,0,0,.12)}.pip-card .pip-header,.pip-dialog .pip-header,.pip-document .pip-header{position:relative;-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;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:.005em;padding:24px}.pip-card .pip-footer,.pip-dialog .pip-footer,.pip-document .pip-footer{position:relative;-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-webkit-order:4;-ms-flex-order:4;order:4;-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;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-moz-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex-direction:row;-moz-box-flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;border-top:1px solid rgba(0,0,0,.12);min-height:56px;padding:0 24px}.pip-card .pip-footer-for-composite,.pip-dialog .pip-footer-for-composite,.pip-document .pip-footer-for-composite{-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:3;-ms-flex-order:3;order:3;-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-card .pip-body,.pip-dialog .pip-body,.pip-document .pip-body{position:relative;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;letter-spacing:.01em;padding:24px;margin:0}.pip-card .pip-header~.pip-body,.pip-dialog .pip-header~.pip-body,.pip-document .pip-header~.pip-body{padding-top:0}.pip-card .pip-footer~.pip-body,.pip-dialog .pip-footer~.pip-body,.pip-document .pip-footer~.pip-body{padding-bottom:0}@media (max-width:1200px){.pip-card .pip-header,.pip-document .pip-header{padding:24px 16px}.pip-card .pip-footer,.pip-document .pip-footer{padding:0 16px;min-height:56px!important}.pip-card .pip-body,.pip-document .pip-body{padding:16px}.pip-card .pip-header~.pip-body,.pip-document .pip-header~.pip-body{padding-top:0}.pip-card .pip-footer-for-composite~.pip-body,.pip-card .pip-footer~.pip-body,.pip-document .pip-footer-for-composite~.pip-body,.pip-document .pip-footer~.pip-body{padding-bottom:0}}@media (max-width:768px){.pip-menu{width:100%!important}.pip-document .pip-menu{position:absolute;top:0;left:0;right:0;bottom:0}.pip-dialog .pip-header{padding:16px}}.pip-simple{width:100%;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto!important;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:0;margin:0;background-color:#fafafa}.pip-card{position:relative;-webkit-box-flex:0 1 auto;-moz-box-flex:0 1 auto;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:24px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0NWQ3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTM1NWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;background:-moz-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fefefe),color-stop(18%,#fafafa),color-stop(19%,#fafafa),color-stop(81%,#fafafa),color-stop(82%,#fafafa),color-stop(100%,#f2f1f1))!important;background:-webkit-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-o-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-ms-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:linear-gradient(to bottom,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;padding:1px}.pip-card-container{width:100%;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-height:100%;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pip-card-container.pip-outer-scroll{display:block!important;overflow-y:auto}.pip-card-container.pip-outer-scroll .pip-card{display:none}.pip-document-container,pip-document{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox}@media (max-width:1200px){.pip-card{margin:16px}}@media (max-width:768px){.pip-card{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;border:none;border-radius:0}}pip-document{display:flex;-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0NWQ3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTM1NWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;background:-moz-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fefefe),color-stop(18%,#fafafa),color-stop(19%,#fafafa),color-stop(81%,#fafafa),color-stop(82%,#fafafa),color-stop(100%,#f2f1f1))!important;background:-webkit-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-o-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-ms-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:linear-gradient(to bottom,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;padding-bottom:1px;-webkit-box-flex:1 0 100%;-moz-box-flex:1 0 100%;-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;position:absolute;height:calc(100% - 24px);left:calc(50% - 550px);margin:0 auto;width:1100px}@media (max-width:1200px){pip-document{width:100%;height:100%;left:0}}pip-document.pip-document-small{left:calc(50% - 450px);width:900px}@media (max-width:1200px){pip-document.pip-document-small{width:100%;height:100%;left:0}}.pip-document-container{width:100%;max-height:100%;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:flex;-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.pip-appbar-ext{position:absolute;top:0;left:0;right:0;bottom:none;height:95px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}@media (max-width:1200px){.pip-document{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;border:none;border-radius:0}}.pip-dialog{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-direction:column;-moz-box-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:400px;width:400px;font-size:14px;background-color:#fafafa!important}@media (max-width:768px){.pip-dialog{min-width:300px}}.pip-dialog .pip-header .pip-dialog-close{position:absolute;top:10px;right:10px;height:32px;width:32px;line-height:32px;padding:2px;background-color:transparent;box-shadow:none;border-radius:50%}.pip-dialog .pip-header .pip-dialog-close *{vertical-align:middle;font-size:24px}.pip-tiles{position:fixed;box-sizing:border-box;max-height:calc(100% - 64px - 48px);min-height:calc(100% - 64px - 48px);left:0;margin:0;width:100%;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto!important;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:16px 0 0;font-size:14px;color:rgba(0,0,0,.87);letter-spacing:.005em}.pip-tiles.pip-no-tabs{max-height:calc(100% - 64px);min-height:calc(100% - 64px)}@media (max-width:766px){.pip-tiles{max-height:calc(100% - 48px - 48px);min-height:calc(100% - 48px - 48px)}.pip-tiles.pip-no-tabs{max-height:calc(100% - 48px);min-height:calc(100% - 48px)}}.pip-tiles .pip-tiles-container{margin:0 auto}@media (min-width:1400px){.pip-tiles .pip-tiles-container{width:1350px!important;min-width:1350px!important;max-width:1350px!important}}.pip-tiles .pip-tile{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0NWQ3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTM1NWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;background:-moz-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fefefe),color-stop(18%,#fafafa),color-stop(19%,#fafafa),color-stop(81%,#fafafa),color-stop(82%,#fafafa),color-stop(100%,#f2f1f1))!important;background:-webkit-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-o-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:-ms-linear-gradient(top,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;background:linear-gradient(to bottom,#fefefe 0,#fafafa 18%,#fafafa 19%,#fafafa 81%,#fafafa 82%,#f2f1f1 100%)!important;box-shadow:0 1px 5px 0 rgba(0,0,0,.26)!important;padding:1px;min-height:100px;margin-bottom:7px}.pip-tiles .pip-tile .pip-tile-body{background-color:#fafafa}.pip-tile-body .pip-submenu-details-button>div pip-location{max-width:calc(100% - 56px)!important}.pip-tile-location-container{width:100%;height:200px}.pip-simple .pip-tiles{display:block;min-height:0;overflow:hidden;position:relative}.pip-simple .pip-tiles .pip-tiles-container{margin:auto}@media (min-width:766px){.pip-tiles .pip-tile{min-width:180px}}@media (max-width:766px){.pip-tiles{padding:8px 0 0;overflow-x:hidden!important}.pip-tiles .pip-tile{width:100%;margin-bottom:8px}}.pip-split{-webkit-backface-visibility:hidden}.pip-split .pip-split-right{border-left:solid 1px rgba(0,0,0,.12);position:absolute;left:50%;height:100%}.pip-split md-toolbar.pip-nav.pip-visible,.pip-split md-toolbar.pip-nav.pip-visible md-tabs{min-height:48px!important;height:48px}@media (max-width:768px){.pip-split .pip-split-right{display:none}}.pip-split-left{width:549px;min-width:calc(50% - 1px)}.pip-split-right{width:549px;min-width:50%}.pip-split-left,.pip-split-right{background:#FaFaFa;max-height:100%!important;position:relative;display:flex}.pip-split-left md-list,.pip-split-right md-list{padding-top:0;padding-bottom:0;overflow-y:auto;overflow-x:hidden;width:100%}@media (max-width:1200px){.pip-split-left,.pip-split-right{width:50%!important}}@media (max-width:768px){.pip-split-left,.pip-split-right{width:100%!important;min-width:100%}}.pip-menu-container{overflow:hidden}.pip-split md-toolbar.pip-nav.pip-visible md-tab-item span{opacity:1}.pip-split md-toolbar.pip-nav{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;min-height:0!important;height:0!important}.pip-split md-toolbar.pip-nav md-tab-item span{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;opacity:0}.pip-split md-toolbar.pip-nav md-tabs{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:0;min-height:0}.pip-split .pip-date-range-row{-webkit-transition:height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;height:0!important;min-height:0!important}.pip-split .pip-date-range-row.pip-visible{min-height:48px!important;height:48px!important}.pip-split .pip-date-range-row span,.pip-split .pip-date-range-row span::after{opacity:0}.pip-split .pip-date-range-row.pip-visible span,.pip-split .pip-date-range-row.pip-visible span::after{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;opacity:1}.pip-split .pip-date-range-row.pip-visible button span,.pip-split .pip-date-range-row.pip-visible button span::before{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;opacity:.54}.pip-transition-back [ui-view].ng-enter,.pip-transition-back [ui-view].ng-leave,.pip-transition-forward [ui-view].ng-enter,.pip-transition-forward [ui-view].ng-leave{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;-webkit-backface-visibility:hidden}.pip-split-small .pip-split-right{display:none!important}.pip-split-small.pip-transition-forward [ui-view].ng-enter.split-container{z-index:2200;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.pip-split-small.pip-transition-forward [ui-view].ng-enter-active.split-container{z-index:2200;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pip-split-small.pip-transition-back [ui-view].ng-enter.split-container{z-index:2200;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.pip-split-small.pip-transition-back [ui-view].ng-enter-active.split-container{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pip-split-small.pip-transition-back [ui-view].ng-leave.split-container{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.pip-split-small.pip-transition-back [ui-view].ng-leave-active.split-container{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pip-transition-forward [ui-view].ng-leave.split-container{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.pip-transition-forward [ui-view].ng-leave-active.split-container{-webkit-transform:translate3d(-150%,0,0);transform:translate3d(-150%,0,0)}.pip-transition-forward [ui-view].ng-enter.split-container{z-index:2200;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}.pip-transition-forward [ui-view].ng-enter-active.split-container{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pip-transition-back [ui-view].ng-leave.split-container{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.pip-transition-back [ui-view].ng-leave-active.split-container{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.pip-transition-back [ui-view].ng-enter.split-container{z-index:2200;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.pip-transition-back [ui-view].ng-enter-active.split-container{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}