.partner { .loader-container { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; position: fixed; background: white; background-color: transparent; z-index: 1; top: 0px; opacity: 80%; left: 0px; } .spinner { width: 20rem; height: 10rem; border: 8px solid; border-color: #3d5af1 transparent #3d5af1 transparent; border-radius: 50%; animation: spin-anim 1.2s linear infinite; background-color: red; color: black; } .mysy_spinner { border-radius: 5px; //border: 1px solid black; opacity: 100%; } .label { cursor: pointer; color: #00ffff; border: #0c0101; margin-bottom: 2rem; font-style: italic; //border:1px solid black; /* Style as you please, it will become the visible UI component. */ } .enreg { color: #00ffff; border: #0c0101; margin-bottom: 2rem !important; font-style: italic; } #upload-photo { opacity: 0; //position: absolute; z-index: -1; color: red; } .h1_transparent { color: transparent; font-size: 0.1rem; } .nonlable { color: transparent; width: 10rem; font-size: 1rem; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 600px) { .my_hr { margin: 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; margin-bottom: 0.3rem; margin-top: 0.3rem; } .img_logo { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 50%; } .sousmenu_btn { font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: center; margin-bottom: 0rem; color: #c0c0c0; font-size: x-small !important; cursor: pointer; } .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 11px; text-align: left; //padding-bottom: 0.8rem; color: #0c0101; cursor: pointer; // background-color: #104277 !important; } .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; text-align: left; padding-bottom: 0.8rem; cursor: pointer; letter-spacing: 1px; // background-color: #104277 !important; } .nom_prenom { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; font-weight: bold; text-align: center; margin-bottom: 1rem; word-break: break-word; } .koUpdateData { font-size: small; color: red; font-style: italic; } .okUpdateData { font-size: small; color: green; font-style: italic; } .account_img { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 1.5rem; text-align: center; margin-bottom: 1rem; margin-left: 20%; } .div_gauche { float: center; border-width: 0.01rem; width: 90%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; margin-right: 0.5%; text-align: left; color: #495057; text-align: center; margin-left: auto; margin-right: auto; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; } .containerBox { position: relative; display: inline-block; } h4 { display: inline-block; font-size: xx-large; /*or whatever you want*/ color: white; } .text-box { position: absolute; height: 100%; text-align: center; width: 100%; vertical-align: middle; } .text-box:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .div_droite { float: center; //border: 1px solid black; border-width: 0.01rem; width: 98%; height: auto; margin: auto; padding: 5px; border-radius: 1rem; margin-right: 0.5%; text-align: left; color: #495057; text-align: center; margin-left: auto; margin-right: auto; font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; margin-bottom: 1rem; text-align: left; } .div_droite_haut { float: left; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-bottom: 2rem; } .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; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_droite_bas { float: left; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; } .img_user { width: 25%; height: 25%; border-radius: 10rem !important; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; position: fixed; z-index: 10; top: 0px; } .div_row_haut { float: left; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; background-color: #3b3e40; z-index: 10; } .div_row_bas { float: right; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; z-index: 10; background-color: #e7f3fb; background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); } .sub_dib_mobile { //background: white; } .div_mobile { position: relative; top: 5rem; z-index: 1; width: 98%; height: 100%; margin: 0.3rem; margin-left: auto; margin-right: auto; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 15rem; } .menuPrincipal { font-family: "Quicksand", "Signika", "sans-serif"; color: white; width: 20%; float: right; font-weight: 500; cursor: pointer; } .menuPrincipal:hover { color: #81bc3a; font-weight: bold; padding-left: 0; transition: color 0.3s linear; letter-spacing: 0.2rem; text-decoration: solid; text-underline-offset: 3px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: underline; } .div_001 { width: 90%; margin-left: auto; margin-right: auto; } .div_002 { width: 50%; text-align: center; margin-left: auto; margin-right: auto; } .div_003 { display: none; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin-bottom: 0.2rem; margin-top: 0.2rem; } .div_005 { width: 95%; margin-left: auto; margin-right: auto; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: small; width: 90%; margin-left: auto; margin-right: auto; } .accountsatatus { font-size: small; color: black; font-style: italic; background-color: #ffa07a; margin-bottom: 0.5rem; text-align: center; } .import_excel_text { margin-top: 0.5rem; font-size: small; background: white; width: 100%; float: left; border: #495057 solid 1px; text-align: left; padding-right: 2px; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; padding-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; } .bt_import_mass { width: 80%; background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; } .zone_import_fichier { text-align: left; margin-bottom: 2rem; width: 100%; } .titre1_bis { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; padding-top: 5px; padding-bottom: 5px; } .firstConnexion_bton { background: #81bc3a; padding-left: 15px; padding-right: 15px; border-radius: 5px; padding-top: 2px; padding-bottom: 2px; font-size: small; width: 10rem; } .firstConnexion_bton:hover { background: #81bc3a !important; } .firstConnexion_text { background: transparent; padding-left: 15px; padding-right: 15px; border-radius: 5px; padding-top: 10px; padding-bottom: 10px; font-size: small; } .firstConnexion { -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); width: 92%; margin-bottom: 2px; margin-left: 15px; background: #fbeee6; } .firstConnexion_div_btn { text-align: center; } .detail_class_submenu { background: #d8edfc; border-radius: 15px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; 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; } .sousmenu_hebergement_lms { background: rebeccapurple; border-radius: 0.5rem; height: 3rem !important; padding: 0.5rem; text-align: left; color: white; cursor: pointer; } .icone_menu { width: 1rem; height: 1rem; } .not_display_mobile { display: none; } } @media only screen and (min-width: 601px) and (max-width: 991px) { /*style petites-moyennes tablettes */ .koUpdateData { font-size: medium; color: red; font-style: italic; } .okUpdateData { font-size: medium; color: green; font-style: italic; } .div_droite { float: left; //border: 1px solid black; border-width: 0.01rem; width: 80%; height: auto; margin: auto; padding: 1px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-left: auto; margin-right: auto; } .sousmenu_btn { font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: center; padding-bottom: 0.8rem; color: #c0c0c0; font-size: small !important; cursor: pointer; } .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 12px; text-align: left; //padding-bottom: 0.8rem; color: #c0c0c0; cursor: pointer; background-color: #104277 !important; } .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 12px; text-align: left; //padding-bottom: 0.8rem; color: #ffffff; cursor: pointer; background-color: #104277 !important; } .sousmenu:hover { color: white; font-weight: bold; padding-left: 0; text-transform: uppercase; } .nom_prenom { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; font-weight: bold; text-align: center; margin-bottom: 1rem; word-break: break-word; } .img_user { width: 108px; height: 108px; margin-left: auto; margin-right: auto; display: block; border-radius: 10rem !important; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 30%; } .display_screen_max_601 { display: none; } .div_gauche { float: left; border: 0px solid black; border-width: 0.01rem; width: 19%; height: auto; margin: auto; padding: 1px; border-radius: 1rem; margin-right: 1px; background-color: #104277; text-align: left; color: white; margin-left: 1px; } .containerBox { position: relative; display: inline-block; } .parter_div_gauche { float: left; border: 1px solid black; border-width: 0.01rem; width: 25%; height: 30rem; margin: auto; padding: 10px; border-radius: 1rem; margin-right: 0.5%; background-color: #104277; text-align: left; color: white; } .parter_div_droite_haut { float: left; //border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-bottom: 1rem; } .parter_div_filtrer_row { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 1rem; border-radius: 1rem; } .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: 48%; border-radius: 1rem; } .parter_div_droite_bas { float: left; //border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; position: fixed; z-index: 10; } .div_row_haut { float: left; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; background-color: #3b3e40; z-index: 10; } .div_row_bas { float: right; width: 100%; height: 10rem; background-color: #e7f3fb; z-index: 10; background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .div_mobile { // position: absolute; top: 8.5rem; z-index: 1; width: 100%; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 25rem; } .menuPrincipal { font-family: "Quicksand", "Signika", "sans-serif"; color: white; width: 20%; float: right; cursor: pointer; text-align: center; border: 2px solid transparent; font-size: 1rem; } .menuPrincipal:hover { color: #81bc3a; padding-left: 0; transition: color 0.3s linear; letter-spacing: 0.1rem; text-decoration: solid; text-underline-offset: 3px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: underline; } .div_001 { width: 90%; margin-left: auto; margin-right: auto; } .div_002 { float: left; width: 50%; text-align: left; margin-top: 1rem; } .div_003 { float: left; width: 50%; text-align: right; color: white; margin-top: 1.2rem; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; } .div_005 { width: 100%; float: left; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 1rem; margin-bottom: 0.5rem; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.1rem; width: 90%; margin-left: auto; margin-right: auto; } .my_hr { margin: 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; margin-bottom: 0.3rem; margin-top: 0.3rem; } .accountsatatus { font-size: small; color: black; font-style: italic; background-color: #ffa07a; margin-bottom: 0.5rem; text-align: center; } .import_excel_text { margin-top: 0.5rem; font-size: small; background: white; width: 100%; float: left; border: #495057 solid 1px; padding-left: 2px; padding-right: 2px; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; padding-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; } .bt_import_mass { width: 50%; background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; } .zone_import_fichier { text-align: left; margin-bottom: 2rem; width: 100%; } .titre1_bis { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; padding-top: 5px; padding-bottom: 5px; } .firstConnexion_bton { background: #81bc3a; padding-left: 15px; padding-right: 15px; border-radius: 5px; padding-top: 2px; padding-bottom: 2px; font-size: small; width: 10rem; } .firstConnexion_bton:hover { background: #81bc3a !important; } .firstConnexion_text { background: transparent; padding-left: 15px; padding-right: 15px; border-radius: 5px; padding-top: 10px; padding-bottom: 10px; font-size: small; } .firstConnexion { -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); width: 75%; float: left; margin-bottom: 2px; margin-left: 15px; background: #fbeee6; } .firstConnexion_div_btn { text-align: center; } .detail_class_submenu { background: #d8edfc; border-radius: 15px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; 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; } .sousmenu_hebergement_lms { background: rebeccapurple; border-radius: 0.5rem; height: 3rem !important; padding: 0.5rem; text-align: left; cursor: pointer; } .icone_menu { width: 1rem; height: 1rem; } .div_gauche_reduit { width: 5% !important; } .div_droite_ralonge { width: 94% !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .div_droite { float: right; //border: 1px solid black; border-width: 0.01rem; width: 80%; height: auto; margin: auto; padding: 2px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-right: 2px; } .sousmenu_btn { font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: center; font-size: 12px; //padding-bottom: 0.8rem; color: #c0c0c0; font-size: medium !important; cursor: pointer; } .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 12px; text-align: left; //padding-bottom: 0.8rem; color: #ffffff; cursor: pointer; letter-spacing: 1px; background-color: #104277 !important; } .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 11px; text-align: left; padding-bottom: 0.8rem; color: #c0c0c0; cursor: pointer; background-color: #104277 !important; } .sousmenu:hover { color: white; font-weight: bold; padding-left: 0; text-transform: uppercase; } .img_user { margin-left: auto; margin-right: auto; display: block; width: 128px; height: 128px; border-radius: 10rem !important; } .nom_prenom { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; text-align: center; margin-bottom: 1rem; font-weight: bold; word-break: break-word; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 20%; max-height: 3rem; } .koUpdateData { font-size: medium; color: red; font-style: italic; } .okUpdateData { font-size: medium; color: green; font-style: italic; } .div_gauche { float: left; border: 1px solid black; border-width: 0.01rem; width: 19%; height: auto; margin: auto; padding: 2px; border-radius: 1rem; background-color: #104277; text-align: left; color: white; margin-left: 2px; } .account_img { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 1.5rem; text-align: center; margin-bottom: 1rem; margin-left: 20%; } .sousmenu_btn { font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: center; padding-bottom: 0.8rem; color: #c0c0c0; font-size: 1rem !important; } .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 12px; text-align: left; color: #c0c0c0; background-color: #104277 !important; } .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 12px; text-align: left; color: #ffffff; cursor: pointer; background-color: #104277 !important; //letter-spacing: 1px; } .sousmenu:hover { color: white; font-weight: bold; padding-left: 0; text-transform: uppercase; } .containerBox { position: relative; display: inline-block; } h4 { display: inline-block; font-size: xx-large; /*or whatever you want*/ color: white; } .text-box { position: absolute; height: 100%; text-align: center; width: 100%; vertical-align: middle; } .text-box:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .div_droite_haut { float: left; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-bottom: 2rem; } .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; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_droite_bas { float: left; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; position: fixed; z-index: 10; } .div_row_haut { float: left; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; background-color: #3b3e40; z-index: 10; } .div_row_bas { float: right; width: 100%; height: 10rem; background-color: #e7f3fb; z-index: 10; background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .div_mobile { // position: absolute; top: 8.5rem; z-index: 1; width: 100%; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 10rem; } .menuPrincipal { font-family: "Quicksand", "Signika", "sans-serif"; color: white; width: 20%; float: right; cursor: pointer; text-align: center; font-size: 1rem; border: 2px solid transparent; } .menuPrincipal:hover { color: #81bc3a; padding-left: 0; transition: color 0.3s linear; letter-spacing: 0.1rem; text-decoration: solid; text-underline-offset: 3px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: underline; } .div_001 { width: 90%; margin-left: auto; margin-right: auto; } .div_002 { float: left; width: 50%; text-align: left; margin-top: 1rem; } .div_003 { float: left; width: 50%; text-align: right; color: white; margin-top: 1.2rem; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; } .div_005 { width: 100%; float: left; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 1rem; margin-bottom: 0.5rem; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.1rem; width: 90%; margin-left: auto; margin-right: auto; } .my_hr { margin: 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; margin-bottom: 0.3rem; margin-top: 0.3rem; } .accountsatatus { font-size: small; color: black; font-style: italic; background-color: #ffa07a; margin-bottom: 0.5rem; text-align: center; } .import_excel_text { margin-top: 0.5rem; font-size: small; background: white; width: 100%; float: left; border: #495057 solid 1px; padding-left: 2px; padding-right: 2px; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; padding-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; } .bt_import_mass { width: 50%; background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; } .zone_import_fichier { text-align: left; margin-bottom: 2rem; width: 80%; } .titre1_bis { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; padding-top: 5px; padding-bottom: 5px; } .firstConnexion_bton { background: #81bc3a; padding-left: 15px; padding-right: 15px; border-radius: 5px; padding-top: 2px; padding-bottom: 2px; font-size: small; width: 10rem; } .firstConnexion_bton:hover { background: #81bc3a !important; } .firstConnexion_text { background: transparent; padding-left: 15px; padding-right: 15px; border-radius: 5px; padding-top: 10px; padding-bottom: 10px; font-size: small; } .firstConnexion { -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); width: 79%; float: left; margin-bottom: 2px; margin-left: 15px; background: #fbeee6; } .firstConnexion_div_btn { text-align: center; } .detail_class_submenu { background: #d8edfc; border-radius: 15px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; 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; } .sousmenu_hebergement_lms { background: rebeccapurple; border-radius: 0.5rem; height: 3rem !important; padding: 0.5rem; text-align: left; cursor: pointer; } .icone_menu { width: 1rem; height: 1rem; } .div_gauche_reduit { width: 3% !important; } .div_droite_ralonge { width: 96% !important; } } @media only screen and (min-width: 1200px) { .div_droite { float: right; //border: 1px solid black; border-width: 0.01rem; width: 83%; height: auto; margin: auto; padding: 2px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-right: 2px; } .div_droite_ralonge { width: 96% !important; } .img_user { margin-left: auto; margin-right: auto; display: block; width: 128px; height: 128px; border-radius: 10rem !important; } .nom_prenom { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small !important; text-align: center; margin-bottom: 1rem; font-weight: bold; word-break: break-word; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 18%; max-height: 3rem; } .div_gauche { float: left; border: 1px solid black; border-width: 0.01rem; width: 16%; height: auto; margin: auto; padding: 5px; border-radius: 1rem; margin-right: 5px; background-color: #104277; text-align: left; color: white; margin-left: 5px; } .div_gauche_reduit { width: 3% !important; } .koUpdateData { font-size: medium; color: red; font-style: italic; } .okUpdateData { font-size: medium; color: green; font-style: italic; } .account_img { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 1.5rem; text-align: center; margin-bottom: 1rem; margin-left: 20%; } .containerBox { position: relative; display: inline-block; } h4 { display: inline-block; font-size: xx-large; /*or whatever you want*/ color: white; } .text-box { position: absolute; height: 100%; text-align: center; width: 100%; vertical-align: middle; } .text-box:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .div_droite_haut { float: left; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-bottom: 2rem; } .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; } .div_row_droite { float: right; //border:0px solid black; border-width: 0.01rem; width: 48%; border-radius: 1rem; } .div_droite_bas { float: left; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; } .sousmenu_btn { font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: center; padding-bottom: 0.8rem; color: #c0c0c0; font-size: 1rem !important; cursor: pointer; } .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 12px; text-align: left; color: #c0c0c0; cursor: pointer; max-height: 2.5rem; background-color: #104277 !important; } .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 12px; text-align: left; color: #ffffff; cursor: pointer; font-weight: 600; max-height: 2.5rem; background-color: #104277 !important; //letter-spacing: 1px; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; position: fixed; z-index: 10; } .div_row_haut { float: left; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; background-color: #3b3e40; z-index: 10; } .div_row_bas { float: right; width: 100%; height: 10rem; background-color: #e7f3fb; z-index: 10; background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .div_mobile { // position: absolute; top: 8.5rem; z-index: 1; width: 100%; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 12rem; } .menuPrincipal { font-family: "Quicksand", "Signika", "sans-serif"; color: white; width: 20%; float: right; cursor: pointer; text-align: center; font-size: 1.1rem; border: 2px solid transparent; } .menuPrincipal:hover { color: #81bc3a; padding-left: 0; transition: color 0.3s linear; letter-spacing: 0.1rem; text-decoration: solid; text-underline-offset: 3px; border-bottom-width: 1px; border-bottom-style: solid; text-decoration: underline; } .div_001 { width: 90%; margin-left: auto; margin-right: auto; } .div_002 { float: left; width: 50%; text-align: left; margin-top: 1rem; } .div_003 { float: left; width: 50%; text-align: right; color: white; margin-top: 1.2rem; margin-bottom: 2rem; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin: 0.5rem; } .div_005 { width: 100%; float: left; } .hilightsoustitre { background: #113459; color: #fff; display: block; font-size: 1rem; margin-bottom: 0.5rem; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.2rem; width: 90%; margin-left: auto; margin-right: auto; } .my_hr { margin: 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; margin-bottom: 0.3rem; margin-top: 0.3rem; } .accountsatatus { font-size: small; color: black; font-style: italic; background-color: #ffa07a; margin-bottom: 0.5rem; text-align: center; } .import_excel_text { margin-top: 0.5rem; font-size: small; background: white; width: 100%; float: left; border: #495057 solid 1px; padding-left: 2px; padding-right: 2px; } .titre1 { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; padding-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; } .bt_import_mass { width: 50%; background: #81BC3A; padding: 0.3rem; border-radius: 5rem; font-size: small; text-align: left; border: solid 1px; height: 2.5rem; color: white; } .zone_import_fichier { text-align: left; margin-bottom: 2rem; width: 50%; } .titre1_bis { font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; color: white; cursor: pointer; font-style: italic; background-color: gray; font-weight: normal; padding-top: 5px; padding-bottom: 5px; } .firstConnexion_bton { background: #b0ce8a; padding-left: 15px; padding-right: 15px; border-radius: 5px; padding-top: 2px; padding-bottom: 2px; font-size: small; width: 8rem; margin-left: 10px; } .firstConnexion_bton:hover { background: #81bc3a !important; } .firstConnexion_text { background: transparent; padding-left: 15px; padding-right: 15px; border-radius: 5px; padding-top: 10px; padding-bottom: 10px; font-size: small; } .firstConnexion { -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%); box-shadow: 1px 1px 10px 1px rgba(243, 190, 190, 0.5); width: 82%; float: left; margin-bottom: 2px; margin-left: 15px; background: #fbeee6; } .firstConnexion_div_btn { text-align: center; } .css-1wgeduv-MuiFormControl-root-MuiTextField-root { padding-top: 5px; } .css-1ptx2yq-MuiInputBase-root-MuiInput-root { height: 3rem; border: 1.5px solid #e0e0e0; border-radius: 5px; margin-top: 18px; margin-right: 2px; } .css-1x51dt5-MuiInputBase-input-MuiInput-input { background-color: rgb(236, 239, 241); height: 2.2rem; padding-top: 0px; padding-bottom: 0px; margin-bottom: 2px; margin-right: 1px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .detail_class_submenu { background: #d8edfc; border-radius: 15px; margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; 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; } .sousmenu_hebergement_lms { background: rebeccapurple; border-radius: 0.5rem; height: 3rem !important; padding: 0.5rem; text-align: left; cursor: pointer; } .sousmenu_hebergement_lms:hover { color: white; font-weight: 600; } .icone_menu { width: 2rem; height: 1.5rem; } .rs-dropdown-menu { background: transparent !important; background-color: #104277 !important; color: white !important; } .rs-dropdown-item { color: white !important; } .rs-dropdown-item-focus { color: white !important; } .rs-dropdown-toggle.rs-btn { background: transparent !important; color: white !important; margin-bottom: 1rem !important; list-style-type: none !important; border: none !important; } .rs-dropdown-menu { width: 100% !important; box-shadow: none !important; border: none !important; margin-bottom: 1rem !important; list-style-type: none !important; } } // end media .bck_menu_seul_selected{ padding-left: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; font-weight: 700; font-size: 14px; } .bck_menu_seul{ padding: 20px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; font-weight: 400; font-size: 14px !important; color: white !important; } .ps-menu-button{ height: 45px !important; } .css-18unl23{ overflow: hidden !important; } .css-jn69v9, .css-honxw6{ width: 10px !important; height: 10px !important; border-width: 0.3rem !important; } .my_sidebar, .my_sidebar:hover:active { background-color: #104277 !important; width: 100% !important; min-width: 100%; border-right-width: 0px; box-sizing: unset !important; } .my_menu, .my_menu:hover:active { background-color: #104277 !important; overflow: hidden !important; box-sizing: unset !important; } .my_chart, .my_chart:hover:active { background-color: #104277 !important; overflow: hidden !important; box-sizing: unset !important; font-size: 14px !important; } ul { //background-color: #104277 !important; } li:hover { // background-color: #104277 !important; font-weight: 400 !important; } .css-1tqrhto :hover { background: #0c0101 !important; } .css-1t8x7v1:hover { background: #0c0101 !important; } .ps-menuitem-root :hover { color: white; background-color: #104277 !important; box-sizing: unset !important; } .ps-menuitem-root { box-sizing: unset !important; } .ps-menu-button { color: white; // font-weight: bold; text-transform: uppercase; background-color: #104277 !important; box-sizing: unset !important; } .tooltip_css { background: #81BC3A; z-index: 9999; } .hebergement_icone { width: 10%; } .rs-dropdown-menu { background: transparent !important; background-color: #104277 !important; color: white !important; } .rs-dropdown-item { color: white !important; } .rs-dropdown-item-focus { color: white !important; } .rs-dropdown-toggle.rs-btn { background: transparent !important; color: #c0c0c0 !important; margin-bottom: 1rem !important; list-style-type: none !important; border: none !important; font-size: 12px; text-align: left; } .rs-dropdown-menu { width: 100% !important; box-shadow: none !important; border: none !important; margin-bottom: 1rem !important; list-style-type: none !important; } .css-1wgeduv-MuiFormControl-root-MuiTextField-root { padding-top: 5px; } .css-1ptx2yq-MuiInputBase-root-MuiInput-root, .css-1vv4lmi { height: 3rem; border: 1.5px solid #e0e0e0; border-radius: 5px; margin-top: 15px; padding-right: 2px; } .css-1xwivr4 { height: 3rem; border: 1.5px solid #e0e0e0; border-radius: 5px; margin-top: 15px; padding-right: 2px; } .css-1x51dt5-MuiInputBase-input-MuiInput-input { background-color: rgb(236, 239, 241); height: 2.3rem; padding-top: 0px; padding-bottom: 0px; margin-bottom: 2px; margin-right: 1px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .separator { display: flex; align-items: center; text-align: center; margin-bottom: 0.5rem !important; } .separator::before, .separator::after { content: ''; flex: 1; border-bottom: 1px solid #F4F6F629; } .separator:not(:empty)::before { margin-right: .35em; } .separator:not(:empty)::after { margin-left: .35em; } } .mce-content-body { line-height: 1.2rem !important; } .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root { height: 3rem !important; }