.Section-SCCustom-GridCell span {
	display: inline-flex;
	vertical-align: top;
	height: 25px
}

.Section-SCCustom-GridHeaderCell {
	font-weight: bold;
	vertical-align: top;
}
.grey{
	background-color: gray;
}

.grey1{
	background-color: rgb(153, 153, 153);
}

.grey2{
	background-color: rgb(173, 173, 173);
}

.grey3{
	background-color: rgb(184, 184, 184);
}

.grey4{
	background-color: rgb(194, 194, 194);
}

.grey5{
	background-color: lightgrey;
}

.grey6{
	background-color: rgb(224, 224, 224);
}

.red{
	background-color: red;
}

.yellow{
	background-color: yellow;
}

.wheat{
	background-color: wheat;
}

.blue{
	background-color: blue;
}

.white{
	background-color: white;
}

.orange{
	background-color: orange;
}

.green{
	background-color: green;
}

.webpart {
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	height: 100%;
	float: left;
	width: 100%;
	border: 1px solid black;
	border-radius: 5px 5px 5px 5px;	
	-moz-border-radius: 5px 5px 5px 5px;
}

.webpart:hover{
	background-color: rgb(30, 223, 186);
}

.section {
	margin-top: 7px;
	float: left;
	width: 100%;
	height: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(219, 218, 201) 
    -moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.section:hover {
	background-color: rgb(153, 176, 249);
}

.field{
	border: 1px solid red;
	padding: 5px 5px 5px 5px;
	float: left;
}

.field:hover{
	background-color: rgb(133, 194, 244);
}

.description{
	padding-right: 30px;
	font-weight: bold;
	border: 2px solid rgb(151, 153, 155);
	margin-right: 5px;
	background-color: rgb(185, 187, 189);
}

.disabled
{
  pointer-events: none;

  /* for "disabled" effect */
  opacity: 0.5;
  background: #CCC;
}