@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot?pv7pb7");
	src: url("../fonts/icomoon.eot?pv7pb7#iefix") format("embedded-opentype"),
		url("../fonts/icomoon.ttf?pv7pb7") format("truetype"),
		url("../fonts/icomoon.woff?pv7pb7") format("woff"),
		url("../fonts/icomoon.svg?pv7pb7#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.waiting-charts-render {
	position: absolute;
	width: 100%;
	padding: 3rem;
	text-align: center;
	z-index: 1000;
	line-height: 100% !important;
	font-size: 100px !important;
}

.leaflet-draw.leaflet-control {
	display: none !important;
}

.workshop-picker label {
	min-width: 100px;
}

.glow {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,a9e27c+50,b4e391+100&1+0,0.38+0,0.38+100 */
	background: -moz-linear-gradient(top,
			rgba(180, 227, 145, 0.38) 0%,
			rgba(169, 226, 124, 0.38) 50%,
			rgba(180, 227, 145, 0.38) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top,
			rgba(180, 227, 145, 0.38) 0%,
			rgba(169, 226, 124, 0.38) 50%,
			rgba(180, 227, 145, 0.38) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,
			rgba(180, 227, 145, 0.38) 0%,
			rgba(169, 226, 124, 0.38) 50%,
			rgba(180, 227, 145, 0.38) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61b4e391', endColorstr='#61b4e391', GradientType=0);
	/* IE6-9 */
	color: #99999959;
}

.skin-yellow .sidebar .dropdown-menu a {
	width: 210px;
	max-width: 210px;
}

.userListSelection,
.exploitationListSelection {
	cursor: pointer;
}

.cp {
	cursor: pointer;
}

.userListSelection .square,
.exploitationListSelection .square {
	border: #888 solid 1px;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.userListSelection.selected .square,
.exploitationListSelection.selected .square {
	background-color: #6eb569;
}

.delimiter {
	width: 100%;
	height: 1px;
	border-bottom: solid 1px black;
	margin: 10px 0;
}

.btn-success.selected {
	background-color: #83c87e !important;
	border-color: #83c87e !important;
}

.btn-exploitation {
	width: 220px;
	max-width: 220px;
}

.timeperyear {
	border: unset !important;

	color: white !important;

	background-color: #99ec934d !important;

	height: auto !important;

	max-width: 170px !important;

	font-size: small !important;

	margin-top: -5px !important;

	margin-left: 5px !important;

	display: inline-block !important;
}

.timeperyear option {
	color: black;
}

.campaignIndicatorYear,
.periodicIndicatorYear,
.selectYear {
	border: unset !important;
	color: white !important;
	background-color: #99ec934d !important;
	height: auto !important;
	max-width: 170px !important;
	font-size: small !important;
	margin-top: -5px !important;
	margin-left: 5px !important;
	display: inline-block !important;
}

.campaignIndicatorYear option,
.periodicIndicatorYear option,
.selectYear option {
	color: black;
}

.hectare {
	text-align: center;
	color: whitesmoke;
	border: 1px dotted green;
	margin: 10px;
	padding: 7px;
	border-radius: 5px;
	background: -moz-linear-gradient(top,
			rgba(180, 227, 145, 0.38) 0%,
			rgba(169, 226, 124, 0.38) 50%,
			rgba(180, 227, 145, 0.38) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top,
			rgba(180, 227, 145, 0.38) 0%,
			rgba(169, 226, 124, 0.38) 50%,
			rgba(180, 227, 145, 0.38) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,
			rgba(180, 227, 145, 0.38) 0%,
			rgba(169, 226, 124, 0.38) 50%,
			rgba(180, 227, 145, 0.38) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61b4e391', endColorstr='#61b4e391', GradientType=0);
	/* IE6-9 */
}

.info-box-success {
	text-align: center;
	color: green;
	border: 1px dotted green;
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
	background: -moz-linear-gradient(top,
			rgba(180, 227, 145, 0.38) 0%,
			rgba(169, 226, 124, 0.38) 50%,
			rgba(180, 227, 145, 0.38) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top,
			rgba(180, 227, 145, 0.38) 0%,
			rgba(169, 226, 124, 0.38) 50%,
			rgba(180, 227, 145, 0.38) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,
			rgba(180, 227, 145, 0.38) 0%,
			rgba(169, 226, 124, 0.38) 50%,
			rgba(180, 227, 145, 0.38) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.info-box-error {
	text-align: center;
	color: red;
	border: 1px dotted green;
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
	background: -moz-linear-gradient(top,
			rgba(227, 145, 145, 0.38) 0%,
			rgba(227, 145, 145, 0.38) 50%,
			rgba(227, 145, 145, 0.38) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top,
			rgba(227, 145, 145, 0.38) 0%,
			rgba(227, 145, 145, 0.38) 50%,
			rgba(227, 145, 145, 0.38) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,
			rgba(227, 145, 145, 0.38) 0%,
			rgba(227, 145, 145, 0.38) 50%,
			rgba(227, 145, 145, 0.38) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.info-box-info {
	text-align: center;
	color: blue;
	border: 1px dotted blue;
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
	background: -moz-linear-gradient(top,
			rgba(150, 145, 227, 0.38) 0%,
			rgba(150, 145, 227, 0.38) 50%,
			rgba(150, 145, 227, 0.38) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top,
			rgba(150, 145, 227, 0.38) 0%,
			rgba(150, 145, 227, 0.38) 50%,
			rgba(150, 145, 227, 0.38) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,
			rgba(150, 145, 227, 0.38) 0%,
			rgba(150, 145, 227, 0.38) 50%,
			rgba(150, 145, 227, 0.38) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.media.active {}

.media:hover {
	cursor: pointer;
}

.media:hover {
	/* ; */
	/* color: #6eb569; */
}

.media-list-hover>.media:not(.media-list-header):not(.media-list-footer):hover,
.media-list-hover .media-list-body>.media:hover {
	background-color: #f9fafb;
	/* color: #6eb569; */
}

#map {
	height: 750px !important;
}

@media (max-width: 1400px) {
	#map {
		height: 540px !important;
	}
}

.table-responsive {
	max-height: calc(100vh - 90px);
}

.reservation {
	border: unset !important;

	color: white !important;
	background-color: #99ec934d !important;

	height: auto !important;

	max-width: 14em !important;

	font-size: small !important;

	margin-top: -5px !important;

	margin-left: 5px !important;
}

.rentabilite {
	border: unset !important;

	color: #757575 !important;
	background-color: #99ec9300 !important;

	height: auto !important;

	max-width: 170px !important;

	font-size: small !important;

	margin-top: -5px !important;
	padding: unset !important;
	margin-left: 5px !important;
}

.daterangepicker .available {
	color: #757575;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #7bc676 !important;
	border-color: transparent !important;
	color: #fff !important;
}

#utilisateur {
	color: #09f5ec;
}

.daterangepicker td.in-range {
	background-color: #ebf4f8 !important;
	border-color: transparent;
	color: #000;
	border-radius: 0;
}

.daterangepicker td.in-range {
	background-color: #e6ffe4 !important;
	border-color: transparent;
	color: #000;
	border-radius: 0;
}

.daterangepicker .month {
	color: black;
}

.daterangepicker .calendar th {
	white-space: nowrap;
	text-align: center;
	min-width: 32px;
	color: black;
}

.btn-success {
	background-color: #6eb569 !important;
	border-color: #6eb569 !important;
	color: #fff;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
	background-color: #c5ffbc !important;
	border-color: transparent;
	color: white !important;
}

#gerant {
	color: #3f8a3a;
}

#administrateur {
	color: #f50909;
}

.users-list tr,
.exploitations-list tr {
	cursor: pointer;
}

.current-adress .col-sm-10 p {
	padding: 5px;
}

.reccap td,
.reccap th {
	padding: 5px !important;
}

@font-face {
	font-family: "icomoon";
	src: url("fonts/icomoon.eot?s65j4k");
	src: url("fonts/icomoon.eot?s65j4k#iefix") format("embedded-opentype"),
		url("fonts/icomoon.ttf?s65j4k") format("truetype"),
		url("fonts/icomoon.woff?s65j4k") format("woff"),
		url("fonts/icomoon.svg?s65j4k#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="perso-"],
[class*=" perso-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 72px;
	font-size: 45px;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.perso-ble:before {
	content: "\44";
}

.perso-milet:before {
	content: "\48";
}

.perso-riz:before {
	content: "\50";
}

.perso-sorgho:before {
	content: "\53";
}

.perso-mais:before {
	content: "\56";
}

.perso-soja:before {
	content: "\57";
}

.perso-feverole:before {
	content: "\58";
}

.perso-vache-allaitante:before {
	content: "\59";
}

.perso-sarrasin:before {
	content: "\5a";
}

.perso-trefle:before {
	content: "\5b";
}

.perso-colza:before {
	content: "\5c";
}

.perso-tournesol:before {
	content: "\41";
}

.perso-abricot:before {
	content: "\42";
}

.perso-pondeuse:before {
	content: "\43";
}
.perso-ble:before {
	content: "\44";
}
.perso-bovin-viande:before {
	content: "\45";
}

.perso-oignon:before {
	content: "\46";
}

.perso-canard:before {
	content: "\47";
}
.perso-milet:before {
	content: "\48";
}
.perso-mouton:before {
	content: "\49";
}

.perso-bovin-lait:before {
	content: "\4a";
}

.perso-pommes-de-terre:before {
	content: "\4b";
}

.perso-pomme:before {
	content: "\4c";
}

.perso-vigne:before {
	content: "\4d";
}

.perso-prairie:before {
	content: "\4e";
}

.perso-poulet:before {
	content: "\4f";
}
.perso-riz:before {
	content: "\50";
}
.perso-chanvre:before {
	content: "\51";
}

.perso-carotte:before {
	content: "\52";
}
.perso-sorgho:before {
	content: "\53";
}
.perso-orge:before {
	content: "\54";
}

.perso-lin:before {
	content: "\55";
}
.perso-mais:before {
	content: "\56";
}
.perso-soja:before {
	content: "\57";
}
.perso-feverole:before {
	content: "\58";
}
.perso-vache-allaitante:before {
	content: "\59";
}
.perso-sarrasin:before {
	content: "\5a";
}
.perso-trefle:before {
	content: "\5b";
}
.perso-colza:before {
	content: "\5c";
}
.perso-lapin:before {
	content: "\64";
}

.perso-corriandre:before {
	content: "\e900";
}

.perso-seed:before {
	content: "\e901";
}

.perso-pavot:before {
	content: "\e903";
}

.perso-patate:before {
	content: "\e904";
}

.perso-pois-chiches:before {
	content: "\e905";
}

.perso-sesame:before {
	content: "\e906";
}

.perso-persil:before {
	content: "\e907";
}

/* Home stepper*/
@charset "UTF-8";

.stepper .nav-tabs {
	position: relative;
}

.stepper .nav-tabs>li {
	width: 25%;
	position: relative;
	left: 10%;
	display: inline-block;
}

.stepper .nav-tabs>li:after {
	content: "";
	position: absolute;
	background: #f1f1f1;
	display: block;
	width: 100%;
	height: 5px;
	top: 30px;
	/*left: 50%;*/
	z-index: 1;
}

.stepper .nav-tabs>li.completed::after {
	background: #34bc9b;
}

.stepper .nav-tabs>li:last-child::after {
	background: transparent;
}

.stepper .nav-tabs>li.active:last-child .round-tab {
	background: #34bc9b;
}

.stepper .nav-tabs>li.active:last-child .round-tab::after {
	content: "✔";
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	display: block;
}

.stepper .nav-tabs [data-toggle="tab"] {
	width: 25px;
	height: 25px;
	margin: 20px auto;
	border-radius: 100%;
	border: none;
	padding: 0;
	color: #f1f1f1;
	display: inline-block;
}

.stepper .nav-tabs [data-toggle="tab"]:hover {
	background: transparent;
	border: none;
}

.stepper .nav-tabs>.active>[data-toggle="tab"],
.stepper .nav-tabs>.active>[data-toggle="tab"]:hover,
.stepper .nav-tabs>.active>[data-toggle="tab"]:focus {
	color: #34bc9b;
	cursor: default;
	border: none;
}

.stepper .tab-pane {
	position: relative;
	padding-top: 25px;
}

.stepper .round-tab {
	width: 25px;
	height: 25px;
	line-height: 22px;
	display: inline-block;
	border-radius: 25px;
	background: #fff;
	border: 2px solid #34bc9b;
	color: #34bc9b;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 14px;
}

.stepper .completed .round-tab {
	background: #34bc9b;
}

.stepper .completed .round-tab::after {
	content: "✔";
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	display: block;
}

.stepper .active .round-tab {
	background: #fff;
	border: 2px solid #34bc9b;
}

.stepper .active .round-tab:hover {
	background: #fff;
	border: 2px solid #34bc9b;
}

.stepper .active .round-tab::after {
	display: none;
}

.stepper .disabled .round-tab {
	background: #fff;
	color: #f1f1f1;
	border-color: #f1f1f1;
}

.stepper .disabled .round-tab:hover {
	color: #4dd3b6;
	border: 2px solid #a6dfd3;
}

.stepper .disabled .round-tab::after {
	display: none;
}

/* End Home stepper */

.tab {
	background-color: #252525;
	color: whitesmoke;
	height: 40px;
	display: inline-block;
	margin-bottom: auto;
	margin-top: 8%;
	padding-top: 4%;
	padding-left: 10px;
	padding-right: 10px;
	box-shadow: black 1px -1px 4px -2px;
}

.tab:hover,
.tab.active {
	background-color: #f4f6f9;
	color: #252525;
}

/* ------------------------------------------------------
                      Cycle timeline
  ------------------------------------------------------*/

.selectedRow {
	background-color: rgba(0, 0, 0, 0.075);
}

.tl {
	width: 100%;
	margin-bottom: 15px;
	margin-top: 15px;
	height: 15px;

	border: 1px solid #999999;
	border-radius: 0 14px 14px 0;
}

.arrow-icon {
	position: relative;
	right: 15px;
	align-self: center;
}

.today-bar {
	width: 6px;
	height: calc(100% + 12px);
	background-color: #6d6d6d;
	border-radius: 14px;

	position: relative;
	bottom: 6px;
	right: 4px;
}

.today-cursor {
	position: relative;
	bottom: 20px;
	right: 40px;
}

/* Modal tl */

.tl-modal {
	display: flex;
	justify-content: center;

	padding-top: 100px;
}

.modal-xl {
	display: flex;
	width: 100% !important;
	max-width: 66.66% !important;
	min-width: 1000px;
	margin: 15px;
	height: max-content;
}

.left-arrow:hover {
	box-shadow: 0 0 3px #7e7e7e;
}

.left-arrow {
	display: inline-block !important;
	position: relative;
	width: 25px;
	height: 33px;
	background-color: #6eb569;
	border: 0.5px solid #579253;
	border-radius: 100%;
	box-sizing: content-box;
	margin-bottom: 35px;
}

.left-arrow:before {
	position: absolute;
	content: "";
	margin: auto;
	top: 0;
	bottom: 0;
	left: calc(-1 * 33px / 3);
	right: 0;
	width: 0;
	height: 0;
	border-right: calc(33px / 3) solid #fff;
	border-top: calc(33px / 3) solid transparent;
	border-bottom: calc(33px / 3) solid transparent;
}

.left-arrow:after {
	position: absolute;
	content: "";
	margin: auto;
	top: 0;
	bottom: 0;
	left: calc(33px / 6);
	right: 0;
	width: calc(33px / 3);
	height: calc(33px / 3);
	background-color: #fff;
}

.right-arrow {
	display: inline-block !important;
	position: relative;
	width: 25px;
	height: 35px;
	background-color: #6eb569;
	border-radius: 100%;
	border: 1px solid #579253;
	box-sizing: content-box;
}

.right-arrow:before {
	position: absolute;
	content: "";
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: calc(-1 * 35px / 3);
	width: 0;
	height: 0;
	border-left: calc(35px / 3) solid #fff;
	border-top: calc(35px / 3) solid transparent;
	border-bottom: calc(35px / 3) solid transparent;
}

.right-arrow:after {
	position: absolute;
	content: "";
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: calc(35px / 6);
	width: calc(35px / 3);
	height: calc(35px / 3);
	background-color: #fff;
}

.glow-error {
	border-color: #ff0000 !important;
	-webkit-box-shadow: 0 0 18px 0 #ff0000 !important;
	box-shadow: 0 0 18px 0 #ff0000 !important;
}

.glow-warning {
	border-color: #ffa600 !important;
	-webkit-box-shadow: 0 0 18px 0 #ffa60075 !important;
	box-shadow: 0 0 18px 0 #ffa600 !important;
}

.clickCycle {
	transition: all 20ms;
	cursor: pointer;
}

.clickCycle:hover {
	-webkit-box-shadow: 0 0 21px -6px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 21px -6px rgba(0, 0, 0, 0.5);
}

#readOnlyCycle>.clickCycle:hover {
	-webkit-box-shadow: 0;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}

/* Warning and danger icon */
/* .danger-icon { */
.danger-icon {
	display: inline-block !important;
	position: relative;
	width: 22px;
	height: 22px;
	background: rgba(255, 0, 0, 0.7);
	border-radius: 100%;
	border: calc(22px / 8) solid #000000;
	box-sizing: content-box;
	margin: 5px;
	top: 10px;
}

.danger-icon:before {
	position: absolute;
	content: "";
	margin: auto;
	top: 0;
	bottom: calc(22px / 5);
	left: 0;
	right: 0;
	width: calc(22px / 8);
	height: calc(22px / 2);
	background-color: #000000;
	box-sizing: content-box;
}

.danger-icon:after {
	position: absolute;
	content: "";
	margin: auto;
	top: calc(22px / 1.7);
	bottom: 0;
	left: 0;
	right: 0;
	width: calc(22px / 8);
	height: calc(22px / 8);
	background-color: #000000;
	box-sizing: content-box;
}

/**/
/* .warning-icon { */
.warning-icon {
	display: inline-block !important;
	position: relative;
	width: 22px;
	height: 22px;
	background: rgb(255, 208, 0);
	border-radius: 100%;
	border: calc(22px / 8) solid #000000;
	box-sizing: content-box;
	margin: 5px;
	top: 10px;
}

.warning-icon:before {
	position: absolute;
	content: "";
	margin: auto;
	top: 0;
	bottom: calc(22px / 5);
	left: 0;
	right: 0;
	width: calc(22px / 8);
	height: calc(22px / 2);
	background-color: #000000;
	box-sizing: content-box;
}

.warning-icon:after {
	position: absolute;
	content: "";
	margin: auto;
	top: calc(22px / 1.7);
	bottom: 0;
	left: 0;
	right: 0;
	width: calc(22px / 8);
	height: calc(22px / 8);
	background-color: #000000;
	box-sizing: content-box;
}

/* .info-icon { */
.info-icon {
	display: inline-block !important;
	position: relative;
	width: 22px;
	height: 22px;
	background: rgb(0, 0, 0);
	border-radius: 100%;
	border: calc(22px / 8) solid #ffffff;
	box-sizing: content-box;
	margin: 5px;
	top: 10px;
}

.info-icon:before {
	position: absolute;
	content: "";
	margin: auto;
	top: 0;
	bottom: calc(22px / 5);
	left: 0;
	right: 0;
	width: calc(22px / 8);
	height: calc(22px / 2);
	background-color: #ffffff;
	box-sizing: content-box;
}

.info-icon:after {
	position: absolute;
	content: "";
	margin: auto;
	top: calc(22px / 1.7);
	bottom: 0;
	left: 0;
	right: 0;
	width: calc(22px / 8);
	height: calc(22px / 8);
	background-color: #ffffff;
	box-sizing: content-box;
}

.fixed-bottom-right {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 9999;
}

/* Icon back to top*/
.topPage {
	display: inline-block !important;
	position: relative;
	width: 52px;
	height: 52px;
	border-radius: 100%;
	background-color: #666666;
	border: calc(52px / 8) solid #666666;
	box-sizing: content-box;
	-webkit-box-shadow: 0 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
	box-shadow: 0 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
}

.topPage:hover {
	-webkit-box-shadow: 0 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0.2);
}

.topPage:before {
	position: absolute;
	content: "";
	margin: auto;
	width: calc(52px / 3.5);
	height: calc(52px / 3.5);
	background: rgba(0, 0, 0, 0);
	border: calc(52px / 8) solid #fff;
	border-right: none;
	border-top: none;
	top: calc(52px / 8);
	bottom: 0;
	left: 0;
	right: 0;
	transform: rotate(135deg);
	box-sizing: content-box;
}

.content-header-zones {
	display: flex;
	margin: 0 10px !important;
	padding: 5px 5px 0 5px !important;
	width: 97%;
}

#content-header-zones--title {
	margin: 0;
	font-size: 24px;
	color: #125602;
}

#info-mode {
	display: flex;
	justify-content: center;
	text-align: center;
}

#info-mode h5 {
	border: 3px dashed #fbad1c;
	border-radius: 5px;
	padding: 10px;
	width: 100%;
	background: #fbad1c69;
}
#info-mode h5.mode-ha {
	border: 3px dashed #3f8a3a;
	border-radius: 5px;
	padding: 10px;
	width: 100%;
	background: #098c0036;
}

.mode {
	display: none;
}

.tier-width {
	width: 33.33%;
}

.two-tier-width {
	width: 66.66%;
}

.mid-width {
	width: 50%;
}

.max-width {
	width: 100%;
}

/* CYCLES => */
.cycle-row {
	/* margin-top: 15px; */
	padding: 10px;
}

/* .cycle-row:hover {
      background: #a0a0a071;
  } */
.cycle_timeline {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 10px 10px 20px;
}

.timeline_info {
	display: flex;
	margin-top: 25px;
	justify-content: space-between;
}

/* .timeline_info .cycle_endAt {
      font-size: 13px;
      font-weight: initial;
  } */

.cycle_workshop {
	margin-left: 4%;
	position: absolute;
	top: -10%;
	text-transform: capitalize;
	height: 40%;
	width: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
}

.timeline_line {
	display: flex;
	width: 100%;
	height: 8px;
	margin-top: 10px;
}

.bar-cycle,
.icon-cycle-incoherent {
	width: 4px;
	height: calc(100% + 14px);
	background-color: rgb(0, 0, 0);
	border-radius: 14px;

	position: relative;
	bottom: 8px;
	right: 2px;
}

.multi-select {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}
.multi-action {
	display: flex;
}

/* CYCLES COLOR*/

.bg-culture {
	background: #6eb569 !important;
}
.bg-light-culture {
	background: #6eb569ad !important;
}
.bg-dark-culture {
	background: #3f783b;
}
.bg-permanent-culture {
	background: #3f783b;
	border-color: #cacaca99;
	background: -moz-linear-gradient(left, #3f783b 0%, #3f783b 26%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #3f783b 0%, #3f783b 26%, #ffffff 100%);
	background: linear-gradient(to right, #3f783b 0%, #3f783b 26%, #ffffff 100%);
}
.bg-permanent-danger {
	background: #3f783b;
	border-color: #cacaca99;
	background: -moz-linear-gradient(left, #da0000 0%, #da0000 26%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #da0000 0%, #da0000 26%, #ffffff 100%);
	background: linear-gradient(to right, #da0000 0%, #da0000 26%, #ffffff 100%);
}

.bg-elevage {
	background: #ffa43c !important;
}
.bg-light-elevage {
	background: #ffa43cbd !important;
}
.bg-dark-elevage {
	background: #b17128;
}
.bg-permanent-elevage {
	background: #b17128;
	border-color: #cacaca99;
	background: -moz-linear-gradient(left, #b17128 0%, #b17128 26%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #b17128 0%, #b17128 26%, #ffffff 100%);
	background: linear-gradient(to right, #b17128 0%, #b17128 26%, #ffffff 100%);
}

.bg-arboriculture {
	background: #c342ff !important;
}
.bg-light-arboriculture {
	background: #c342ffb7 !important;
}
.bg-dark-arboriculture {
	background: #842bad;
}
.bg-permanent-arboriculture {
	background: #842bad;
	border-color: #cacaca99;
	background: -moz-linear-gradient(left, #842bad 0%, #842bad 26%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #842bad 0%, #842bad 26%, #ffffff 100%);
	background: linear-gradient(to right, #842bad 0%, #842bad 26%, #ffffff 100%);
}

.bg-undefined {
	background: #c3c4c4 !important;
}
.bg-light-undefined {
	background: #c3c4c4 !important;
}
.bg-dark-undefined {
	background: #525252;
}
.bg-permanent-undefined {
	background: #525252;
	border-color: #cacaca99;
	background: -moz-linear-gradient(left, #525252 0%, #525252 26%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #525252 0%, #525252 26%, #ffffff 100%);
	background: linear-gradient(to right, #525252 0%, #525252 26%, #ffffff 100%);
}

.bg-light-autre {
	background: #6363ff;
}
.bg-dark-autre {
	background: #0000ff;
}
.bg-permanent-autre {
	background: #0000ff;
	border-color: #cacaca99;
	background: linear-gradient(to right, #0000ff 0%, #6363ff 26%, #ffffff 100%);
}

.bg-light-extra {
	background: #f8e187;
}
.bg-dark-extra {
	background: #F1C40F;
}
.bg-extra {
	background: #F1C40F;
}
.bg-permanent-extra {
	background: #F1C40F;
	border-color: #cacaca99;
	background: linear-gradient(to right, #F1C40F 0%, #f8e187 26%, #ffffff 100%);
}

.bg-light-danger {
	background: #ff0000;
}
.bg-dark-danger {
	background: #da0000;
}
.cycle-danger {
	font-weight: bold;
	color: #da0000;
}

/* ICON DANGER  icon-cycle-danger*/
.icon-cycle-danger {
	display: inline-block !important;
	width: 22px;
	position: relative;
	bottom: 10px;
	right: 10px;
	height: 22px;
	background-color: #ff0000;
	border-radius: 10%;
	border: 1.5px solid #000;
	box-sizing: content-box;
}

.icon-cycle-danger:before {
	position: absolute;
	content: "";
	margin: auto;
	top: 0;
	bottom: calc(22px / 5);
	left: 0;
	right: 0;
	width: calc(22px / 8);
	height: calc(22px / 2);
	background-color: #fff;
	box-sizing: content-box;
}

.icon-cycle-danger:after {
	position: absolute;
	content: "";
	margin: auto;
	top: calc(22px / 1.7);
	bottom: 0;
	left: 0;
	right: 0;
	width: calc(22px / 8);
	height: calc(22px / 8);
	background-color: #fff;
	box-sizing: content-box;
}

.bg-light-warning {
	background: #ffae00;
}
.bg-dark-warning {
	background: #ffae00;
}
.cycle-warning {
	font-weight: bold;
	color: #ffae00;
}

/* ICON WARNING  icon-cycle-warning*/
.icon-cycle-warning {
	display: inline-block !important;
	width: 22px;
	position: relative;
	bottom: 10px;
	right: 10px;
	height: 22px;
	background-color: #ffae00;
	border-radius: 10%;
	border: 1.5px solid #000;
	box-sizing: content-box;
}

.icon-cycle-warning:before {
	position: absolute;
	content: "";
	margin: auto;
	top: 0;
	bottom: calc(22px / 5);
	left: 0;
	right: 0;
	width: calc(22px / 8);
	height: calc(22px / 2);
	background-color: #fff;
	box-sizing: content-box;
}

.icon-cycle-warning:after {
	position: absolute;
	content: "";
	margin: auto;
	top: calc(22px / 1.7);
	bottom: 0;
	left: 0;
	right: 0;
	width: calc(22px / 8);
	height: calc(22px / 8);
	background-color: #fff;
	box-sizing: content-box;
}

.bg-incoherent {
	background: #999999 !important;
}
.bg-light-incoherent {
	background: #999999bb !important;
}
.bg-dark-incoherent {
	background: #757575e7;
}
.cycle-incoherent {
	font-weight: bold;
	color: #3d3d3de7;
}
.bg-zone-incoherent {
	background-color: #85858575;
}

.bg-zebra {
	background: linear-gradient(
		135deg,
		#999999bb 12.5%,
		#fff 12.5%,
		#fff 37.5%,
		#999999bb 37.5%,
		#999999bb 62.5%,
		#fff 62.5%,
		#fff 87.5%,
		#999999bb 87.5%
	);
	background-size: 25px 25px;
	background-position: 50% 50%;
}

/*  CYCLE LIST  */
.cycle-list {
	margin-left: 15px;
	margin-right: 15px;
}

.hightlightSuccess {
	animation: 1s hightlightSuccess;
}

@keyframes hightlightSuccess {
	0% {
		scale: 1;
		background-color: #ffffff;
	}
	50% {
		scale: 1.03;
		background-color: #4a934a9a;
	}
	100% {
		scale: 1;
		background-color: #ffffff;
	}
}

.iconClose {
	display: inline-block !important;
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #fa8181;
	border: calc(20px / 8) solid #fa8181;
	box-sizing: content-box;
	cursor: pointer;
	transition: box-shadow 0.3s;
}
.iconClose:hover {
	box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
}

.iconClose:before {
	position: absolute;
	content: "";
	margin: auto;
	width: calc(20px / 8);
	height: calc(20px / 1.5);
	background-color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: rotate(45deg);
}

.iconClose:after {
	position: absolute;
	content: "";
	margin: auto;
	width: calc(20px / 1.5);
	height: calc(20px / 8);
	background-color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: rotate(45deg);
}

.rotate-45 {
	transform: rotate(45deg);
	margin-right: 5px;
}

.redirect-icon.icon {
	color: #fff;
	bottom: 9px;
	position: absolute;
	margin-left: 10px;
	margin-top: 3px;
	width: 2px;
	height: 16px;
	background-color: currentColor;
}

.redirect-icon.icon:before {
	content: "";
	position: absolute;
	left: -4.5px;
	top: 0.7px;
	width: 10px;
	height: 10px;
	border-top: solid 2px currentColor;
	border-right: solid 2px currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#table-global .row-in-row {
	display: flex;
	justify-content: space-between;

	text-transform: capitalize;
}
#table-global .vehicleNamecell {
	display: flex;
	justify-content: space-between;
	border: unset !important;
}
.disabledOption {
	background-color: #5555;
}

.hard-border-top {
	border-top: 2px solid #00000080 !important;
}
.blur {
	filter: blur(4px);
}

/* INDICATORS */

.shortcut-list {
	width: 100%;
	/* justify-content: space-between; */
	padding: 20px;

	max-height: 420px;
	overflow-y: scroll;
}

.shortcut-card {
	display: flex;
	flex-direction: column;
	min-width: 350px !important;
	max-width: 350px !important;
	margin: 15px;
	padding: 20px 10px 10px;

	box-shadow: 0px 0px 5px 0px rgba(142, 139, 133, 0.32);
	border-radius: 5px;
	transition: 0.3s;
}

.shortcut-card:hover {
	box-shadow: 0px 0px 15px 0px rgba(90, 90, 90, 0.6);
	scale: 1.05;
	background-color: unset !important;
	color: unset !important;
}

.farmYear {
	position: absolute;
	top: -11px;
	left: 5px;
	background-color: #6eb569;
	padding: 3px 10px 3px 10px;
	border-radius: 5px;

	color: white;
	font-style: normal;
}

.multicycle-icon {
	color: #000;
	position: absolute;
	width: 25px;
	height: 25px;
	background: url("/images/icons/multicycle-icon.svg");
	right: 15px;
	top: 10px;
}

.multicycle-icon:hover {
	scale: 1.2;
	cursor: pointer;
}

.pin-category {
	position: absolute;
	bottom: -10px;
	right: -10px;
	padding: 3px 10px 3px 10px;
	border-radius: 5px;
	color: white;
}
#selected-productions li {
	display: flex;
	gap: 5px;
}

.delete-btn {
	cursor: pointer;
	width: 17px;
	height: 17px;
	font-weight: bold;
	text-align: center;
	color: red;
}


.shake-error {
	border-color: unset;
	animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	transform: translate3d(0, 0, 0);
}

@keyframes shake {

	10%,
	90% {
		border-color: var(--danger);
		border-width: 2px;
		color: var(--danger);
		transform: translate3d(-1px, 0, 0);
	}

	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}

	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}

#createRate #subWorkshops .dropdown-menu {
	background-color: white;
	color: black !important;
	width: 100%;
	max-height: 50vh;
	overflow-y: scroll;
	border: 1px solid #666;
	border-top: unset;
	padding: 0.5rem;
}

#userDisponibility__box ul {
	display: flex;
	flex-direction: row;
	gap: 2rem;
}

#userDisponibility__box ul>li {
	list-style: none;
	width: 40%;
	margin-left: unset;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#userDisponibility__box .btn,
#userDisponibility__box input {
	width: fit-content;
	height: fit-content;
}

#createCart,
#joinExploitBox {
	width: 100%;
}

@media (min-width: 1068px) {
	#createCart {
		max-width: 66%;
	}

	#joinExploitBox {
		max-width: 30%;
	}
}


.recapPrices .recapPrices-title {
	font-size: 1.3rem;
}

.recapPrices .recapPrices-amount {
	font-size: 2rem;
}

#joinExploitBox>.box {
	background-color: #6eb569;
	color: #fff;
}
#joinExploitBox .joinButton {
	background-color:#eeca60;
	color: #333333;
	text-transform: uppercase;
	padding-left: 3rem;
	padding-right: 3rem;
}

.aptimiz-color {
color: #43A035;
}
.selector_container {
	height: auto;
	background-color: white !important;
	color: #125602 !important;
	border: none !important;
}