/* 对话框样式 */
$--color-primary: #409eff;

$base-title-color: #1a1a1a;
$base-text-color: #262626;
$base-white-color: #fff;
$base-danger-color: #e55555;
$base-red-text-color: #e55555;
$base-gray-text-color: #8c8c8c;
$base-gray-line-color: #eee;
$base-gray-disabled-text-color: #bfbfbf;
$base-background-second: #f7f8fa;
$base-color-grey: #a1a1a1;
$base-font-size-small: 12px;
$base-font-size-default: 14px;
$base-font-size-big: 16px;
$base-font-size-bigger: 18px;
$base-font-size-large: 20px;
$base-font-size-max: 22px;
$base-font-size-xl: 24px;

.mobile-van-action {
  font-size: 16px;
}

.van-toast {
  padding: 12px;
}

.theme-color {
  color: #409EFF;
}

.blue-color {
  color: #4053FF;
}

.red-color {
  color: #E55555;
}

.purple-color {
  color: #8550E1
}

.light-blue-color {
  color: #3AC3DF;
}

.gray-blue-color {
  color: #73C0D4;
}

.yellow-color {
  color: #FFAE44;
}

.green-color {
  color: #07C160;
}

.light-brown-color {
  color: #C1AD9A;
}

.deep-purple-color {
  color: #51519A;
}

.orange-yellow-color {
  color: #E57A52;
}

.theme-bgcolor {
  background-color: #409EFF;
}

.blue-bgcolor {
  background-color: #4053FF;
}

.red-bgcolor {
  background-color: #E55555;
}

.purple-bgcolor {
  background-color: #8550E1
}

.light-blue-bgcolor {
  background-color: #3AC3DF;
}

.gray-blue-bgcolor {
  background-color: #73C0D4;
}

.gray-bgcolor {
  background-color: #8C8C8C;
}

.light-gray-bgcolor {
  background-color: #BEBEBE
}

.yellow-bgcolor {
  background-color: #FFAE44;
}

.green-bgcolor {
  background-color: #07C160;
}

.orange-color{
  color: #fa541c;
}

.purple-blue-bgcolor {
  background-color: #6F95EE;
}

.light-brown-bgcolor {
  background-color: #C1AD9A;
}

.red-urgent-state-bgcolor {
  background-color: #e5555529
}

.yellow-urgent-state-bgcolor {
  background-color: #FFAE4429
}

.theme-urgent-state-bgcolor {
  background-color: #409eff29
}


.task_pc {
  color: $base-gray-disabled-text-color !important;

  .task_list_flowname {
    color: $base-gray-disabled-text-color !important;
  }

  .task_list_name {
    color: $base-gray-disabled-text-color !important;
  }

  .task_list_user {
    color: $base-gray-disabled-text-color !important;
  }

  .task_list_procDefName {
    color: $base-gray-disabled-text-color !important;
  }

  .task_list_duration {
    color: $base-gray-disabled-text-color !important;
  }
  .task_list_deadline{
    opacity: 0.5;
  }
}
.news-content {
  font-size: 14px;
  color: #666;
  margin: 0 16px 16px;
  img {
    width: 100% !important;
  }
}
.task_isback {
  background: linear-gradient(90deg, #fbe4e4 0%, #ffefef 36%, #ffffff 100%);
}

.dialog__min-height {
  min-height: 40vh;
}

.flow-form {
  .online-form {
    .el-row--flex {
      margin-bottom: 0 !important;
    }
  }
  .van-overlay{
    background-color: rgba(0,0,0,.5)
  }
  .filter-action{
    min-height: 40vh;
    border-radius: 12px 12px 0 0;
    .van-nav-bar{
      .van-nav-bar__content{
        height: 44px;
        .van-nav-bar__text{
          color:#8C8C8C;
        }
        .van-nav-bar__title{
          font-size: 17px;
          color: #1a1a1a;
        }
      }
      &::after{
        border: none;
      }
    }
  }

}

.van-action-sheet__cancel {
  font-size: $base-font-size-default ;
}

.van-overlay {
  background-color: rgba(0, 0, 0, .5)
}

.mobile-sunpop-content {
  overflow-x: hidden;
}
.van-popup{
  width: 394px !important;
  left: 50% !important;
  bottom: 11vh;
  transform: translate(-50%);
  margin-left: 36px;
  height: unset !important;
}
.van-popup--bottom.van-popup--round{
  border-radius: 16px 16px 30px 30px;
}
.van-popup.user-mobile__selector,
.van-popup.post-mobile__selector,
.van-popup.mobile-van-action,
.van-popup.org-mobile__selector,
.van-popup.role-mobile__selector,
.van-popup.dimension-mobile__selector,
.van-popup.job-mobile__selector
{
  border-radius: 30px ;
  height: 775px !important;
  overflow-y: inherit;
  .van-nav-bar{
    border-radius: 30px 30px 0 0;
  }
  .dialog-footer{
    border-radius: 0px 0px 30px 30px;
  }
  .pullRefresh{
    height: calc(80vh - 164px) !important;
  }
}
.post-mobile__selector.van-popup--right,
.user-mobile__selector.van-popup--right,
.org-mobile__selector.van-popup--right,
.role-mobile__selector.van-popup--right,
.dimension-mobile__selector.van-popup--right,
.job-mobile__selector.van-popup--right,
.popup-chart.van-popup--left, 
.mobile-van-action{
  top: unset;
}
.mobile-van-action{
  .mobile-custom-confirm-btn{
    width: calc(100% - 32px);
    margin: 0 16px;
    left: 0;
  }
}
.van-dialog{
  margin-left: 36px;
}
.van-dropdown-menu{
  .van-dropdown-item--down{
    margin-top: -124px;
  }
  .van-popup{
    bottom: unset;
    margin-left: 0;
    
  }
}
.dropDownWrap{
  .bottom-action-sheet{
    margin-left: 0;
    bottom: 0;
  }
}
.vertical-chart{
  width: 394px !important;
}
.popup-chart{
  height: 775px !important;
  border-radius: 30px;
  .horizontal-echarts-father{
    width: calc(775px - 32px);
  }
}

@media (width:1920px) and (max-height: 937px) {
  .van-popup{
    bottom: 8vh;
  }
}
@media screen and (width:1920px) and (min-height: 1000px) and (max-height:1057px) {
  .van-popup{
    bottom: 13vh;
  }
}
@media screen and (min-height: 1058px) {
  .van-popup{
    bottom: 11vh;
  }
}