
// 文字
$tc1: #333333;
$tc2: #666666;
$tc3: #999999;
// $tc4: #fb1c1c;
$tc4: #fb1c1c;
$tc5: #0066CC;
$tc6: #535353;

// 背景
$bc1: #FFFFFF;
$bc2: #F8F8F8;
//$bc2: #F5F5F5;
$bc3: #1e91d2;
// $bc4: #fb1c1c;
//$bc4: #2d42af;
$bc4: #2d42af;
$bc5: #EBEBEB;
// $bc6: #004C96;
$bc6: #2d42af;
$bc7: #2d42af;


//$active-color: #2d42af;
$active-color: var(--activeColor, #2d42af);

// 分割线
$dc1: #e5e5e5;


$success: #46C37B !default;
$warning: #E6A43A !default;
$danger: #ea3c40 !default;
$info: #909399 !default;;


//红色

$active-red-color: #ED1111;

// // 文字
// $tc1: #333333;
// $tc2: #666666;
// $tc3: #373d41;
// $tc4: #fb1c1c;
// $tc5: #427efc;

// // 背景
// $bc1: #FFFFFF;
// $bc2: #F5F5F5;
// $bc3: #1556A8;
// $bc4: #E4393C;
// $bc5: #4ba2ef;

// // 分割线
// $dc1: #dedede;

// 图标颜色
$ico: #959599;

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video, input {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   vertical-align: baseline;
 }

 body {
   font-family: Arial,"微软雅黑","Microsoft Sans Serif";
   font-size: 12px;
   color: #333333;
 }
 .w100{
   width: 100%;
 }
 ul,li {
   list-style: none;
 }
 img {
   border: none;
 }
 a, a:link, a:visited, a:hover, a:active{
   color: #333;
   text-decoration: none;
   cursor: pointer;
 }
 .cursor-pointer{
   cursor: pointer;
 }

 textarea {
   overflow: auto;
   border: 1px solid #eee;
   resize: none;
   padding: 5px;
 }

 /*-----------------------------------------------------------------常用的公共样式--开始--------------------------------------------------------------------------*/
 /*左右浮动*/
 .float-r{
   float: right;
 }
 .float-l{
   float: left;
 }
 .float-none{
   float:none;
 }

 /*左右对齐*/
 .text-r{
   text-align: right;
 }
 .text-l{
   text-align: left;
 }.text-c{
   text-align: center;
 }

 /*背景色*/
 .bg-red{
   background-color: red;
 }
 .bg-yellow{
   background-color: yellow;
 }

 .color-white{
   color:white;
 }

 /*相对定位*/
 .pos-relative{
   position: relative;
 }
 /*变块元素*/
 .dis-block {
   display: block;
 }
 /*变行内块元素元素*/
 .dis-in-block {
   display: inline-block;
 }

 /*清浮动*/
 .clear-fix:after{
   content:".";
   clear:both;
   display:block;
   height:0;
   overflow:hidden;
   visibility:hidden;
 }

 /*文字不换行,显示省略号*/
 .overflow-els{
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 /*文字换行,显示两行，超出隐藏*/
 .overflow-els-ver{
   overflow: hidden;
   text-overflow: ellipsis;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
 }
 .w65{
   width: 65px;
 }

 /*常用外边距*/
 .margin-t5{
   margin-top: 5px;
 }
 .margin-t10{
   margin-top: 10px;
 }
 .margin-t15{
   margin-top: 15px;
 }
 .margin-b5{
   margin-bottom: 5px;
 }
 .margin-l15{
   margin-left: 15px;
 }
 .margin-b10{
   margin-bottom: 10px;
 }
 .margin-b15{
   margin-bottom: 15px;
 }
 .margin-lr10{
   margin: 0 10px;
 }
 .margin-lr5{
   margin: 0 5px;
 }
 .margin-l10{
   margin-left: 10px!important;
 }
 .margin-r10{
   margin-right: 10px;
 }

 /*常用内边距*/
 .padding-l10px{
   padding-left: 10px;
 }
 .padding-l20{
   padding-left: 20px;
 }
 .padding-r10px {
   padding-right: 10px;
 }
 .padding-lr8px{
   padding: 0 8px;
 }
 .pad-l15px{
   padding-left: 15px;
 }
 .pad-l25px{
   padding-left: 25px!important;
 }
 .pad-b15px{
   padding-bottom: 15px;
 }
 .pad-5px{
   padding: 5px;
 }
 .pad-10px{
   padding: 10px;
 }
 .tr-empty{
   color: #888;
   font-size: 14px;
 }
 .pad-t15px{
   padding-top: 15px;
 }

 /*设置滚动条*/
 ::-webkit-scrollbar-track {
   background-color: #F5F5F5;
 }
 ::-webkit-scrollbar-thumb {
   background-color: #888;
   border-radius: 1px;
 }
 ::-webkit-scrollbar {
   width: 6px;
   height: 8px!important;
   background-color: #F5F5F5;
 }

 /* flex样式 */
 .display-flex{
   display:flex;
 }
 .display-flex-center{
   display:flex;
   align-items: center;
 }
 .flex-flow-row{
   display: flex;
   flex-wrap: nowrap;
   flex-flow: row;
 }
 .flex-flow-column {
   display: flex;
   flex-wrap: nowrap;
   flex-flow: column;
 }

 /*设置全局下划线*/
 .text-decoration-cursor{
   text-decoration: underline;
   cursor: pointer;
 }

 .bottom-divider {
   border-bottom: 1px solid #e5e5e5;
 }
 /* 去除i em i 默认样式 */
 .i-nostyle,
 .em-nostyle {
   font-style: normal;
 }

 .required{
   color: #fb1c1c;
 }
 .bg-333 {
   background-color: #dedede !important;
 }

 // 高级查询 模块 ---------------- start
.tool-common-wrap {
  overflow: hidden;
  .search-wrap {
    float: left;
    overflow: hidden;
    .el-select {
      float: left;
      width: 109px;
      margin-right: 20px;
      .el-input__inner {
        border: 1px solid #0796F9;
        border-radius: 2px;
        color: #0796F9;
      }
      ::-webkit-input-placeholder {
        color: #0796F9;
      }
      :-moz-placeholder {
        color: #0796F9;
      }
      ::-moz-placeholder {
        color: #0796F9;
      }
      :-ms-input-placeholder {
        color: #0796F9;
      }
      .el-input__suffix {
        i {
          color: #0796F9;
        }
      }
    }
    .el-input-group.el-input {
      float: left;
      width: 210px;
      border-radius: 2px;
      .el-input__inner {
        color: #0796F9;
        border: 1px solid #0796F9;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
      .el-input-group__append {
        width: 47px;
        padding: 0;
        color: #ffffff;
        text-align: center;
        border: none;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        background-color: #0796F9;
        cursor: pointer;
        span {
          display: block;
        }
        .el-button {
          padding: 0;
        }
        i {
          font-size: 22px;
          position: relative;
          top: 1px;
        }
      }
    }
  }
  .btn-wrap {
    float: right;
  }
  .btn-wrap {
    float: right;
  }
  [class^="el-icon-"] {
    position: relative;
    left: 3px;
  }
}

.power-search {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #e5e5e5;
  border-radius: 1px;
  .el-col-8 {
    height: 47px;
  }
}
// 高级查询 模块 ---------------- end
.el-pagination {
  font-weight: normal;
}
.item-left{
  overflow: auto;
  height: calc(100vh - 255px);
}
.el-tree-node.is-expanded > .el-tree-node__children {
  overflow:visible ;
}
.el-input--mini .el-input__inner{
  line-height: normal
}
.power-search .el-range-editor--mini.el-input__inner {
  width: 100%!important;
}
.tr-title-comments{
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 24px;
  width: calc(100% - 670px);
}
.el-dialog__headerbtn {
  // top: 12px;
  // right: 10px;
  z-index: 999;
  width: 24px ;
  height: 24px ;
  top: 12px ;
  right: 10px ;
}
.el-dialog__headerbtn:hover {
  background-color: red !important;
}
.el-dialog__headerbtn:hover .el-dialog__close{
  color: #fff !important;
}

//.el-tabs {
//  &__header {
//    border: none;
//  }
//  &--card>.el-tabs__header {
//    border-bottom: 1px solid $bc3;
//
//    .el-tabs__nav {
//      border: none;
//    }
//  }
//  &__item {
//    color: $bc3;
//    font-size: 14px;
//    border: none !important;
//
//    &.is-active {
//      background: $bc3;
//      color: white;
//    }
//  }
//}
.el-dialog {
  margin-top: 10vh !important;
  .el-dialog__body {
    padding: 10px 15px;
    //max-height: 450px;
    overflow: auto;
    box-sizing: border-box;
  }
}

.el-form-item__label {
  font-size: 13px;
}
.el-input.is-disabled .el-input__inner,.el-textarea.is-disabled .el-textarea__inner{
  color: $tc1
}
.el-textarea__inner{
  font-family: inherit;
}
.el-table {
  border: 1px solid #e1eafd;
  border-bottom: none;
  .cell {
    padding-left: 7px !important;
    padding-right: 7px;
  }
  th div {
    padding-left: 2px;
    padding-right: 2px;
  }
  th .cell {
    word-break: normal !important;
  }
  ::-webkit-scrollbar {
    width: 6px;
    height: 15px;
    background-color: #F5F5F5;
  }
  th.gutter{
    display: table-cell !important;
  }
}

.el-upload {
  &--picture-card {
    border-radius: 1px;
  }
  &-list__item {
    border-radius: 1px !important;
    &-actions {
      i {
        font-size: 18px !important;
      }
    }
  }
}

// 省市区三联
.area-select {
  width: 100% !important;
  height: 26px!important;
  border-radius: 1px!important;
  .area-selected-trigger {
    padding-top: 0!important;
    padding-bottom: 0!important;
  }
}

.tableWrap{
  min-height: calc(100vh - 360px)
}
// 高级查询 模块 ---------------- start
.tool-common-wrap {
  overflow: hidden;
  .search-wrap {
    float: left;
    overflow: hidden;
    .el-select {
      float: left;
      width: 109px;
      margin-right: 20px;
      .el-input__inner {
        border: 1px solid $active-color !important;
        border-radius: 2px;
        color: $active-color !important;
      }
      ::-webkit-input-placeholder {
        color: $active-color !important;
      }
      :-moz-placeholder {
        color: $active-color !important;
      }
      ::-moz-placeholder {
        color: $active-color !important;
      }
      :-ms-input-placeholder {
        color: $active-color !important;
      }
      .el-input__suffix {
        i {
          color: $active-color !important;
        }
      }
    }
    .el-input-group.el-input {
      float: left;
      width: 210px;
      border-radius: 2px;
      .el-input__inner {
        color: $active-color !important;
        border: 1px solid $active-color !important;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
      .el-input-group__append {
        width: 47px;
        padding: 0;
        color: #ffffff;
        text-align: center;
        border: none;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        background-color: $active-color !important;
        cursor: pointer;
        span {
          display: block;
        }
        .el-button {
          padding: 0;
        }
        i {
          font-size: 22px;
          position: relative;
          top: 1px;
        }
      }
    }
  }
  .btn-wrap {
    float: right;
    i {
      margin-right: 5px;
    }
  }
  > a {
    float: left;
    line-height: 28px;
    margin-left: 25px;
    text-decoration: underline !important;
    color: $active-color !important;
  }
  [class^="el-icon-"] {
    position: relative;
    left: 3px;
  }
}

.power-search {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid $dc1;
  border-radius: 1px;
  .el-col-8 {
    height: 47px;
  }
}
// 高级查询 模块 ---------------- end

.el-date-editor {
  width: 100% ;
}

.ck-editor__editable {
  min-height: 200px !important;
}

.tr {
  border: 1px solid $dc1;
  margin-top: 20px;

  .tr-title {
    padding: 8px 20px;
    background: $bc2;
    border-bottom: 1px solid $dc1;
    display: flex;
    align-items: center;
    span {
      margin-left: 50px !important;
      &:first-child {
        margin-left: 0 !important;
      }
    }
  }

  .tr-body {
    .td {
      padding: 15px 20px;
      text-align: center;
      .el-button{
        width: 100%;
        span{
          display: inline-block;
          width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
      }
      p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
  }
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: $bc6;
}

.el-checkbox, .el-radio {
  margin-right: 20px;
}

.el-pagination {
  text-align: right;
  .el-pagination__rightwrapper {
    margin-left: 30px;
  }
}

.el-card {
  border: none !important;
}
.el-input__inner:focus{
  border-color:$bc3!important;
}
.is-checked .el-checkbox__input.is-disabled + span.el-checkbox__label,.el-radio__input.is-disabled + span.el-radio__label{
  color: $tc1!important;
}

.is-checked .el-radio__input.is-disabled.is-checked .el-radio__inner{
  border-color: $bc4!important;
  &:after{
    background-color: $bc4!important;
  }
}
.is-checked .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
  border-color: $bc4!important;
  background-color: $bc4!important;
  &:after{
    border-color: $bc1!important;
  }
}
.table-header {
  position: relative;
  background: $bc2;
  display: flex;
  align-items: center;
  margin-top: 20px;
  .SortButton {
    margin-top: 0 !important;
  }
  .all-check {
    position: absolute;
    left: 20px;
    margin-top: 1px;
  }
}
.el-button--text {
  color: $active-color;
}
.el-button--text:hover, .el-button--text:focus {
  color: $active-color;
}

.el-transfer-panel .el-transfer-panel__header {
  background: #E1EAFD !important;
}
//.app-content {
//  .main-content>div>.el-card:nth-of-type(2) {
//    height: calc(100vh - 215px);
//    overflow-y: auto;
//    .el-card__body>div:nth-of-type(2)>div:nth-of-type(2) {
//        height: calc(100vh - 376px);
//        overflow-y: auto;
//      }
//  }
//  .main-content {
//    .el-card,.fullScreen {
//      height: 100%!important;
//    }
//  }
//}
.elTree .el-tree-node.is-current > .el-tree-node__content {
  background-color: #eff4f9;
  color: #327ab7;
  font-weight: 600;
}

.link {
  display: inline;
}

.el-table .el-table__header-wrapper th{
  background: rgb(225, 234, 253);
}

//.processForm {
//  .card1 {
//    .el-input__inner {
//      border: 0;
//      margin-left: -12px;
//    }
//  }
//  .card {
//    .el-input__inner {
//      border: 1px solid #bbbbbb;
//    }
//  }
//  .el-button--text {
//    color: #2e42b0;
//  }
//  .info {
//    margin: 20px auto !important;
//    background: #fff;
//    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
//    padding: 40px;
//    padding-top: 10px;
//    box-sizing: border-box;
//  }
//  .head-content {
//    margin: 20px auto !important;
//    border: none !important;
//    padding: 0 !important;
//  }
//  .title-text1 {
//    text-align: right;
//    // height: 36px;
//    line-height: 49px;
//    overflow: hidden;
//    font-size: 18px;
//    font-weight: bold;
//  }
//  .title-text {
//    text-align: center;
//    height: 36px;
//    line-height: 36px;
//    overflow: hidden;
//    font-size: 28px;
//    font-weight: bold;
//    font-family: "宋体";
//    // margin-top: 30px;
//  }
//  .content {
//    padding: 0;
//    border: none !important;
//    .card1 {
//      padding: 0 !important;
//      border: 1px solid #dde2f5;
//      .header {
//        margin: 0 !important;
//        background: #e4e8fd;
//        padding: 4px;
//        .title {
//          margin-left: 10px;
//          border-left: 4px solid #2e42b0;
//          padding-left: 10px;
//          height: auto !important;
//          line-height: revert !important;
//          font-size: 14px;
//        }
//        span {
//          color: #2e42b0;
//          margin-right: 15px;
//        }
//      }
//    }
//    .card {
//      padding: 0 !important;
//      border: 1px solid #DDE2F5;
//      margin: 15px 0;
//      .header {
//        margin: 0 !important;
//        background: #e4e8fd;
//        padding: 4px;
//        .title {
//          margin-left: 10px;
//          border-left: 4px solid #2e42b0;
//          padding-left: 10px;
//          height: auto !important;
//          line-height: revert !important;
//          font-size: 14px;
//        }
//        .collapse-btn{
//          margin-right: 10px;
//          color: #2E42B0;
//        }
//      }
//      .form {
//        padding-left: 10px;
//        margin-top: 10px;
//        .form-item {
//          margin-bottom: 14px;
//        }
//      }
//    }
//  }
//  .float-banner {
//    .btn {
//      background: #2e42b0 !important;
//    }
//  }
//}
/* 改变主题色变量 */
$--color-primary: $bc3;
$--color-text-primary: $tc1 !default;
/// color|1|FontColor|2
$--color-text-regular: $tc2 !default;
/// color|1|FontColor|2
$--color-text-secondary: $tc3 !default;
/// color|1|FontColor|2
$--color-text-placeholder: #C0C4CC !default;

/// color|1|SecondaryColor|1
$--color-success: #46C37B !default;
/// color|1|SecondaryColor|1
$--color-warning: #E6A43A !default;
/// color|1|SecondaryColor|1
$--color-danger: #ea3c40 !default;
/// color|1|SecondaryColor|1
$--color-info: #909399 !default;

$--border-radius-base: 1px !default;

$--msgbox-border-radius: 1px !default;
$--msgbox-padding-primary: 10px !default;

$--button-primary-border-color: $bc6 !default;
$--button-primary-background-color: $bc6 !default;

$--button-mini-border-radius: 6px !default;
$--button-small-border-radius: 3px !default;
/// padding||Spacing|3
$--button-mini-padding-vertical: 5px !default;
/// padding||Spacing|3
$--button-mini-padding-horizontal: 10px !default;
$--button-mini-font-size: 12px !default;

//$--table-border-color: $dc1;
$--table-header-background-color: $bc2;
$--table-header-color: $tc1 !default;
$--table-header-font-color: $tc1  !default;

$--card-border-radius: 1px !default;
$--card-padding: 20px !default;

$--dialog-padding-primary: 15px !default;

$--checkbox-font-size: 13px !default;

/// fontSize|1|FontSize|0
$--font-size-extra-large: 18px !default;
/// fontSize|1|FontSize|0
$--font-size-large: 17px !default;
/// fontSize|1|FontSize|0
$--font-size-medium: 15px !default;
/// fontSize|1|FontSize|0
$--font-size-base: 13px !default;
/// fontSize|1|FontSize|0
$--font-size-small: 12px !default;
/// fontSize|1|FontSize|0
$--font-size-extra-small: 11px !default;

$--tag-border-radius: 1px !default;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

