.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_k1_1 {
	background-color: #393939;
}
.sg_kolor_k1_2 {
	background-color: #fcfcfc;
}

.sg_kolor_k2_1 {
	background-image: linear-gradient(to right, #313131, #d68c59);
}
.sg_kolor_k2_2 {
	background-image: linear-gradient(to right, #0e1a24, #0872b3);
}
.sg_kolor_k2_3 {
	background-image: linear-gradient(to right, #2f2a23, #f84100);
}
.sg_kolor_k2_4 {
	background-image: linear-gradient(to right, #080808, #aff900);
}

.sg_kolor_k3_1 {
	background-image: linear-gradient(to right, #24374b, #2b7f76);
}
.sg_kolor_k3_2 {
	background-image: linear-gradient(to right, #1d1d1d, #cec75b);
}

.sg_kolor_k4_1 {
	background-image: linear-gradient(to right, #1688df, #8de714);
}
.sg_kolor_k4_2 {
	background-image: linear-gradient(to right, #454642, #c39c1e);
}

.sg_kolor_k5_1 {
	background-image: linear-gradient(to right, #49423c, #91d9fb);
}
.sg_kolor_k5_2 {
	background-image: linear-gradient(to right, #2f2823, #bded72);
}
.sg_kolor_k5_3 {
	background-image: linear-gradient(to right, #2c251f, #f8aacd);
}
.sg_kolor_k5_4 {
	background-image: linear-gradient(to right, #36302d, #fb8383);
}

.sg_kolor_k6_1 {
	background-image: linear-gradient(to right, #44453d, #c9cac3);
}
.sg_kolor_k6_2 {
	background-image: linear-gradient(to right, #90de03, #44d8f0);
}

.sg_kolor_k7_1 {
	background-image: linear-gradient(to right, #2b2b2b, #3596ae);
}
.sg_kolor_k7_2 {
	background-image: linear-gradient(to right, #2c2c2c, #c42c71);
}

.sg_kolor_k8_1 {
	background-image: linear-gradient(to right, #3d3d3d, #aaca06);
}
.sg_kolor_k8_2 {
	background-image: linear-gradient(to right, #0b87a8, #f7e412);
}
.sg_kolor_k8_3 {
	background-image: linear-gradient(to right, #0abdd1, #e99470);
}

.sg_kolor_k9_1 {
	background-image: linear-gradient(to right, #2d2d2d, #00bde8);
}
.sg_kolor_k9_2 {
	background-image: linear-gradient(to right, #292929, #d90f2b);
}

.sg_kolor_k11_1 {
	background-color: #d3d3d3;
}
.sg_kolor_k11_2 {
	background-color: #2c2c2c;
}

.sg_kolor_k12_1 {
	background-color: #c9cac3;
}
.sg_kolor_k12_2 {
	background-color: #000;
}
.sg_kolor_k13_1 {
	background-color: #44d8f0;
}
.sg_kolor_k13_2 {
	background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}
.sg_kolor_k13_3 {
	background-color: #d90f2b;
}
.sg_kolor_k13_4 {
	background-image: linear-gradient(to right, #000, #c9cac3);
}
.sg_kolor_k13_5 {
	background-image: linear-gradient(to right, #d90f2b, #00bde8);
}
.sg_kolor_k14_1 {
	background-image: linear-gradient(to right, #00bde8, #000);
}
.sg_kolor_k14_2 {
	background-image: linear-gradient(to right, #44d8f0, #90de03);
}
.sg_kolor_k14_3 {
	background-image: linear-gradient(to right, #40e0d0, #f8aacd);
}
.sg_kolor_k15_1 {
	background-color: #f8aacd;
}
.sg_kolor_k15_2 {
	background-image: linear-gradient(to right, indigo, #90ee90);
}
.sg_kolor_k15_3 {
	background-image: linear-gradient(to right, #c9cac3, #00bde8);
}
.sg_kolor_k15_4 {
	background-color: green;
}
.sg_kolor_k15_5 {
	background-image: linear-gradient(to right, #c9cac3, #e99470);
}
.sg_kolor_k15_6 {
	background-color: #1955e1;
}
.sg_kolor_k16_1 {
	background-color: #b8ea72;
}
.sg_kolor_k16_2 {
	background-image: linear-gradient(to right, #f8aacd, #40e0d0);
}
.sg_kolor_zielony {
	background-color: green;
}
.sg_kolor_brazowy {
	background-color: brown;
}
.sg_kolor_czerwony {
	background-color: red;
}
.sg_kolor_rozowy {
	background-color: #f8aacd;
}
.sg_kolor_niebieski {
	background-color: #1955e1;
}

.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_niebiesko-czarny {
	background-image: linear-gradient(to right, #007fff, black);
}
.sg_kolor_bialy-lazurowy {
	background-image: linear-gradient(to right, white, #007fff);
}
.sg_kolor_czarno-zolty {
	background-image: linear-gradient(to right, black, yellow);
}
.sg_kolor_zolto-czarny {
	background-image: linear-gradient(to right, yellow, black);
}
.sg_kolor_ {
	background-image: linear-gradient(to right, yellow, black);
}