body { 						 }


table.as {					border-collapse: separate; margin-top: 40px; border-radius: 5px; border: 1px solid #aaaaaa; border-spacing: 0px;
							font-family: arial; width: 100%; display: inline-table; }
input.as-search {			position: absolute; right: 220px; height: 30px; line-height: 25px; width: 200px; padding: 0 5px; border: 1px solid #aaaaaa;
							border-radius: 4px; font-size: 14px; }
div.as-cols-nav {			position: absolute; right: 440px; line-height: 30px; height: 30px; padding: 0 5px; font-size: 25px; color: #aaaaaa; }
div.as-cols-nav .fa {		vertical-align: middle; margin: 0 4px 0 0; cursor: pointer; }
div.as-cols-nav .fa:hover {	color: #aac9f1; }
select.as-search-target {	position: absolute; right: 0; height: 30px; line-height: 25px; width: 200px; padding: 0 5px; border: 1px solid #aaaaaa;
							border-radius: 4px; font-size: 14px; }

table.as th {				background-color: #aac9f1; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 10px 5px; 
							color: #4e4e4d; white-space: nowrap; white-space: nowrap; }
table.as td {				border-left: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; padding: 5px; white-space: nowrap; }
table.as th:first-child, 
table.as td:first-child {	border-left: none; }
table.as th.as-colnav,
table.as td.as-colnav {		opacity: .5; }

table.as th .fa {			font-size: 12px; color: #ffffff; cursor: pointer; opacity: .5; width: 12px; }
table.as th .fa:hover {		font-size: 12px; color: #4e4e4d; cursor: pointer; opacity: 1; }
table.as th.sorted-asc .fa-chevron-up { color: #4e4e4d; opacity: 1; }
table.as th.sorted-desc .fa-chevron-down { color: #4e4e4d; opacity: 1; }

table.as td a,
table.as td a:visited {		color: #aac9f1; text-decoration: none; }
table.as td a:hover {		color: #4e4e4d; }


table.as th.grid-align-center, 
table.as td.grid-align-center {	text-align: center; }
table.as th.grid-align-right, 
table.as td.grid-align-right {	text-align: right; }
table.as th.grid-align-left, 
table.as td.grid-align-left {	text-align: left; }

table.as tr:nth-child(even) {	background: #ffffff; }
table.as tr:nth-child(odd) {	background: #eeeeee; }

table.as tr.as-success {					background: #aaf1ad; }
table.as tr:nth-child(even).as-success2 {	background: #ffffff;
											-webkit-transition: background 5s linear;
											-moz-transition: background 5s linear;
											-ms-transition: background 5s linear;
											-o-transition: background 5s linear;
											transition: background 5s linear; }
table.as tr:nth-child(odd).as-success2 {	background: #eeeeee;
											-webkit-transition: background 5s linear;
											-moz-transition: background 5s linear;
											-ms-transition: background 5s linear;
											-o-transition: background 5s linear;
											transition: background 5s linear; }

table.as tr.as-row-editmode {			background-color: #f4f4a8; opacity: .7; }
table.as td.as-template-cell {			position: relative; }
table.as .as-template-shield {			position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
table.as tr.as-row-editmode .as-template-shield { display: block; }
table.as tr.as-show-row,
table.as tr.as-editor-row {				background: #ffffff; }
table.as tr.as-show-row-evenodd,
table.as tr.as-editor-row-evenodd {		display: none; }
table.as tr.as-show-row .as-show,
table.as tr.as-editor-row .as-editor {	display: none; padding: 20px; overflow: hidden; }
table.as .as-show form,
table.as .as-editor form {				float: left; }
table.as .as-show label,
table.as .as-editor label {				width: 100px; display: inline-block; margin: 0 0 5px 0; line-height: 20px; }
table.as .as-show input,
table.as .as-editor input {				width: 200px; margin: 0 0 5px 0; line-height: 20px; border-radius: 5px; border: 1px solid #aaaaaa; 
										padding: 0 3px; }
table.as .as-show input[type="submit"],
table.as .as-editor input[type="submit"] { width: 100px; float: right; cursor: pointer; } 
table.as .as-editor div.error { 		background-color: #aac9f1; color: #4e4e4d; border-radius: 3px; padding: 10px; margin: 0 0 10px 0; } 

table.as tr.as-show-row.as-insert-row,
table.as tr.as-editor-row.as-insert-row td { border-top: 2px dotted #aaaaaa; }

div.asAddRow {							background-color: #aac9f1; border-radius: 0 0 5px 5px; line-height: 40px; text-align: center; overflow: hidden; cursor: pointer;
										margin: 0 0 10px 20px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.24); color: #ffffff; white-space: nowrap; float: left; padding: 0 15px; }
div.asAddRow:hover {					box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.24); }
div.asAddRow .fa {						color: #ffffff; font-size: 22px; vertical-align: middle; }
div.asAddRow .asCaption {				margin-left: 15px; font-family: arial; font-weight: bold; }