.razmer li, .tkan li, .kompl li, .osnova li, .otdelka li
{
	display: inline-block; 
	border: 1px solid #ecd6c9;
	margin: 3px;
	padding: 5px 15px;
	cursor: pointer;
}


.razmer li:hover, .tkan li:hover, .kompl li:hover
{
	border: 1px solid #7a4841;

}

.select_razm 
{
	border: 2px solid #7a4841!important;

}

.vnal
{
	background-color: #ecd6c9;
}

fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    min-width: -webkit-min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
}


.nositeli {padding: 15px 0;}
.nositeli div.jq-radio {display: none!important;}
.nositeli div.jq-radio+label {
	border: 2px #7a4841 solid!important;
	border-radius: 3px;
	color: #7a4841;
	padding: 3px 5px;
	cursor:pointer;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.nositeli div.jq-radio.checked+label {
	background-color: #7a4841;
	color: white;
}



.tovarGroup {    
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end; 
	position: relative;
	}
.divItem {width: 90px; height: 120px; text-align: center; display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
	border-radius: 7px;
	border: 2px solid #e1e1e1;
	margin: 5px;
 }

.groupItem   {width: 70px; height: 70px; 
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	margin: 7px;

	
}
.divItem.active {border: 2px solid #325fa2; }
.divItem:hover {border: 2px solid #7a4841; }

.tooltip2{
    z-index: 9999;
	position: absolute;
	display: none;
	background-color: #2C2C2C;
	padding: 5px 10px 5px 10px;
	color: white;
	opacity: 0.8;
	border-radius: 5px; 
	width: 100%;
	left: 1em; 
	top: -2em;
}
.divItem:hover .tooltip2 {display: block;}