.dropdown{position:relative;display:inline-block}.dropdown>aside{position:absolute;top:calc(100% - 2px);border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,.3);overflow:hidden;z-index:1;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%;-webkit-animation:fadeIn .4s;animation:fadeIn .4s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dropdown>aside ul{list-style:none;background-color:#fff;margin:0;padding:0;max-height:400px;overflow-y:auto}@media(min-width:992px){.dropdown>aside ul::-webkit-scrollbar{width:8px;background-color:#f5f5f5}.dropdown>aside ul::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px rgba(0,0,0,.3);background-color:#00abbd;border-radius:5px}}.dropdown>aside ul li:hover{background-color:#e3ecee}.dropdown>aside ul li>*{display:block;padding:6px 8px;margin:0;white-space:nowrap;border:none;font-size:14px;background-color:transparent;text-align:left;width:100%;color:#424753}.dropdown>aside ul li.separator{height:0;margin:4px 0;overflow:hidden;border-top:1px solid #dee2e6}#nav{padding:0 15px;background-color:#00abbd;display:flex;align-items:center;height:40px;z-index:2}@media(max-width:768px){#nav{padding:0 10px}}#nav .apps-btn{position:relative;font-size:16px;line-height:40px;color:#fff;padding:0 6px;background-color:transparent;border:0}#nav .apps-btn:hover{background-color:rgba(0,0,0,.1)}#nav .app-list{padding:15px;display:grid;grid-template-columns:repeat(3,65px);grid-gap:10px;background-color:rgba(0,0,0,.7)}#nav .app-list a{display:block;text-align:center;color:#fff;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#nav .app-list a img{width:100%;height:auto;border-radius:5px}#nav .nav-user{margin-left:auto}@media(max-width:992px){#nav .nav-user aside{right:0;left:unset!important}}#nav .nav-user .user-link{color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 6px;line-height:40px;background-color:transparent;border:0}@media(max-width:992px){#nav .nav-user .user-link .email{display:none}}#nav .nav-user .user-link:hover{background-color:rgba(0,0,0,.1)}#nav .nav-user .user-link img{width:25px;height:auto;border-radius:50%;margin-right:5px}#nav .app a{color:#fff;padding:0 6px;font-size:21px;font-weight:500;display:inline-block;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}#nav .app a:hover{background-color:rgba(0,0,0,.1)}#nav .nav-sections{display:flex;align-items:center;height:40px}#nav .nav-sections .sections-btn{display:none;color:#fff;line-height:1.5;height:40px;padding:0 6px;flex-direction:column;justify-content:center;font-size:9px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#nav .nav-sections .sections-btn:hover{background-color:rgba(0,0,0,.1)}#nav .nav-sections .sections-btn i{padding-bottom:4px;border-bottom:2px solid #fff;transition:transform .4s}@media(max-width:992px){#nav .nav-sections .sections-btn{display:flex}}#nav .nav-sections .sections-background{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);z-index:-1}#nav .nav-sections ul{display:flex;list-style:none;align-items:center;margin:0;padding:0}@media(max-width:992px){#nav .nav-sections ul{flex-direction:column;align-items:flex-start;background-color:#008997;position:fixed;right:0;top:0;width:0;height:100vh;padding-top:40px;z-index:-1;transition:width .3s;overflow:hidden}}#nav .nav-sections ul li{color:#fff;font-size:14px}@media(max-width:992px){#nav .nav-sections ul li{width:100%}}#nav .nav-sections ul li a{position:relative;padding:0 6px;display:inline-block;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;color:#fff}@media(max-width:992px){#nav .nav-sections ul li a{width:100%;padding:2px 10px;border-bottom:1px solid rgba(0,0,0,.1)}}#nav .nav-sections ul li a:hover{background-color:rgba(0,0,0,.1)}@media(max-width:992px){#nav .nav-sections{z-index:1001;order:4}#nav .nav-sections.open .sections-btn .line1{transform:rotate(-45deg) translateY(-3px)}#nav .nav-sections.open .sections-btn .line2{transform:rotate(45deg) translate(-5px,-6px)}#nav .nav-sections.open .sections-background{display:block}#nav .nav-sections.open ul{width:200px}}