/*fonts ed icone*/
.material-icons {
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 24px; /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: "liga";
}

.material-symbols-outlined {
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px; /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
}

.material-symbols-outlined {
	font-variation-settings: "FILL" 0, "wght" 100, "GRAD" 200, "opsz" 48 !important;
	color: var(--main-col);
}

.ico-show-label {
	position: relative;
}

.ico-label {
	display: none;
	position: absolute;
}

.ico-show-label:hover .ico-label {
	display: block;
	position: absolute;
	top: 18px;
	background: var(--main-col);
	z-index: 10;
	width: fit-content;
	min-width: fit-content;
	white-space: nowrap;
	border: 1px solid var(--main-col);
	padding: 0 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	left: 0;
}

.Controls .material-symbols-outlined {
	position: relative;
}

form#corsi_anagrafica_form .material-symbols-outlined.search {
	border: 1px solid;
	margin: 0 4px;
	padding: 2px;
	border-radius: 3px;
	vertical-align: middle;
}

/*NUOVO CSS PALETTE COLORI*/
:root {


	--secondary-col: #51B9F0;
	--background-col: #F2F7FC;
	--table-header-col: #fff;
	--table-header-text-col: #06c;

	--main-col: #676BF5;
	--menu-link-text: #655e6a;
	--fields-text: #444;

	--link-color: #0066cc;
	--main-col: #7EC8DF;
	--light-main-col: #ddc1f7;
	--lighter-main-col: #f4eefb;
	--background-col: #eaf2f9;
	--main-col-medium: #47B1D2;
	--bg-color-forms: #fafcfe;
	--bg-color-fields: #e9f1f7;
	--border-fields: #dbe7f1;
	--main-col-borders: #7ec8df;
	--main-col-headers: #34a7cb;
	--main-col: #A435F0;
	--main-col-borders: #A435F0;
	--main-col-headers: #06c;
	--background-col: #F7F9FA;
	--underline-col: #0f98a6;
	--box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
	--error-col: #CC334C;
	--warning-col: #995C00;
	--light-main-col: #ddd1eb;
}

/*END NUOVO CSS PALETTE COLORI*/
/* CCSTheme v 3.x */
/* General */

/* Colors */
.PageBgColor {
	background-color: #d0dbe3;
}

.FormTitleBgColor {
	background-color: #3d84cc;
}

.FormTitleFontColor {
	color: #ffffff;
}

.CaptionBgColor {
	background-color: #abcae9;
}

.CaptionFontColor {
	color: #000000;
}

.DataBgColor {
	background-color: #f7f7f7;
}

.AltDataBgColor {
	background-color: #ebf2f8;
}

.DataFontColor {
	color: #000000;
}

.LinkColor {
	color: #0059b2;
}

.VisitedLinkColor {
	color: #0059b2;
}

.HoverLinkColor {
	color: #ff0000;
}


/* BEGIN Common */
* {
	font-family: 'Titillium Web', sans-serif;
}

body {
	background-color: var(--background-col);
	font-family: 'Titillium Web', sans-serif;
	padding: 0 32px 84px;
	font-size: 80%;
	position: relative;
	background: #f2f7fa;
}

body.body-login {
	background: var(--bg-color-fields);
}

body.body-login footer {
	display: none;
}

.text {
	color: #444;
}

a.menulink:link, a.menulink:visited {
	color: #0059b2;
}

a.menulink:hover, a.menulink:active {
	color: #ff0000;
}


a:link {
	color: var(--link-color);
}

a:visited {
	color: #0059b2;
}

a:hover, a:active {
	color: var(--underline-col);
}

ul, ol, blockquote {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}

form {
	margin: 0;
	/* box-sizing: border-box; */
	/* overflow-y: scroll; */
}

h1 {
	font-size: 150%;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 {
	font-size: 130%;
	margin-top: 15px;
	margin-bottom: 5px;
}

h3 {
	font-size: 110%;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 5px;
}

h4 {
	font-size: 100%;
	margin-top: 15px;
	margin-bottom: 5px;
}

h5 {
	font-size: 100%;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 5px;
}

h6 {
	font-size: 90%;
	margin-top: 15px;
	margin-bottom: 5px;
}

th {
	font-family: 'Titillium web';
	font-size: 80%;
	text-align: left;
}

td {
	font-size: 80%;
	text-align: left;
}

/*input, textarea, select {
	font-family: Tahoma;font-size: 80%;
	font-size: 100%;
}

html>body input, html>body select, html>body textarea {
	font-family: Tahoma;font-size: 80%;
	font-size: inherit;
}*/

/* END Common */

.Header {
	width: 100%;
}

.Header th {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	background-image: none;
	width: 100%;
	white-space: nowrap;
	background-color: var(--table-header-col);
	padding: 4px 8px;
	border-top: 3px solid var(--main-col-borders);
	border-radius: 4px 4px 0 0;
	color: var(--main-col-headers);
	font-weight: 600;
	font-size: 21px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	font-family: "Titillium web";
}

form[name="form_statistiche"] {
	border-top: 3px solid var(--main-col);
	border-radius: 4px 4px 0 0;
}

.Header a:link {
	color: var(--link-color);
	font-size: 15px;
}

.Header a:visited {
	color: var(--link-color);
}

.Header a:hover, .Caption a:active {
	color: var(--underline-col);
}

.HeaderLeft {
	background-image: url('Images/HeaderLeft.gif');
	display: none;
}

.HeaderRight {
	background-image: url('Images/HeaderRight.gif');
	background-position: right top;
	display: none;
}

.HeaderLeft img {
	width: 7px;
}

.HeaderRight img {
	width: 14px;
}

/* Grid Options */
.Grid {
	width: 100%;
}

.Caption th {
	text-align: left;
	vertical-align: top;
	border: 1px solid var(--border-fields) !important;
	white-space: nowrap;
	background: var(--lighter-main-col);
	color: var(--fields-text);
	padding: 8px;
}

#corsi .Caption th,
#anagrafica .Caption th {
	border-left: 2px solid var(--main-col) !important;
	padding: 12px 8px;
	font-size: 15px;
}

.Caption th a .material-symbols-outlined {
	position: relative;
	top: 6px;
}

.Caption td {
	font-size: 80%;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border: 1px solid var(--border-fields);
	background-color: var(--lighter-main-col);
	color: #000000;
	white-space: nowrap;
}


.Caption a:link {
	color: var(--link-color);
	text-decoration: none;
	font-size: 15px;
}

.Caption a:visited {
	color: var(--link-color);
}

.Caption a:hover, .Caption a:active {
	text-decoration: underline;
	color: var(--main-col);
}

.Caption img {
	margin: 2px;
	vertical-align: middle;
}

.Caption input {
	vertical-align: middle;
}

.Row th {
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border: 1px solid #abcae9;
	background-color: #f7f7f7;
	color: #000000;
	white-space: nowrap;
	color: #000000;
}

.Row td {
	font-size: 80%;
	padding: 4px;
	border: 1px solid var(--border-fields);
	text-align: left;
	vertical-align: top;
	background-color: #fff;
	color: #000000;
}


caption.Row {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #3d84cc;
	border-bottom: 0px;
	text-align: left;
	vertical-align: top;
	background-color: #f7f7f7;
	color: #000000;
}


.Row a:link {
	color: var(--link-color);
	font-weight: 500;
	text-decoration: none;
}

.Row a:visited {
	color: #0059b2;
}

.Row a:hover, .Row a:active {
	color: var(--underline-col);
}

.Separator {
	color: #3d84cc;
}

.Separator td {
	height: 1px;
}


.AltRow th {
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border: 1px solid #abcae9;
	background-color: #f7f7f7;
	color: #000000;
	white-space: nowrap;
	color: #000000;
}

.AltRow td {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: left;
	vertical-align: top;
	background-color: #ebf2f8;
	color: #000000;
}


.AltRow a:link {
	color: #0059b2;
}

.AltRow a:visited {
	color: #0059b2;
}

.AltRow a:hover, .AltRow a:active {
	color: #ff0000;
}

.NoRecords td {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: left;
	background-color: #f7f7f7;
	color: #000000;
	vertical-align: top;
}

.Footer td {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	background-color: #fff;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
}


.Footer a:link {
	color: var(--link-color);
	font-weight: 600;
	font-size: 15px;
}

.Footer a:visited {
	color: #0059b2;
}

.Footer a:hover, .Footer a:active {
	color: var(--underline-col);
}

.Footer img {
	margin: 2px;
	vertical-align: middle;
}

.Footer input {
	margin: 2px;
	vertical-align: middle;
}

/* Record Options */
.Record {
	/* border: 1px solid #3d84cc; */
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.Error {
	position: relative;
}

.Error:before {
	content: "\e000";
	font-family: "Material Symbols Outlined";
	position: absolute;
	left: 8px;
	top: 4px;
	color: var(--error-col);
	font-size: 23px;
}

.Error td {
	padding: 4px;
	border: 1px solid var(--error-col) !important;
	text-align: left;
	color: var(--error-col);
	vertical-align: top;
	background-color: #fff;
	display: block;
	border-radius: 4px;
	border-width: 1px 1px 1px 4px !important;
	padding-left: 32px;
	font-weight: 500;
}


.Controls th {
	text-align: left;
	vertical-align: top;
	border: 1px solid #e2e9ef;
	white-space: nowrap;
	padding: 8px;
	font-weight: 500;
	font-size: 14px;
}

.Controls th label {
	display: inline-flex;
	align-items: center;
	margin: 0 8px 0 0;
}

#anagrafica1 .Controls th label {
	display: flex;
	max-height: 25px;
}

.Controls td {
	font-size: 80%;
	padding: 4px;
	border: 1px solid var(--border-fields);
	text-align: left;
	vertical-align: top;
	color: #000000;
	font-weight: 500;
}

.Controls td label {
	display: inline-flex;
	align-items: center;
	margin-right: 8px;
}

.Bottom td {
	font-size: 80%;
	padding: 4px;
	border: 1px solid var(--border-fields);
	background-color: #fff;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #444;
}


.Bottom a:link {
	color: #0059b2;
}

.Bottom a:visited {
	color: #0059b2;
}

.Bottom a:hover, .Caption a:active {
	color: #ff0000;
}

.Bottom img {
	margin: 2px;
	vertical-align: middle;
}

.Bottom input {
	margin: 2px;
	vertical-align: middle;
}

/* Report */
.GroupCaption th {
	font-size: 80%;
	padding: 4px;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: var(--lighter-main-col);
	color: #000000;
}

.GroupCaption td {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #f7f7f7;
	color: #000000;
}


.GroupCaption a:link {
	color: #000000;
}

.GroupCaption a:visited {
	color: #000000;
}

.GroupCaption a:hover, .GroupCaption a:active {
	color: #ff0000;
}

.GroupFooter td {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #abcae9;
	color: #000000;
}


.GroupFooter a:link {
	color: #0059b2;
}

.GroupFooter a:visited {
	color: #0059b2;
}

.GroupFooter a:hover, .GroupFooter a:active {
	color: #ff0000;
}

.GroupFooter img {
	margin: 2px;
	vertical-align: middle;
}

.GroupFooter input {
	margin: 2px;
	vertical-align: middle;
}

.SubTotal td {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #ebf2f8;
	color: #000000;
	border-bottom: 2px solid #3d84cc;
}


.SubTotal a:link {
	color: #0059b2;
}

.SubTotal a:visited {
	color: #0059b2;
}

.SubTotal a:hover, .SubTotal a:active {
	color: #ff0000;
}

.Total td {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #ebf2f8;
	color: #000000;
}


.Total a:link {
	color: #0059b2;
}

.Total a:visited {
	color: #0059b2;
}

.Total a:hover, .Total a:active {
	color: #ff0000;
}

/* Form Options */
.Button {
	background-color: #0066CC;
	color: #ffffff;
	font-size: 17px;
	border: 0 !important;
	padding: 4px 16px;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 26px;
	height: auto;
	cursor: pointer;
	font-weight: 600;
}

.Button:hover {
	filter: brightness(0.9);

}

input#corsi_iscrizioneButton_Submit_Import, input#corsi_iscrizioneButton_Submit_Import_all {
	background: #fff;
	border: 0;
	color: var(--link-color);
	font-weight: 700;
	font-size: 14px;
	border: 1px solid var(--link-color) !important;
	letter-spacing: 0;
}

a[id^="corsi_iscrizioneid_anagrafica"] {
	color: var(--link-color) !important;
	padding: 1px 4px 1px 7px;
	border-radius: 2px;
	font-weight: 600 !important;
	border: 1px solid;
}

a[id^="corsi_iscrizioneid_anagrafica"]:after {
	content: "\f1ce";
	font-family: 'Material Symbols Outlined';
	margin: 0 0 0 4px;
}

/* Calendar */

.Calendar {
	border: 1px solid var(--border-fields);
	width: 100%;
	background: #fff;
	border-radius: 0 0 8px 8px;
}

.CalendarWeekdayName {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	background-color: #ebf2f8;
	color: #000000;
	font-weight: 500;
}


.CalendarWeekdayName a:link {
	color: #0059b2;
}

.CalendarWeekdayName a:visited {
	color: #0059b2;
}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active {
	color: #ff0000;
}

.CalendarWeekendName {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	background-color: #ebf2f8;
	color: #000000;
	font-weight: 500;
}


.CalendarWeekendName a:link {
	color: #000000;
}

.CalendarWeekendName a:visited {
	color: #000000;
}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited {
	color: #ff0000;
}

/* Calendar Day */
.CalendarDay {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: center;
	background-color: #fff;
	color: #000000;
}


.CalendarDay a:link {
	color: #0059b2;
}

.CalendarDay a:visited {
	color: #0059b2;
}

.CalendarDay a:hover, .CalendarDay a:active {
	color: #ff0000;
}

/* Calendar Weekend */
.CalendarWeekend {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: center;
	background-color: #ebf2f8;
	color: #000000;
}


.CalendarWeekend a:link {
	color: #0059b2;
}

.CalendarWeekend a:visited {
	color: #0059b2;
}

.CalendarWeekend a:hover, .CalendarWeekend a:active {
	color: #ff0000;
}

/* Calendar Today */
.CalendarToday {
	font-size: 80%;
	padding: 2px;
	border: 2px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;
	color: #000000;
}


.CalendarToday a:link {
	color: #0059b2;
}

.CalendarToday a:visited {
	color: #0059b2;
}

.CalendarToday a:hover, .CalendarToday a:active {
	color: #ff0000;
}

/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 80%;
	padding: 2px;
	border: 2px solid #3d84cc;
	text-align: center;
	background-color: #ebf2f8;
	color: #000000;
}


.CalendarWeekendToday a:link {
	color: #0059b2;
}

.CalendarWeekendToday a:visited {
	color: #0059b2;
}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active {
	color: #ff0000;
}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: center;
	background-color: #fff;
	color: #3d84cc;
}


.CalendarOtherMonthDay a:link {
	color: #3d84cc;
}

.CalendarOtherMonthDay a:visited {
	color: #3d84cc;
}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active {
	color: #ff0000;
}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 80%;
	padding: 2px;
	border: 2px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;
	color: #3d84cc;
}


.CalendarOtherMonthToday a:link {
	color: #3d84cc;
}

.CalendarOtherMonthToday a:visited {
	color: #3d84cc;
}

.CalendarOtherMonthToday a:hover, .CalendarOtherMonthToday a:active {
	color: #ff0000;
}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: center;
	background-color: #ebf2f8;
	color: #3d84cc;
}


.CalendarOtherMonthWeekend a:link {
	color: #3d84cc;
}

.CalendarOtherMonthWeekend a:visited {
	color: #3d84cc;
}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active {
	color: #ff0000;
}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 80%;
	padding: 2px;
	border: 2px solid #3d84cc;
	text-align: center;
	color: #3d84cc;
	background-color: #ebf2f8;
}


.CalendarOtherMonthWeekendToday a:link {
	color: #3d84cc;
}

.CalendarOtherMonthWeekendToday a:visited {
	color: #3d84cc;
}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active {
	color: #ff0000;
}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	background-color: #abcae9;
	color: #000000;
	text-align: center;
	font-weight: bold;
}


.CalendarSelectedDay a:link {
	color: #000000;
}

.CalendarSelectedDay a:visited {
	color: #000000;
}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active {
	color: #ff0000;
}

/* Calendar Navigator */
.CalendarNavigator {
	font-size: 80%;
	padding: 4px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
}


.CalendarNavigator a:link {
	color: #0059b2;
}

.CalendarNavigator a:visited {
	color: #0059b2;
}

.CalendarNavigator a:hover, .CalendarNavigator a:active {
	color: #ff0000;
}

.CalendarNavigator img {
	margin: 2px;
	vertical-align: middle;
}

.CalendarNavigator td {
	font-size: 80%;
}

.CalendarNavigator th {
	font-size: 80%;
}


/* Calendar Extra */
.CalendarEvent {
	font-size: 80%;
	text-align: left;
}


.CalendarEvent a:link {
	color: #0059b2;
}

.CalendarEvent a:visited {
	color: #0059b2;
}

.CalendarEvent a:hover, .CalendarEvent a:active {
	color: #ff0000;
}

/* Changes for Section508 */
table tr td strong {
	padding: 0px;
	margin: 0px;
}

.th {
	font-family: Tahoma;
	font-size: 80%;
	font-weight: bold;
}


.Header .th {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	background-image: url('Images/HeaderBg.gif');
	color: #ffffff;
	width: 100%;
	white-space: nowrap;
}


.Caption .th {
	font-size: 80%;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border: 1px solid #abcae9;
	background-color: #abcae9;
	color: #000000;
	white-space: nowrap;
}


.Row .th {
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border: 1px solid #abcae9;
	background-color: #f7f7f7;
	color: #000000;
	white-space: nowrap;
	color: #000000;
}

.AltRow .th {
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border: 1px solid #abcae9;
	background-color: #f7f7f7;
	color: #000000;
	white-space: nowrap;
	color: #000000;
}

.Controls .th {
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border: 1px solid #abcae9;
	background-color: #f7f7f7;
	color: #000000;
	white-space: nowrap;
	color: #000000;
}

.GroupCaption .th {
	font-size: 80%;
	padding: 4px;
	border: 1px solid #abcae9;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	font-weight: bold;
	background-color: #ebf2f8;
	color: #000000;
}


/* Class for Application Builder Menu */
.simpleMenu td {
	font-size: 80%;
}


/*NUOVO CSS*/

/*Elementi da eliminare*/
img[src="../graph/interfaccia/shim.gif"],
table#leftSpacer,
td[background*="../graph/interfaccia/top_sfondo.jpg"] {
	display: none !important;
}

/*END Elementi da eliminare*/

/*rimozione bg*/
#mnu {
	background-image: none !important;
	display: flex;
	background: #fff;
	margin: 0 -32px 32px;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
	border-top: 6px solid var(--main-col);
	padding: 0 0 8px;
	width: 100%;
	position: fixed;
	max-width: 100vw;
	z-index: 10;
}

.olo-header-spacer {
	height: 170px;
	margin-bottom: 32px;
}

#mnu > br {
	display: none;
}

/*end rimozione bg*/
/*LOGIN********************************/
.body-login .olo-header-spacer {
	height: 124px;
}

.body-login table#head > tbody > tr:first-of-type {
	justify-content: center;
	background: transparent;
	border-bottom: 0;
}

.body-login #mnu {
	border-radius: 0 0 40% 40%;
	margin-bottom: 64px;
	box-shadow: none;
	padding-top: 9px;
	background: #f2f6fa;
}

.body-login table#head > tbody > tr:first-of-type > td {
	min-width: unset;
}

.software-login-info {
	max-width: 300px;
	margin: 24px auto;
	text-align: center;
}

.software-login-info .version {
	display: flex;
	align-items: center;
	color: #676f73;
	margin: 24px auto 0;
	text-align: center;
	background: #ffffff70;
	justify-content: flex-start;
	border-radius: 32px;
	padding: 3px 16px 3px 3px;
	box-sizing: border-box;
	width: fit-content;
}

.software-login-info .version h2 {
	margin: 0;
	font-weight: 500;
	/* font-weight: 400; */
}

.version .material-symbols-outlined {
	font-size: 30px;
	margin-right: 12px;
	border-radius: 100%;
	padding: 5px;
	background: var(--light-main-col);
	color: var(--main-col);
}

form[name="Login"] {
	display: flex;
	justify-content: center;
	max-width: 350px;
	margin: 0 auto;
	flex-wrap: wrap;
	box-shadow: var(--box-shadow);
	border-radius: 0 0 64px 64px;
}

form[name="Login"] > table {
	min-width: 100%
}

form[name="Login"] .Record {
	border-radius: 0 0 64px 64px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	background: #fff;
}

form[name="Login"] .Header th {
	border-bottom: 0;
}

form[name="Login"] .Controls td {
	border: 0;
	background: #fff;
	position: relative;
}

form[name="Login"] tr:not(.Error) td {
	border: 0;
}

form[name="Login"] .Controls {
	display: flex;
	flex-direction: column;
	justify-content: center;
	place-content: center;
	align-items: center;
}

form[name="Login"] .Bottom {
	display: flex;
	justify-content: center;
	padding: 16px;
	place-content: center;
}

form[name="Login"] .Bottom td div,
form[name="Login"] .Bottom td {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-content: center;
	place-content: center;
}

.lnk-registrati {
	margin: 0 auto 8px;
	max-width: 90%;
	text-wrap: wrap;
	text-align: center;
}

.lnk-registrati a:hover {
	color: var(--underline-col);
}

form[name="Login"] .Controls th {
	border: 0;
	font-weight: 600;
	margin: 12px 0 0;
}

input#Loginpassword {
	padding-right: 31px;
}

a#Loginpwd_smarrita {
	text-align: center;
	width: 100%;
	display: inline-block;
}

a#Loginpwd_smarrita font {
	color: var(--link-color);
}

input#Loginlogin {
	min-width: 180px;
}

.olo-showHide {
	cursor: pointer;
	margin-left: -30px;
	position: absolute!important;
	top: 7px;
	background: #fff;
	border-radius: 100%;
	padding: 3px;
	font-size: 19px !important;
	border: 1px solid var(--border-fields);
}

input#LoginButton_DoLogin {
	cursor: pointer;
	width: fit-content;
	margin: 0 auto 16px;
}

.powered-by {
	display: flex;
	flex-direction: column;
	place-content: center;
	align-items: center;
	margin: 24px auto;
	font-size: 15px;
	/* font-weight: 500; */
	color: var(--menu-link-text);
}

.powered-by img {
	max-width: 130px;
	margin-bottom: 6px;
}

#change_pwd_request {
	max-width: 400px;
	margin: 0 auto;
}
#change_pwd_request a[href="Login.php"]{
	font-weight:600;
	border:1px solid;
	padding:8px;
	display:inline-block;
	border-radius:3px;
	text-decoration:none;
	background:#fff;
}
#change_pwd_request a[href="Login.php"]:hover{
	filter:brightness(0.9);
	color: var(--link-color);
}
#change_pwd_request .Controls{
	display: flex;
	flex-direction: column;
	place-content: center;
	align-items: center;
	border: 1px solid var(--border-fields);
	padding: 16px;
}
#change_pwd_request .Bottom>td{
	border: 1px solid var(--border-fields);
	border-radius: 0 0 4px 4px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	padding: 12px 16px;
}
#change_pwd_request .Header *{
	text-align: center;
}
#change_pwd_request .Controls th,
#change_pwd_request tbody td{
	border: 0;
}


/*END LOGIN********************************/
/*HEADER***************************/
.headerMenu:before {
	content: '';
	display: inline-block;
	width: 212px;
	height: 45px;
	background-image: url("../../../graph/oloECMlogo.svg");
	background-repeat: no-repeat;
	margin-right: 24px;
}

table#head {
	background-image: none !important;
	width: 100%;
	height: fit-content;
	display: flex;
}

table#head * {
	font-size: 15px;
	font-weight: 400;
}

table#head > tbody {
	display: flex;
	flex-direction: column;
	min-width: 100%;
}

/***TOPNAV********************/
/*Main container topnav*/
table#head > tbody > tr:first-of-type {
	background: #fff;
	display: flex;
	width: 100%;
	border-bottom: 1px solid #ddd;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 8px 24px 0;
	box-sizing: border-box;
	margin-bottom: 8px;
	overflow: hidden;
}

table#head > tbody > tr:first-of-type > td {
	width: fit-content !important;
	min-width: 45%;
	display: inline-flex;
}

table#head > tbody > tr:first-of-type > td a {
	font-weight: 400;
	text-decoration: none;
}

table#head th {
	display: inline-flex;
	padding: 4px 10px;
	margin-right: 6px;
	border-radius: 8px;
	transition: all ease 0.3s;
	display: inline-block;
	position: relative;
}

.headerMenu th:hover {
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}

/*loghi topnav sinistra*/
table#head > tbody > tr:first-of-type a img[src="../graph/interfaccia/logo_olomedia.png"],
table#head > tbody > tr:first-of-type a img[src="../graph/interfaccia/logo_ospedali_riuniti.png"] {
	display: none;
}

table#head > tbody > tr:first-of-type > td div {
	max-height: 32px !important;
	width: fit-content !important;
}

table#head > tbody > tr:first-of-type a[href="http://www.villasofia.it"] {
	display: flex;
	align-items: center;
}

table#head > tbody > tr:first-of-type a[href="http://www.villasofia.it"]::before {
	content: '';
	display: inline-block;
	width: 90px;
	height: 46px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-image: url('https://www.ordinebiologisicilia.it/wp-content/uploads/2020/07/AO-VILLA-SOFIA-CERVELLO-PA.png');
	position: relative;
	margin-top: -12px;
	/*! text-decoration: underline; */
}

table#head > tbody > tr:first-of-type a[href="http://www.villasofia.it" ]:after {
	content: 'Azienda Ospedaliera Ospedali Riuniti Villa Sofia Cervello';
	font-weight: 500;
	color: var(--main-col);
	font-size: 17px;
	position: relative;
	top: -3px;
	color: #06c;
}

table#head > tbody > tr:first-of-type > td[align="left"] {
	font-weight: 700;

}

table#head > tbody > tr:first-of-type > td[align="left"] a {
	text-decoration: none;
}

table#head > tbody > tr:first-of-type > td[align="left"] a:hover {
	text-decoration: underline;
}

/*container menù utente in topnav*/
table#head > tbody > tr:first-of-type > td[align="right"] table {
	max-height: 32px;
	width: auto;
	margin-left: auto;
	position: relative;
}

table#head > tbody > tr:first-of-type > td[align="right"] table .material-symbols-outlined {
	margin: 0 0 0 8px;
	font-size: 20px;
}

table#head > tbody > tr:first-of-type > td[align="right"] table::before {
	content: "\e853";
	display: inline-block;
	position: absolute;
	left: -22px;
	font-family: "Material Symbols Outlined";
	font-size: 20px;
	color: #fff;
	background: var(--main-col);
	border-radius: 4px;
	width: 20px;
	height: 20px;
	padding: 2px;
	line-height: 20px;
	top: -1px;
}

table#head > tbody > tr:first-of-type > td[align="right"] tbody {
	display: flex;
	justify-content: flex-end;
}

/***END TOPNAV********************/
/***MAIN MENU**********************/
tr.headerMenu {
	padding: 16px 24px;
	display: flex;
	align-items: center;
	align-content: center;
	place-content: center;
}

tr.headerMenu .material-symbols-outlined {
	font-size: 33px !important;
	line-height: 33px;
}

tr.headerMenu img {
	max-height: 30px;
	max-width: 30px;
}

tr.headerMenu th a br {
	display: none;
}

tr.headerMenu th strong > a,
tr.headerMenu th > a {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	font-size: 16px !important;
	font-weight: 400;
	color: var(--menu-link-text);
	flex-direction: column;
	position: relative;
}

.headerMenu th > a[href="#"] {
	padding-right: 4px;
}

.headerMenu th > a[href="#"]::after {
	content: "\e5c5";
	display: inline-block;
	position: absolute;
	right: -13px;
	bottom: 1px;
	font-family: "Material Symbols Outlined";
	font-size: 20px;
	line-height: 19px;
}

.olo-dropdown {
	position: absolute;
	top: 100%;
	z-index: 10;
}

html .olo-dropdown .dropdown-menu, html .olo-dropdown .dropdown-panel,
html .dropdown .dropdown-menu, html .dropdown .dropdown-panel {
	text-align: left;
	border-radius: 3px;
	border: 1px solid var(--border-fields);
	box-shadow: var(--box-shadow);
	position: relative;
	top: 0;
	margin-left: -8px;
	list-style: none;
	padding-left: 0;
	position: absolute;
	display: none;
	top: 0;
	background: #fff;
}

html body .olo-dropdown .dropdown-menu.olo-show {
	display: block;
}

html body .olo-dropdown .dropdown-menu.olo-hide {
	display: none;
}

.dropdown.dropdown-tip:after {
	display: none !important;
}

html .olo-dropdown .dropdown-menu LI > A, html .olo-dropdown .dropdown-menu LABEL,
html .dropdown .dropdown-menu LI > A, html .dropdown .dropdown-menu LABEL {
	font-weight: 400;
	padding: 8px;
	color: var(--menu-link-text);
	border-bottom: 1px solid var(--border-fields);
	font-size: 16px !important;
	text-decoration: none;
	display: block;
}

html .olo-dropdown .dropdown-menu LI > A:hover, html .olo-dropdown .dropdown-menu LABEL:hover,
html .dropdown .dropdown-menu LI > A:hover, html .dropdown .dropdown-menu LABEL:hover {
	background-color: var(--main-col);
	color: #FFF;

}

html .olo-dropdown .dropdown-menu LI:last-of-type > A
html .dropdown .dropdown-menu LI:last-of-type > A {
	border: 0;
}

.olo-dropdown.dropdown-tip::before,
.dropdown.dropdown-tip::before {
	display: none !important;
}

th.active *:not(.material-symbols-outlined) {
	color: var(--main-col);
}

th.active:after {
	content: "";
	display: block;
	width: 35px;
	height: 2px;
	background: var(--main-col);
	margin: 0 auto 0;
	border-radius: 6px;
	opacity: 0.4;
	position: relative;
	top: 4px;
	margin-bottom: -2px;
}

/***END MAIN MENU**********************/
/*END HEADER***************************/

/*tabelle*/
table[width="99%"] {
	width: 100%; /* display: block; *//* box-sizing: border-box; *//* max-width: calc(100% - 4vw); */
}

form#corsiSearch {
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}

form#corsiSearch .Record {
	/* margin: 8px; */
	/* border-radius: 0 0 8px 8px; */
	background: #fff;
}

fon {
	vertical-align: middle;
}

/*forms*/
textarea, select, input {
	border: 1px solid var(--border-fields) !important;
	border-radius: 4px;
	color: var(--fields-text);
	/* font-size: 14px; */
	background: var(--bg-color-fields);
	min-height: 33px;
	padding: 0 2px;
	margin: 0 0 4px 0;
}

input[type="file"] {
	margin: 0 8px;
	cursor: pointer;
}

input[type="radio"] {
	transform: scale(1.3);
	margin-right: 5px;
	position: relative;
	top: 3px;
	cursor: pointer;
}

#utentiattivo_1, #utentiattivo_2, #anagraficaattivo_1, #anagraficaattivo_2, #anagraficaid_sesso_2, #anagraficaid_sesso_1 {
	margin-left: 12px;
}

input[type="checkbox"] {
	cursor: pointer;
	transform: scale(1.3);
	margin: 0 4px;
}

#anagrafica_corsi_corsi_ans_edizione {
	min-width: 60px
}

/*++++++++Gestione corso*/

font[color="#ff0000"] {
	color: var(--error-col);
	font-weight: 500;
}

table[border="0"][cellspacing="0"] {
	min-width: 100%;
	/* max-width: 100%; */
}

body > table,
body > table[width="99%"] {
	/* padding-top: 170px; */
}

td a[id^="corsi_anagraficalnk_modifica"] .material-symbols-outlined {
	position: relative;
	font-size: 21px;
}

a[id^="corsi_anagraficaid_anagrafica"] {
	font-weight: 500;
	text-decoration: none;
}

a#corsilnk_duplica {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: var(--link-color);
	font-weight: 600;
	vertical-align: middle;
}

a#corsilnk_duplica:hover {
	filter: brightness(0.5);
}

#corsilnk_duplica .material-symbols-outlined {
	position: relative;
	top: 0;
	margin-right: 4px;
}

form#corsi {
	margin-right: 16px;
	box-shadow: var(--box-shadow);
	background: #fff;
}

textarea#corsidenominazione {
	width: 100%;
	max-width: 100%;
}

input[value="Annulla"], input[name="Button_Annulla"], input[name="Button_Cancel"], input[name="Button_cancel"] {
	background: #fff;
	color: var(--warning-col);
	border: 1px solid var(--warning-col) !important;
	font-weight: 700;
}

input[name="Button_Delete"] {
	background: #fff;
	color: var(--error-col);
	font-weight: 600;
	border: 1px solid var(--error-col) !important;
}

.olo-data-ico {
	position: relative;
	top: -4px;
}

/*+++++++END Gestione corso*/


/**Pulsanti*/
a#anagraficaanagrafica_Insert,
a#corsi_datecorsi_date_Insert,
#utentiutenti_Insert {
	background: var(--link-color);
	color: #fff;
	border: 0;
	text-decoration: none;
	padding: 4px 8px;
	box-shadow: none;
	margin: 4px;
	border-radius: 4px;
	font-size: 15px;
	display: inline-block;
}

.pag-arrow {
	border: 1px solid var(--main-col);
	background: #fff;
	border-radius: 3px;
	font-size: 21px !important;
	padding: 4px;
}

.pag-arrow:hover {
	filter: brightness(0.9);
}

.olo-azioni {
	color: var(--link-color);
	background: #fff;
	border: 1px solid var(--main-col);
	display: inline-flex;
	border-radius: 4px;
	font-weight: 500;
	padding: 2px 0 0 8px;
	cursor: pointer;
}

.olo-azioni .material-symbols-outlined {
	color: var(--main-col);
	font-weight: 900;
}

.olo-table-drop > * {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 4px 8px;
}

.olo-table-drop {
	background: #fff;
	border: 1px solid #ccc;
	margin-top: 0 !important;
	border-radius: 0 0 4px 4px;
	border-top: 0;
	box-shadow: var(--box-shadow);
}

/*pulsanti crea nuovo o inserisci nuovo*/
a#corsiLink5_25,
a#corsiLink7_25,
a#corsicorsi_Insert,
a#anagraficaanagrafica_Insert,
a#corsi_datecorsi_date_Insert,
#utentiutenti_Insert, #black_list_corsi1Link2_1,
#anagrafica_black_list_pro1Link2_10,
#anagrafica_black_list_pro1Link2_10:visited {
	background: var(--link-color);
	text-decoration: none;
	height: 32px;
	display: inline-flex;
	align-items: center;
	color: #fff;
	padding: 0 8px 0 4px;
	border-radius: 4px;
	cursor: pointer;
	margin: 0 4px;
	border: 1px solid var(--link-color);
}

a#corsiLink5_25:before,
a#corsiLink7_25:before,
a#corsicorsi_Insert:before,
a#anagraficaanagrafica_Insert:before,
a#corsi_datecorsi_date_Insert:before,
#utentiutenti_Insert:before,
a[href^="black_list.php?nuovo"]:before {
	content: "add";
	font-family: 'Material Symbols Outlined';
	font-weight: 100;
	font-size: 25px;
	color: var(--link-color);
	margin: 0 6px 0 0;
	background: #fff;
	border-radius: 100%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	max-width: 25px;
	max-height: 25px;
	box-sizing: border-box;
}

a#corsiLink5_25:before {
	content: "checklist_rtl";
	font-size: 20px;
	line-height: 26px;
}

/**END Pulsanti*/
/*blocchi info*/
.olo-empty-state {
	margin: 16px 0;
	padding: 16px 16px 16px 48px;
	border: 2px solid var(--border-fields);
	background: #fff;
	border-radius: 4px;
	color: #666;
	font-weight: 500;
	font-size: 16px;
	position: relative;
}

.olo-empty-state:before {
	content: "info";
	font-family: "Material Symbols Outlined";
	font-size: 34px;
	position: absolute;
	left: 8px;
	top: 8px;
}

/*end blocchi info*/
/*Footer*/
footer {
	position: absolute;
	bottom: 0;
	max-width: 100vw;
	left: 0;
	padding: 8px 32px;
	background: #fff;
	border-top: 1px solid var(--border-fields);
	display: flex;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-evenly;
	font-size: 15px;
	color: #666;
	background: #e9f1f7;
	font-weight: 500;
}

footer .credits {
	display: flex;
	align-items: center;
}

footer .credits img {
	max-height: 16px;
	margin: 0 16px 0 4px;
	cursor: pointer;
}

footer .software-info {
	margin: 0 16px 0 0;
	display: flex;
	align-items: center;
	font-weight: 600;
}

footer .sw-name {
	margin: 0 6px 0 0;
	font-size: 20px;
}

footer .sw-name b {
	color: var(--main-col);
	font-weight: 700;
}

/*End footer*/
/*stati richieste*/
.full-slot:after,
.request-cancelled:after,
.request-not-accepted:after,
.request-accepted:after,
.request-sent:after {
	font-family: 'Material Symbols Outlined';
	font-size: 15px;
	position: relative;
	top: 3px;
}

.full-slot,
.request-cancelled,
.request-not-accepted,
.request-accepted,
.request-sent {
	font-weight: 600;
}

.request-sent:after {

	content: '\e941';
}

.request-accepted:after {
	content: '\e5ca';
}

.request-sent {
	color: darkorange !important;
}

a[id^="corsi_anagraficalnk_iscrizione1"], a[id^="corsi_anagraficapnl_iscrizione_docentelnk_iscrizione_"] {
	background: var(--link-color);
	color: #fff !important;
	padding: 2px 8px;
	cursor: pointer;
	border-radius: 2px;
	display: inline-block;
}

/*End stati richieste*/

/*Media*/
@media (min-width: 1441px) {
	.headerMenu:before {
		margin-right: 48px;
	}

}

@media (max-width: 1440px) {

	.body-login {
		padding-bottom: 0;
	}

	.olo-showHide {
		top: 5px;
	}

	.body-login #mnu {
		margin-bottom: 24px;
	}

	.body-login .olo-header-spacer {
		height: 90px;
		margin-bottom: 16px;
	}

	.software-login-info {
		max-width: 250px;
		margin: 0 auto 24px;
	}

	form[name="Login"] .Controls th {
		margin: 8px 0 0;
	}

	.software-login-info .version {
		font-size: 12px;
	}

	.version .material-symbols-outlined {
		font-size: 22px;
	}

	.powered-by {
		margin-top: 8px;
	}


}

@media (max-width: 1280px) {
	body {
		padding: 0 16px 64px;
	}

	#mnu {
		margin: 0 -16px 32px;
	}

	.headerMenu:before {
		width: 114px;
		height: 25px;
		margin-right: 16px;
	}

	table#head > tbody > tr:first-of-type a[href="http://www.villasofia.it" ]:after {
		font-size: 14px;
	}

	tr.headerMenu .material-symbols-outlined {
		font-size: 23px !important;
		line-height: 23px;
	}

	tr.headerMenu th strong > a, tr.headerMenu th > a {
		font-size: 13px !important;
	}

	table#head th {
		padding: 4px 8px;
	}

	tr.headerMenu {
		flex-wrap: wrap;
		justify-content: flex-start;
		padding: 16px;
	}

}

@media (max-width: 1023px) {
	/*mobile header*/
	div#mnu {
		padding: 0;
	}

	table#head th {
		border-bottom: 1px solid #eee;
		border-radius: 0;
		padding: 8px 0;
	}

	table#head th, table#head th a {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	table#head > tbody > tr:first-of-type > td {
		width: 100% !important;
		margin: 4px 0;
	}

	table#head > tbody > tr:first-of-type > td[align="right"] table {
		margin-left: 27px;
	}

	table#head > tbody > tr:first-of-type > td[align="right"] tbody td * {
		font-size: 13px;
	}

	table#head > tbody > tr:first-of-type {
		padding: 4px 8px;
	}

	table#head > tbody > tr:first-of-type a[href="http://www.villasofia.it" ]:after {
		font-size: 12px !important;
	}

	table#head > tbody > tr:first-of-type a[href="http://www.villasofia.it"]::before {
		width: 64px;
		height: 36px;
	}

	/*Logo e menu*/
	.olo-mobile-menu .logo {
		display: inline-block;
		width: 120px;
		height: 26px;
		background-image: url("../../../graph/oloECMlogo.svg");
		background-repeat: no-repeat;
	}

	.olo-mobile-menu .headerMenu:before {
		display: none;
	}

	.mobileLogo_menuToggle {
		display: flex;
		justify-content: space-between;
		width: 100vw;
		align-items: center;
		border-bottom: 1px solid #ddd;
		padding: 0 8px 8px;
		margin-left: -5px;
		box-sizing: border-box;
	}

	.menuToggleButton {
		display: flex;
		align-items: center;
	}

	.menuToggleButton .material-symbols-outlined {
		font-size: 36px !important;
		line-height: 32px;
	}

	.olo-mobile-menu tr.headerMenu {
		flex-direction: column;
		align-content: flex-start;
		padding: 0 24px 0 8px;
	}

	.olo-mobile-menu table#head th a {
		flex-direction: row;
		text-align: left;
	}

	.olo-mobile-menu .dropdown {
		position: relative;
		left: 0 !important;
		top: 0 !important;
	}

	.olo-mobile-menu .dropdown ul {
		box-shadow: none;
		background: #fff;
		border: 0;
	}


}