/*
 * media query
 */

@screen-xm: 1600px;
@screen-md: 1601px;
@screen-lg: 1602px;
/*
 * basic color
 */

@white_color: #fff;
@primary_color: #09c199;
@primary_color_active: #04b28e;
@primary_color_hover: #1cd3ab;
@primary_color_disabled: #c8ccd4;
@blue_primary_color: #1991eb;
@border_color-disabled: #e0e4e9;
@border_color: #e9e9e9;
@disable_color: #f3f4f6;
@red: #f40000;
@light-red: #e5f6f0;
@light-green: #eaf5f2;
@gray-bg: #f3f5f6;
@black: #333f52;
@gray: #8c9895;
@green: @primary_color;
@yellow: #ff9900;
@orange: #ffa606;
@blue: @blue_primary_color;
@main_bgc: @gray-bg;
@table_main_bgc: #f3f4f6;
@some_bgc: #eaf5f2;
@warning_color: #fffcdc;
@error_color: @red;
@font_sub_color: @gray;
@font_disabled_color: #c1cac3;
@font_primary_color: @black;
@primary-color: @primary_color;
@main_border_color: #e0e4e9;
@next_border_color: #d1d2dc;
@error_bg_color: @light-red;
/*
 * menu style set
 */

@sider_bg: #333f52;
@header_height_xm: 50px;
@header_height_md: 65px;
@header_height: 80px;
@sider_width_xm: 180px;
@sider_width_md: 220px;
@sider_width: 250px;
@logo_height: 25px;
@menu_item_height: 80px;
@menu_item_height_md: 65px;
@menu_item_height_sm: 55px;
@menu_select_bg: #2e3c4d;
@menu_select_border: 4px solid @primary_color;
@main_padding_xm: 0 30px;
@main_padding_md: 0 36px;
@main_padding: 0 42px;
@sub-menu-bg: #2f495e;
/*
 * border style
 */

@border_width: 1px;
@border_radius: 4px;
@border_style: @border_width solid @border_color;
@gap_width: 10px;
/*
 * font style
 */

@font_size_large: 22px;
@font_size_big: 16px;
@font_size_normal: 14px;
@font_size_small: 12px;
@main_font_color: #333f52;
@font_color: #8692a6;
@tag_color: #d4f4e4;
@sub_font_color: #c8ccd4;
/*
 * btn style
 */

@btn_small_height: 32px;
@btn_normal_height: 32px;
@btn_big_height: 50px;
@btn_large_height: 54px;
@btn_padding: 10px;
@btn_height: @btn_normal_height;
/*
 * input style
 */

@input_normal_height: @btn_normal_height;
@input_big_height: @btn_big_height;
@input_placeholder_color: @font_disabled_color;
@input_font_color: @font_sub_color;
@input_shadow: 0 0 6px 2px rgba(210, 210, 210, 0.3);
@input_border_color: #bfbfbf;
@icon_size_small: 22px;
@icon_size_normal: 24px;
@icon_size_large: 32px;
@icon_primary_color: @primary_color;
@icon_sub_color: @font_sub_color;
/**
* tag style
*/

@base_tag_text_color: @black;
@success_tag_text_color: #00a86e;
@error_tag_text_color: @error_color;
@base_tag_bg: @disable_color;
@success_tag_bg: #e5f6f0;
@error_tag_bg: #fee5e5;
/**
*/

.flex() {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}