/* .el-submenu__title{
    font-size:11px !important;
}

.el-menu-item{
    font-size:11px !important;    
} */
#app .sidebar-container.sidebar-container {
    width: 240px !important;
}

.fixed-header.fixed-header.fixed-header{
    width: calc(100% - 240px) !important;
}
#app .app-wrapper>.main-container.main-container{
    margin-left:calc(240px) !important;
}

#app .hideSidebar>.main-container.main-container{
    margin-left: 70px !important;
}
.hideSidebar .fixed-header.fixed-header.fixed-header{
    width: calc(100% - 70px) !important;
}

#app .hideSidebar .sidebar-container.sidebar-container{
    width: 70px !important;
}
.fixed-header.fixed-header.fixed-header{
    width: calc(100% - 240px) !important;
}

.el-button--danger{
    background-color: crimson !important;
    border-color: crimson !important;
}

.el-button--primary{
    background-color: rgb(102, 85, 231) !important;
    border-color: rgb(102, 85, 231) !important;
}

.tags-view-container .tags-view-wrapper .tags-view-item.active{
    background-color: #f0eefd !important;
    color: blueviolet !important;
}

.el-button--text{
    color: purple !important;
}

.el-pager li.active{
    color: purple !important;
}
.el-pager li:hover{
    color: blueviolet !important;
}

.el-input__inner:focus{
    border: 1px solid purple !important;
}

.el-button--success{
    background-color: #89d961 !important;
    border-color: #89d961 !important;
}

.el-pagination button:hover{
    color: purple !important;
}

.el-select-dropdown__item.selected{
    color: purple !important;
}

.el-pagination__sizes .el-input .el-input__inner:hover{
    border-color:purple !important;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
    background-color: #f0eefd !important;
}

.el-checkbox__inner:hover{
    border-color: purple !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: purple !important;
    border-color: purple !important;
}

.el-link.el-link--primary{
    color: purple !important;
}

.el-tag{
    background-color: #e3defc !important;
    border-color: #a397f0 !important;
    color: purple !important;
}

.el-link.el-link--danger{
    color: red !important;
}

.el-switch.is-checked .el-switch__core{
    background-color: purple !important;
    border-color: purple !important;
}

.el-button:focus, .el-button:hover{
    color: purple !important;
    background-color: #f0eefd !important;
    /* border-color: #9992cc !important; */
}

.vxe-button.type--button:not(.is--disabled):hover{
    color: #a397f0 !important;
}

.file-name.file-name.file-name{
    color: purple !important;
}

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

.el-link.el-link--default:hover{
    color: purple !important;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{
    background-color: #a397f0 !important;
    color: purple !important;
}

.login .login-container .login-container__form.login-container__form{
    border-radius: 10px !important;
}


.login .login-container.login-container{
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding-right: 0vw !important;

}

.loginTabPane .el-tabs__item{
    width: 180px !important;
    height: 100px !important;
    line-height: 100px !important;
    font-size: 16px !important;
}
.el-tabs--left.el-tabs--card .el-tabs__nav{
    margin-top: 90px;
}
.login .login-container .login-container__form {
    width: 640px !important;
    height: 450px !important;
}

@media screen and (max-width: 660px) {
    .login .login-container .login-container__form {
        width: 400px !important;
    }
    .el-tabs__item{
        width: 130px !important;
    }
}



.login .login-container .login-container__form .login-container__form__body .login-container__form__body__button--submit.login-container__form__body__button--submit{
    background-color: #6c4cbd !important;
}
.el-tabs__item.is-active{
    color: white !important;
    background-color: purple !important;
}
.el-tabs__item:hover{
    color: black !important;
}

.el-input--medium .el-input__inner{
    height: 39px !important;
    line-height: 39px !important;
    font-size: 15px !important;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{
    color: white !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label{
    color: purple !important;
}

.vxe-export--panel-column-option.is--checked, .vxe-export--panel-column-option.is--checked .vxe-checkbox--icon, .vxe-export--panel-column-option.is--indeterminate, .vxe-export--panel-column-option.is--indeterminate .vxe-checkbox--icon{
    color: purple !important;
}

.vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon{
    color: purple !important;
}

.vxe-checkbox.is--checked, .vxe-checkbox.is--checked .vxe-checkbox--icon, .vxe-checkbox.is--indeterminate, .vxe-checkbox.is--indeterminate .vxe-checkbox--icon{
    color: purple !important;
}

.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{
    color: purple !important;
}

.vxe-button.type--button:not(.is--disabled):active{
    color: purple !important;
    border-color: purple !important;
}

.vxe-button.type--button.theme--primary:not(.is--disabled):hover{
    background-color: purple !important;
    border-color: purple !important;
}

.vxe-button.type--button.theme--primary:not(.is--disabled){
    background-color: purple !important;
    border-color: purple !important;
}

.vxe-modal--wrapper .vxe-modal--close-btn:hover, .vxe-modal--wrapper .vxe-modal--zoom-btn:hover{
    color: purple !important;
}

.vxe-input:not(.is--disabled).is--active .vxe-input--inner{
    border: 1px solid purple !important;
}
.vxe-select-option.is--selected{
    color: purple !important;
}

.vxe-table-custom--checkbox-option.is--checked, .vxe-table-custom--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-table-custom--checkbox-option.is--indeterminate, .vxe-table-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon{
    color: purple !important;
}

.vxe-table-custom--fixed-left-option.is--checked, .vxe-table-custom--fixed-left-option:hover, .vxe-table-custom--fixed-right-option.is--checked, .vxe-table-custom--fixed-right-option:hover{
    color: purple !important;
}
.vxe-table-custom--footer button:hover{
    color: purple  !important;
}
.vxe-button.type--button:not(.is--disabled):focus{
    border-color: purple !important;
}

.myTrain .titlecard.titlecard{
    background: #a397f0 !important;
}

.personalStatistics .user.user{
    background: #a397f0 !important;
}

.el-button{
    border-color: #6655e7 ;
}

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

.btns .el-button i{
    color: purple !important;
}

.btns>div i{
    color: purple !important;
}

.el-button--primary.is-plain{
    color: white !important;
}

.header .el-menu .el-menu-item.is-active {
    color: purple !important;
}

.el-menu--horizontal>.el-menu-item.is-active{
    border-bottom: 2px solid purple !important;
}

.left-panel .type-item.active{
    background: #a397f0 !important;
    color: white !important;
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner{
    background-color: purple !important;
    border-color: purple !important;
}

.el-radio__input.is-checked .el-radio__inner{
    background: purple !important;
    border-color: purple !important;
}
.uploader .el-upload:hover{
    border-color: purple !important;
}

.el-switch__label.is-active{
    color: purple !important;
}

.el-button:active{
    color: purple !important;
    border-color: purple !important;
}

.el-button:focus, .el-button:hover{
    border-color:#a397f0 !important;
}

.el-textarea__inner:focus{
    border-color: purple !important;
}

.el-select .el-input.is-focus .el-input__inner{
    border-color: purple !important;
}
.avatar .a-img>div{
    background: purple !important;
}

.el-loading-spinner .path{
    stroke: purple !important;
}

.vxe-loading>.vxe-loading--chunk, .vxe-loading>.vxe-loading--wrapper{
    color: purple !important;
}
.el-radio__input.is-checked+.el-radio__label{
    color: purple !important;
}

.icon-jurassic_process:before{
    content: "\E6C4" !important;
}

.sidebar-logo-container{
    height: 91px !important;
}