div.DynamicForm  {
	margin-left:50px;
	margin-top:50px;
}

table.DynamicForm  {
	border-collapse: collapse;
    border-spacing: 0;
   
	font-size: 0.9rem;
	
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	
	box-shadow: 0 0 10px rgba(0,0,0,.15);
}

table.DynamicForm.Dialog  {
	background: #ffffff;
	box-shadow:none;
}

table.DynamicForm tbody{
	
}

table.DynamicForm th{
    -moz-user-select: none;
    padding: 8px 10px;
    text-align: left;
    font-size: 0.9rem;
}

table.DynamicForm th a,
table.DynamicForm th a:active,
table.DynamicForm th a:link,
table.DynamicForm th a:visited,
table.DynamicForm th a:hover {
	text-decoration:none;
	color: #2d2c2c;
}

table.DynamicForm .title_bold{
	font-weight:600;
	font-size: 1.2rem;
}

table.DynamicForm .title_bold_big{
	font-size: 1.6rem;
	font-weight:600;
}

table.DynamicForm .Title{
	font-family: "Dosis", sans-serif;
	font-size: 1.2rem;
	font-weight: 300;

	background-color: #333333;
	color:#FFFFFF;
	border-bottom: 1px solid rgba(255,255,255,.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1);
	
	text-transform: uppercase;
	transition: all .1s ease;
	text-align:center;
}

table.DynamicForm th:hover {
	background: rgba(200,200,200,.4);
}

table.DynamicForm tr{
	box-shadow: 0 1px 0 0 rgba(200,200,200,.1);
}

table.DynamicForm .back_gray {
	background-color: rgba(200,200,200,.4);
}

table.DynamicForm tbody tr:hover td{
	background: rgba(200,200,200,.4);
}

table.DynamicForm td a,
table.DynamicForm td a:active,
table.DynamicForm td a:link,
table.DynamicForm td a:visited,
table.DynamicForm td a:hover {
	text-decoration:underline;
	color:rgb(51,51,51);
}

table.DynamicForm td{
    background: transparent none repeat scroll 0 0;
    padding: 6px 10px;
    color:rgb(51,51,51);
}

table.DynamicForm span.UpArrow{
	width:11px;
	height:18px; 
	display:inline-block;
	padding-left:5px;
	background-image:url('../images/DataGrid-UpArrow.png');
}

table.DynamicForm span.DownArrow{
	width:11px;
	height:18px; 
	display:inline-block;
	padding-left:5px;
	background-image:url('../images/DataGrid-DownArrow.png');
}


table.DynamicForm input:not([type="checkbox"]){
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,.1);
	border:0;
	background:transparent;
	width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
	min-width:100%;
	margin-right:-5px;
}

table.DynamicForm input[type=checkbox]{
	border:0;
	background:transparent;
	height:1.5rem;
	color:rgb(51,51,51);
}

table.DynamicForm  input.Editing{
	border:0;
	background: #ffffff;
	width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
}

table.DynamicForm  textarea{
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,.1);
	border:0;
	background: transparent;
	resize:both;
	width:100%;
	height:100%;
	color:rgb(51,51,51);
	font-family:inherit;
}

table.DynamicForm  textarea.Editing{
	border:0;
	background: #ffffff;
	resize:both;
	width:100%;
	height:100%;
	color:rgb(51,51,51);
}

table.DynamicForm  select{
	border:0;
	background: transparent;
	width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
	padding-right:20px;
}

table.DynamicForm  select.Editing{
	border:0;
	background: #ffffff;
	width:100%;
	height:1.5rem;
	color:rgb(51,51,51);
}

table.DynamicForm  tr.Splitter{
	height: 0.2rem;
}

table.DynamicForm td.Splitter{
	
}

table.DynamicForm  div.Expander{
	 background-image: url("images/expand.png");
	 background-repeat: no-repeat;
	 background-size: 0.8rem;
	 width: 0.8rem;
	 height:  0.8rem;
}

table.DynamicForm  div.Expander.Expanded{
	 background-image: url("images/colapse.png");
}

/* Colorpicker */
table.DynamicForm  input.colorpicker{
	width:80%;
	min-width:80%;
}

table.evo-palette td{
	padding: 6px 6px;
}

/* Not ok */
table.DynamicForm .RequiredNOK{
	border: 2px solid #ff0000;
}

/* Filters */
table.DynamicForm-Fltr{
	border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15),inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1);

    overflow: hidden;
    text-align: center;
    padding: 0 0 0 0;
    border-collapse: separate; border-spacing: 1px;
    font-size: 0.8rem;
	margin-bottom: 20px;
}

div.DynamicForm-Fltr-Button{
	width:25px;
	height:25px; 
	background-image:url('../images/DataGrid-Search.png');
	margin:0;
	padding:0; 
	cursor: pointer;
}

table.DynamicForm-Fltr  tr td{
	text-align: left;
	padding-left:5px;
	border-left: 0;
	background-color: rgb(255, 227, 55);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1);
	font-size: 0.85rem;
	height: 1.6rem;
}

table.DynamicForm-Fltr label{
	font-weight: bold;
}

td.DynamicFormHidden,
th.DynamicFormHidden{
	display: none;
}


/* Autocomplete combobox */

.DynamicForm-AutoCombo {
	position: relative;
	display: inline-block;
	width:100%;
}
.DynamicForm-AutoCombo-Toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -20px;
	padding: 0;
}
DynamicForm-AutoCombo-Input {
	margin: 0;
	padding: 5px 10px;
	font-weight: normal;
}


