
/* Form Grid */


.form-grid {
	display:table;
	width:100%;
	margin:0;
	border-collapse: collapse;
}

.form-grid .gheader{
	display:table-header-group;
}
.form-grid .gbody{
	display:table-row-group;
}
.form-grid .gfooter{
	display:table-footer-group;
}

.form-grid .gr{
	display:table-row;
}
.form-grid .gbody .gd,
.form-grid .gheader .gd,
.form-grid .gheader .gh,
.form-grid .gfooter .gd{
	display:table-cell;
	padding:5px;
	margin:0;
	border-width: 1px;
    border-color: transparent;
    border-style: solid;
}

.form-grid .gheader .gr,
.form-grid .ghead{
	border:none;
}
.form-grid .gheader .gd,
.form-grid .ghead .gd{
	text-align:left;
	border:none;
	font-weight:bold;
}

.form-grid .gbody .gd{
	vertical-align:top;
}

.form-grid .gr .gd:first-child{
	/*border-left: dotted 1px #ccc;*/
}

.form-grid .gbody .gd .label,
.form-grid .gbody .gd label{
	display:none;
	margin:0;
	padding:0;
	text-align:left;
}
.form-grid .gd span.error,
.form-grid .gd label.error{
	display:none !important;
}
.form-grid .gd .form-control{
	width:100%;
	line-height:30px !important;
	padding: 0px 5px !important;
}
.form-grid .gd .form-control[disabled],
.form-grid .gd .form-control[readonly],
.form-grid .gd fieldset[disabled] .form-control {
	cursor: default;
	/*width: auto !important;*/
	border-color:#E6E6E6;
	color:#555555 !important;
}
.form-grid .gd .checker {
	display:block;
  margin: 7px auto;
}
.form-grid .gd a.btn{
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	border: 0;
}
.form-grid .gd.delCol{
	width: 34px;
}
.form-grid .gd .hide{
	display:none;
}

.form-grid .gfooter .gr,
.form-grid .gfooter{
}

.form-grid .gfooter .gr .gd,
.form-grid .gfooter .gd{
	border:none;
	vertical-align:top;
}
.form-grid .foot{
	
}
.form-grid .gfooter .gr .newline,
.form-grid .gfooter .newline{
	padding:2px 5px;
}

.form-grid .full-width{
	width:100%;
}
.form-grid .p10{
	width:10%;
}
.form-grid .p15{
	width:15%;
}
.form-grid .p20{
	width:20%;
}
.form-grid .p25{
	width:25%;
}
.form-grid .p30{
	width:30%;
}
.form-grid .p35{
	width:35%;
}
@media (min-width:767px){
.form-grid .w40{
	width:40px;
}
.form-grid .w50{
	width:50px;
}
.form-grid .w60{
	width:60px;
}
.form-grid .w70{
	width:70px;
}
.form-grid .w80{
	width:80px;
}
.form-grid .w90{
	width:90px;
}
.form-grid .w100{
	width:100px;
}
}
@media (max-width:767px){
	.form-grid .gd .checker {
		display:inline-block;
	}
	.form-grid {
		display:block;
		width:100%;
		margin:0;
	}
	
	.form-grid .gheader{
		display:none;
	}
	.form-grid .gbody{
		display:block;
	}
	.form-grid .gfooter{
		display:block;
	}
	.form-grid .gr:after{
		display:table;
		content:" ";
		clear:both;
	}
	.form-grid .gbody .gr{
		border-bottom:1px dotted #ccc;
	}
	.form-grid .head,
	.form-grid .gr,
	.form-grid .gfooter{
		display:block;
	}
	.form-grid .gr .gd{
		display:block;
		float:left;
		padding:5px;
		margin:0;
		width:50%;
	}
	.form-grid .gfooter .gd{
		display:block;
		float:left;
		padding:5px;
		margin:0;
		width:15%;
	}
	.form-grid .gbody .label,
	.form-grid .gr label{
		display:block;
	}
}
@media (min-width:768px){
	
}
@media (min-width:992px){
}
@media (min-width:1200px){
}
@media screen and (max-width:767px){
}

@media (max-width:480px){
	.form-grid .gr .gd{
		width:100%;
	}
	.form-grid .gfooter .gd{
		width:100%;
	}
	.form-grid .gfooter .text-right {
		text-align: left !important;
	}
	
	
}
