/* 改变主题色变量 */
$--color-primary: #23AD9E;
$--color-black:#333333;
$--color-success:#86CF5F;
$--color-danger:#E62412;
$--color-warning:#F06428;
$--color-info:#999999;

/// 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: #6BB8FF;
/// 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: #23AD9E;
/// color||Color|0
// $--button-default-background-color: $--color-white !default;
/// color||Color|0
$--button-default-border-color: #23AD9E;

/// 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: $--button-default-font-color;
/// color||Color|0
$--button-primary-font-color: #E4F1FC;
// color||Color|0
$--button-primary-background-color: $--button-default-font-color;
/// 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: $--button-default-font-color;

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

$--input-hover-border:$--button-default-font-color;

/* 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 "./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%);
}