/**
 * 其他 Other
 */
/* 导致移动端组件无法点击或者需要点击两下的原因 */
.el-scrollbar > .el-scrollbar__bar {
  opacity: 1 !important;
}


.unable-selected {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**复选框分隔线**/
.condition-separator {
  width: 2px;
  height: 16px;
  background: #E1E5F4;
  margin: 8px 20px 0 0;
}


.zwx-circle-text {
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle;
}

.zwx-circle-text:before {
  border-radius: 4px;
  width: 6px;
  height: 6px;
  margin-right: 4px !important;
  content: ' ' !important;
  display: inline-flex !important;
  align-items: center !important;
}

/*正常、完成状态*/

.zwx-circle-complete {
  color: #15B150 !important;
}

.zwx-circle-complete::before {
  background-color: #15B150 !important;
}

/*常规*/

.zwx-circle-normal {
  color: #4276F0 !important;
}

.zwx-circle-normal:before {
  background-color: #4276F0 !important;
}

/*进行中/待办*/

.zwx-circle-underway {
  color: #FF911A !important;
}

.zwx-circle-underway:before {
  background-color: #FF911A !important;
}

/*结束*/

.zwx-circle-finish {
  color: #E53400 !important;
}

.zwx-circle-finish:before {
  background-color: #E53400 !important;
}



.text-link {
  cursor: pointer;
  color: #2A50D7;
  font-size: 14px;
  margin-right: 14px;
}


/**
* 多选控件样式
 */

.multi-select-main {
  height: 400px;
  width: 100%;
  display: flex;
  border-top: 1px solid #dcdddf;
}

.multi-select-main .left {
  width: 55% !important;
  border-right: 1px solid #dcdddf;
  padding-left: 12px !important;
  padding-top: 12px !important;
}

.multi-select-main .left .search-row {
  padding-right: 12px !important;
}

.multi-select-main .left .options {
  padding-top: 12px !important;
  height: calc(100% - 32px) !important;
}

.multi-select-main .left .options .zwx-checkbox > .el-checkbox__input + .el-checkbox__label {
  padding-left: 6px !important;
}

.multi-select-main .right {
  display: flex !important;
  flex-direction: column !important;
  width: 45% !important;
}

.multi-select-main .right-header {
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: #3a485e !important;
  line-height: 14px !important;
  border-bottom: 1px solid #e1e5f4 !important;
}

.multi-select-main .right-body {
  height: calc(100% - 35px) !important;
}

.multi-select-main .right-body-row {
  display: flex !important;
  padding: 6px 12px !important;
  line-height: 28px !important;
  border-bottom: 1px solid #e1e5f4 !important;
  justify-content: space-between;
  flex: 1 !important;
}

.multi-select-main .zwx-input .el-input__inner {
  height: 28px !important;
  line-height: 28px !important;
}

.multi-select-main .right-body-delete i {
  margin-top: 6px;
}


/**
* 机构选择下拉组件样式
 */
.unit-search-popover {
  border-radius: 4px;
  border: unset;
  background: #ffffff;
  box-shadow: 0px 1px 8px 0px rgba(182, 182, 182, 0.40);
  padding: 4px 0 !important;
  width: 387px;
}
.unit-search-popover .unit-search-content{
  max-height: 300px;
  background: #ffffff;
}

.unit-search-popover .drop-down-item {
  cursor: pointer;
  padding: 5px 12px;
}

.unit-search-popover .drop-down-item.item-more {
  line-height: 22px;
  color: rgba(80, 125, 252, 1) !important;
}

.unit-search-popover .drop-down-item:hover {
  background: #F3F5FA;
}

.unit-search-popover .drop-down-item div {
  line-height: 20px;
  font-size: 12px;
  color: #4B4B4B;
  display: flex;
  align-items: center;
}


.unit-search-popover .drop-down-item .label {
  color: #9E9E9E;
  word-break: keep-all;
}

.unit-search-popover .drop-down-item .separator {
  width: 2px;
  height: 12px;
  background: #d8d8d8;
  margin: 0 20px
}

.unit-search-popover .drop-down-item .unit-name {
  line-height: 22px;
  font-family: "Harmony Medium";
  font-size: 14px;
  color: #191919;
  margin-bottom: 2px;
}


/* 上传文件显示 */
.show-file {
  display: inline-block;
}

.folder-content {
  cursor: pointer;
}

.folder-content-num {
  width: 8px;
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #1990ff;
  line-height: 14px;
  margin-left: 5px;
}

.text-hidden {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


.hide {
  display: none;
}

.show {
  display: block;
}

.bgimg_mid {
  background-position: center;
  background-repeat: no-repeat;
}

.overflow_auto {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.overflow_hide {
  overflow: hidden;
}

.flex_dom {
  display: flex !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
}

.flex_column {
  display: flex !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  flex-direction: column;
  -webkit-flex-direction: column;
}

.flex_1 {
  flex: 1;
  -webkit-flex: 1;
  display: block;
  min-width: 0;
}

.flex_2 {
  flex: 2;
  -webkit-flex: 2;
  display: block;
  min-width: 0;
}

.flex_3 {
  flex: 3;
  -webkit-flex: 3;
  display: block;
  min-width: 0;
}

.flex_4 {
  flex: 4;
  -webkit-flex: 4;
  display: block;
  min-width: 0;
}

.flex_5 {
  flex: 5;
  -webkit-flex: 5;
  display: block;
  min-width: 0;
}

.flex_item_between {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.flex_item_around {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.flex_item_mid {
  align-items: center;
  -webkit-align-items: center;
}

.flex_item_stretch {
  align-items: stretch;
  -webkit-align-items: stretch;
}

.flex_item_center {
  justify-content: center;
  -webkit-justify-content: center;
}

.flex_wrap {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.text-single-overflow-hidden {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.text-multiple-overflow-hidden {
  display: -webkit-box;
  -webkit-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: bleak-word;
  -webkit-line-clamp: 3;
}

/**
 * 表格无数据空状态样式
 */
.table-no-data-img {
  content: url("./images/img_nodata.png");
}

/**
 * 侧边列表无搜索结果空状态样式
 */
.side_list_no_search_result-img {
  content: url("./images/img_no_search_results_90px.png");
}

/**
 * 暂无内容空状态样式
 */
.no-content-img {
  content: url("./images/img_nocontent.png");
}

/**
 * 无搜索结果空状态样式
 */
.no_search_result-img {
  content: url("./images/img_no_search_result.png");
}

/**
 * 无权限访问图片样式
 */
.no_authority-img {
  content: url("./images/img_no_authority.png");
}
