-
Suivi & Evaluation (max 1000 caractères)
+
Suivi & Evaluation (max 1000 caractères)
editorRef_methode_eval.current = editor}
@@ -3672,7 +4013,7 @@ const DisplayPartnerUnite_Enseignement = (props) => {
-
Méthode Pédagogique
+
Méthode Pédagogique
editorRef_methode_pedago.current = editor}
@@ -3709,7 +4050,7 @@ const DisplayPartnerUnite_Enseignement = (props) => {
-
+
diff --git a/src/components/Module_Activite.js b/src/components/Module_Activite.js
new file mode 100644
index 0000000..0fc1a6a
--- /dev/null
+++ b/src/components/Module_Activite.js
@@ -0,0 +1,258 @@
+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 { 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, FcInfo } 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 Popup from 'reactjs-popup';
+import 'reactjs-popup/dist/index.css';
+import { FcSearch } from "react-icons/fc";
+import { FcAlarmClock, FcMultipleSmartphones, FcWorkflow } 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 'moment/locale/fr';
+
+import InputAdornment from '@mui/material/InputAdornment';
+import { AiFillCloseCircle, AiOutlineConsoleSql } 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 { ResetTvRounded, RestoreFromTrashRounded } from "@mui/icons-material";
+import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
+import { Fab } from "@material-ui/core";
+import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io";
+import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai";
+import { confirmAlert } from 'react-confirm-alert';
+import ToggleSwitch from "./ToggleSwitch";
+import Module_Historique_Action from "./Module_Historique_Action";
+import { HiDocumentCheck } from "react-icons/hi2";
+import { BsSend } from "react-icons/bs";
+import Autocomplete from '@mui/material/Autocomplete';
+import { FcOpenedFolder } from "react-icons/fc";
+import { gridClasses } from '@mui/x-data-grid';
+import Link from '@mui/material/Link';
+import { PiDotsThree } from "react-icons/pi";
+import Module_Editique from "./Module_Editique";
+import Module_Attestation_Formation from "./Module_Attestation_Formation";
+
+import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
+import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint, FcPlanner } from "react-icons/fc";
+import { CiBoxList } from "react-icons/ci";
+import FullCalendar from "@fullcalendar/react";
+import daygridPlugin from "@fullcalendar/daygrid";
+import interactionPlugin from "@fullcalendar/interaction";
+import timeGridPlugin from "@fullcalendar/timegrid";
+import resourceTimeGridPlugin from '@fullcalendar/resource-timegrid';
+import Radio from '@mui/material/Radio';
+import RadioGroup from '@mui/material/RadioGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormControl from '@mui/material/FormControl';
+import FormLabel from '@mui/material/FormLabel';
+
+import allLocales from '@fullcalendar/core/locales-all'
+import listPlugin from '@fullcalendar/list';
+import multiMonthPlugin from '@fullcalendar/multimonth'
+
+const Module_Activite = (props) => {
+
+ const history = useHistory();
+ const [submenu, setsubmenu] = useState("");
+ const [rowss, setRows] = useState([]);
+
+
+ const [conntected_employee_id, setconntected_employee_id] = useState("");
+
+ function ExpandableCell_50({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+
+ );
+ }
+
+
+ function Display_Colunm_text({ value }) {
+
+ return (
+
+ {value}
+
+
+ );
+ }
+
+ const [New_Getall_Training_Employee_No_Filter_result, setNew_Getall_Training_Employee_No_Filter_result] = useState([]);
+
+ const [Getall_Training_Employee_No_Filter_api, setGetall_Training_Employee_No_Filter_api] = useState();
+ const [Getall_Training_Employee_No_Filter_message, setGetall_Training_Employee_No_Filter_message] = useState();
+ const [Getall_Training_Employee_No_Filter_result, setGetall_Training_Employee_No_Filter_result] = useState();
+ function Getall_Training_Employee_No_Filter(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_Ressource_Humaine_no_filter/";
+
+
+
+ axios.post(myurl, form).then(res => {
+
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In Getall_Training_Employee_No_Filter res.data.status = " + res.data.status);
+ //console.log(" In Getall_Training_Employee_No_Filter res.data.message r_class = " + res.data.message);
+ setGetall_Training_Employee_No_Filter_api("true");
+ setGetall_Training_Employee_No_Filter_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_nom = JSON.parse(x).nom;
+ var local_prenom = JSON.parse(x).prenom;
+ var local_ismanager = JSON.parse(x).ismanager;
+
+
+ //---
+ var node = {
+ "_id": local_id,
+ "id": localid,
+ "label": local_nom + " " + local_prenom,
+ "nom": local_nom,
+ "prenom": local_prenom,
+ "ismanager": local_ismanager
+ };
+ new_data2.push(node);
+ });
+
+ if (new_data2.length > 0)
+ setNew_Getall_Training_Employee_No_Filter_result(new_data2);
+
+ }
+ else {
+ setGetall_Training_Employee_No_Filter_api("false");
+ setGetall_Training_Employee_No_Filter_message(res.data.message);
+ alert(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Getall_Training_Employee_No_Filter = ', error);
+ setGetall_Training_Employee_No_Filter_api("false");
+ alert(" Impossible de recuperer la liste des employés");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
+ // Recuperation des activités du client d'un partner
+ const [Get_List_Activite_Of_client_Part_api, setGet_List_Activite_Of_client_Part_api] = useState();
+ const [Get_List_Activite_Of_client_Part_message, setGet_List_Activite_Of_client_Part_message] = useState();
+ const [Get_List_Activite_Of_client_Part_result, setGet_List_Activite_Of_client_Part_result] = useState();
+ function Get_List_Activite_Of_client_Part(event) {
+
+ var form = new FormData();
+ const stored_cookie = getCookie('tokenmysypart');
+ const related_collection = "partner_client"
+
+
+ form.append("token", stored_cookie);
+ form.append("related_collection", related_collection);
+ form.append("related_collection_owner_email", props.email);
+
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Entity_Activite/";
+
+ axios.post(myurl, form).then(res => {
+ //console.log(" In Get_List_Activite_Of_client_Part res.data.status = " + res.data.status);
+ //console.log(" In Get_List_Activite_Of_client_Part res.data.message r_class = " + res.data.message);
+
+ if (String(res.data.status) === String("true")) {
+ setGet_List_Activite_Of_client_Part_api("true");
+ setGet_List_Activite_Of_client_Part_result(res.data.message);
+
+ }
+ else if (String(res.data.status) === String("Err_Connexion")) {
+ alert('Erreur: ' + res.data.message);
+ history.push("/Connexion");
+ }
+ else {
+ setGet_List_Activite_Of_client_Part_api("false");
+ setGet_List_Activite_Of_client_Part_message(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( Get_List_Activite_Of_client_Part = ', error);
+ setGet_List_Activite_Of_client_Part_api("false");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
+
+ useEffect(() => {
+ Getall_Training_Employee_No_Filter();
+ Get_List_Activite_Of_client_Part();
+
+ }, []);
+
+
+ return (
+
+ );
+}
+
+export default Module_Activite;
+
diff --git a/src/components/Module_Session_Evaluation.js b/src/components/Module_Session_Evaluation.js
index 1ca51c0..62ef6c7 100644
--- a/src/components/Module_Session_Evaluation.js
+++ b/src/components/Module_Session_Evaluation.js
@@ -81,7 +81,6 @@ const Module_Session_Evaluation = (props) => {
const [submenu, setsubmenu] = useState("");
const [rowss, setRows] = useState([]);
- console.log(" ### props.session_formateur_id = ", props.session_formateur_id);
function ExpandableCell_50({ value }) {
const [expanded, setExpanded] = React.useState(false);
@@ -113,7 +112,6 @@ const Module_Session_Evaluation = (props) => {
}
-
function Display_Colunm_text({ value }) {
return (
diff --git a/src/components/Partner.js b/src/components/Partner.js
index 1a28fa0..fe39a92 100644
--- a/src/components/Partner.js
+++ b/src/components/Partner.js
@@ -38,6 +38,10 @@ import {
FcFlowChart, FcReading, FcFinePrint, FcCancel, FcCalendar, FcOrgUnit,
FcEngineering
} from "react-icons/fc";
+
+import CircleNotificationsIcon from '@mui/icons-material/CircleNotifications';
+import { FcInspection } from "react-icons/fc";
+
import { PiStudent } from "react-icons/pi";
import { BiPurchaseTag } from "react-icons/bi";
@@ -65,6 +69,9 @@ import Dashbord_Factures from "./Dashbord_Factures";
import Materiel_Salle from "./Materiel_Salle";
import CRM_Opportunite from "./Crm_Opportunite";
import Partner_Config_Formulaires from "./Partner_Config_Formulaires";
+import { AiOutlineUserAdd } from "react-icons/ai";
+import PartnerClientActivite from "./PartnerClient_Activite";
+
import Mon_Tableau_De_Bord from "./Mon_Tableau_De_Bord";
import Dashbord_Formation from "./Dashbord_Formation";
@@ -426,7 +433,7 @@ const Partner = (props) => {
"config_champ_specific", "module_agenda", "config_session_steps", "config_jours_heures", "dashbord_formation",
"dashbord_session", "mon_tableau_de_bord", "prix_achat", "mes_apprenants", "dashbord_ressources_humaines",
"dashbord_inscriptions", "mes_salles", "mes_opportunites", "config_formulaires", "dashbord_factures", "mes_ue",
- "domaine_categorie_metier", "config_formation_initiale", "note_evaluation", "groupe_apprenant",
+ "domaine_categorie_metier", "config_formation_initiale", "note_evaluation", "groupe_apprenant",
"part_produit_service", "config_document_super_admin"]
@@ -462,7 +469,7 @@ const Partner = (props) => {
function inactive_active_menu_header(current_menu_header) {
const list_menu_header_names = ['my_account', 'my_class', 'my_session', 'my_apprenant', 'my_ressource', 'my_planning',
'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier',
- 'config_formation_initiale', 'note_evaluation', 'groupe_apprenant', 'part_produit_service']
+ 'config_formation_initiale', 'note_evaluation', 'groupe_apprenant', 'part_produit_service', 'monactivite', 'mon_tableau_de_bord']
for (let i = 0; i < list_menu_header_names.length; i++) {
if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) {
document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400";
@@ -478,7 +485,7 @@ const Partner = (props) => {
function inactive_active_menu_header_from_url_action(url_action) {
const list_menu_header_names = ['my_account', 'my_class', 'my_session', 'my_apprenant', 'my_ressource', 'my_planning',
'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier',
- 'config_formation_initiale', 'note_evaluation', 'groupe_apprenant', 'part_produit_service']
+ 'config_formation_initiale', 'note_evaluation', 'groupe_apprenant', 'part_produit_service', 'monactivite', 'mon_tableau_de_bord']
for (let i = 0; i < list_menu_header_names.length; i++) {
if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) {
document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400";
@@ -509,11 +516,23 @@ const Partner = (props) => {
history.push("/Partner/infopartner");
document.body.style.backgroundColor = "#ffffff";
-
inactive_active_menu_header("my_account");
}
+ function monactivite_func(event) {
+
+ setmenu("monactivite");
+ setapiexcelimportmessage();
+ setformation_file_name();
+ history.push("/Partner/infopartner");
+ document.body.style.backgroundColor = "#ffffff";
+
+ inactive_active_menu_header("monactivite");
+
+ }
+
+
function config_document_func(event) {
var security_retval = check_user_acces_right("config_document", "read");
@@ -589,7 +608,7 @@ const Partner = (props) => {
history.push("/Partner/mon_tableau_de_bord");
document.body.style.backgroundColor = "#ffffff";
- inactive_active_menu_header("my_account");
+ inactive_active_menu_header("mon_tableau_de_bord");
}
@@ -714,7 +733,7 @@ const Partner = (props) => {
history.push("/Partner/facture");
document.body.style.backgroundColor = "#ffffff";
- inactive_active_menu_header("my_account");
+ inactive_active_menu_header("facture");
} else {
Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des commandes");
@@ -731,7 +750,7 @@ const Partner = (props) => {
history.push("/Partner/abonnement");
document.body.style.backgroundColor = "#ffffff";
- inactive_active_menu_header("my_account");
+ inactive_active_menu_header("abonnement");
} else {
Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des abonnements");
@@ -1600,6 +1619,11 @@ const Partner = (props) => {
{String(menu) !== "infopartner" &&
}> MES INFORMATIONS }
{String(menu) === "infopartner" &&
}> MES INFORMATIONS }
+
+ {String(menu) !== "monactivite" &&
}> MON ACTIVITE }
+ {String(menu) === "monactivite" &&
}> MON ACTIVITE }
+
+
{String(menu) !== "mon_tableau_de_bord" &&
}> MON TABLEAU DE BORD }
{String(menu) === "mon_tableau_de_bord" &&
}> MON TABLEAU DE BORD }
@@ -1978,7 +2002,7 @@ const Partner = (props) => {
{String(menu) === "groupe_apprenant" &&
-
+
@@ -2328,6 +2352,7 @@ const Partner = (props) => {
}
+
{String(menu) === "mon_tableau_de_bord" &&
@@ -2335,6 +2360,12 @@ const Partner = (props) => {
}
+ {String(menu) === "monactivite" &&
+ }
+
+
}
@@ -2369,6 +2400,14 @@ const Partner = (props) => {
+
+
+ {String(menu) !== "monactivite" &&
}
+ {String(menu) === "monactivite" &&
}
+
+
+
+
{String(menu) !== "mon_tableau_de_bord" && }
@@ -3001,15 +3040,18 @@ const Partner = (props) => {
}
-
{String(menu) === "mon_tableau_de_bord" &&
-
-
}
+ {String(menu) === "monactivite" &&
+ }
+
+
}
diff --git a/src/components/PartnerClient_Activite.js b/src/components/PartnerClient_Activite.js
index e51462e..1271bc7 100644
--- a/src/components/PartnerClient_Activite.js
+++ b/src/components/PartnerClient_Activite.js
@@ -466,7 +466,7 @@ const PartnerClientActivite = (props) => {
if (p_activite_employee_assigned_id)
form.append("employee_assigned_to_id", p_activite_employee_assigned_id);
-
+
var myurl = "";
// Il s'agit d'un ajout d'une nouvelle activité. on a rien dans le current_activite_recid
diff --git a/src/styles/components/_displayPartnerunite_enseignement.scss b/src/styles/components/_displayPartnerunite_enseignement.scss
index b07844d..6f9021f 100644
--- a/src/styles/components/_displayPartnerunite_enseignement.scss
+++ b/src/styles/components/_displayPartnerunite_enseignement.scss
@@ -3,10 +3,10 @@
.tooltip_css {
background: #81BC3A;
z-index: 9999;
- }
-
-
- .css-1bp1ao6{
+ }
+
+
+ .css-1bp1ao6 {
height: 3.5rem !important;
}
@@ -23,7 +23,7 @@
top: 0px;
opacity: 80%;
left: 0px;
- }
+ }
.spinner {
width: 20rem;
@@ -594,13 +594,13 @@
max-height: 350px !important;
margin-bottom: 10px;
border: 1px solid;
- }
-
- .titre_training_text {
+ }
+
+ .titre_training_text {
font-size: small;
padding-left: 5px;
- }
-
+ }
+
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
font: inherit;
letter-spacing: inherit;
@@ -723,6 +723,17 @@
float: left;
}
+ .block_ue_div_50_percent_droite {
+ width: 100%;
+ float: left;
+
+
+ }
+ .block_ue_div_50_percent_gauche {
+ width: 100%;
+ float: left;
+ }
+
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@@ -942,7 +953,7 @@
height: 2rem !important;
}
-
+
.bton_import_excel {
background: #c8cfd5;
@@ -1244,12 +1255,12 @@
max-height: 350px !important;
margin-bottom: 10px;
border: 1px solid;
- }
-
- .titre_training_text {
+ }
+
+ .titre_training_text {
font-size: small;
padding-left: 5px;
- }
+ }
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
font: inherit;
@@ -1372,6 +1383,17 @@
float: left;
}
+ .block_ue_div_50_percent_droite {
+ width: 50%;
+ float: left;
+ border-left: thick double #32a1ce;
+
+ }
+ .block_ue_div_50_percent_gauche {
+ width: 50%;
+ float: left;
+ }
+
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -1469,7 +1491,7 @@
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
- // width: 11rem;
+ // width: 11rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
@@ -1538,12 +1560,12 @@
max-height: 350px !important;
margin-bottom: 10px;
border: 1px solid;
- }
-
- .titre_training_text {
+ }
+
+ .titre_training_text {
font-size: small;
padding-left: 5px;
- }
+ }
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
font: inherit;
@@ -1645,10 +1667,11 @@
width: 40%;
height: 2rem !important;
}
+
.bton_add_session_create_automatic {
background: #c8cfd5;
color: black;
- width:60% !important;
+ width: 60% !important;
height: 2rem !important;
}
@@ -1849,10 +1872,23 @@
text-align: center;
margin-bottom: 0.8rem;
color: white;
- cursor: pointer;
+ cursor: unset;
font-style: italic;
background-color: gray;
font-weight: normal;
+ padding: 2px !important;
+ }
+
+ .titre2 {
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ cursor: unset;
+ font-style: italic;
+ background-color: #6fb6fc;
+ font-weight: 600;
+ padding: 2px !important;
}
.block_detail_inscrit {
@@ -1950,6 +1986,16 @@
float: left;
}
+ .block_ue_div_50_percent_droite {
+ width: 50%;
+ float: left;
+ border-left: thick double #32a1ce;
+
+ }
+ .block_ue_div_50_percent_gauche {
+ width: 50%;
+ float: left;
+ }
}
@media only screen and (min-width: 1200px) {
@@ -2119,6 +2165,7 @@
padding: 5px;
float: left;
}
+
.training_text {
width: 50%;
padding: 5px;
@@ -2128,12 +2175,12 @@
max-height: 350px !important;
margin-bottom: 10px;
border: 1px solid;
- }
-
- .titre_training_text {
+ }
+
+ .titre_training_text {
font-size: small;
padding-left: 5px;
- }
+ }
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
font: inherit;
@@ -2284,7 +2331,7 @@
}
- .bton_traiter_en_mass:hover{
+ .bton_traiter_en_mass:hover {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
@@ -2295,8 +2342,8 @@
color: white !important;
}
-
-
+
+
.bton_fermer {
border-radius: 5px;
@@ -2548,10 +2595,24 @@
text-align: center;
margin-bottom: 0.8rem;
color: white;
- cursor: pointer;
+ cursor: unset;
font-style: italic;
background-color: gray;
font-weight: normal;
+ padding: 2px !important;
+ }
+
+ .titre2 {
+ font-family: "Quicksand", "Signika", sans-serif;
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ cursor: unset;
+ font-style: italic;
+ background-color: #6fb6fc;
+ font-weight: 600;
+ padding: 2px !important;
+
}
.file_ariane {
@@ -2692,16 +2753,27 @@
float: left;
}
+ .block_ue_div_50_percent_droite {
+ width: 50%;
+ float: left;
+ border-left: thick double #32a1ce;
+
+ }
+ .block_ue_div_50_percent_gauche {
+ width: 50%;
+ float: left;
+ }
+
}
// end media
-
+
.disabled_style_with_visualiser {
width: 80% !important;
}
- .disabled_style_with_visualiser_icone{
+ .disabled_style_with_visualiser_icone {
float: left;
text-align: center;
width: 100%;
@@ -2709,20 +2781,20 @@
padding-top: 10px;
}
- .disabled_style_left_text_with_visualiser_icone{
+ .disabled_style_left_text_with_visualiser_icone {
width: 80% !important;
float: left;
}
- .disabled_style_right_bton_visualiser{
+ .disabled_style_right_bton_visualiser {
width: 9% !important;
float: left;
cursor: pointer;
}
-
- .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root{
+
+ .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root {
height: 3rem !important;
}
@@ -2793,11 +2865,11 @@
.MuiMenu-paper {
max-width: 30% !important;
-
+
}
-
- .MuiPaper-root{
+
+ .MuiPaper-root {
border-radius: 10px !important;
background: #F8F9F9 !important;
}
diff --git a/src/styles/components/_moduleactivite.scss b/src/styles/components/_moduleactivite.scss
new file mode 100644
index 0000000..9283d46
--- /dev/null
+++ b/src/styles/components/_moduleactivite.scss
@@ -0,0 +1,2867 @@
+.moduleactivite {
+
+ .tooltip_css {
+ background: #81BC3A;
+ z-index: 9999;
+ }
+
+
+ .css-1bp1ao6 {
+ height: 3.5rem !important;
+ }
+
+ .loader-container {
+ width: 100%;
+ height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: fixed;
+ background: white;
+ background-color: transparent;
+ z-index: 1;
+ top: 0px;
+ opacity: 80%;
+ left: 0px;
+ }
+
+ .spinner {
+ width: 20rem;
+ height: 10rem;
+ border: 8px solid;
+ border-color: #3d5af1 transparent #3d5af1 transparent;
+ border-radius: 50%;
+ animation: spin-anim 1.2s linear infinite;
+ background-color: red;
+ color: black;
+ }
+
+ .mysy_spinner {
+ border-radius: 5px;
+ //border: 1px solid black;
+ opacity: 100%;
+ }
+
+
+
+ .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_dialog {
+ 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;
+ }
+
+
+ .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_dialog {
+ float: left;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.5rem;
+ 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_detail_inscrit {
+ border: none;
+ background: #F8F9F9;
+ padding: 5px;
+ margin-top: 11rem;
+
+ }
+
+ .div_row_list_pj {
+ width: 100%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .div_row_list_pj_convention {
+ width: 100%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_en_mass {
+ width: 100%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-top: 15px;
+ margin-left: 0px;
+ }
+
+ .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;
+ }
+
+
+ .bton_enreg_dialog {
+ 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_annule_dialog {
+ 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;
+ }
+
+
+ .bton_supprime_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: rgb(224, 89, 89) !important;
+ text-align: right;
+ height: 2.5rem;
+ width: auto;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-right: 5px;
+ padding-left: 5px;
+ }
+
+ .DialogContent_width {
+ width: 200px !important;
+ }
+
+ .img_class_logo_mini {
+ display: block;
+ width: 64px;
+ height: 64px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .mode_affichage {
+ width: 25%;
+ float: right;
+ cursor: pointer;
+
+ }
+
+ }
+
+ @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;
+ font-size: 11px;
+ min-width: 10rem;
+ }
+
+ .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;
+ }
+
+
+ .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: 5%;
+ }
+
+
+ .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_dialog {
+ float: left;
+ //border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.5rem;
+ 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;
+ }
+
+
+ .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_detail_inscrit {
+ border: none;
+ background: #F8F9F9;
+ padding: 5px;
+ margin-top: 11rem;
+
+ }
+
+ .div_row_list_pj {
+ width: 50%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .div_row_list_pj_convention {
+ width: 100%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-top: 15px;
+ margin-left: 0px;
+ }
+
+ .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;
+ }
+
+
+ .bton_enreg_dialog {
+ 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_annule_dialog {
+ 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;
+ }
+
+
+ .bton_supprime_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: rgb(224, 89, 89) !important;
+ text-align: right;
+ height: 2.5rem;
+ width: auto;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-right: 5px;
+ padding-left: 5px;
+ }
+
+ .DialogContent_width {
+ width: 500px !important;
+ }
+
+ .img_class_logo_mini {
+ display: block;
+ width: 64px;
+ height: 64px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .mode_affichage {
+ width: 15%;
+ float: right;
+ cursor: pointer;
+
+ }
+
+ }
+
+ @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_dialog {
+ 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;
+ font-size: 11px;
+ min-width: 10rem;
+ }
+
+ .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;
+ }
+
+ .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_add_session_create_automatic {
+ background: #c8cfd5;
+ color: black;
+ width: 60% !important;
+ 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: 5%;
+ }
+
+
+ .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;
+ }
+
+ .block_detail_inscrit {
+ border: none;
+ background: #F8F9F9;
+ padding: 5px;
+ margin-top: 6rem;
+
+ }
+
+ .div_row_list_pj {
+ width: 30%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .div_row_list_pj_convention {
+ width: 100%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-top: 15px;
+ margin-left: 0px;
+ }
+
+ .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;
+ }
+
+
+ .bton_enreg_dialog {
+ 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_annule_dialog {
+ 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;
+ }
+
+
+ .bton_supprime_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: rgb(224, 89, 89) !important;
+ text-align: right;
+ height: 2.5rem;
+ width: auto;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-right: 5px;
+ padding-left: 5px;
+ }
+
+ .DialogContent_width {
+ width: 500px !important;
+ }
+
+ .img_class_logo_mini {
+ display: block;
+ width: 112px;
+ height: 112px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .mode_affichage {
+ width: 12%;
+ float: right;
+ cursor: pointer;
+
+ }
+
+ }
+
+ @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_dialog {
+ float: left;
+ //border: 1px solid black;
+ border-width: 0.01rem;
+ width: 100%;
+ margin-bottom: 0.5rem;
+ border-radius: 2rem;
+ }
+
+ .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: 12rem;
+ 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;
+ font-size: 11px;
+ min-width: 10rem;
+ }
+
+ .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;
+ }
+
+ .disabled_style_moitier {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 45% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ float: left;
+ }
+
+ .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;
+ }
+
+ .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;
+ }
+
+
+ .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: 20% !important;
+ height: 2rem !important;
+ }
+
+ .bton_add_session_create_automatic {
+ background: #c8cfd5;
+ color: black;
+ width: 40% !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: 5%;
+ }
+
+ .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 !important;
+ margin-left: 5%;
+ height: 2.5rem;
+ color: white !important;
+
+ }
+
+ .bton_traiter_en_mass:hover {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 40%;
+ background: #81BC3A !important;
+ margin-left: 5%;
+ height: 2.5rem;
+ color: white !important;
+
+ }
+
+
+
+ .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: 11px;
+ padding: 0.5rem;
+ background: rgb(129, 188, 58);
+ margin-left: 5px;
+ margin-right: 5px;
+ color: white;
+ cursor: pointer;
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .bton_emarge:hover {
+ border-radius: 5rem;
+ font-size: 11px;
+ padding: 0.5rem;
+ background: rgb(129, 188, 58);
+ margin-left: 5px;
+ margin-right: 5px;
+ color: white;
+ cursor: pointer;
+
+ box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%);
+ }
+
+ .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;
+ }
+
+
+
+ .block_detail_inscrit {
+ border: none;
+ background: #F8F9F9;
+ padding: 5px;
+ margin-top: 6rem;
+
+ }
+
+ .div_row_list_pj {
+ width: 30%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+
+ .div_row_list_pj_convention {
+ width: 100%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-top: 15px;
+ margin-left: 0px;
+ }
+
+ .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;
+ }
+
+ .bton_enreg_dialog {
+ 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_annule_dialog {
+ 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;
+ }
+
+
+ .bton_supprime_dialog {
+ border-radius: 5rem;
+ font-size: small;
+ background: rgb(224, 89, 89) !important;
+ text-align: right;
+ height: 2.5rem;
+ width: auto;
+ color: white;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-right: 5px;
+ padding-left: 5px;
+ }
+
+
+ .DialogContent_width {
+ width: 600px !important;
+ }
+
+ .DialogContent_width_session {
+ width: 600px !important;
+ }
+
+
+
+
+ .div_row_gauche_dialog_session {
+ width: 30%;
+ float: left;
+ font-weight: 700;
+ }
+
+ .div_row_droite_dialog_session {
+ width: 69%;
+ float: right;
+ }
+
+ .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;
+ }
+
+
+
+ .img_class_logo_mini {
+ display: block;
+ width: 112px;
+ height: 112px;
+ border-radius: 10px !important;
+ border: 1px solid black;
+ float: left;
+ }
+
+ .mode_affichage {
+ width: 8%;
+ float: right;
+ cursor: pointer;
+ }
+
+ .DialogContent_width_for_week_model {
+ width: 900px !important;
+ max-width: none !important;
+ }
+
+ .planification_Dialog_DatePicker_row {
+ float: left;
+ width: 100%;
+ }
+
+ .planification_Dialog_DatePicker {
+ background-color: #FFFFFF;
+ width: 50% !important;
+ float: left;
+ }
+
+
+
+ }
+
+
+ // end media
+
+
+ .DialogContent_width_for_week_model {
+ width: 900px !important;
+ max-width: none !important;
+ }
+
+ .disabled_style_with_visualiser {
+ width: 80% !important;
+ }
+
+ .disabled_style_with_visualiser_icone {
+ float: left;
+ text-align: center;
+ width: 100%;
+ font-size: large;
+ padding-top: 10px;
+ }
+
+ .disabled_style_left_text_with_visualiser_icone {
+ width: 80% !important;
+ float: left;
+ }
+
+ .disabled_style_right_bton_visualiser {
+ width: 9% !important;
+ float: left;
+ cursor: pointer;
+ }
+
+
+
+ .disabled_style_100_percent_row {
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ }
+
+ .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root {
+ height: 3rem !important;
+ }
+
+ .session_caract_Dialog {
+ width: 100%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ margin-bottom: 1rem !important;
+ background-color: #FFFFFF;
+ }
+
+ .session_caract_Dialog_comment_2_lines {
+
+ width: 100%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ margin-bottom: 1rem !important;
+ background-color: #FFFFFF;
+ }
+
+
+ .session_caract_Dialog_DatePicker {
+
+ width: 99% !important;
+ background-color: #FFFFFF;
+ }
+
+ .session_caract_Dialog_icone_bton_add_reduce {
+ font-size: large;
+ cursor: pointer;
+ }
+
+
+
+ .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;
+
+ }
+
+
+ .MuiPaper-root {
+ border-radius: 10px !important;
+ background: #FFFFFF !important;
+ max-width: none !important;
+ }
+
+ .MuiModal-root {
+ position: absolute !important;
+ }
+
+
+
+
+ .css-zw3mfo-MuiModal-root-MuiDialog-root {
+ position: absolute !important;
+ }
+}
+
+.MuiModal-root {
+ // position: absolute !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;
+}
+
+.popup-overlay {
+ z-index: 1301 !important;
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 01fdc3e..d4eac02 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -122,4 +122,5 @@
@import "./components/groupe_apprenant_dialog";
@import "./components/mon_catalogue_public";
@import "./components/formation_partner_catalog";
-@import "./components/partner_catalog_pub";
\ No newline at end of file
+@import "./components/partner_catalog_pub";
+@import "./components/moduleactivite";
\ No newline at end of file