.partner_client_activite { .tooltip_css { background: #81BC3A; z-index: 9999; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } @media only screen and (max-width: 600px) { .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 90%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 90%; border-radius: 1rem; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: unset; font-style: italic; background-color: gray; font-weight: normal; padding: 2px !important; } .training_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; padding-top: 10px; padding-bottom: 10px; } .training_caract { width: 100%; padding: 5px; float: left; } .training_text { width: 100%; padding: 5px; float: left; height: 320px !important; min-height: 320px !important; max-height: 320px !important; margin-bottom: 10px; } .titre_training_text { font-size: small; padding-left: 5px; } .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { padding-left: 5px !important; } .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { margin-left: 1px !important; } .disabled_style { //background-color: #ECEFF1; font-size: small !important; color: black; width: 90% !important; height: 3rem !important; margin: 5px !important; margin-bottom: 1rem !important; } .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: right; 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; } .detail_submenu { background: #d8edfc; border-radius: 15px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; min-width: 100%; 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; } .detail_submenu:hover, .detail_submenu:focus, .detail_submenu:active, .detail_submenu:checked { background-color: #104277; color: white; } .contact_grid { margin-right: 10px !important; margin-left: 10px !important; display: grid; height: 200px; grid-template-columns: auto auto auto auto; gap: 20px 10px; } .contact_grid>div { display: inline-block; border: none !important; background: none !important; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); vertical-align: middle; padding: 10px; text-align: left; color: #fff; border-radius: 10px; font-size: small; } .grid_detail { background-color: #81BC3A; padding: 5px; } .grid_title { font-weight: bold; font-size: small; letter-spacing: 2px; } .contact_grid>div:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .detail_header { display: inline-block; color: green; border: none; font-weight: 600; font-size: small; width: 100%; margin-bottom: 0.5rem !important; text-align: left; } .detail_activite:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .detail_activite { display: inline-block; color: green; border: none; background: white; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); cursor: pointer; vertical-align: middle; padding: 5px; text-align: left; min-width: 90% !important; border-top-right-radius: 10px !important; height: 8rem !important; font-size: small; } .scroll_mysy { overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; padding-right: 1rem !important; } .block_all_activite { width: 100%; float: left; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; padding: 5px !important; overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; } .block_activite { width: 100%; float: left; margin-bottom: 1.5rem; } .mode_affichage { width: 25%; float: right; cursor: pointer; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: unset; font-style: italic; background-color: gray; font-weight: normal; padding: 2px !important; } .training_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; padding-top: 10px; padding-bottom: 10px; } .training_caract { width: 50%; padding: 5px; float: left; } .training_text { width: 50%; padding: 5px; float: left; height: 320px !important; min-height: 320px !important; max-height: 320px !important; margin-bottom: 10px; } .titre_training_text { font-size: small; padding-left: 5px; } .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { padding-left: 5px !important; } .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { margin-left: 1px !important; } .disabled_style { //background-color: #ECEFF1; font-size: small !important; color: black; width: 90% !important; height: 3.5rem !important; margin: 5px !important; margin-bottom: 1rem !important; } .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: right; 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; } .detail_submenu { background: #d8edfc; border-radius: 15px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; min-width: 10rem; 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; } .detail_submenu:hover, .detail_submenu:focus, .detail_submenu:active, .detail_submenu:checked { background-color: #104277; color: white; } .contact_grid { margin-right: 10px !important; margin-left: 10px !important; display: grid; height: 200px; grid-template-columns: auto auto auto auto; gap: 20px 10px; } .contact_grid>div { display: inline-block; border: none !important; background: none !important; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); vertical-align: middle; padding: 10px; text-align: left; color: #fff; border-radius: 10px; font-size: small; } .grid_detail { background-color: #81BC3A; padding: 5px; } .grid_title { font-weight: bold; font-size: small; letter-spacing: 2px; } .contact_grid>div:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .detail_header { display: inline-block; color: green; border: none; font-weight: 600; font-size: small; width: 100%; margin-bottom: 0.5rem !important; text-align: left; } .detail_activite:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .detail_activite { display: inline-block; color: green; border: none; background: white; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); cursor: pointer; vertical-align: middle; padding: 5px; text-align: left; min-width: 90% !important; border-top-right-radius: 10px !important; height: 9rem !important; font-size: small; width: 96%; margin-left: 2%; } .scroll_mysy { overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; padding-right: 1rem !important; } .block_all_activite { width: 100%; float: left; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; padding: 5px !important; overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; } .block_activite { width: 50%; float: left; margin-bottom: 1.5rem; } .mode_affichage { width: 15%; float: right; cursor: pointer; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: unset; font-style: italic; background-color: gray; font-weight: normal; padding: 2px !important; } .training_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; padding-top: 10px; padding-bottom: 10px; } .training_caract { width: 30%; padding: 5px; float: left; } .training_text { width: 50%; padding: 5px; float: left; height: 320px !important; min-height: 320px !important; max-height: 320px !important; margin-bottom: 10px; } .titre_training_text { font-size: small; padding-left: 5px; } .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { padding-left: 5px !important; } .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { margin-left: 1px !important; } .disabled_style { //background-color: #ECEFF1; font-size: small !important; color: black; width: 90% !important; height: 3.5rem !important; margin: 5px !important; margin-bottom: 1rem !important; } .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: right; 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; } .detail_submenu { background: #d8edfc; border-radius: 15px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; min-width: 10rem; 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; } .detail_submenu:hover, .detail_submenu:focus, .detail_submenu:active, .detail_submenu:checked { background-color: #104277; color: white; } .contact_grid { margin-right: 10px !important; margin-left: 10px !important; display: grid; height: 200px; grid-template-columns: auto auto auto auto; gap: 20px 10px; } .contact_grid>div { display: inline-block; border: none !important; background: none !important; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); vertical-align: middle; padding: 10px; text-align: left; color: #fff; border-radius: 10px; font-size: small; } .grid_detail { background-color: #81BC3A; padding: 5px; } .grid_title { font-weight: bold; font-size: small; letter-spacing: 2px; } .contact_grid>div:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .detail_header { display: inline-block; color: green; border: none; font-weight: 600; font-size: small; width: 100%; margin-bottom: 0.5rem !important; text-align: left; } .detail_activite { display: inline-block; color: green; border: none; background: white; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); cursor: pointer; vertical-align: middle; padding: 5px; text-align: left; min-width: 90% !important; border-top-right-radius: 10px !important; height: 9rem !important; font-size: small; width: 96%; margin-left: 2%; } .detail_activite:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .scroll_mysy { overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; padding-right: 1rem !important; } .block_all_activite { width: 100%; float: left; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; padding: 5px !important; overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; } .block_activite { width: 50%; float: left; margin-bottom: 1.5rem; } .mode_affichage { width: 12%; float: right; cursor: pointer; } } @media only screen and (min-width: 1200px) { .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: unset; font-style: italic; background-color: gray; font-weight: normal; padding: 2px !important; } .training_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; padding-top: 10px; padding-bottom: 10px; } .training_caract { width: 30%; padding: 5px; float: left; } .session_caract_comment_2_lines_no_border { width: 33%; padding: 5px; float: left; text-align: left; font-size: small; margin-bottom: 1rem !important; } .training_text { width: 50%; padding: 5px; float: left; height: 320px !important; min-height: 320px !important; max-height: 320px !important; margin-bottom: 10px; } .titre_training_text { font-size: small; padding-left: 5px; } .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { padding-left: 5px !important; } .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { margin-left: 1px !important; } .disabled_style { //background-color: #ECEFF1; font-size: small !important; color: black; width: 90% !important; height: 3.5rem !important; margin: 5px !important; margin-bottom: 1rem !important; } .disabled_style_no_border { //background-color: #ECEFF1; font-size: small !important; color: black; width: 90% !important; height: 3.5rem !important; margin: 5px !important; margin-bottom: 1rem !important; border: none !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: right; 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: 45%; color: black; margin-left: 10px; margin-right: 10px; } .detail_submenu { background: #d8edfc; border-radius: 15px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; min-width: 10rem; 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; } .detail_submenu:hover, .detail_submenu:focus, .detail_submenu:active, .detail_submenu:checked { background-color: #104277; color: white; } .contact_grid { margin-right: 10px !important; margin-left: 10px !important; display: grid; height: auto; grid-template-columns: auto auto auto auto; gap: 20px 10px; } .contact_grid>div { display: inline-block; border: none !important; background: none !important; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); vertical-align: middle; padding: 10px; text-align: left; color: #fff; border-radius: 10px; font-size: small; } .grid_detail { background-color: #81BC3A; padding: 5px; } .grid_title { font-weight: bold; font-size: small; letter-spacing: 2px; } .contact_grid>div:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .detail_header { display: inline-block; color: green; border: none; font-weight: 600; font-size: small; width: 100%; margin-bottom: 0.5rem !important; text-align: left; } .detail_activite { display: inline-block; color: black; border: none; background: white; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); cursor: pointer; vertical-align: middle; padding: 5px; text-align: left; width: 96%; margin-left: 2%; border-radius: 10px !important; height: 9rem !important; font-size: small; padding-bottom: 10px; } .detail_activite:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .scroll_mysy { overflow-y: auto; height: 30rem; overflow-y: visible; overflow-y: scroll; padding-right: 1rem !important; } .block_all_activite { width: 100%; float: left; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; padding: 5px !important; overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; } .block_activite { width: 30%; float: left; margin-bottom: 1rem; } .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid { padding-left: 5px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .mode_affichage { width: 8%; float: right; cursor: pointer; } } // end media .css-1v4ccyo { height: 3.5rem !important; font-size: small; } .css-1x5jdmq { height: 3rem !important; font-size: small !important; padding: 0px !important; padding-left: 5px !important; padding-right: 5px !important; } .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root { margin-left: 0px !important; } }