select.form-control ,
select.form-control:focus,
select.form-control:disabled{
		position: relative;
		appearance: none; /* usuwa domyślną strzałkę */
		-webkit-appearance: none;
		-moz-appearance: none;
		background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
		background-color:var(--main-color) !important;
		color: var(--main-color-contrast) !important;
		background-repeat: no-repeat;
		background-position: right 0.75rem center;
		background-size: 1rem;
		padding-right: 2rem; /* żeby tekst nie nachodził na ikonę */
}



.form-control,
.form-select{
		background: var(--main-color);
		color: var(--main-color-contrast);
		border-color: var(--primary-bg);
}

.input-group-text {
	  display: flex;
	  align-items: center;
	  padding: .375rem .75rem;
	  font-size: 1rem;
	  font-weight: 400;
	  line-height: 1.5;
		color: var(--primary-color);
	  text-align: center;
	  white-space: nowrap;
		background-color: var(--primary-bg);
	  border: var(--bs-border-width) solid var(--primary-bg);
	  border-radius: var(--bs-border-radius);
}