.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:600;letter-spacing:.2px;color:var(--topbar-text-color)}.top-navbar .top-navbar-right-menu .logout-dropdown .el-dropdown .icon-text:hover{color:var(--topbar-text-color)}.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}}.active-option[data-v-48bcaf0d]{background-color:#f0f8ff;font-weight:700;color:#007bff}.custom-dropdown[data-v-48bcaf0d]{position:absolute;left:-100px;background:#fff;border:1px solid #ccc;z-index:999;margin-top:5px;width:170px;border-radius:5px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);max-height:200px;overflow-y:scroll;scrollbar-width:thin}.dropdown-option[data-v-48bcaf0d]{padding:8px 12px;cursor:pointer;color:#677788}.dropdown-option[data-v-48bcaf0d]:hover{background-color:#f0f0f0}.dropdown-trigger[data-v-48bcaf0d]{position:relative}.custom-dropdown .dropdown-option.disabled[data-v-48bcaf0d]{color:grey;pointer-events:none}@media(max-width:768px){.top-navbar-left-menu ul[data-v-48bcaf0d]{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.top-navbar-left-menu .company-logo[data-v-48bcaf0d]{text-align:center;width:100%;padding-top:8px;padding-bottom:8px}.top-navbar-left-menu .company-logo img[data-v-48bcaf0d]{max-width:120px;margin:0 auto;display:block}}@media(max-width:768px){.hamburger[data-v-48bcaf0d]{display:none}.mob[data-v-48bcaf0d]{-webkit-transform-origin:center top;transform-origin:center top;z-index:2011;position:fixed;top:-13px!important;width:100%;height:90vh;left:0!important}}.circle-name[data-v-48bcaf0d]{width:36px;height:36px;font-size:14px;line-height:36px;cursor:pointer}.circle-name.active[data-v-48bcaf0d]{border-color:red}.circle-name[data-v-48bcaf0d]{width:42px;height:42px;border-radius:50%;background-color:#fff;border:2px solid #409eff;color:#000;font-weight:700;font-size:15px;text-align:center;line-height:40px}.mobile-dropdown-menu .workspace-switcher[data-v-48bcaf0d]{font-weight:500;font-size:14px;padding:10px 15px;border-bottom:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#333}.mobile-dropdown-menu .workspace-switcher[data-v-48bcaf0d]:hover{background-color:#f5f7fa}.mobile-dropdown-menu .mobile-workspace-options[data-v-48bcaf0d]{background:#fff;border-bottom:1px solid #eee;max-height:200px;overflow-y:auto;padding:0 5px;-webkit-animation:fade-in .2s ease-in-out;animation:fade-in .2s ease-in-out}.mobile-dropdown-menu .mobile-workspace-options .dropdown-option[data-v-48bcaf0d]{padding:10px 12px;font-size:13.5px;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:4px}.mobile-dropdown-menu .mobile-workspace-options .dropdown-option[data-v-48bcaf0d]:hover{background-color:#f0f9ff}.mobile-dropdown-menu .mobile-workspace-options .dropdown-option.active-option[data-v-48bcaf0d]{background-color:#e6f7ff;color:#409eff;font-weight:600}.fade-enter-active[data-v-48bcaf0d],.fade-leave-active[data-v-48bcaf0d]{-webkit-transition:opacity .2s;transition:opacity .2s}.fade-enter[data-v-48bcaf0d],.fade-leave-to[data-v-48bcaf0d]{opacity:0}.mobile-dropdown-menu[data-v-48bcaf0d]{padding:0;width:100vw;max-width:100%;overflow:hidden}.mobile-dropdown-menu .dropdown-profile-block[data-v-48bcaf0d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 16px;border-bottom:1px solid #eee}.mobile-dropdown-menu .dropdown-profile-block .circle-name[data-v-48bcaf0d]{width:44px;height:44px;background-color:#fff;border:2px solid #409eff;border-radius:50%;text-align:center;line-height:42px;font-weight:700;font-size:16px;margin-right:12px;color:#000}.mobile-dropdown-menu .dropdown-profile-block .profile-name-block[data-v-48bcaf0d]{-webkit-box-flex:1;-ms-flex:1;flex:1}.mobile-dropdown-menu .dropdown-profile-block .profile-name-block .full-name[data-v-48bcaf0d]{font-size:15px;font-weight:700;color:#333}.mobile-dropdown-menu .dropdown-profile-block .profile-name-block .active-workspace[data-v-48bcaf0d]{font-size:13px;color:#666;margin-top:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-dropdown-menu .workspace-dropdown-container[data-v-48bcaf0d]{padding:10px 16px}.mobile-dropdown-menu .workspace-dropdown-container .workspace-label[data-v-48bcaf0d]{font-size:13px;color:#888;margin-bottom:5px;display:inline-block}.mobile-dropdown-menu .workspace-dropdown-container .workspace-select[data-v-48bcaf0d]{width:100%}.mobile-dropdown-menu .el-dropdown-item[data-v-48bcaf0d]{padding:12px 16px;font-size:14px}.app-footer[data-v-48bcaf0d],.mobile-dropdown-menu .el-dropdown-item[data-v-48bcaf0d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-footer[data-v-48bcaf0d]{position:fixed;bottom:0;left:0;right:0;height:6vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#1b487e;color:#fff;font-size:13px;font-weight:500;z-index:999;-webkit-box-shadow:0 -1px 4px rgba(0,0,0,.1);box-shadow:0 -1px 4px rgba(0,0,0,.1);text-align:center}.app-footer .footer-content[data-v-48bcaf0d]{width:100%}@media(max-width:768px){.app-footer[data-v-48bcaf0d]{font-size:12px;height:5vh}}