.przelacz_kolor {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid black;
	margin: 5px;
	cursor: pointer;
	vertical-align: middle;
}

.przelaczanie {
	position: relative;
	z-index: 12;
	right: 0;
	height: 35px;
	box-sizing: border-box;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background: rgba(255, 255, 255, 0.9);
	/* border-bottom: 1px solid #eee; */
	align-items: center;
	display: flex;
	justify-content: center;
	font-family: roboto;
	order: -1;
}

.box_pro:not([data-wariant]) .przelaczanie {
	opacity: 0;
}

.sg_pch {
	height: 35px;
}

.przelaczanie_title {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
}

.przelaczanie_title > * {
	display: inline-block;
	margin: 0px;
}

.przelaczanie_title > span {
	margin-right: 5px;
}

.przelaczanie_title > span > p {
	display: inline-block;
	margin: 0px;
}

#sg_b.sungroup .box_pro[data-grupa='sm'] .sg_przelacz_kolor {
	min-width: 20px;
	width: 20px;
	height: 20px;
	margin: 2px;
}
#sg_b.sungroup .box_pro[data-grupa='sm'] .przelaczanie_title {
	display: none;
}

/* #model {
    vertical-align: middle;
    font-size: 12px;
    width: 120px;
    padding: 7px;
    margin: 0px;
    margin-left: 5px;
}

#model:hover {
    cursor: pointer;
} */

.sg_select {
	margin: 0px 0 1px 5px;
	height: 30px;
	width: 130px;
	text-transform: uppercase;
	font-size: 11px;
	font-family: roboto;
}

.sg_select:hover {
	cursor: pointer;
}

.sg_przelacz_kolor {
	width: 22px;
	height: 22px;
	border: 2px solid black;
	margin: 3px;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 5;
	display: inline-block;
	vertical-align: middle;
}

@media (min-width: 1360px) {
	.sg_przelacz_kolor {
		min-width: 25px;
		height: 25px;
	}
}

.sg_przelacz_kolor.active {
	border: 2px solid red;
}

@media (max-width: 500px) {
	.przelaczanie_title {
		display: none;
	}
	.sg_przelacz_kolor {
		margin: 2px;
	}
	#sg_b.sungroup .box_pro[data-grupa='sm'] .przelaczanie {
		max-height: 140px;
		flex-direction: column;
		justify-content: flex-start;
		flex-wrap: wrap-reverse;
		align-items: flex-start;
	}
	#sg_b.sungroup .box_pro[data-grupa='sm'] .box_image .sg_img {
		justify-content: flex-start;

		margin-left: 20px;
	}
}

@media (max-width: 610px) {
	.przelaczanie_title > p::first-letter {
		text-transform: uppercase !important;
	}
}
.sg_kolor_kol_1 {
	background-color: #f5e38f;
}
.sg_kolor_kol_2 {
	background-color: #c1e2db;
}
.sg_kolor_kol_3 {
	background-color: #332f2d;
}

.sg_kolor_rozowy {
	background-color: #d76795;
}

.sg_kolor_rozowy2 {
	background-color: #cc557f;
}

.sg_kolor_zielony {
	background-color: #b9d6ba;
}

.sg_kolor_zielony2 {
	background-color: #cc557f;
}

.sg_kolor_jzielony {
	background-color: #d4d7c7;
}

.sg_kolor_capuccino {
	background-color: #e9dabd;
}

.sg_kolor_cappuccino {
	background-color: #d0bd95;
}

.sg_kolor_cappucino {
	background-color: #d0bd95;
}

.sg_kolor_czarny {
	background-color: black;
}

.sg_kolor_zolty {
	background-color: #f6f0bc;
}

.sg_kolor_bialy {
	background-color: #ffffff;
}

.sg_kolor_srebrny {
	background-color: silver;
}

.sg_kolor_niebieski {
	background-color: #47a9fc;
}

.sg_kolor_mietowy {
	background-color: #b4c9aa;
}

.sg_kolor_malinowy {
	background-color: #e46022;
}

.sg_kolor_zloty {
	background-color: rgb(250, 235, 181);
}

.sg_kolor_kremowy {
	background-color: #f1ecd6;
}

.sg_kolor_lazurowy,
.sg_kolor_lazur,
.sg_kolor_lazurowy {
	background-color: #89cec9;
}

.sg_kolor_bialo-lazurowy {
	background-image: linear-gradient(to right, #ffffff 45%, #89cec9 55%);
}

.sg_kolor_turkusowy,
.sg_kolor_turkusowy {
	background-color: #39bdcc;
}

.sg_kolor_czerwony {
	background-color: red;
}

.sg_kolor_pomaranczowy {
	background-color: #e65126;
}

.sg_kolor_granatowy {
	background-color: navy;
}

.sg_kolor_waniliowy {
	background-color: #f3e5ab;
}

.sg_kolor_liliowy {
	background-color: #dd9ecd;
}

.sg_kolor_morski {
	background-color: #008080;
}

.sg_kolor_szary {
	background-color: #aaaaaa;
}
.sg_kolor_cszary {
	background-color: #666666;
}
.sg_kolor_blekitny {
	background-color: #87cefa;
}
.sg_kolor_bezowy {
	background-color: #f5f5dc;
}

.sg_kolor_brazowy,
.sg_kolor_brazowy {
	background-color: #624734;
}

.sg_kolor_mietowo-fuksjowy {
	background-image: linear-gradient(to right, #01a8ab, #ff00ff);
}

.sg_kolor_szaro-zielony {
	background-image: linear-gradient(to right, gray 35%, green);
}
.sg_kolor_niebieski-zielony {
	background-image: linear-gradient(to right, blue 35%, green);
}
.sg_kolor_czarno-fioletowy {
	background-image: linear-gradient(to right, black 35%, violet);
}

.sg_kolor_niebieski-bialy {
	background-image: linear-gradient(to right, blue 35%, white);
}

.sg_kolor_czarno_czerwony,
.kolor_czarno_czerwony {
	background-image: linear-gradient(to right, #000 30%, red);
}

.sg_kolor_czarno-czerwony,
.kolor_czarno-czerwony {
	background-image: linear-gradient(to right, black 35%, red);
}

.sg_kolor_czarno-zolty,
.sg_kolor_czarno_zolty,
.kolor_czarno-zolty,
.kolor_czarno_zolty {
	background-image: linear-gradient(to right, black 35%, yellow);
}

.sg_kolor_bialo-rozowy,
.sg_kolor_bialo_rozowy,
.kolor_bialo_rozowy,
.kolor_bialo-rozowy {
	background-image: linear-gradient(to right, white 35%, lightpink);
}

.sg_kolor_bialo-mietowy {
	background-image: linear-gradient(to right, white, #01a8ab);
}

.sg_kolor_bialo-rozowy {
	background-image: linear-gradient(to right, white, pink);
}

.sg_kolor_bialo-czerwony {
	background-image: linear-gradient(to right, white, red);
}

.sg_kolor_czarno-zolty {
	background-image: linear-gradient(to right, black, yellow);
}

.sg_kolor_czarno-pomaranczowy {
	background-image: linear-gradient(to right, black, orange);
}

.sg_kolor_niebiesko-zielony {
	background-image: linear-gradient(to right, blue, green);
}

.sg_kolor_bialy-lazurowy {
	background-image: linear-gradient(to right, white, #007fff);
}

.sg_kolor_niebiesko-bialy {
	background-image: linear-gradient(to right, blue, white);
}

.sg_kolor_niebiesko-czerwony {
	background-image: linear-gradient(to right, blue, red);
}

.sg_kolor_czarno-czerwony {
	background-image: linear-gradient(to right, black, red);
}

.sg_kolor_czarno-niebieski {
	background-image: linear-gradient(to right, black, blue);
}

.sg_kolor_czarnozielony {
	background-image: linear-gradient(to right, black, green);
}

.sg_kolor_srebrno-zloty {
	background-image: linear-gradient(to right, silver, yellow);
}

.sg_kolor_szarno-czarny {
	background-image: linear-gradient(to right, #c8c9c4, black);
}

.sg_kolor_kremowo-brazowy {
	background-image: linear-gradient(to right, #f1dfb7, #a5732a);
}

.sg_kolor_bialo-fioletowy {
	background-image: linear-gradient(to right, white, #f0609d);
}
.sg_kolor_nieb-roz {
	background-image: linear-gradient(to right, #2186f9, #f464b5);
}
.sg_kolor_czarnoniebieski {
	background-image: linear-gradient(to right, #000, #007fff);
}
.sg_kolor_czarnoczerwony {
	background-image: linear-gradient(to right, #000, red);
}
.sg_kolor_fioletoworozowy {
	background-image: linear-gradient(to right, #69476e, #f0609d);
}
.sg_kolor_fioletowomietowy {
	background-image: linear-gradient(to right, #69476e, #b4c9aa);
}
.sg_kolor_niebieskopomaranczow {
	background-image: linear-gradient(to right, blue, orange);
}
.sg_kolor_pomaranczowoczarny {
	background-image: linear-gradient(to right, orange, black);
}
.sg_kolor_rozowomietowy {
	background-image: linear-gradient(to right, #f0609d, #b4c9aa);
}
.sg_kolor_bialorozowy {
	background-image: linear-gradient(to right, #fff, #f0609d);
}

.sg_kolor_grafitowy {
	background-color: #555555;
}
.sg_kolor_cgrafitowy {
	background-color: #4f4f4f;
}
.sg_kolor_zielony-grafit {
	background-color: #868a89;
}
.sg_kolor_jgrafitowy {
	background-color: #b0b0b0;
}
.sg_kolor_limonkowy {
	background-color: #bac291;
}
.sg_kolor_fioletowy {
	background-color: #69476e;
}
.sg_kolor_szaroturkusowy {
	background-image: linear-gradient(to right, #555555, #39bdcc);
}
.sg_kolor_czarnobrazowy {
	background-image: linear-gradient(to right, #000000, #a5732a);
}
.sg_kolor_czarnofioletowy {
	background-image: linear-gradient(to right, #000000, #69476e);
}
.sg_kolor_bialofioletowy {
	background-image: linear-gradient(to right, #ffffff, #69476e);
}
.sg_kolor_czarnopomaranczowy {
	background-image: linear-gradient(to right, black, orange);
}
.sg_kolor_czarnozolty {
	background-image: linear-gradient(to right, black, yellow);
}
.sg_kolor_czarnoniebieski {
	background-image: linear-gradient(to right, #000000, #2186f9);
}