.top-navbar{position:fixed;height:8vh!important;top:0;left:0;right:0;z-index:1000;background:#1b487e;color:#fff;padding:5px 10px}.top-navbar .top-navbar-left-menu{height:6vh}.top-navbar .top-navbar-left-menu,.top-navbar .top-navbar-left-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-navbar .top-navbar-left-menu ul li:not(:last-child){margin-right:25px}.top-navbar .top-navbar-left-menu ul li .company-logo{padding-top:15px;padding-bottom:10px}.top-navbar .top-navbar-left-menu ul li .company-logo img{width:100px}.top-navbar .top-navbar-right-menu .logout-dropdown{float:right;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-navbar .top-navbar-right-menu .logout-dropdown .alert-icon{position:relative;margin-right:35px}.top-navbar .top-navbar-right-menu .logout-dropdown .alert-icon .alert-count{position:absolute;top:-12px;right:-6px}.top-navbar .top-navbar-right-menu .logout-dropdown .alert-icon .alert-count span{background:#f754a2;font-size:.8em;border:1px solid #f754a2;color:#fff;padding:2px;width:9px;height:9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%}.top-navbar .top-navbar-right-menu .logout-dropdown .alert-icon img{width:22px;margin-top:5px}.top-navbar .top-navbar-right-menu .logout-dropdown .top-search .el-input__inner{border-radius:3px;background:rgba(236,245,255,.1);font-size:.9rem;line-height:2;width:calc(100% - 22px);border-color:rgba(236,245,255,.2);height:38px;color:#fff}.top-navbar .top-navbar-right-menu .logout-dropdown .top-search .el-input__inner:focus{border-color:#1b487e}.top-navbar .top-navbar-right-menu .logout-dropdown .top-search .el-input__icon{line-height:27px!important}.top-navbar .top-navbar-right-menu .logout-dropdown .el-dropdown{font-size:15px;padding-right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-navbar .top-navbar-right-menu .logout-dropdown .el-dropdown button{padding:0;margin:0;background:transparent;border:none}.top-navbar .top-navbar-right-menu .logout-dropdown .el-dropdown:hover{cursor:pointer}.top-navbar .top-navbar-right-menu .logout-dropdown .el-dropdown .user-image img{width:36px;height:36px;border-radius:50%;margin-right:10px}.top-navbar .top-navbar-right-menu .logout-dropdown .el-dropdown .icon-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-navbar .top-navbar-right-menu .logout-dropdown .el-dropdown .icon-text{font-size:1.1em;font-weight:500;letter-spacing:.2px;color:hsla(0,0%,100%,.85)}.top-navbar .top-navbar-right-menu .logout-dropdown .el-dropdown .icon-text:hover{color:#fff}.top-navbar .top-navbar-right-menu .logout-dropdown .el-dropdown .icon-text .dropdown-arrow img{width:10px}.top-navbar .top-navbar-right-menu .logout-dropdown .el-dropdown .user-profile-image img{width:25px}.top-navbar .toggle-menu-animation .hidden{visibility:hidden}.top-navbar .toggle-menu-animation button{cursor:pointer}.top-navbar .toggle-menu-animation button:focus{outline:0}.top-navbar .toggle-menu-animation .burger-button{position:relative;height:30px;width:40px;display:block;z-index:60;border:0;border-radius:0;background-color:transparent;pointer-events:all}.top-navbar .toggle-menu-animation .burger-bar,.top-navbar .toggle-menu-animation .burger-button{-webkit-transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1)}.top-navbar .toggle-menu-animation .burger-bar{background-color:#fff;position:absolute;top:50%;right:6px;left:6px;height:2px;width:auto;margin-top:-1px;opacity:1}.top-navbar .toggle-menu-animation .burger-bar--1{-webkit-transform:translateY(-6px);transform:translateY(-8px)}.top-navbar .toggle-menu-animation .burger-bar--3{-webkit-transform:translateY(8px);transform:translateY(8px)}.top-navbar .toggle-menu-animation #burger.active .burger-button{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.top-navbar .toggle-menu-animation #burger.active .burger-bar--1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.top-navbar .toggle-menu-animation #burger.active .burger-bar--2{opacity:0}.top-navbar .toggle-menu-animation #burger.active .burger-bar--3{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.top-navbar .user-role{color:hsla(0,0%,100%,.95);font-size:.8em;font-weight:300}body.modal-open{height:100vh}@media(max-width:500px){.top-navbar-right-menu .user-image.profile-image{display:none}}.top-navbar-right-menu .user-role{padding-left:27px}@media(max-width:500px){.top-navbar-right-menu .user-role{text-align:left;padding-left:0}}