@import '../setting.less';

#appBody.light {

	// 基础矩阵
	.el-scrollbar__wrap {
		background: transparent;
	}

	.light-matrix {

		.panel {
			background   : #fff;
			border-radius: @borderRaduis;
			border-color : #fff;
			transition   : @transition;

			.item.write {
				color      : #000;
				font-weight: 700;
				transition : @transition;
			}

			.item.blue {
				color      : rgb(53, 64, 164);
				font-weight: 700;
				transition : @transition;
			}

			.item.green,
			.item.greenv {
				color      : rgb(0, 179, 54);
				font-weight: 700;
				transition : @transition;
			}

			.item.pink {
				color      : rgb(197, 50, 200);
				font-weight: 700;
				transition : @transition;
			}

			.item.red {
				color      : rgb(187, 52, 57);
				font-weight: 700;
				transition : @transition;
			}

			.item.orange {
				color      : rgb(221, 109, 9);
				font-weight: 700;
				transition : @transition;
			}

			.item.write {
				color      : rgb(2, 2, 2);
				font-weight: 700;
				transition : @transition;
			}

			.item.gray {
				color      : rgb(77, 85, 87);
				font-weight: 700;
				transition : @transition;
			}
		}

		.panel-body {
			background: @white;
			.gray{
				color: @white;
			}
			.green{
				color: @green;
			}
		}

		.card-panel .card-left .tag {
			color: @black;
		}

		.panel-box>div {
			padding      : 4px 0 8px 0;
			background   : #fff;
			margin-bottom: 4px;
			border-radius: 8px;
			overflow     : hidden;
		}

		.panel-box .panel-title .panel-title-name {
			font-size  : 1.296vh;
			color      : rgb(5, 187, 76);
			font-weight: bold;
			background : #fff;
		}

		.panel-box .sub-title-item {
			.sub-title {
				color     : #000;
				transition: @transition;
			}

			.sub-count.write {
				color      : rgb(0, 0, 0);
				font-weight: 700;
				transition : @transition;
			}

			.sub-count.green {
				color      : rgb(5, 187, 76);
				font-weight: 700;
				transition : @transition;
			}

			.sub-count.blue {
				color      : rgb(53, 64, 164);
				font-weight: 700;
				transition : @transition;
			}

			.sub-count.purple {
				color      : rgb(202, 68, 205);
				font-weight: 700;
				transition : @transition;
			}

			.sub-count.red {
				color      : rgb(187, 52, 57);
				font-weight: 700;
				transition : @transition;
			}

			.sub-count.orange {
				color      : rgb(221, 109, 9);
				font-weight: 700;
				transition : @transition;
			}

			.sub-count.gray {
				color     : rgb(24, 24, 24);
				transition: @transition;
			}
		}

		.panel-box .panel-title .svg-icon.svg-icon-green svg use {
			fill      : rgb(5, 187, 76);
			transition: @transition;
		}
	}

}