.repfrm {
	padding: 2rem;

	> table {
		border-collapse: collapse;
		margin: 2rem;

		th {
			padding: 0.2rem 0.35rem;
			border: 1px solid #CCC;
		}

		td {
			padding: 0.2rem 0.35rem;
			border: 1px solid #CCC;

			&.hl {
				background-color: lightyellow;
			}

			&.sh_s {
				color: #bf4b06;
			}

			input, select {
				display: none;
			}

			&.raux {
				min-width: 4.6rem;
			}

			&.av {
				border: 2px solid red;

				+ td.vsel select {
					display: block;
				}
			}

			&.currency {
				text-align: right;
				white-space: nowrap;
			}

			&.num {
				white-space: nowrap;
			}
		}

		tr {
			&:nth-child(2n+1) td {
				background-color: #EEE;

				&.hl {
					background-color: lightyellow;
				}
			}

			&.selected td {
				background-color: lightblue;

				&.hl {
					background-color: lightyellow;
				}
				/*input, select {
					display: block;
				}*/
				.ilbtn {
					display: inline-block;
				}
			}
		}
	}

	.ovhd {
		font-size: 1.5rem;
		margin: 1rem 2rem;
		font-weight: bold;
		text-decoration: underline;
		text-decoration-style: double;
	}

	&.mdw .ovhd {
		text-decoration-color: lightblue;
	}

	&.mdm .ovhd {
		text-decoration-color: lightgreen;
	}
}
#listframe {
	.repitm {
		display: block;
		padding: 0.35rem 0.5rem;
		border: 1px solid #FFF;
		border-radius: 0.2rem;
		margin: 0.35rem;
		cursor: pointer;
		background-color: #CCC;
	}
}


	.ilbtn {
		cursor: pointer;
		border-radius: 0.28rem;
		display: none;
		padding: 0.1rem;
		margin-bottom: 0;
		font-size: 1rem;
		letter-spacing: 0.025rem;
		font-weight: normal;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		background-color: $oci_white;
		background-image: none;
		border: 1px solid #ababab;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);
		box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);
		min-width: 1.8rem;
	}


table.if {
	border-collapse: collapse;
	margin: 1rem 0;
	background: #FFF;

	tr {
		&:nth-child(2n+1) td {
			background-color: #F9F9F9;
		}
	}

	td {
		padding: 0.2rem 0.35rem;
		border: 1px solid #DDD;

	}
}

#listframe {
	.ipf {
		display: table;
		margin: 1rem 0.6rem 0.6rem 0.6rem;
		background-color: #EEE;
		padding: 0.2rem;
		border-radius: 0.35rem;
		width: 100%;
		width: calc(100% - 1.2rem);
		cursor: default;

		.ig + .ig {
			margin-top: 0.4rem;
		}

		label {
			min-width: 7rem;
			display: inline-block;
		}
	}
}