/*
FormList.css
List.master
*/

@import url('tema.css');

.boxAlterarComplemento {
	border-top-right-radius: calc(0.5rem - 1px);
	border-top-left-radius: calc(0.5rem - 1px);
	background-color: var(--card-background);
	z-index: 90;
	position: absolute;
	height: 250px;
	width: 420px;
	left: 50%;
	top: 50%;
	margin-left: -210px;
	margin-top: -125px;
	display: none
}

.boxAlterarMotivo {
	border-top-right-radius: calc(0.5rem - 1px);
	border-top-left-radius: calc(0.5rem - 1px);
	background-color: var(--card-background);
	z-index: 90;
	position: absolute;
	height: 250px;
	width: 420px;
	left: 50%;
	top: 50%;
	margin-left: -210px;
	margin-top: -125px;
	display: none;
}

.subTxt {
	color: var(--txt-secundary);
	bottom: 0rem !important;
}

.divButtonTop {
	background-color: #8692BD;
	width: 99.6%;
	border-radius: 2px;
	margin-left: 2px;
}

.fundoButtonTopWhite {
	color: #fff !important;
	border: 1px solid #fff !important;
}
	.fundoButtonTopWhite img {
		filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(27deg) brightness(102%) contrast(101%) !important;
	}

	.fundoButtonTopWhite:hover {
		background-color: #FFF !important;
	}

		.fundoButtonTopWhite:hover * {
			filter: brightness(0) saturate(100%) !important;
		}

a:focus .fundoButtonTopWhite {
	color: #303030 !important;
	background-color: #FFF !important;
	border-color: #FFF !important;
}

	a:focus .fundoButtonTopWhite * {
		filter: brightness(0) saturate(100%) !important;
	}

.fundoButtonTop {
	margin-inline: 5px;
	color: var(--txt-color);
	display: flex;
	align-items: center;
	float: right;
	padding: 0.375rem .75rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 1px solid var(--txt-color, #000);
	border-radius: 0.375rem;
	background-color: transparent;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

	.fundoButtonTop p {
		font-size: 0.9rem;
		margin-left: 5px;
		margin-bottom: 0;
	}

	.fundoButtonTop:hover {
		background-color: var(--txt-color);
	}

	.fundoButtonTop:hover * {
		filter: var(--filter-svg-invert-color, invert(1));
	}

a:focus .fundoButtonTop {
	color: var(--txt-color);
	background-color: var(--txt-color);
	border-color: var(--txt-color);
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(248,249,250, .5);
}

	a:focus .fundoButtonTop * {
		filter: var(--filter-svg-invert-color, invert(1));
	}

table {
	color: var(--txt-color);
	font-size: 1rem;
	border-color: var(--table-border-color);
}

table td {
	padding-inline: 3px;
}

table.tlist {
	padding: 0px;
	border-spacing: 1px;
}

tr.header td {
	font-size: 1rem;
	font-weight: bold;
	background-color: var(--table-bg);
	color: var(--txt-color, #303030);
	padding: 0.5rem 0.5rem;
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

tr.line0 td,
tr.line1 td {
	padding: 0.5rem 0.5rem !important;
	border-bottom-width: var(--bs-border-width) !important;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) !important;
}

tr.line0 td {
	background-color: var(--table-striped-bg);
}

tr.line1 td {
	background-color: var(--table-bg);
}

tr.lineOver td {
	font: normal 11px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #99CCFF;
	padding: 2px;
}

tr.lineNormal td {
	font: normal 11px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	padding: 2px;
}

tr.lineHide {
	visibility: hidden;
	display: none;
}

.inputCell {
	font: normal 11px 'Segoe UI', Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFF99;
	padding: 1px;
	border: none;
}

.searchBox {
	padding: 4px 4px 4px 28px;
	margin-bottom: 1px;
	width: 200px;
	background-image: url('../mvc/img/icon-find-16.svg');
	background-repeat: no-repeat;
	background-position: 5px;
}


.gridCell {
	display: block;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color, #212529);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg, #fff);
	background-clip: padding-box;
	border: var(--bs-border-width, 1px) solid var(--bs-border-color, #dee2e6);
	min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
	padding: 0.25rem 0.5rem;
	font-size: .875rem;
	border-radius: var(--bs-border-radius-sm);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.gridCellFocus {
	display: block;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color, #212529);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg, #fff);
	background-clip: padding-box;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-color: #86b7fe;
	min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
	padding: 0.25rem 0.5rem;
	font-size: .875rem;
	border-radius: var(--bs-border-radius-sm);
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.gridCellError {
	display: block;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color, #212529);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg, #fff);
	background-clip: padding-box;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-color: var(--bs-form-invalid-border-color, #FF9999);
	min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
	padding: 0.25rem 0.5rem;
	font-size: .875rem;
	border-radius: var(--bs-border-radius-sm);
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

:root:has(.centerbox > fieldset),
:root:has(.centerbox form > fieldset) {
	--background-color: #F0F2F5;
}


fieldset {
	background-color: var(--card-background);
	padding: 1rem;
	margin: 5px 0;
	box-shadow: var(--card-shadow);
	border-radius: 10px;
	border: none;
}

legend {
	font-size: 1.5rem;
	margin-bottom: 0.5rem
}


label {
	font: normal 0.8rem 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
	/*    font-weight: bold; */
	display: block;
	float: left;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
	vertical-align: middle;
}

.inputMaxWidth {
	box-sizing: border-box;
	width: 100%;
}

.floatRight {
	float: right !important;
}

.cinput,
textarea {
	box-sizing: border-box !important;
	display: block;
	float: left;
	margin-bottom: 10px;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #dee2e6;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	min-height: calc(1.5em + 0.5rem + calc(1px * 2));
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
}

	.cinput:focus {
		color: #212529;
		background-color: #fff;
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
	}

	.cinput.ui-autocomplete-input {
		border-radius: 0.25rem 0 0 0.25rem;
	}

		.cinput.ui-autocomplete-input + input.cinput {
			border-radius: 0 0.25rem 0.25rem 0;
		}

.cinputr {
	border: 1px solid #B5B8C8;
	display: block;
	float: left;
	font: normal 12px;
	font-family: 'Segoe UI', Lucida Console, Courier New, Fixed, monospace, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 3px 4px 3px;
	margin-bottom: 1px;
	text-align: right;
}

.cinputl {
	box-sizing: border-box !important;
	display: block;
	float: left;
	margin-bottom: 10px;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #dee2e6;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	min-height: calc(1.5em + 0.5rem + calc(1px * 2));
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
}

	.cinputl:focus {
		color: #212529;
		background-color: #fff;
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
	}

.cinputnormal {
	border: 1px solid #B5B8C8;
	display: block;
	float: left;
	font: normal 12px;
	font-family: 'Segoe UI', Lucida Console, Courier New, Fixed, monospace, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 3px 4px 3px;
	margin-bottom: 1px;
}

.cinputnormal4 {
	border: 1px solid #B5B8C8;
	background-color: #E6F1F2;
	float: left;
	font: normal 12px;
	font-family: 'Segoe UI', Lucida Console, Courier New, Fixed, monospace, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 3px 4px 3px;
	margin-bottom: 1px;
}

.ccombo {
	box-sizing: border-box !important;
	display: block;
	float: left;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	margin-bottom: 5px;
	padding-left: 0.5rem;
	border-radius: 0.25rem;
	border: 1px solid #dee2e6;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	min-height: calc(1.5em + 0.5rem + 1px);
	color: #212529;
	background-color: #fff;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

	.ccombo:focus {
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
	}

.ccombo4 {
	border: 1px solid #B5B8C8;
	background-color: #E6F1F2;
	display: block;
	float: left;
	font: normal 12px;
	font-family: 'Segoe UI', Lucida Console, Courier New, Fixed, monospace, Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 3px 3px 3px;
	margin-bottom: 1px;
}

.ccheck {
	--bs-form-check-bg: var(--bs-form-check-bg-image);
	box-sizing: border-box !important;
	width: 1em;
	height: 1em;
	margin-top: 0.25em;
	vertical-align: top;
	background-color: #fff;
	background-image: var(--bs-form-check-bg-image);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid #dee2e6;
	border-radius: 0.25em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	print-color-adjust: exact;
}

	.ccheck:checked[type=checkbox] {
		--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
		background-color: #0d6efd;
		border-color: #0d6efd;
	}

	.ccheck:focus {
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
	}

.cbutton {
	box-sizing: border-box !important;
	font-size: 0.88rem;
	font-family: 'Segoe UI', Open Sans,Verdana, Arial;
	font-weight: bold;
	border: 1px solid var(--btn-primary-bootstrap);
	background-color: var(--btn-primary-bootstrap);
	color: #fff;
	padding: 0.375rem .75rem;
	min-width: 140px;
	border-radius: 0.375rem
}

	.cbutton:hover {
		/*background-color: var(--background-color);*/
		filter: brightness(1.2) contrast(0.8);
		border: 1px solid rgba(255, 255, 255, 0.8);
	}

.LoginMessage {
	width: 100%;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 1rem;
	font-weight: bold;
	color: var(--red, #dc3545);
}

.MensagemDeExpiracao {
	font: bolder 12px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	font-size: 20px;
	bottom: 20px;
	right: 20px;
	width: 300px;
	font: Arial;
	font-weight: bold;
	color: var(--red, #FF0000);
	z-index: 99;
}

.backer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 998;
	background-color: White;
	filter: Alpha(Opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}

.cbGrupoMaquina label {
	display: inline-block;
	text-align: left;
	float: none;
	padding-left: 10px;
	padding-bottom: 14px;
	font-size: 0.85rem;
}

.cbParadaParametros label {
	display: inline-block;
	text-align: left;
	float: none;
	padding-left: 10px;
	padding-bottom: 5px;
}

.cbMateriaPrimaParametros label {
	display: inline-block;
	text-align: left;
	float: none;
	padding-left: 10px;
	padding-bottom: 5px;
}

.cbColetorParametros label {
	display: inline-block;
	text-align: left;
	float: none;
	padding-left: 10px;
	padding-bottom: 5px;
}

.comboTitle {
	color: white;
	background-color: #384983;
	text-align: center;
}