/*sidebar-container*/
body #app .sidebar-container{
	background: #f5f6fd;
	border-right: 1px solid #E5E6EB;
}
body .sidebar-logo-container {
	padding: 8px 0;
	height: 66px !important;
}
body .sidebar-logo-container .sidebar-logo-link .sidebar-title{
	color: #1D2129 !important;
	font-size: 16px !important;
}
body #app .sidebar-container .el-scrollbar__view>.el-menu{
	padding: 0 8px;
}
body #app .sidebar-container .el-scrollbar__view>.el-menu .menu-wrapper+.menu-wrapper{
	margin-top: 4px;
}
body #app .sidebar-container .el-menu{
	background: #f5f6fd !important;
}
body #app .sidebar-container .el-submenu .el-menu-item {
    height: 40px;
    line-height: 40px;
}
body #app .sidebar-container .el-menu .el-menu-item{
	background: #f5f6fd !important;
	color: #4E5969 !important;
	height: 40px;
	line-height: 40px;
}
body #app .sidebar-container .el-submenu>.el-submenu__title .svg-icon{
	fill:currentColor;
	color:#4E5969;
}
body #app .sidebar-container .el-menu .el-menu .el-menu-item .svg-icon{
	display: none;
}
body #app .sidebar-container .el-menu .el-menu .el-menu-item .svg-icon+span{
	margin-left: 10px;
}
body #app .sidebar-container .submenu-title-noDropdown:hover,
body #app .sidebar-container .el-submenu__title:hover {
    background-color: #f5f6fd !important;
}
body #app .sidebar-container .el-submenu>.el-submenu__title{
	height: 40px;
	line-height: 40px;
	background: #f5f6fd !important;
	color: #4E5969 !important;
}
body #app .sidebar-container .is-active>.el-submenu__title{
	color: #233A82;
}
body #app .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover,
body #app .sidebar-container .el-submenu .el-menu-item:hover {
    background: #f5f6fd !important;
    color: #4E5969 !important;
}
body #app .sidebar-container  .el-submenu .el-menu-item.is-active,
body #app .sidebar-container .el-submenu .el-menu-item.is-active:hover{
	background: #E9ECF4 !important;
	color: #233A82 !important;
	font-weight: bold;
}
body #app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon,
body #app .hideSidebar .el-submenu>.el-submenu__title .svg-icon{
	margin-left: auto;
	margin-right: auto;
}
body #app .hideSidebar .submenu-title-noDropdown .el-tooltip,
body #app .hideSidebar .el-submenu>.el-submenu__title{
    text-align: center;
}
body #app .openSidebar .sidebar-logo-container .sidebar-logo-link .sidebar-logo{
	display: none;
}
body #app .hideSidebar .sidebar-logo-container .sidebar-logo-link .sidebar-logo{
	display: block;
	margin: 0 auto;
}

/*main-container*/

/*fixed-header*/
body .main-container .fixed-header{
	z-index: 1002 !important;
}
body .main-container .fixed-header .navbar .hamburger-container{
	padding: 0 !important;
	text-align: center;
	line-height: 40px;
	background: #f5f6fd;
	color: #4E5969;
	position: fixed;
	bottom: 0;
	left: 150px;
	width: 40px;
	height: 40px;
	float: inherit;
	transition:transform .28s;
}
body .hideSidebar .main-container .fixed-header .navbar .hamburger-container{
	left: 7px;
}
body .main-container .fixed-header .navbar{
	box-shadow: none !important;
	border-bottom: 1px solid #E5E6EB;
	padding: 0 20px;
}
body .main-container .fixed-header .navbar .app-breadcrumb.el-breadcrumb{
	margin-left: 0;
}
body .main-container .fixed-header .navbar .app-breadcrumb.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link,
body .main-container .fixed-header .navbar .app-breadcrumb.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner a{
	color: #4E5969 !important;
}
body .main-container .fixed-header .navbar .app-breadcrumb.el-breadcrumb .el-breadcrumb__item .no-redirect{
	color: #4E5969 !important;
}
body .main-container .fixed-header .navbar .app-breadcrumb.el-breadcrumb .el-breadcrumb__item:last-child  .no-redirect{
	color: #1D2129 !important;
	font-weight: bold;
}
body .main-container .fixed-header .tags-view-container{
	box-shadow: none !important;
	border-bottom: 1px solid #E5E6EB;
	background: #F7F8FA;
	height: 40px;
}
body .main-container .fixed-header .tags-view-container .tags-view-wrapper .tags-view-item{
	background: transparent;
	border-color: transparent;
	color: #4E5969;
	margin-top: 6px;
	padding: 0 5px 0 16px;
	margin-left: 6px;
}
body .main-container .fixed-header .tags-view-container .tags-view-wrapper .tags-view-item:first-of-type {
    margin-left: 20px;
	padding: 0 16px;
}
body .main-container .fixed-header .tags-view-container .tags-view-wrapper .tags-view-item.active{
    background-color: #fff;
    color: #233a82;
    border-color: #fff;
	font-weight: bold;
}
body .main-container .fixed-header .tags-view-container .tags-view-wrapper .tags-view-item.active::before{
	content: none;
}
body .main-container .fixed-header .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close{
	background: transparent !important;
	font-size: 16px;
}
body .main-container .fixed-header .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close:hover,
body .main-container .fixed-header .tags-view-container .tags-view-wrapper .tags-view-item.active .el-icon-close:hover{
	color: #233a82;
	font-weight: bold;
}

/*app-main*/
body .hasTagsView .fixed-header+.app-main{
    padding-top: 90px !important;
}
body .hasTagsView .app-main{
    min-height: calc(100vh - 90px) !important;
}
body .hasTagsView .app-main .el-card{
	border: 0;
	border-radius: 0;
}
body .hasTagsView .app-main .el-card.box-card.is-always-shadow{
	box-shadow: none;
}
body .hasTagsView .app-main .el-card .el-card__header{
	border-bottom: 1px solid #E5E6EB;
	padding: 10px 20px;
}
body .hasTagsView .app-main .el-card .el-card__header>.clearfix>span{
	line-height: 29px;
	font-weight: bold;
	color: #1D2129 ;
}
body .hasTagsView .app-main .el-card .el-card__body{
	padding: 20px;
}
body .hasTagsView .app-main .dashboard-editor-container{
	padding: 20px;
	background-color: #f7f8fa;
}
body .hasTagsView .app-main .dashboard-editor-container .panel-group:first-child,
body .hasTagsView .app-main .dashboard-editor-container .github-corner+.panel-group{
	margin-top: 0;
}
body .hasTagsView .app-main .dashboard-editor-container .github-corner{
	display: none;
}

/*.app-container*/
body .hasTagsView .app-main>.app-container{
	padding: 0;
}
body .hasTagsView .app-main>.app-container>.el-row{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
body .hasTagsView .app-main>.app-container>.el-row>.el-col{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
body .hasTagsView .app-main>.app-container>.el-row>.el-col.el-col-6{
	width: 248px;
}
body .hasTagsView .app-main>.app-container>.el-row>.el-col.el-col-6+.el-col-18{
	width: calc(100% - 248px);
}
body .hasTagsView .app-main>.app-container>.el-row>.el-col.el-col-6>.el-card>.el-card__body{
	height: calc(100vh - 90px);
	overflow: auto;
	border-right: 1px solid #e5e6eb;
}

/*el-button*/
body .el-button,
body .el-button:focus{
	color:#4E5969;
	background-color:#fff;
	border-color:#E5E6EB;
}
body .el-button:hover{
	color:#4E5969;
	background-color:#fff;
	border-color:#C9CDD4;
}
body .el-button:active{
	color:#4E5969;
	background-color:#fff;
	border-color:#86909C;
}
body .el-button.is-disabled,
body .el-button.is-disabled:active,
body .el-button.is-disabled:focus,
body .el-button.is-disabled:hover {
    color: #C9CDD4;
    background-color: #fff;
    border-color: #E5E6EB;
}
body .el-button--primary,
body .el-button--primary:focus,
body .el-button.ms-btn,
body .el-button.ms-btn:focus{
	color:#fff;
	background-color:#233A82;
	border-color:#233A82;
}
body .el-button--primary:hover,
body .el-button.ms-btn:hover{
	color:#fff;
	background:#2B50C4;
	border-color:#2B50C4;
}
body .el-button--primary:active,
body .el-button--primary.is-active,
body .el-button.ms-btn:active,
body .el-button.ms-btn.is-active{
	color:#fff;
	background:#042281;
	border-color:#042281;
}
body .el-button--primary.is-disabled,
body .el-button--primary.is-disabled:active,
body .el-button--primary.is-disabled:focus,
body .el-button--primary.is-disabled:hover ,
body .el-button.ms-btn.is-disabled,
body .el-button.ms-btn.is-disabled:active,
body .el-button.ms-btn.is-disabled:focus,
body .el-button.ms-btn.is-disabled:hover{
    color: #fff;
    background-color: #93A7E4;
    border-color: #93A7E4;
}
body .el-button.is-plain,
body .el-button.is-plain:focus{
	color:#4E5969;
	background-color:#fff;
	border-color:#E5E6EB;
}
body .el-button.is-plain:hover{
	color:#4E5969;
	background-color:#fff;
	border-color:#C9CDD4;
}
body .el-button.is-plain:active{
	color:#4E5969;
	background-color:#fff;
	border-color:#86909C;
}
body .el-button.is-plain.is-disabled,
body .el-button.is-plain.is-disabled:active,
body .el-button.is-plain.is-disabled:focus,
body .el-button.is-plain.is-disabled:hover {
    color: #C9CDD4;
    background-color: #fff;
    border-color: #E5E6EB;
}
body .el-button--primary.is-plain,
body .el-button--primary.is-plain:focus{
    color: #4e5969;
    background: #f2f3f5;
    border-color: #f2f3f5;
}
body .el-button--primary.is-plain:hover{
    color: #4e5969;
    background: #e5e6eb;
    border-color: #e5e6eb;
}
body .el-button--primary.is-plain:active{
    color: #4e5969;
    background: #c9cdd4;
    border-color: #c9cdd4;
}
body .el-button--primary.is-plain.is-disabled,
body .el-button--primary.is-plain.is-disabled:active,
body .el-button--primary.is-plain.is-disabled:focus,
body .el-button--primary.is-plain.is-disabled:hover {
    color: #c9cdd4;
    background-color: #f7f8fa;
    border-color: #f7f8fa;
}
body .el-button--text,
body .el-button--text:focus{
	color: #233A82;
	background-color: transparent;
	border: 0;
	padding: 0 !important;
	width: auto !important;
}
body .el-button--text:hover{
	color:#2B50C4;
	background-color:transparent;
}
body .el-button--text:active{
	color:#042281;
	background-color:transparent;
}
body .el-button--text.is-disabled,
body .el-button--text.is-disabled:active,
body .el-button--text.is-disabled:focus,
body .el-button--text.is-disabled:hover {
    color:#93A7E4;
    background-color:transparent;
}

/*el-tag*/
body .el-tag{
	background: #E8F7FF;
	border-color: #E8F7FF;
	color: #3491fa;
}
body .el-tag.el-tag--success{
	background: #E8FFEA;
	border-color: #E8FFEA;
	color: #00b42a;
}
body .el-tag.el-tag--warning{
	background: #FFF7E8;
	border-color: #FFF7E8;
	color: #ff7d00;
}
body .el-tag.el-tag--danger{
	background: #FFECE8;
	border-color: #FFECE8;
	color: #f53f3f;
}

/*el-table*/
body .el-table{
	color: #1d2129;
}
body .el-table::before{
	content: none;
}
body .el-table-column--selection .cell {
    padding-left: 10px;
    padding-right: 10px;
}
body .el-table .el-table__cell.is-center {
    text-align: left;
}
body .el-table th.el-table__cell{
	background: #f2f3f5;
	color: #1d2129;
}
body .el-table th.el-table__cell.is-leaf,
body .el-table td.el-table__cell{
	border-color: #e5e6eb ;
}
body .el-table--medium .el-table__cell {
    padding: 8px 0;
}
body .el-table--border {
    border: 0;
}
body .el-table--border .el-table__cell {
    border-right: 0;
}

/*el-tree*/
body .el-tree {
    color: #1d2129;
}
body .el-tree-node+.el-tree-node{
	margin-top: 4px;
}
body .el-tree-node__content{
	height: 34px;
}
body .el-tree-node.is-current>.el-tree-node__content {
    background-color: #f2f3f5;
	color: #233A82;
	font-weight: bold;
}
body .el-tree-node .el-tree-node__content:hover{
	background-color: #f2f3f5;
}

/*el-checkbox*/
body .el-checkbox__inner:hover,
body .el-checkbox__input.is-focus .el-checkbox__inner{
    border-color: #233A82;
}
body .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #233A82;
    border-color: #233A82;
}
body .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #233A82;
}
body .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #233A82;
    border-color: #233A82;
}

/*el-radio*/
body .el-radio__inner:hover,
body .el-.el-radio__input.is-focus .el-.el-radio__inner {
    border-color: #233A82;
}
body .el-radio__input.is-checked .el-radio__inner {
    border-color: #233A82;
    background: #233A82;
}
body .el-radio__input.is-checked+.el-radio__label {
    color: #233A82;
}

/*el-input*/
body .el-textarea__inner:focus,
body .el-input__inner:focus{
	border-color:#233A82
}

/*el-select-dropdown*/
body .el-select .el-input.is-focus .el-input__inner,
body .el-pagination__sizes .el-input .el-input__inner:hover{
	border-color:#233A82
}
body .el-select-dropdown__item.hover,
body .el-select-dropdown__item:hover {
    background-color: #f2f3f5;
}
body .el-select-dropdown__item.selected {
    color: #233A82;
}

/*el-pager*/
body .el-pager li:hover,
body .el-pager li.active {
    color: #233A82;
}

/*el-main-footer*/
body #el-main-footer{
	display: none;
}

/*el-switch*/
body .el-switch.is-checked .el-switch__core {
    border-color: #233a82;
    background-color: #233a82;
}

/*el-step*/
body .el-step__title {
    font-size: 14px;
    line-height: 32px;
}
body .el-step__line {
    background-color: #E5E6EB;
}
body .el-step__head.is-success {
    color: #00B42A;
    border-color: #00B42A;
}
body .el-step__title.is-success {
    color: #00B42A;
}
body .el-step__head.is-process {
    color: #4E5969;
    border-color: #4E5969;
}
body .el-step__title.is-process {
    color: #4E5969;
}
body .el-step__icon.is-text {
    border-width: 1px;
}

/*el-form*/
body .el-form-item .el-form-item__label {
    font-size: 14px;
    color: #4E5969;
    padding: 0 6px 0 0;
	font-weight: normal;
}

/*modellist*/
.modellist{
	display: flex;
	flex-wrap: wrap;
}
.modellist .list{
	display: block;
	position: relative;
	border: 1px solid #E5E6EB;
	padding: 20px;
	width: calc((100% - 60px) / 4);
	margin: 10px 20px 10px 0;
	cursor: pointer;
}
.modellist .list:nth-child(4n){
	margin-right: 0;
}
.modellist .list:hover {
    border-color: transparent;
    box-shadow: 0 1px 2px -2px rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 12%), 0 5px 12px 4px rgb(0 0 0 / 9%);
}
.modellist .list .limg{
	display: block;
}
.modellist .list .limg img{
	display: block;
	width: 100px;
	height: 100px;
}
.modellist .list .ltitle{
	display: block;
	margin: 12px 0 0 0;
}
.modellist .list .ltitle .title{
	display: inline-block;
	color: #4E5969 ;
	font-size: 14px;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
.modellist .list:hover .ltitle .title,
.modellist .list .ltitle .title:hover{
	color: #233A82;
}
.modellist .list .lbtn{
	display: none;
	position: absolute;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding: 20px 10px;
	right: 0;
	top: 0;
	box-sizing: border-box;
}
.modellist .list:hover .lbtn{
	display: flex;
}
.modellist .list .lbtn i{
	line-height: 24px;
	padding: 0 10px;
	font-size: 14px;
	color: #4E5969;
}
.modellist .list .lbtn i:hover{
	color: #165DFF;
}

/*login-page*/
body ,html{
	margin: 0;
	padding: 0;
}
.login-page{
	display: flex;
	width: 100%;
	height: 100%;
	position: fixed;
}
.login-page .loleft{
	display: block;
	width: 66%;
	background: url("../assets/images/login-bg.jpg") no-repeat center;
	background-size: cover;
	margin: 0;
	padding: 0;
}
.login-page .loright{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.login-page .loright .locont{
	display: block;
	width: 100%;
	width: 300px;
}
.login-page .loright .locont .title{
	display: block;
	color: #1D2129;
	text-align: center;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	line-height: 50px;
	letter-spacing:0;
	margin: 0 0 60px 0;
}
.login-page .loright .locont .el-form-item{
	margin-bottom: 20px;
}
.login-page .loright .locont .el-form-item:last-child{
	margin-bottom: 0;
}
.login-page .loright .locont .el-form-item .el-button{
	display: block;
	width: 100%;
}
.login-page .loright .locont .el-input__icon.el-icon-user{
	background: url("../assets/images/icon-user.svg") no-repeat center;
	box-sizing: 14px;
	color: transparent;
}
.login-page .loright .locont .el-input__icon.el-icon-view{
	background: url("../assets/images/icon-unlock.svg") no-repeat center;
	box-sizing: 14px;
	color: transparent;
}
.login-page .loright .locont .el-input__inner,
.login-page .loright .locont .el-button{
    border-radius: 2px;
}
