.select-options { }

.select-options .header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.select-options .btn-clear-options:not(.btn-2024) {
	background-color: #bed400;
	border: 1px solid #bed400;
	color: #000000;
	padding: 10px 20px;
	cursor: pointer;
	flex-shrink: 0;
	font-size: 14px;
}
.select-options .btn-clear-options:not(.btn-2024):hover {
	background-color: transparent;
}

.select-options .select-option { display: flex; flex-direction: row; align-items: center; text-align: left; padding: 6px 10px; width: 100%; background-color: #DAE4D9; font-size: 14px; margin: 2px 0 0 0; }

.select-options .select-option.select-all { background-color: transparent; }

.select-options .select-option:before { content: ""; display: inline-block; width: 12px; height: 12px; border: 1px solid #31574E; margin-right: 10px; background-size: 10px; background-position: center; background-repeat: no-repeat; flex-shrink: 0; }

.select-options .btn-expand-group { display: flex; flex-direction: row; align-items: center; padding: 10px 50px 10px 14px; background-color: #31574e; border: 1px solid #31574e; width: 100%; color: #ffffff; text-align: left; font-size: 18px; background-image: url("/_assets/icon-plus-white.png"); background-size: 20px 20px; background-position: calc(100% - 14px) center; background-repeat: no-repeat; }
.select-options .btn-expand-group.expanded { background-image: url("/_assets/icon-minus-white.png"); }

.select-options .btn-expand-group span { margin-left: 20px; font-size: 80%; color: #bed600; }

.select-options .option-group-options { display: none; }
.select-options .option-group-options.expanded { display: block; }

.select-options .select-option.checked:not(.select-all) { background-color: #73948A; color: #ffffff; }


.select-options .select-option.select-all.checked:before { background-image: url("/_assets/icon-tick-black.png"); }
.select-options .select-option.checked:not(.select-all):before  { background-image: url("/_assets/icon-tick-white.png"); }

.select-options .columns { display: flex; flex-direction: row; gap: 0px; gap: 20px; }


.select-options .columns .column { display: flex; flex-direction: column; }
.select-options.grouped-options .columns .column { gap: 20px; }

.select-options .columns .column { flex-basis: 50%; }

.select-options .columns[data-column-count='1'] { flex-basis: 100%; }
.select-options .columns[data-column-count='3'] { flex-basis: 33%; }

@media (max-width: 600px) {
   .select-options .columns { flex-direction: column; gap: 0; }

   .select-options .option-groups .columns { gap: 20px; }
}

@media (max-width: 540px) {
   .select-options .header { flex-direction: column; align-items: start; gap: 10px; }
   .select-options .header .btn-clear-options { align-self: end; }
}