@import url("stilePulsanti.css");

.rigaprincipale {
	font-weight: bold;
	background-color: #939393;
}
.rigadispari {
	background-color: #DDDDDD;
}
.rigapari {
	background-color: #B9B9B9;
}
.rigaerr {
	background-color: #ffaaaa;
}
.needed  {
	background-color: #ffaaaa;
}
body {font-family: Tahoma;background-color:#7e9da7}

.titoloMenu {font-family: Tahoma; font-size: 14; font-style: normal; font-weight: bold;}
.comboMenu {font-family: Tahoma; font-size: 12; font-style: normal; font-weight: normal; width: auto; min-width: 128px;}

:root {
	--fp-bg: linear-gradient(180deg, #f4f7fb 0%, #dbe6f0 100%);
	--fp-surface: rgba(255, 255, 255, 0.94);
	--fp-surface-strong: #ffffff;
	--fp-border: #c7d4e3;
	--fp-border-strong: #9eb4c9;
	--fp-text: #1f2a37;
	--fp-text-soft: #5b6878;
	--fp-accent: #0f6cbd;
	--fp-accent-strong: #0a4f8a;
	--fp-accent-soft: #e8f1fb;
	--fp-success: #13795b;
	--fp-shadow: 0 8px 20px rgba(36, 62, 92, 0.09);
	--fp-radius: 10px;
	--fp-radius-sm: 7px;
}

body.form-presenze-alunni-page {
	margin: 0;
	padding: 10px 12px;
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: var(--fp-text);
	background: var(--fp-bg);
	background-attachment: fixed;
}

body.form-presenze-alunni-page {
	background: #7e9da7;
	background-attachment: initial;
}

body.form-presenze-alunni-page > form[name="form1"] {
	display: block;
	max-width: 100%;
	margin-top: 6px;
	overflow-x: auto;
	padding-bottom: 4px;
	border-radius: var(--fp-radius);
	box-shadow: none;
}

body.form-presenze-alunni-page form[name="form1"] table {
	min-width: max-content;
	background: var(--fp-surface);
	border: 1px solid var(--fp-border) !important;
	border-collapse: separate !important;
	border-spacing: 0;
	border-radius: var(--fp-radius);
	overflow: hidden;
	backdrop-filter: blur(6px);
	color: var(--fp-text);
}

body.form-presenze-alunni-page form[name="form1"] td {
	padding: 4px 6px;
	border: 0;
	border-right: 1px solid var(--fp-border);
	border-bottom: 1px solid var(--fp-border);
	vertical-align: middle;
	background: rgba(255, 255, 255, 0.72);
	transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

body.form-presenze-alunni-page form[name="form1"] tr:first-child td {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #fff;
	background: linear-gradient(135deg, #0f6cbd 0%, #12436d 100%);
	border-right-color: rgba(255, 255, 255, 0.16);
	border-bottom-color: rgba(255, 255, 255, 0.18);
}

body.form-presenze-alunni-page form[name="form1"] tr:nth-child(2) td,
body.form-presenze-alunni-page form[name="form1"] tr:nth-child(3) td {
	background: linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);
	font-weight: 600;
	font-size: 11px;
	color: var(--fp-text-soft);
}

body.form-presenze-alunni-page form[name="form1"] td[bgcolor] {
	background: linear-gradient(180deg, #fdfefe 0%, #eef4fa 100%) !important;
}

body.form-presenze-alunni-page form[name="form1"] tr:hover td {
	background-color: rgba(231, 241, 250, 0.9);
}

body.form-presenze-alunni-page form[name="form1"] tr:first-child:hover td,
body.form-presenze-alunni-page form[name="form1"] tr:nth-child(2):hover td,
body.form-presenze-alunni-page form[name="form1"] tr:nth-child(3):hover td {
	background-color: transparent;
}

body.form-presenze-alunni-page form[name="form1"] tr td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
	background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
	font-weight: 600;
	box-shadow: 1px 0 0 var(--fp-border);
	white-space: nowrap;
}

body.form-presenze-alunni-page form[name="form1"] tr:first-child td:first-child,
body.form-presenze-alunni-page form[name="form1"] tr:nth-child(2) td:first-child,
body.form-presenze-alunni-page form[name="form1"] tr:nth-child(3) td:first-child {
	z-index: 2;
}

body.form-presenze-alunni-page form[name="form1"] tr:last-child td {
	background: #f7fafc;
	font-weight: 600;
}

body.form-presenze-alunni-page form[name="form1"] tr:last-child td:first-child {
	background: #eef4fa;
	color: var(--fp-accent-strong);
}

body.form-presenze-alunni-page form[name="form1"] td b,
body.form-presenze-alunni-page form[name="form1"] td span[id^="tot"] {
	color: var(--fp-accent-strong);
}

body.form-presenze-alunni-page #datetitle,
body.form-presenze-alunni-page td.io {
	font-variant-numeric: tabular-nums;
	font-size: 11px;
	color: var(--fp-text-soft);
	white-space: nowrap;
}

body.form-presenze-alunni-page form[name="form1"] a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 6px;
	border: 1px solid var(--fp-border);
	border-radius: 999px;
	background: var(--fp-surface-strong);
	color: var(--fp-accent);
	text-decoration: none;
	font-weight: 700;
	font-size: 11px;
	box-shadow: none;
}

body.form-presenze-alunni-page form[name="form1"] a:hover {
	background: var(--fp-accent-soft);
	border-color: var(--fp-accent);
	color: var(--fp-accent-strong);
}

body.form-presenze-alunni-page #rifdata,
body.form-presenze-alunni-page form[name="form1"] input[type="text"] {
	height: 28px;
	padding: 0 8px;
	border: 1px solid var(--fp-border-strong);
	border-radius: var(--fp-radius-sm);
	background: #fff;
	color: var(--fp-text);
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.05);
	outline: none;
	font-size: 12px;
}

body.form-presenze-alunni-page #rifdata:focus,
body.form-presenze-alunni-page form[name="form1"] input[type="text"]:focus {
	border-color: var(--fp-accent);
	box-shadow: 0 0 0 4px rgba(15, 108, 189, 0.15);
}

body.form-presenze-alunni-page form[name="form1"] input[type="submit"],
body.form-presenze-alunni-page form[name="form1"] input[type="button"] {
	margin-top: 8px;
	margin-right: 6px;
	padding: 7px 12px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #0f6cbd 0%, #0a4f8a 100%);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.01em;
	box-shadow: 0 4px 12px rgba(15, 108, 189, 0.16);
	cursor: pointer;
}

body.form-presenze-alunni-page form[name="form1"] input[type="button"]#GetBadges,
body.form-presenze-alunni-page form[name="form1"] input[type="button"]#GetBadgesFake {
	background: linear-gradient(135deg, #13795b 0%, #0f5e47 100%);
	box-shadow: 0 4px 12px rgba(19, 121, 91, 0.16);
}

body.form-presenze-alunni-page form[name="form1"] input[type="submit"]:hover,
body.form-presenze-alunni-page form[name="form1"] input[type="button"]:hover {
	filter: brightness(1.03);
	transform: translateY(-1px);
}

body.form-presenze-alunni-page form[name="form1"] input[type="radio"],
body.form-presenze-alunni-page form[name="form1"] input[type="checkbox"] {
	width: 14px;
	height: 14px;
	accent-color: var(--fp-accent);
	cursor: pointer;
}

body.form-presenze-alunni-page form[name="form1"] div[id$="_d"] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 16px;
}

body.form-presenze-alunni-page form[name="form1"] img {
	display: block;
	max-width: 100%;
}

body.form-presenze-alunni-page .ui-datepicker {
	border: 1px solid var(--fp-border) !important;
	border-radius: 14px !important;
	box-shadow: var(--fp-shadow) !important;
	overflow: hidden;
}

body.form-presenze-alunni-page .ui-datepicker .ui-datepicker-header {
	border: 0 !important;
	background: linear-gradient(135deg, #0f6cbd 0%, #12436d 100%) !important;
	color: #fff !important;
}

@media (max-width: 900px) {
	body.form-presenze-alunni-page {
		padding: 6px;
	}

	body.form-presenze-alunni-page form[name="form1"] td {
		padding: 3px 4px;
	}

	body.form-presenze-alunni-page form[name="form1"] tr:first-child td {
		font-size: 12px;
	}

	body.form-presenze-alunni-page #rifdata,
	body.form-presenze-alunni-page form[name="form1"] input[type="text"] {
		width: 104px;
	}
	}

/* ioGraph.php */
form[action="ioGraph.php"] {
	margin: 12px;
	padding: 10px;
	border: 1px solid var(--fp-border-strong);
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(244, 248, 252, 0.95) 100%);
	box-shadow: 0 8px 20px rgba(33, 55, 82, 0.12);
	overflow-x: auto;
}

form[action="ioGraph.php"] > table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 10px;
	background: #f9fcff;
	border: 1px solid var(--fp-border);
	border-radius: 10px;
	overflow: hidden;
}

form[action="ioGraph.php"] > table td {
	padding: 8px 10px;
	font-size: 12px;
	font-weight: 600;
	color: var(--fp-text-soft);
	border-right: 1px solid #d9e4ef;
	background: linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);
}

form[action="ioGraph.php"] > table td:last-child {
	border-right: 0;
}

form[action="ioGraph.php"] input[type="text"],
form[action="ioGraph.php"] select {
	height: 30px;
	padding: 0 9px;
	border: 1px solid var(--fp-border-strong);
	border-radius: 8px;
	background: #fff;
	color: var(--fp-text);
	font-size: 12px;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.05);
	outline: none;
}

form[action="ioGraph.php"] input[type="text"]:focus,
form[action="ioGraph.php"] select:focus {
	border-color: var(--fp-accent);
	box-shadow: 0 0 0 3px rgba(15, 108, 189, 0.16);
}

form[action="ioGraph.php"] input[type="submit"],
form[action="ioGraph.php"] button {
	padding: 7px 12px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #0f6cbd 0%, #0a4f8a 100%);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	box-shadow: 0 4px 12px rgba(15, 108, 189, 0.18);
	cursor: pointer;
	transition: transform 0.15s ease, filter 0.15s ease;
}

form[action="ioGraph.php"] input[type="submit"]:hover,
form[action="ioGraph.php"] button:hover {
	filter: brightness(1.03);
	transform: translateY(-1px);
}

form[action="ioGraph.php"] button.addp,
form[action="ioGraph.php"] button.addd {
	margin-right: 6px;
	margin-bottom: 4px;
	padding: 5px 9px;
	font-size: 11px;
	background: linear-gradient(135deg, #13795b 0%, #0f5e47 100%);
	box-shadow: 0 3px 10px rgba(19, 121, 91, 0.18);
}

form[action="ioGraph.php"] table[border="0"]:not(:first-of-type) {
	min-width: max-content;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border: 1px solid var(--fp-border);
	border-radius: 10px;
	overflow: hidden;
}

form[action="ioGraph.php"] table[border="0"]:not(:first-of-type) td {
	padding: 5px 6px;
	border-right: 1px solid #d9e4ef;
	border-bottom: 1px solid #d9e4ef;
	font-size: 11px;
	vertical-align: middle;
	white-space: nowrap;
	background: #ffffff;
	color: var(--fp-text);
	transition: background-color 0.14s ease;
}

form[action="ioGraph.php"] table[border="0"]:not(:first-of-type) tr:nth-child(1) td,
form[action="ioGraph.php"] table[border="0"]:not(:first-of-type) tr:nth-child(2) td {
	font-weight: 700;
	background: linear-gradient(180deg, #f6faff 0%, #edf5fd 100%);
	color: var(--fp-accent-strong);
}

form[action="ioGraph.php"] table[border="0"]:not(:first-of-type) tr td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
	font-weight: 700;
	background: linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
}

form[action="ioGraph.php"] table[border="0"]:not(:first-of-type) tr:nth-child(1) td:first-child,
form[action="ioGraph.php"] table[border="0"]:not(:first-of-type) tr:nth-child(2) td:first-child,
form[action="ioGraph.php"] table[border="0"]:not(:first-of-type) tr:nth-child(3) td:first-child {
	z-index: 2;
}

form[action="ioGraph.php"] table[border="0"]:not(:first-of-type) tr:hover td {
	background: #f4f9ff;
}

form[action="ioGraph.php"] td.g {
	background: linear-gradient(180deg, #eef5fb 0%, #ddeaf7 100%);
	min-width: 8px;
}

form[action="ioGraph.php"] td.y {
	background: linear-gradient(180deg, #ffe9b0 0%, #ffd06c 100%);
	min-width: 8px;
}

form[action="ioGraph.php"] td.r {
	background: linear-gradient(180deg, #ffc0c0 0%, #ff9c9c 100%);
	min-width: 8px;
}

form[action="ioGraph.php"] td.time,
form[action="ioGraph.php"] td.tot {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	color: #18324a;
	background: #f8fbff;
}

form[action="ioGraph.php"] button.ins {
	width: 100%;
	background: linear-gradient(135deg, #0f6cbd 0%, #12436d 100%);
}

div.dlg {
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 12px;
	color: var(--fp-text);
}

div.dlg table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border: 1px solid var(--fp-border);
	border-radius: 8px;
	overflow: hidden;
}

div.dlg td {
	padding: 8px;
	font-weight: 600;
	color: var(--fp-text-soft);
	background: #f7fbff;
	border-right: 1px solid #d9e4ef;
	border-bottom: 1px solid #d9e4ef;
}

div.dlg td:last-child {
	border-right: 0;
}

div.dlg select {
	width: 100%;
	height: 30px;
	padding: 0 8px;
	border: 1px solid var(--fp-border-strong);
	border-radius: 8px;
	background: #fff;
	color: var(--fp-text);
}

@media (max-width: 980px) {
	form[action="ioGraph.php"] {
		margin: 6px;
		padding: 8px;
	}

	form[action="ioGraph.php"] > table td {
		display: block;
		border-right: 0;
		border-bottom: 1px solid #d9e4ef;
	}

	form[action="ioGraph.php"] input[type="text"],
	form[action="ioGraph.php"] select,
	form[action="ioGraph.php"] input[type="submit"] {
		width: 100%;
		margin-top: 4px;
	}

	form[action="ioGraph.php"] table[border="0"]:not(:first-of-type) tr td:first-child {
		position: static;
		box-shadow: none;
	}
}