.opt-certification-progress-container {
	width: 100%;
	height: 20px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
	background-color: white;
	border-radius: 16px;
	overflow: hidden;
}

.opt-certification-progress {
	width: 0;
	height: 20px;
	background-color: var(--saetta_o_lit);
	transition: all 600ms ease-out;
}

.opt-certification-icon-size {
	--tux_icon_size: 24px;
}

.opt-certification-translateX-50 {
	transform: translateX(-50%);
}

.opt-certification-check {
	--tux_icon_size: 18px;
	--tux_icon_color: var(--saetta_err);
}

.opt-certification-check.ai {
	--tux_icon_color: var(--saetta_ok);
}

.opt-certification-remove {
	width: 22px;
	height: 22px;
	border-radius: 100%;
	border: 1px solid var(--saetta_dark_gray);
	background-color: white;
	cursor: pointer;
	--tux_icon_size: 14px;
}

.opt-certification-translate-50 {
	transform: translate(-50%, -50%);
}

.opt-certification_modal_x {
	--tux_icon_size: 24px;
}

.opt-ivass-checkbox-completed:checked {
	background-color: var(--saetta_ok) !important;
}

.opt-text-disabled {
	color: var(--saetta_disabled);
}

input[type=checkbox][disabled], input[type=checkbox][disabled]+label {
	cursor: default;
}

input[type=checkbox]:not([disabled])+label {
	cursor: pointer;
}

.opt_limdis {
	display: flex;
	--tux_input_font_size: 13px;
	--tux_input_padding: 6px;
}

.opt_limdis .l {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.opt_limdis .r {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
}


.realm_row {
	display:flex;
	border-bottom: solid 1px var(--saetta_lit_gray);
	justify-content: space-between;
	font-size:13px;
	font-weight: 500;
	padding-top:6px;
	padding-bottom:6px;
	--tux_icon_color: var(--saetta_lit);
	--tux_icon_fill: var(--saetta_lit);
	--tux_icon_color_active: var(--saetta_dark);
	--tux_icon_fill_active: var(--saetta_dark);
}