.el-table .warning-row { background:#f9f9f9}
.el-table th>.cell{font-weight: 800;color: #777;}
.el-table td,.el-table th{padding: 6px 0!important}
.btn-group{display: flex;align-items: center;justify-content: space-between;}
.el-checkbox__label{color: #888; padding-left: 3px;}
.el-checkbox__input.is-checked+.el-checkbox__label{color: #888;}
.el-button--mini, .el-button--mini.is-round {padding: 7px 10px;}
.el-button+.el-button{margin-left: 3px;}
body .el-table th.gutter{display: table-cell!important;}
.el-radio{margin-right:20px}
.el-radio__label{padding-left: 5px;}
.el-menu--horizontal>.el-menu-item{height: 25px; line-height: 15px;}
.el-menu-demo{margin-bottom: 10px;}
.el-table{font-size: 13px;}
.el-checkbox{margin-right:15px}
.el-table .rowLight{background:#ecf5ff !important;}
.el-table__expand-icon{margin-left:-4px}

.select{
    .el-input--small .el-input__inner{
        height:30px; line-height: 30px;
    }
}

.icon-dialog{
    .el-dialog {
        margin-bottom: 0;
        margin-top: 4vh !important;
        display: flex;
        flex-direction: column;
        z-index:99999;
        max-height: 92vh;
        overflow: hidden;
        .el-dialog__header {
        padding-top: 14px;
        }
        .el-dialog__body {
            overflow: auto;
            padding:30px 25px  0 15px !important;
            margin:0;
        }
    }
}

.activeItem {margin-bottom:3px}
.tangram-suggestion-main {
    z-index: 999999;
}
.amap-sug-result{
    z-index: 99999; top:135px;
    .auto-item{
        padding: 8px;
    }
}
.map{
    .el-textarea__inner{background-color:#eee;border-top-right-radius: 0; border-bottom-right-radius: 0;}   
}
.w-e-toolbar .w-e-menu{height: 25px; width: 30px;}
.tox-tinymce-aux {
    z-index: 5000 !important;
}
.table_list_pic {width:30px; height:30px; vertical-align: middle;}
.table-bordered {
    border: 1px solid #EBEBEB;
}

.table > tbody > tr > td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
}
.table .title{
    background-color:#F5F5F6; font-weight:bold; text-align:right
}
.el-image-viewer__wrapper{z-index:999999!important}
.vue-treeselect__control{font-size: 13px; padding-left: 10px; color:#606266}
.el-tabs__header{padding-left: 10px;}

.el-popover{padding: 5px;}
.el-input-number .el-input__inner {text-align: left;}
.tree-border {
    margin-top: 5px;
    border: 1px solid #e5e6e7;
    background: #fff none;
    border-radius: 4px;
}

.card{
    .el-card{margin-bottom: 15px;}
}

@media screen and (max-width: 480px) {
    .el-dialog__wrapper .el-dialog {
        width: 95% !important;
    }
    .el-dialog__wrapper .el-dialog .el-dialog__body {
        overflow: auto
    }
}

@media screen and (max-width: 500px) {
    .el-message {
      min-width: 300px !important;
    }
}

@media screen and (max-width: 500px) {
    .el-message-box{
      width: 300px !important;
    }
}

.w-e-menu {
    z-index: 2 !important;
  }
.w-e-toolbar {
    z-index: 3 !important;
}
.w-e-text-container {
z-index: 1 !important;
}
.vue-treeselect__control{height: 32px;}

.drawer-container {
    padding: 10px 24px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
  }
  .drawer-container .drawer-title {
    margin-bottom: 12px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 22px;
  }
  .drawer-container .drawer-item {
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    margin-top:25px;
  }
  .drawer-container .drawer-switch {
    float: right;
  }
  
  .search .el-form-item--mini.el-form-item,
  .search .el-form-item--small.el-form-item {
    margin-bottom: 5px;
  }

.el-table ::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.list_tab {margin-bottom:10px;}
.list_tab .el-tabs__header {
	margin:0 0 0 !important;
}
.list_tab .el-tabs__header {
	padding-left:15px;
}
.list_tab .el-tabs__item.is-active{
	background-color:#409EFF;
	color:#fff;
}


.image-list .image-wrap,
.image-item .image-wrap {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  margin: 0 10px 0 0;
  vertical-align: top;
}
.image-list .image-wrap:hover .icon-wrap,
.image-item .image-wrap:hover .icon-wrap {
  opacity: 1;
}
.image-list .image-wrap .imgStyle img,
.image-item .image-wrap .imgStyle img {
  width: 100px;
  height: 100px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.image-wrap {
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    margin: 10px 15px 0 0;
    vertical-align: top;
}
.imgStyle img {
  width: 100px;
  height: 100px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.image-wrap label {
  font-size: 25px;
  cursor: pointer;
  position: absolute;
  top: -2px;
  right: 0px;
  z-index: 150;
}
.image-wrap label i {
  font-size: 15px;
  font-style: normal;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  margin-top:-18px;
  color: #fff;
  vertical-align: middle;
}
.image-wrap input[type="checkbox"],
.image-wrap input[type="radio"] {
  display: none;
  outline: none;
}
.image-wrap input[type="radio"] + i {
  border-radius: 7px;
}
.image-wrap input[type="checkbox"]:checked + i,
.image-wrap input[type="radio"]:checked + i {
  background: #67c23a;
  color: #FFF;
}

.image-list .image-wrap .icon-wrap,
.image-item .image-wrap .icon-wrap {
  position: absolute;
  left: 0;
  top:0;
  border-radius: 6px;
  width: 102px;
  height: 102px;
  cursor: default;
  text-align: center;
  line-height: 100px;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity .3s;
}
.image-list .image-wrap .icon-wrap .el-icon-zoom-in,
.image-item .image-wrap .icon-wrap .el-icon-zoom-in {
  cursor: pointer;
  margin-right: 8px;
}
.image-list .image-wrap .icon-wrap .el-icon-delete,
.image-item .image-wrap .icon-wrap .el-icon-delete {
  cursor: pointer;
}
.image-item {
  display: inline-flex;
}
.image-uploader {
  display: inline-block;
}
.image-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
.image-uploader .el-upload [class^="el-icon"] {
  line-height: 100px;
  font-size: 24px;
  color: #8c939d;
  text-align: center;
}
.image-uploader .el-upload:hover {
  border-color: #409EFF;
}