
		body {
			font-family: "OpenSans", sans-serif;
			background: field;
			min-height: 100vh;
		}

		/* Personalizaciones para Select2 con Bootstrap 5 */
		.select2-container--bootstrap-5 .select2-selection--multiple {
			border: 2px solid #e1e5e9 !important;
			border-radius: 12px !important;
			min-height: 50px !important;
			padding: 5px !important;
			transition: all 0.3s ease;
		}

		.tuss .select2-container--default .select2-selection--multiple.select2-selection--clearable .select2-search--inline .select2-search__field {
			padding-left: calc(80%);
			padding-right: 30px;
		}

		.select2-container--bootstrap-5.select2-container--focus .select2-selection--multiple {
			border-color: #667eea !important;
			box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
		}

		.select2-container--bootstrap-5 .select2-selection__choice {
			background: linear-gradient(135deg, #667eea, #764ba2) !important;
			border: none !important;
			color: white !important;
			border-radius: 25px !important;
			padding: 8px 12px !important;
			font-size: 14px !important;
			font-weight: 500 !important;
			margin: 5px 5px 5px 0 !important;
			animation: fadeIn 0.3s ease;
		}

		.select2-container--bootstrap-5 .select2-selection__choice__remove {
			color: white !important;
			margin-left: 8px !important;
			font-weight: bold !important;
			opacity: 0.8;
			transition: opacity 0.2s ease;
		}

		.select2-container--bootstrap-5 .select2-selection__choice__remove:hover {
			opacity: 1 !important;
			background: none !important;
		}

		.select2-container--bootstrap-5 .select2-search--inline .select2-search__field {
			border: none !important;
			outline: none !important;
			font-size: 16px !important;
			min-height: 30px !important;
			padding: 8px !important;
		}

		.select2-container--bootstrap-5 .select2-dropdown {
			border: 2px solid #e1e5e9 !important;
			border-top: none !important;
			border-radius: 0 0 12px 12px !important;
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
			animation: slideDown 0.3s ease;
		}

		.select2-container--bootstrap-5 .select2-results__option {
			padding: 12px 15px !important;
			border-bottom: 1px solid #f0f0f0 !important;
			transition: background-color 0.2s ease;
		}

		.select2-container--bootstrap-5 .select2-results__option:hover {
			background-color: #f8f9ff !important;
		}

		.select2-container--bootstrap-5 .select2-results__option--highlighted {
			background-color: #667eea !important;
			color: white !important;
		}

		.select2-container--bootstrap-5 .select2-results__option:last-child {
			border-bottom: none !important;
		}

		.select2-container--bootstrap-5 .select2-selection__placeholder {
			color: #6c757d !important;
			font-size: 16px !important;
		}

		/* Contador visual superpuesto en el select */
		.select-container {
			position: relative;
		}

		.selection-counter-overlay {
			position: absolute;
			right: 45px;
			top: 50%;
			transform: translateY(-50%);
			background: linear-gradient(135deg, #667eea, #764ba2);
			color: white;
			border-radius: 15px;
			height: 30px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 12px;
			font-weight: bold;
			opacity: 0;
			visibility: hidden;
			transition: all 0.3s ease;
			pointer-events: auto;
			cursor: pointer;
			padding: 0 10px;
			min-width: 30px;
			z-index: 10;
		}

		.selection-counter-overlay.visible,
		.selection-placeholder-label.visible {
			opacity: 1;
			visibility: visible;
		}

		.selection-counter-overlay:hover {
			background: linear-gradient(135deg, #5a6fd8, #6b42a0);
			transform: translateY(-50%) scale(1.05);
		}

		.counter-text {
			margin-right: 4px;
		}

		.counter-clear {
			font-size: 14px;
			font-weight: bold;
			opacity: 0.8;
			transition: opacity 0.2s ease;
		}

		.counter-clear:hover {
			opacity: 1;
		}

		/* Asegurar que el contador sea visible sobre Select2 */
		.select2-container--bootstrap-5 .select2-selection--multiple {
			position: relative;
		}

		.selected-items,
		.selected-tags,
		.selected-tag,
		.remove-tag {
			display: none !important;
		}

		.remove-tag {
			margin-left: 8px;
			cursor: pointer;
			font-weight: bold;
			opacity: 0.8;
			transition: opacity 0.2s ease;
		}

		.remove-tag:hover {
			opacity: 1;
		}

		@keyframes fadeIn {
			from {
				opacity: 0;
				transform: scale(0.8);
			}

			to {
				opacity: 1;
				transform: scale(1);
			}
		}

		@keyframes slideDown {
			from {
				opacity: 0;
				transform: translateY(-10px);
			}

			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		/* Scrollbar personalizado para Select2 dropdown */
		.select2-results__options::-webkit-scrollbar {
			width: 6px;
		}

		.select2-results__options::-webkit-scrollbar-track {
			background: #f1f1f1;
		}

		.select2-results__options::-webkit-scrollbar-thumb {
			background: #c1c1c1;
			border-radius: 3px;
		}

		.select2-results__options::-webkit-scrollbar-thumb:hover {
			background: #a8a8a8;
		}

		.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered,
		.select2-selection--multiple .select2-selection__rendered {
			/*display: inline-flex !important;*/
			position: absolute; 
			/*top: 4px;*/
			font-size: 1rem;
			line-height: 1.5rem; /* 2rem;*/
			margin-left: 10px;
    		z-index: 1001;

			display: inline-block !important;
			overflow: hidden;
			/*padding-left: 8px;*/
			text-overflow: ellipsis;
			white-space: nowrap;

			box-sizing: border-box;
			list-style: none;
			margin: 0; 
			padding: 0 8px !important;
			width: calc(80%);
			height: 100%;
		}

		.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
			border-right: 0 !important; padding-left:0px; position: initial;
		}

		.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
		.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
			background-color: transparent;
			color: #ffffff;
			outline: transparent;
		}

		.select2-container--default .select2-selection--multiple .select2-selection__choice {
			/*background-color: transparent !important;*/
			border-top: 0 !important;
			border-right: 1px solid #aaa;
			border-left: 0 !important;
			border-bottom: 0 !important;
			border-radius: 0 !important;
			padding-right: 4px;
			padding-left: 8px;
			height: 24px;
			align-items: center;
			justify-content: center;
			font-size: 1em;
			vertical-align: bottom;
			transition: all 0.3s ease;
			pointer-events: auto;
			cursor: pointer;
			/*margin: 0;*/
			min-width: 24px;
			z-index: 1000;
			min-width: 16px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			min-height: 1.1em;
			color: #333333;
			background-color: #647A0C;
			border-style: none;
			text-align: center;
		}
		.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
			color: #ffffff;
		}

		/** Personalizaciones para Select2 con pre-tuss */
		.select2-container--default .select2-selection--multiple {
			padding: 0;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			display: block;
			width: 100%;
			border: none;
		}

		.select2-container .select2-search--inline .select2-search__field {
			font-family: inherit;
			margin: auto;
			padding: revert;
			z-index: 1000;
			position: relative;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			display: block;
			width: 100% !important;
			min-height: 2.2em;
			padding: 7px 7px;
			border: 1px #c2c2c2 solid;
			font-size: 1.6em;
			cursor: pointer;
		}

		.select2-container .select2-search--inline .select2-search__field:focus {
			background-color: transparent;
			z-index: 1000;
			cursor: none;
		}

		.select2-container--default .select2-selection--multiple.select2-selection--clearable .select2-search--inline .select2-search__field {
			padding-left: 72px;
		}

		.select2-container--open .select2-dropdown--below {
			margin-top: 6px;
			position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			background: white;
			border: 1px #c2c2c2 solid;
			max-height: 300px;
			overflow-y: auto;
			z-index: 1000;
		}

		.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
			display: flex;
			align-items: center;
			padding: 12px 15px;
			cursor: pointer;
			transition: background-color 0.2s ease;
			border-bottom: 1px solid #f0f0f0;
		}

		.select2-results__option {
			font-size: 1.5em;
			color: #555555;
			display: flex;
			align-items: center;
			padding: 12px 15px;
			cursor: pointer;
			transition: background-color 0.2s ease;
			border-bottom: 1px solid #f0f0f0;
		}

		.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
			color: #555555;
			background-color: inherit;
		}

		.selection-counter-overlay {
			position: absolute;
			/*right: 45px;*/
			top: 50%;
			transform: translateY(-50%);
			/*background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
            border-radius: 15px;*/
			height: 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.2em;
			font-weight: bold;
			opacity: 0;
			visibility: hidden;
			transition: all 0.3s ease;
			pointer-events: auto;
			cursor: pointer;
			padding: 0 8px;
			min-width: 24px;
			z-index: 1000;

			height: 11px;
			min-width: 16px;

			moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			left: 6px;
			max-width: 42px;
			min-height: 1.1em;
			color: #ffffff;
			background: #647A0C;
			border-style: none;
			text-align: center;
			/*border: 1px #c2c2c2 solid;*/
			font-size: 1.6em;

		}

		.selection-placeholder-label {
			z-index: 999;
			position: absolute;
			right: 45px;
			top: 50%;
			transform: translateY(-50%);
			/* height: 24px; */
			display: flex;
			align-items: center;
			/* justify-content: center; */
			color: inherit;
			padding-left: 72px;
			opacity: 0;
			visibility: hidden;
			transition: all 0.3s ease;
			left: 6px;
			color: #333333;
			font-size: 1.6em;
		}

		.selection-counter-overlay:hover {
			transform: translateY(-50%) scale(1.05);
			background: #747474;
		}

		.multiselect-wrapper:has(.selection-counter-overlay.visible) .multiselect-input {
			padding-left: 72px;
		}

		.select2-container--default .select2-selection--multiple.select2-selection--clearable {
			padding-right: 0px;
		}

		.select2-container--default .select2-selection--multiple .select2-selection__clear {
			display: none;
		}

		.select2-container--default .select2-results__option--selected {
			color: #262626;
			background-color: whitesmoke;
		}

		.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable.select2-results__option--selected {
			color: #262626;
			background-color: whitesmoke;
		}
		
		.tuss .select2-container--default .select2-results__option--highlighted[aria-selected] {
			background-color: #8ab8c9 !important;
			color: #f0ffff !important;
		}

		.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable.select2-results__option--selected:before {
			
			content: '';
			width: 16px;
			height: 16px;
			position: relative; /*absolute;*/
			margin-left: 2px;
			margin-top: -1px;
			background: url(../../images/tuss_img/checkbox.png) left top no-repeat;
		}

		/* Scrollbar personalizado */
		.select2-results__options::-webkit-scrollbar {
			width: 8px;
			width: 6px;
		}

		.select2-results__options::-webkit-scrollbar-track {
			background: #fcfcfc;
			background: #f1f1f1;
		}

		.select2-results__options::-webkit-scrollbar-thumb {
			background: #737373;
			height: 68px;
			;
			background: #c2c2c2;
			border-radius: 4px;
		}

		.select2-results__options::-webkit-scrollbar-thumb:hover {
			background: #383838;
			background: #647a0c;
		}
	
        
		/** Personalizaciones para Select2 con tuss */
		.tuss .select2-container--default .select2-selection--multiple {
			border: none;
			outline: 0;
		}
		.tuss .select2-container--default.select2-container--focus .select2-selection--multiple{
			background-color: var(--background-light, #FCFCFC);
    		color: var(--textual-basic-dark, #030303);
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			border: none;
    		outline: 0;
		}

		.tuss .select2-container .select2-search--inline .select2-search__field {
			/*background-color: #fcfcfc;*/
			padding-left: 16px;
			padding-right: 16px;
			padding-top: 8px;
			padding-bottom: 8px;
			border-width: 1px;
			border-radius: 8px;
			border-style: solid;
			border-color: #cddfe6;
			color: #030303;
			cursor: pointer;
			height: 54px;
			width: 350px;
			caret-color: #046080;
			box-sizing: border-box;
			width: 100%;
			display: block;
			align-content: center;
			justify-content: space-between;
			/* margin: 8px; */
			font: 400 1rem / 26px 'Inter', sans-serif;
			color: #737373;
			line-height: 26px;
			letter-spacing: 0.12px;
			border: 1px solid var(--primary-100, #CDDFE6);
		}

		.tuss .select2-container .select2-search--inline .select2-search__field:hover,
		.tuss .select2-container .select2-selection--multiple .select2-selection__rendered:hover ~ .select2-search .select2-search__field{
			border: 1px solid var(--primary-500, #046080);
		}
		.tuss .select2-container .select2-search--inline .select2-search__field:focus,
		.tuss .select2-container .select2-selection--multiple .select2-selection__rendered:hover ~ .select2-search .select2-search__field:focus {
			border: 1px solid var(--primary-50, #E6EFF2);
			box-shadow: 0px 0px 4px 3px #4EC3CD;
			background-color: var(--background-light, #FCFCFC);
		}
		.tuss .select2-dropdown{
			border-radius: 8px;
			background-color: rgb(252, 252, 252);
			border: 1px solid rgb(205, 223, 230);
		}
		.tuss .select2-container .select2-search--inline .select2-search__field:focus {}

		.tuss .select2-container--default .select2-selection--multiple.select2-selection--clearable .select2-search--inline .select2-search__field {}

		.tuss .select2-container--open .select2-dropdown--below {
			border-radius: 8px;
			background-color: rgb(252, 252, 252);
			border: 1px solid rgb(205, 223, 230);
			box-shadow: none;
			position: absolute;
			z-index: 999999;
			box-sizing: border-box;
			left: 0px;
			max-block-size: 244px !important;
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
			margin-top: 8px;
			overflow-y: auto;
			overflow-x: hidden;
		}

		.tuss .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
			white-space: nowrap;
			overflow-x: hidden;
			text-overflow: ellipsis;
			/*width: 350px;*/
			border-block-end: none !important;
			margin: 0;
			min-width: 56px;
			border-block-start-style: none;
			border-block-end: none !important;
			border-radius: 4px;
			border-top: none;
			border-bottom: none;
			display: flex;
			align-items: center;
			padding-inline-start: 8px;
			/*padding: 0 8px;*/
			/*height: 54px;*/
			color: #030303;
			font: 400 1.6em / 26px 'Inter', sans-serif;
		}
		.tuss .select2-container--default .select2-results__option--highlighted[aria-selected]{
		    background-color: #EDF9FC;
		}

		.tuss .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:before,
		.tuss .select2-results__option:before {
			width: 20px;
			height: 20px;
			border-radius: 4px;
			gap: 8px;
			border: 2px solid #046080;
			background: #ffffff;
			margin-block: 0;
			margin-inline: 0;
			margin-right: 8px;
			bottom: 1px;
			cursor: pointer;
		}
		.tuss .select2-results__option.select2-results__option--selectable.select2-results__option--selected:before{
			width: 20px;
    		height: 20px;
			background: #ffffff url(../../images/tuss_img/icons/icon_checkbox.svg) center center no-repeat;
			border: 2px solid #046080;
			border-radius: 4px;
			margin-block: 0;
			margin-inline: 0;
			margin-right: 8px;
			bottom: 1px;
			cursor: pointer;
		}

		.tuss .select2-results__option {
			flex: 1;
			font-size: 1.6em;
			color: #030303;
			padding-inline-start: 8px;
			font: 400 1.6em / 26px 'Inter', sans-serif;
			border-bottom: none;
		}

		.tuss .select2-results__option:hover {
			background-color: #EDF9FC;
		}

		.tuss .selection-counter-overlay {
			left: 8px;
			min-width: 56px;
			height: 40px;
			padding: 0px 12px;
			border-radius: 50px;
			gap: 8px;
			background-color: #EDF9FC;
			font: 700 1rem / 26px Inter, sans-serif;
			text-align: left;
			color: #046080;
			margin-left: 0px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-right: 16px;
			border-color: transparent;			
		}

		.tuss .selection-placeholder-label {
			z-index: 999;

		}

		.tuss .selection-counter-overlay:hover {}

		.tuss .multiselect-wrapper:has(.selection-counter-overlay.visible) .multiselect-input {}

		.tuss .select2-container--default .select2-selection--multiple.select2-selection--clearable {
			/*overflow: hidden;*/
		}

		.tuss .select2-container--default .select2-selection--multiple .select2-selection__clear {}
		.tuss .select2-container--default .select2-selection--multiple .select2-selection__choice{
			/*left: 8px;*/     margin-top: 8px;
			min-width: 40px;
			height: 40px;
			padding: 0px 8px;
			border-radius: 50px !important;
			gap: 8px;
			background-color: #EDF9FC;
			font: 700 0.875rem / 26px Inter, sans-serif;
			text-align: left;
			color: #046080;
			margin-left: 0px;
			display: inline-flex;
			align-items: center;
			justify-content: space-between;
			margin-right: 8px;
			border-color: transparent;
			vertical-align: middle;
		}
		.tuss .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
		.tuss .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
			color: #046080;
		}
		.tuss .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{
			border: 1px solid var(--primary-50, #E6EFF2);
			box-shadow: 0px 0px 4px 3px #4EC3CD;
			background-color: var(--background-light, #FCFCFC);
			border-radius: 4px;
		}
		.tuss .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
		    color: var(--primary-600, #034D66);
		}
		.tuss .select2-container--default .select2-results__option--selected,
		.tuss .select2-container--default .select2-results__option--selected[aria-selected=true] {
			background-color: #B4CFD9;
		}

		.tuss .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable.select2-results__option--selected {
			background-color: #B4CFD9;
		}

		.tuss .select2-container--default .select2-results>.select2-results__options {
			max-height: 200px;
			overflow-y: auto;
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
			/*margin-top: 8px;*/
			overflow-y: auto;
			overflow-x: hidden;
		}

		/* Scrollbar personalizado */
		.tuss .select2-results__options::-webkit-scrollbar {
			width: 8px;
		}

		.tuss .select2-results__options::-webkit-scrollbar-track {
			background: #fcfcfc;
		}

		.tuss .select2-results__options::-webkit-scrollbar-thumb {
			background: #737373;
			height: 68px;
			border-radius: 4px;
		}

		.tuss .select2-results__options::-webkit-scrollbar-thumb:hover {
			background: #383838;
		}
	
		/** Modelo tuss pre-grafito*/
		.select2-container{
			display:block;
		}
		.multiselect-container {
			position: relative;
			margin-bottom: 16px;
		}

		.multiselect-label {
			/*  display: block;
            margin-bottom: 10px;
            font-weight: 600;
            color: #333;
            font-size: 1.1rem;*/
			display: inline-block;
			font-size: 1.4em;
			padding-bottom: 7px;
			font-family: "OpenSans SemiBold";
			color: #747474;
			line-height: normal;
			padding-bottom: 10px;
		}

		.multiselect-wrapper {
			width: max-content;
			/*  position: relative;
            border: 2px solid #e1e5e9;
            border-radius: 12px;
            background: white;
            transition: all 0.3s ease;*/
			position: relative;

		}

		.multiselect-wrapper:focus-within {
			border-color: #8c8c8c;
			/* box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);*/
		}

		.multiselect-input {
			/*   width: 100%;
            padding: 15px 45px 15px 15px;
            border: none;
            outline: none;
            background: transparent;
            border-radius: 10px;*/
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			display: block;
			width: 100%;
			min-height: 2.2em;
			padding: 6px 7px;
			border: 1px #c2c2c2 solid;
			font-size: 1.6em;
			cursor: pointer;
		}

		.multiselect-input:focus {
			outline: 1px #c2c2c2 solid !important;
			color: #333333;
			background-color: whitesmoke;
			border-color: #8c8c8c;
		}

		.multiselect-wrapper:has(.selection-counter.visible) .multiselect-input {
			padding-left: 72px;
		}

		.multiselect-arrow {
			z-index: 1000;
			position: absolute;
			right: 15px;
			top: 50%;
			transform: translateY(-50%);
			transition: transform 0.3s ease;
			color: #333333;
			pointer-events: none;
		}

		.selection-counter {
			position: absolute;
			/*right: 45px;*/
			top: 50%;
			transform: translateY(-50%);
			/*background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
            border-radius: 15px;*/
			height: 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.2em;
			font-weight: bold;
			opacity: 0;
			visibility: hidden;
			transition: all 0.3s ease;
			pointer-events: auto;
			cursor: pointer;
			padding: 0 8px;
			min-width: 24px;


			height: 11px;
			min-width: 16px;

			moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			left: 6px;
			/* width: 100%; */
			min-height: 1.1em;
			color: #ffffff;
			background: #647A0C;
			border-style: none;
			text-align: center;
			border: 1px #c2c2c2 solid;
			font-size: 1.6em;
		}

		.selection-counter.visible {
			opacity: 1;
			visibility: visible;
		}

		.selection-counter:hover {
			/*background: linear-gradient(135deg, #5a6fd8, #6b42a0);*/
			transform: translateY(-50%) scale(1.05);
			background-color: #747474;
		}

		.counter-text {
			margin-right: 6px;
			font-size: 0.875em;
			font-weight: bold;
		}

		.counter-clear {
			font-size: 0.875em;
			font-weight: bold;
			opacity: 0.8;
			transition: opacity 0.2s ease;
		}

		.counter-clear:hover {
			opacity: 1;
		}

		.select2-container--open~.multiselect-arrow {
			transform: translateY(-50%) rotate(180deg);
		}

		.multiselect-dropdown {
			position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			background: white;
			border: 1px #c2c2c2 solid;
			/*border-top: none;
            border-radius: 0 0 12px 12px;*/
			max-height: 300px;
			overflow-y: auto;
			z-index: 1000;
			opacity: 0;
			visibility: hidden;
			transform: translateY(-10px);
			transition: all 0.3s ease;
		}

		.multiselect-wrapper.open .multiselect-dropdown {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
			margin-top: 6px;
		}

		.dropdown-option {
			display: flex;
			align-items: center;
			padding: 12px 15px;
			cursor: pointer;
			transition: background-color 0.2s ease;
			border-bottom: 1px solid #f0f0f0;
		}

		.dropdown-option:hover {
			background-color: #f8f9ff;
		}

		.dropdown-option:last-child {
			border-bottom: none;
		}

		.dropdown-option:has(.option-checkbox[type="checkbox"]:checked) {
			background-color: #B4CFD9;
		}

		.option-checkbox,
		input[type="checkbox"].option-checkbox {
			margin-right: 12px;
			transform: scale(1.2);
			/*accent-color: #667eea;*/
			appearance: none;
			display: inline-block;
			width: 16px;
			height: 16px;
			border: 1px #c2c2c2 solid;
			font-size: 1.5em;
			background-color: #fff;
			margin-right: 14px;
			/*margin: 0.25em 0.5em 0.5em 0.25em;*/
			vertical-align: middle;
			cursor: pointer;
			border-radius: 2px;
			vertical-align: top;

			opacity: 1;
			position: relative;
			z-index: 1;
		}

		.option-label {
			flex: 1;
			font-size: 1.5em;
			color: #555555;
		}

		.selected-items {
			margin-top: 20px;
			padding: 20px;
			background: linear-gradient(135deg, #f8f9ff, #e8eeff);
			border-radius: 12px;
			border: 1px solid #e1e5e9;
			display: none;
		}

		.selected-items.visible {
			display: block;
		}

		.selected-items h3 {
			margin-bottom: 15px;
			color: #333;
			font-size: 1.2rem;
		}

		.selected-tags {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
		}

		.selected-tag {
			display: inline-flex;
			align-items: center;
			background: linear-gradient(135deg, #667eea, #764ba2);
			color: white;
			padding: 8px 12px;
			border-radius: 25px;
			font-size: 1.4em;
			font-weight: 500;
			animation: fadeIn 0.3s ease;
		}

		.remove-tag {
			margin-left: 8px;
			cursor: pointer;
			font-weight: bold;
			opacity: 0.8;
			transition: opacity 0.2s ease;
		}

		.remove-tag:hover {
			opacity: 1;
		}

		.no-results {
			padding: 20px;
			text-align: center;
			color: #666;
			font-style: italic;
		}

		@keyframes fadeIn {
			from {
				opacity: 0;
				transform: scale(0.8);
			}

			to {
				opacity: 1;
				transform: scale(1);
			}
		}

		/* Scrollbar personalizado */
		.multiselect-dropdown::-webkit-scrollbar {
			width: 6px;
		}

		.multiselect-dropdown::-webkit-scrollbar-track {
			background: #f1f1f1;
		}

		.multiselect-dropdown::-webkit-scrollbar-thumb {
			background: #c1c1c1;
			background: #c2c2c2;
			border-radius: 3px;
		}

		.multiselect-dropdown::-webkit-scrollbar-thumb:hover {
			background: #647a0c;
		}

		/***/

		.helper-text {
			padding-top: 4px;
			display: inline-block;
			font-size: 1.3em;
			color: #757575;
			line-height: normal;
		}

		input[type="checkbox"]:checked:after {
			content: '';
			width: 16px;
			height: 16px;
			position: absolute;
			margin-left: 2px;
			margin-top: -1px;
			background: url(../../images/tuss_img/checkbox.png) left top no-repeat;
			/*background: url(../.../../images/tuss_img/checkbox.png) left top no-repeat;*/
		}

		.invalidOnlyText {
			display: block;
			padding-top: 4px;
			color: #c55638;
			font-family: "OpenSans";
			font-size: 1.2em;
		}
	
		/** Adaptación tuss grafito*/
		/* Inter Variable Font */
		/*@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 100;
			font-display: swap;
			src: url("/fonts/Inter-Thin.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: italic;
			font-weight: 100;
			font-display: swap;
			src: url("/fonts/Inter-ThinItalic.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 200;
			font-display: swap;
			src: url("/fonts/Inter-ExtraLight.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: italic;
			font-weight: 200;
			font-display: swap;
			src: url("/fonts/Inter-ExtraLightItalic.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 300;
			font-display: swap;
			src: url("/fonts/Inter-Light.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: italic;
			font-weight: 300;
			font-display: swap;
			src: url("/fonts/Inter-LightItalic.woff2") format("woff2");
		}
		*/
		@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 400;
			font-display: swap;
			src: url("../../fonts/Inter-Regular.woff2") format("woff2");
		}
		/*
		@font-face {
			font-family: "Inter";
			font-style: italic;
			font-weight: 400;
			font-display: swap;
			src: url("/fonts/Inter-Italic.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 500;
			font-display: swap;
			src: url("/fonts/Inter-Medium.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: italic;
			font-weight: 500;
			font-display: swap;
			src: url("/fonts/Inter-MediumItalic.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 600;
			font-display: swap;
			src: url("/fonts/Inter-SemiBold.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: italic;
			font-weight: 600;
			font-display: swap;
			src: url("/fonts/Inter-SemiBoldItalic.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 700;
			font-display: swap;
			src: url("/fonts/Inter-Bold.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: italic;
			font-weight: 700;
			font-display: swap;
			src: url("/fonts/Inter-BoldItalic.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 800;
			font-display: swap;
			src: url("/fonts/Inter-ExtraBold.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: italic;
			font-weight: 800;
			font-display: swap;
			src: url("/fonts/Inter-ExtraBoldItalic.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 900;
			font-display: swap;
			src: url("/fonts/Inter-Black.woff2") format("woff2");
		}

		@font-face {
			font-family: "Inter";
			font-style: italic;
			font-weight: 900;
			font-display: swap;
			src: url("/fonts/Inter-BlackItalic.woff2") format("woff2");
		}
		*/
		@font-face {
			font-family: "IBMPlexMono";
			font-style: normal;
			font-weight: 400;
			font-display: swap;
			src: url("../../fonts/ibm-plex-mono-regular.woff2") format("woff2");
		}

		.tuss .multiselect-label {
			/*.cds--label*/
			color: #046080;
			font: 700 0.875rem/23px 'Inter', sans-serif;
			font-family: 'Inter';
			margin-bottom: 8px;
			padding-bottom: 0px;
			letter-spacing: 0.12px;
		}

		.tuss .multiselect-wrapper {
			position: relative;
		}

		.tuss .multiselect-wrapper:has(.selection-counter.visible) .multiselect-input {
			padding-left: 72px;
		}

		.tuss .multiselect-input {
			background-color: #fcfcfc;
			padding-left: 16px;
			padding-right: 16px;
			padding-top: 8px;
			padding-bottom: 8px;
			border-width: 1px;
			border-radius: 8px;
			border-style: solid;
			border-color: #cddfe6;
			color: #030303;
			cursor: pointer;
			height: 54px;
			width: 350px;
			caret-color: #046080;
			box-sizing: border-box;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			/*margin: 8px;*/
			font: 400 1rem/26px 'Inter', sans-serif;

			color: #737373;
			line-height: 26px;
			letter-spacing: 0.12px;
		}

		.tuss .selection-counter.visible+.multiselect-input::placeholder {
			color: #030303;
		}

		.tuss .multiselect-arrow {
			margin-left: 16px;
			display: flex;
		}

		.tuss .multiselect-arrow svg {
			fill: var(--otd-color-primary-500, #046080);
			width: 20px;
			height: 20px;

			transform: rotate(0deg);
			transition: var(--cds-animation-rotate);
		}

		.tuss .multiselect-dropdown {
			margin-top: 16px;
			border-radius: 8px;
			/*margin:8px;*/
			background-color: rgb(252, 252, 252);
			border: 1px solid rgb(205, 223, 230);
			box-shadow: none;
			position: absolute;
			z-index: 999;
			overflow-y: auto;
			box-sizing: border-box;
			left: 0px;
			max-block-size: 244px !important;
			/*
			padding-left: 16px;
			padding-right: 16px;
			padding-top: 8px;
			padding-bottom: 8px;
			*/
		}

		.tuss .multiselect-wrapper.open .multiselect-dropdown {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
			margin-top: 8px;
			overflow-y: auto;
			overflow-x: hidden;
		}

		.tuss .multiselect-wrapper:focus-within {
			box-shadow: 0px 0px 4px 3px #4EC3CD;
			box-shadow: none;
			outline: none;
			border-radius: 8px;
			border-color: #046080;
		}

		.tuss .dropdown-option {
			/*border-block-start-style: none;
			border-radius: 4px;
			border-top: none;
			border-bottom: none;
			display: flex;
			align-items: center;
			padding-left: 8px;
			padding-right: 8px;
			margin: 8px;
			height: 54px;
			font-size: 1.6em;
			color:  #030303;
			line-height: 26px;*/
			white-space: nowrap;
			overflow-x: hidden;
			text-overflow: ellipsis;
			width: 350px;
			border-block-end: none !important;

			margin: 0;
			min-width: 56px;
			border-block-start-style: none;
			border-block-end: none !important;
			border-radius: 4px;
			border-top: none;
			border-bottom: none;
			display: flex;
			align-items: center;
			padding: 0 8px;
			height: 54px;
			color: #030303;
			font: 400 1.6em/26px 'Inter', sans-serif;
		}

		.tuss .dropdown-option:hover {
			background-color: #EDF9FC;
		}

		.tuss .dropdown-option:has(.option-checkbox[type="checkbox"]:checked) {
			background-color: #B4CFD9;
		}

		.tuss .option-checkbox,
		.tuss input[type="checkbox"].option-checkbox {
			width: 20px;
			height: 20px;
			border-radius: 4px;
			gap: 8px;
			border: 2px solid #046080;
			background: #ffffff;
			margin-block: 0;
			margin-inline: 0;
			margin-right: 8px;
			bottom: 1px;
			cursor: pointer;
		}

		.tuss input[type="checkbox"]:checked:after {
			content: "";
			inline-size: 0.469rem;
			inset-block-start: .40625rem;
			inset-inline-start: 0.4375rem;
			margin-block-start: -0.1875rem;
			position: absolute;
			background: 0 0;
			block-size: 0.261rem;
			top: 8px;
			left: 2px;
			transform-origin: center center;
			border-left-color: #046080;
			border-bottom-color: #046080;
			border-block-end: 2.5px solid #046080;
			border-inline-start: 2.5px solid #046080;
			transform: scale(1) rotate(-45deg);
		}

		.tuss .option-label {
			flex: 1;
			font-size: 1em;
			color: #030303;
			padding-inline-start: 8px;
		}

		.tuss .selection-counter {
			left: 8px;
			min-width: 40px;
			height: 40px;
			padding: 0px 12px;
			border-radius: 50px;
			gap: 8px;
			background-color: #EDF9FC;
			font: 700 1rem/26px Inter, sans-serif;
			text-align: left;
			color: #046080;
			margin-left: 0px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-right: 16px;
			border-color: transparent;
		}

		.tuss .counter-clear {
			opacity: 1;
		}

		/* Scrollbar personalizado */
		.tuss .multiselect-dropdown::-webkit-scrollbar {
			width: 8px;
		}

		.tuss .multiselect-dropdown::-webkit-scrollbar-track {
			background: #fcfcfc;
		}

		.tuss .multiselect-dropdown::-webkit-scrollbar-thumb {
			background: #737373;
			height: 68px;
			border-radius: 4px;
		}

		.tuss .multiselect-dropdown::-webkit-scrollbar-thumb:hover {
			background: #383838;
		}


		/* ****************************************************** CHECKBOX ****************************************** */
		.select2-results__option {
			padding-right: 20px;
			vertical-align: middle;
		}

		.select2-results__option:before {
			content: "";
			display: inline-block;
			position: relative;
			height: 20px;
			width: 20px;
			border: 2px solid #e9e9e9;     border: 1px #c2c2c2 solid;
			border-radius: 4px;
			background-color: #fff;
			margin-right: 20px;
			vertical-align: middle;

			margin-right: 12px;
			transform: scale(1.2);
			appearance: none;
			display: inline-block;
			width: 16px;
			height: 16px;
			border: 1px #c2c2c2 solid;
			font-size: 1.5em;
			background-color: #fff;
			margin-right: 14px;
			vertical-align: middle;
			cursor: pointer;
			border-radius: 2px;
			vertical-align: top;
			opacity: 1;
			position: relative;
			z-index: 1;			
		}
		.select2-results__option.select2-results__option--selectable.select2-results__option--selected:before {
			width: 16px;
			height: 16px;
			position: relative;
			margin-left: 2px;
			margin-top: -1px;
			background: url(../../images/tuss_img/checkbox.png) left top no-repeat;
		}

		.select2-results__option[aria-selected=true]:before { 
			font-family: fontAwesome;
			content: "\f00c";
			color: #fff;
			background-color: #13799f;
			border: 0;
			display: inline-block;
			padding-left: 3px;

			content:"";
			margin-right: 12px;
			transform: scale(1.2);
			appearance: none;
			display: inline-block;
			width: 16px;
			height: 16px;
			border: 1px #c2c2c2 solid;
			font-size: 1.5em;
			background-color: #fff;
			margin-right: 14px;
			vertical-align: middle;
			cursor: pointer;
			border-radius: 2px;
			vertical-align: top;
			opacity: 1;
			position: relative;
			z-index: 1;
		}

		.select2-container--default .select2-results__option[aria-selected=true] {
			background-color: #fff;
		}

		.select2-container--default .select2-results__option--highlighted[aria-selected] {
			background-color: #eaeaeb;
			color: #272727;
			color: #262626;
    		background-color: whitesmoke;
		}

		.select2-container--default .select2-selection--multiple {
			margin-bottom: 10px;
		}

		.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
			border-radius: 4px;
		}

		.select2-container--default.select2-container--focus .select2-selection--multiple {
			/*outline: 1px #c2c2c2 solid !important;*/
			color: #333333;
			background-color: whitesmoke;
			border-color: #8c8c8c;
			border-width: 1px;
			border: 1px #c2c2c2 solid;
		}

		.select2-container--default .select2-selection--multiple {
			border-width: 2px;
		}

		.select2-container--open .select2-dropdown--below {

			border-radius: 6px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

		}

		.select2-selection .select2-selection--multiple:after {
			content: 'hhghgh';
		}

		/* select with icons badges single*/
		.select-icon .select2-selection__placeholder .badge {
			display: none;
		}

		.select-icon .placeholder {
			display: none;
		}

		.select-icon .select2-results__option:before,
		.select-icon .select2-results__option[aria-selected=true]:before {
			display: none !important;
			/* content: "" !important; */
		}

		.select-icon .select2-search--dropdown {
			display: none;
		}

		.select2-results__option .wrap:before {
			font-family: fontAwesome;
			color: #999;
			content: "\f096";
			width: 25px;
			height: 25px;
			padding-right: 10px;

		}

		.select2-results__option[aria-selected=true] .wrap:before {
			content: "\f14a";
		}
		
		.errorField .select2-search__field {
			border: 1px solid red !important;
		}
	