
#wrapper {
	overflow: hidden;
	background-color: #f5f5f5;
}

#export_label {
	background-color: #fff;
	border-radius: 50%;
	width: 650px;
	height: 650px;
}

#export_label.squarelabel {
	border-radius: 0%;
}

#label {
	color: black;
	width: 600px;
	height: 600px;
}

#label_title {
	/*margin-left: 112px;*/
	height: 60px;
	font-size: 1.75rem;
	position: relative;
	text-align: center;
}

#label_pictogram {
	height: 65px;
	position: absolute;
	width: 600px;
	top: 430px;
	text-align: center;
}

.label_description {
	margin-left: 40px;
	margin-right: 40px;
	min-height: 40px;
	text-align: center;
}

.first_symbol {
	float: left;
}

.second_symbol {
	float: right;
}

.smaller_symbols .first_symbol {
	float: none;
}

.smaller_symbols .second_symbol {
	float: none;
}

#polygon {
	float: right;
	width: 30px;
	height: 140px;
	margin: 0 20px;
	-webkit-shape-outside: polygon(0 0, 100% 0, 100% 20%, 100% 100%, 70% 40%, 0 0);
	shape-outside: polygon(0 0, 100% 0, 100% 20%, 100% 100%, 70% 40%, 0 0);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 100%, 70% 40%, 0 0);
	clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 100%, 70% 40%, 0 0);
}

#polygon1 {
	float: left;
	width: 30px;
	height: 140px;
	margin: 0 20px;
	-webkit-shape-outside: polygon(0 0, 100% 0%, 28% 34%, 0% 100%);
	shape-outside: polygon(0 0, 100% 0%, 28% 34%, 0% 100%);
	-webkit-clip-path: polygon(0 0, 100% 0%, 28% 34%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 28% 34%, 0% 100%);
}

.label-subtext {
	margin: 0px 100px;
	min-height: 40px;
}

.label-subtext2 {
	margin: 0 20px;
}

.label-subtext p, .label-subtext3 p {
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px 20px;
	text-align: center;
}

.label-subtext .label-subtitle2 {
	font-weight: bold;
	font-size: 18px;
}

.label-subtitle {
	padding: 0px 35px;
}

.label-subtext .label-subtitle {
	margin-top: 10px;
}

.label-hazard {
	font-size: 14px;
	margin-bottom: 0px;
	padding: 0px 30px;
	overflow-wrap: anywhere;
}

#description-left {
	height: 340px;
	width: 20px;
	float: left;
	-webkit-shape-outside: polygon(0 80%, 100% 100%, 0 100%);
	shape-outside: polygon(0 80%, 100% 100%, 0 100%);
	-webkit-clip-path: polygon(0 80%, 100% 100%, 0 100%);
	clip-path: polygon(0 80%, 100% 100%, 0 100%);
}

.squarelabel #description-left, .squarelabel #description-right {
	display: none;
}

#description-right {
	height: 340px;
	width: 20px;
	float: right;
	-webkit-shape-outside: polygon(100% 80%, 100% 100%, 0 100%);
	shape-outside: polygon(100% 80%, 100% 100%, 0 100%);
	-webkit-clip-path: polygon(100% 80%, 100% 100%, 0 100%);
	clip-path: polygon(100% 80%, 100% 100%, 0 100%);
}

.circle, .rectangle, .square {
	height: 50px;
	border-width: 1px;
	border-style: solid;
}

.circle, .square {
	width: 50px;
}

.circle {
	border-radius: 50%;
}

.label_border {
	border-radius: 50%;
	border-style: solid;
	border-color: black;
	border-width: 8px;
}

.squarelabel .label_border {
	border-radius: 0%;
}

.label_footer {
	font-size: 16px;
	margin-left: 90px;
	margin-right: 90px;
	width: 419px;
	height: 76px;
	position: absolute;
	top: 521px;
}

.squarelabel .label_footer {
	margin-left: 10px;
	margin-right: 10px;
	width: 579px;
}

.squarelabel img.symbol {
	width: 100px;
	min-width: 100px;
}

img.symbol {
	display: none;
	width: 140px;
	min-width: 140px;
}

.squarelabel .smaller_symbols img.symbol {
	width: 60px;
	min-width: 60px;
}

.smaller_symbols img.symbol {
	width: 80px;
	min-width: 80px;
}

.label_weight {
	font-weight: bold;
}

.label_bn, .label_ufi {
	font-size: 15px;
	font-weight: bold;
	margin-left: 20px;
}

.label_footer {
	font-size: 16px;
	margin-left: 90px;
	margin-right: 90px;
	width: 419px;
	height: 76px;
	position: absolute;
	top: 500px;
	text-align: center;
}

.squarelabel .label_footer.smaller_symbols {
	top: 450px;
}

.label_footer p {
	margin-bottom: 0;
}

#subtext-padding-left, #subtext-padding-left3 {
	float: left;
	width: 90px;
	height: 40px;
}

#subtext-padding-right, #subtext-padding-right3 {
	float: right;
	width: 90px;
	height: 40px;
}

.pictogram_img {
	width: 15mm;
}

#labelContent .left_section {}

#labelContent .right_section {}

@media (max-width: 990px) {
	h2.title {
		text-align: center;
		margin-top: 20px;
	}
	
	#labelContent, #labelContent .right_section {
		margin: 0;
		padding-left: 0;
	}
	
	#export_label {
		padding: 0;
		transform: scale(.6);
		-ms-transform: scale(.6);
		-mos-transform: scale(.6);
		-webkit-transform: scale(.6);
		transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-mos-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
	
	@supports (-webkit-touch-callout: none) {
		#export_label {
			padding: 0;
			transform: scale(.6);
			-ms-transform: scale(.6);
			-mos-transform: scale(.6);
			-webkit-transform: scale(.6);
			transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-mos-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
		}
	}
	
	@supports not (-webkit-touch-callout: none) {
		#export_label {
			padding: 0;
			transform: scale(.5);
			-ms-transform: scale(.5);
			-mos-transform: scale(.5);
			-webkit-transform: scale(.5);
			transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-mos-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
		}
	}
	
	.label_area1.d-flex.justify-content-center.align-items-center {
		margin-top: -250px;
	}
	
	.position-wrapper {
		width: 350px;
		margin: 0 auto;
	}
}
