.updateparnterinfo { @media only screen and (max-width: 600px) { text-align: left; .css-1x51dt5-MuiInputBase-input-MuiInput-input { font-size: small !important; } .css-1q6at85-MuiInputBase-root-MuiOutlinedInput-root{ padding-right: 0.2rem !important; height: 3rem !important; margin-bottom: 1rem; } .css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input{ height: 2.5rem !important; font-size: small; } .css-1ixds2g{ height: 2.5rem !important; font-size: small !important; } .css-1v4ccyo{ font-size: small !important; } .text_pwd_crit{ font-size: small; } .texte_area { float: left; width: 100% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_adress { float: left; width: 100% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_passwd { float: left; width: 100% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } input { font-size: small !important; padding-top: 0.2rem; padding-bottom: 0.2rem; } .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; float: left; width: 100%; } .semi_hr_gauche { width: 40%; height: 5px; float: left; } .semi_hr_droite { width: 45%; height: 5px; float: right; } .big_hr { height: 0.2rem; border-width: 0; color: black; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 1rem; border-radius: 1rem; font-size: small; } .btn_modif { width: 10rem; background-color: #212121 !important; } .btn_enreg { width: 10rem; background-color: green !important; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .div_row_gauche { float: none !important; //border:0px solid black; border-width: 0.01rem; width: 100%; border-radius: 1rem; border-radius: 0%; text-align: center; } .div_row_droite { float: none !important; border-width: 0.01rem; width: 100%; text-align: center; } .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%); } // added on 03/08/23 .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; width: 100%; height: 2rem !important; } .detail_submenu:hover, .detail_submenu:focus, .detail_submenu:active, .detail_submenu:checked { background-color: #104277; color: white; } .scroll_mysy { overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; padding-right: 1rem !important; } } @media only screen and (min-width: 601px) and (max-width: 991px) { text-align: left; .text_pwd_crit{ font-size: small; } .css-1x51dt5-MuiInputBase-input-MuiInput-input { font-size: small !important; } .texte_area { float: left; width: 47% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_adress { float: left; width: 95% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_passwd { float: left; width: 95% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .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; float: left; width: 100%; } .semi_hr_gauche { width: 40%; height: 5px; float: left; } .semi_hr_droite { width: 45%; height: 5px; float: right; } .big_hr { height: 0.2rem; border-width: 0; color: black; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 1rem; border-radius: 1rem; font-size: small; } .btn_modif { width: 7rem; background-color: #212121 !important; } .btn_enreg { width: 7rem; background-color: green !important; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .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: 100%; border-radius: 1rem; //border-right: solid; border-radius: 0%; } .div_row_droite { float: right; border-width: 0.01rem; width: 100%; } .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%); } // added on 03/08/23 .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; height: 2rem !important; } .detail_submenu:hover, .detail_submenu:focus, .detail_submenu:active, .detail_submenu:checked { background-color: #104277; color: white; } .scroll_mysy { overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; padding-right: 1rem !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { text-align: left; .text_pwd_crit{ font-size: small; } .css-1x51dt5-MuiInputBase-input-MuiInput-input { font-size: small !important; } .texte_area { float: left; width: 47% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_adress { float: left; width: 95% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_passwd { float: left; width: 95% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .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; float: left; width: 100%; } .semi_hr_gauche { width: 40%; height: 5px; float: left; } .semi_hr_droite { width: 45%; height: 5px; float: right; } .big_hr { height: 0.2rem; border-width: 0; color: black; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 1rem; border-radius: 1rem; font-size: small; } .btn_modif { width: 10rem; background-color: #212121 !important; } .btn_enreg { width: 10rem; background-color: green !important; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .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: 46%; border-radius: 1rem; //border-right: solid; border-radius: 0%; } .div_row_droite { float: right; border-width: 0.01rem; width: 46%; } .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%); } // added on 03/08/23 .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; height: 2rem !important; } .detail_submenu:hover, .detail_submenu:focus, .detail_submenu:active, .detail_submenu:checked { background-color: #104277; color: white; } .scroll_mysy { overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; padding-right: 1rem !important; } } @media only screen and (min-width: 1200px) { text-align: left; .css-1x51dt5-MuiInputBase-input-MuiInput-input { font-size: small !important; } .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_adress { float: left; width: 95% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; margin-bottom: 1.5rem !important; } .texte_area_passwd { float: left; width: 95% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; margin-bottom: 1.5rem !important; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; color: white; cursor:unset; font-style: italic; background-color: gray; font-weight: normal; float: left; width: 100%; margin-bottom: 1.5rem; } .semi_hr_gauche { width: 40%; height: 5px; float: left; } .semi_hr_droite { width: 45%; height: 5px; float: right; } .big_hr { height: 0.2rem; border-width: 0; color: black; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 1rem; border-radius: 1rem; font-size: small; } .btn_modif { width: 20rem; background-color: #212121 !important; } .btn_enreg { width: 20rem; background-color: green !important; } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .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; //border-right: solid; border-radius: 0%; text-align: left; } .div_row_droite { float: right; border-width: 0.01rem; width: 48%; text-align: right; } .text_pwd_crit { color: #3b3e40; margin-bottom: 0px; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.7rem; line-height: 0.85rem; margin-top: 0rem; margin-bottom: 2rem; font-style: italic; } // add on 01/08/2023 .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%); } // added on 03/08/23 .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; height: 2rem !important; } .detail_submenu:hover, .detail_submenu:focus, .detail_submenu:active, .detail_submenu:checked { background-color: #104277; color: white; } .scroll_mysy { overflow-y: auto; max-height: 20rem; overflow-y: visible; overflow-y: scroll; padding-right: 1rem !important; } } .css-mnn31 { font-size: small !important; } .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { padding-left: 5px !important; } .css-1ixds2g{ font-size: small !important; height: 2rem !important; } .css-1v4ccyo{ font-size: small !important; } }