/* :root{
	--bs-color-secondary: #f6f6f6;
	--bs-color-light: #cde2c6;

}

.bg-light{
	background-color: var(--bs-color-light) !important;
}

.bg-secondary{
	background-color: var(--bs-color-secondary) !important;
} */

body {
	font-family: 'Poppins', sans-serif;	
}

.bg-yellow{
	background-color:#fefecc;
}

.bg-orange{
	background-color: #e9896a;
}

.bg-green{
	background-color: #ddffbc;
}

.bg-purple{
	background-color: #f8f1f1;
}

.bg-white-light{
	background-color: #fafafa;
}

.fs-5{
	font-size: 1.1em;
}

.fs-4{
	font-size: 1.65em;
}

.x_title h2 {
	float: none !important;
	text-align: center;
}

.min_img_product {
	width: 100%;
}

table.table-bordered.dataTable tbody td {
	vertical-align: middle;
}

#search_div {
	float: left;
	margin: 7px auto;
	width: 80%;
}

#search_div1 {
	width: 100%;
}

#search {
	width: 40%;
	border-radius: 15px;
	border: none;
	padding: 5px 10px;
}

#search1 {
	width: 94%;
	border-radius: 15px;
	border: none;
	padding: 5px 10px;
}

#search1:focus,
#search:focus {
	padding: 12px 10px;
}

#search {
	transition: padding 0.3s;
}

table tr {
	cursor: pointer;
}

.label-green {
	background: rgb(125, 198, 97);
}

.label-yellow {
	background: rgb(249, 176, 64);
}

.label-red {
	background: rgb(241, 89, 40);
}

.ing_label {
	border-radius: 25px 25px 25px 25px;
	width: 15%;
	height: 110px;
	border-top: 3px solid;
	border-bottom: 3px solid;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 10px;
	text-align: center;
	color: black !important;
	float: left;
	margin-right: 10px;
}

.label-content {
	border-left: 2px solid;
	border-right: 2px solid;
	border-bottom: 2px solid;
	margin: 0 auto;
	border-radius: 5px 5px 0px 0px;
}

.percent-content {
	border-left: 2px solid;
	border-right: 2px solid;
	margin: 0 auto;
	font-size: 20px;
	border-radius: 0px 0px 10px 10px;
}

.flag {
	height: 105px;
}

.label {
	height: 105px;
}

.ecu_label {
	border-radius: 25px;
	height: 50px;
	padding-left: 2px;
	display: -webkit-flex !important;
	display: flex !important;
	align-items: center;
}

.ecu_label_high {
	width: 100%;
	background: red;
}

.ecu_label_medium {
	width: 80%;
	background: rgb(239, 223, 22);
}

.ecu_label_low {
	width: 60%;
	background: rgb(76, 168, 44);
}

.label-white {
	width: 75px;
	height: 45px;
	border-radius: 25px;
	background: white;
	text-align: center;
	display: table;
	align-items: center;
	margin-right: 15px;
}

.label-white span {
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	color: black !important;
}

.ecu_label_high span,
.ecu_label_low span {
	color: white;
}

.ecu_label_medium span {
	color: black;
}

.label_country {
	min-height: 180px;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.tab {
	padding-left: 20px;
}

.ingredientes_table {	
	border: 3px solid;
}

.border_bottom_1 {
	border-bottom: 1px solid;
}

.border_bottom_2 {
	border-bottom: 2px solid;
}

.border_bottom_3 {
	border-bottom: 3px solid;
}

.border_bottom_5 {
	border-bottom: 5px solid;
}

.first {
	border: 1px solid;	
	padding: 5px;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.text-right {
	text-align: right;
}

.alergenico {
	float: left;
	width: 14%;
}

.content-25 {
	padding-left: 15%;
}

.list_addit {
	list-style: none;
	font-size: 20px;
}

.progress .progress-bar {
	animation-name: animateBar;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: .4s;
}

@keyframes animateBar {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

.mask {
	height: 100%;
}

.tools {
	position: absolute !important;
	bottom: 0;
	width: 100%;
}

.img-circle {
	width: 80%;
	display: block;
	margin: 20px auto;
}

.view .tools a {
	width: 100%;
}

.label-body {
	margin-top: 10px;
}

@media (max-width: 992px) {
	.label-body {
		text-align: center;
		padding-bottom: 10px;
		border-bottom: 1px solid;
	}

	.label-body>div>div {
		margin: 0 auto;
		float: none;
	}

	.hidden_row {
		display: none;
	}

	.ing_label {
		width: 18% !important;
		margin-right: 5px !important;
	}
}

/* .row {
	display: block;
} */

/* SVG */
#svg circle {
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 1s linear;
	stroke: #666;
	stroke-width: 1em;
}

#svg #bar {
	stroke: #07c700;
}

#cont {
	display: block;
	height: 200px;
	width: 200px;
	margin: 2em auto;
	box-shadow: 0 0 4px black;
	border-radius: 100%;
	position: relative;
}

#cont:after {
	position: absolute;
	display: block;
	height: 160px;
	width: 160px;
	left: 50%;
	top: 50%;
	content: attr(data-pct)"%";
	margin-top: -80px;
	margin-left: -80px;
	border-radius: 100%;
	line-height: 160px;
	font-size: 2em;
	text-shadow: 0 0 1px black;
}

/* Scrollbar */
::-webkit-scrollbar {
	width: 8px;
	height: 50%;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: rgb(172, 172, 172);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

html{
	scroll-behavior: smooth;
}