.updateparnterinfo { @media only screen and (max-width: 600px) { text-align: left; .css-1x51dt5-MuiInputBase-input-MuiInput-input { font-size: small !important; } .texte_area { float: left; width: 90% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_adress { float: left; width: 90% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_passwd { float: left; width: 90% !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: pointer; 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; } } @media only screen and (min-width: 601px) and (max-width: 991px) { 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; } .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: pointer; 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: 48%; border-radius: 1rem; //border-right: solid; border-radius: 0%; } .div_row_droite { float: right; border-width: 0.01rem; width: 48%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { 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; } .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: pointer; 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: 48%; border-radius: 1rem; //border-right: solid; border-radius: 0%; } .div_row_droite { float: right; border-width: 0.01rem; width: 48%; } } @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; } .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.3rem; color: white; cursor: pointer; 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: 48%; border-radius: 1rem; //border-right: solid; border-radius: 0%; } .div_row_droite { float: right; border-width: 0.01rem; width: 48%; } .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; } } .css-mnn31 { font-size: small !important; } }