.addclassmanual { .css-1d6wzja-MuiButton-startIcon{ margin-left: 4px !important; } .tox-statusbar__branding { display: none !important; } .css-1v4ccyo{ height: 3rem !important; } padding-top: 0.5rem; @media only screen and (max-width: 600px) { .MuiSelect-select { padding: 0px !important; padding-left: 1rem !important; } .img_logo { display: block; max-width: 40%; border-radius: 20rem; border: 0.1rem solid black; height: 40%; width: 40%; margin-left: 20%; margin-right: auto; } .containerBox { position: relative; display: inline-block; } .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: 20%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 80%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .parter_div_filtrer_row_gauche { float: left; border-width: 0.1rem; width: 100%; border-radius: 1rem; margin-bottom: 1rem; margin-top: 1rem; font-size: small; cursor: pointer; } .parter_div_filtrer_row_droite { float: right; border-width: 0.01rem; width: 100%; border-radius: 1rem; margin-bottom: 1rem; margin-top: 1rem; font-size: small; cursor: pointer; } .disabled_style { //background-color: #ECEFF1; font-size: medium !important; color: black; width: 100% !important; height: 3rem !important; margin: 5px !important; border: none !important; } .css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input, .css-161vxw-MuiOutlinedInput-notchedOutline { font-size: medium !important; } input { font-size: medium !important; padding-top: 0.2rem; padding-bottom: 0.2rem; height: 3rem !important; padding-left: 10px !important; } .css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select { font-size: medium; } .parter_div_filtrer_cente { font-size: small !important; } .css-7gyl3q-MuiButtonBase-root-MuiButton-root { font-size: small !important; } .img_class_logo { display: block; width: 128px; height: 128px; border-radius: 10px !important; border: 1px solid black; float: left; } .bton_image_class { font-size: small; text-align: left; 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; } .bton_image_class:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .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; } .bton_suppr2 { background: transparent; color: red; border-radius: 5rem; font-size: small; text-align: center; height: 2.5rem; width: 100%; border: 1px black; } .bton_enreg2 { border-radius: 5rem; font-size: small; background: #81BC3A !important; text-align: right; height: 2.5rem; width: 100%; color: white; } .tips_img_class { font-size: small; font-style: italic; margin-left: 1rem !important; text-align: left; } .div_row_bis { float: left; //border: 0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; margin-left: 0.5rem; } .bton_supprime_image_class { font-size: small; text-align: left; 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%); } .plus_produit_desabled { width: 98% !important; margin-right: 0.2rem !important; margin-bottom: 1.5rem !important; } .plus_produit_desabled2 { //width: 20% !important; //float: left !important; margin-right: 0px !important; width: 90% !important; } .plus_produit_activation { //width: 30% !important; font-size: small; text-align: left; margin-left: 7px; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); padding: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #104277; border-radius: 5px; background: #81bc3a; //color: red; margin-top: 0px; cursor: pointer; margin-right: 1rem; width: 90% !important; margin-bottom: 1.5rem; } .plus_produit_activation:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .plus_produit_activation_no_float { //width: 30% !important; font-size: small; text-align: left; margin-left: 7px; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); padding: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #104277; border-radius: 5px; background: #81bc3a; //color: red; margin-top: 0px; cursor: pointer; margin-right: 1rem; width: 90% !important; } .plus_produit_activation_no_float:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .new_zone { width: 90%; } .new_zone2 { width: 90% !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: 97%; 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; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .MuiSelect-select { padding: 0px !important; padding-left: 1rem !important; } .img_logo { display: block; max-width: 50%; border-radius: 20rem; border: 0.1rem solid black; height: 50%; width: 50%; margin-left: auto; margin-right: auto; } .containerBox { position: relative; display: inline-block; } .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: 30%; border-radius: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 60%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: medium; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .parter_div_filtrer_row_gauche { float: left; border-width: 0.01rem; width: 48%; border-radius: 1rem; text-align: left; margin-left: 0.5rem; font-size: small; cursor: pointer; } .parter_div_filtrer_row_droite { float: right; border-width: 0.01rem; width: 48%; border-radius: 1rem; text-align: right; margin-right: 0.5rem; font-size: small; cursor: pointer; } .div_droite { float: right; border: 1px solid black; border-width: 0.01rem; width: 79%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-left: auto; margin-right: auto; } .div_gauche { float: left; border: 1px solid black; border-width: 0.01rem; width: 20%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; margin-right: 0.5%; background-color: #104277; text-align: left; color: white; } .disabled_style { //background-color: #ECEFF1; font-size: medium !important; color: black; width: 95% !important; height: 3rem !important; margin: 2px !important; border: none !important; } .css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input, .css-161vxw-MuiOutlinedInput-notchedOutline { font-size: medium !important; } input { font-size: medium !important; padding-top: 0.2rem; padding-bottom: 0.2rem; height: 3rem !important; padding-left: 10px !important; } .css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select { font-size: medium; } .parter_div_filtrer_cente { font-size: small !important; } .css-7gyl3q-MuiButtonBase-root-MuiButton-root { font-size: small !important; } .img_class_logo { display: block; width: 128px; height: 128px; border-radius: 10px !important; border: 1px solid black; float: left; } .bton_image_class { font-size: small; text-align: left; 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; } .bton_image_class:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .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; } .bton_suppr2 { background: transparent; color: red; border-radius: 5rem; font-size: small; text-align: center; height: 2.5rem; width: 80%; } .bton_enreg2 { border-radius: 5rem; font-size: small; background: #81BC3A !important; text-align: right; height: 2.5rem; width: 80%; color: white; } .tips_img_class { font-size: small; font-style: italic; margin-left: 1rem !important; text-align: left; } .div_row_bis { float: left; //border: 0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; margin-left: 0.5rem; } .bton_supprime_image_class { font-size: small; text-align: left; 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%); } .plus_produit_desabled { width: 100% !important; margin-right: 0.1rem !important; margin-bottom: 1rem !important; } .plus_produit_desabled2 { //width: 20% !important; //float: left !important; margin-right: 0px !important; width: 90% !important; } .plus_produit_activation { //width: 30% !important; float: left !important; font-size: small; text-align: left; margin-left: 7px; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); padding: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #104277; border-radius: 5px; background: #81bc3a; //color: red; margin-top: 0px; cursor: pointer; margin-right: 1rem; width: 90% !important; margin-bottom: 1.5rem; } .plus_produit_activation:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .plus_produit_activation_no_float { //width: 30% !important; font-size: small; text-align: left; margin-left: 7px; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); padding: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #104277; border-radius: 5px; background: #81bc3a; //color: red; margin-top: 0px; cursor: pointer; margin-right: 1rem; width: 90% !important; } .plus_produit_activation_no_float:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .new_zone { width: 90%; } .new_zone2 { width: 90% !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: 48%; 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; } .div_row_ch{ width: 100%; display: flex; flex-direction: row; align-items: flex-end; padding: 0px; border: #104277; padding-bottom: 20px; padding-top: 2rem; height: 2rem; text-transform: uppercase; margin-top: 1rem; } .row_block{ width: 50%; } .zone_gestion_admin{ border-radius: 5rem; font-size: small; text-align: right; height: 2.5rem; } .bton_gestion_admin{ border-radius: 5rem; font-size: small; background: #81BC3A!important; text-align: right; height: 2.5rem; width: 80%; color: white; } .zone_retour_liste{ border-radius: 5rem; font-size: small; text-align: left; height: 2.5rem; } .bton_retour_list{ border-radius: 5rem; font-size: small; background: white!important; text-align: left; border: solid 1px; height: 2.5rem; width: 80%; color: black; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .MuiSelect-select { padding: 0px !important; padding-left: 1rem !important; } .img_logo { display: block; max-width: 70%; border-radius: 20rem; border: 0.1rem solid black; height: 70%; width: 70%; margin-left: auto; margin-right: auto; } .containerBox { position: relative; display: inline-block; } .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: 30%; border-radius: 1rem; text-align: left; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 69%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: large; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .parter_div_filtrer_row_gauche { float: left; border-width: 0.01rem; width: 48%; border-radius: 1rem; text-align: left; margin-left: 0.5rem; font-size: small; cursor: pointer; } .parter_div_filtrer_row_droite { float: right; border-width: 0.01rem; width: 48%; border-radius: 1rem; text-align: right; margin-right: 0.5rem; font-size: small; cursor: pointer; } .div_droite { float: right; border-width: 0.01rem; width: 74%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-right: 5px; } .div_gauche { float: left; border: 1px solid black; border-width: 0.01rem; width: 25%; height: auto; margin: auto; padding: 5px; border-radius: 1rem; background-color: #104277; text-align: left; color: white; } .disabled_style { //background-color: #ECEFF1; font-size: small !important; color: black; width: 90% !important; height: 3rem !important; margin: 5px !important; border: none !important; } .css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input, .css-161vxw-MuiOutlinedInput-notchedOutline { font-size: medium !important; } input { font-size: medium !important; padding-top: 0.2rem; padding-bottom: 0.2rem; height: 3rem !important; padding-left: 10px !important; } .css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select { font-size: small; } .parter_div_filtrer_cente { font-size: small !important; } .css-7gyl3q-MuiButtonBase-root-MuiButton-root { font-size: small !important; } .img_class_logo { display: block; width: 168px; height: 168px; border-radius: 10px !important; border: 1px solid black; float: left; } .bton_image_class { font-size: small; text-align: left; 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; } .bton_image_class:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .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; } .bton_suppr2 { background: transparent; color: red; border-radius: 5rem; font-size: small; text-align: center; height: 2.5rem; width: 80%; } .bton_enreg2 { border-radius: 5rem; font-size: small; background: #81BC3A !important; text-align: right; height: 2.5rem; width: 80%; color: white; } .tips_img_class { font-size: small; font-style: italic; margin-left: 1rem !important; text-align: left; } .div_row_bis { float: left; //border: 0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; margin-left: 0.5rem; } .bton_supprime_image_class { font-size: small; text-align: left; 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%); } .plus_produit_desabled { width: 100% !important; margin-right: 1rem !important; margin-bottom: 1rem !important; } .plus_produit_desabled2 { //width: 20% !important; //float: left !important; margin-right: 0px !important; width: 90% !important; } .plus_produit_activation { //width: 30% !important; float: left !important; font-size: small; text-align: left; margin-left: 7px; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); padding: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #104277; border-radius: 5px; background: #81bc3a; //color: red; margin-top: 0px; cursor: pointer; margin-right: 1rem; width: 90% !important; margin-bottom: 1.5rem; } .plus_produit_activation:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .plus_produit_activation_no_float { //width: 30% !important; font-size: small; text-align: left; margin-left: 7px; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); padding: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #104277; border-radius: 5px; background: #81bc3a; //color: red; margin-top: 0px; cursor: pointer; margin-right: 1rem; width: 90% !important; } .plus_produit_activation_no_float:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .new_zone { width: 90%; } .new_zone2 { width: 90% !important; } .training_data { float: left; width: 99%; 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; } .div_row_ch{ width: 100%; display: flex; flex-direction: row; align-items: flex-end; padding: 0px; border: #104277; padding-bottom: 20px; padding-top: 2rem; height: 2rem; text-transform: uppercase; margin-top: 1rem; } .row_block{ width: 50%; } .zone_gestion_admin{ border-radius: 5rem; font-size: small; text-align: right; height: 2.5rem; } .bton_gestion_admin{ border-radius: 5rem; font-size: small; background: #81BC3A!important; text-align: right; height: 2.5rem; width: 60%; color: white; } .zone_retour_liste{ border-radius: 5rem; font-size: small; text-align: left; height: 2.5rem; } .bton_retour_list{ border-radius: 5rem; font-size: small; background: white!important; text-align: left; border: solid 1px; height: 2.5rem; width: 60%; color: black; } } @media only screen and (min-width: 1200px) { .MuiSelect-select { padding: 0px !important; padding-left: 1rem !important; } .img_logo { display: block; max-width: 70%; border-radius: 20rem; border: 0.1rem solid black; height: 70%; width: 70%; margin-left: auto; margin-right: auto; } .containerBox { position: relative; display: inline-block; } .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: 30%; border-radius: 1rem; text-align: left; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 69%; border-radius: 1rem; text-align: left; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: x-large; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .parter_div_filtrer_row { float: left; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .parter_div_filtrer_row_gauche { float: left; border-width: 0.01rem; width: 48%; border-radius: 1rem; text-align: left; margin-left: 0.5rem; font-size: small; cursor: pointer; } .parter_div_filtrer_row_droite { float: right; border-width: 0.01rem; width: 48%; border-radius: 1rem; text-align: right; margin-right: 0.5rem; font-size: small; cursor: pointer; } .div_droite { float: right; border-width: 0.01rem; width: 79%; height: auto; margin: auto; padding: 5px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-right: 5px; } .div_gauche { float: left; border: 1px solid black; border-width: 0.01rem; width: 25%; height: auto; margin: auto; padding: 5px; border-radius: 1rem; background-color: #104277; text-align: left; color: white; } .disabled_style { //background-color: #ECEFF1; font-size: small !important; color: black; width: 90% !important; height: 3rem !important; margin: 5px !important; border: none !important; } .css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input, .css-161vxw-MuiOutlinedInput-notchedOutline { font-size: small !important; } input { font-size: medium !important; padding-top: 0.2rem; padding-bottom: 0.2rem; height: 3rem !important; padding-left: 10px !important; } .css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select { font-size: small; } .parter_div_filtrer_cente { font-size: small !important; } .img_class_logo { display: block; width: 168px; height: 168px; border-radius: 10px !important; border: 1px solid black; float: left; } .bton_image_class { font-size: small; text-align: left; 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; } .bton_image_class:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .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; } .bton_suppr2 { background: transparent; color: red; border-radius: 5rem; font-size: small; text-align: center; height: 2.5rem; width: 50%; } .bton_enreg2 { border-radius: 5rem; font-size: small; background: #81BC3A !important; text-align: right; height: 2.5rem; width: 50%; color: white; } .tips_img_class { font-size: small; font-style: italic; margin-left: 1rem !important; text-align: left; } .div_row_bis { float: left; //border: 0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; margin-left: 0.5rem; } .bton_supprime_image_class { font-size: small; text-align: left; 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%); } .plus_produit_desabled { width: 100% !important; margin-right: 2rem !important; margin-bottom: 1rem !important; max-height: 200px !important; } .plus_produit_desabled2 { //width: 20% !important; //float: left !important; margin-right: 0px !important; width: 90% !important; } .plus_produit_activation { //width: 30% !important; float: left !important; font-size: small; text-align: left; margin-left: 7px; 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); padding: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #104277; border-radius: 5px; background: #81bc3a; //color: red; margin-top: 0px; cursor: pointer; margin-right: 1rem; width: 90% !important; margin-bottom: 1.5rem; } .plus_produit_activation:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .plus_produit_activation_no_float { //width: 30% !important; font-size: small; text-align: left; margin-left: 7px; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); padding: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #104277; border-radius: 5px; background: #81bc3a; //color: red; margin-top: 0px; cursor: pointer; margin-right: 1rem; width: 90% !important; } .plus_produit_activation_no_float:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } .new_zone { width: 33%; float: left; } .new_zone2 { width: 50% !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; } .div_row_ch{ width: 100%; display: flex; flex-direction: row; align-items: flex-end; padding: 0px; border: #104277; padding-bottom: 20px; padding-top: 2rem; height: 2rem; text-transform: uppercase; margin-top: 1rem; } .row_block{ width: 50%; } .zone_gestion_admin{ border-radius: 5rem; font-size: small; text-align: right; height: 2.5rem; } .bton_gestion_admin{ border-radius: 5rem; font-size: small; background: #81BC3A!important; text-align: right; height: 2.5rem; width: 50%; color: white; } .zone_retour_liste{ border-radius: 5rem; font-size: small; text-align: left; height: 2.5rem; } .bton_retour_list{ border-radius: 5rem; font-size: small; background: white!important; text-align: left; border: solid 1px; height: 2.5rem; width: 50%; color: black; } } // - end media } .MuiMenuItem-root { color: black !important; } .mce-content-body{ line-height: 1.2rem !important; }