/** 顶部导航公共样式  start */
.app-main {margin-top: 50px;}
.app-navbar-tabs {margin-top: 10px;}
.app-navbar {height: 50px;}

/** 主题 -- 陶瓷白 start */

/** 左侧导航样式  start */
.aside-left-menu .menu-link {padding: 8px 0 0 0;} /** 左侧导航单元格 字数过长适配 */
.app-aside.left { height: calc(100% - 15px); }
.app-aside.left.folded{width:80px; display: flex; flex-flow: column nowrap}
.app-aside.left.folded .aside-user { padding-bottom: 40px; }
.aside-user .dropdown-menu { margin-bottom: -20px; }
.theme-self-white .app-brand {background: url(./../Content/assets/images/logo.png) no-repeat center center;background-size: 50px 44px;width: 50px;height: 80px;}
.sb-left.sb-folded .app-navbar {left: 80px;}
.sb-left.sb-folded .app-main {margin-left: 80px;}
.app-brand { cursor: pointer; }
.theme-self-white .light{background-color: #fff !important;}
.theme-self-white .aside-header {background: #fff;border-bottom: 1px solid #fff;box-shadow:none;height: 100px;}
/** 左侧单元格样式 */
.theme-self-white .aside-left-menu .has-submenu {display: flex;justify-content: center;margin: 10px 0;}
.theme-self-white .aside-left-menu .menu-link {width: 70px;height: 70px;}
.theme-self-white .app-aside.light .aside-menu .open > a.submenu-toggle {background: #004EA2;width: 70px;height: 70px;border-radius: 16px;box-shadow: 0 2px 8px 0 rgba(0,78,162,0.50);}
.theme-self-white .app-aside.left.folded .submenu {background-color:#fff;border-radius: 8px;box-shadow: 0 6px 12px rgba(0,0,0,0.175);}
.theme-self-white .app-aside.left.folded .foldable {display: block;visibility: visible;color: #6B7A99;}
.theme-self-white .app-aside.light .aside-menu .submenu a {background-color:#fff;color: #6A6D77!important;}
.theme-self-white .app-aside.light .aside-menu .submenu a i.ico {color: #6A6D77!important;font-size: 18px;}
.theme-self-white .app-aside.light .aside-menu .submenu a:hover {background-color: #ECF0F3;}
.theme-self-white .app-aside.light .aside-menu a i.ico {color: #6B7A99!important;font-size: 24px;}
.theme-self-white .app-aside.light .aside-menu .open > a .ico {color: #fcffff!important;}
.theme-self-white .app-aside.left.folded .aside-user {display: flex;justify-content: center;}
.theme-self-white .app-aside.light .aside-menu ul li.menu-heading {margin-bottom: 0;}
.theme-self-white .app-aside.light .aside-menu ul li.menu-heading a {color: #2D3341!important;font-size: 12px;letter-spacing: 0.5px;}
.theme-self-white .app-aside.light .aside-menu a .menu-text {font-size: 12px;letter-spacing: 0.5px;}
/** 左侧导航样式 end */

/** 顶部导航样式 start*/
.theme-self-white .app-navbar {background-color: #f5f6fa;border: none;}
.theme-self-white .app-navbar-tabs li a {border: none;}
.theme-self-white .app-navbar-tabs li.active>a {background-color: #fff;border-radius: 20px;width: 150px;font-family: PingFangSC-Medium;font-size: 12px;color: #004EA2;font-weight: bold;display: flex;justify-content: center;align-items: center;white-space: nowrap;}
.theme-self-white .app-navbar-tabs li>a {width: 150px;font-family: PingFangSC-Medium;font-size: 12px;color: #6A6D77;display: flex;justify-content: center;align-items: center;white-space: nowrap;}
.theme-self-white .app-navbar-tabs li.active a i {font-size: 18px;color: #004EA2;font-weight: bold;}
.theme-self-white .app-navbar-tabs li a i {font-size: 18px;font-weight: bold;color: #6A6D77;}
/* .theme-self-white .app-navbar-tabs li:after {content: '';display: block;position: absolute;width: 1px;height: 20px;background: #C4CBD6;top: 10px;left: 0;}
.theme-self-white .app-navbar-tabs li.active:after,
.theme-self-white .app-navbar-tabs li.active + li::after{background: none;}
.theme-self-white .app-navbar-tabs .app-navbar-tabs-content > ul > li:first-child:after {background: none;} */
/** 顶部导航样式 end*/

/** 左侧导航我的弹出层样式 start*/
.theme-self-white .avatar-circle img {border-radius: 10px;}
.theme-self-white .aside-user .dropdown-menu {background: #fff;border: none;box-shadow: 0 6px 12px rgba(0,0,0,0.175);opacity: 1;color: #6A6D77;}
.theme-self-white .aside-user .dropdown-menu > li a:hover{color: #6A6D77;background: #ECF0F3;}
.theme-self-white .aside-user .dropdown-menu > li a {color: #6A6D77;}
/** 左侧导航我的弹出层样式 end*/
.theme-self-white #top-nav > ul > li > a {padding: 0;}
.theme-self-white #top-nav > ul > li > a i {font-size: 26px!important;}

/** 主题 -- 陶瓷白 end */



/** 主题 -- 天空蓝 start */

/** 左侧导航样式  start */
body {background-color: #fff;}
.theme-self-blue .app-brand {background: url(./../Content/assets/images/logo_bai.png) no-repeat center center;background-size: 50px 44px;width: 50px;height: 80px;}
.theme-self-blue .app-aside.left.folded{width:80px;margin-top: 15px;border-radius: 8px 8px 0 0;}
.sb-left.sb-folded .app-navbar {left: 80px;}
.sb-left.sb-folded .app-main {margin-left: 80px;}
.theme-self-blue .light{background-color: #004EA2 !important;}
.theme-self-blue .aside-header {background: #004EA2;border-bottom: 1px solid #004EA2;box-shadow:none;height: 100px;border-radius: 8px 8px 0 0;}

/** 左侧单元格样式 */
.theme-self-blue .aside-left-menu .has-submenu {display: flex;justify-content: center;margin: 10px 0;}
.theme-self-blue .aside-left-menu .menu-link {width: 70px;height: 70px;}
.theme-self-blue .app-aside.light .aside-menu .open > a.submenu-toggle {background: #fff;width: 70px;height: 70px;border-radius: 16px;box-shadow: 0 2px 8px 0 rgba(0,78,162,0.50);color: #004EA2;}
.theme-self-blue .app-aside.left.folded .submenu {background-color:#fff;border-radius: 8px;box-shadow: 0 6px 12px rgba(0,0,0,0.175);}
.theme-self-blue .app-aside.left.folded .foldable {display: block;visibility: visible;color: #fff;}
.theme-self-blue .app-aside.light .aside-menu .submenu a {background-color:#fff;color: #6A6D77!important;}
.theme-self-blue .app-aside.light .aside-menu .submenu a i.ico {color: #6A6D77!important;font-size: 18px;}
.theme-self-blue .app-aside.light .aside-menu .submenu a:hover {background-color: #ECF0F3;}
.theme-self-blue .app-aside.light .aside-menu a i.ico {color: #fff!important;font-size: 24px;}
.theme-self-blue .app-aside.left.folded .aside-user {display: flex;justify-content: center;}
.theme-self-blue .app-aside.light .aside-menu ul li.menu-heading {margin-bottom: 0;}
.theme-self-blue .app-aside.light .aside-menu .open > a .ico {color: #004EA2!important;}
.theme-self-blue .app-aside.light .aside-menu .open > a .menu-text {color: #004EA2;}
.theme-self-blue .app-aside.light .aside-menu ul li.menu-heading a {color: #2D3341!important;font-size: 12px;letter-spacing: 0.5px;}
.theme-self-blue .app-aside.light .aside-menu a .menu-text {font-size: 12px;letter-spacing: 0.5px;}
/** 左侧导航样式 end */


/** 顶部导航样式 start*/
.theme-self-blue .app-navbar {background-color: #fff;border: none;}
.theme-self-blue .app-navbar-tabs li a {border: none;}
.theme-self-blue .app-navbar-tabs li.active>a {border-radius: 8px 8px 0 0;width: 150px;font-family: PingFangSC-Medium;font-size: 12px;color: #004EA2;font-weight: bold;display: flex;justify-content: center;align-items: center;white-space: nowrap;}
.theme-self-blue .app-navbar-tabs li>a {width: 150px;font-family: PingFangSC-Medium;font-size: 12px;color: #6A6D77;display: flex;justify-content: center;align-items: center;white-space: nowrap;}
.theme-self-blue .app-navbar-tabs li.active a i {font-size: 18px;color: #004EA2;font-weight: bold;}
.theme-self-blue .app-navbar-tabs li a i {font-size: 18px;font-weight: bold;color: #6A6D77;}
/* .theme-self-blue .app-navbar-tabs li:after {content: '';display: block;position: absolute;width: 1px;height: 20px;background: #C4CBD6;top: 10px;left: 0;} */
/* .theme-self-blue .app-navbar-tabs li.active:after, */
/* .theme-self-blue .app-navbar-tabs li.active + li::after{background: none;} */
/* .theme-self-blue .app-navbar-tabs .app-navbar-tabs-content > ul > li:first-child:after {background: none;} */
/** 顶部导航样式 end*/

/** 左侧导航我的弹出层样式 start*/
/* .theme-self-blue .aside-user {margin-top: -15px;} */
.theme-self-blue .aside-user .avatar-md {border-radius: 10px!important;background: rgba(255,255,255,0.20);color: #fff;}
.theme-self-blue .aside-user .avatar img {border-radius: 10px!important;}
.theme-self-blue .aside-user .dropdown-menu {background: #fff;border: none;box-shadow: 0 6px 12px rgba(0,0,0,0.175);opacity: 1;color: #6A6D77;}
.theme-self-blue .aside-user .dropdown-menu > li a:hover{color: #6A6D77;background: #ECF0F3;}
.theme-self-blue .aside-user .dropdown-menu > li a {color: #6A6D77;}
/** 左侧导航我的弹出层样式 end*/

.theme-self-blue #top-nav > ul > li > a {padding: 0;}
.theme-self-blue #top-nav > ul > li > a i {font-size: 26px!important;}

/** 主题 -- 天空蓝 end */



/** 主题 -- 亚浅灰 start */

/** 左侧导航样式  start */
body {background-color: #fff;}
.theme-self-gray .app-brand {background: url(./../Content/assets/images/logo_bai.png) no-repeat center center;background-size: 50px 44px;width: 50px;height: 80px;}
.theme-self-gray .app-aside.left.folded{width:80px;margin-top: 15px;border-radius: 8px 8px 0 0;}
.sb-left.sb-folded .app-navbar {left: 80px;}
.sb-left.sb-folded .app-main {margin-left: 80px;}
.theme-self-gray .light{background-color: #2B3346 !important;}
.theme-self-gray .aside-header {background: #2B3346;border-bottom: 1px solid #2B3346;box-shadow:none;height: 100px;border-radius: 8px 8px 0 0;}

/** 左侧单元格样式 */
.theme-self-gray .aside-left-menu .has-submenu {display: flex;justify-content: center;margin: 10px 0;}
.theme-self-gray .aside-left-menu .menu-link {width: 70px;height: 70px;}
.theme-self-gray .app-aside.light .aside-menu .open > a.submenu-toggle {background: #424F6E;width: 70px;height: 70px;border-radius: 16px;box-shadow: 0 2px 10px 0 rgba(0,78,162,0.20);color: #004EA2;}
.theme-self-gray .app-aside.left.folded .submenu {background-color:#fff;border-radius: 8px;box-shadow: 0 6px 12px rgba(0,0,0,0.175);}
.theme-self-gray .app-aside.left.folded .foldable {display: block;visibility: visible;color: #fff;}
.theme-self-gray .app-aside.light .aside-menu .submenu a {background-color:#fff;color: #6A6D77!important;}
.theme-self-gray .app-aside.light .aside-menu .submenu a i.ico {color: #6A6D77!important;font-size: 18px;}
.theme-self-gray .app-aside.light .aside-menu .submenu a:hover {background-color: #ECF0F3;}
.theme-self-gray .app-aside.light .aside-menu a i.ico {color: #fff!important;font-size: 24px;}
.theme-self-gray .app-aside.left.folded .aside-user {display: flex;justify-content: center;}
.theme-self-gray .app-aside.light .aside-menu ul li.menu-heading {margin-bottom: 0;}
.theme-self-gray .app-aside.light .aside-menu .open > a .ico {color: #fff!important;}
.theme-self-gray .app-aside.light .aside-menu .open > a .menu-text {color: #fff;}
.theme-self-gray .app-aside.light .aside-menu ul li.menu-heading a {color: #2D3341!important;font-size: 12px;letter-spacing: 0.5px;}
.theme-self-gray .app-aside.light .aside-menu a .menu-text {font-size: 12px;letter-spacing: 0.5px;}
/** 左侧导航样式 end */

/** 顶部导航样式 start*/
.theme-self-gray .app-navbar {background-color: #fff;border: none;}
.theme-self-gray .app-navbar-tabs li a {border: none;}
.theme-self-gray .app-navbar-tabs li.active>a {border-radius: 8px 8px 0 0;width: 150px;font-family: PingFangSC-Medium;font-size: 12px;color: #004EA2;font-weight: bold;display: flex;justify-content: center;align-items: center;white-space: nowrap;}
.theme-self-gray .app-navbar-tabs li>a {width: 150px;font-family: PingFangSC-Medium;font-size: 12px;color: #6A6D77;display: flex;justify-content: center;align-items: center;white-space: nowrap;}
.theme-self-gray .app-navbar-tabs li.active a i {font-size: 18px;color: #004EA2;font-weight: bold;}
.theme-self-gray .app-navbar-tabs li a i {font-size: 18px;font-weight: bold;color: #6A6D77;}
/* .theme-self-gray .app-navbar-tabs li:after {content: '';display: block;position: absolute;width: 1px;height: 20px;background: #C4CBD6;top: 10px;left: 0;}
.theme-self-gray .app-navbar-tabs li.active:after,
.theme-self-gray .app-navbar-tabs li.active + li::after{background: none;}
.theme-self-gray .app-navbar-tabs .app-navbar-tabs-content > ul > li:first-child:after {background: none;} */
/** 顶部导航样式 end*/

/** 左侧导航我的弹出层样式 start*/
.theme-self-gray .aside-user {margin-top: -15px;}
.theme-self-gray .aside-user .avatar-md {border-radius: 10px!important;background: rgba(255,255,255,0.20);color: #fff;}
.theme-self-gray .aside-user .avatar img {border-radius: 10px!important;}
.theme-self-gray .aside-user .dropdown-menu {background: #fff;border: none;box-shadow: 0 6px 12px rgba(0,0,0,0.175);opacity: 1;color: #6A6D77;}
.theme-self-gray .aside-user .dropdown-menu > li a:hover{color: #6A6D77;background: #ECF0F3;}
.theme-self-gray .aside-user .dropdown-menu > li a {color: #6A6D77;}
/** 左侧导航我的弹出层样式 end*/

.theme-self-gray #top-nav > ul > li > a {padding: 0;}
.theme-self-gray #top-nav > ul > li > a i {font-size: 26px!important;}

/** 主题 -- 亚浅灰 end */

.app-aside.left.folded .submenu {position: fixed;top: 10px;left:80px;overflow: hidden;}
.app-aside .aside-scroll { overflow: hidden!important; flex: 1 }
/* #aside-scroll-inner {overflow: hidden!important; height: 100%;} */
#aside-scroll-inner {
  overflow: hidden!important;
  overflow-y: scroll!important;
  /* margin-right: -16px;  */
  height: 100%;
  -ms-overflow-style: none; /* Edge */
  scrollbar-width: none; /* Firefox */
}
#aside-scroll-inner::-webkit-scrollbar {
  display: none;
}


.theme-self-blue .app-aside.light .aside-menu .active > a.submenu-toggle {background: #fff;width: 70px;height: 70px;border-radius: 16px;box-shadow: 0 2px 8px 0 rgba(0,78,162,0.50);color: #004EA2;}
.theme-self-gray .app-aside.light .aside-menu .active > a.submenu-toggle {background: #424F6E;width: 70px;height: 70px;border-radius: 16px;box-shadow: 0 2px 10px 0 rgba(0,78,162,0.20);}
.theme-self-white .app-aside.light .aside-menu .active > a.submenu-toggle {background: #004EA2;width: 70px;height: 70px;border-radius: 16px;box-shadow: 0 2px 8px 0 rgba(0,78,162,0.50);}
.theme-self-white .app-aside.light .aside-menu .active > a.submenu-toggle span,
.theme-self-white .app-aside.light .aside-menu .active > a.submenu-toggle i.ico {color: #fcffff!important;}

.theme-self-blue .app-aside.light .aside-menu .active > a .ico {color: #004EA2!important;}
.theme-self-blue .app-aside.light .aside-menu .active > a .menu-text {color: #004EA2;}

/** 顶部滚动 */

#app-navbar {
  overflow: hidden;
}
.app-navbar-tabs {
  height: 60px;
  overflow-x: scroll;
}
#app-navbar-contextmenu {
  position: fixed !important;
}

/* .aside-user {
  position: absolute;
  bottom: 60px;
} */