.displaypartnertrainingpagination { .mysy_spinner{ border-radius: 5px; border: 1px solid black; opacity: 100%; } .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; } .css-qc6sy-singleValue { color: white !important; } .css-1s2u09g-control { background: #104277; font-weight: bold; letter-spacing: 2px; color: white !important; border-radius: 5px; } .css-19mk8g1-MuiInputBase-root-MuiFilledInput-root { line-height: 2rem !important; height: 2rem; border: 1px solid; border-radius: 5px; background: white; } @media only screen and (max-width: 600px) { text-align: left; font-size: small !important; .datagridclass { font-size: x-small !important; } .my_hr { margin: 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; margin-bottom: 0.3rem; margin-top: 0.3rem; } .texte_area { width: 90% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_adress { width: 90% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_passwd { 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; } .big_hr { height: 0.2rem; border-width: 0; color: black; } .div_row2 { text-align: center; border-width: 0.01rem; margin-bottom: 0.1rem; margin-top: 0.3rem; 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; } .parter_div_filtrer_center { cursor: pointer; border-width: 0.01rem; width: 50%; border-radius: 1rem; text-align: center; margin-left: auto; margin-right: auto; font-size: small; } .action_mass { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; text-align: left; font-size: small; line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; min-width: 64px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; color: #fff; background-color: #81bc3a; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .parter_div_filtrer_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; border-radius: 1rem; } .parter_div_filtrer_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 100%; border-radius: 1rem; margin-top: 0.5rem !important; } .parter_div_filtrer_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; font-size: small !important; } .css-6j8wv5-Input { font-size: small !important; } .traitement_mass { margin-left: 0.5rem; margin-right: 1rem; text-align: left; float: left; font-size: small; padding-top: 0.5rem; } .tick_ok_ko { max-width: 6%; cursor: pointer; padding-top: 4px; } .myTextField { width: 90% !important; } .detail_training { border: none; margin-bottom: 1rem; height: fit-content; margin-left: auto; margin-right: auto; } .bton_rechercher { width: 50%; background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; } } @media only screen and (min-width: 601px) and (max-width: 991px) { text-align: left; font-size: medium !important; .datagridclass { font-size: small !important; } .texte_area { width: 47% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_passwd { width: 95% !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; } .big_hr { height: 0.2rem; border-width: 0; color: black; } .div_row2 { 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; } .parter_div_filtrer_center { cursor: pointer; border-width: 0.01rem; width: 50%; border-radius: 1rem; text-align: center; margin-left: auto; margin-right: auto; font-size: small; margin-bottom: 1rem; } .action_mass { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; text-align: left; font-size: small; line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; min-width: 64px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; color: #fff; background-color: #81bc3a; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .parter_div_filtrer_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .parter_div_filtrer_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .parter_div_filtrer_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; font-size: small !important; } .css-6j8wv5-Input { font-size: small !important; } .css-1krn5vm-MuiFormControl-root-MuiTextField-root { //width: 90% !important; } .traitement_mass { margin-left: 0.5rem; margin-right: 1rem; text-align: left; float: left; font-size: small; padding-top: 0.5rem; } .tick_ok_ko { max-width: 6%; cursor: pointer; padding-top: 5px; } .myTextField { width: 15rem !important; } .detail_training { border: "1px solid black"; margin-bottom: 1rem; height: fit-content; } .bton_rechercher { width: 30%; background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; letter-spacing: 3px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { text-align: left; font-size: larger !important; .datagridclass { font-size: small !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; } .texte_area { width: 47% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_passwd { width: 95% !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; } .big_hr { height: 0.2rem; border-width: 0; color: black; } .div_row2 { 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; } .parter_div_filtrer_center { cursor: pointer; border-width: 0.01rem; width: 50%; border-radius: 1rem; text-align: center; margin-left: auto; margin-right: auto; font-size: small; margin-bottom: 1rem; } .action_mass { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; text-align: left; font-size: small; line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; min-width: 64px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; color: #fff; background-color: #81bc3a; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .parter_div_filtrer_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .parter_div_filtrer_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .parter_div_filtrer_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; font-size: small !important; } .css-6j8wv5-Input { font-size: small !important; } .css-1krn5vm-MuiFormControl-root-MuiTextField-root { //width: 90% !important; } .traitement_mass { margin-left: 0.5rem; margin-right: 1rem; text-align: left; float: left; font-size: small; padding-top: 0.5rem; } .tick_ok_ko { max-width: 6%; cursor: pointer; padding-top: 4px; } .myTextField { width: 20rem !important; } .detail_training { border: "1px solid black"; margin-bottom: 1rem; height: fit-content; } .bton_rechercher { width: 20%; background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; letter-spacing: 3px; } } @media only screen and (min-width: 1200px) { text-align: left; font-size: larger !important; .datagridclass { font-size: small !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; } .texte_area { width: 47% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_adress { width: 96% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } .texte_area_passwd { width: 95% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; } input { font-size: medium !important; padding-top: 0.2rem; padding-bottom: 0.2rem; } .big_hr { height: 0.2rem; border-width: 0; color: black; } .div_row2 { 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; } .parter_div_filtrer_center { cursor: pointer; border-width: 0.01rem; width: 50%; border-radius: 1rem; text-align: center; margin-left: auto; margin-right: auto; font-size: small; margin-bottom: 1rem; } .action_mass { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; text-align: left; font-size: small; line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; min-width: 64px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; color: #fff; background-color: #81bc3a; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .parter_div_filtrer_row_gauche { float: left; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .parter_div_filtrer_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .parter_div_filtrer_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; font-size: small !important; } .css-6j8wv5-Input { font-size: small !important; } .css-1krn5vm-MuiFormControl-root-MuiTextField-root { //width: 90% !important; } .traitement_mass { margin-left: 0.5rem; margin-right: 1rem; text-align: left; float: left; font-size: small; padding-top: 0.5rem; } .tick_ok_ko { max-width: 5%; cursor: pointer; padding-top: 4px; } .myTextField { width: 20rem !important; } .detail_training { border: "1px solid black"; margin-bottom: 1rem; height: fit-content; } .bton_rechercher { width: 20%; background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; letter-spacing: 3px; } } }