/**
 * Global element styles for serials exceptions
 */

 /* hide section by default */
 form > section.serials-exceptions {
 	display: none !important;
 }

	/* show section with .show class */
 	form > section.serials-exceptions.show {
		display: block !important;
	}

	/* always hide cloning template */
	form > section.serials-exceptions > div.cloning-template {
		display: none;
	}

	/* serial container */
	form > section.serials-exceptions > div > label > span.UnitID {
		display: inline-block;
		width: 125px;
		height: auto;
		padding: 6px 4px 3px 4px;
		margin: -4px 3px 0px 3px;

		font-family: Courier New, FixedSys;
		font-size: 15px;
		font-weight: bold;
		color: red;

		background-color: rgba(100,0,0,.1);
		border: 1px solid rgba(100,0,0,.25);
		border-radius: 1px;
	}

	/* denomination amount when readonly */
	form > section.serials-exceptions > div > span > input[name*="DenominationAmount"]:is(:readonly,[readonly]) {
		cursor: not-allowed;
	}