Ajouter une ligne
+ className="bton_add_line"> Ajouter une formation
+
+
+
+
Ajouter 1 Produit/Service
@@ -6691,7 +7005,7 @@ const Partner_Commande = (props) => {
order_line_formation_duration: JSON.parse(item).duration_concat,
order_line_comment: JSON.parse(item).order_line_comment,
order_line_formation_external_code: JSON.parse(item).order_line_formation_external_code,
-
+ order_line_type_article: JSON.parse(item).order_line_type_article,
}
))}
diff --git a/src/components/Partner_Product_Service.js b/src/components/Partner_Product_Service.js
new file mode 100644
index 0000000..4c822b9
--- /dev/null
+++ b/src/components/Partner_Product_Service.js
@@ -0,0 +1,2016 @@
+import React, { useRef, useState, useEffect } from "react";
+import TextField from '@mui/material/TextField';
+import MenuItem from '@mui/material/MenuItem';
+import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css
+import Button from '@mui/material/Button';
+import axios from "axios";
+import { getCookie, setCookie } from 'react-use-cookie';
+import { useHistory } from "react-router-dom";
+import CheckOut from "./CheckOut";
+import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
+import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
+import { Editor } from '@tinymce/tinymce-react';
+import parse from 'html-react-parser';
+import { FcViewDetails, FcDisapprove } from "react-icons/fc";
+import 'react-tooltip/dist/react-tooltip.css'
+import { Tooltip } from 'react-tooltip'
+import add_plus from "../mysy_img/plus.png";
+import excel_icone from "../mysy_img/excel_icone.png";
+import participants from "../mysy_img/participants.png";
+import fileDownload from 'js-file-download'
+import Autocomplete from '@mui/material/Autocomplete';
+import Popup from 'reactjs-popup';
+import 'reactjs-popup/dist/index.css';
+import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
+import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc";
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import { format } from 'date-fns'
+import moment from "moment";
+import InputAdornment from '@mui/material/InputAdornment';
+import { AiFillCloseCircle } from "react-icons/ai";
+import Box from '@mui/material/Box';
+import { Typography, LinearProgress } from '@mui/material';
+import styled from 'styled-components';
+import { CiTrash } from "react-icons/ci";
+import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md";
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import { TransitionProps } from '@mui/material/transitions';
+import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
+
+const Partner_Product_Service = (props) => {
+ const history = useHistory();
+ const [submenu, setsubmenu] = useState("");
+ const [rowss, setRows] = useState([]);
+ const [selectionModel, setSelectionModel] = React.useState([]);
+
+ const [rows_affectations, setrows_affectations] = useState([]);
+ const [selectionModel_affectations, setSelectionModel_affectations] = React.useState([]);
+
+
+ const [rows_ressources_associes, setrows_ressources_associes] = useState([]);
+ const [selectionModel_ressources_associes, setselectionModel_ressources_associes] = React.useState([]);
+
+
+ var date_today_90j = new Date();
+ date_today_90j.setDate(date_today_90j.getDate() + 90);
+
+ const [p_filtre1, setp_filtre1] = useState("");
+ const [p_filtre1_value, setp_filtre1_value] = useState("");
+
+ const [p_filtre2, setp_filtre2] = useState("");
+ const [p_filtre2_value, setp_filtre2_value] = useState("");
+
+ const [p_filtre3, setp_filtre3] = useState("");
+ const [p_filtre3_value, setp_filtre3_value] = useState("");
+
+ const [p_filtre4, setp_filtre4] = useState("");
+ const [p_filtre4_value, setp_filtre4_value] = useState("");
+
+ const [gridline_id, setgridline_id] = useState("");
+ const [gridline_affectation_id, setgridline_affectation_id] = useState("");
+
+ const columns = [
+ { field: '_id', headerName: '_id', hide: true },
+ { field: 'id', headerName: 'id', hide: true },
+ { field: 'code', headerName: 'code', flex: 1, },
+ { field: 'nom', headerName: 'Nom', flex: 1, hide: false, },
+ { field: 'famille', headerName: 'Famille', flex: 1, hide: false, },
+ { field: 'type', headerName: 'Type', width: 150, hide: false, },
+ { field: 'code_taxe', headerName: 'Taxe', width: 150, hide: false, },
+ { field: 'prix_vente', headerName: 'P. Vente', width: 150, hide: false, },
+
+ {
+ field: "delete", headerName: 'Supprimer',
+ renderCell: (cellValues) => {
+ return (
+
+
{
+ // handleClick_delete(event, cellValues);
+ }}
+ >
+
+
+ }
+ modal
+ nested
+ position="center center"
+ >
+ {close => (
+
+
+ ×
+
+
MySy Information
+
+ {' '}
+
+ En confirmant cette opération, le produit sera définitivement supprimé .
+
+
+
+
+ {
+ handleClick_delete(event, cellValues);
+ //console.log('modal closed ');
+ close();
+ }}> Valider
+
+
+
+ {
+ //console.log('modal closed ');
+ close();
+ }}
+ >
+ Annuler
+
+
+
+
+ )}
+
+
+
+ );
+ }
+ }
+
+ ]
+
+ function clean_all_filters() {
+
+ setgridline_id('');
+ setgridline_affectation_id('');
+ setp_filtre1("");
+ setp_filtre1_value("");
+
+ setp_filtre2("");
+ setp_filtre2_value("");
+
+ setp_filtre3("");
+ setp_filtre3_value("");
+
+ setp_filtre4("");
+ setp_filtre4_value("");
+
+
+ setSelectionModel([]);
+ setsubmenu("");
+
+ Getall_Partner_Product_Service();
+
+
+
+ }
+
+ const [Dialog_1_message, setDialog_1_message] = React.useState(false);
+ const [Dialog_1_open, setDialog_1_open] = React.useState(false);
+ function Dialog_1_handle_change_participant_session(message) {
+ setDialog_1_message(message);
+ setDialog_1_open(true);
+ }
+
+ const Dialog_1_handleClose = () => {
+ //alert(" Utiliser le bouton 'fermer' ");
+ //setOpen(false);
+ };
+
+ const Dialog_1_handleClose_buton = () => {
+ setDialog_1_open(false);
+ };
+
+ const myRef_head = useRef(null);
+
+ const [isLoading, setLoading] = useState();
+
+
+
+ function handleClick_delete(event, cellValues) {
+
+ var local_product_id = cellValues.row._id;
+
+ Delete_Product_Service(local_product_id);
+ }
+
+ const [Delete_Product_Service_api, setDelete_Product_Service_api] = useState();
+ const [Delete_Product_Service_message, setDelete_Product_Service_message] = useState();
+ const [Delete_Product_Service_result, setDelete_Product_Service_result] = useState();
+ function Delete_Product_Service(local_rh_id) {
+
+ var form = new FormData();
+
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+ form.append("_id", local_rh_id);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Delete_Partner_Produit_Service/";
+
+ axios.post(myurl, form).then(res => {
+ //console.log(" In Delete_Product_Service res.data.status = " + res.data.status);
+ //console.log(" In Delete_Product_Service res.data.message r_class = " + res.data.message);
+
+ if (String(res.data.status) === String("true")) {
+ setDelete_Product_Service_api("true");
+ setDelete_Product_Service_result(res.data.message);
+ clean_all_filters();
+
+ Getall_Partner_Product_Service();
+
+ alert(res.data.message)
+ }
+ else {
+ setDelete_Product_Service_api("false");
+ setDelete_Product_Service_message(res.data.message);
+ alert(res.data.message);
+
+ }
+
+ }).catch((error) => {
+
+ console.log('Delete_Product_Service : Not good man :( Delete_Product_Service = ' + error);
+ setDelete_Product_Service_api("false");
+ alert(" Impossible de supprimer le produit");
+ })
+ }
+
+ const New_Option = [
+
+ { "id": "0", "label": "Employe", "value": "ressource_humaine" },
+ { "id": "1", "label": "Formation", "value": "myclass" },
+ { "id": "2", "label": "Session de formation", "value": "session_formation" },
+ { "id": "2", "label": "Materiel", "value": "ressource_materielle" },
+ ]
+
+
+
+ const New_Option_type_produit = [
+ { "id": "produit", "label": "Produit", "value": "produit" },
+ { "id": "service", "label": "Service", "value": "service" },
+ { "id": "", "label": "", "value": "" },
+ ]
+
+ const New_Option_Filter = [
+ { "id": "nom", "label": "Nom Produit", "value": "nom" },
+ { "id": "code", "label": "Code Produit", "value": "code" },
+ { "id": "", "label": "", "value": "" },
+ { "id": "1", "label": "", "value": "1" }, // Cette ligne pour couvrir l'ajout d'une ligne de filter. C'est fait expres.
+ ]
+
+ const [New_Getall_Partner_Product_Service_result, setNew_Getall_Partner_Product_Service_result] = useState([]);
+
+ const [Getall_Partner_Product_Service_api, setGetall_Partner_Product_Service_api] = useState();
+ const [Getall_Partner_Product_Service_message, setGetall_Partner_Product_Service_message] = useState();
+ const [Getall_Partner_Product_Service_result, setGetall_Partner_Product_Service_result] = useState([]);
+ function Getall_Partner_Product_Service(event) {
+
+ var form = new FormData();
+
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Partner_Produit_Service/";
+
+
+ axios.post(myurl, form).then(res => {
+
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Getall_Partner_Product_Service res.data.status = " + res.data.status);
+ //console.log(" In Getall_Partner_Product_Service res.data.message r_class = " + res.data.message);
+ setGetall_Partner_Product_Service_api("true");
+ setGetall_Partner_Product_Service_result(res.data.message);
+
+ var new_data2 = [];
+ const new_data = res.data.message.map((x) => {
+
+ //---
+ var localid = JSON.parse(x).id;
+ var local_id = JSON.parse(x)._id;
+ var local_code = JSON.parse(x).code;
+ var local_nom = JSON.parse(x).nom;
+ var local_type = JSON.parse(x).type;
+ var local_code_taxe = JSON.parse(x).code_taxe;
+ var local_prix_vente = JSON.parse(x).prix_vente;
+
+
+ //---
+ var node = {
+ "_id": local_id,
+ "id": localid,
+ "label": local_code+"-"+local_nom,
+ "code": local_code,
+ "nom": local_nom,
+ "type": local_type,
+ "code_taxe": local_code_taxe,
+ "prix_vente": local_prix_vente,
+
+
+ };
+ new_data2.push(node);
+ });
+
+ //---
+ var node = {
+ "_id": "",
+ "id": "",
+ "label": "",
+ "code": "",
+ "nom": "",
+ "type": "",
+ "code_taxe": "",
+ "prix_vente": "",
+
+ };
+ new_data2.push(node);
+
+
+ if (new_data2.length > 0)
+ setNew_Getall_Partner_Product_Service_result(new_data2);
+
+
+ setRows(res.data.message);
+ }
+ else {
+ setGetall_Partner_Product_Service_api("false");
+ setGetall_Partner_Product_Service_message(res.data.message);
+ alert(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Getall_Partner_Product_Service = ', error);
+ setGetall_Partner_Product_Service_api("false");
+ alert(" Impossible de recuperer la liste des produits et services");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
+ const [Getall_Partner_Product_Service_With_Filter_api, setGetall_Partner_Product_Service_With_Filter_api] = useState();
+ const [Getall_Partner_Product_Service_With_Filter_message, setGetall_Partner_Product_Service_With_Filter_message] = useState();
+ const [Getall_Partner_Product_Service_With_Filter_result, setGetall_Partner_Product_Service_With_Filter_result] = useState();
+ function Getall_Partner_Product_Service_With_Filter(event) {
+
+ var form = new FormData();
+
+ // Recuperation des parametres
+ var filtre1 = p_filtre1;
+ var filtre2 = p_filtre2;
+ var filtre3 = p_filtre3;
+ var filtre4 = p_filtre4;
+
+ var filtre1_value = "";
+ var filtre2_value = "";
+ var filtre3_value = "";
+ var filtre4_value = "";
+ // Recuperation des valeurs de filtres
+
+ if (p_filtre1_value) {
+ filtre1_value = p_filtre1_value;
+ form.append(filtre1, filtre1_value);
+ }
+
+ if (p_filtre2_value) {
+ filtre2_value = p_filtre2_value;
+ form.append(filtre2, filtre2_value);
+ }
+
+ if (p_filtre3_value) {
+ filtre3_value = p_filtre3_value;
+ form.append(filtre3, p_filtre3_value);
+ }
+
+ if (p_filtre4_value) {
+ filtre4_value = p_filtre4_value;
+ form.append(filtre4, p_filtre4_value);
+ }
+
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Partner_Produit_Service_with_filter/";
+
+
+
+ axios.post(myurl, form).then(res => {
+
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Getall_Partner_Product_Service_With_Filter res.data.status = " + res.data.status);
+ //console.log(" In Getall_Partner_Product_Service_With_Filter res.data.message r_class = " + res.data.message);
+ setGetall_Partner_Product_Service_With_Filter_api("true");
+ setGetall_Partner_Product_Service_With_Filter_result(res.data.message);
+ setRows(res.data.message);
+ }
+ else {
+ setGetall_Partner_Product_Service_With_Filter_api("false");
+ setGetall_Partner_Product_Service_With_Filter_message(res.data.message);
+ alert(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Getall_Partner_Product_Service_With_Filter = ', error);
+ setGetall_Partner_Product_Service_With_Filter_api("false");
+ alert(" Impossible de recuperer la liste des produits et services");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+ useEffect(() => {
+
+ Getall_Partner_Product_Service();
+
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+ }, [])
+
+
+ /****** Gestion image */
+ const [session_file_name, setsession_file_name] = useState();
+ const [liste_sessions_file_change_api, setliste_sessions_file_change_api] = useState();
+ const [liste_sessions_file_change_result, setliste_sessions_file_change_result] = useState();
+ const [liste_sessions_file_change_message, setliste_sessions_file_change_message] = useState();
+
+ const [isimgclassdeleted, setisimgclassdeleted] = useState("");
+ const [isimgclassdeleted_message, setisimgclassdeleted_message] = useState("");
+ const [isimgclassSaved, setisimgclassSaved] = useState("");
+ const [isimgclassSaved_message, setisimgclassSaved_message] = useState("");
+ const [userimgclassprofil, setuserimgclassprofil] = useState();
+ const [userimgclassprofilchanged, setuserimgclassprofilchanged] = useState("");
+
+ function removeRecodedLogoImage() {
+ if (!isimgclassSelected_recid || String(isimgclassSelected_recid).length < 3) {
+ alert(" Image incorrecte. Impossible de la supprimer ");
+ return;
+ }
+
+ var form = new FormData();
+
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+ form.append("image_recid", isimgclassSelected_recid);
+
+ fetch(
+ process.env.REACT_APP_API_URL + "myclass/api/DeleteImage_Partner_Product/",
+ {
+ method: 'POST',
+ body: form,
+ }
+ ).then((response) => response.json())
+ .then((result) => {
+
+ console.log(' removeRecodedClassImage : status:', result['status']);
+ console.log('removeRecodedClassImage : Success:', result['message']);
+
+
+ if (String(result['status']) === String("true")) {
+ setisimgclassSelected("");
+ setisimgclassSelected_recid("");
+ setisimgclassSelectedfile("");
+ setuserimgclassprofil("");
+ get_Product_Images();
+
+ }
+ else if (String(result['status']) === String("Err_Connexion")) {
+ alert('Erreur: ' + result['message']);
+ history.push("/Connexion");
+ return;
+ }
+
+ else {
+ alert(result['message']);
+ }
+
+ })
+ .catch((error) => {
+ console.error('Error:', error);
+ alert(" Impossible de supprimer l'image ");
+ });
+
+ }
+
+
+ const imglogoclasschangeHandler = (event) => {
+
+
+ let file_size = event.target.files[0].size;
+
+ //or if you like to have name and type
+ //console.log(event.target.files);
+
+ let file_name = event.target.files[0].name;
+ let file_type = event.target.files[0].type;
+
+
+
+ //alert("file_size = "+file_size+" file_type = "+file_type+" a = "+a);
+ if (file_size > 1000000) {
+ alert("L'image ne doit pas dépasser un 1 Méga octets");
+ return;
+ }
+ setisimgclassSelected(event.target.files[0]);
+ setisimgclassSelectedfile(true);
+
+ setuserimgclassprofil(URL.createObjectURL(event.target.files[0]));
+ setuserimgclassprofilchanged("1");
+
+ };
+
+
+ const [get_Product_Images_api, setget_Product_Images_api] = useState();
+ const [get_Product_Images_message, setget_Product_Images_message] = useState();
+ const [get_Product_Images_result, setget_Product_Images_result] = useState();
+ function get_Product_Images(product_id) {
+
+ setisimgclassSelected();
+ setuserimgclassprofil();
+ setisimgclassSelected_recid();
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecoded_Partner_Product_Image_from_front/";
+
+ var form = new FormData();
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+ form.append("_id", product_id);
+
+
+ axios.post(myurl, form).then(res => {
+
+ //console.log(" get_Product_Images : In test res.data.status = " + res.data.status);
+ // console.log(" get_Product_Images: res.data.message.img = " + res.data.message);
+
+ if (String(res.data.status) === "true") {
+ setget_Product_Images_api("true");
+
+ if (JSON.parse(res.data.message).logo_img) {
+ var partner_logo_img = "data:image/png;base64," + JSON.parse(res.data.message).logo_img;
+ setisimgclassSelected(partner_logo_img);
+ setuserimgclassprofil(partner_logo_img);
+ setisimgclassSelected_recid(JSON.parse(res.data.message).logo_img_recid);
+ }
+
+
+ }
+ else if (String(res.data.status) === String("Err_Connexion")) {
+ alert('Erreur: ' + res.data.message);
+ history.push("/Connexion");
+ return;
+ }
+ else {
+ setget_Product_Images_api("false");
+ get_Product_Images_message(res.data.message)
+ alert(res.data.message);
+
+ }
+ }).catch((error) => {
+ console.warn('get_Product_Images ee: Not good man :( = ', error);
+ setget_Product_Images_api("false");
+ get_Product_Images_message(" Impossible de recuperer l'image du produit")
+ })
+
+ }
+
+
+ const [record_product_Image_api, setrecord_product_Image_api] = useState();
+ const [record_product_Image_message, setrecord_product_Image_message] = useState();
+ const [record_product_Image_result, setrecord_product_Image_result] = useState();
+ function record_product_Image() {
+
+ const formData = new FormData();
+ const url = process.env.REACT_APP_API_URL + "myclass/api/Update_Partner_Product_Image/";
+
+ const stored_cookie = getCookie('tokenmysypart');
+ formData.append("token", stored_cookie);
+ formData.append("_id", selected_id);
+
+ formData.append('file_img', isimgclassSelected);
+ formData.append('file_img_recid', isimgclassSelected_recid);
+
+
+ //console.log(" ### formData = ", formData);
+ fetch(
+ url,
+ {
+ method: 'POST',
+ body: formData,
+ }
+ )
+ .then((response) => response.json())
+ .then((result) => {
+ console.log('Success:', result['message'], "result['status'] = ", result['status']);
+
+ if (String(result['status']) === String("true")) {
+ setrecord_product_Image_api("true");
+ setuserimgclassprofilchanged("");
+ alert(" L'image a été enregistrée ");
+
+ } else if (String(result['status']) === String("Err_Connexion")) {
+ alert('Erreur: ' + result['message']);
+ history.push("/Connexion");
+ } else {
+ setrecord_product_Image_api("false");
+ alert(result['message']);
+ }
+
+ })
+ .catch((error) => {
+ console.error('Error:', error);
+ setrecord_product_Image_api("false");
+ alert(" Erreur : Impossible d'enregistrer l'image ");
+
+ });
+
+
+ };
+
+ /******* Fin gestion image */
+
+ async function submenu_detail_produit() {
+ setsubmenu("detail_produit");
+
+ }
+ const [selected_id, setselected_id] = useState("");
+ const [selected_employe_email, setselected_employe_email] = useState("");
+ function handleClick_edit_produit_service_From_Line(selected_row_id) {
+
+ submenu_detail_produit();
+
+ var line = JSON.parse(rowss[selected_row_id]);
+
+ //console.log("### line = ", line);
+ var product_id = line._id;
+ setselected_id(product_id);
+
+ //console.log(" ### employe_id = ", employe_id);
+ Display_Detail_Product_Data(product_id);
+
+
+ if (document.getElementById('myRef')) {
+ var divh = document.getElementById('myRef').offsetTop;
+ window.scrollTo({
+ top: divh,
+ behavior: "smooth",
+ });
+ }
+
+ }
+
+ const [product_data_changed, setproduct_data_changed] = useState();
+ const [display_detail_produit, setdisplay_detail_produit] = React.useState();
+
+ const [add_One_Product, setadd_One_Product] = useState();
+ const [isimgclassSelected, setisimgclassSelected] = useState(false);
+ const [isimgclassSelected_recid, setisimgclassSelected_recid] = useState("");
+ const [isimgclassSelectedfile, setisimgclassSelectedfile] = useState(false);
+
+
+ const [p_detail_code, setp_detail_code] = useState();
+ const [p_detail_nom, setp_detail_nom] = useState();
+ const [p_detail_description, setp_detail_description] = useState("");
+ const [p_detail_detail, setp_detail_detail] = useState("");
+ const [p_detail_famille, setp_detail_famille] = useState("");
+ const [p_detail_code_taxe, setp_detail_code_taxe] = useState("");
+ const [p_detail_type, setp_detail_type] = useState("");
+ const [p_detail_prix_vente, setp_detail_prix_vente] = useState("");
+
+
+
+ function Display_Detail_Product_Data(local_product_id) {
+ //clearDetailAttendeFields();
+ setadd_One_Product();
+ setdisplay_detail_produit("1")
+
+
+ Get_Product_Data(local_product_id);
+ get_Product_Images(local_product_id);
+
+ console.log(" eeeeee local_product_id = ", local_product_id);
+ }
+
+
+ const [Get_Product_Data_api, setGet_Product_Data_api] = useState();
+ const [Get_Product_Data_message, setGet_Product_Data_message] = useState();
+ const [Get_Product_Data_result, setGet_Product_Data_result] = useState();
+ function Get_Product_Data(materiel_id) {
+ setproduct_data_changed("");
+ setproduct_data_edit_mode("");
+ setisimgclassSelected();
+ setuserimgclassprofil();
+ setisimgclassSelected_recid();
+
+ var form = new FormData();
+
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+ form.append("_id", materiel_id);
+
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_Partner_Produit_Service/";
+
+ axios.post(myurl, form).then(res => {
+
+ if (String(res.data.status) === "true") {
+ //console.log(" In Get_Product_Data res.data.status = " + res.data.status);
+ //console.log(" In Get_Product_Data res.data.message r_class = " + res.data.message);
+ setGet_Product_Data_api("true");
+ setGet_Product_Data_result(res.data.message);
+
+ if (res.data.message.length > 0) {
+ var mylocal_materiel = JSON.parse(res.data.message);
+
+
+ if (mylocal_materiel.code)
+ setp_detail_code(mylocal_materiel.code);
+
+
+ if (mylocal_materiel.nom)
+ setp_detail_nom(mylocal_materiel.nom);
+ else
+ setp_detail_nom("");
+
+
+ if (mylocal_materiel.description)
+ setp_detail_description(mylocal_materiel.description);
+ else
+ setp_detail_description("");
+
+
+ if (mylocal_materiel.famille)
+ setp_detail_famille(mylocal_materiel.famille);
+ else
+ setp_detail_famille("");
+
+
+ if (mylocal_materiel.code_taxe)
+ setp_detail_code_taxe(mylocal_materiel.code_taxe);
+ else
+ setp_detail_code_taxe("");
+
+ if (mylocal_materiel.prix_vente)
+ setp_detail_prix_vente(mylocal_materiel.prix_vente);
+ else
+ setp_detail_prix_vente("");
+
+
+ if (mylocal_materiel.type)
+ setp_detail_type(mylocal_materiel.type);
+ else
+ setp_detail_type("");
+
+
+ disable_Product_DetailFields();
+ } else {
+ alert(" Aucun produit ou service recuperé");
+ }
+
+
+ } else if (String(res.data.status) === String("Err_Connexion")) {
+ alert('Erreur: ' + res.data.message);
+ history.push("/Connexion");
+ }
+
+ else {
+ setGet_Product_Data_api("false");
+ setGet_Product_Data_message(res.data.message);
+ alert(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Get_Product_Data = ', error);
+ setGet_Product_Data_api("false");
+ alert(" Impossible de recuperer les données du produit ");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+ const [product_data_edit_mode, setproduct_data_edit_mode] = useState("");
+
+ function disable_Product_DetailFields() {
+ setproduct_data_edit_mode("0");
+
+ const list_champs = ["detail_code", "detail_nom", "detail_description", "detail_famille", "detail_code_taxe",
+ "detail_type", "detail_prix_vente"]
+
+ for (let i = 0; i < list_champs.length; i++) {
+ if (document.getElementsByName(String(list_champs[i])) && document.getElementsByName(String(list_champs[i]))[0]) {
+
+ document.getElementsByName(String(list_champs[i]))[0].disabled = true;
+ document.getElementsByName(String(list_champs[i]))[0].style.backgroundColor = "#ECEFF1";
+
+ }
+ }
+
+ }
+
+ function Enable_Product_DetailFields() {
+ setproduct_data_edit_mode("1");
+
+ const list_champs = ["detail_code", "detail_nom", "detail_description", "detail_famille", "detail_code_taxe",
+ "detail_type", "detail_prix_vente"]
+
+ for (let i = 0; i < list_champs.length; i++) {
+ if (document.getElementsByName(String(list_champs[i])) && document.getElementsByName(String(list_champs[i]))[0]) {
+
+ document.getElementsByName(String(list_champs[i]))[0].disabled = false;
+ document.getElementsByName(String(list_champs[i]))[0].style.backgroundColor = "#FFFFFF";
+
+ }
+ }
+ }
+
+
+
+ function Annule_Product_DetailFields() {
+ setisimgclassSelected();
+ setuserimgclassprofil();
+ setisimgclassSelected_recid();
+
+ Get_Product_Data(selected_id);
+ get_Product_Images(selected_id);
+
+ setproduct_data_changed("");
+ setproduct_data_edit_mode("");
+
+ if (document.getElementById('myRef')) {
+ var divh = document.getElementById('myRef').offsetTop;
+ window.scrollTo({
+ top: divh,
+ behavior: "smooth",
+ });
+ }
+
+ }
+
+
+
+ const [Update_One_Product_Data_api, setUpdate_One_Product_Data_api] = useState();
+ const [Update_One_Product_Data_message, setUpdate_One_Product_Data_message] = useState();
+ const [Update_One_Product_Data_result, setUpdate_One_Product_Data_result] = useState();
+ function Update_One_Product_Data() {
+ var form = new FormData();
+ //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
+
+
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+ form.append("code", p_detail_code);
+
+ if (p_detail_nom)
+ form.append("nom", p_detail_nom);
+ else
+ form.append("nom", "");
+
+
+ if (p_detail_description)
+ form.append("description", p_detail_description);
+ else
+ form.append("description", "");
+
+
+ if (p_detail_famille)
+ form.append("famille", p_detail_famille);
+ else
+ form.append("famille", "");
+
+ if (p_detail_code_taxe)
+ form.append("code_taxe", p_detail_code_taxe);
+ else
+ form.append("code_taxe", "");
+
+ if (p_detail_prix_vente)
+ form.append("prix_vente", p_detail_prix_vente);
+ else
+ form.append("prix_vente", "");
+
+
+ if (p_detail_type)
+ form.append("type", p_detail_type);
+ else
+ form.append("type", "");
+
+
+ form.append("_id", selected_id);
+
+ //console.log(" form == ", form);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_Partner_Produit_Service/";
+
+ axios.post(myurl, form).then(res => {
+ console.log(" In Update_One_Product_Data res.data.status = " + res.data.status);
+ console.log(" In Update_One_Product_Data res.data.message r_class = " + res.data.message);
+
+ if (String(res.data.status) === String("true")) {
+ setUpdate_One_Product_Data_api("true");
+ setUpdate_One_Product_Data_result(res.data.message);
+
+ Getall_Partner_Product_Service();
+
+ disable_Product_DetailFields();
+ setproduct_data_changed("");
+ setproduct_data_edit_mode("");
+
+
+
+ setadd_One_Product("");
+ // setgridline_id("");
+ //Get_Materiel_Data(selected_id);
+ Display_Detail_Product_Data(selected_id);
+
+ /* window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });*/
+
+ alert(res.data.message);
+
+ }
+ else {
+ setUpdate_One_Product_Data_api("false");
+ setUpdate_One_Product_Data_message(res.data.message);
+ alert(res.data.message);
+ }
+
+ }).catch((error) => {
+
+ console.warn('UpdateStagiaireData : Not good man :( Update_One_Product_Data = ' + error);
+ setUpdate_One_Product_Data_api("false");
+ alert(" Impossible de mettre à jour le produit");
+
+ })
+ }
+
+ const myRef = useRef(null)
+
+ const [p_one_detail_code, setp_one_detail_code] = useState();
+ const [p_one_detail_nom, setp_one_detail_nom] = useState();
+ const [p_one_detail_description, setp_one_detail_description] = useState();
+ const [p_one_detail_famille, setp_one_detail_famille] = useState();
+ const [p_one_detail_code_taxe, setp_one_detail_code_taxe] = useState();
+ const [p_one_detail_type, setp_one_detail_type] = useState();
+ const [p_one_detail_prix_vente, setp_one_detail_prix_vente] = useState();
+
+ const [Add_One_Product_Data_api, setAdd_One_Product_Data_api] = useState();
+ const [Add_One_Product_Data_message, setAdd_One_Product_Data_message] = useState();
+ const [Add_One_Product_Data_result, setAdd_One_Product_Data_result] = useState();
+ function Add_One_Product_Data() {
+ var form = new FormData();
+
+
+ if (p_one_detail_code.trim() == "") {
+ alert(" Vous devez saisir un code pour le produit");
+ return;
+ }
+
+
+ if (p_one_detail_nom.trim() == "") {
+ alert(" Vous devez saisir le nom du materiel");
+ return;
+ }
+
+
+ const stored_cookie = getCookie('tokenmysypart');
+ form.append("token", stored_cookie);
+ form.append("code", p_one_detail_code);
+ form.append("nom", p_one_detail_nom);
+
+
+
+ if (p_one_detail_description)
+ form.append("description", p_one_detail_description);
+ else
+ form.append("description", "");
+
+
+ if (p_one_detail_famille)
+ form.append("famille", p_one_detail_famille);
+ else
+ form.append("famille", "");
+
+
+ if (p_one_detail_code_taxe)
+ form.append("code_taxe", p_one_detail_code_taxe);
+ else
+ form.append("code_taxe", "");
+
+ if (p_one_detail_type)
+ form.append("type", p_one_detail_type);
+ else
+ form.append("type", "");
+
+ if (p_one_detail_type)
+ form.append("prix_vente", p_one_detail_prix_vente);
+ else
+ form.append("prix_vente", "");
+
+
+
+ //console.log(" form == ", form);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Partner_Produit_Service/";
+
+ setLoading(true);
+ axios.post(myurl, form).then(res => {
+ setLoading(false);
+ //console.log(" In Add_One_Product_Data res.data.status = " + res.data.status);
+ //console.log(" In Add_One_Product_Data res.data.message r_class = " + res.data.message);
+
+ if (String(res.data.status) === String("true")) {
+ setAdd_One_Product_Data_api("true");
+ setAdd_One_Product_Data_result(res.data.message);
+
+ Getall_Partner_Product_Service();
+
+ setproduct_data_changed("");
+ setproduct_data_edit_mode("");
+ clean_detail_fields();
+
+ setsubmenu("");
+ setadd_One_Product("");
+
+ alert(res.data.message);
+
+ if (document.getElementById('myRef_head')) {
+ var divh = document.getElementById('myRef_head').offsetTop;
+ window.scrollTo({
+ top: divh,
+ behavior: "smooth",
+ });
+ }
+
+ }
+ else {
+ setAdd_One_Product_Data_api("false");
+ setAdd_One_Product_Data_message(res.data.message);
+ alert(res.data.message);
+ }
+
+ }).catch((error) => {
+ setLoading(false);
+ console.warn('UpdateStagiaireData : Not good man :( Add_One_Product_Data = ' + error);
+ setAdd_One_Product_Data_api("false");
+ alert(" Impossible d'ajouter le produit");
+
+ })
+ }
+
+
+ function submenu_add_one_product() {
+
+ clean_detail_fields();
+ setdisplay_detail_produit();
+ setadd_One_Product("1");
+ setsubmenu("detail_produit");
+
+ if (document.getElementById('myRef')) {
+ var divh = document.getElementById('myRef').offsetTop;
+ window.scrollTo({
+ top: divh,
+ behavior: "smooth",
+ });
+ }
+ }
+
+ function Annule_add_one_product() {
+ setdisplay_detail_produit();
+ setadd_One_Product();
+ setsubmenu("");
+ setSelectionModel([]);
+ if (document.getElementById('myRef_head')) {
+ var divh = document.getElementById('myRef_head').offsetTop;
+ window.scrollTo({
+ top: divh,
+ behavior: "smooth",
+ });
+ }
+ }
+
+
+ function clean_detail_fields() {
+ setp_one_detail_code("");
+ setp_one_detail_nom("");
+ setp_one_detail_description("");
+ setp_one_detail_famille("");
+ setp_one_detail_code_taxe("");
+ setp_one_detail_prix_vente("");
+
+ setgridline_id("");
+
+ }
+
+
+ return (
+
+
+ {isLoading &&
}
+
+
+
+
+ MySy Information
+
+
+ {Dialog_1_message}
+
+
+
+
+
+ OK
+
+
+
+
+
Vos Produits & Services
+
+
Utilisez les filtres !
+
+
+ {New_Option_Filter && New_Option_Filter.length > 0 &&
(data).value === String(p_filtre1))[0].label}
+ options={New_Option_Filter}
+ onChange={(event, value) => {
+ if (value && value.value) {
+ setp_filtre1(value.value);
+
+ }
+
+ }}
+
+ renderInput={(params) =>
+ }
+ />}
+
+
+
+
+
+ {p_filtre1 &&
+
{ setp_filtre1_value(e.target.value); }}
+ InputProps={{
+ endAdornment: (
+
+ {
+ setp_filtre1_value("");
+ }} />
+
+ ),
+ }}
+
+ />
+
+ }
+
+ {p_filtre1 &&
}
+ {p_filtre1 &&
}
+
+
+
+
+ {p_filtre2 &&
+
+
+
+ {New_Option_Filter && New_Option_Filter.length > 0 &&
(data).value === String(p_filtre2))[0].label}
+ options={New_Option_Filter}
+ onChange={(event, value) => {
+ if (value && value.value) {
+ setp_filtre2(value.value);
+
+ }
+
+ }}
+
+ renderInput={(params) =>
+ }
+ />}
+
+
+
+ {String(p_filtre2).length > 2 &&
+
setp_filtre2_value(e.target.value)}
+ InputProps={{
+ endAdornment: (
+
+ {
+ setp_filtre2_value("");
+ }} />
+
+ ),
+ }}
+
+ />}
+
+
+ {String(p_filtre2).length > 2 &&
}
+
+ {String(p_filtre2).length > 2 &&
}
+
+
+ }
+
+
+
+
+
+ Rechercher
+
+
+
+
+ Annuler
+
+
+
+
+
+
+
+
+
+ {/* Datagrid */}
+
+
+
+
+
+
+
+ {
+ setSelectionModel(newSelectionModel);
+ /*if (newSelectionModel.length === 1)
+ handleClick_edit_materiel_From_Line(newSelectionModel);
+ */
+ if (newSelectionModel.length !== 1) {
+ setsubmenu();
+ // setdisplay_detail_materiel();
+ // setadd_One_Materiel();
+ }
+ }}
+ selectionModel={selectionModel}
+
+ localeText={frFR.components.MuiDataGrid.defaultProps.localeText}
+ rows={rowss.map((item, index) => (
+ {
+ id: index,
+ _id: JSON.parse(item)._id,
+ email: JSON.parse(item).email,
+ nom: JSON.parse(item).nom,
+ code: JSON.parse(item).code,
+ famille: JSON.parse(item).famille,
+ type: JSON.parse(item).type,
+ code_taxe: JSON.parse(item).code_taxe,
+ prix_vente: JSON.parse(item).prix_vente,
+
+ }
+ ))}
+
+ columns={columns}
+ pageSize={10}
+ className="datagridclass"
+
+ onRowDoubleClick={(newSelectionModel) => {
+
+ setgridline_id(newSelectionModel.row.id);
+ handleClick_edit_produit_service_From_Line(newSelectionModel.row.id);
+
+ }}
+
+
+ rowsPerPageOptions={[10]}
+ //disableSelectionOnClick
+ components={{
+ Toolbar: GridToolbar,
+ }}
+ //sx={datagridSx}
+ getCellClassName={(params) => {
+ //field === 'distantiel'
+ if (params.field === 'distantiel' && String(params.value) === "1") {
+ return 'cell--distantiel';
+ }
+ if (params.field === "presentiel" && String(params.value) == "1") {
+ return 'cell--presentiel';
+ }
+
+
+ }}
+ getRowClassName={(params) => {
+
+
+
+ // Pour la gestion de la couleur de zone double cliquée
+ if (String(params.row.id) === String(gridline_id)) {
+ return 'line--statut--selected';
+ }
+ else if (parseInt(String(params.row.id)) % 2 === 0) {
+ return 'line--statut--pair';
+ }
+ else if (parseInt(String(params.row.id)) % 2 !== 0) {
+ return 'line--statut--impair';
+ }
+
+ }}
+
+
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/*
+ */}
+
+
+
+
+
+ {session_file_name &&
{session_file_name} }
+ {String(liste_sessions_file_change_api) === String("true") &&
Le materiel ont été correctement importé }
+ {String(liste_sessions_file_change_api) === String("false") &&
{liste_sessions_file_change_message} }
+
+ {/*
+
+
+
Télécharger un fichier modèle
+ */}
+
+
+
+
+
+
+
+
+
+
+ {/* Detail */}
+
+
+ {String(submenu) === "detail_produit" && String(add_One_Product) !== "1" &&
+
+ Détail Produit
+ Affectation
+ Ressources Associées
+
+
Détail Produit
+
+
+
+
+
+
+
+
+
+
+ {
+
+ Charger une photo
+
+ {String(userimgclassprofilchanged) === "1" &&
+ Enregistrer la photo
+ }
+
+ {String(isimgclassSelected_recid) && String(isimgclassSelected_recid).length > 3 &&
+ Supprimer la photo
+ }
+ {String(userimgclassprofilchanged) === "1" &&
+ /!\ Pensez à enregistrer la photo
+
}
+
+
+ }
+
+ {/*isimgclassSelected &&
Enregistrer image */}
+ {isimgclassdeleted && String(isimgclassdeleted) === "1" &&
{isimgclassdeleted_message} }
+ {isimgclassdeleted && String(isimgclassdeleted) === "0" &&
{isimgclassdeleted_message} }
+ {isimgclassSelected && String(isimgclassSaved) === "0" &&
{isimgclassSaved_message} }
+
+
+
+
+
+ L'image doit etre carrée.
+
+
+ Les formats autorisés sont : ['jpg', 'jpeg', 'png', 'jpe', 'webp']
+
+
+ Les dimensions recommandées: 128pixels X 128pixels -- 144pixels X 144pixels -- 168pixels X 168pixels
+ Les dimensions maximales sont de 256pixels X 256pixels
+
+
+ La taille de l'image ne doit pas dépasser 1 mega octet
+
+
+
+
+
+
+
Code Produit
+ {
+ setp_detail_code(e.target.value);
+ setproduct_data_changed("1");
+ }
+ }
+
+ />
+
+
+
Nom
+ {
+ setp_detail_nom(e.target.value);
+ setproduct_data_changed("1");
+ }
+ }
+
+ />
+
+
+
Description
+ {
+ setp_detail_description(e.target.value);
+ setproduct_data_changed("1");
+ }
+ }
+
+ />
+
+
+
Famille
+ {
+ setp_detail_famille(e.target.value);
+ setproduct_data_changed("1");
+ }
+ }
+
+ />
+
+
+
Code taxe
+ {
+ setp_detail_code_taxe(e.target.value);
+ setproduct_data_changed("1");
+ }
+ }
+
+ />
+
+
+
Prix de vente
+ {
+ setp_detail_prix_vente(e.target.value);
+ setproduct_data_changed("1");
+ }
+ }
+
+ />
+
+
+
+ {String(product_data_edit_mode) !== "1" &&
Type
+
+
+
}
+
+ {String(product_data_edit_mode) === "1" &&
Type
+
+
(data).id === String(p_detail_type))[0].label}
+
+ onChange={(event, value) => {
+ if (value && value.id) {
+ setp_detail_type(value.id);
+ setproduct_data_changed("1");
+
+ }
+ }}
+
+ renderInput={(params) =>
+
+ }
+ />
+
+ }
+
+
+
+
+
+
+ {String(product_data_changed) === "1" && String(product_data_edit_mode) === "1" &&
+ /!\ Pensez à enregistrer les modifications
+
}
+
+
+
+ {String(product_data_changed) === "1" && String(product_data_edit_mode) === "1" &&
+
+ Enregistrer les modifications
+
+
+
}
+
+ {String(product_data_edit_mode) === "1" &&
+ Annuler
+
+
}
+
+
+
+ {String(product_data_edit_mode) !== "1" &&
+
+ Editer
+
+
+
}
+
+
+
+
+
+
+
+
}
+
+ {String(submenu) === "detail_produit" && String(add_One_Product) === "1" &&
+
+ Détail Produit
+ {/*Affectation
+ Ressources Associées
+ */}
+
+
Ajouter un nouveau materiel
+
+
Code produit
+ {
+ setp_one_detail_code(e.target.value);
+
+ }
+ }
+
+ />
+
+
+
Nom
+ {
+ setp_one_detail_nom(e.target.value);
+
+ }
+ }
+
+ />
+
+
+
Description
+ {
+ setp_one_detail_description(e.target.value);
+
+ }
+ }
+
+ />
+
+
+
+
Famille
+ {
+ setp_one_detail_famille(e.target.value);
+
+ }
+ }
+
+ />
+
+
+
Code Taxe
+ {
+ setp_one_detail_code_taxe(e.target.value);
+
+ }
+ }
+
+ />
+
+
+
+
Prix de Vente
+ {
+ setp_one_detail_prix_vente(e.target.value);
+
+ }
+ }
+
+ />
+
+
+
+
+
Type
+
(data).id === String(p_one_detail_type))[0].label}
+
+
+ onChange={(event, value) => {
+ if (value && value.id) {
+ setp_one_detail_type(value.id);
+
+
+ }
+ }}
+
+ renderInput={(params) =>
+ }
+ />
+
+
+
+
+
+
+
+
+
+
+ {
+
+ Enregistrer
+
+
+
}
+
+ {
+ Annuler
+
+
}
+
+
+
+
+
+
+
+
}
+
+
+ );
+}
+
+export default Partner_Product_Service;
diff --git a/src/styles/components/_partner_product_service.scss b/src/styles/components/_partner_product_service.scss
new file mode 100644
index 0000000..06f55c4
--- /dev/null
+++ b/src/styles/components/_partner_product_service.scss
@@ -0,0 +1,2259 @@
+.partner_product_service {
+
+ .tooltip_css {
+ background: #81BC3A;
+ z-index: 9999;
+ }
+
+
+ .Mui-disabled {
+ font-size: small !important;
+ padding: 0px !important;
+ padding-left: 5px !important;
+ }
+
+
+
+ @media screen and (max-width: 600px) {
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .div_row {
+ float: left;
+ //border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+
+ width: 100%;
+ border-radius: 10rem !important;
+ text-align: left;
+
+ margin: 0px !important;
+ margin-bottom: 0.5rem !important;
+ margin-top: 0.5rem !important;
+ }
+
+ .div_row_droite {
+ width: 100%;
+ border-radius: 10rem !important;
+ text-align: left;
+
+ margin: 0px !important;
+ margin-bottom: 0.5rem !important;
+ margin-top: 0.5rem !important;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .titre1_aide_finance {
+ margin-top: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 12rem;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .zone_data {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .detail_class_submenu {
+ background: #d8edfc;
+ border-radius: 15px;
+ margin-right: 1rem;
+ padding: 0.3rem;
+ margin-bottom: 0.5rem;
+ width: 10.5rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ width: 100%;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu_data {
+ width: 100%;
+ min-height: 10rem;
+ background-color: #d8edfc;
+ padding-left: 5px;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ color: #3b3e40;
+ padding-left: 5px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 97% !important;
+ //border: none !important;
+ margin: 5px !important;
+ height: 3.5rem !important;
+ background: white;
+ border: solid gainsboro 1px;
+
+ }
+
+ .training_caract {
+ width: 100%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ }
+
+ .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
+ padding: 1px !important;
+ }
+
+ .selectsession {
+ width: 100%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .session_data {
+ float: left;
+ width: 100%;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ border-radius: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+
+
+ }
+
+ .session_caract {
+ width: 100%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 100%;
+ height: 180px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .hr_break {
+ border: 2px solid grey;
+ }
+
+ .icon_plus {
+ width: 6%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 100%;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 100%;
+ }
+
+ .icon_excel {
+ width: 6%;
+ }
+
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 100%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .div_row_gauche_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ padding-left: 0.2rem;
+ }
+
+ .tips_img_class {
+ font-size: smaller;
+ font-style: italic;
+ margin-left: 1rem !important;
+ text-align: left;
+ float: left;
+ width: 100%;
+ padding-right: 10px;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 128px;
+ height: 128px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .bton_supprime_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ background: white;
+ color: red;
+ margin-top: 0.5rem;
+ width: 10rem;
+ cursor: pointer;
+ }
+
+ .bton_supprime_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .bton_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ width: 10rem;
+ cursor: pointer;
+ }
+
+ .bton_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .tick_ok_ko {
+ max-width: 3%;
+ cursor: pointer;
+ padding-top: 4px;
+ }
+
+ .texte_area {
+ float: left;
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .texte_area_filter {
+ float: left;
+ width: 100% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ }
+
+ .texte_area_filter_value {
+ float: left !important;
+ width: 100% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+
+ }
+
+
+ .filter_bton_add {
+ float: left;
+ width: 40% !important;
+ font-size: xx-large !important;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ text-align: right;
+ cursor: pointer;
+ }
+
+
+ .div_row {
+ float: left;
+ border-width: 0.01rem;
+ width: 100%;
+
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ width: 100%;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite {
+ float: left;
+ width: 100%;
+ border-radius: 1rem;
+ text-align: left;
+
+ }
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_enreg {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 100%;
+ color: white;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 100%;
+ color: black;
+ margin-bottom: 1rem !important;
+ }
+
+
+ .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
+ border-color: transparent !important;
+ border-radius: 20px !important;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 3.5rem !important;
+
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+
+ }
+
+ .training_caract {
+ width: 100%;
+
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ }
+
+ .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
+ padding: 1px !important;
+ }
+
+ .block_en_mass {
+ width: 100%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .block_en_mass_select {
+ width: 100%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .block_en_mass_bton_action {
+ width: 100%;
+ float: left;
+ margin-bottom: 1rem;
+ padding-top: 0.5rem !important;
+ }
+ }
+
+ @media only screen and (min-width: 601px) and (max-width: 991px) {
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .titre1_aide_finance {
+ margin-top: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 12rem;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .zone_data {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .detail_class_submenu {
+ background: #d8edfc;
+ border-radius: 15px;
+ margin-right: 1rem;
+ padding: 0.3rem;
+ margin-bottom: 0.5rem;
+ width: 11rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu_data {
+ width: 100%;
+ min-height: 10rem;
+ background-color: #d8edfc;
+ padding-left: 5px;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ color: #3b3e40;
+ padding-left: 5px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ }
+
+ .training_caract {
+ width: 48%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ }
+
+ .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
+ padding: 1px !important;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .session_data {
+ float: left;
+ width: 100%;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ border-radius: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+
+
+ }
+
+ .session_caract {
+ width: 50%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+ .bton_envoyer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 80%;
+ background: #81BC3A;
+ }
+
+
+ .bton_fermer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 80%;
+ background-color: white;
+ color: #104277 !important;
+ }
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ padding-bottom: 0px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 90%;
+ height: 200px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .preview_certif:hover {
+ transform: scale(1.3);
+ margin-left: 5rem;
+ }
+
+ .hr_break {
+ border: 3px solid grey;
+ }
+
+ .icon_plus {
+ width: 6%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 50%;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 65% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 80% !important;
+ }
+
+ .icon_excel {
+ width: 6%;
+ }
+
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 80%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 80%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 80%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 80%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .div_row_gauche_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ padding-left: 0.2rem;
+ }
+
+ .tips_img_class {
+ font-size: small;
+ font-style: italic;
+ margin-left: 1rem !important;
+ text-align: left;
+ float: left;
+ width: 100%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 168px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .bton_supprime_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ background: white;
+ color: red;
+ margin-top: 0.5rem;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_supprime_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .bton_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .tick_ok_ko {
+ max-width: 3%;
+ cursor: pointer;
+ padding-top: 4px;
+ }
+
+ .texte_area {
+ float: left;
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .texte_area_filter {
+ float: left;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ }
+
+ .texte_area_filter_value {
+ float: left !important;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+
+ }
+
+
+ .filter_bton_add {
+ float: left;
+ width: 5% !important;
+ font-size: large !important;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ text-align: right;
+ cursor: pointer;
+ margin-top: 1rem !important;
+ }
+
+ .div_row {
+ float: left;
+ //border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ //margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ // border:1px solid black;
+ // border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ text-align: right;
+ }
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 40%;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+ .bton_enreg {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 40%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 40%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 40%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+
+ .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
+ border-color: transparent !important;
+ border-radius: 20px !important;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ padding-top: 0.5rem !important;
+ border: none !important;
+ }
+
+ .training_caract {
+ width: 30%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ }
+
+ .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
+ padding: 1px !important;
+ }
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .block_en_mass_select {
+ width: 45%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .block_en_mass_bton_action {
+ width: 45%;
+ float: left;
+ margin-bottom: 1rem;
+ padding-top: 0.5rem !important;
+ }
+
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .div_row {
+ float: left;
+ //border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ // border:1px solid black;
+ // border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ text-align: right;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .titre1_aide_finance {
+ margin-top: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 12rem;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .zone_data {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .detail_class_submenu {
+ background: #d8edfc;
+ border-radius: 15px;
+ margin-right: 1rem;
+ padding: 0.3rem;
+ margin-bottom: 0.5rem;
+ width: 11rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu_data {
+ width: 100%;
+ min-height: 10rem;
+ background-color: #d8edfc;
+ padding-left: 5px;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ color: #3b3e40;
+ padding-left: 5px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ }
+
+ .training_caract {
+ width: 30%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5x !important;
+ }
+
+ .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
+ padding: 1px !important;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .session_data {
+ float: left;
+ width: 100%;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ border-radius: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+
+
+ }
+
+ .session_caract {
+ width: 33%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+ .bton_envoyer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background: #81BC3A;
+
+ }
+
+
+ .bton_fermer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background-color: white;
+ color: #104277 !important;
+ }
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ padding-bottom: 0px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 90%;
+ height: 180px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .preview_certif:hover {
+ transform: scale(1.3);
+ margin-left: 5rem;
+ }
+
+ .hr_break {
+ border: 3px solid grey;
+ }
+
+ .icon_plus {
+ width: 8%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 40%;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 50% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 80%;
+ }
+
+ .icon_excel {
+ width: 6%;
+ }
+
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 65%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 65%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 65%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 65%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+ .div_row_gauche_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ padding-left: 0.2rem;
+ }
+
+ .tips_img_class {
+ font-size: small;
+ font-style: italic;
+ margin-left: 1rem !important;
+ text-align: left;
+ float: left;
+ width: 100%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 168px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .bton_supprime_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ background: white;
+ color: red;
+ margin-top: 0.5rem;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_supprime_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .bton_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .tick_ok_ko {
+ max-width: 3%;
+ cursor: pointer;
+ padding-top: 4px;
+ }
+
+ .texte_area {
+ float: left;
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .texte_area_filter {
+ float: left;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ }
+
+ .texte_area_filter_value {
+ float: left !important;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+
+ }
+
+
+ .filter_bton_add {
+ float: left;
+ width: 5% !important;
+ font-size: xx-large !important;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ text-align: right;
+ cursor: pointer;
+ }
+
+
+ .titre1 {
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ }
+
+ @media only screen and (min-width: 1200px) {
+ .okUpdateData {
+ font-size: small;
+ color: green;
+ font-style: italic;
+ }
+
+ .koUpdateData {
+ font-size: small;
+ color: red;
+ font-style: italic;
+ }
+
+ .div_row {
+ float: left;
+ //border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ //margin-bottom: 1rem;
+ border-radius: 1rem;
+ }
+
+ .div_row_gauche {
+ float: left;
+ // border:1px solid black;
+ // border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ }
+
+ .div_row_droite {
+ float: right;
+ //border:1px solid black;
+ //border-width:0.01rem;
+ width: 45%;
+ border-radius: 1rem;
+ text-align: right;
+ }
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .titre1_aide_finance {
+ margin-top: 1rem;
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 12rem;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .zone_data {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .detail_class_submenu {
+ background: #d8edfc;
+ border-radius: 15px;
+ margin-right: 1rem;
+ padding: 0.3rem;
+ margin-bottom: 0.5rem;
+ min-width: 15rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #104277;
+ color: white;
+ }
+
+ .detail_class_submenu_data {
+ width: 100%;
+ min-height: 10rem;
+ background-color: #d8edfc;
+ padding-left: 5px;
+ text-align: left;
+ padding: 0;
+ border: 0px;
+ color: #3b3e40;
+ padding-left: 5px;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ }
+
+ .training_caract {
+ width: 30%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font: inherit;
+ letter-spacing: inherit;
+ color: currentColor;
+ border: 0;
+ box-sizing: content-box;
+ background: none;
+ background-color: rgba(0, 0, 0, 0);
+ margin: 0;
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ min-width: 0;
+ width: 100%;
+ -webkit-animation-name: mui-auto-fill-cancel;
+ animation-name: mui-auto-fill-cancel;
+ -webkit-animation-duration: 10ms;
+ animation-duration: 10ms;
+ height: 3rem !important;
+ padding: 0 !important;
+ padding-left: 5px !important;
+ }
+
+
+
+ .selectsession {
+ width: 90%;
+ height: 3rem;
+ font-size: small;
+ border-radius: 0px !important;
+ }
+
+ .session_data {
+ float: left;
+ width: 100%;
+ box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
+ border-radius: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+
+
+ }
+
+ .session_caract {
+ width: 33%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 90%;
+ height: 200px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .preview_certif:hover {
+ transform: scale(1.4);
+ margin-left: 10rem;
+ }
+
+
+ .action_mass {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 40%;
+ background: #81BC3A;
+ height: 2.5rem;
+ }
+
+
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ }
+
+ .session_open_close {
+ cursor: pointer;
+ text-align: right;
+ font-size: small;
+ margin-right: 10px;
+ }
+
+ .hr_break {
+ border: 5px solid grey;
+ }
+
+ .icon_plus {
+ width: 8%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 25% !important;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 40% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 80%;
+ }
+
+ .icon_excel {
+ width: 4%;
+ }
+
+ .bton_envoyer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background: #81BC3A;
+ }
+
+
+ .bton_traiter_en_mass {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 40%;
+ background: #81BC3A;
+ margin-left: 5%;
+ height: 2.5rem;
+ color: white;
+
+ }
+
+ .bton_fermer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background-color: white;
+ color: #104277 !important;
+ }
+
+
+ .enable_style {
+ background-color: #FFFFFF;
+ }
+
+
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid {
+ padding-top: 5px !important;
+ padding-bottom: 5px !important;
+ padding-left: 5px !important;
+ }
+
+ .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
+ border-color: transparent !important;
+ border-radius: 20px !important;
+ }
+
+ .bton_emarge {
+ border-radius: 5rem;
+ font-size: small;
+ padding: 0.5rem;
+ background: rgb(129, 188, 58);
+ margin-left: 5px;
+ margin-right: 5px;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ height: 3rem ! important;
+ padding-bottom: 0px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2.5rem;
+ width: 40%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2.5rem;
+ width: 40%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 40%;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2.5rem;
+ width: 40%;
+ color: black;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+
+
+ .div_row_gauche_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ }
+
+ .div_row_droite_image {
+ float: left;
+ //border:0px solid black;
+ border-width: 0.01rem;
+ border-radius: 1rem;
+ text-align: left;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ font-size: small;
+ padding-left: 0.2rem;
+ }
+
+ .tips_img_class {
+ font-size: small;
+ font-style: italic;
+ margin-left: 1rem !important;
+ text-align: left;
+ float: left;
+ width: 100%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 170px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .bton_supprime_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ background: white;
+ color: red;
+ margin-top: 0.5rem;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_supprime_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .bton_image_class {
+ font-size: small;
+ text-align: center;
+ margin-left: 0px;
+ box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
+ padding: 5px;
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid rgb(194, 186, 186);
+ border-radius: 10px;
+ width: 15rem;
+ cursor: pointer;
+ }
+
+ .bton_image_class:hover {
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .tick_ok_ko {
+ max-width: 3%;
+ cursor: pointer;
+ padding-top: 4px;
+ }
+
+ .texte_area {
+ float: left;
+ width: 47% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 1.5rem !important;
+ }
+
+ .texte_area_filter {
+ float: left;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ }
+
+ .texte_area_filter_value {
+ float: left !important;
+ width: 40% !important;
+ font-size: x-small !important;
+ font-family: "verdana", "Quicksand", "Signika", sans-serif;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+
+ }
+
+
+ .filter_bton_add {
+ float: left;
+ width: 5% !important;
+ font-size: xx-large !important;
+ margin: 0.4rem !important;
+ margin-top: 0px !important;
+ margin-bottom: 2px !important;
+ text-align: right;
+ cursor: pointer;
+ }
+
+
+ .titre1 {
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .file_ariane{
+ font-size: large;
+ font-weight: 600;
+ width: 100%;
+ text-align: center;
+ }
+
+ }
+
+ // end media
+
+ .css-1v4ccyo {
+ height: 3.5rem !important;
+ font-size: small;
+ }
+
+
+ option {
+ font-weight: normal;
+ display: block;
+ white-space-collapse: collapse;
+ text-wrap: nowrap;
+ padding: 0px !important;
+ }
+
+ .mysy_hr_text {
+ border: none;
+ border-top: 3px double #333;
+ color: #333;
+ overflow: visible;
+ text-align: center;
+ height: 5px;
+ }
+
+ .mysy_hr_text:after {
+ background: #fff;
+ content: 'Détails';
+ padding: 0 4px;
+ position: relative;
+ top: -13px;
+ }
+
+ .MuiMenu-paper {
+ max-width: 30% !important;
+ }
+
+
+}
+
+.MuiMenu-paper {
+ max-width: 30% !important;
+}
+
+.tox-statusbar {
+ display: none !important;
+}
+
+
+
+
+.css-1x5jdmq {
+ height: 3rem !important;
+ font-size: small;
+}
+
+.select_option_css {
+ border-radius: 0px !important;
+}
+
+.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
+ height: 3.5rem !important;
+}
+
+
+
+.react-datepicker__input-container {
+ width: 110%;
+}
+
+.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input {
+ padding-left: 5px !important;
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 1a34bbd..d6b7569 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -116,4 +116,5 @@
@import "./components/moduleselectionevaluationapprenants";
@import "./components/groupe_apprenant";
@import "./components/moduleselectionapprenants";
-@import "./components/emarge_qr_code";
\ No newline at end of file
+@import "./components/emarge_qr_code";
+@import "./components/partner_product_service";
\ No newline at end of file