#mynav{width:100%;height:70px;box-shadow:0px 10px 12.1px 0.9px rgba(0,0,0,0.11);position:fixed;background-color:white;z-index:999;top:0;left:0;transition:all 0.3s ease}#mynav .logo img{height:60px;float:left;margin:0 2em}#mynav .status{float:right;padding-right:2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;align-items:flex-start;padding-top:0.5em;position:relative}#mynav .status .user{width:50px;height:50px;border-radius:25px;object-fit: cover;box-sizing:content-box}@media only screen and (max-width: 900px){#mynav .status{padding-right:4em}#mynav .out{font-family:Hurme-regular,sans-serif;font-size:22px;letter-spacing:0.1px;text-align:right;color:#009caa;text-decoration:none;position:absolute;right:3em;bottom:0.3em}}@media only screen and (max-width: 600px){#mynav .status{padding-top:1.3em}#mynav .status .user{width:40px;height:40px;border-radius:20px}#mynav .status .name{font-size:16px}#mynav .status .position{font-size:14px}}@media only screen and (max-width: 500px){#mynav .status .name{display:none}#mynav .status .position{display:none}#mynav .logo img{height:40px}}.small-nav{padding-left:250px}@media only screen and (max-width: 700px){.small-nav{padding-left:0px}}
.status-menu {position: absolute;right: 105%;background-color: white;display: none;box-shadow: -webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3);-moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3);box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3);}.status-menu li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.5em 2em;transition:all 0.4s ease;color:#373737}.status-menu li:hover{background-color:#c9c9c9}.status-menu li a{text-decoration:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:#373737;transition:all 0.4s ease}.status-header{background-color:#c9c9c9}.status-header li{padding:0.2em 1em}@keyframes swing{0%{transform:rotate(0deg)}10%{transform:rotate(10deg)}30%{transform:rotate(0deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}60%{transform:rotate(5deg)}70%{transform:rotate(0deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}@keyframes sonar{0%{transform:scale(0.9);opacity:1}100%{transform:scale(2);opacity:0}}body{font-size:0.9rem}.page-wrapper .sidebar-wrapper,.sidebar-wrapper .sidebar-brand>a,.sidebar-wrapper .sidebar-dropdown>a:after,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-wrapper ul li a i,.page-wrapper .page-content,.sidebar-wrapper .sidebar-search input.search-menu,.sidebar-wrapper .sidebar-search .input-group-text,.sidebar-wrapper .sidebar-menu ul li a,#show-sidebar,#close-sidebar{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.page-wrapper .theme{width:40px;height:40px;display:inline-block;border-radius:4px;margin:2px}.page-wrapper .theme.chiller-theme{background:#1d1d1d}.page-wrapper .theme.ice-theme{background:#2b3a42}.page-wrapper .theme.light-theme{background:#f1f0ed}.page-wrapper .theme.cool-theme{background:#38373d}.page-wrapper .theme.green-theme{background:#2c5e2e}.page-wrapper .theme.spicy-theme{background:#8e2800}.page-wrapper .theme.purple-theme{background:#372049}.page-wrapper.toggled .sidebar-wrapper{left:0px}@media screen and (min-width: 768px){.page-wrapper.toggled .page-content{padding-left:300px}}#show-sidebar{position:fixed;left:0;top:15px;border-radius:0 4px 4px 0px;width:35px;transition-delay:0.3s;border:none}.page-wrapper.toggled #show-sidebar{left:-40px}.sidebar-wrapper{width:260px;height:100%;max-height:100%;position:fixed;top:0;left:-300px;z-index:999}.sidebar-wrapper ul{list-style-type:none;padding:0;margin:0}.sidebar-wrapper a{text-decoration:none}.sidebar-content{max-height:calc(100% - 30px);height:calc(100% - 30px);overflow-y:auto;position:relative}.sidebar-content.desktop{overflow-y:hidden}.sidebar-wrapper .sidebar-brand{padding:10px 20px;display:flex;align-items:center}.sidebar-wrapper .sidebar-brand>a{text-transform:uppercase;font-weight:bold;flex-grow:1}.sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size:20px}.sidebar-wrapper .sidebar-header{padding:20px;overflow:hidden}.sidebar-wrapper .sidebar-header .user-pic{float:left;width:60px;padding:2px;border-radius:12px;margin-right:15px;overflow:hidden}.sidebar-wrapper .sidebar-header .user-pic img{object-fit:cover;height:100%;width:100%}.sidebar-wrapper .sidebar-header .user-info{float:left}.sidebar-wrapper .sidebar-header .user-info>span{display:block}.sidebar-wrapper .sidebar-header .user-info .user-role{font-size:12px}.sidebar-wrapper .sidebar-header .user-info .user-status{font-size:11px;margin-top:4px}.sidebar-wrapper .sidebar-header .user-info .user-status i{font-size:8px;margin-right:4px;color:#5cb85c}.sidebar-wrapper .sidebar-menu{padding-bottom:10px}.sidebar-wrapper .sidebar-menu .header-menu span{font-weight:bold;font-size:14px;padding:15px 20px 5px 20px;display:inline-block}.sidebar-wrapper .sidebar-menu ul li a{display:inline-block;width:100%;text-decoration:none;position:relative;padding:8px 30px 8px 20px}.sidebar-wrapper .sidebar-menu ul li a i{margin-right:10px;font-size:12px;width:30px;height:30px;line-height:30px;text-align:center;border-radius:4px}.sidebar-wrapper .sidebar-menu ul li a:hover>i::before{display:inline-block;animation:swing ease-in-out 0.5s 1 alternate}.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";font-style:normal;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background:0 0;position:absolute;right:15px;top:14px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li{padding-left:25px;font-size:13px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before{content:"\f111";font-family:"Font Awesome 5 Free";font-weight:400;font-style:normal;display:inline-block;text-align:center;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;font-size:8px}.sidebar-wrapper .sidebar-menu ul li a span.label,.sidebar-wrapper .sidebar-menu ul li a span.badge{float:right;margin-top:8px;margin-left:5px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label{float:right;margin-top:0px}.sidebar-wrapper .sidebar-menu .sidebar-submenu{display:none}.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after{transform:rotate(90deg);right:17px}.sidebar-footer{position:absolute;width:100%;bottom:0;display:flex}.sidebar-footer>a{flex-grow:1;text-align:center;height:30px;line-height:30px;position:relative}.sidebar-footer>a .notification{position:absolute;top:0}.badge-sonar{display:inline-block;background:#980303;border-radius:50%;height:8px;width:8px;position:absolute;top:0}.badge-sonar:after{content:"";position:absolute;top:0;left:0;border:2px solid #980303;opacity:0;border-radius:50%;width:100%;height:100%;animation:sonar 1.5s infinite}.page-wrapper .page-content{display:inline-block;width:100%;padding-left:0px;padding-top:20px}.page-wrapper .page-content>div{padding:20px 40px}.sidebar-content::-webkit-scrollbar-button{width:0px;height:0px}.sidebar-content::-webkit-scrollbar-thumb{background:#636269;border:0px none #ffffff;border-radius:50px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#636269}.sidebar-content::-webkit-scrollbar-thumb:active{background:#636269}.sidebar-content::-webkit-scrollbar-track{background:#333238;border:0px none #ffffff;border-radius:50px}.sidebar-content::-webkit-scrollbar-track:hover{background:#333238}.sidebar-content::-webkit-scrollbar-track:active{background:#333238}.sidebar-content::-webkit-scrollbar-corner{background:transparent}.cool-theme .sidebar-wrapper{background:#38373d}.cool-theme .sidebar-wrapper .sidebar-menu{border-top:1px solid #504e57}.cool-theme .sidebar-wrapper .sidebar-search input.search-menu,.cool-theme .sidebar-wrapper .sidebar-search .input-group-text{border-color:#504e57;box-shadow:none}.cool-theme .sidebar-wrapper .sidebar-header .user-info .user-role,.cool-theme .sidebar-wrapper .sidebar-header .user-info .user-status,.cool-theme .sidebar-wrapper .sidebar-search input.search-menu,.cool-theme .sidebar-wrapper .sidebar-search .input-group-text,.cool-theme .sidebar-wrapper .sidebar-brand>a,.cool-theme .sidebar-wrapper .sidebar-menu ul li a,.cool-theme .sidebar-footer>a{color:#918f9e}.cool-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,.cool-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,.cool-theme .sidebar-wrapper .sidebar-header .user-info,.cool-theme .sidebar-wrapper .sidebar-brand>a:hover,.cool-theme .sidebar-footer>a:hover i{color:#b3b8c1}.page-wrapper.cool-theme.toggled #close-sidebar{color:#918f9e}.page-wrapper.cool-theme.toggled #close-sidebar:hover{color:#b3b8c1}.cool-theme .sidebar-wrapper ul li:hover a i,.cool-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,.cool-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,.cool-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i{color:#f6a400}.cool-theme .sidebar-wrapper .sidebar-menu ul li a i,.cool-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,.cool-theme .sidebar-wrapper .sidebar-search input.search-menu,.cool-theme .sidebar-wrapper .sidebar-search .input-group-text{background:#373737}.cool-theme .sidebar-wrapper .sidebar-menu .header-menu span{color:#5b5963}.cool-theme .sidebar-footer{background:#504e57;box-shadow:0px -1px 5px #2a292d;border-top:1px solid #5b5963}.cool-theme .sidebar-footer>a{border-left:1px solid #38373d;border-right:1px solid #5b5963}.cool-theme .sidebar-footer>a:first-child{border-left:none}.cool-theme .sidebar-footer>a:last-child{border-right:none}#show-sidebar{z-index:99999}.status-menu{border-radius:15px}.status-header{border-top-right-radius: 15px;border-top-left-radius:15px;}