.abonnement { .h1_transparent { color: transparent; font-size: 0.1rem; } .okUpdateData { font-size: small; color: green; font-style: italic; } .warninigUpdateData { font-size: 16px; color: #eb1ad9; font-style: italic; font-family: "DM Sans"; } .koUpdateData { font-size: small; color: red; font-style: italic; } .loader-container { width: 100%; height: 100vh; display: flex; //justify-content: center; align-items: center; left: -5%; position: fixed; z-index: 1; top: 0px; background: white; background-color: transparent; } .mysy_spinner { border-radius: 5px; //border: 1px solid black; opacity: 100%; } @media only screen and (max-width: 600px) { /*style smartphones et petites tablettes en portrait*/ .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .facture_menu { width: 10rem; text-align: left; padding: 0; border: 0px; } .facture_menu:hover:active, .facture_menu:hover { background-color: #e7f3fb; } .facture_menu:focus { //border: 3px dotted green; background-color: #e7f3fb; } .div_info_facturation { float: left; width: 50%; border: 1px solid black; margin-bottom: 1rem; } .div_info_plan_actuel { float: left; width: 50%; border: 1px solid black; margin-bottom: 1rem; } .div_info_pack { width: 100%; border: 1px solid black; } .texte_area { width: 100% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; margin: 0.5rem !important; } .texte_area_adress { width: 100% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; margin: 0.5rem !important; } .titre1 { font-family: "DM Sans", "sans-serif"; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: normal; font-style: italic; background-color: gray; font-weight: normal; float: left; width: 100%; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 95%; border-radius: 0px; margin-bottom: 1rem; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 100%; border-radius: 0px; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.3rem; border-radius: 1rem; font-size: small; } .btn_modif { width: 10rem; background-color: #212121 !important; color: white; } .btn_enreg { width: 10rem; background-color: green !important; color: white; } .accountsatatus { font-size: small; color: black; font-style: italic; background-color: #FFA07A; margin-bottom: 0.5rem; text-align: center; } .css-1ptx2yq-MuiInputBase-root-MuiInput-root { font-size: small; } .list_produits_service { font-size: small; } .btn_retour_ps { background-color: rgb(228, 236, 228) !important; padding-left: 5px; padding-right: 5px; } .btn_modif_nb_ftion { width: 10rem; background-color: green !important; color: white; border-radius: 5rem; font-size: small; } .nb_ftion { text-align: center; width: 50%; } .btn_enreg_new_nb_ftion { width: 95%; background-color: green !important; color: white; border-radius: 5rem; font-size: small; } .btn_annule_new_nb_ftion { width: 95%; background-color: black !important; color: white; border-radius: 5rem; font-size: small; } .pave_nb_ftion {} .pave_change_ftion { text-align: right; border-left: 2px solid; padding-left: 5px; } .pave_btn_enreg_new_nb_ftion { text-align: left; width: 50%; float: left; } .pave_btn_annule_new_nb_ftion { text-align: left; width: 50%; float: left; } } @media only screen and (min-width: 601px) and (max-width: 991px) { /*style petites-moyennes tablettes */ .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .facture_menu { width: 8rem; text-align: left; padding: 0; border: 0px; } .facture_menu:hover:active, .facture_menu:hover { background-color: #e7f3fb; } .facture_menu:focus { //border: 3px dotted green; background-color: #e7f3fb; } .div_info_facturation { float: left; width: 50%; border: 1px solid black; margin-bottom: 1rem; } .div_info_plan_actuel { float: left; width: 50%; border: 1px solid black; margin-bottom: 1rem; } .div_info_pack { width: 100%; border: 1px solid black; } .texte_area { width: 95% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; margin: 0.5rem !important; } .texte_area_adress { width: 95% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; margin: 0.5rem !important; } .titre1 { font-family: "DM Sans", "sans-serif"; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: normal; font-style: italic; background-color: gray; font-weight: normal; float: left; width: 100%; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; font-size: small; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 50%; border-radius: 0px; } .div_row_droite { // border-left: 1rem solid; float: right; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.3rem; border-radius: 1rem; font-size: small; } .btn_modif { width: 10rem; background-color: #212121 !important; color: white; } .btn_enreg { width: 10rem; background-color: green !important; color: white; } .accountsatatus { font-size: small; color: black; font-style: italic; background-color: #FFA07A; margin-bottom: 0.5rem; text-align: center; } .css-1ptx2yq-MuiInputBase-root-MuiInput-root { font-size: small; } .list_produits_service { font-size: small; } .btn_retour_ps { background-color: rgb(228, 236, 228) !important; padding-left: 5px; padding-right: 5px; } .btn_modif_nb_ftion { width: 10rem; background-color: green !important; color: white; border-radius: 5rem; font-size: small; } .nb_ftion { text-align: center; width: 80%; } .btn_enreg_new_nb_ftion { width: 95%; background-color: green !important; color: white; border-radius: 5rem; font-size: small; } .btn_annule_new_nb_ftion { width: 95%; background-color: black !important; color: white; border-radius: 5rem; font-size: small; } .pave_nb_ftion { width: 100% !important; } .pave_change_ftion { text-align: right; border-left: 2px solid; padding-left: 5px; width: 100% !important; padding-right: 1px; } .pave_btn_enreg_new_nb_ftion { text-align: left; width: 100%; float: left; margin-bottom: 0.3rem; } .pave_btn_annule_new_nb_ftion { text-align: left; width: 100%; float: left; } .block_remise { width: 100% !important; } } @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; } .facture_menu { width: 10rem; text-align: left; padding: 0; border: 0px; } .facture_menu:hover:active, .facture_menu:hover { background-color: #e7f3fb; } .facture_menu:focus { //border: 3px dotted green; background-color: #e7f3fb; } .div_info_facturation { float: left; width: 50%; border: 1px solid black; margin-bottom: 1rem; } .div_info_plan_actuel { float: left; width: 50%; border: 1px solid black; margin-bottom: 1rem; } .div_info_pack { width: 100%; border: 1px solid black; } .texte_area { width: 95% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; margin: 0.5rem !important; } .texte_area_adress { width: 95% !important; font-size: x-small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; margin: 0.5rem !important; } .titre1 { font-family: "DM Sans", "sans-serif"; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: normal; font-style: italic; background-color: gray; font-weight: normal; float: left; width: 100%; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; font-size: small; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 50%; border-radius: 0px; } .div_row_droite { // border-left: 1rem solid; float: right; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.3rem; border-radius: 1rem; font-size: small; } .btn_modif { width: 10rem; background-color: #212121 !important; color: white; } .btn_enreg { width: 10rem; background-color: green !important; color: white; } .accountsatatus { font-size: small; color: black; font-style: italic; background-color: #FFA07A; margin-bottom: 0.5rem; text-align: center; } .css-1ptx2yq-MuiInputBase-root-MuiInput-root { font-size: small; } .list_produits_service { font-size: small; } .btn_retour_ps { background-color: rgb(228, 236, 228) !important; padding-left: 5px; padding-right: 5px; } .btn_modif_nb_ftion { width: 10rem; background-color: green !important; color: white; border-radius: 5rem; font-size: small; } .nb_ftion { text-align: center; width: 80%; } .btn_enreg_new_nb_ftion { width: 95%; background-color: green !important; color: white; border-radius: 5rem; font-size: small; } .btn_annule_new_nb_ftion { width: 95%; background-color: black !important; color: white; border-radius: 5rem; font-size: small; } .pave_nb_ftion { width: 100% !important; } .pave_change_ftion { text-align: right; border-left: 2px solid; padding-left: 5px; width: 100% !important; padding-right: 3px; } .pave_btn_enreg_new_nb_ftion { text-align: left; width: 100%; float: left; margin-bottom: 0.3rem; } .pave_btn_annule_new_nb_ftion { text-align: left; width: 100%; float: left; } .block_remise {} } @media only screen and (min-width: 1200px) { /*style grande tablettes & Pc portable */ .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .facture_menu { width: 10rem; text-align: left; padding: 0; border: 0px; } .facture_menu:hover:active, .facture_menu:hover { background-color: #e7f3fb; } .facture_menu:focus { //border: 3px dotted green; background-color: #e7f3fb; } .div_info_facturation { float: left; width: 50%; border: 1px solid black; margin-bottom: 1rem; } .div_info_plan_actuel { float: left; width: 50%; border: 1px solid black; margin-bottom: 1rem; } .div_info_pack { width: 100%; border: 1px solid black; } .texte_area { width: 47% !important; font-size: small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; margin: 0.5rem !important; } .texte_area_adress { width: 96.5% !important; font-size: small !important; font-family: "DM Sans", "sans-serif"; margin: 0rem !important; margin-right: 0.4rem !important; margin-top: 0.4rem !important; background-color: "#ECEFF1"; background: "#ECEFF1"; color: black; margin: 0.5rem !important; } .titre1 { font-family: "DM Sans", "sans-serif"; font-size: medium; text-align: center; margin-bottom: 0.8rem; color: white; cursor: normal; font-style: italic; background-color: gray; font-weight: normal; float: left; width: 100%; } .div_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; } .div_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 50%; border-radius: 0px; } .div_row_droite { // border-left: 1rem solid; float: right; //border:0px solid black; border-width: 0.01rem; width: 50%; padding-left: 2%; border-radius: 0px; } .div_row22 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.3rem; border-radius: 1rem; font-size: small; } .btn_modif { width: 10rem; background-color: #212121 !important; color: white; } .btn_enreg { width: 10rem; background-color: green !important; color: white; } .div_row_central { border: 0px; border-width: 0.01rem; margin-bottom: 3rem; margin-left: auto; margin-right: auto; text-align: center; } .accountsatatus { font-size: small; color: black; font-style: italic; background-color: #FFA07A; margin-bottom: 0.5rem; text-align: center; } .css-1ptx2yq-MuiInputBase-root-MuiInput-root { font-size: small; } .list_produits_service { font-size: small; } .btn_retour_ps { background-color: rgb(228, 236, 228) !important; padding-left: 5px; padding-right: 5px; } .btn_modif_nb_ftion { width: 10rem; background-color: green !important; color: white; border-radius: 5rem; font-size: small; } .nb_ftion { text-align: center; width: 50%; } .btn_enreg_new_nb_ftion { width: 95%; background-color: green !important; color: white; border-radius: 5rem; font-size: small; } .btn_annule_new_nb_ftion { width: 95%; background-color: black !important; color: white; border-radius: 5rem; font-size: small; } .pave_nb_ftion { width: 100% !important; } .pave_change_ftion { text-align: right; border-left: 2px solid; padding-left: 5px; width: 100% !important; padding-right: 3px; } .pave_btn_enreg_new_nb_ftion { text-align: left; width: 50%; float: left; } .pave_btn_annule_new_nb_ftion { text-align: left; width: 50%; float: left; } .block_remise {} } .img_payment { max-width: 18%; } .Mui-disabled { font-family:'DM Sans','Sans-serif'; color: 212121 !important; font-size: small !important; margin: 0px; height: 3rem !important; padding: 0 !important; padding-left: 5px !important; } .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled { font-family:'DM Sans','Sans-serif'; color: 212121 !important; font-size: medium !important; margin: 0px !important; height: 3rem !important; padding: 0 !important; padding-left: 5px !important; } .css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input { color: #212121 !important; } }