:root {
	--lightgreen: #90bc6d;
	--darkgreen: #003714;
	--orange: 234, 117, 29;
}

.inline-title img {
	margin-left: 10px;
}

#displayMow .medium-6 {
	margin: 0 auto;
}

#displayMow .row.padding_inside {
	display: flex;
	justify-content: center;
}

/* .mow{
 margin: 0 1.5rem;
} */
.mow .columns {
	width: 100%;
}

.mow-wrapper {
	display: flex;
	justify-content: center;
}

.btn-disabled {
	opacity: 0.5 !important;
}

.page-template-robot-cost-calculator header.nav_fixed {
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: cover;
}

.page-template-robot-selector-step .btn_inverse,
.page-template-robot-cost-calculator .btn_inverse {
	cursor: pointer;
	width: 220px;
	margin: 0.5rem;
	text-align: center;
}

.page-template-robot-selector-step .btn-disabled,
.page-template-robot-cost-calculator .btn-disabled {
	pointer-events: none;
}

.inline-title {
	display: flex;
}

.page-template-robot-selector-step select {
	width: 250px !important;
}

.page-template-robot-selector-step form label,
.page-template-robot-cost-calculator form label {
	font-weight: bold;
	color: var(--darkgreen);
}

.page-template-robot-selector-step form input[type=submit],
.page-template-robot-cost-calculator form input[type=submit] {
	margin-top: 30px;
}

.page-template-robot-selector-step input[type="number"] {
	margin: 0 !important;
	width: 250px !important;
}


select {
	text-align: center;
	border: 1px solid #E8E8E8;
}

input[type="number"]:placeholder-shown {
	/* border: 2px solid #948e5f;
	background-color: #fdfde1; */
	border: 2px solid #7E7E7E;
	;
	background-color: rgba(var(--orange), 0.07);
	color: rgb(var(--orange));
	/* #fffeec; */
}

input[type="number"]:not(:placeholder-shown) {
	border: 2px solid var(--lightgreen);
	background-color: white;
}

select:hover,
input[type="number"]:hover,
select:focus,
input[type="number"]:focus {
	border: 2px solid var(--darkgreen);
	background-color: white;
	cursor: pointer;
	transition: 0.3s ease-in-out;
}

.shrink {
	height: 130px;
}

.page-template-robot-selector-step .robot_selector_step_lg,
.page-template-robot-cost-calculator .robot_selector_step_lg {
	padding: 35px;
	position: relative;
	/* height: 100%; */
	display: flex;
	flex-direction: column;
	align-items: center;
	opacity: 0.5;
}

.page-template-robot-selector-step .robot_selector_step_lg.enabled,
.page-template-robot-cost-calculator .robot_selector_step_lg.enabled {
	box-shadow: 0 0 55px rgba(0, 0, 0, 0.25);
	opacity: 1;
}


.page-template-robot-selector-step .robot_selector_step_lg:hover .btn_inverse,
.page-template-robot-cost-calculator .robot_selector_step_lg:hover .btn_inverse {
	color: #fff;
	background-color: rgb(var(--orange));
	border: 2px solid rgb(var(--orange));
}

.page-template-robot-selector-step .robot_selector_step_lg a,
.page-template-robot-cost-calculator .robot_selector_step_lg a {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
}

.page-template-robot-selector-step .robot_selector_step_lg p,
.page-template-robot-cost-calculator .robot_selector_step_lg p {
	margin-bottom: 0 !important;
	color: #7E7E7E;
}

.page-template-robot-selector-step .robot_selector_step_lg .h4,
.page-template-robot-cost-calculator .robot_selector_step_lg .h4 {
	text-align: center;
	color: var(--darkgreen);
	margin-bottom: 10px;
}

.page-template-robot-selector-step .robot_selector_step_lg img,
.page-template-robot-cost-calculator .robot_selector_step_lg img {
	margin-bottom: 10px;
}

.page-template-robot-selector-step .robot_selector_step_lg .caracteristiques li,
.page-template-robot-cost-calculator .robot_selector_step_lg .caracteristiques li {
	display: flex;
	margin: 15px 10px;
	flex-wrap: wrap;
}

.page-template-robot-selector-step .robot_selector_step_lg .btn_inverse,
.page-template-robot-cost-calculator .robot_selector_step_lg .btn_inverse {
	width: 100%;
	text-align: center;
	margin-top: 35px;
	font-size: 16px;
}

.page-template-robot-selector-step .robot_selector_step_lg img.icon,
.page-template-robot-cost-calculator .robot_selector_step_lg img.icon {
	width: 35px;
}

.page-template-robot-selector-step .robot_selector_step_lg.disabled,
.page-template-robot-cost-calculator .robot_selector_step_lg.disabled {
	opacity: 0.5;
}

.page-template-robot-selector-step .robot_selector_step_sm,
.page-template-robot-cost-calculator .robot_selector_step_sm {
	padding: 20px;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	opacity: 0.5;
}

.page-template-robot-selector-step .robot_selector_step_sm.enabled,
.page-template-robot-cost-calculator .robot_selector_step_sm.enabled {
	opacity: 1;
}

.page-template-robot-selector-step .robot_selector_step_sm .h4,
.page-template-robot-cost-calculator .robot_selector_step_sm .h4 {
	text-align: center;
	color: var(--darkgreen);
	margin-bottom: 10px;
}

.page-template-robot-selector-step .robot_selector_step_sm img,
.page-template-robot-cost-calculator .robot_selector_step_sm img {
	margin-bottom: 10px;
}

.page-template-robot-selector-step .robot_selector_step_sm.disabled,
.page-template-robot-cost-calculator .robot_selector_step_sm.disabled {
	opacity: 0.5;
}

.page-template-robot-selector-step .robot_selector_step_xs,
.page-template-robot-cost-calculator .robot_selector_step_xs {
	padding: 20px;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.page-template-robot-selector-step .robot_selector_step_xs .h4,
.page-template-robot-cost-calculator .robot_selector_step_xs .h4 {
	text-align: center;
	color: var(--darkgreen);
	margin-bottom: 10px;
}

.btn-disabled {
	opacity: 0.5 !important;
}

.page-template-robot-selector-step a.btn_inverse.btn-disabled:hover,
.page-template-robot-cost-calculator a.btn_inverse.btn-disabled:hover {
	opacity: 1 !important;
}

.page-template-robot-selector-step .list_bullet {
	width: 250px;
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	z-index: 10;
}

.page-template-robot-selector-step .list_bullet li {
	margin: 0;
	position: relative;
}

.page-template-robot-selector-step .list_bullet li:after {
	content: "";
	display: block;
	width: 250px;
	height: 2px;
	position: absolute;
	background-color: rgb(var(--orange));
	z-index: -1;
	top: 12px;
}

.page-template-robot-selector-step .list_bullet li span.active {
	background-color: rgb(var(--orange));
	border-radius: 50%;
	width: 28px;
	height: 28px;
	padding-top: 1px;
	display: block;
	float: left;
	color: #fff;
	text-align: center;
	border: 2px solid rgb(var(--orange));
	outline: 4px solid white;
}

.page-template-robot-selector-step .list_bullet li span {
	background-color: white;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	padding-top: 1px;
	display: block;
	float: left;
	color: rgb(var(--orange));
	text-align: center;
	border: 2px solid rgb(var(--orange));
	outline: 4px solid white;
}

.line {
	font-weight: bold;
}

:focus {
	outline: none;
}

._tooltips_container {
	position: relative;
}

._tooltips {
	display: none;
}

._tooltips_container:hover ._tooltips {
	display: block;
	background-color: #777;
	color: #ffffff;
	padding: 6px;
	border-radius: 3px;
	font-size: 0.8em;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -130%);
	width: 200px;
}

._tooltips::after {
	content: " ";
	width: 0;
	height: 0;
	bottom: -11px;
	transform: rotate(0);
	border-style: solid;
	border-width: 12px 12.5px 0 12.5px;
	border-color: #777 transparent transparent transparent;
	position: absolute;
	left: calc(50% - 6px);
}

.page-template-robot-cost-calculator select {
	font-weight: 700;
	color: var(--darkgreen);
	border: 1px solid var(--darkgreen);
}

.page-template-robot-cost-calculator .data-enabled select {
	color: var(--lightgreen);
	animation: select-anim 1.5s infinite alternate-reverse;
	border: 1px solid var(--lightgreen);
}

.page-template-robot-cost-calculator .data-enabled select:hover {
	border: 1px solid var(--darkgreen);
	color: var(--darkgreen);
	animation-play-state: paused;
}

@keyframes select-anim {
	to {
		color: var(--darkgreen);
		border: 1px solid var(--darkgreen);
	}
}

svg.bi.bi-arrow-down {
	font-size: 20px;
}

/* Cost Calculator Table*/
thead th img {
	object-fit: cover;
	width: 50%;
	height: auto;
}

h3 {
	text-transform: initial;
	font-weight: 700;
	color: var(--darkgreen);
	font-size: 18px;
}

h3.standard-mower {
	margin-bottom: 1.5rem;
}

table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	margin: 50px 0 0 0;
	overflow-x: auto;
}

table td {
	border: inherit;
}

table tr.data td:not(:last-child) {
	border-right: 1px solid #E8E8E8;
}

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

thead {
	background-color: transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

thead th:first-child {
	color: var(--darkgreen);
}

tbody {
	border: 0 !important;
}

th:not(:last-child),
td:not(:last-child) {
	border-right: 1px solid #E8E8E8;
}

th:first-child {
	width: 30%;
}

th a {
	text-decoration: underline;
	font-weight: normal;
	color: #7E7E7E;
}

thead th,
tbody th,
tbody td:not(.nota-bene) {
	padding: 20px;
}

.nota-bene {
	padding: 40px;
}

tr.separator th,
tr.separator td {
	background-color: transparent;
	border-top: 1px solid var(--darkgreen) !important;
	border-bottom: 1px solid var(--darkgreen) !important;
	color: var(--darkgreen);
	font-weight: bold;
}

tr.separator-results th {
	background-color: transparent;
	color: var(--darkgreen);
	font-weight: bold;
}

tr.separator td {
	border: none;
	border-top: 1px solid var(--darkgreen) !important;
	border-bottom: 1px solid var(--darkgreen) !important;
}

table .result-title th {
	border-top: 1px solid var(--darkgreen) !important;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.result-display {
	border: 2px solid var(--lightgreen) !important;
	background-color: transparent;
	color: var(--lightgreen);
	font-size: 20px;
	font-weight: bold;
	padding: 20px;
}

tr.data {
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}

tr.data td input {
	margin: 0;
	background-color: transparent;
	/* height:2rem; */
}

th:first-child,
td:first-child:not(.nota-bene) {
	font-weight: bold !important;
	text-align: left;
}

tr.separator th:first-child,
tr.separator-results th:first-child {
	text-transform: uppercase;
}

th:not(:first-child),
td:not(:first-child) {
	text-align: center;
}

tbody tr:nth-child(even) {
	background-color: transparent;
}

tbody tr.data td:nth-child(2n+2) {
	background-color: #F5F5F5;
}

tbody tr.data.colspan td {
	background-color: transparent !important;
}

tbody tr.data.colspan td.td-grey {
	background-color: #F5F5F5 !important;
}

tbody tr.separator .cost-difference {
	color: red;
}

/* td .inline-data{
    display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 120px;
	position: relative;
} */

td .inline-data-sm {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 50px;
	position: relative;
}

td .inline-data-m {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 74px;
	position: relative;
}

td .inline-data-m input[type="number"] {
	padding-right: 60%;
}

td .inline-data-lg {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 110px;
	position: relative;
}

td .inline-data-xl {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 110px;
	position: relative;
}

td .inline-data-xl input[type="number"] {
	padding-right: 70%;
}

td .inline-data-lg input[type="number"] {
	padding-right: 30%;
}

td .inline-data-m span.lg-span,
td .inline-data-xl span.xl-span,
td .inline-data-lg span.xl-span,
td .inline-data-lg span.sm-span,
td .inline-data-m span.m-span,
td .inline-data-m span.sm-span {
	position: absolute;
	right: 10px;
}

td .inline-data-m div.winter {
	display: block;
}

tr.separator-results td:not(:first-child) {
	padding: 50px;
}

tr.separator-results td:nth-child(2) {
	background-color: var(--lightgreen);
	color: white;
	font-size: 20px;
	font-weight: bold;
}

.sm-txt {
	font-size: 14px;
	font-weight: 500;
}

.hide-mobile {
	display: normal;
}

.hide-pc {
	display: none !important;
}

.data-disabled {
	display: none;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s ease-out;
}

.data-enabled {
	display: block;
	opacity: 1;
	transition: all 0.5s ease-in;
}

/* Hide input nbr arrows - Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Hide input nbr arrows - Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

@media screen and (max-width: 639px) {

	.page-template-robot-selector-step .robot_selector_step_lg,
	.page-template-robot-cost-calculator .robot_selector_step_lg {
		margin-bottom: 35px;
	}
}

@media screen and (min-width: 375px) and (max-width: 767px) {

	th,
	td,
	.result-display,
	.nota-bene {
		font-size: 14px;
	}

	td .inline-data-lg {
		width: 65px;
	}

	td .inline-data-xl {
		width: 85px;
	}

	td .inline-data-m input:focus,
	td .inline-data-lg input:focus,
	td .inline-data-xl input:focus {
		width: 100px;
	}

	.sm-txt {
		font-size: 12px;
		font-weight: 600;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	td .inline-data-lg {
		width: 85px;
	}

	.sm-txt {
		font-size: 12px;
	}

	.inline-data-lg span.xl-span {
		right: 10px;
	}
}

@media screen and (max-width: 767px) {
	tr.separator-results td {
		background-color: var(--lightgreen);
		color: white;
		font-weight: bold;
	}

	tr.separator-results th {
		line-height: 1;
	}

	tr.results td:not(:first-child) {
		padding: 30px !important;
	}

	tr.data td input {
		height: 30px;
	}

	.inline-data-lg span.sm-span,
	.inline-data-m span.m-span,
	.inline-data-m span.lg-span,
	.inline-data-lg span.xl-span {
		right: 5px;
	}

	tr.section-title th {
		color: white;
		background-color: var(--darkgreen);
	}

	tbody tr.data td:nth-child(2n+2),
	tbody tr.data.colspan td.td-grey {
		background-color: transparent;
	}

	.hide-mobile {
		display: none !important;
	}

	.hide-pc {
		display: contents !important;
	}

	thead th,
	tbody td:not(.nota-bene),
	tbody th,
	tr.data-title {
		padding: 8px 4px !important;
	}

	.nota-bene {
		padding: 20px;
	}

	th:first-child,
	td:first-child {
		text-align: center;
	}

	tr.data-title th {
		border-top: 1px solid #E8E8E8;
	}

	.mow-wrapper {
		flex-direction: column;
	}

}