.slidecontainer {
	width: 100%;
	display: flex;
}

.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 15px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: 0.2s;
	transition: opacity 0.2s;
	padding: 0;
	margin: 10px 0;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #04aa6d;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #04aa6d;
	cursor: pointer;
}

/*productos de proveedores*/
.table-products th {
	text-align: center;
	padding: 10px;
}

.table-products td {
	padding: 10px;
}

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

/* Animals / Genetics / form */
.genetics-topics {
	width: 273px !important;
	padding: 1.75rem !important;
}

/* Animals / Parturitions /table */
.calf-link {
	width: 200px;
}

/*acordions*/
.accordion-button:not(.collapsed) {
	background-color: #fff !important;
	border-color: #fff !important;
}
.accordion-button:focus {
	border-color: #fff !important;
	box-shadow: none !important;
}
:root {
	--bs-accordion-active-bg: #fff !important;
	--bs-accordion-btn-focus-border-color: #fff !important;
}

/*tabs pedidos*/
.nav-tabs.tabs-order .active {
	color: #1c9647;
	border-top: 3px solid #1c9647;
	border-bottom: 1px solid #fff;
	border-bottom: none;
}

/*provider store*/
#listProducts .card:hover {
	background: #f7f7f7;
	box-shadow: 0 2px 5px #ccc;
	border: none;
}
#listProducts .btn-order:hover {
	background: #fff;
	color: #1c9647;
	border: 1px solid #1c9647;
}
/*provider store detail*/
.btn-order,
.btn-detail a {
	background: #1c9647;
	border-radius: 36px;
	padding: 6px 10px;
	color: #fff;
	text-decoration: none;
	min-height: 33px;
	display: inline-block;
	border: none;
}
.tbl-branch th,
.title-order-detail {
	background: #192f31;
	color: #fff !important;
	padding-top: 0.8rem !important;
	padding-bottom: 0.8rem !important;
}

.tbl-branch td {
	padding-top: 0.8rem !important;
	padding-bottom: 0.8rem !important;
}

.desc-product {
	font-size: 15px;
	text-align: justify;
}

.bg-plomo {
	background: #f7f7f7;
}

/*provider store order*/
.btn-quantity {
	background: #1c9647;
	color: #fff;
	border: 2px solid #1c9647;
	height: 30px;
	font-size: 20px;
	padding-top: 0;
	position: absolute;
}

.bt-right {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}

.bt-left {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}

.txt-quantity {
	border: 1px solid #ccc;
	height: 30px;
}

/*navegacion store products*/
.nav-pills .nav-link {
	color: #212529;
}
.nav-pills .nav-link:hover {
	color: #1c9647;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background: none;
	color: #191a18;
}

/*slide store products*/

.carousel {
	position: relative;
}

.carousel.pointer-event {
	touch-action: pan-y;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	backface-visibility: hidden;
	transition: transform 0.6s ease-in-out;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
	display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
	transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
	transform: translateX(-100%);
}

.carousel-fade {
	.carousel-item {
		opacity: 0;
		transition-property: opacity;
		transform: none;
	}

	.carousel-item.active,
	.carousel-item-next.carousel-item-start,
	.carousel-item-prev.carousel-item-end {
		z-index: 1;
		opacity: 1;
	}

	.active.carousel-item-start,
	.active.carousel-item-end {
		z-index: 0;
		opacity: 0;
		transition: opacity 0s 0.6s;
	}
}

.carousel-control-prev,
.carousel-control-next {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15%;
	padding: 0;
	color: #000;
	text-align: center;
	background: none;
	border: 0;
	opacity: 0.5;
	transition: opacity 0.15s ease;

	&:hover,
	&:focus {
		color: #000;
		text-decoration: none;
		outline: 0;
		opacity: 0.9;
	}
}
.carousel-control-prev {
	left: 0;
	background-image: linear-gradient(
		90deg,
		rgba(black, 0.25),
		rgba(black, 0.001)
	);
}
.carousel-control-next {
	right: 0;
	background-image: linear-gradient(
		270deg,
		rgba(black, 0.25),
		rgba(black, 0.001)
	);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
}

.carousel-control-prev-icon {
	background-image: escape-svg(
		url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>")
	);
}
.carousel-control-next-icon {
	background-image: escape-svg(
		url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>")
	);
}

.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 15%;
	margin-bottom: 1rem;
	margin-left: 15%;

	[data-bs-target] {
		box-sizing: content-box;
		flex: 0 1 auto;
		width: 30px;
		height: 3px;
		padding: 0;
		margin-right: 3px;
		margin-left: 3px;
		text-indent: -999px;
		cursor: pointer;
		background-color: #192f31;
		background-clip: padding-box;
		border: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		opacity: 0.5;
		transition: opacity 0.6s ease;
	}

	.active {
		opacity: 1;
	}
}

.carousel-caption {
	position: absolute;
	right: (100% - 70%) * 0.5;
	bottom: 1.25rem;
	left: (100% - 70%) * 0.5;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: white;
	text-align: center;
}

.paddocks-paddocks_index .offcanvas.offcanvas-end {
	/* width: 800px !important; */
	overflow-y: auto;
}

.cow-photo-general {
	background-image: url("/public/front/ideasfarm-template/images/cow_image.jpg");
	background-color: #5f5f5f;
	background-blend-mode: multiply;
	background-size: cover;
    background-position: center;
	transition: 0.3s all;
	color: #f1cf69;
}
.cow-photo-general:hover {
	color: #ffffff;
	background-color: #71927d;
	transform: scale(1);
}