// Color
$primaryColor : #2d8cf0;
$infoColor : #2db7f5;
$successColor : #19be6b;
$warningColor : #ff9900;
$errorColor : #ed4014; 
$textColor : #515a6e;
$disableColor : #c5c8ce;

//Base
$borderRadius : 4px; 
$fontSize: 16px; 

$lineHeight : 1.5;
$cursorDisabled : not-allowed; 
$titleColor : #17233d;

$btnBoderWidth: 1px;  
$borderColorSplit : #e8eaec; // inside
$borderColor:#dcdee2;
// Background color
$tooltipBg : rgba(70, 76, 91, .9);

// Legend
$legendColor : #999;

// Shadow
$shadow-color : rgba(0, 0, 0, .2);
$shadow-up : 0 -1px 6px $shadow-color;
$shadow-down : 0 1px 6px $shadow-color;
$shadow-left : -1px 0 6px $shadow-color;
$shadow-right : 1px 0 6px $shadow-color;
$shadow-base : $shadow-down;
$shadow-card : 0 1px 1px 0 rgba(0, 0, 0, .1);

// Z-index
$zindex-message : 1010;
$zindex-modal : 1000;

// Animation
$animation-time : .3s;
$ease-in-out : ease-in-out;
$transition-time : .2s;
$animation-time-quick : .15s;
 


// input
$input-height-base : 32px;
$input-height:100%;
$input-padding-vertical-base : 4px;
$input-padding-horizontal : 7px;
$input-border-color : $borderColor;
$input-color : $textColor;
$input-bg : #fff;
$input-hover-border-color : $primaryColor; 
$input-disabled-bg : #f3f3f3;