@LEFT_SECTION_BG_COLOR: rgba(9,38,131, 0.6);
@RIGHT_SECTION_BG_COLOR: rgba(9,38,131, 0.6);

// 主题色

@PRIMARY_COLOR: #19ECFF;
@PRIMARY_COLOR_HOVER: #00DDF1;

@LEVEL_YELLOW_COLOR: #FADB14;
@LEVEL_ORANGE_COLOR: #FA8C16;
@LEVEL_RED_COLOR: #F5222D;
@LEVEL_GREEN_COLOR: #3BF75E;
@LEVEL_BLUE_COLOR: #19ECFF;

// 盒内渐变色
@GRADIENT_SHADOW_INNER_BG: #0A3F8B;
.GRADIENT_SHADOW_BLUE_BG () {
	background: @GRADIENT_SHADOW_INNER_BG;
    box-shadow: inset 0px 0px 26px 0px @LEVEL_BLUE_COLOR;
} 

.GRADIENT_SHADOW_YELLOW_BG () { 
	background: @GRADIENT_SHADOW_INNER_BG;
    box-shadow: inset 0px 0px 26px 0px @LEVEL_YELLOW_COLOR;
} 

.GRADIENT_SHADOW_ORANGE_BG () { 
	background: @GRADIENT_SHADOW_INNER_BG;
    box-shadow: inset 0px 0px 26px 0px @LEVEL_ORANGE_COLOR;
} 

.GRADIENT_SHADOW_RED_BG () { 
	background: @GRADIENT_SHADOW_INNER_BG;
    box-shadow: inset 0px 0px 26px 0px @LEVEL_RED_COLOR;
}

.GRADIENT_SHADOW_GREEN_BG () { 
	background: @GRADIENT_SHADOW_INNER_BG;
    box-shadow: inset 0px 0px 26px 0px @LEVEL_GREEN_COLOR;
}

// 表格相关色
@TABLE_HEADER_FONT_COLOR: #88B0FF;
@TABLE_BODY_ODD_ROW_BG: rgba(63,94,154,0.30);
@TABLE_BODY_EVEN_ROW_BG: rgba(3,22,47,0.20);

// 横向渐变色容器  horizontal
.HORIZONTAL_GRADIENT_RED_BG_BOX () { 
    background-image: linear-gradient(270deg, rgba(254,168,135,0.00) 0%, fade(@LEVEL_RED_COLOR,60%) 100%);
    border-radius: 4px;
}

.HORIZONTAL_GRADIENT_ORANGE_BG_BOX () { 
    background-image: linear-gradient(270deg, rgba(250,140,22,0.00) 0%, fade(@LEVEL_ORANGE_COLOR,60%) 100%);
    border-radius: 4px;
}

.HORIZONTAL_GRADIENT_YELLOW_BG_BOX () { 
    background-image: linear-gradient(270deg, rgba(250,219,20,0.00) 0%, fade(@LEVEL_YELLOW_COLOR,60%) 100%);
    border-radius: 4px;
}

.HORIZONTAL_GRADIENT_BLUE_BG_BOX () { 
    background-image: linear-gradient(270deg, rgba(25,236,255,0.00) 0%, fade(@LEVEL_BLUE_COLOR,60%) 100%);
    border-radius: 4px;
}

// 字体样式
.GRADIENT_FONT_BLUE_COLOR () {
    background-image:-webkit-linear-gradient(bottom,#FFFFFF,#19ECFF); 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.GRADIENT_FONT_GREEN_COLOR () {
    background-image:-webkit-linear-gradient(bottom,#C3F8B3,#66FFFF); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}

@FONT_WHITE_COLOR: #FFFFFF;
@FONT_YELLOW_COLOR: #FADB14;
@FONT_ORANGE_COLOR: #FA8C16;
@FONT_RED_COLOR: #F5222D;
@FONT_GREEN_COLOR: #3BF75E;
@FONT_BLUE_COLOR: #19ECFF;
@FONT_LIGHT_BLUE_COLOR: #88B0FF;
@FONT_DARK_BLUE_COLOR: #3E66B7;

@SECTION_OPACITY_BG_COLOR:rgba(9,38,131, 0.6);
@SECTION_BG_COLOR:rgba(9,38,131);

.LARGE_FONT_SIZE {
    font-size: 24px;
    font-weight: 500;
}

.MIDDLE_FONT_SIZE {
    font-size: 22px;
    font-weight: 500;
}

.SMALL_FONT_SIZE {
    font-size: 20px;
    font-weight: 500;
}

.MINI_FONT_SIZE {
    font-size: 18px;
}

// 各级标题字体样式
.LARGE_LABEL_FONT {
    .LARGE_FONT_SIZE;
    .GRADIENT_FONT_BLUE_COLOR;
}

.MIDDLE_LABEL_FONT {
    .MIDDLE_FONT_SIZE;
    color: @FONT_YELLOW_COLOR;
}

.SMALL_LABEL_FONT {
    .SMALL_FONT_SIZE;
    .GRADIENT_FONT_GREEN_COLOR;
}

.TABLE_NUM_FONT {
    .SMALL_FONT_SIZE;
    color: @FONT_WHITE_COLOR
}

.TEXT_FONT {
    .MINI_FONT_SIZE;
    color: @FONT_WHITE_COLOR
}

.TIP_FONT {
    .MINI_FONT_SIZE;
    color: @FONT_LIGHT_BLUE_COLOR
}

.DISABLED_FONT {
    .MINI_FONT_SIZE;
    color: @FONT_DARK_BLUE_COLOR
}

.LINK_FONT {
    .MINI_FONT_SIZE;
    color: @FONT_BLUE_COLOR
}

.INFO_FONT {
    .MINI_FONT_SIZE;
    color: @FONT_BLUE_COLOR
}

.SUCCESS_FONT {
    .MINI_FONT_SIZE;
    color: @FONT_GREEN_COLOR
}

.WARNING_YELLOW_FONT {
    .MINI_FONT_SIZE;
    color: @FONT_YELLOW_COLOR
}

.WARNING_ORANGE_FONT {
    .MINI_FONT_SIZE;
    color: @FONT_ORANGE_COLOR
}

.WARNING_DANGER_FONT {
    .MINI_FONT_SIZE;
    color: @FONT_RED_COLOR
}


// 渐变边框按钮样式
.GRADIENT_HIGHLIGHT_BORDER_BUTTON () {
    background-image: linear-gradient(180deg, rgba(0,201,201,0.00) 0%, rgba(17,76,86,0.00) 0%, rgba(13,128,209,0.50) 91%);
    border: 1px solid #ddd;
    border-image: linear-gradient(#19ECFF,#076A6D) 30 30;
}

.GRADIENT_HIGHLIGHT_BORDER_BUTTON_HOVER () {
    background-image: linear-gradient(180deg, rgba(0,201,201,0.00) 0%, rgba(17,76,86,0.00) 0%, rgba(13,128,209,0.50) 91%);
    border: 1px solid #ddd;
    border-image: linear-gradient(#2DFFFF,#076A6D) 30 30;
}


// section区块样式  高亮边框的要不要来一套

.SMALL_SECTION_RED_BG () {
    background-image: linear-gradient(225deg, transparent 0%,  rgba(239,62,112, 0.8) 100%);
}
.SMALL_SECTION_ORANGE_BG () {
    background-image: linear-gradient(225deg, transparent 0%, rgba(250,140,22, 0.8) 100%);
}
.SMALL_SECTION_YELLOW_BG () {
    background-image: linear-gradient(225deg, transparent 0%, rgba(250,219,20, 0.8) 100%);
}
.SMALL_SECTION_BLUE_BG () {
    background-image: linear-gradient(225deg, transparent 0%, rgba(25,236,255, 0.8) 100%);
}



// 尺寸大小
@LEFT_SECTION_WIDTH: 400px;
@RIGHT_SECTION_HEIGHT: 400px;