/* your personal css involves skin styles */
font{
   font-family: Microsoft Yahei, sens-serif;
   font-size:14px;
   color:#333;
}
/*login*/
.login-wrap {
    background: url(../image/login_bg.jpg) no-repeat center;
}
.login-wrap .login-form .el-checkbox__inner::after{
    border-color: #62186b;
    border-width: medium;
}
.login-wrap .login-form .login-button .login-button1{
     background-color:#edbe58;
}
.login-wrap .login-form .login-button .login-button2{
    background-color:#62186b;
}
.login-wrap .login-form .el-form-item__error,.login-error-tip{
    color:#fff470;
}
.login-wrap .login-form .el-form-item.is-error .el-input__inner{
   border-color:#fff470;
}


/*  header */
.poin-el-header{
    background: #fff;
    border-bottom: 1px solid #8957a1;
}
.poin-el-header .el-icon--right {
    color: #8957a1;
}

/*  menu */
.aside-menu {
    background-color: #f2ebf7;
}
.poin-el-menu::after {
    border-right: 3px solid #c193d6 ;
}
.poin-skin .el-submenu__title i, .poin-skin .el-menu-item i {
    color: #8957a1;
}
.el-menu-item:hover, .el-menu-item:focus, .el-submenu__title:hover, .el-submenu__title:focus {
    color: #fff;
}
.el-submenu__title:hover, .el-submenu__title:focus, .el-menu-item:focus, .el-menu-item:hover {
    background-color: #c295d6;
}
.el-menu-item.is-active{
    color: #fff;
    background-color: #a973c1;
}
.el-menu-item:focus i, .el-menu-item:hover i, .el-submenu__title:focus i, .el-submenu__title:hover i{
    color: #fff;
}
.el-menu-item.is-active i{
    color: #fff;
}
.poin-el-menu > .el-submenu.is-opened > .el-submenu__title::after {
    color: #c295d6;
}
.poin-el-menu > .el-submenu.is-active > .el-submenu__title::after {
    color: #b881d1;
}
.el-submenu .el-submenu .el-submenu:last-child, .el-submenu .el-submenu .el-menu-item:last-child, .el-menu--vertical .el-menu > .el-submenu:last-child, .el-menu--vertical .el-menu > .el-menu-item:last-child {
    height: 41px;
    border-bottom: 0;
}

/*  tags */
.div-tags {
    background-color: #e7e3ea;
}
.div-tags ul li.fixed-home {
    background: #e7e3ea;
}
.div-tags .el-tag {
    background-color: #fff;
    color: #a973c1;
    border-color: #a973c1;
}
.div-tags .el-tag .el-tag__close {
    color: #a973c1;
}
.div-tags .active-tag {
    color: #FFF;
    background-color: #a973c1;
}
.div-tags .active-tag .el-tag__close {
    color: #FFF;
}
.div-tags .el-tag .el-tag__close:hover {
    color: #fff;
    background-color: #a973c1;
}
.div-tags .active-tag .el-tag__close:hover {
	background-color: #fff;
	color: #a973c1;
}


/*  home */
.home .grid-con-0{
        background-color:#b881d1;
}
.home .grid-con-1{
        background-color:#a293e1;
}
.home .grid-con-2{
        background-color:#93cae1;
}
.home .grid-con-3{
        background-color:#93e1bf;
}
.home .grid-con-4{
        background-color:#d9e193;
}
.home .el-card__header i {
        font-size: 22px;
	    margin-right: 5px;
	    color: #b881d1;
	    display: block;
        float: left;
        margin-top: 1px;
}
.home .el-card__header span {
        font-size: 16px;
	    color: #b881d1;
}
.home .el-icon-copy-document{
     color: #b881d1;
     font-size: 14px;
}


/* table */
.poin-skin .el-table th {
    color: #333;
    background: linear-gradient(to bottom, #f7f7f7, #ebebeb);
}
.poin-skin .el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: #f3edf7;;
}
.poin-skin .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #f8f4fb;
}
.poin-skin .el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .poin-skin .el-table__body tr.el-table__row.current-row>td {
    color: #fff;
    background-color: #c694dc;
}

/* message-box */
.poin-skin .el-message-box__header {
    background-color: #b881d1;
}
.el-message-box__headerbtn .el-message-box__close {
    color: rgba(255, 255, 255, .6);
}
.el-message-box__headerbtn:hover .el-message-box__close {
    color: #fff;
}

/* dialog */
.poin-skin .el-dialog__header{
    background-color: #b881d1;
    padding: 20px;
    padding-bottom: 10px;
}
.el-dialog__title {
    color: #fff;
}
.el-dialog__headerbtn .el-dialog__close {
    color: rgba(255, 255, 255, .6);
}
.el-dialog__headerbtn:hover .el-dialog__close {
     color: #fff;
}

/* breadcrumb */
.el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: #b881d1;
}
.breadcrumb-icon {
    color:#8957a1;
}

/* icon */
/* 给i标签加上front-title的类名用以给elementUI提供的图标加上主题颜色*/
i[class^="el-icon"].front-title {
	color: #8957a1;
}

/* tree */
.el-tree-node__expand-icon {
    color: #8957a1;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    color: #fff;
    background-color: #a973c1;
}
.el-tree--highlight-current .is-current>.el-tree-node__content .el-button, .el-tree--highlight-current .is-current>.el-tree-node__content .el-tree-node__expand-icon {
    color: #fff;
}
.is-current>.el-tree-node__content .el-tree-node__expand-icon.is-leaf {
    color: transparent;
}

/* tabs */
.el-tabs--border-card>.el-tabs__header {
    background-color: #f8f5fa;
}

/* input prepend append */
.el-input.is-disabled .el-input__inner {
    color: #8b888e;
}
.el-input-number__decrease, .el-input-number__increase, .el-input-group__append, .el-input-group__prepend {
    color: #fff;
    background: #b881d1;
}
.el-input-number__decrease:hover, .el-input-number__increase:hover {
    color: #fff;
}
.el-input-group__prepend div.el-input input.el-input__inner, .el-input-group__append div.el-input input.el-input__inner, 
.el-input-group__prepend div.el-select:hover input.el-input__inner, .el-input-group__append div.el-select:hover input.el-input__inner 
{
    color: #000;
    background-color: #fff;
}