h2.panel-title {
	max-width: 1200px;
	margin: 30px auto 10px;
}

.tool-row {
	display: flex;
	padding: 16px 40px 0;
	justify-content: space-between;
}

.tool-change-status {
	display: flex;
	flex: 1 1 auto;
	gap: 8px;
}

.tool-change-status select.inputFloating.filter {
	max-width: 240px;
	border: 1px solid var(--grey300);
	color: var(--grey600);
	padding: 16px 16px;
	background-color: #fff;
}

.tool-change-status button {
	background-color: #fff;
}

.tool-dl button {
	background-color: #fff;
	height: 100%;
}

.tool-dl button span {
	color: var(--grey600);
}

.cta-12-12.outline.bg-white {
	background-color: #fff;
}

.table-container {
	width: 100%;
	padding: 16px 40px 16px;
	margin: auto;
	overflow-x: scroll;
	background: var(--blue-200, #CCE1F0);
}

.custom-table {
	width: 100%;
	border-collapse: separate;
	font-size: 14px;
}

.custom-table thead tr {
	display: grid;
	grid-template-columns: 2% 5% 25% 5% 15% 10% 10% 10% 12% 5%;
	width: 100%;
}


.custom-table.unhcr-application-table thead tr,
.custom-table.unhcr-application-table tbody tr.row-item {
	text-align: center;
	grid-template-columns:
		45px
		/* 1: Checkbox */
		50px
		/* 2: Choice */
		100px
		/* 3: Name (minimo più largo) */
		60px
		/* 4: Gender */
		85px
		/* 5: DoB */
		135px
		/* 5.5: UNI */
		90px
		/* 6: Country of Asylum */
		90px
		/* 7: Refugee Status */
		105px
		/* 8: Selection Status */
		105px
		/* 9: Interview Date */
		105px
		/* 10: Interview Confirmed */
		105px
		/* 11: Interview Done */
		37px
		/* 12: Edit button */
}

.row-item td.edit-app-col {
	padding-left: 0;
	padding-right: 0;
}

.row-item td.edit-app-col .cta-16-12 {
	padding: 8px 5px;
}

.reset-status-button {
	font-weight: 700;
}

.pager.custom {
	color: #006ab4;
	display: flex;
	justify-content: space-between;
}

.controlGroup .next,
.controlGroup .prev {
	cursor: pointer;
}

.controlGroup .next.disabled,
.controlGroup .prev.disabled {
	opacity: 0;
	cursor: default;
}

.controlGroup .pagedisplay {
	margin-inline: 16px;
}

.perPageGroup #perPage {
	max-width: fit-content;
	max-height: fit-content;
	border: none;
	width: 30px;
	text-align: center;
}

.gotoPageGroup .gotoPage {
	border: none;
	background-color: white;
}

.page-template-FP-applications .custom-table thead tr,
.page-template-FP-applications .custom-table tbody tr.row-item {
	/* grid-template-columns: 2% 5% 25% 20% 20% 10% 7% 10%; */
	/*	grid-template-columns: 4% 7% 13% 8% 11% 14% 14% 11% 11% 5%;*/
	text-align: center;
	grid-template-columns:
		minmax(45px, max-content)
		/* 1: Checkbox */
		minmax(60px, max-content)
		/* 2: Choice */
		minmax(150px, max-content)
		/* 3: Name (minimo più largo) */
		minmax(60px, max-content)
		/* 4: Gender */
		minmax(90px, max-content)
		/* 5: DoB */
		minmax(100px, max-content)
		/* 6: Country of Asylum */
		minmax(115px, max-content)
		/* 7: Refugee Status */
		minmax(115px, max-content)
		/* 8: Selection Status */
		minmax(110px, max-content)
		/* 9: Interview Date */
		minmax(130px, max-content)
		/* 10: Interview Confirmed */
		minmax(90px, max-content)
		/* 11: Interview Done */
		minmax(50px, max-content);
	/* 12: Edit button */
}


.applications-table-body td span.label-status.gender {
	text-align: left;
}

/* Step 1: Admissible (Base) */
.label-status.admissible {
	color: #14532d;
	/* Testo Molto Scuro */
	background-color: #dcfce7;
	/* Sfondo Molto Chiaro */
}

/* Step 2: Shortlisted (Più scuro 1) */
.label-status.shortlisted {
	color: #14532d;
	/* Testo Molto Scuro */
	background-color: #86efac;
	/* Sfondo Chiaro/Medio */
}

/* Step 3: Selected (Più scuro 2) */
.label-status.selected {
	color: #FFFFFF;
	/* Testo Bianco */
	background-color: #16a34a;
	/* Sfondo Medio/Scuro */
}

/* Step 4: Scholarship Accepted (Più scuro 3 - Finale Positivo) */
.label-status.scholarship-accepted {
	color: #FFFFFF;
	/* Testo Bianco */
	background-color: #15803d;
	/* Sfondo Scuro */
}

.label-status.not-admissible,
.label-status.not-shortlisted,
.label-status.not-selected,
.label-status.scholarship-not-accepted {
	color: var(--statusRed-900, #7f1d1d);
	/* Rosso molto scuro testo */
	background-color: var(--statusRed-200, #fee2e2);
	/* Rosso molto chiaro sfondo */
}

.label-status.not-selected-but-eligible {
	color: var(--statusOrange-900, #7c2d12);
	/* Arancio molto scuro testo */
	background-color: var(--statusOrange-200, #ffedd5);
	/* Arancio molto chiaro sfondo */
}

.page-template-FP-applications table.custom-table .first-column,
.page-template-UC-applications table.custom-table .first-column {
	padding-left: 10px;
	padding-right: 0;
}

.page-template-FP-applications table.custom-table .first-column div,
.page-template-UC-applications table.custom-table .first-column div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3px;
}

.page-template-FP-applications table.custom-table .first-column div span,
.page-template-UC-applications table.custom-table .first-column div span {
	background-size: 16px 16px;
}

.page-template-FP-applications table.custom-table .first-column div span.info-icon.ttip::after,
.page-template-UC-applications table.custom-table .first-column div span.info-icon.ttip::after {
	top: 100%;
	transform: translateY(0);
}

.page-template-FP-applications .custom-table thead th,
.page-template-UC-applications .custom-table thead th {
	text-align: left;
	padding: 10px 12px 10px 0;
	position: relative;
	display: flex;
	align-items: center;
	color: var(--grey600);
	font-weight: 700;
	font-size: var(--Lineheight-2xs, 12px);
	line-height: var(--line-height-2xs, 12px);
	align-items: flex-start;
}

.custom-table thead th span {
	background-image: url(img/sort.svg);
	background-size: 8px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 12px;
}

.custom-table thead th.tablesorter-headerAsc span {
	background-image: url(img/sort-down.svg);
}

.custom-table thead th.tablesorter-headerDesc span {
	background-image: url(img/sort-up.svg);
}

.custom-table th input[type="checkbox"],
.custom-table td input[type="checkbox"] {
	transform: scale(1.2);
	cursor: pointer;
}



.row-item {
	background-color: #fff;
	border-radius: 16px;
	display: grid;
	grid-template-columns: 2% 5% 25% 5% 15% 10% 10% 10% 12% 5%;
	width: 100%;
	margin-bottom: 8px;
}

.row-item:last-of-type {
	/*	margin-bottom: 0;*/
}

.row-item td {
	padding: 10px 12px 10px 0;
	text-align: left;
	/*    white-space: nowrap;*/
	vertical-align: middle;
	display: flex;
	align-items: center;

}

.row-item td.choice-column {
	text-align: center;
	justify-self: center;
}


.ttip {
	position: relative;
	cursor: pointer;
	border-radius: 4px;
	background: var(--blue-200, #CCE1F0);
	color: #000;
	padding: 5px;
}

.ttip::after {
	content: attr(data-tooltip);
	position: absolute;
	top: calc(100% + 4px);
	/* Posizionamento sopra */
	left: 0;
	color: #000;
	padding: 8px;
	border-radius: 4px;
	font-size: 12px;
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
	border-radius: 4px;
	border: 1px solid var(--blue-200, #CCE1F0);
	background: var(--white, #FFF);
	box-shadow: 0px 2px 8px 0px rgba(0, 106, 180, 0.20);
}

.ttip:hover::after {
	opacity: 1;
	visibility: visible;
}

.gender span {
	text-transform: uppercase;
	font-weight: 500;
	padding: 5px;
	border-radius: 4px;
	background: var(--grey-300, #CBD5E1);
}

.status span {
	padding: 7px 10px;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-weight: bold;
}

.status.admissible span {
	background: var(--blue-200, #CCE1F0);
	color: var(--blue-100, #006AB4);
}

.status.not-admissible span {
	color: var(--grey-600, #475569);
	background: var(--grey-200, #E2E8F0);
}

.table-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	/* Supporto per scrolling fluido su dispositivi touch */
}

.custom-table-4 {
	max-width: 100%;
}

.custom-table-4 thead tr,
.custom-table-4 .row-item {
	grid-template-columns: 25% 25% 30% 20%;
	justify-content: space-between;
	align-items: center;
}

.page-template-UC-student-list .custom-table-4.custom-table-5 thead tr,
.page-template-UC-student-list .custom-table-4.custom-table-5 .row-item {
	grid-template-columns: 2% 5% 8% 11.5% 5.5% 11% 11% 11% 11.5% 11% 11%;
	justify-content: space-between;
}

.custom-table-4.custom-table-5 thead tr,
.custom-table-4.custom-table-5 .row-item {
	grid-template-columns: 2% 5% 10% 12.5% 6.5% 11% 11% 12.5% 15.5% 11%;
	justify-content: space-between;
}

.custom-table-4.custom-table-5 thead tr {
	align-items: flex-start;
	text-align: left;

}

.custom-table-4.custom-table-5 .cell-student-name {
	padding-bottom: 4px;
	font-weight: 500;
}

.custom-table-4.custom-table-5 .row-item td {
	padding: 8px 16px 8px 0;
}

.custom-table-4.custom-table-5 .row-item td:first-child {
	padding: 0;
	justify-content: center;
}

.custom-table-4.custom-table-5 .row-item {
	border: 2px solid #fff;
}

.custom-table-4.custom-table-5 .row-item.pending {
	border: 2px solid var(--blue200);
}

.custom-table-4 .row-interview {
	grid-template-columns: 2fr 2.5fr 1.5fr 1.5fr 1.5fr 1.5fr 1fr 1fr;

}


select.inputFloating.iF-small {
	min-height: 32px;
	padding: 4px 4px 4px 8px;
	border-radius: 4px;
	background-position: right 4px center;
}

.custom-table-4 .row-item {
	border: 2px solid var(--blue-200, #CCE1F0);
}

.custom-table-4 .row-item td {
	padding: 16px;
}

.custom-table-4 .row-item td.cell-student,
.custom-table-4 .row-item td.cell-fp,
.custom-table-4 .row-item td.cell-uni {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.custom-table-4 .cell-student-name,
.custom-table-4 .cell-fp-name,
.custom-table-4 .cell-uni-course {
	font-weight: 700;
	padding-bottom: 3px;
}

.cell-student-email,
.cell-fp-email {
	text-decoration: underline;
	color: var(--blue-100, #006AB4);
}

.cell-uni-name {
	color: var(--grey-600, #475569);
}

.inputFloating.filter.status-select,
.inputFloating.filter.status-select.interview {
	color: var(--statusAmber-900);
	background-color: var(--statusAmber-200);
}

.inputFloating.filter.status-select.contacted {
	color: var(--unhcrBlue);
	background-color: var(--blue200);
}

.inputFloating.filter.status-select.completed {
	color: var(--grey600);
	background-color: var(--blue100);
}

.student-info,
.application-info,
.other-application-info {
	font-size: var(--Fontsize-xs, 14px);
	line-height: var(--Lineheight-s, 16px);
	/* 114.286% */
}

.student-info div,
.application-info div,
.other-application-info div {
	margin-bottom: 8px;
}

.student-info div span,
.other-application-info div span {
	display: inline-block;
	padding: 4px 8px;
	background: var(--blue-100, #F2F7FB);
	border-radius: 8px;
	color: var(--grey-600, #475569);
}

.application-info div span {
	display: block;
	padding: 4px 8px;
	background: var(--blue-100, #F2F7FB);
	border-radius: 8px;
	color: var(--grey-600, #475569);
	margin-top: 4px;
}

.status-selector {
	max-width: 200px;
	margin-bottom: 20px;
}

.status-selector .above-input {
	margin-top: 16px;
}

select.inputFloating.iF-medium {
	min-height: 40px;
	padding: 4px 4px 4px 8px;
	border-radius: 4px;
	background-position: right 8px center;
}

.status-selector select.inputFloating {
	color: var(--blue-100, #006AB4);
}

.min-104 {
	min-width: 104px;
	text-align: center;

}

.shell a:hover {
	color: #006ab4;
	text-decoration: underline;
}

.shell hr {
	width: 100%;
}

.select-ap-reason {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 40px;
}

.select-ap-reason button {
	margin-left: 0;
}

.bottom-right,
.select-ap-reason button.cta-right {
	margin-right: 0;
	margin-left: auto;
	margin-top: auto;
}

.select-ap-form {
	height: 100%;
}

.select-ap-form .input-wrapper {
	max-width: none;
}

.select-ap-form .above-input {
	margin-top: 0;
}

.cta-grey.cta-disabled:hover {
	background: var(--grey-200, #E2E8F0);
	color: var(--grey-600, #475569);
	cursor: default;

}

.ap-notice {
	border-radius: 8px;
	background: var(--blue-200, #CCE1F0);
	box-shadow: 0px 8px 24px 0px rgba(0, 106, 180, 0.08);
	font-size: var(--Fontsize-xs, 14px);
	font-weight: 700;
	line-height: var(--Lineheight-xs, 14px);
	padding: 8px;
	display: inline-block;
	margin-right: auto;
	margin-top: 8px;
}

.select-ap-form fieldset {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 0;
	margin-bottom: 0;
	border-top: 0;
}

.ap-date {
	flex: 0 1 248px;
}

.ap-time-start,
.ap-time-end {
	flex: 0 1 136px;
}

.select-ap-reason input[type=radio] {
	display: none;
}

.select-ap-reason label {
	cursor: pointer;
	border: 1px solid var(--grey-300, #CBD5E1);
	padding: 12px;
	color: white;
	margin-top: 0;
	background-color: #fff;
	border-radius: 8px;
	flex: 0 0 64px;
	text-align: center;
	color: var(--grey-600, #475569);
	font-size: var(--Fontsize-xs, 14px);
	font-weight: 700;
	line-height: var(--Lineheight-xs, 14px);
	white-space: nowrap;
}

.select-ap-reason .selected-label {
	background-color: var(--unhcrBlue);
	color: white;
}

.select-ap-reason .disabled-label {
	background-color: gainsboro;
	color: white;
}

fieldset.ap-radio {
	display: flex;
	gap: 6px;
	margin-bottom: 0;
	margin-top: 8px;
}

.page-template-UC-edit-student input:checked+label,
.page-template-UC-edit-predeparture input:checked+label,
.page-template-OP-biodata input:checked+label,
.page-template-OP-student-verification input:checked+label,
.page-template-FP-edit-application input:checked+label,
input#interview-no:checked~label[for="interview-no"],
input#assistance-yes:checked~label[for="assistance-yes"],
input#assistance-no:checked~label[for="assistance-no"] {
	background: var(--blue-100, #006AB4);
	border: 1px solid var(--blue-100, #006AB4);
	color: #fff;
}

.shell-editions>p {
	border-bottom: 1px solid var(--grey-300, #CBD5E1);
	padding-bottom: 8px;
}

.shell-editions>a {
	margin-left: auto;
}

.uc-info span {
	color: var(--blue-100, #006AB4);
	font-size: var(--Lineheight-2xs, 12px);
	font-weight: 500;
	line-height: var(--line-height-2xs, 12px);
}

.new-ap {
	color: var(--grey-600, #475569);
	font-size: var(--Fontsize-xs, 14px);
	font-weight: 700;
	line-height: var(--Lineheight-xs, 14px);/
}

.new-ap span {
	display: inline-block;
	color: #fff;
	background: var(--Status-red-700, #B91C1C);
	border-radius: 60px;
	font-size: var(--Fontsize-3xs, 11px);
	font-weight: 700;
	line-height: var(--Fontsize-3xs, 11px);
	padding: 2px 4px;
}

.shell-uc-ap {
	gap: 8px;
}

.edition-countries {
	padding-top: 16px;
}

.edition-countries-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 24px;
}

.edition-countries-list p {
	padding: 4px 8px;
}

.shell .shell.shell-edition {
	display: flex;
	gap: 8px;
	flex-direction: column;
	padding: 16px 16px 24px;
	margin-bottom: 12px;
	flex: 0 1 382px;
}

.edition-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.edition-open {
	color: var(--Status-green-900, #14532D);
	font-size: var(--Fontsize-xs, 14px);
	font-weight: 700;
	line-height: var(--Lineheight-xs, 14px);
	background: var(--Status-green-200, #BBF7D0);
}

.edition-closed {
	color: var(--Status-red-900, #7F1D1D);
	font-size: var(--Fontsize-xs, 14px);
	font-weight: 700;
	line-height: var(--Lineheight-xs, 14px);
	background: var(--Status-red-200, #FECACA);
}

.edition-title {
	border-bottom: 1px solid var(--grey-300, #CBD5E1);
}

.button-edit-mode,
.edition-meta a.cta-pencil {
	background-image: url(img/pencil.svg);
	background-position: left 8px center;
	background-repeat: no-repeat;
	background-size: 14px;
	background-color: #fff;
	color: var(--grey-600, #475569);
	border-radius: 8px;
	border: 1px solid var(--grey-300, #CBD5E1);
	padding: 12px 12px 12px 24px;
}

.button-edit-mode:hover,
.button-edit-mode:focus {
	background-image: url(img/pencil.svg) !important;
	background-position: left 8px center !important;
	background-repeat: no-repeat !important;
	background-size: 14px !important;
	background-color: #fff !important;
	color: var(--unhcrBlue) !important;
}

.button-edit-mode.disabled,
.button-edit-mode.disabled:hover,
.button-edit-mode.disabled:focus {
	opacity: 0.5;
	cursor: not-allowed;
}

.delete-edition {
	border-top: 1px solid var(--grey-300, #CBD5E1);
}

.delete-edition a {
	color: var(--Status-red-700, #B91C1C);
	padding: 16px;
	display: inline-block;
}

.edition-open-cb {
	color: var(--grey-600, #475569);
}

.blue-notice {
	color: var(--grey600);
	background-color: var(--blue100);
	padding: 16px 8px;
	text-align: center;
	border-radius: 16px;
	margin: 0;
}

.blue-notice a {
	text-decoration: underline;
}

.shell.signup-recover {
	align-items: stretch;
}

.signup-recover h1 {
	text-align: left;
	margin-bottom: 24px;
}

.recover-form {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.recover-form .input-wrapper,
.recover-form>input {
	width: 100%;
	max-width: 100%;
}

.left-side-dashboard ol li {
	cursor: pointer;
}

.page-template-student-edit-profile .left-side-dashboard ol li {
	cursor: default;
}

.refugee-id-wrapper,
.document-wrapper,
.split-wrapper {
	display: flex;
	gap: 16px;
}

.step-form textarea {
	min-height: 104px;
}

.step-form .input-wrapper-file {
	flex: 0 1 349px;
}

.step-form .document-wrapper .input-wrapper-file input {
	max-width: 376px;
	width: 100%;
}

input[type=file] {
	border-radius: 8px;
	background: var(--grey-100, #F1F5F9);
	height: 61px;
	font-weight: 700;
	font-size: var(--Fontsize-xs, 14px);
	cursor: pointer;
}

input[type=file]::file-selector-button {
	background-color: var(--blue-100, #006AB4);
	background-image: url(img/upload_file.svg);
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-size: 16px;
	padding: 12px 12px 12px 32px;
	border: none;
	color: #fff;
	margin-right: 12px;
	height: 100%;
	cursor: pointer;
}

#privacy-agreement .input-wrapper {
	display: flex;
	align-items: flex-start;
	flex: 0 0 auto;
	gap: 4px;
}

#privacy-agreement form {
	justify-content: flex-start;
	padding-top: 24px;
}

#privacy-agreement .input-wrapper input {
	width: 16px;
	height: 16px;
}

#admissibility form {
	gap: 24px;
}

#admissibility form .input-wrapper,
#admissibility form .input-wrapper input[type=file] {
	width: 404px;
	flex: 0 0 auto;
}

#admissibility form .input-wrapper.input-wrapper-full {
	width: 100%;
}

.user-print-info {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding-top: 22px;
}

.user-print-info .single-info {
	display: flex;
	gap: 4px;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
}

.double-info {
	display: flex;
	gap: 24px;
}

.single-info-content {
	border-radius: 8px;
	background: var(--blue-100, #F2F7FB);
	color: var(--grey-600, #475569);
	padding: 4px 8px;
	font-size: var(--Fontsize-xs, 14px);
	line-height: var(--Lineheight-m, 20px);
	/* 142.857% */
}

.single-info-name {
	font-size: var(--Fontsize-xs, 14px);
	font-weight: 500;
	line-height: var(--Lineheight-s, 16px);
	/* 114.286% */
}

.single-info-dl {
	border: 1px solid var(--grey-300, #CBD5E1);
	background-color: #fff;
	background-image: url(img/file_download.svg);
	background-repeat: no-repeat;
	background-position: left 8px center;
	padding-left: 28px;
	background-size: 16px;
	cursor: pointer;

}

.user-info-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

#education-skills .user-info-wrapper {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 4px solid var(--grey-100, #F1F5F9);
}

.select-ap-form-biodata {
	padding-top: 16px;
}

.select-ap-form ol {
	padding-top: 16px;
	margin-left: 0;
	padding-left: 12px;
}

.select-ap-form ol li {
	padding-bottom: 16px;
}

.ap-legend {
	color: var(--grey-600, #475569);
}

.filter-wrapper-first-line {
	display: flex;
	flex: 1 1 100%;
	gap: 16px;
}

#first-choice-filter {
	min-width: 100px;
}

.custom-table-uni.custom-table thead tr,
.custom-table-uni.custom-table .row-item {
	grid-template-columns: 2% 5% 20% 15% 5% 10% 5% 10% 10% 12% 5%;
}

.custom-table-biodata-list.custom-table thead tr,
.custom-table-biodata-list.custom-table .row-item {
	grid-template-columns: 2% 12% 12% 14% 10% 11% 14% 16% 9%;
}

.custom-table-biodata-list.predeparture-grid {
    display: block;
    width: 100%; /* Forza la tabella a riempire il .table-scroll */
}

.custom-table-biodata-list.custom-table.predeparture-grid thead tr,
.custom-table-biodata-list.custom-table.predeparture-grid .row-item {
	grid-template-columns:2% 5% 7% 4% 8% 8% 8% 9% 8% 8% 8% 6% 8% 6% 6%;
	min-width: 100%;
	width: max-content
}

.custom-table-biodata-list.predeparture-grid .first-column{
	justify-content: flex-end;
}
.user-print-info-files input[type=checkbox] {
	width: 16px;
	height: 16px;
}

.user-print-info-files-head,
.user-print-single-file {
	display: flex;
	justify-content: space-between;
	padding: 15px 16px;
	align-items: center;
}

.user-print-info-files-head {
	padding: 0 0 12px 16px;
}

.user-print-info-files {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 4px solid var(--grey-100, #F1F5F9);
}

.user-print-single-file {
	border-radius: 16px;
	border: 1px solid var(--grey-300, #CBD5E1);
	margin-bottom: 4px;
}

.files-select-all,
.user-print-single-file div {
	display: flex;
	align-items: center;
	gap: 8px;
}

.files-select-all {
	margin-top: 4px;
	margin-bottom: 4px;
}

.user-print-single-file a {
	background-image: url(img/file_download.svg);
	background-repeat: no-repeat;
	background-position: left 8px center;
	padding-left: 28px;
	background-size: 16px;
	color: var(--grey-600, #475569);
	font-size: var(--Fontsize-xs, 14px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Lineheight-xs, 14px);
}

.files-dl-all {
	display: flex;
	justify-content: space-between;
	gap: 32px;
	padding: 4px 8px;
	color: var(--grey-600, #475569);
	font-size: var(--Fontsize-xs, 14px);
	font-weight: 500;
	line-height: var(--Lineheight-s, 16px);
	border-radius: 8px;
	background: var(--grey-200, #E2E8F0);
	align-items: center;
}

a.files-dl-all-close {
	text-indent: -9999px;
	background-image: url(img/close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	width: 16px;
	height: 16px;
	display: inline-block;

}

a.files-dl-all-link {
	text-indent: -9999px;
	background-image: url(img/file_download.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.select-ap-form.select-ap-form-admissibility,
.select-ap-form-shortlisted {
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	height: 100%;
}

.select-ap-form.select-ap-form-admissibility .status-selector,
.select-ap-form-shortlisted .status-selector {
	margin-bottom: 0;
}

/* .select-ap-form.select-ap-form-admissibility button {
	margin-right: 0;
	margin-left: auto;
} */
.select-ap-form.select-ap-form-admissibility .bottom-right {
	margin-top: auto;
	margin-right: 0;
}

.select-ap-form .user-print-info {
	padding-top: 0;
}

.bluebox-small {
	border-radius: 16px;
	background: var(--blue-200, #CCE1F0);
	padding: 8px 16px;
}

.bluebox-small a {
	background-image: url(img/back.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 5px;
	padding-left: 9px;
	display: block;
}

.shell-padding {
	padding-top: 40px;

	padding-bottom: 40px;
}

.title-multi-step p.block-S {
	color: var(--grey-600, #475569);
	margin-bottom: 4px;
}

span.select2-selection.inputFloating,
select.select2-selection.inputFloating {
	background-image: none;
}

.shell .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #000;
}

.shell .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 17px;
	right: 12px;
}

.shell .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000;
}

.exp-block {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid var(--grey-100, #F1F5F9);
	display: flex;
	flex-direction: column;
	gap: 24px;
}

span.select2-dropdown.inputFloating {
	background-image: none;
}

fieldset.interview-dates {
	gap: 12px;
	padding-bottom: 24px;
	display: block;
}

.page-template-FP-edit-application form div:is(.confirmation-box, .rejection-box) .single-interview-date .input-wrapper+div.ap-platform-link {
	margin-top: 0;
}

.interview-dates .single-interview-date {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 0;
	margin-bottom: 0;
	border-top: 0;
	align-items: flex-start;

}

.single-info-content button {
	border-radius: 4px;
	padding: 2px 4px;
	border: none;
	color: white;
	background-color: var(--unhcrBlue);
	font-weight: 700;
	margin-left: 5px;
}

.single-info-content .label-status.confirmed {
	color: var(--statusGreen-900);
	background-color: var(--statusGreen-200);
	font-weight: 700;
	padding: 2px 4px;
	margin-left: 5px;
}

.add-circle {
	margin-top: 24px;
}

.single-interview-date+.single-interview-date {
	margin-top: 24px;
}

.single-interview-date input[type=time],
.single-interview-date input[type=date] {
	max-height: 61px;
}

.blue-select.select2-dropdown--below {
	background-color: var(--blue100);
	padding-bottom: 10px;
	padding-top: 10px;
	border: 1px solid var(--blue200);
}

.select2-container--default .blue-select .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--unhcrBlue);
	border-radius: 4px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-radius: 4px;
}

.filter-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
	padding-right: 0;
}

.filter-wrapper .select2-container .select2-selection--single.blue-select {
	height: auto;
	padding-top: 16px;
	padding-bottom: 16px;
}

td.cell-action {
	text-align: center;
}

td.cell-action button {
	margin: 0 auto;
}

.cell-action-head {
	margin: 0 auto;
}

#university-showcase>div {
	gap: 24px;
}

#university-showcase .left-side-text {
	flex: 0 1 336px;
}

#university-showcase .logo-uni+h1 {
	max-width: 336px;
	margin-top: 12px;
}

.step-form .select2-container {
	width: 100% !important;
}

.step-form .split-wrapper .input-wrapper {
	flex: 1 1 50%;
}

.pager {
	margin-top: 8px;
	font-size: 0.875rem;
}

.pager img {
	width: 16px;
	height: 16px;
	cursor: pointer;
}

#wrapper-topbar .header-user {
	font-size: 0.875rem;
}

a.header-user-dash-link {
	background: var(--blue-200, #CCE1F0);
	color: var(--blue-100, #006AB4);
	padding: 4px 6px;
	border-radius: 4px;
	display: inline-block;
}

.file-size.file-size-error {
	background-color: #FECACA;
	color: #7F1D1D;
}

.file-size,
.file-type {
	display: inline-block;
	padding: 2px 6px;
	border-radius: 8px;
	background-color: var(--blue100);
	color: var(--grey600);
	margin-top: 5px;
	font-size: 0.75rem;
}

.file-size.file-size-error {
	background-color: #FECACA;
	color: #7F1D1D;
}

.change-image-row-upload label {
	margin-bottom: 0;
}

.above-input {
	position: relative;
	/* Imposta qui la larghezza desiderata del contenitore,
     oppure usa una custom property per il max-width del tooltip */
	--tooltip-max-width: 300px;
	/* Puoi usare 100% se .above-input ha una larghezza fissa */
}

.info-icon.ttip {
	width: 16px;
	height: 16px;
	background-image: url(img/icons-set/info.svg);
	display: inline-block;
	vertical-align: middle;
	cursor: help;
	position: relative;
	/* il tooltip verrà posizionato relativamente a questa icona */
}

.above-input {
	position: relative;
	/* Contesto di posizionamento per il tooltip */
	/* Se vuoi limitare il tooltip alla larghezza di .above-input,
     puoi impostare anche max-width: 100%; in .info-icon.ttip::after */
}

.info-icon.ttip {
	width: 16px;
	height: 16px;
	background-image: url(img/icons-set/info.svg);
	display: inline-block;
	vertical-align: middle;
	cursor: help;
	position: relative;
	background-color: transparent;
	/* Rimuovi position: relative qui, così il pseudo-elemento eredità il contesto da .above-input */
}

.info-icon.ttip::after {
	content: attr(data-tooltip);
	position: absolute;
	top: 0;
	transform: translateY(-100%);
	padding: 8px;
	font-size: 12px;
	color: #000;
	background: var(--white, #FFF);
	border: 1px solid var(--blue-200, #CCE1F0);
	border-radius: 4px;
	box-shadow: 0px 2px 8px 0px rgba(0, 106, 180, 0.20);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
	font-weight: 400;
	display: inline-block;
	width: max-content;
	max-width: 300px;
	min-width: 120px;
	/* Ora 100% si riferisce a .above-input */
	white-space: normal;

	pointer-events: none;
}

.info-icon.ttip:hover::after,
.info-icon.ttip:focus::after {
	opacity: 1;
	visibility: visible;
}



input[type="file"] {
	cursor: pointer;
}

input[type="file"].input-error {
	background-color: #FECACA;
}

.course-card-top {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: flex-start;
	margin-bottom: 12px;
	width: 100%;
}

.course-card-top a:nth-last-child(2) {
	margin-right: auto;
	margin-left: 0;
}

.course-card-meta {
	display: flex;
	flex: 0 0 auto;
	gap: 4px;
	margin-right: 0;
}

.course-card-date {
	border-radius: 4px;
	background: var(--grey-200, #E2E8F0);
	padding: 4px 4px 4px 22px;
	background-image: url(img/calendar.svg);
	background-repeat: no-repeat;
	background-position: center left 4px;

}

.course-card-lang {
	display: flex;
	gap: 4px;
}

.course-card-lang span {
	display: inline-block;
	border-radius: 4px;
	background: var(--blue-200, #CCE1F0);
	padding: 4px;
	color: var(--blue-100, #006AB4);
}

.course-card-cta {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0;
	margin-top: auto;
	padding-top: 12px;
}

.right-side-text p {
	word-break: break-word;
}

.snackbar-alert {
	position: fixed;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	padding: 16px;
	border-radius: 8px;
	background: var(--white, #FFF);
	box-shadow: 0px 8px 24px 0px rgba(0, 106, 180, 0.4);
	color: var(--grey-600, #475569);
	display: flex;
	justify-content: space-between;
	gap: 40px;
	z-index: 1000;
}

.snackbar-alert a:hover {
	color: #006ab4;
	text-decoration: underline;
}

.signup #error-message {
	background-color: #FECACA;
	color: #7F1D1D;
	font-size: var(--Fontsize-xs, 14px);
	padding: 2px 6px;
	border-radius: 8px;
	margin-top: 5px;
}

.signup #error-message-password {
	background-color: #FECACA;
	color: #7F1D1D;
	font-size: var(--Fontsize-xs, 14px);
	padding: 2px 6px;
	border-radius: 8px;
	margin-top: 5px;
}

.change-image-row-control>.cta-grey {
	border: 1px solid var(--grey100);
}

.change-image-row .change-image-row-control {
	margin-top: 16px;
	display: flex;
	gap: 8px;
	align-items: flex-start;

}

.change-image-row-upload {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.change-image-row .change-image-row-control label {
	margin-left: 0;
}

.change-image-row-image .logo-uni,
.focal-point-header .logo-uni,
.left-side-text .logo-uni {
	max-height: 115px;
	border-radius: 0;
	border: none;
	height: auto;
	width: auto;
}

.user-info .logo-uni {
	width: auto;
	max-width: 100%;
	height: auto;
	border-radius: 0;
	border: none;
}

.focal-point-header {
	flex-direction: column;
	align-items: flex-start;
}

.course-card-v2.uni-card {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.course-card-v2.uni-card .cta-12-12 {
	margin-bottom: 0;
}

.footer-info-space {
	background-color: var(--mainBakground);
}

.footer-3-col {
	padding-top: 32px;
	display: flex;
	justify-content: center;
	gap: 24px;
	text-align: center;
}

.footer-3-col h3 {
	background-color: #fff;
	padding: 24px;
	border-radius: 16px;
	flex: 0 1 304px;
}

.footer-3-col h3 {
	margin-bottom: 36px;
	font-weight: 700;
}

.footer-3-col h3 span {
	color: #006AB4;
	font-size: 4.125rem;
}

.shell .pagination {
	display: flex;
	margin: 0 auto 48px;
	gap: 8px;
	justify-content: center;
	font-size: 16px;
	line-height: 18px;
}

.shell .pagination .current {
	font-weight: 700;
}

.shell .pagination a {
	cursor: pointer;
	text-decoration: none;
}

.showcase-wrapper-new .showcase-title {
	padding-left: 0;
	justify-content: space-between;
}

.showcase-wrapper-new .showcase-title p:last-of-type {
	margin-left: 0;
}

.showcase-courses ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.showcase-courses li {
	padding: 4px 8px;
	border-radius: 8px;
	background: var(--blue-100, #F2F7FB);
	font-size: var(--Fontsize-xs, 14px);
	font-style: normal;
	font-weight: 500;
	line-height: var(--Lineheight-m, 20px);
	/* 142.857% */
}

.alert-step {
	margin-top: 48px;

	color: #B91C1C;
	background: rgba(185, 28, 28, 0.12);
	padding: 16px;
	text-align: left;
	border-radius: 16px;
	font-weight: bold;
	font-size: var(--f-16);
	line-height: 1.25;
}

#privacy-agreement input {
	cursor: pointer;
}

.page-template-student-edit-profile #confirmationModalDeleteCourse>div,
.page-template-student-dashboard #confirmationModalDeleteCourse>div {
	text-align: center;
}

.page-template-student-edit-profile #confirmationModalDeleteCourse>div .cta-12-12.delete:not(.clear),
.page-template-student-edit-profile #confirmationModalDeleteCourse>div .cta-12-12.delete,
.page-template-student-dashboard #confirmationModalDeleteCourse>div .cta-12-12.delete:not(.clear),
.page-template-student-dashboard #confirmationModalDeleteCourse>div .cta-12-12.delete {
	border: 1px solid var(--blue-100, #006AB4);
	background: rgba(0, 106, 180, 0.08);
	color: var(--blue-100, #006AB4);
}

.page-template-student-edit-profile #confirmationModalDeleteCourse>div .cta-12-12.delete:hover,
.page-template-student-dashboard #confirmationModalDeleteCourse>div .cta-12-12.delete:hover {
	background: rgba(0, 106, 180, 0.12) !important;
	color: var(--blue-100, #006AB4) !important;
}

.page-template-student-edit-profile .loader-wrapper,
.page-template-student-load-other-documents .loader-wrapper,
.page-template-UC-load-other-documents .loader-wrapper,
.page-template-operations-load-other-documents .loader-wrapper {
	position: fixed;
	background: #8080800f;
	justify-content: center;
	align-items: center;
	top: 0;
	bottom: 0;
	backdrop-filter: blur(1px);
	-webkit-backdrop-filter: blur(1px);
	left: 0;
	right: 0;
	z-index: 10000;
}

.page-template-student-edit-profile #confirmationModalDeleteCourse>div,
.page-template-UC-load-other-documents #confirmationModalDeleteCourse>div,
.page-template-OP-load-other-documents #confirmationModalDeleteCourse>div {
	text-align: center;
}

.single-education-container+.single-education-container,
.user-info-wrapper .exp-block+.exp-block {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--grey300);
}

/* .tool-change-status,
.tool-dl,
th #select-all,
tr .row-select {
	display: none;

} */
.tool-change-status {
	display: none;
}

.tool-dl {
	margin-left: auto;
}

.instructions {
	text-align: center;
}

.instructions-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	max-width: 1000px;
	margin: 0 auto;
}

.instructions-wrapper p {
	background-color: #faeb00;
	padding: 12px;
	border-radius: 12px;
	color: #006ab4;
	margin-bottom: 0;
	font-size: 1.25rem;
	display: flex;
	align-items: center;
	gap: 12px;
}

.instructions-wrapper p.guidance {
	font-weight: 400;
	font-size: 1.125rem;
	padding: 12px;
	background-color: var(--mainBakground);
}

.instructions-wrapper p.guidance a {
	text-decoration: underline;
}

.instructions-wrapper p.guidance a:hover {
	color: #006ab4;
}

.operation-dashboard .bluebox {
	gap: 8px;
	padding: 24px 40px;
}

.operation-dashboard .bluebox p {
	margin-bottom: 0;
}

.operation-dashboard .shell.user-info {
	flex: 0 1 174px;
}

.operation-dashboard .shell.main-zone:has(> .shell) {
	padding-top: 0;
}

.ops-stats {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.ops-stats span {
	font-size: var(--Fontsize-m, 18px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Lineheight-l, 24px);
	display: inline-block;
	padding: 4px 8px;
	border-radius: 8px;
}

.ops-stats p {
	margin-top: 8px;
}

.ops-stats-total span {
	background-color: var(--blue-200, #CCE1F0);
	color: var(--blue-100, #006AB4);
}

.ops-stats-confirmed span {
	background: var(--Status-green-200, #BBF7D0);
	color: var(--Status-green-900, #14532D);
}

.ops-stats-pending span {
	background: var(--Status-amber-200, #FDE68A);
	color: var(--Status-amber-900, #78350F);
}

.search-wrapper {
	position: relative;
	flex: 1 1 auto;
}

.search-wrapper #search-bar {
	width: 100%;
}

button#reset-search {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: none;
	color: #006ab4;
	text-decoration: underline;
	font-size: var(--f-14);
	line-height: 1.14;
	background-image: url(img/close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px auto;

}

#select2-filter-gender-results li {
	text-transform: capitalize;
}

.page-template-UC-dashboard .shell.user-info {
	flex-basis: auto;
}

.page-template-UC-dashboard .shell .shell.shell-edition {
	flex-basis: auto;
	position: relative;
}

.page-template-UC-dashboard .shell .shell-edition:last-of-type {
	margin-bottom: 0;
}

.page-template-UC-dashboard .shell.main-zone:has(> .shell) {
	padding-bottom: 0;
}

.applicants-by-country {
	max-width: 100%;
	width: 100%;
}

.applicants-by-country thead tr {
	background-color: var(--blue200);
}

.applicants-by-country thead th {
	font-size: var(--Fontsize-s, 12px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Lineheight-s, 16px);
	color: var(--grey-600, #475569);
	padding: 4px 8px;
}

.applicants-by-country tbody tr {
	border-top: 1px solid var(--grey-300, #CBD5E1);
}

.applicants-by-country tbody tr td {
	padding: 4px 8px;
	font-size: var(--Fontsize-s, 14px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Lineheight-m, 20px);
}

.applicants-by-country .align-right {
	text-align: right;
}

.table-scroll-wrapper table.applicants-by-country tr:nth-child(even) {
	background-color: var(--blue100);
}

/* File replace */

/* Riga che mostra il file esistente (barra grigia) */
.file-display-row {
	display: flex;
	align-items: center;
	gap: 10px;
	background: var(--grey-100, #F1F5F9);
	border: none;
	border-radius: 8px;
	padding: 0 12px 0 0;
	margin-bottom: 8px;
	/* Spazio sotto la barra */
	height: 61px;
	overflow: hidden;
	font-weight: 700;
}

/* Pulsante Download (Stile simile all'immagine) */
.button.download-button {
	padding: 6px 10px;
	font-size: 13px;
	background-color: var(--unhcrBlue);
	color: #fff;
	border: none;
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
	height: 61px;
	background-image: url(img/file_download_white.svg);
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-size: 14px;
	padding: 12px 12px 12px 32px;
}

.button.download-button:hover {
	color: #fff;
}

.button.download-button {}

/* Nome del file visualizzato */
.file-name-display {
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
	/* Occupa spazio rimanente */
	min-width: 0;
}

/* Contenitore dell'input file effettivo */
#file-input-container {
	margin-bottom: 8px;
	/* Spazio sotto l'input quando visibile */
}

#file-input-container input[type="file"] {
	font-size: 14px;
	max-width: 100%;
	/* Applica qui gli stili specifici che già hai per il tuo input file */
}

/* Riga inferiore con testo dimensione e pulsante Replace */
.file-info-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-top: 4px;
	/* Spazio sopra questa riga */
}


/* Pulsante Replace/Cancel/Undo (Stile "link" come nell'immagine) */
.button.replace-button {
	padding: 4px 8px;
	/* Più piccolo */
	font-size: var(--Fontsize-xs, 14px);
	font-weight: 700;
	background-color: transparent;
	text-decoration: underline;
	color: var(--grey-600, #475569);
	border: none;
	cursor: pointer;
	flex-shrink: 0;
}

.button.replace-button:hover {
	/* background-color: #f0f0f0; */
	text-decoration: underline;
	/* Sottolinea all'hover */
}

.hidden {
	display: none !important;
}

.page-template-UC-edit-student .step-form .input-wrapper-file {
	flex: 0 1 auto;
}

.back {
	border-radius: 16px;
	position: relative;
	display: none;
	width: 100%;
	max-height: 0;
	transition: max-height .2s ease-in-out;
	transform: rotateY(180deg);
	-webkit-backface-visibility: hidden;
	/* Nasconde il retro quando non è girato */
	backface-visibility: hidden;
	/* Nasconde il retro quando non è girato */
	margin-inline: auto;
	padding: 0;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	/* Include padding nell'altezza totale */
	background-color: white;
	/* Aggiungi un colore di sfondo se necessario */
}

.flipped .back {
	height: auto;
	max-height: 100vh;
	padding: 16px;
	display: flex;
}

.front {
	transition: max-height .2s ease-in-out;
	max-height: 100vh;
	display: block;
}

.flipped .front {
	display: none;
	padding: 0;
	max-height: 0;
	transition: max-height 0s ease-in-out;
}

.intro-stats {
	padding: 16px;
	border-radius: 16px;
	background-color: var(--blue200);
	margin-bottom: 16px;
}

.intro-stats p {
	margin-bottom: 0;
	font-size: var(--f-14);
	line-height: 1.428;
}

.intro-stats p span.cta-12-12 {
	display: inline-block;
	padding: 3px;
	font-weight: 700;
}


.table-scroll-wrapper {
	flex-grow: 1;
	/* Fa sì che il wrapper occupi lo spazio rimanente */
	overflow-y: auto;
	/* Aggiunge la scrollbar verticale SOLO se necessario */
	min-height: 0;
	/* Necessario per flexbox in alcuni browser per calcolare correttamente l'overflow */
	margin-top: 10px;
	/* Aggiungi un po' di spazio sotto il pulsante "Back" */
	width: 100%;
}

.dashboard .shell.left-side-dashboard.multi-step.shell-other-documents-list {
	padding: 40px 28px;
}

.other-documents-list div {
	word-break: break-all;
	font-size: 13px;
	line-height: 16px;
}

.other-documents-list div+div {
	margin-top: 6px;
}

.other-document-submit {
	display: flex;
	justify-content: flex-end;
}

.other-document-link-wrapper {
	padding-top: 18px;
}

.confirmation-box .select2-container--default .select2-selection--clearable,
.confirmation-box .select2-container--default .select2-selection--multiple {
	padding: 12px;
	min-height: auto;
}

.confirmation-box>div {
	margin-top: 16px;
}

.confirmation-box .select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top: 0;
	margin-left: 0;
	border-radius: 8px;
	background: var(--blue-200, #CCE1F0);
	border: none;
	padding-left: 8px;
	padding-right: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 20px;
	color: var(--blue-100, #006AB4);
	font-weight: 500;
}

.confirmation-box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	left: auto;
	right: 0;
}

#select2-selected-for-course-container {
	display: flex;
	gap: 5px;
	margin: 0;
	flex-wrap: wrap;

}

.confirmation-box .select2-container--default.select2-container--focus .select2-selection--multiple,
.confirmation-box .select2-container .select2-selection--multiple {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.confirmation-box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	border: none;
	font-size: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--blue-100, #006AB4);
}

.confirmation-box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.confirmation-box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	background-color: transparent;
	color: var(--blue-100, #006AB4);
}

.confirmation-box .select2-search textarea.select2-search__field::placeholder {
	color: #6c757d !important;
	font-family: proxima-nova;
	opacity: 1;
}

.confirmation-box .select2-search--inline {
	flex: 1 1 auto;
}


/* Stili per il contenitore di flatpickr */
.flatpickr-wrapper {
	position: relative;
	/* Necessario per posizionare l'icona in modo assoluto */
	display: block;
	/* O inline-block, a seconda del layout desiderato */
	/* Assicurati che inputFloating non sovrascriva position: relative o display */
}

/* Stili per l'icona */
.flatpickr-icon {
	position: absolute;
	right: 12px;
	/* Distanza dal bordo destro */
	top: 50%;
	/* Centra verticalmente */
	transform: translateY(-50%);
	/* Ajusta il centramento verticale */
	cursor: pointer;
	/* Indica che è cliccabile */
	z-index: 2;
	/* Assicura che l'icona sia sopra l'input */
	color: #797676;
	/* Colore dell'icona (esempio) */
	/* Aggiungi transizioni o effetti al passaggio del mouse se desideri */
}

/* Opzionale: Aumenta il padding a destra dell'input per fare spazio all'icona */
.flatpickr-wrapper input.inputFloating {
	padding-right: 35px;
	/* Aumenta padding per evitare che il testo vada sotto l'icona */
}

/* Opzionale: Cambia colore icona al focus dell'input */
.flatpickr-wrapper input.inputFloating:focus+.flatpickr-icon,
.flatpickr-wrapper input.inputFloating:not(:placeholder-shown)+.flatpickr-icon {
	color: #006ab4;
	/* Esempio: colore blu al focus */
}

input#interview-date::placeholder,
input#interview-date::-webkit-input-placeholder {
	color: #797676 !important;
	opacity: 1 !important;
	visibility: visible;
}

.extra-slot {
	padding-top: 20px;
}

.interview-notes-container {
	margin-top: 20px;
	margin-bottom: 20px;
}

.interview-notes-container h4 {
	margin-top: 0;
	margin-bottom: 15px;
}

.notes-display-area a,
.notes-edit-area a {
	display: inline-block;
}

.notes-display-area .notes-content {
	display: block;
	padding: 12px 12px 4px;
	background: var(--blue-100, #F2F7FB);
	border-radius: 8px;
	color: var(--grey-600, #475569);
	margin-top: 4px;
	margin-bottom: 10px;
}

.notes-display-area .notes-content p {
	font-size: var(--Fontsize-xs, 14px);
	line-height: var(--Lineheight-s, 16px);
	margin-bottom: 8px;
}

.notes-edit-area textarea.notes-textarea {
	width: 100%;
	margin-bottom: 10px;
	border-radius: 8px 8px 0px 0px;
	border: none;
	border-bottom: 1px solid var(--grey600);
	background-color: var(--grey100);
	outline: none;
	font-size: var(--Fontsize-xs, 14px);
	line-height: var(--Lineheight-s, 16px);
	padding: 12px 12px 0;
}

.notes-edit-area textarea.notes-textarea::placeholder {
	color: #475569 !important;
	opacity: .7;
}

.notes-status {
	display: inline-block;
	/* Per allineamento verticale */
	vertical-align: middle;
	/* Allinea con i bottoni */
	font-style: italic;
	font-size: var(--Fontsize-xs, 14px);
	line-height: var(--Lineheight-s, 16px);
}

a.cancel-notes-button {
	font-size: 16px;
}

textarea.notes-textarea:placeholder-shown+a.save-notes-button {
	background-color: gainsboro;
	color: white;
	border: 1px solid var(--grey-300, #CBD5E1);
}

a.save-notes-button {
	border: 1px solid var(--unhcrBlue);
}


.created-by-repechage {
	border: 1px solid var(--statusAmber-200);
}

.sent-to-repechage {
	background-color: var(--grey-200, #E5E7EB);
}
@media screen and (max-width: 1000px) {
	.login-text {
		padding: 40px 40px;
		max-width: 400px;
		margin: 0 auto;
	}

	.shell.dashboard .shell.main-zone {
		padding: 16px;
	}

	.dashboard .shell.left-side-dashboard {
		max-width: 200px;
	}

	.dashboard .shell.left-side-dashboard.multi-step {
		padding: 20px 20px 20px 24px;
	}

	.multi-step ol {
		gap: 14px;
	}
}

@media only screen and (max-width: 979px) {

	body,
	html {
		font-size: 16px;
		line-height: 1.2;
	}
}

@media screen and (max-width: 768px) {
	#university-showcase>div {
		flex-direction: column;
	}

	#university-showcase .left-side-text,
	#university-showcase .right-side-text {
		flex: 1 1 auto;
	}

	.login-text {
		padding: 40px 20px;
		max-width: 360px;
	}

	.shell:not(.shell *):has(> .shell) {
		flex-direction: column;
	}

	.shell.dashboard {
		min-height: auto;
	}

	.dashboard .shell.left-side-dashboard {
		max-width: 100%;
	}

	.dashboard .shell.left-side-dashboard.multi-step {
		padding: 20px 40px;
	}

	.dashboard .shell.left-side-dashboard.multi-step ol {
		display: inline-block;
		column-count: 2;
	}


}

@media screen and (max-width: 600px) {
	.shell.login {
		flex-direction: column;
	}

	.login-img-wrapper {
		flex: 0 0 250px;
	}

	.login-img-wrapper img {
		height: 300px;
		width: 100%;
	}

	.login-text {
		padding: 40px 40px;
		max-width: 520px;
		flex: 1 1 auto;
		width: 100%;
	}

	.signup-form,
	.login-form {
		margin-top: 24px;
		max-width: 320px;
	}

	.shell.signup {
		padding: 56px 40px 40px
	}

	.dashboard .shell.left-side-dashboard.multi-step ol {
		display: inline-block;
		column-count: 1;
	}

	.step-form .split-wrapper .input-wrapper {
		flex: 1 1 100%;
	}

	.split-wrapper {
		flex-direction: column;
	}
}

@media screen and (max-width: 480px) {
	.footer-3-col {
		display: block;
		padding-bottom: 42px;
	}

	.header-user {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}