table.tableLayout {
	padding: 0;
	margin: 0;
	border-width: 0;
}

td.tableLayout {
	padding: 0;
	margin: 0;
	border-width: 0;
}

.meter {
	height: 16px; /* Can be anything */
	position: relative;
	background: rgb(190, 202, 200);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.meter>div {
	position: relative;
	right: 0px;
	top: -15px;
	color: white;
}

.meter>span {
	display: block;
	z-index: 10;
	height: 100%;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: rgb(43, 194, 83);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(43,
		194, 83)), color-stop(1, rgb(84, 240, 84)));
	background-image: -moz-linear-gradient(center bottom, rgb(43, 194, 83)
		37%, rgb(84, 240, 84) 69%);
	-webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0
		-2px 6px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px
		6px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px
		rgba(0, 0, 0, 0.4);
	position: relative;
	overflow: hidden;
}

.meter>span:after, .animate>span>span {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255,
		255, .2)), color-stop(.25, transparent), color-stop(.5, transparent),
		color-stop(.5, rgba(255, 255, 255, .2)),
		color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
		to(transparent));
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%,
		rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate>span:after {
	display: none;
}

@
-webkit-keyframes move { 0% {
	background-position: 0 0;
}

100%
{
background-position
:
 
50
px
 
50
px
;

    
}
}
@
-moz-keyframes move { 0% {
	background-position: 0 0;
}

100%
{
background-position
:
 
50
px
 
50
px
;

    
}
}
.green>span {
	background-color: #A3FF75;
	background-image: -moz-linear-gradient(top, #A3FF75, #92E77C);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A3FF75),
		color-stop(1, #92E77C));
	background-image: -webkit-linear-gradient(#A3FF75, #92E77C);
}

.yellow>span {
	background-color: #FFFF94;
	background-image: -moz-linear-gradient(top, #FFFF94, #E5E798);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFF94),
		color-stop(1, #E5E798));
	background-image: -webkit-linear-gradient(#FFFF94, #E5E798);
}

.red>span {
	background-color: #E67373;
	background-image: -moz-linear-gradient(top, #E67373, #f42323);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E67373),
		color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#E67373, #f42323);
}

.nostripes>span>span, .nostripes>span:after {
	-webkit-animation: none;
	-moz-animation: none;
	background-image: none;
}

/*
table:focus,
div:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
*/

/*
select {
	margin: 0 !important;
}
*/

/* The .e-richtexteditor root's inline 1px bottom border (set by TextArea)
   is hidden because .e-rte-content has position:relative, z-index:1, a
   white background, and is sized so its bottom edge encroaches on the
   root's border zone. After a user-driven resize, the gap between the
   content's bottom and the root's bottom can be much larger than 1px,
   so painting the line on .e-rte-content would leave a stray stripe in
   mid-field. Instead, paint the bottom line via a pseudo-element pinned
   to the root's actual bottom - so it tracks any height change made by
   Syncfusion's resize handle. z-index:2 sits above the content (z-1)
   but below the resize handle (z-100), so the corner grip stays visible.
   Scoped to the no-toolbar case (the buggy state); toolbar-enabled
   editors already get an inner content border from Syncfusion. */
.e-richtexteditor.e-rte-fixed-tb-expand:not(.e-rte-toolbar-enabled)::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgb(189, 189, 189);
	pointer-events: none;
	z-index: 2;
}