#sidebar{background-color:#484848;-webkit-box-shadow:inset 0 0 3px 3px #383838;-moz-shadow:inset 0 0 3px 3px #383838;box-shadow:inset 0 0 3px 3px #383838;border-radius:3px}
.sidebar-wrapper .sidebar-dropdown>a:after,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-wrapper ul li a i,.sidebar-wrapper .sidebar-menu ul li a{-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}
.sidebar-wrapper{color:#D8D8D8;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{overflow-y:auto;position:relative}
.sidebar-content.desktop{overflow-y:hidden}
.sidebar-wrapper .sidebar-header,.sidebar-wrapper .sidebar-notice{padding:20px;overflow:hidden;display:flex;justify-content:center;align-items:center}
.sidebar-wrapper .sidebar-header .user-pic{float:left;width:80px;padding:2px;border-radius:12px;margin-right:15px;overflow:hidden}
.sidebar-wrapper .sidebar-header .user-pic img{object-fit:cover;height:100%;width:100%;background-color:#ffffff}
.sidebar-wrapper .sidebar-header .user-info{width:115px;float:left}
.sidebar-wrapper .sidebar-header .user-info>span{display:block}
.sidebar-wrapper .sidebar-header .user-info .user-tenant{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}
.login{color:#5cb85c}
.change{color:#ffae00}
.sidebar-wrapper .sidebar-header .user-login{font-size:8px;justify-content:center;align-items:center}.sidebar-wrapper .sidebar-header .user-login i{padding:5px;float:left}
.sidebar-wrapper .sidebar-header .user-login span{display:block}
.sidebar-wrapper .sidebar-menu{padding-bottom:10px}
.sidebar-wrapper .sidebar-menu .header-menu span{color:#6c7b88;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 .5s 1 alternate}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";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 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}
.page-wrapper .page-content{display:inline-block;width:100%;padding-left:0px;padding-top:20px}
.page-wrapper .page-content>div{padding:20px 40px}
.page-wrapper .page-content{overflow-x:hidden}
#sidebar ::-webkit-scrollbar{width:5px;height:7px}
#sidebar ::-webkit-scrollbar-button{width:0px;height:0px}
#sidebar ::-webkit-scrollbar-thumb{background:#525965;border:0px none #ffffff;border-radius:0px}
#sidebar ::-webkit-scrollbar-thumb:hover{background:#525965}
#sidebar ::-webkit-scrollbar-thumb:active{background:#525965}
#sidebar ::-webkit-scrollbar-track{background:transparent;border:0px none #ffffff;border-radius:50px}
#sidebar ::-webkit-scrollbar-track:hover{background:transparent}
#sidebar ::-webkit-scrollbar-track:active{background:transparent}
#sidebar ::-webkit-scrollbar-corner{background:transparent}
.chiller-theme .sidebar-wrapper{background:#31353D}
.chiller-theme .sidebar-wrapper .sidebar-header,.chiller-theme .sidebar-wrapper .sidebar-notice,.chiller-theme .sidebar-wrapper .sidebar-menu{border-top:1px solid #5a616e}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,.page-wrapper.chiller-theme.toggled #close-sidebar,.chiller-theme .sidebar-wrapper .sidebar-header,.sidebar-wrapper .sidebar-notice{color:#ffffff}
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li.loginUser a:hover,.loginUser{color:#5cb85c;text-shadow:0 0 10px rgba(90,218,143,0.5)}
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a{color:#16c7ff;text-shadow:0 0 10px rgba(22,199,255,0.5)}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a div.newNoticeBadge:after{color:#ffffff}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div{background:#3a3f48}
.newNoticeBadge{width:fit-content;position:relative;display:inline-block;margin-right:10px}
.newNoticeBadge:not([data-num])::after{display:none}
.newNoticeBadge::after{display:flex;justify-content:center;align-items:center;position:absolute;content:attr(data-num);min-width:15px;height:15px;box-sizing:border-box;padding:4px;font-size:8px;font-weight:bold;background-color:red;border-radius:10px;top:0;right:0;transform:translate(40%, -40%);z-index:1}
.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span{color:#6c7b88}
.modalErrorMsg{padding-top:10px}
.errorMsgTitle{font-weight:bold}
.userThumbnail{overflow:hidden;position:relative;}
.userThumbnail .userCaption{font-size:10pt;text-align:center;padding-top:10px;color:#fff}
.userThumbnail .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,0.4);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}
.userThumbnail:hover .mask{opacity:1;}
.menuIcon{display:flex;position:relative;flex-direction:column;align-items:center;font-size:1.4rem;font-weight:bold}.menuIcon i{padding:3px 0px}
.menuIcon p{margin-bottom:0px;font-size:.7rem;padding-top:.5rem}
#sidemenu{border:none;outline:none}
.menuIcon[data-num="none"]::before{display:none}
.menuIcon::before{display:flex;justify-content:center;align-items:center;position:absolute;content:attr(data-num);min-width:15px;height:15px;box-sizing:border-box;padding:4px;font-size:10px;font-weight:bold;background-color:red;border-radius:10px;top:0;right:0;transform:translate(50%, -100%);z-index:1;color:white}
#accountTable_filter{float:none;color:#D8D8D8;text-align:center}#accountTable_filter label{display:inline !important}#accountTable_filter label input[type="search"]{width:70%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#accountTable{border-bottom:none !important}#accountTable th,#accountTable tr,#accountTable td{padding:unset;border-bottom:none !important}
#accountTable tr{background-color:#3a3f48}
#accountTable_filter input[type="search"]{background-color:#fff}
#accountTable_paginate{float:unset;text-align:right}#accountTable_paginate .paginate_button{box-sizing:unset;display:inline;text-align:unset;padding:8px 30px 8px 30px;color:#ffffff !important;border:unset;cursor:pointer;background:none;background-color:transparent!important}
#accountTable_paginate .paginate_button:hover,#accountTable_paginate .paginate_button:active{color:#16c7ff!important;text-shadow:0 0 10px rgba(22,199,255,0.5) !important}
#accountTable_paginate .paginate_button.disabled,#accountTable_paginate .paginate_button.disabled:hover,#accountTable_paginate .paginate_button.disabled:active{cursor:default!important;color:#ffffff!important;text-shadow:unset !important}
.sidebar-wrapper .sidebar-notice>img{width:25%;padding:10px !important}
.sidebar-wrapper .sidebar-notice>a{width:75%;color:white}
.sidebar-wrapper .sidebar-notice>a:hover{color:#16c7ff!important;text-shadow:0 0 10px rgba(22,199,255,0.5) !important}
.navbar-title{color:#fff;font-weight:bold;font-size:1.4rem}