/* section { background-image:linear-gradient( rgba(255,255,255,.5) 0%,rgba(255,255,255,.7) 100%), url(../../img/painel.jpg); background-repeat: no-repeat; background-size: 100%; padding: 20px 0; } */
html, body { margin:0; height: 100%; }
body { background-color: #f7f9fc; font-size: 90%; }
footer { color: #fff; padding: 20px 0; }

input:read-only { border: none; color: #000; }
input:focus { outline: none !important; }
td input { background: none; border: none; border-radius: 0; text-align: center; }
td input:focus { background-color: #cacaca; }

.forprint { display: none; visibility: hidden; }

/* hack for list order */
table {
	counter-reset: my-sec-counter;
}
th.cnt::before {
	counter-increment: my-sec-counter;
	content: counter(my-sec-counter);
	font-weight: normal;
}
span[check] {
	border: 1px solid #000;
	padding: 0 5px;
	width: 20px;
}
td.check-x {
	border: 1px solid #a2a2a2;
}

.div-table {
    float: left;
    margin: 5px;
    min-height: fit-content;
    position: relative;
    top: 0;
}

.bg-dark, .bg-dark a { color: white; font-weight: 100; }
.main { margin-bottom: 20px; }

#popup {
	align-items: center;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	/* filter: blur(15px); */
	flex-direction: row;
	height: auto;
	min-height: 100vh;
	left: 0;
	overflow: hidden;
	padding: 2%;
	position: absolute;
	top: 0;	
	width: 100%;
	z-index: 9999;
}
#subpopup {
	align-items: center;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 10px;
	/* box-shadow: 0 0px 10px rgba(205, 205, 205, 0.5); */
	color: #000;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	font-size: 110%;
	margin: 0 auto;
	padding: 2%;
	text-align: center;
	width: 25%;
}

.myhovertooltip {
	cursor: pointer;
}

.mytooltip {
	background-color: black;
	border-radius: 5px;
	color: white;
	font-size: 100%;
	margin-top: -35px;
	padding: 5px 10px;
	visibility: hidden;
	position: absolute;
	z-index: 1;
}

.myhovertooltip:hover .mytooltip {
	visibility: visible;
}

@media screen and (max-width: 1024px) {
	.img-id { margin-bottom: 0; }
}

@media print {
	body * { visibility: hidden; }
	a.btn * { visibility: hidden; }
	input#code, input#code *, input#name, input#name * { visibility: visible; }
	input#code { position: fixed; left: 0; top: 5%; width: 10%; }
	input#name { position: fixed; left: 11%; top: 5%; width: 25%; }
	.forprint, .forprint * { visibility: visible; }
	.forprint { display: block; font-size: 115%; vertical-align: middle; }
	.group-car-one, .group-car-one *, .group-car-two, .group-car-two * { visibility: visible; }
	.group-car-one { position: fixed; left: 0; top: 10%; }
	.group-car-two { position: fixed; left: 0; top: 10%; }

	#tabelas, #tabelas * { visibility: visible; }
	#tabelas { margin: 0; padding: 0; top: -3%; left: -32%; position: absolute; width: 130%; }

	.div-table, .div-table * { visibility: visible;	}
	.div-table { border: 1px solid #000; float: left; margin: 5px; min-height: fit-content; position: relative;	top: 0; }

	tr, tr * { visibility: visible; }
	tr { border-top: 1px solid #000 !important; }
}