.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-29957362]{background-color:#f0f8ff;font-weight:700;color:#007bff}.custom-dropdown[data-v-29957362]{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-29957362]{padding:8px 12px;cursor:pointer;color:#677788}.dropdown-option[data-v-29957362]:hover{background-color:#f0f0f0}.dropdown-trigger[data-v-29957362]{position:relative}.custom-dropdown .dropdown-option.disabled[data-v-29957362]{color:grey;pointer-events:none}