/* 改变主题色变量 */
$--color-primary: rgb(250, 141, 56);
$--color-black:#333333;
$--color-success:#86CF5F;
$--color-danger:#E62412;
$--color-warning:#F06428;
$--color-info:#999999;


$--input-focus-border:rgb(250, 141, 56);
/// color|1|Font Color|2
$--color-text-primary: #333333;
/// color|1|Font Color|2
$--color-text-regular: #666666;
/// color|1|Font Color|2
$--color-text-secondary: #999999;
/// color|1|Font Color|2
$--color-text-placeholder: #BEBEBE;
/// color|1|Border Color|3
$--border-color-base: #F3F3F3;
/// color|1|Border Color|3
$--border-color-light: #F3F3F3;
/// color|1|Border Color|3
$--border-color-lighter: #F3F3F3;
/// color|1|Border Color|3
$--border-color-extra-light: #F3F3F3;

// Background
/// color|1|Background Color|4
$--background-color-base: #F5F7FA;

$--border-radius-base: 5px;
/// fontWeight|1|Font Weight|1
$--font-weight-primary: 500 ;

/* Table
-------------------------- */
/// color||Color|0
$--table-border-color: #F3F3F3;
$--table-border: 1px solid $--table-border-color;
/// color||Color|0
$--table-font-color: #666666;
/// color||Color|0
$--table-header-font-color: #333333;
/// color||Color|0
$--table-row-hover-background-color: #EDF6FF;
$--table-current-row-background-color: $--color-primary;
/// color||Color|0
$--table-header-background-color: #F8F9F9;
$--table-fixed-box-shadow: 0px 0px 10px 0px rgba(52,120,255,0.1); 

$--font-size-base:14px;
$--color-white:#FFFFFF;
/* Button
-------------------------- */
/// fontSize||Font|1
$--button-font-size: 16px;
// /// fontWeight||Font|1
// $--button-font-weight: $--font-weight-primary !default;
// /// borderRadius||Border|2
// $--button-border-radius: $--border-radius-base !default;
// padding||Spacing|3
$--button-padding-vertical: 10px;
/// padding||Spacing|3
$--button-padding-horizontal: 10px;

// /// fontSize||Font|1
// $--button-medium-font-size: $--font-size-base !default;
// /// borderRadius||Border|2
// $--button-medium-border-radius: $--border-radius-base !default;
// /// padding||Spacing|3
// $--button-medium-padding-vertical: 10px !default;
// /// padding||Spacing|3
$--button-medium-padding-horizontal: 10px;

// /// fontSize||Font|1
// $--button-small-font-size: 12px !default;
// $--button-small-border-radius: #{$--border-radius-base - 1} !default;
// /// padding||Spacing|3
// $--button-small-padding-vertical: 9px !default;
// /// padding||Spacing|3
$--button-small-padding-horizontal: 9px;
// /// fontSize||Font|1
// $--button-mini-font-size: 12px !default;
// $--button-mini-border-radius: #{$--border-radius-base - 1} !default;
// /// padding||Spacing|3
// $--button-mini-padding-vertical: 7px !default;
// /// padding||Spacing|3
$--button-mini-padding-horizontal: 7px;

/// color||Color|0
$--button-default-font-color: rgb(250, 141, 56);
/// color||Color|0
$--button-default-background-color: transparent;
/// color||Color|0
$--button-default-border-color: #fa8d38;

/// color||Color|0
$--button-disabled-font-color: #BEBEBE;
/// color||Color|0
$--button-disabled-background-color: #F3F3F3;
/// color||Color|0
$--button-disabled-border-color: #f3f3f3;;

/// color||Color|0
$--button-primary-border-color: rgb(250, 141, 56);
/// color||Color|0
$--button-primary-font-color: #fff;
// color||Color|0
$--button-primary-background-color: rgb(250, 141, 56);
/// color||Color|0
// $--button-success-border-color: $--color-success !default;
// /// color||Color|0
// $--button-success-font-color: $--color-white !default;
// /// color||Color|0
// $--button-success-background-color: $--color-success !default;
// /// color||Color|0
// $--button-warning-border-color: $--color-warning !default;
// /// color||Color|0
// $--button-warning-font-color: $--color-white !default;
// /// color||Color|0
// $--button-warning-background-color: $--color-warning !default;
// /// color||Color|0
// $--button-danger-border-color: $--color-danger !default;
// /// color||Color|0
// $--button-danger-font-color: $--color-white !default;
// /// color||Color|0
// $--button-danger-background-color: $--color-danger !default;
// /// color||Color|0
$--button-info-border-color: #BEBEBE;
// /// color||Color|0
$--button-info-font-color: #BEBEBE;
// /// color||Color|0
$--button-info-background-color: $--color-white;

// $--button-hover-tint-percent: 20% !default;
// $--button-active-shade-percent: 10% !default;
$--disabled-fill-base:$--border-color-base;

$--input-hover-border:#1890FF;

/* Tag
-------------------------- */
/// color||Color|0
$--tag-info-color: $--color-info;
/// color||Color|0
$--tag-primary-color: $--color-primary;
/// color||Color|0
$--tag-success-color: $--color-success;
/// color||Color|0
$--tag-warning-color: $--color-warning;
/// color||Color|0
$--tag-danger-color: $--color-danger;
/// fontSize||Font|1
$--tag-font-size: 14px;
$--tag-border-radius: 2px;
$--tag-padding: 0 10px;

$--radio-input-border:1px solid #BEBEBE;
$--checkbox-input-border:1px solid #BEBEBE;
$--tooltip-padding:5px 10px;

$--notification-shadow:0px 3px 6px 0px rgba(0,0,0,0.1); 
// $--notification-radius:0px;
$--notification-title-font-size: 14px;

// $--notification-icon-size:16px;

$--popover-font-size: 18px;

$--popover-padding: 8px;

$--pagination-button-width: 28px;
$--pagination-line-height: 26px;
$--pagination-font-size: 14px;

$--select-option-height: 30px;
$--select-dropdown-padding: 0px 0;
$--select-option-hover-background:#F8F9F9;
// $--select-option-selected-font-color: $--color-primary !default;
$--datepicker-inrange-background-color: #e4f1fc;


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

@import "~element-ui/packages/theme-chalk/src/index";
@import "./link.scss";
@import "./input.scss";
@import "./jjjd_button.scss";
@import "./checkbox.scss";
@import "./breadcrumb.scss";
@import "./tooltip.scss";
@import "./popover.scss";
@import "./notification.scss";
@import "./tag.scss";
@import "./table.scss";
@import "./carousel.scss";
@import "./pagination.scss";
@import "./dropdown.scss";
@import "./loading.scss";
@import "./date-picker.scss";
@import "./popper.scss";
@import "./select.scss";

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Segoe UI","PingFang SC","微软雅黑","Microsoft YaHei", Helvetica, Arial, sans-serif,'Helvetica Neue',Helvetica,'Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
  }
.gradient{
    background:linear-gradient(90deg,rgba(115,182,246,1) 0%,rgba(24,144,255,1) 100%);
}

.templateTag .bigTitle{
  background-color:$--color-primary !important;
}
.templateTree.jjjd .el-tree-node  /deep/ .is-current /deep/ .el-tree-node__content{

  background-color:$--color-primary !important;
}
.templateTree.jjjd  /deep/ .el-tree-node  /deep/ .is-current /deep/ .el-tree-node__content{
  background-color:$--color-primary !important;
}
.templateTree .subscript{
  background-color:$--color-primary !important;
}
.el-input__inner:hover{
  border-color:$--color-primary !important;
}
.icon.icon-ayb{
  background-color:$--color-primary !important;
}
.el-table__body tr.el-table__row:hover{
  color:  #fa8d38 !important;
}
.el-table__body tr.current-row>td {
  color: #ffffff !important;
  background-color: #fa8d38 !important;
}

.el-table__body tr.current-row>td .el-button--text{
  color: #ffffff !important;
}
.svgshow:hover {
  color:#fff;
  background-color: #fa8d38 !important;
  border-radius: 5px;
}
.headerMain{
  background:#fa8d38!important;
}
.sysTabbar .sysTabSelected {
  background: rgb(202, 105, 28) !important;
  opacity: 1;
}
.sysTabbar .sysTabbarList {
  background: rgb(250, 141, 56);
  opacity: 1;
}
.sysTabbar .sysTabbarList:hover {
  background: rgb(202, 105, 28) !important;
  opacity: 1;
}
.el-tree-node{
  background: #fff !important;
}
.templateTag .el-tree-node__content{
  border: none !important;
}
.el-tree-node__content:hover{
  background:#fdc19229 !important;
}
.orange_style{
  padding:5px 12px !important; 
  color:#fff !important;
  border-color: #fff !important;
}
.orange_style:hover{
  color: #fa8d38!important;
}
.el-dropdown-link{
  color:rgb(202, 105, 28) !important;
}
.el-main .icon1{
  color:rgb(202, 105, 28) !important;
}
.el-main .taskTrack{
  margin-top: 5px !important;
}
.home .card .header .title .titleLeft .characteristic{
  background-color:#fa8d38  !important;
}
.templateTag .el-scrollbar__wrap{
  margin-right: -13px !important;
}
.totalheight .totalheight .totalheight .el-menu-item.is-active{
  color: #fa8d38!important;
}
.el-menu-vertical-demo.el-menu .el-menu-item:hover{
  background-color:#FFF4EA !important;
}
.el-menu-vertical-demo.el-menu .el-submenu__title:hover{
  background-color:#FFF4EA !important;
}

.el-scrollbar{
  background-color: #fff;
}
.totalheight .totalheight .totalheight.leftpanel {
  background: #fff;
}
.totalheight .el-table .el-table__header{
  min-width: 100% !important;
  width: 100% !important;
  table-layout: auto;
}
.totalheight .el-table .el-table__body{
  width: 100% !important;
}
.totalheight .jqx-widget-header {
  border-right: 2px solid #f3f3f3;
  padding: 2px 0px;
  box-sizing: content-box;
}
.totalheight .jqx-reset{background:#fff;}
.totalheight .jqx-reset td{border:2px solid #f3f3f3;padding:8px 4px;}
.componentHeight .templateTag .imgicon {
  display: none;
}
.taskdetail .sysTabbar .el-menu{
  background-color: #fa8d38 !important;
}
.taskdetail .sysTabbar .el-menu .is-active {
  background-color: #ca691c !important;
}
.taskdetail .sysTabbar{
  background-color: #fa8d38 !important;
}
.taskdetail .sysTabbar .el-menu .el-menu-item:hover {
  background-color: #ca691c !important;
}
.taskdetail .icon{
  color: #fa8d38 !important;
}
.taskdetail .el-step .el-step__icon{
  background-color: #fa8d38 !important;
}
.el-scrollbar__view .componentHeight .el-row{

  background-color: #fff !important;
}
.el-scrollbar__view .componentHeight .el-row .mySearchForm{
  background-color: rgb(238, 242, 245) !important;
}

.el-scrollbar__view .componentHeight .el-row .mySearchForm .el-row{
  background-color: rgb(238, 242, 245) !important;
}

.record-card .column-btnDiv .del,.record-card .column-btnDiv .share {
  color: #fa8d38 !important;
}
.record-card .column-btnDiv .el-icon-s-promotion{
  color: #fa8d38 !important;
}
.record-card .download{
  color: #fa8d38 !important;
}
.fixed_right .fixedA{
  background:#fa8d38 !important;
}

.icon-ayb:before{
  content: "\e784" !important;
}
.jjjd_login_logo{
  background-color: transparent !important;
}