@charset "UTF-8";
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0; }

#app {
  height: 100%;
  width: 100%;
  font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/********** Element UI 主题色覆盖 - ABB 红色 **********/
.el-button--primary {
  background-color: #FF000F;
  border-color: #FF000F;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff; }
  .el-button--primary:hover, .el-button--primary:focus {
    background-color: #FF3333;
    border-color: #FF3333; }
  .el-button--primary:active {
    background-color: #C80000;
    border-color: #C80000; }
  .el-button--primary i, .el-button--primary [class*="el-icon"] {
    color: #fff !important; }

.el-button--primary,
.el-button.el-button--primary {
  background-color: #FF000F !important;
  border-color: #FF000F !important;
  color: #fff !important; }
  .el-button--primary:hover, .el-button--primary:focus,
  .el-button.el-button--primary:hover,
  .el-button.el-button--primary:focus {
    background-color: #FF3333 !important;
    border-color: #FF3333 !important; }
  .el-button--primary i, .el-button--primary [class*="el-icon"],
  .el-button.el-button--primary i,
  .el-button.el-button--primary [class*="el-icon"] {
    color: #fff !important; }

.el-button--info {
  background-color: #FF000F;
  border-color: #FF000F;
  color: #fff; }
  .el-button--info:hover, .el-button--info:focus {
    background-color: #FF3333;
    border-color: #FF3333; }

.el-link.el-link--primary {
  color: #FF000F; }
  .el-link.el-link--primary:hover {
    color: #FF3333; }

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #FF000F !important;
  color: #fff !important; }

.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #FF000F !important; }

.el-pagination button:hover {
  color: #FF000F; }

.el-pager li.active {
  color: #FF000F; }

.el-pager li:hover {
  color: #FF000F; }

.el-tabs__item.is-active {
  color: #FF000F !important; }

.el-tabs__item:hover {
  color: #FF000F !important; }

.el-tabs__active-bar {
  background-color: #FF000F !important; }

.el-tabs__nav-wrap::after {
  background-color: #e4e7ed; }

.el-breadcrumb__inner,
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
  color: #FF000F !important; }
  .el-breadcrumb__inner:hover,
  .el-breadcrumb__inner a:hover,
  .el-breadcrumb__inner.is-link:hover {
    color: #FF3333 !important; }

.el-breadcrumb__item .el-icon {
  color: #FF000F !important; }

svg {
  fill: currentColor; }

a {
  color: #FF000F; }
  a:hover {
    color: #FF3333; }

.el-icon,
i[class*="el-icon"],
i.fa,
i.iconfont,
.fa,
.iconfont {
  color: inherit; }

.fa-file,
.fa-file-o,
.fa-folder,
.fa-folder-o,
.fa-folder-open,
.fa-folder-open-o {
  color: #FF000F !important; }

.el-icon-document,
.el-icon-folder,
.el-icon-folder-opened {
  color: #FF000F !important; }

.el-main .el-icon,
.el-main i[class*="el-icon"],
.el-main svg[class*="icon"],
.el-container .el-icon,
.el-container i[class*="el-icon"],
.el-container svg[class*="icon"],
.main .el-icon,
.main i[class*="el-icon"],
.main svg[class*="icon"],
.content .el-icon,
.content i[class*="el-icon"],
.content svg[class*="icon"] {
  color: #FF000F !important;
  fill: #FF000F !important; }

.el-button .el-icon,
.el-button i[class*="el-icon"],
.el-button i[class*="icon-"] {
  color: inherit !important; }

.el-button--primary i, .el-button--primary [class*="el-icon-"], .el-button--primary .el-icon,
.el-button.el-button--primary i,
.el-button.el-button--primary [class*="el-icon-"],
.el-button.el-button--primary .el-icon {
  color: #fff !important; }

button.el-button--primary i[class*="el-icon"] {
  color: #fff !important; }

.el-tabs__nav .el-icon,
.el-tabs__nav i[class*="el-icon"],
.el-tabs__nav svg,
.el-tabs__header .el-icon,
.el-tabs__header i[class*="el-icon"],
.el-tabs__header svg {
  color: #FF000F !important;
  fill: #FF000F !important; }

.el-tabs__nav span,
.el-tabs__header span {
  color: #303133; }

[class*="blue"],
.text-primary,
.is-primary {
  color: #FF000F !important; }

.el-breadcrumb .el-icon,
.el-breadcrumb i[class*="el-icon"],
.el-breadcrumb svg,
.breadcrumb .el-icon,
.breadcrumb i[class*="el-icon"],
.breadcrumb svg,
nav .el-icon,
nav i[class*="el-icon"],
nav svg {
  color: #FF000F !important;
  fill: #FF000F !important; }

nav .nav-content .nav-block li.active,
nav .nav-content .nav-block li.active i,
nav .nav-content .nav-block li.active span {
  color: #FF000F !important; }

nav .nav-content .nav-block li:hover,
nav .nav-content .nav-block li:hover i,
nav .nav-content .nav-block li:hover span {
  color: #FF3333 !important; }

.el-radio__input.is-checked .el-radio__inner {
  border-color: #FF000F;
  background: #FF000F; }

.el-radio__input.is-checked + .el-radio__label {
  color: #FF000F; }

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #FF000F;
  border-color: #FF000F; }

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #FF000F; }

.el-switch.is-checked .el-switch__core {
  background-color: #FF000F;
  border-color: #FF000F; }

.el-loading-spinner .path {
  stroke: #FF000F; }

/********** Element UI 主题色覆盖 End **********/
i.fa,
i.iconfont {
  font-family: 'FontAwesome', 'iconfont', 'element-icons' !important; }

/********** 滚动条样式 Strat **********/
::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important; }

::-webkit-scrollbar-thumb:hover {
  background: #C80000; }

::-webkit-scrollbar-thumb {
  border-style: dashed;
  border-color: transparent;
  border-width: 6px;
  border-right-width: 0;
  border-bottom-width: 0;
  background-color: #FF000F;
  background-clip: padding-box; }

::-webkit-scrollbar-track {
  background: transparent; }

/********** 滚动条样式 End **********/
/********** 一级路由 （登陆动画效果） Strat **********/
.login-enter {
  opacity: 0; }

.login-leave {
  opacity: 1; }

.login-enter-active {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s; }

.login-leave-active {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s; }

/********** 一级路由 （登陆动画效果） End **********/
/********** 左侧菜单去除边框 Strat **********/
.el-menu {
  border-right: solid 0 #e6e6e6 !important; }

/********** 左侧菜单去除边框 End **********/
/********** 分页 Strat **********/
div.el-pagination {
  text-align: right;
  padding: 10px; }

/********** 分页 End **********/
/********** el-dialog垂直居中 Strat **********/
.el-dialog {
  position: absolute !important;
  top: 50%;
  left: 50%;
  margin: 0 !important;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .el-dialog > .el-dialog__body {
    overflow: auto; }

/********** el-dialog垂直居中 End **********/
/********** 所有弹框标题修改 Strat **********/
.el-dialog__header {
  border-bottom: 1px solid #eee;
  margin: 0 20px;
  padding-left: 10px; }

/********** 所有弹框标题修改 End **********/
/********** 左侧菜单 css 折叠 Start **********/
.el-menu .el-icol {
  margin-right: 10px; }

.el-menu--collapse > div > .el-submenu > .el-submenu__title {
  text-align: center; }

.el-menu--collapse > div > .el-menu-item span,
.el-menu--collapse > div > .el-submenu > .el-submenu__title span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block; }

.el-menu--collapse > div > .el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse > div > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: none; }

/********** 左侧菜单 css 折叠 End **********/
/********** 角色管理->模块管理 选中标题颜色 Start **********/
.btn-nape-active {
  border: 1px solid #c6eaff !important; }
  .btn-nape-active div > .el-collapse-item__header {
    background: #c6eaff !important; }

/********** 角色管理->模块管理 选中标题颜色 End **********/