/* 
* Nom : style.css
* Fonction : feuille de style globale
*/
@font-face {
	font-family: 'Roboto';
	src: url('/assets/fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Roboto', sans-serif !important;
	background-color: #f7fae5;
}

/* Effet transition couleur quand hover bouton de navbar */
nav .nav-item:hover {
	background-color: #d1d1d1;
}

nav .nav-item {
	transition: background-color 0.5s ease;
}

/* Appliquer l'effet invalid aussi sur les select2 */
.is-invalid .chosen-container {
	border: 1px solid red;
	border-radius: 5px;
}

.chosen-container a.chosen-default span {
	color: #878787;
}

/* Mettre le background grey dans le readonly pour voir la différence visuellement */
input.form-control:read-only,
textarea.form-control:read-only {
	background-color: #e9e9e9;
}

.row_entete {
	background: #7e8d30;
}

.alert_phytodata {
	background-color: #bfd063;
	border: 1px solid #97a161;
}

.row_entete_beige {
	background: #f7fae5;
}

.row_titre_jaune {
	background: #fbbe12;
	padding-top: 2px;
}

.row_titre_vert_clair {
	border-radius: 4px;
	background: #d3e289;
}

.row_titre_vert {
	background: #bfd063;
}

.row_titre_jaune {
	background: #ffcc33;
}

.row_form {
	background: #e8edca;
}

.row_titre_vert_clair_sans_radius {
	background: #d3e289;
}

.forms_badge_1 {
	color: white !important;
	background-color: #7e8d30 !important;
}

.forms_badge_2 {
	color: white !important;
	background-color: #5c7e93 !important;
}

.btn_action {
	color: #fff;
	background-color: #7e8d30;
	border-color: #6e7b2a;
}

.btn_action.active,
.btn_action.focus,
.btn_action:active,
.btn_action:focus,
.btn_action:hover,
.open>.dropdown-toggle.btn_action {
	color: #fff;
	background-color: #555f20;
	border-color: #434b1a;
}

.btn_action.active,
.btn_action:active,
.open>.dropdown-toggle.btn_action {
	background-image: none;
}

.btn_action.disabled,
.btn_action.disabled.active,
.btn_action.disabled.focus,
.btn_action.disabled:active,
.btn_action.disabled:focus,
.btn_action.disabled:hover,
.btn_action[disabled],
.btn_action[disabled].active,
.btn_action[disabled].focus,
.btn_action[disabled]:active,
.btn_action[disabled]:focus,
.btn_action[disabled]:hover,
fieldset[disabled] .btn_action,
fieldset[disabled] .btn_action.active,
fieldset[disabled] .btn_action.focus,
fieldset[disabled] .btn_action:active,
fieldset[disabled] .btn_action:focus,
fieldset[disabled] .btn_action:hover {
	background-color: #337ab7;
	border-color: #2e6da4
}

.btn_action_clair {
	color: #fff;
	background-color: #bfd063;
}

.btn_action_clair.active,
.btn_action_clair.focus,
.btn_action_clair:active,
.btn_action_clair:focus,
.btn_action_clair:hover,
.open>.dropdown-toggle.btn_action_clair {
	color: #fff;
	background-color: #555f20;
}

.btn_action_clair.active,
.btn_action_clair:active,
.open>.dropdown-toggle.btn_action_clair {
	background-image: none;
}

.btn_action_clair.disabled,
.btn_action_clair.disabled.active,
.btn_action_clair.disabled.focus,
.btn_action_clair.disabled:active,
.btn_action_clair.disabled:focus,
.btn_action_clair.disabled:hover,
.btn_action_clair[disabled],
.btn_action_clair[disabled].active,
.btn_action_clair[disabled].focus,
.btn_action_clair[disabled]:active,
.btn_action_clair[disabled]:focus,
.btn_action_clair[disabled]:hover,
fieldset[disabled] .btn_action_clair,
fieldset[disabled] .btn_action_clair.active,
fieldset[disabled] .btn_action_clair.focus,
fieldset[disabled] .btn_action_clair:active,
fieldset[disabled] .btn_action_clair:focus,
fieldset[disabled] .btn_action_clair:hover {
	background-color: #337ab7;
	border-color: #2e6da4
}

.input_global {
	font-size: 12px;
	color: #242906;
}

.input_cellule {
	font-size: 11px;
	color: #242906;
	padding: 4px 4px;
	height: 30px;
}

.select_cellule {
	font-size: 11px;
	color: #242906;
	padding: 4px 4px;
	height: 30px;
}

.select_cellule_search {
	font-size: 11px;
	color: #242906;
	padding: 4px 4px;
	height: 30px;
}

.radio_cellule {
	font-size: 11px;
	color: #242906;
	padding: 4px 4px;
	height: 16px;
}

.addon_cellule {
	background-color: white;
	padding: 2px 2px 2px 2px;
	font-size: 9px;
	white-space: normal;
	line-height: 0.8;
}

.addon_tableau {
	padding: 4px 4px 4px 4px;
	font-size: 12px;
	white-space: normal;
	line-height: 1;
	display: initial;
}

.msg_erreur_cellule {
	font-size: 12px;
	color: red;
	font-style: italic;
}

.msg_warning_cellule {
	font-size: 12px;
	color: orange;
	font-style: italic;
}

.field-error .control-label,
.field-error .help-block,
.field-error .form-control-feedback {
	color: #ff0039;
}

.field-success .control-label,
.field-success .help-block,
.field-success .form-control-feedback {
	color: #2780e3;
}

.commentaire {
	font-size: 10px;
	color: grey;
	font-weight: bold;
	font-style: italic;
}

.msg_erreur {
	font-size: 14px;
	color: red;
	font-weight: bold;
	font-style: italic;
}

.msg_warning {
	font-size: 14px;
	color: orange;
	font-weight: bold;
	font-style: italic;
}

.aide_question {
	background-color: #BFD063;
	color: black;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	font-size: 13px;
	white-space: normal;
	line-height: 1.6;
	border: 1px solid black;
	border-radius: 4px;
	min-height: 3cm;
}

.aide_reponse {
	background-color: #DEE4BE;
	color: black;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	font-size: 13px;
	white-space: normal;
	line-height: 1.6;
	border: 1px solid black;
	border-radius: 4px;
	min-height: 3cm;
}

.input {
	font-size: 12px;
	color: #000000;
	width: 120px;
}

a:link {
	color: #000000;
}

a:visited {
	color: #000000;
}

.texte {
	font-size: 12px;
	color: #242906;
}

.texte3 {
	font-size: 11px;
	color: #515C15;
	font-weight: bold;
}

.texte4 {
	font-size: 15px;
	color: #515C15;
	font-weight: bold;
	text-align: center;
}

.texte_small_bleu {
	font-size: 10px;
	color: #3300CC;
	font-weight: bold;
}

.texte_small_rouge {
	font-size: 10px;
	color: red;
	font-weight: bold;
}

.entoure {
	border: solid 1px #000000;
}

.entoure_vert_fin {
	border-style: solid;
	border-width: 1px;
	border-color: #bfd063;
}

.entoure_vert_clair {
	border-style: solid;
	border-width: 2px;
	border-color: #7e8d30;
}

.produit {
	font-size: 30px;
	color: #000000;
	font-weight: bold;

}

.pieds {
	font-size: 11px;
	color: #000000;
}

#resultats {
	border: 1px solid black;
	border-collapse: collapse;
	background-color: white;
	width: 350px
}

#resultats td {
	border: 1px solid black
}

#resultats th {
	font-variant: small-caps;
	border: 1px solid black
}

#resultats_usage {
	border: 1px solid black;
	border-collapse: collapse;
	background-color: white;
	width: 900px
}

#resultats_usage td {
	border: 1px solid black
}

#resultats_usage th {
	font-variant: small-caps;
	border: 1px solid black
}

/*
*****************************************************************************************
STYLES UTILISES DANS LES FORMULAIRES
*****************************************************************************************
*/

#hidden_H1,
#hidden_H2,
#hidden_P1,
#hidden_P2 {
	display: block;
}

#hidden_H3,
#hidden_H4,
#hidden_H5,
#hidden_H6,
#hidden_H7,
#hidden_H8,
#hidden_H9,
#hidden_H10,
#hidden_H11,
#hidden_H12,
#hidden_H13,
#hidden_H14,
#hidden_H15,
#hidden_H16,
#hidden_H17,
#hidden_H18,
#hidden_H19,
#hidden_H20,
#hidden_P3,
#hidden_P4,
#hidden_P5,
#hidden_P6,
#hidden_P7,
#hidden_P8,
#hidden_P9,
#hidden_P10,
#hidden_P11,
#hidden_P12,
#hidden_P13,
#hidden_P14,
#hidden_P15,
#hidden_P16,
#hidden_P17,
#hidden_P18,
#hidden_P19,
#hidden_P20,
#hidden_PD1,
#hidden_PD2,
#hidden_PD3,
#hidden_PD4,
#hidden_PD5,
#hidden_PD6 {
	display: none;
}

.green_lexagri_color {
	color: #515C15
}

/* bootstrap customisation */
.table {
	--bs-table-striped-bg: #00000000 !important;
}

/* Sur les grilles et table, en mode pair et impaire on respecte le code couleur de phyteis vert et vert plus foncé */
table.phytodata_color>tbody>tr:nth-of-type(odd)>*,
ul.phytodata_color li:nth-child(2n) {
	background-color: #dee4be;
}

table.phytodata_color>tbody>tr:nth-of-type(even)>*,
ul.phytodata_color li:nth-child(2n+1) {
	background-color: #ebf0cf;
}

/* Au hover pour les ul de ces grilles, on change pour un vert plus foncé */
ul.phytodata_color li:nth-child(2n):hover,
ul.phytodata_color li:nth-child(2n+1):hover {
	background-color: #cfd6a9;
}

/* Curseur pointer */
.pointer {
	cursor: pointer;
}

/* Mettre le fond rouge sur les lignes des produits des grilles qui ont la classe danger, généré par la colonne en bdd "produit_out" */
tr.danger>td {
	background-color: var(--bs-danger-bg-subtle) !important;
}

/* Notify style */
.info_toujours {
	padding: 9px 12px;
	font-weight: 600;
	border-radius: 5px;
}

.toast_success {
	color: #468847;
	background: #DFF0D8;
}

.toast_success .toast-close {
	padding-left: 10px;
	color: #3b7428;
}

.toast_success .toast-close:hover {
	color: #38722585;
}

.toast_error {
	color: #884646;
	background: #f0d8d8;
}

.toast_error .toast-close {
	padding-left: 10px;
	color: #ff5858;
}

.toast_error .toast-close:hover {
	color: #ff585880;
}

.toast_warning {
	color: #C09853;
	background: #FCF8E3;
}

.toast_warning .toast-close {
	padding-left: 10px;
	color: #875500;
}

.toast_warning .toast-close:hover {
	color: #87550080;
}

.toast_info {
	color: #262d63;
	background: #90bbff;
}

.toast_info .toast-close {
	padding-left: 10px;
	color: #241a4b;
}

.toast_info .toast-close:hover {
	color: #5e4aaf;
}

.logo_firme {
	width: 100%;
	max-width: 180px;
	height: auto;
  }

.table_read tr td:first-child,
.table_read tr th:first-child {
	width: 1px;
	white-space: nowrap;
	padding-left: .6rem !important;
	padding-right: .6rem !important;
}

.access_restrict {
	background-color: #c0c0c0 !important
}

/* Custom border pour la navbar pour ne pas afficher le border sur mobile */
@media (max-width: 991px) {

	/* Cible les écrans mobiles */
	.border-md {
		border: none !important;
	}
}

@media (min-width: 992px) {

	/* Cible les écrans tablettes et plus */
	.border-md {
		border: 1px solid #dee2e6 !important;
		/* Ajuste la couleur si besoin */
	}
}

/* Couleur pour la modale qui explique à l'utilisateur de changer de domaine */
.modal-header-redirect {
	background-color: #198754;
	color: white;
}