$bg: #fff;
$box-shadow: 0 0.5rem 1rem 0 rgba(44,51,73,.1);
$color: #222b45;
$border-color: #edf1f7;
$bg-disabled:rgba(143, 155, 179, 0.10);
$bc-disabled: rgba(143, 155, 179, 0.20);
$border: #8f9bb3; 
$disabled-text: rgba(143, 155, 179, 0.80);

$primary: #007bff;
$color-primary: #ffffff;
$hover-primary: #007bff;
$focus-primary: #005fc4;
$active-primary: #005fc4;
$bg-primary: rgba(143, 155, 179, 0.08); 

$danger: #ef2e55;
$color-danger: #ffffff;
$hover-danger: #ff708d;
$focus-danger: #db2c66;
$active-danger: #ec4164;
$bg-danger: #fcf1f3;

$basic: #f0f0f3;//#838282; #c3c6ca;
$color-basic: $color;
$hover-basic: #dfe0e2;//#b9b9b9;
$focus-basic: #c8cacc;//#585858;
$active-basic: #d5d6d8;//#6b6b6b;
$bg-basic: #f3f3f3;