/*
 * 
 */
.el-menu--horizontal>.el-menu-item{
    height: 50px!important;
    line-height: 50px!important;
}

.el-menu--horizontal>.el-submenu .el-submenu__title{
    height: 50px!important;
    line-height: 50px!important;
}

.el-menu-item:focus, .el-menu-item:hover{
    background-color: rgb(84, 92, 100)!important;
}

/*.el-menu-item:focus i, .el-menu-item:hover i{
    color: #E6A23C!important;
}*/



body
{
    background-color: #E8ECF0;
    margin: 0;
    padding: 0;
}

.el-main
{
    overflow: hidden;
    padding: 12px;
}

.table-header-row-class{
    background-color: #F2F6FC!important;
    border: 1px solid #EBEEF5!important;
    font-weight: bold;
}

.table-header-row-class-of-ass-info{
    background-color: #C0C4CC!important;
    border: 1px solid #EBEEF5!important;
    font-weight: bold;
    color: #333;
}

span.table-main-prop{
    color: #333;
    font-weight: bold;
}

.td-index{
    background-color: #f6f6f6;
}

.td-sttt{
    background-color: #F2F6FC;
    font-weight: bold;
}

.el-input.is-disabled .el-input__inner{
    color: #666;
    text-align: left;
}

.custom-tree-node{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    padding-right: 8px;
}

.one-line-ellipsis{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.two-line-ellipsis{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*1.显示滚动条：当内容超出容器的时候，可以拖动：*/
.el-drawer__body {
    overflow: auto;
    /* overflow-x: auto; */
}

/*2.隐藏滚动条，太丑了*/
.el-drawer__container ::-webkit-scrollbar{
    display: none;
}

.input-with-select .el-select .el-input {
    width: 130px;
}
.input-with-select .el-input-group__prepend {
    /*background-color: #fff;*/
}

.el-dialog__header{
    background-color: #409EFF;
    border-bottom: 1px solid #E8ECF0;
    padding: 15px 20px;
}

.el-dialog__header div{
    color: #fff;
}

.el-dialog__headerbtn .el-dialog__close{
    color: #fff;
}

.small-horizontal-el-divider{
    margin: 6px 0;
}

.medium-horizontal-el-divider{
    margin: 12px 0;
}

.el-image-14{
    vertical-align: bottom;
}

.el-image-14 img{
    width: 14px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
}

.el-image-24{
    vertical-align: bottom;
}

.el-image-24 img{
    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 3px;
}

.el-image-40{
    vertical-align: bottom;
}

.el-image-40 img{
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
}

.el-image-50{
    vertical-align: bottom;
}

.el-image-50 img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
}

.el-image-60{
    vertical-align: bottom;
}

.el-image-60 img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
}

.el-image-80{
    vertical-align: bottom;
}

.el-image-80 img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
}

.el-image-100{
    vertical-align: bottom;
}

.el-image-100 img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.el-image-120{
    vertical-align: bottom;
}

.el-image-120 img{
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
}

.el-image-200{
    vertical-align: bottom;
}

.el-image-200 img{
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 12px;
}

.el-descriptions-row .td-common-100px{
    width: 100px!important;
}

.el-image-240{
    vertical-align: bottom;
}

.el-image-240 img{
    width: 240px;
    height: 240px;
    object-fit: cover;
    border-radius: 12px;
}

.el-descriptions-row .td-common-100px{
    width: 100px!important;
}

.el-drawer__header{
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    padding: 20px;
    background-color: #eee;
}

.demo-drawer__footer{
    display: flex;
}

.demo-drawer__footer button{
    flex: 1;
}

.el-message-box__header{
    background-color: #eee;
    padding: 15px;
}

.el-form--inline .el-form-item{
    margin-right: 6px;
}

.logistics-company-icon{
    width: 16px; 
    height: 16px; 
    cursor: pointer; 
    vertical-align: text-bottom;
}

.reseller-el-tag-small, .upper-supplier-el-tag-small{
    width: 76px;
}

.reseller-el-tag-mini, .upper-supplier-el-tag-mini{
    width: 72px;
}

.warehouse-el-tag-small{
    width: 98px;
}

.footer-row{
    margin-top: 12px;
}

.footer-row .el-card__body{
    padding: 8px 12px;
}

.footer-row .el-card__body .text{
    font-size: 12px;
    line-height: 24px;
}

.el-alert--success.is-light{
    border: 1px solid #67c23a;
}

.el-alert--info.is-light{
    border: 1px solid #909399;
}

.el-alert--warning.is-light{
    border: 1px solid #E6A23C;
}

.el-alert--error.is-light{
    border: 1px solid #F56C6C;
}

.el-upload {
    width: 100%;
}

.el-upload-dragger {
    width: 100%;
}

.el-upload-dragger .el-icon-upload2 {
    font-size: 67px;
    color: #C0C4CC;
    margin: 40px 0 16px;
    line-height: 50px;
}

.file-dialog .el-dialog__body {
    background-color: #f9f9f9;
}

.file-attchment-upload .el-upload-dragger {
    height: 48px;
    width: 100%;
  }

.amount-val{
    font-family: fantasy;
    font-size: 14px;
}

[v-cloak] {
    display:none !important;
}