$htmlbg:#f1f1f1;
$normalfont:#333;

$contentp:20px;

$headerbg:#ffffff; //header bg
$headerH:46px;  //header height
$headerbc:#dcdcdc;//hearder-border
$leftwidth:186px; //menu width
$logoFontColor:#fff; //logo
$logobg:#5f97fb;
$menuContGap:30px; // menu-content-gap
$bordercolor:#c9c9c9; //
$darkfontcolor:#333; //
$lightfontcolor:#999;
$labelfontcolor:#666;
$blackfontcolor:#171a1e;
$disfontcolor:#c8c8c8;
$activebgcolor:#00a9e8;
$activeftcolor:#fff;
$iptheight:34px;
$btnheight:34px;
$comradius:3px;
$btndiscolor:#dcdcdc;
$btnformcolor:#01b9e0;
$btngraybg:#cbcbcb;
$btngraybg1:#fbfbfb;
$disbgcolor:#f9f9f9;
$nofontcolor:#bababa;
$tipftcolor:#b5b0b0;

$comactiveftcolor:#00a9e8; //font active color eg:blue
$loadingbarcolor:#00a9e8;
$darkbluecolor:#4e93cf;
$disbtncolor:#b8b8b8;

$menubgcolor:#ffffff;
$menuTop:38px;
$menuliheight:36px;
$menupadleft:16px;
$menuftcolor:#999999;
$menulibw:3px; //li border-width
$menuliactivebc:#5f97fb;
$menuliactivebg:#f1f3f5;
$menuliactiveft:#4186ec;
$submenuliactiveft:#00a9e8;

$wraptitleH:50px;
$wraptitlebgc:#fbfbfb; //bg-color
$wraptitlebrc:#e4e4e4; //br-color
$wrapPadding:22px 24px 16px 12px;

$defaultbg:#fff;
$itemGap:10px;
$smartChartH:260px;
$barChartH:390px;
$funnelChartH:250px;
$TitleChartH:400px;
$mapChartH:500px;
$itemlabel:#999999;
$itemstrong:#666666;

$tablebr:#e4e4e4;
$tablethbg:#f8f8f8;
$tablethft:#333333;
$tabletdft:#666666;
$tabletdactiveft:#428ccc;
$tablecelleven:#fff;
$tablecellodd:#fcfcfc;
$tablecellhover:#f1fbff;
$tablecellheight:43px;

$labelpiewidth:400px;
$labelpieheight:330px;
$labelpiegap:80px;
$labelcolor:#666;
$labellistpl:60px;
$labelfz:12px;
$labelbr:#999;
$labelselectedfc:#fff;
$labelheight:26px;
$labeltop:0px;
$labeldisft:#b4b4b4;
$labeldisbr:#c9c9c9;
$labeldistips:#e74646;

$selectactivebr:#00a9e8;
$optionbr:#c9c9c9;
$optionliheight:34px;
$optionlifc:#666666;
$optionpad:16px;
$optionliactivebg:#edfaff;
$optionliactivefc:#00a9e8;

$datebr:#c9c9c9;
$datewrapgap:20px;
$datebg:#fafafa;
$datefc:#333333;
$datethbr:#5ca3c5;
$datethbg:#f1fbff;
$datethfc:#2f6fa6;
$datelabelfc:#666666;
$datedisfc:#999999;
$datefz:12px;
$dateactivecolor:#00a9e8;
$dateradius:13px;
$datecellhw:26px;
$datewcellhw:40px;
$datemcellhw:40px;
$dateipth:28px;

$formPad:40px;
$formMg:78px;
$formbluecolor:#428ccc;
$formtitlemb:60px;
$formitemmb:30px;
$formlabelw:100px;
$formtitlebg:#fbfbfb;
$formtitlemdH:44px;
$formpowerH:340px;
$formmenupr:50px;
$formmenup:20px;
$formpeople:#e74646;
$formmenudis:#c9c9c9;
$formcampbg:#fbfbfb;
$formcamplihover:#f1f1f1;
$formcamplih:28px;
$formcampwraph:270px;
$formred:#e74646;

$descpcolor:#428ccc;
$descbg:#f7f7f7;

$operwidth:40px;
$eventbg:#f3f3f3;

$tabbarcolor:#5fb5f1;
$tabbarbgcolor:#e6e6e6;
$tabncolor:#3696d8;
$userbottombg:#f6f6f6;
$userbottombr:#e2e2e2;

$copyrightH:50px;
$redcolor:#fb4c3f;

$exceptionbg:#fe7472;
$normalbg:#5cc291;

$relbg:#95959e;