table.jpgrid {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
	font-size: 13px;
}

/* .pWindow table.jpgrid {
    width: 100%;
} */

.pWindow table.jpgrid[mode="edit"] th[type="action"] {
    width:20px;
}

table.jpgrid input, table.jpgrid select {
	width: calc(100% - 10px);
	box-sizing: border-box;
}

table.jpgrid input, table.jpgrid select {
	width: calc(100% - 10px);
	box-sizing: border-box;
}

table.jpgrid input:focus, table.jpgrid select:focus {
	 outline: none;
}

table.jpgrid input[readonly] {
	pointer-events: none;
	touch-action: none;
}

/* common */
table.jpgrid > * > tr > *{
    text-align: left;
    padding: 2px;
	border: 1px solid #CCC;
	font-size: 1em;
	/* min-width: 60px; */
}

table.jpgrid[mode="edit"] > * > tr > * {text-align: center;}
table.jpgrid[mode="edit"] > * > tr > * > * {text-align: left;}

table.jpgrid > * > tr > td {
	text-align: left;
	color: #222;
}

table.jpgrid *.jpgrid-num {
	text-align: right;
}

/* head */
table.jpgrid > thead {

}

table.jpgrid > thead > tr {

}

table.jpgrid > thead > tr > * {

}

table.jpgrid > thead > tr > th {
    font-weight: 400;
    color: #777777;
}

table.jpgrid > thead > tr > td {

}

/* body */
table.jpgrid > tbody {

}

table.jpgrid > tbody > tr {

}

table.jpgrid > tbody > tr > td {

}

/* foot */
table.jpgrid > tfoot {

}

table.jpgrid > tfoot > tr {

}

table.jpgrid > tfoot > tr > td {

}

table.jpgrid[mode="edit"] th {
	min-width: 140px;
}

table.jpgrid[mode="edit"] th[type="date"] {
	min-width: 110px;
}

table.jpgrid[mode="edit"] th[type="time"] {
	min-width: 80px;
}

table.jpgrid[mode="edit"] th[type="check"] {
	min-width: 30px;
}

table.jpgrid[mode="edit"] th[type="action"] {
	min-width: 20px;
}

table.jpgrid[mode="view"] th {
	min-width: 100px;
}

table.jpgrid[mode="view"] th[type="date"] {
	min-width: 80px;
}

table.jpgrid[mode="view"] th[type="time"] {
	min-width: 60px;
}

table.jpgrid[mode="view"] th[type="check"] {
	min-width: 20px;
}

.jpgrid-wrapper {
    width: 100%;
    overflow: scroll;
}