    .datagrid-header-row{ height: 40px;}    
    .datagrid-row {height: 40px;}
    .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {text-overflow: ellipsis;}
    .tree-node{height:35px; white-space:nowrap; cursor:pointer;line-height:35px; }

	.m-badge1:not(.l-btn),
	.l-btn.m-badge1::after{
		display: inline-block;
		min-width: 10px;
		line-height: 1;
		font-size: 11px;
		text-align: center;
		white-space: nowrap;
		border-radius: 3px;
		padding: 4px 6px;
		border-style: solid;
		border-width: 0px;
		background-color: red;
		color: #fff;
		z-index: 99999;
	}
	.l-btn.m-badge1::after,
	.l-btn .m-badge1{
		position: absolute;
		top: -10px;
		right: -10px;
	}
	.tabs-inner .m-badge1{
		position: absolute;
		top: 1px;
		right: -10px;
	}
	.tabs-inner>.tabs-title>.m-badge1{
		top: 0;
		right: 0;
	}
	.tabs-header-bottom .tabs-inner>.tabs-title>.m-badge1{
		top: auto;
		bottom: 0;
		right: 0;
	}
	.panel-footer .l-btn .l-btn-icon-top .m-badge1,
	.panel-footer .l-btn .l-btn-icon-bottom .m-badge1{
		top: 0;
		right: -10px;
	}
	.l-btn.m-badge1::after{
		content: attr(data-badge);
	}
	.l-btn,.l-btn-left{
		overflow: visible;
		position: relative;
	}

	.m-badge2:not(.l-btn),
	.l-btn.m-badge2::after{
		display: inline-block;
		min-width: 10px;
		line-height: 1;
		font-size: 11px;
		text-align: center;
		white-space: nowrap;
		border-radius: 3px;
		padding: 4px 6px;
		border-style: solid;
		border-width: 0px;
		background-color: green;
		color: #fff;
		z-index: 99999;
	}
	.l-btn.m-badge2::after,
	.l-btn .m-badge2{
		position: absolute;
		top: -10px;
		right: -10px;
	}
	.tabs-inner .m-badge2{
		position: absolute;
		top: 1px;
		right: -10px;
	}
	.tabs-inner>.tabs-title>.m-badge2{
		top: 0;
		right: 0;
	}
	.tabs-header-bottom .tabs-inner>.tabs-title>.m-badge2{
		top: auto;
		bottom: 0;
		right: 0;
	}
	.panel-footer .l-btn .l-btn-icon-top .m-badge2,
	.panel-footer .l-btn .l-btn-icon-bottom .m-badge2{
		top: 0;
		right: -10px;
	}
	.l-btn.m-badge2::after{
		content: attr(data-badge);
	}
	.l-btn,.l-btn-left{
		overflow: visible;
		position: relative;
	}

	.m-badge3:not(.l-btn),
	.l-btn.m-badge3::after{
		display: inline-block;
		min-width: 10px;
		line-height: 1;
		font-size: 11px;
		text-align: center;
		white-space: nowrap;
		border-radius: 3px;
		padding: 4px 6px;
		border-style: solid;
		border-width: 0px;
		background-color: #f2700d;
		color: #fff;
		z-index: 99999;
	}
	.l-btn.m-badge3::after,
	.l-btn .m-badge3{
		position: absolute;
		top: -10px;
		right: -10px;
	}
	.tabs-inner .m-badge3{
		position: absolute;
		top: 1px;
		right: -10px;
	}
	.tabs-inner>.tabs-title>.m-badge3{
		top: 0;
		right: 0;
	}
	.tabs-header-bottom .tabs-inner>.tabs-title>.m-badge3{
		top: auto;
		bottom: 0;
		right: 0;
	}
	.panel-footer .l-btn .l-btn-icon-top .m-badge3,
	.panel-footer .l-btn .l-btn-icon-bottom .m-badge3{
		top: 0;
		right: -10px;
	}
	.l-btn.m-badge3::after{
		content: attr(data-badge);
	}
	.l-btn,.l-btn-left{
		overflow: visible;
		position: relative;
	}

	.m-badge4:not(.l-btn),
	.l-btn.m-badge4::after{
		display: inline-block;
		min-width: 10px;
		line-height: 1;
		font-size: 11px;
		text-align: center;
		white-space: nowrap;
		border-radius: 3px;
		padding: 4px 6px;
		border-style: solid;
		border-width: 0px;
		background-color: #666666;
		color: #fff;
		z-index: 99999;
	}
	.l-btn.m-badge4::after,
	.l-btn .m-badge4{
		position: absolute;
		top: -10px;
		right: -10px;
	}
	.tabs-inner .m-badge4{
		position: absolute;
		top: 1px;
		right: -10px;
	}
	.tabs-inner>.tabs-title>.m-badge4{
		top: 0;
		right: 0;
	}
	.tabs-header-bottom .tabs-inner>.tabs-title>.m-badge4{
		top: auto;
		bottom: 0;
		right: 0;
	}
	.panel-footer .l-btn .l-btn-icon-top .m-badge4,
	.panel-footer .l-btn .l-btn-icon-bottom .m-badge4{
		top: 0;
		right: -10px;
	}
	.l-btn.m-badge4::after{
		content: attr(data-badge);
	}
	.l-btn,.l-btn-left{
		overflow: visible;
		position: relative;
	}

	.m-badge5:not(.l-btn),
	.l-btn.m-badge5::after{
		display: inline-block;
		min-width: 10px;
		line-height: 1;
		font-size: 11px;
		text-align: center;
		white-space: nowrap;
		border-radius: 3px;
		padding: 4px 6px;
		border-style: solid;
		border-width: 0px;
		background-color: blue;
		color: #fff;
		z-index: 99999;
	}
	.l-btn.m-badge5::after,
	.l-btn .m-badge5{
		position: absolute;
		top: -10px;
		right: -10px;
	}
	.tabs-inner .m-badge5{
		position: absolute;
		top: 1px;
		right: -10px;
	}
	.tabs-inner>.tabs-title>.m-badge5{
		top: 0;
		right: 0;
	}
	.tabs-header-bottom .tabs-inner>.tabs-title>.m-badge5{
		top: auto;
		bottom: 0;
		right: 0;
	}
	.panel-footer .l-btn .l-btn-icon-top .m-badge5,
	.panel-footer .l-btn .l-btn-icon-bottom .m-badge5{
		top: 0;
		right: -10px;
	}
	.l-btn.m-badge5::after{
		content: attr(data-badge);
	}
	.l-btn,.l-btn-left{
		overflow: visible;
		position: relative;
	}