:root {
  --themesColor: #37C1C3;
}
.el-date-editor .el-range__icon{
  line-height: 25px !important;
}
.el-date-editor .el-range-separator{
  width: 25px !important;
  line-height: 24px !important;
}
.el-textarea.is-disabled .el-textarea__inner{
  background-color: #FAFAFA;color: #5a5e66;
}
.user_manage .reset_pwd{
  width: auto !important;
}
.user_manage .reset_pwd .el-form-item{
  width: 90% !important;
}
.user_manage .reset_pwd .el-form-item__content{
  width: 500px !important;
  margin-left: 0px !important;
}
.user_manage .reset_pwd .password_notice{
  margin-left: 100px !important;
}
.el-input-number{
  line-height: 28px;
}
.el-select .el-input__icon{
  line-height:40px;
}
.sys_role_add .el-form-item{
  margin-bottom:25px !important;
}
.components_searchs .el-select .el-input__icon{
  line-height:25px;
}
.dc-table .el-form-item {
  width: 100%;
  margin-bottom:16px;
}
.dc-table .el-form-item .el-form-item__content{
  width: 100%;
  padding-left:0px;
  padding-right:0px;
  font-size: 12px !important;
}
.dc-table .el-form-item .el-form-item__error{
  margin-top:-6px;
}
.dc-table .el-input-number{
  line-height:26px;
}
.dc-table .el-form-item__error{
  padding-left:0px;
}
.components_edit{
  width: 100%;
}
.el-table__footer td{
  border-left: 1px solid #EBEEF5;
}
.components_searchs .search_item{
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}
.components_searchs .clear{
  clear:both;
}
.el-textarea .el-input__count{
  bottom: 5px;
  right: 18px;
  line-height: 22px;
}
.sidebar .nav .sed_li_box sup{
  top: -2px !important;
  left: 8px !important;;
}
.sidebar .nav .sed_li_box .el-badge__content{
  line-height: 16px;
}
.menu-header .nav .el-badge.item{
  width: 22px;
}
.menu-header .nav .el-badge sup{
  top: -15px;
  left: -10px;
}
.menu-header .nav .el-badge__content{
  line-height: 16px;
}
.menu-header li{
  list-style: none;
  display: flex;
  align-items: center;
}
.selector-menu li,.selector-main li{
  list-style: none;
}
.themes-color{
  color: #37C1C3;
}
.el-link.el-link--default{
  color: #37C1C3;
}
.msg_btn{
  width: 30px;height: 30px;line-height: 30px;border-radius: 50%;float: right;text-align: center;
}
.msg_btn:hover{
  background-color: #e5e5e5;
  cursor:pointer;
}
#messageContent .el-card__header{
  padding:10px 10px !important;
  font-size: 14px;
  font-weight: bold;
}
.el-form .tip-panel{
  padding: 8px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid var(--themesColor);
  margin: 20px 0;
}
.el-form .tip-panel p {
  font-size: 14px;
  color: #5e6d82;
  line-height: 1.2em;
}
.dc-sub-table .el-form-item{
  width: 100%;
  margin-bottom: 0px
}
.dc-sub-table .el-form-item.is-error{
  margin-bottom: 14px
}
.dc-sub-table .el-form-item__content{
  width: 100%;
  padding-right:0px;
  line-height: 32px;
  padding-left: 0px;
  font-size: 12px !important;
}
.dc-sub-table .el-form-item__error{
  z-index: 2;
  padding-left:0px;
  margin-top:0px;
}
.dc-sub-table .el-input-number--mini{
  width: 100%;
}
.dc-sub-table .el-input-number.is-controls-right .el-input__inner{
  padding-left: 0px;
  padding-right: 28px;
}
.dc-sub-table .el-form-item .el-select{
  width: 100%;
}
.dc-sub-table.el-table .cell{
  padding-top: 10px;
  padding-bottom: 10px;
  white-space:normal !important;
}
.components_searchs .el-input-number .el-input{
  width: 100%;
}
.dc-sub-table .el-date-editor .el-range-separator{
  line-height: 24px;
}
.model_ct{z-index: 20;}
.dc-sub-table .el-select .el-input__icon{
  line-height: 32px;
}
.dc-table-view{
  border:1px solid #000;
  width: 100%;
}
.dc-table-view th,.dc-table-view td{
  border:1px solid #000;
  line-height: 28px !important;
}
.dc-table-view th.dc-title,.dc-table-view td.dc-title{
  min-height: 32px;
  padding: 2px 2px 2px;
  font-weight: bold;
  background-color: #ddd;
  color: #000;
  min-width: 120px;
  width: 5%;
  text-align: right;
}
.dc-table-view .dc-content{
  text-align: left;
  padding: 2px;
}
.dc-table-view.table-2-col th.dc-content,.dc-table-view.table-2-col td.dc-content{
  /*width:calc((100% - 120*2) / 2);*/
  width: 45%;
}
.dc-table-view.table-3-col th.dc-content,.dc-table-view.table-3-col td.dc-content{
  /*width:calc((100% - 120*3) / 3);*/
  width: 28%;
}
.el-date-editor .el-range__close-icon{
  line-height: 25px;
}
.main-drag-container .el-card__body{
  height: calc(100% - 62px);
}
.design-obj,.design-obj .el-input__inner,.design-obj:hover,.design-obj .el-input__inner:hover,.design-area .el-textarea__inner{
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  padding: 0px  !important;
}
.design-area .el-upload-list--picture-card .el-upload-list__item{
  border: none !important;
  border-radius: 0px !important;
}
.design-area .el-upload .el-upload__input {
  display: none;
}
.hideUpload{
  width: 100%;
  height: 100%;
}
.design-area .hideUpload .el-upload {
  display: none !important;
}
.design-area .el-upload--picture-card{
  border: none !important;
  border-radius: 0px !important;
  width: 100%;
  height: 100%;
}
.design-area .el-upload-list--picture-card .el-upload-list__item{
  width: 100%;
  height: 100%;
}
.design-area .el-upload-list__item div{
  height: 100%;
}
.design-area .el-upload-list--picture-card .el-upload-list__item{
  margin:0px;
}
.upload-background .el-upload__input{
  display: none !important;
}
.el-submenu__title,
.el-tabs__item,
.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination,
.el-card{
  color: #666;
}
.el-menu-item{
  color: #909399;
}
.components_searchs .el-date-editor.el-input, .components_searchs .el-date-editor.el-input__inner{
  width: 150px;
}
.el-dialog__footer{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  height: auto;
}
.el-input.is-disabled .el-input__inner{
  color: #666;
}
/***********富文本样式************/
.dc-editor{
  margin-top: -20px;
  margin-bottom: -30px;
  margin-left: -12px;
}
.ql-toolbar.ql-snow{
  padding: 0px !important;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ql-toolbar.ql-snow .ql-formats{
  margin-right: 10px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}
.el-table__fixed-right {
  right: -1px;
  border-right: 1px solid #DADADA;
}
.el-radio__input.is-disabled + span.el-radio__label,.el-checkbox__input.is-disabled + span.el-checkbox__label{
  color: #666;
}
.el-table .el-table__cell{
  padding:0px;
}
.dc_form .inlineBlockCol6{
  width: 66.555%;
}
.dc-table .td_tit{
  text-align: right;
  width: 120px;
}
.dc-col-1 .td-title,.dc-col-2 .td-title,.dc-col-3 .td-title{
  text-align: right;
  min-width: 100px;
  width: 12%;
  background-color: rgb(245, 247, 250);
  padding-left: 5px !important;
}
.dc-table .td-content{
  padding-left: 5px !important;
}
.dc-col-3 .td-content{
  width: 21%;
}
.data-module-titles{
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  border-left: 4px solid #00bbbd;
  padding: 0px 10px;
  line-height: 24px;
}
.menu-search .el-input__inner{
  border-radius: 30px !important;
}
.menu-search .el-input__suffix{
  right: 24px;
}
.el-submenu__title{
  height: 40px;
  line-height: 40px;
}
.phone-menu-main .el-badge__content{
  margin-top: 8px;
}
.task_opinions_list .opinion-item .item-title{
  font-weight: bold;
}
.task_opinions_list .opinion-item .item-content{
  padding-left: 15px;
}
.task_opinions_list .opinion-item .item-sign{
  text-align: right;
}
.task_opinions_list .opinion-item .item-date{
  text-align: right;
}
.el-card__body h2{
  font-size: 16px;
}
.el-card__body h3{
  font-size: 14px;
}
.layerCon_r h2{
  font-size: 16px;
  line-height: 60px;
}
.library_div_container .library_div{
  width: 31%;
  margin-left: 2%;
  height: 100px;
  float:left;
  border: 1px solid #afe6e7;
  border-radius: 4px;
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.library_div_container .divSelected{
  border:2px solid #37C1C3;
  background: #37c1c3;
  cursor:pointer;
  color: white;
}
.bpm-flow-record-list-pc{
  display: block;
}
.bpm-flow-record-list-phone{
  display: none;
}
.select-item-content{
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notice-label-container-pc{
  padding-left: 15px;
  padding-right: 15px;
  height: 32px;
  line-height: 32px;
  display: block;
}
.notice-label-container-phone{
  line-height: 32px;
  display: none;
}
.selector-container .selector-selected{
  margin-bottom:15px;font-size:16px;font-weight:500;
}
.selector-container li{
  list-style: none;
}
.selector-selected-content{
  padding-left: 15px;
  padding-right: 15px;
}
/* 针对小屏幕设备 */
@media (max-width: 768px) {
  .login_bd{
    width: 100%;
    justify-content:center;
  }
  .login_bd_l{
    display: none;
  }
  .login_bd_r{
    width: 90% !important;
    border-radius: 0px !important;
  }
  .el-dialog {
    width: 90% !important;
  }
  .el-form-item{
    width: 100% !important;
    display: flex !important;
    flex-direction:column !important;
  }
  .el-form-item__label{
    width: 100% !important;
    text-align:left !important;
  }
  .el-form-item__content{
    width: 100% !important;
    padding-right: 0px !important;
    max-width:100% !important;
    margin-left: 0px !important;
  }
  .reset_pwd{
    width: 100% !important;
  }
  .course-type-div{
    display: flex !important;
    flex-direction: column !important;
  }
  .course-type-div .course-type-item{
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 20px !important;
  }
  .inlineBlockCol6{
    width: 100% !important;
  }
  .el-input-number{
    width: 100% !important;
  }
  .components_searchs .el-input{
    margin-bottom:10px !important;
  }
  .components_searchs .el-input,.components_searchs .el-select{
    width: 100% !important;
  }
  .sidebar{
    display: none;
  }
  .content{
    padding-left: 0px !important;
  }
  .el-pager{
    display: none;
  }
  .el-pagination__sizes{
    display: none !important;
  }
  .form_bd{
    margin: 20px 20px 0 20px !important;
  }
  .el-message-box{
    width: 90%;
  }
  .bpm-process-next{
    display: flex;
    flex-direction: column;
  }
  .bpm-process-next .el-radio{
    line-height: 32px;
  }
  .dc-table{
    table-layout: fixed;
  }
  .dc-table > tbody > tr{
    display: flex;
    flex-direction: column;
  }
  .dc-table > tbody > tr > td{
    width: 100% !important;
    text-align: left !important;
  }
  .kindEditorContainer{
    overflow-x: auto !important;
  }
  /*.kindEditorContainer tr{
    height: auto !important;
    display: block !important;
  }
  .kindEditorContainer tr td{
    width: auto !important;
    text-align: left !important;
  }*/
  .task_opinions_list .el-table tr{
    display: flex;
    flex-direction: column;
  }
  .task_opinions_list .el-table td,.task_opinions_list .el-table th{
    height: auto;
  }
  .task-handle .el-table td,.task-handle .el-table th{
    height: auto;
  }
  #pane-baseInfo .el-table td,#pane-baseInfo .el-table th{
    height: auto;
  }
  .el-table td, .el-table th{
    font-size: 16px;
    line-height: 35px;
  }
  .el-table thead th{
    font-size: 14px;
    line-height: 35px;
  }
  .hidden-on-mobile{
    display: none;
  }
  .components_searchs .tit{
    text-align: left;
  }
  .bpm-flow-record-list-pc{
    display: none;
  }
  .bpm-flow-record-list-phone{
    display: block;
  }

  /*事务管理优化*/
  .topBoxAffairsRight {
    margin-top: 15px;
  }

  /*事务管理优化*/
  .topBoxAffairsLeft {
    height: 100% !important;
  }

  .projectCoverImage {
    width: 305px !important;
    height: 180px !important;
  }

  .classManagerButton {
    margin: 15px 0;
  }
  .select-item-content{
    max-width: 300px;
  }
  .notice-label-container-pc{
    display: none;
  }
  .notice-label-container-phone{
    display: block;
  }
}

/* 平板 */
@media (max-width: 1200px) {
  /*事务管理优化*/
  .topBoxAffairsRight {
    margin-top: 15px;
  }

  .topBoxAffairsLeft {
    height: 100% !important;
  }

  .projectCoverImage {
    width: 235px !important;
    height: 130px !important;
    margin-bottom: 20px !important;
  }

  .classManagerButton {
    margin: 15px 0;
  }
}
.el-table .cell a:empty {
  color: #00bbbd;
  margin: 0 0px;
}
.el-checkbox{
  margin-right: 10px;
}

/* 多选框带边框的样式修改 */
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
  margin-right: 0px;
}