.hybridMenu{position:relative;overflow:hidden;z-index:1}.hybridMenu .paddingTopContent{padding-top:50px!important}.hmContentBox{overflow:auto;padding-top:0!important}.hmLeftMenu vaadin-button,.hmNotificationCenter vaadin-button,.hmTopMenu vaadin-button{border-radius:0;cursor:pointer}.hmTopMenu{position:fixed;top:0;right:100px;z-index:1000}.hmTopMenu vaadin-text-field{-webkit-transition:width .3s ease-in-out,border-top-width .3s ease-in-out;-moz-transition:width .3s ease-in-out,border-top-width .3s ease-in-out;-ms-transition:width .3s ease-in-out,border-top-width .3s ease-in-out;-o-transition:width .3s ease-in-out,border-top-width .3s ease-in-out;transition:width .3s ease-in-out,border-top-width .3s ease-in-out}.hmTopMenu vaadin-button,.hmTopMenu vaadin-text-field{border-top:0 solid;border-radius:0;min-width:35px;margin:0 4px;height:40px;width:35px;padding:0}.hmTopMenu vaadin-button.active,.hmTopMenu vaadin-text-field.active{border-top-width:3px;height:43px}.hmTopMenu vaadin-button:hover,.hmTopMenu vaadin-text-field:hover{border-top-width:5px;height:45px}.hmTopMenu .vaadin-text-field{border-radius:0}.hmTopMenu vaadin-text-field:hover{width:180px!important}.hmTopMenu vaadin-text-field input{-webkit-transition:background .3s ease-in-out,opacity .3s ease-in-out;-moz-transition:background .3s ease-in-out,opacity .3s ease-in-out;-ms-transition:background .3s ease-in-out,opacity .3s ease-in-out;-o-transition:background .3s ease-in-out,opacity .3s ease-in-out;transition:background .3s ease-in-out,opacity .3s ease-in-out;opacity:0}.hmTopMenu vaadin-text-field:hover input{opacity:1}.hmTopMenu vaadin-button{-webkit-transition:height .3s ease-in-out,border-top-width .3s ease-in-out;-moz-transition:height .3s ease-in-out,border-top-width .3s ease-in-out;-ms-transition:height .3s ease-in-out,border-top-width .3s ease-in-out;-o-transition:height .3s ease-in-out,border-top-width .3s ease-in-out;transition:height .3s ease-in-out,border-top-width .3s ease-in-out}.hmTopMenu .vaadin-button{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;-ms-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.hmTopMenu vaadin-button .toolTip{padding:1px 4px 3px;border-radius:3px;position:absolute;left:25px;top:30px}.hmLeftMenu{-webkit-transition:width .5s ease-in-out,min-width .5s ease-in-out,max-width .5s ease-in-out;-moz-transition:width .5s ease-in-out,min-width .5s ease-in-out,max-width .5s ease-in-out;-ms-transition:width .5s ease-in-out,min-width .5s ease-in-out,max-width .5s ease-in-out;-o-transition:width .5s ease-in-out,min-width .5s ease-in-out,max-width .5s ease-in-out;transition:width .5s ease-in-out,min-width .5s ease-in-out,max-width .5s ease-in-out;border-radius:1px solid;overflow-y:visible;overflow-x:auto}.hmLeftMenu vaadin-button{-webkit-transition:background .3s ease-in-out,border-left-color .3s ease-in-out,border-left-width .3s ease-in-out;-moz-transition:background .3s ease-in-out,border-left-color .3s ease-in-out,border-left-width .3s ease-in-out;-ms-transition:background .3s ease-in-out,border-left-color .3s ease-in-out,border-left-width .3s ease-in-out;-o-transition:background .3s ease-in-out,border-left-color .3s ease-in-out,border-left-width .3s ease-in-out;transition:background .3s ease-in-out,border-left-color .3s ease-in-out,border-left-width .3s ease-in-out;padding:8px 0 8px 10px!important;border-left:0 solid;height:45px;width:100%;margin:0}.hmLeftMenu .vaadin-button div[part=label]{position:relative;line-height:18px;text-align:left;display:block;width:100%}.hmLeftMenu .vaadin-button div[part=label] iron-icon:not(.buttonOtherIcon),.hmLeftMenu .vaadin-button div[part=label] span{vertical-align:middle;margin-right:7px}.hmLeftMenu .vaadin-button div[part=label] iron-icon.buttonOtherIcon{-webkit-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out;-ms-transition:transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);position:absolute;right:5px}.hmLeftMenu vaadin-button [part=suffix].vaadin-button{margin:0!important}.hmLeftMenu .subMenu>vaadin-button [part=suffix].vaadin-button{-webkit-transition:transform .3s ease-in-out,padding-bottom .3s ease-in-out;-moz-transition:transform .3s ease-in-out,padding-bottom .3s ease-in-out;-ms-transition:transform .3s ease-in-out,padding-bottom .3s ease-in-out;-o-transition:transform .3s ease-in-out,padding-bottom .3s ease-in-out;transition:transform .3s ease-in-out,padding-bottom .3s ease-in-out;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);padding:0 4px}.hmLeftMenu .subMenu.open>vaadin-button [part=suffix].vaadin-button{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);padding-bottom:3px}.hmLeftMenu vaadin-button .vaadin-button-container{justify-content:left!important;text-align:left!important}.hmLeftMenu vaadin-button .toolTip{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding:1px 4px 3px;border-radius:3px;position:absolute;right:8px;top:50%}.hmLeftMenu vaadin-button.active{border-left-width:3px}.hmLeftMenu vaadin-button:hover{border-left-width:5px}.hmLeftMenu vaadin-vertical-layout.subMenu{width:100%;margin:0}.hmLeftMenu vaadin-vertical-layout.subMenu>vaadin-vertical-layout{-webkit-transition:max-height .5s ease-in-out;-moz-transition:max-height .5s ease-in-out;-ms-transition:max-height .5s ease-in-out;-o-transition:max-height .5s ease-in-out;transition:max-height .5s ease-in-out;width:calc(100% - 24px)!important;border-left:1px solid transparent;position:relative;margin-left:24px;overflow:hidden;display:block;max-height:0}.hmLeftMenu vaadin-vertical-layout.subMenu.open>vaadin-vertical-layout{max-height:500px}.hmLeftMenu vaadin-vertical-layout.subMenu.open>vaadin-button div.vaadin-button[part=label] iron-icon.buttonOtherIcon{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}.hmLeftMenu>label{border-bottom:1px solid;text-align:center;position:relative;font-size:17px;padding:8px 0;width:100%;margin:0}.hmLeftMenu>label img{vertical-align:middle;margin-right:5px;height:32px;width:32px}.hmLeftMenu>label>p{vertical-align:middle;display:inline-block;margin:0 0 0 5px}.hmNotificationCenter{-webkit-transition:right .5s cubic-bezier(.77,0,.18,1);-moz-transition:right .5s cubic-bezier(.77,0,.18,1);-ms-transition:right .5s cubic-bezier(.77,0,.18,1);-o-transition:right .5s cubic-bezier(.77,0,.18,1);transition:right .5s cubic-bezier(.77,0,.18,1);width:350px!important;position:fixed;z-index:100000;right:-350px;top:0}.hmNotificationCenter .notification{width:calc(100% - 36px);position:relative;margin:8px 8px 0;display:block;padding:10px}.hmNotificationCenter .notification>iron-icon{height:calc(100% - 16px);border-right:1px solid;vertical-align:middle;position:absolute;padding:0 8px 0 0;font-size:28px;display:block;margin:8px;width:34px;left:0;top:0}.hmNotificationCenter .notification.withIcon .content,.hmNotificationCenter .notification.withIcon .title{padding-left:50px}.hmNotificationCenter .notification .title{line-height:12px;font-size:18px;height:24px}.hmNotificationCenter .notification .timeAgo{margin:4px 0 0 8px;position:absolute;font-size:10px}.hmNotificationCenter .notification .timeAgo:before{display:inline-block;margin:0 7px 1px 0;border-radius:50%;content:'';height:4px;width:4px}.hmNotificationCenter .notification .content{font-size:14px;display:block}.hmNotificationCenter .notification vaadin-button{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;-ms-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;transition:background .3s ease-in-out;position:absolute;margin:0;right:0;top:0}.hmNotificationCenter .footer{text-align:center;position:relative;display:block;width:100%}.hmNotificationCenter .footer vaadin-button{-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;-moz-transition:background .3s ease-in-out,color .3s ease-in-out;-ms-transition:background .3s ease-in-out,color .3s ease-in-out;-o-transition:background .3s ease-in-out,color .3s ease-in-out;transition:background .3s ease-in-out,color .3s ease-in-out;display:inline-block;position:relative;margin:5px}.hmNotificationCenter .lastNotification{-webkit-transition:right 1s cubic-bezier(.79,.14,.15,.86),opacity .3s ease-in-out;-moz-transition:right 1s cubic-bezier(.79,.14,.15,.86),opacity .3s ease-in-out;-ms-transition:right 1s cubic-bezier(.79,.14,.15,.86),opacity .3s ease-in-out;-o-transition:right 1s cubic-bezier(.79,.14,.15,.86),opacity .3s ease-in-out;transition:right 1s cubic-bezier(.79,.14,.15,.86),opacity .3s ease-in-out;height:auto!important;pointer-events:none;position:absolute;margin:10px 5px;right:-350px;opacity:0;bottom:0}.hmNotificationCenter .lastNotification.top{margin-top:2px;bottom:unset;top:0}.hmNotificationCenter .lastNotification.show{pointer-events:auto;right:350px;opacity:1}.hmNotificationCenter .lastNotification.show:hover{opacity:.1}.hmNotificationCenter .lastNotification .notification{width:300px}.hmBreadcrumbs{padding:3px 20px}.hmBreadcrumbs vaadin-button{background:0 0}.hmBreadcrumbs vaadin-button:not(.clickable):before,.hmBreadcrumbs vaadin-button:not(.clickable):hover:before{background:0 0!important}.hmBreadcrumbs vaadin-button.clickable{cursor:pointer}.hmBreadcrumbs label>iron-icon{height:100%!important}.hmNotificationCenter.open{right:0}