.testurl_new {

    .fc-view-harness {
        height: 35rem !important;
    }

    .Mui-disabled {
   font-family:'DM Sans','Sans-serif';
        font-size: small !important;
        padding: 0px !important;
        padding-left: 5px !important;
    }

 

    @media screen and (max-width: 600px) {
        .okUpdateData {
            font-size: small;
            color: green;
            font-style: italic;
        }

        .koUpdateData {
            font-size: small;
            color: red;
            font-style: italic;
        }

        .div_row {
            float: left;
            //border: 1px solid #d5d8dc;
            border-width: 0.01rem;
            width: 100%;
            margin-bottom: 1rem;
            border-radius: 1rem;
        }

        .div_row_gauche {

            width: 100%;
            border-radius: 10rem !important;
            text-align: left;

            margin: 0px !important;
            margin-bottom: 0.5rem !important;
            margin-top: 0.5rem !important;
        }

        .div_row_droite {
            width: 100%;
            border-radius: 10rem !important;
            text-align: left;

            margin: 0px !important;
            margin-bottom: 0.5rem !important;
            margin-top: 0.5rem !important;
        }

        .selectsession {
            width: 90%;
            height: 3rem;
            font-size: small;
            border-radius: 0px !important;
        }

        .titre1_aide_finance {
            margin-top: 1rem;
            font-family: "DM Sans", "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;
        }

        .pieddepage {
            z-index: 50;
            width: 100%;
            float: left;
            margin-top: 12rem;
        }

        .div_mobile {
            position: absolute;
            top: 8rem;
            z-index: 1;
            width: 100%;
        }

        .zone_data {
            width: 95%;
            margin-left: auto;
            margin-right: auto;
        }

        .detail_class_submenu {
            background: #d8edfc;
            border-radius: 15px;
            margin-right: 1rem;
            padding: 0.3rem;
            margin-bottom: 0.5rem;
            width: 10.5rem;
            text-align: center;
            border: 1px solid #9cf;
            color: #3b3e40;
            font-family: "DM Sans", "sans-serif";
            font-size: small;
            letter-spacing: 0.1rem;
            font-weight: normal;
            width: 100%;
        }

        .detail_class_submenu:hover:active,
        .detail_class_submenu:hover {
            background-color: #107758;
            color: white;
        }

        .detail_class_submenu:focus {
            //border: 3px dotted green;
            background-color: #107758;
            color: white;
        }

        .detail_class_submenu_data {
            width: 100%;
            min-height: 10rem;
            background-color: #d8edfc;
            padding-left: 5px;
            text-align: left;
            padding: 0;
            border: 0px;
            color: #3b3e40;
            padding-left: 5px;
            font-family: "DM Sans", "sans-serif";
            font-size: small;
            border-radius: 10px;
            border: 1px solid;
        }

        .disabled_style {
            //background-color: #ECEFF1;
            font-size: small !important;
            color: black;
            width: 97% !important;
            //border: none !important;
            margin: 5px !important;
            height: 3.5rem !important;
            background: white;
            border: solid gainsboro 1px;

        }

        .training_caract {
            width: 100%;
            padding: 5px;
            float: left;
        }

        .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
   font-family:'DM Sans','Sans-serif';
            font: inherit;
            letter-spacing: inherit;
            color: currentColor;
            border: 0;
            box-sizing: content-box;
            background: none;
            background-color: rgba(0, 0, 0, 0);
            margin: 0;
            -webkit-tap-highlight-color: transparent;
            display: block;
            min-width: 0;
            width: 100%;
            -webkit-animation-name: mui-auto-fill-cancel;
            animation-name: mui-auto-fill-cancel;
            -webkit-animation-duration: 10ms;
            animation-duration: 10ms;
            height: 3rem !important;
            padding: 0 !important;
            padding-left: 5px !important;
        }

        .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
            padding: 1px !important;
        }

        .selectsession {
            width: 100%;
            height: 3rem;
            font-size: small;
            border-radius: 0px !important;
        }

        .session_data {
            float: left;
            width: 100%;
            box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
            border-radius: 10px;
            margin-top: 10px;
            margin-bottom: 10px;


        }

        .session_caract {
  font-family: DM Sans;
            width: 100%;
            padding: 5px;
            float: left;
            text-align: left;
            font-size: small;
        }

        .session_style {
            //background-color: #ECEFF1;
            font-size: small !important;
            color: black;
            width: 100% !important;
            height: 2rem !important;
            margin: 5px !important;
        }

        .css-1x5jdm {
            padding: 5px;
        }



        .css-1x5jdmq {
            padding: 6px !important;
        }

        .css-qiwgdb {
            padding: 6px !important;
        }

        .preview_certif {
            display: block;
            width: 100%;
            height: 180px;
            border-radius: 1rem !important;
            margin-top: 1rem !important;
        }

        .hr_break {
            border: 2px solid grey;
        }

        .icon_plus {
            width: 6%;
        }

        .bton_add_session {
            background: #c8cfd5;
            color: black;
            width: 100%;
        }

        .bton_import_excel {
            background: #c8cfd5;
            color: black;
            width: 100% !important;
        }

        .div_row_gauche_etendu {
            width: 100%;
        }

        .icon_excel {
            width: 6%;
        }


        .bton_suppr {
            background: transparent;
            color: red;
            border-radius: 5rem;
            font-size: small;
            text-align: center;
            height: 2.5rem;
            width: 100%;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_enreg {
  font-family: DM sans;
            border-radius: 5rem;
            font-size: small;
            background: #81BC3A !important;
            text-align: center;
            height: 2.5rem;
            width: 100%;
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_edit {
            border-radius: 5rem;
            font-size: small;
            background: black !important;
            text-align: right;
            height: 2.5rem;
            width: 100%;
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_annule {
            border-radius: 5rem;
            font-size: small;
            background: lightgray !important;
            text-align: right;
            height: 2.5rem;
            width: 100%;
            color: black;
            margin-left: 10px;
            margin-right: 10px;
        }

        .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: "DM Sans", "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 #d5d8dc;
            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%);
        }

        .tick_ok_ko {
            max-width: 3%;
            cursor: pointer;
            padding-top: 4px;
        }

        .texte_area {
            float: left;
            width: 47% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 1.5rem !important;
        }

        .texte_area_filter {
            float: left;
            width: 100% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin-top: 0px !important;
            margin-bottom: 2px !important;
        }

        .texte_area_filter_value {
            float: left !important;
            width: 100% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;

        }


        .filter_bton_add {
            float: left;
            width: 40% !important;
            font-size: xx-large !important;
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;
            text-align: right;
            cursor: pointer;
        }


        .div_row {
            float: left;
            border-width: 0.01rem;
            width: 100%;

            border-radius: 1rem;
        }

        .div_row_gauche {
            float: left;
            width: 100%;
            border-radius: 1rem;
            text-align: left;
        }

        .div_row_droite {
            float: left;
            width: 100%;
            border-radius: 1rem;
            text-align: left;

        }

        .bton_suppr {
            background: transparent;
            color: red;
            border-radius: 5rem;
            font-size: small;
            text-align: center;
            height: 2.5rem;
            width: 100%;
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom: 1rem !important;
        }

        .bton_enreg {
  font-family: DM sans;
            border-radius: 5rem;
            font-size: small;
            background: #81BC3A !important;
            text-align: center;
            height: 2.5rem;
            width: 100%;
            color: white;
            margin-bottom: 1rem !important;
        }

        .bton_edit {
            border-radius: 5rem;
            font-size: small;
            background: black !important;
            text-align: right;
            height: 2.5rem;
            width: 100%;
            color: white;
            margin-bottom: 1rem !important;
        }

        .bton_annule {
            border-radius: 5rem;
            font-size: small;
            background: lightgray !important;
            text-align: right;
            height: 2.5rem;
            width: 100%;
            color: black;
            margin-bottom: 1rem !important;
        }


        .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
            border-color: transparent !important;
            border-radius: 20px !important;
        }

        .disabled_style {
            //background-color: #ECEFF1;
            font-size: small !important;
            color: black;
            width: 100% !important;
            height: 3.5rem !important;

            //border: none !important;
            border-radius: 5px;
            background: white;
            border: solid gainsboro 1px;

        }

        .training_caract {
            width: 100%;

            float: left;
        }

        .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
   font-family:'DM Sans','Sans-serif';
            font: inherit;
            letter-spacing: inherit;
            color: currentColor;
            border: 0;
            box-sizing: content-box;
            background: none;
            background-color: rgba(0, 0, 0, 0);
            margin: 0;
            -webkit-tap-highlight-color: transparent;
            display: block;
            min-width: 0;
            width: 100%;
            -webkit-animation-name: mui-auto-fill-cancel;
            animation-name: mui-auto-fill-cancel;
            -webkit-animation-duration: 10ms;
            animation-duration: 10ms;
            height: 3rem !important;
            padding: 0 !important;
            padding-left: 5px !important;
        }

        .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
            padding: 1px !important;
        }

        .block_en_mass {
            width: 100%;
            float: left;
            margin-bottom: 1rem;
        }

        .block_en_mass_select {
            width: 100%;
            float: left;
            margin-bottom: 1rem;
        }

        .block_en_mass_bton_action {
            width: 100%;
            float: left;
            margin-bottom: 1rem;
            padding-top: 0.5rem !important;
        }
    }

    @media only screen and (min-width: 601px) and (max-width: 991px) {
        .okUpdateData {
            font-size: small;
            color: green;
            font-style: italic;
        }

        .koUpdateData {
            font-size: small;
            color: red;
            font-style: italic;
        }

        .selectsession {
            width: 90%;
            height: 3rem;
            font-size: small;
            border-radius: 0px !important;
        }

        .titre1_aide_finance {
            margin-top: 1rem;
            font-family: "DM Sans", "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;
        }

        .pieddepage {
            z-index: 50;
            width: 100%;
            float: left;
            margin-top: 12rem;
        }

        .div_mobile {
            position: absolute;
            top: 8rem;
            z-index: 1;
            width: 100%;
        }

        .zone_data {
            width: 95%;
            margin-left: auto;
            margin-right: auto;
        }

        .detail_class_submenu {
            background: #d8edfc;
            border-radius: 15px;
            margin-right: 1rem;
            padding: 0.3rem;
            margin-bottom: 0.5rem;
            width: 11rem;
            text-align: center;
            border: 1px solid #9cf;
            color: #3b3e40;
            font-family: "DM Sans", "sans-serif";
            font-size: small;
            letter-spacing: 0.1rem;
            font-weight: normal;
        }

        .detail_class_submenu:hover:active,
        .detail_class_submenu:hover {
            background-color: #107758;
            color: white;
        }

        .detail_class_submenu:focus {
            //border: 3px dotted green;
            background-color: #107758;
            color: white;
        }

        .detail_class_submenu_data {
            width: 100%;
            min-height: 10rem;
            background-color: #d8edfc;
            padding-left: 5px;
            text-align: left;
            padding: 0;
            border: 0px;
            color: #3b3e40;
            padding-left: 5px;
            font-family: "DM Sans", "sans-serif";
            font-size: small;
            border-radius: 10px;
            border: 1px solid;
        }

        .disabled_style {
            //background-color: #ECEFF1;
            font-size: small !important;
            color: black;
            width: 90% !important;
            height: 3.5rem !important;
            margin: 5px !important;
            //border: none !important;
            border-radius: 5px;
            background: white;
            border: solid gainsboro 1px;
        }

        .training_caract {
            width: 48%;
            padding: 5px;
            float: left;
        }

        .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
   font-family:'DM Sans','Sans-serif';
            font: inherit;
            letter-spacing: inherit;
            color: currentColor;
            border: 0;
            box-sizing: content-box;
            background: none;
            background-color: rgba(0, 0, 0, 0);
            margin: 0;
            -webkit-tap-highlight-color: transparent;
            display: block;
            min-width: 0;
            width: 100%;
            -webkit-animation-name: mui-auto-fill-cancel;
            animation-name: mui-auto-fill-cancel;
            -webkit-animation-duration: 10ms;
            animation-duration: 10ms;
            height: 3rem !important;
            padding: 0 !important;
            padding-left: 5px !important;
        }

        .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
            padding: 1px !important;
        }

        .selectsession {
            width: 90%;
            height: 3rem;
            font-size: small;
            border-radius: 0px !important;
        }

        .session_data {
            float: left;
            width: 100%;
            box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
            border-radius: 10px;
            margin-top: 10px;
            margin-bottom: 10px;


        }

        .session_caract {
  font-family: DM Sans;
            width: 50%;
            padding: 5px;
            float: left;
            text-align: left;
            font-size: small;
        }

        .session_style {
            //background-color: #ECEFF1;
            font-size: small !important;
            color: black;
            width: 100% !important;
            height: 2rem !important;
            margin: 5px !important;
        }

        .css-1x5jdm {
            padding: 5px;
        }

        .bton_envoyer {
            border-radius: 5px;
            font-size: small;
            padding: 0.3rem;
            width: 80%;
            background: #81BC3A;
        }


        .bton_fermer {
            border-radius: 5px;
            font-size: small;
            padding: 0.3rem;
            width: 80%;
            background-color: white;
            color: #107758 !important;
        }

        .css-1x5jdmq {
            padding: 6px !important;
        }

        .css-qiwgdb {
            padding: 6px !important;
        }

        .preview_certif {
            display: block;
            width: 90%;
            height: 200px;
            border-radius: 1rem !important;
            margin-top: 1rem !important;
        }

        .preview_certif:hover {
            transform: scale(1.3);
            margin-left: 5rem;
        }

        .hr_break {
            border: 3px solid grey;
        }

        .icon_plus {
            width: 6%;
        }

        .bton_add_session {
            background: #c8cfd5;
            color: black;
            width: 50%;
        }

        .bton_import_excel {
            background: #c8cfd5;
            color: black;
            width: 65% !important;
        }

        .div_row_gauche_etendu {
            width: 80% !important;
        }

        .icon_excel {
            width: 6%;
        }


        .bton_suppr {
            background: transparent;
            color: red;
            border-radius: 5rem;
            font-size: small;
            text-align: center;
            height: 2.5rem;
            width: 80%;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_enreg {
  font-family: DM sans;
            border-radius: 5rem;
            font-size: small;
            background: #81BC3A !important;
            text-align: center;
            height: 2.5rem;
            width: 80%;
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_edit {
            border-radius: 5rem;
            font-size: small;
            background: black !important;
            text-align: right;
            height: 2.5rem;
            width: 80%;
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_annule {
            border-radius: 5rem;
            font-size: small;
            background: lightgray !important;
            text-align: right;
            height: 2.5rem;
            width: 80%;
            color: black;
            margin-left: 10px;
            margin-right: 10px;
        }

        .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: "DM Sans", "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 #d5d8dc;
            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%);
        }

        .tick_ok_ko {
            max-width: 3%;
            cursor: pointer;
            padding-top: 4px;
        }

        .texte_area {
            float: left;
            width: 47% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 1.5rem !important;
        }

        .texte_area_filter {
            float: left;
            width: 40% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;
        }

        .texte_area_filter_value {
            float: left !important;
            width: 40% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;

        }


        .filter_bton_add {
            float: left;
            width: 5% !important;
            font-size: large !important;
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;
            text-align: right;
            cursor: pointer;
            margin-top: 1rem !important;
        }

        .div_row {
            float: left;
            //border: 1px solid #d5d8dc;
            border-width: 0.01rem;
            width: 100%;
            //margin-bottom: 1rem;
            border-radius: 1rem;
        }

        .div_row_gauche {
            float: left;
            // border:1px solid black;
            // border-width:0.01rem;
            width: 45%;
            border-radius: 1rem;
            text-align: left;
        }

        .div_row_droite {
            float: right;
            //border:1px solid black;
            //border-width:0.01rem;
            width: 45%;
            border-radius: 1rem;
            text-align: right;
        }

        .bton_suppr {
            background: transparent;
            color: red;
            border-radius: 5rem;
            font-size: small;
            text-align: center;
            height: 2.5rem;
            width: 40%;
            margin-left: 10px;
            margin-right: 10px;
            min-width: 15rem;
        }

        .bton_enreg {
  font-family: DM sans;
            border-radius: 5rem;
            font-size: small;
            background: #81BC3A !important;
            text-align: center;
            height: 2.5rem;
            width: 40%;
            color: white;
            margin-left: 10px;
            margin-right: 10px;
            min-width: 15rem;
        }

        .bton_edit {
            border-radius: 5rem;
            font-size: small;
            background: black !important;
            text-align: right;
            height: 2.5rem;
            width: 40%;
            color: white;
            margin-left: 10px;
            margin-right: 10px;
            min-width: 15rem;
        }

        .bton_annule {
            border-radius: 5rem;
            font-size: small;
            background: lightgray !important;
            text-align: right;
            height: 2.5rem;
            width: 40%;
            color: black;
            margin-left: 10px;
            margin-right: 10px;
            min-width: 15rem;
        }


        .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
            border-color: transparent !important;
            border-radius: 20px !important;
        }

        .disabled_style {
            //background-color: #ECEFF1;
            font-size: small !important;
            color: black;
            width: 90% !important;
            height: 3.5rem !important;
            margin: 5px !important;
            //border: none !important;
            border-radius: 5px;
            background: white;
            border: solid gainsboro 1px;
            padding-top: 0.5rem !important;
            border: none !important;
        }

        .training_caract {
            width: 30%;
            padding: 5px;
            float: left;
        }

        .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
   font-family:'DM Sans','Sans-serif';
            font: inherit;
            letter-spacing: inherit;
            color: currentColor;
            border: 0;
            box-sizing: content-box;
            background: none;
            background-color: rgba(0, 0, 0, 0);
            margin: 0;
            -webkit-tap-highlight-color: transparent;
            display: block;
            min-width: 0;
            width: 100%;
            -webkit-animation-name: mui-auto-fill-cancel;
            animation-name: mui-auto-fill-cancel;
            -webkit-animation-duration: 10ms;
            animation-duration: 10ms;
            height: 3rem !important;
            padding: 0 !important;
            padding-left: 5px !important;
        }

        .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
            padding: 1px !important;
        }

        .block_en_mass {
            width: 50%;
            float: left;
            margin-bottom: 1rem;
        }

        .block_en_mass_select {
            width: 45%;
            float: left;
            margin-bottom: 1rem;
        }

        .block_en_mass_bton_action {
            width: 45%;
            float: left;
            margin-bottom: 1rem;
            padding-top: 0.5rem !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;
        }

        .div_row {
            float: left;
            //border: 1px solid #d5d8dc;
            border-width: 0.01rem;
            width: 100%;
            margin-bottom: 1rem;
            border-radius: 1rem;
        }

        .div_row_gauche {
            float: left;
            // border:1px solid black;
            // border-width:0.01rem;
            width: 45%;
            border-radius: 1rem;
        }

        .div_row_droite {
            float: right;
            //border:1px solid black;
            //border-width:0.01rem;
            width: 45%;
            border-radius: 1rem;
            text-align: right;
        }

        .selectsession {
            width: 90%;
            height: 3rem;
            font-size: small;
            border-radius: 0px !important;
        }

        .titre1_aide_finance {
            margin-top: 1rem;
            font-family: "DM Sans", "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;
        }

        .pieddepage {
            z-index: 50;
            width: 100%;
            float: left;
            margin-top: 12rem;
        }

        .div_mobile {
            position: absolute;
            top: 8rem;
            z-index: 1;
            width: 100%;
        }

        .zone_data {
            width: 95%;
            margin-left: auto;
            margin-right: auto;
        }

        .detail_class_submenu {
            background: #d8edfc;
            border-radius: 15px;
            margin-right: 1rem;
            padding: 0.3rem;
            margin-bottom: 0.5rem;
            width: 11rem;
            text-align: center;
            border: 1px solid #9cf;
            color: #3b3e40;
            font-family: "DM Sans", "sans-serif";
            font-size: small;
            letter-spacing: 0.1rem;
            font-weight: normal;
        }

        .detail_class_submenu:hover:active,
        .detail_class_submenu:hover {
            background-color: #107758;
            color: white;
        }

        .detail_class_submenu:focus {
            //border: 3px dotted green;
            background-color: #107758;
            color: white;
        }

        .detail_class_submenu_data {
            width: 100%;
            min-height: 10rem;
            background-color: #d8edfc;
            padding-left: 5px;
            text-align: left;
            padding: 0;
            border: 0px;
            color: #3b3e40;
            padding-left: 5px;
            font-family: "DM Sans", "sans-serif";
            font-size: small;
            border-radius: 10px;
            border: 1px solid;
        }

        .disabled_style {
            //background-color: #ECEFF1;
            font-size: small !important;
            color: black;
            width: 90% !important;
            height: 3.5rem !important;
            margin: 5px !important;
            //border: none !important;
            border-radius: 5px;
            background: white;
            border: solid gainsboro 1px;
        }

        .training_caract {
            width: 30%;
            padding: 5px;
            float: left;
        }

        .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
   font-family:'DM Sans','Sans-serif';
            font: inherit;
            letter-spacing: inherit;
            color: currentColor;
            border: 0;
            box-sizing: content-box;
            background: none;
            background-color: rgba(0, 0, 0, 0);
            margin: 0;
            -webkit-tap-highlight-color: transparent;
            display: block;
            min-width: 0;
            width: 100%;
            -webkit-animation-name: mui-auto-fill-cancel;
            animation-name: mui-auto-fill-cancel;
            -webkit-animation-duration: 10ms;
            animation-duration: 10ms;
            height: 3rem !important;
            padding: 0 !important;
            padding-left: 5x !important;
        }

        .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
            padding: 1px !important;
        }

        .selectsession {
            width: 90%;
            height: 3rem;
            font-size: small;
            border-radius: 0px !important;
        }

        .session_data {
            float: left;
            width: 100%;
            box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
            border-radius: 10px;
            margin-top: 10px;
            margin-bottom: 10px;


        }

        .session_caract {
  font-family: DM Sans;
            width: 33%;
            padding: 5px;
            float: left;
            text-align: left;
            font-size: small;
        }

        .session_style {
            //background-color: #ECEFF1;
            font-size: small !important;
            color: black;
            width: 100% !important;
            height: 2rem !important;
            margin: 5px !important;
        }

        .css-1x5jdm {
            padding: 5px;
        }

        .bton_envoyer {
            border-radius: 5px;
            font-size: small;
            padding: 0.3rem;
            width: 60%;
            background: #81BC3A;

        }


        .bton_fermer {
            border-radius: 5px;
            font-size: small;
            padding: 0.3rem;
            width: 60%;
            background-color: white;
            color: #107758 !important;
        }

        .css-1x5jdmq {
            padding: 6px !important;
            padding-bottom: 0px !important;
        }

        .css-qiwgdb {
            padding: 6px !important;
        }

        .preview_certif {
            display: block;
            width: 90%;
            height: 180px;
            border-radius: 1rem !important;
            margin-top: 1rem !important;
        }

        .preview_certif:hover {
            transform: scale(1.3);
            margin-left: 5rem;
        }

        .hr_break {
            border: 3px solid grey;
        }

        .icon_plus {
            width: 8%;
        }

        .bton_add_session {
            background: #c8cfd5;
            color: black;
            width: 40%;
        }

        .bton_import_excel {
            background: #c8cfd5;
            color: black;
            width: 50% !important;
        }

        .div_row_gauche_etendu {
            width: 80%;
        }

        .icon_excel {
            width: 6%;
        }


        .bton_suppr {
            background: transparent;
            color: red;
            border-radius: 5rem;
            font-size: small;
            text-align: center;
            height: 2.5rem;
            width: 65%;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_enreg {
  font-family: DM sans;
            border-radius: 5rem;
            font-size: small;
            background: #81BC3A !important;
            text-align: center;
            height: 2.5rem;
            width: 65%;
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_edit {
            border-radius: 5rem;
            font-size: small;
            background: black !important;
            text-align: right;
            height: 2.5rem;
            width: 65%;
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_annule {
            border-radius: 5rem;
            font-size: small;
            background: lightgray !important;
            text-align: right;
            height: 2.5rem;
            width: 65%;
            color: black;
            margin-left: 10px;
            margin-right: 10px;
        }


        .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: "DM Sans", "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 #d5d8dc;
            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%);
        }

        .tick_ok_ko {
            max-width: 3%;
            cursor: pointer;
            padding-top: 4px;
        }

        .texte_area {
            float: left;
            width: 47% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 1.5rem !important;
        }

        .texte_area_filter {
            float: left;
            width: 40% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;
        }

        .texte_area_filter_value {
            float: left !important;
            width: 40% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;

        }


        .filter_bton_add {
            float: left;
            width: 5% !important;
            font-size: xx-large !important;
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;
            text-align: right;
            cursor: pointer;
        }


        .titre1 {
            font-family: "DM Sans", "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;
        }

    }

    @media only screen and (min-width: 1200px) {
        .okUpdateData {
            font-size: small;
            color: green;
            font-style: italic;
        }

        .koUpdateData {
            font-size: small;
            color: red;
            font-style: italic;
        }

        .div_row {
            float: left;
            //border: 1px solid #d5d8dc;
            border-width: 0.01rem;
            width: 100%;
            //margin-bottom: 1rem;
            border-radius: 1rem;
        }

        .div_row_gauche {
            float: left;
            // border:1px solid black;
            // border-width:0.01rem;
            width: 45%;
            border-radius: 1rem;
        }

        .div_row_droite {
            float: right;
            //border:1px solid black;
            //border-width:0.01rem;
            width: 45%;
            border-radius: 1rem;
            text-align: right;
        }

        .selectsession {
            width: 90%;
            height: 3rem;
            font-size: small;
            border-radius: 0px !important;
        }

        .titre1_aide_finance {
            margin-top: 1rem;
            font-family: "DM Sans", "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;
        }

        .pieddepage {
            z-index: 50;
            width: 100%;
            float: left;
            margin-top: 12rem;
        }

        .div_mobile {
            position: absolute;
            top: 8rem;
            z-index: 1;
            width: 100%;
        }

        .zone_data {
            width: 95%;
            margin-left: auto;
            margin-right: auto;
        }

        .detail_class_submenu {
            background: #d8edfc;
            border-radius: 15px;
            margin-right: 1rem;
            padding: 0.3rem;
            margin-bottom: 0.5rem;
            min-width: 12rem;
            text-align: center;
            border: 1px solid #9cf;
            color: #3b3e40;
            font-family: "DM Sans", "sans-serif";
            font-size: small;
            letter-spacing: 0.1rem;
            font-weight: normal;
        }

        .detail_class_submenu:hover:active,
        .detail_class_submenu:hover {
            background-color: #107758;
            color: white;
        }

        .detail_class_submenu:focus {
            //border: 3px dotted green;
            background-color: #107758;
            color: white;
        }

        .detail_class_submenu_data {
            width: 100%;
            min-height: 10rem;
            background-color: #d8edfc;
            padding-left: 5px;
            text-align: left;
            padding: 0;
            border: 0px;
            color: #3b3e40;
            padding-left: 5px;
            font-family: "DM Sans", "sans-serif";
            font-size: small;
            border-radius: 10px;
            border: 1px solid;
        }

        .disabled_style {
            //background-color: #ECEFF1;
            font-size: small !important;
            color: black;
            width: 90% !important;
            height: 3.5rem !important;
            margin: 5px !important;
            //border: none !important;
            border-radius: 5px;
            background: white;
            border: solid gainsboro 1px;
        }

        .training_caract {
            width: 30%;
            padding: 5px;
            float: left;
        }

        .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
   font-family:'DM Sans','Sans-serif';
            font: inherit;
            letter-spacing: inherit;
            color: currentColor;
            border: 0;
            box-sizing: content-box;
            background: none;
            background-color: rgba(0, 0, 0, 0);
            margin: 0;
            -webkit-tap-highlight-color: transparent;
            display: block;
            min-width: 0;
            width: 100%;
            -webkit-animation-name: mui-auto-fill-cancel;
            animation-name: mui-auto-fill-cancel;
            -webkit-animation-duration: 10ms;
            animation-duration: 10ms;
            height: 3rem !important;
            padding: 0 !important;
            padding-left: 5px !important;
        }



        .selectsession {
            width: 90%;
            height: 3rem;
            font-size: small;
            border-radius: 0px !important;
        }

        .session_data {
            float: left;
            width: 100%;
            box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
            border-radius: 10px;
            margin-top: 10px;
            margin-bottom: 10px;


        }

        .session_caract {
  font-family: DM Sans;
            width: 33%;
            padding: 5px;
            float: left;
            text-align: left;
            font-size: small;
        }

        .session_style {
            //background-color: #ECEFF1;
            font-size: small !important;
            color: black;
            width: 100% !important;
            height: 2rem !important;
            margin: 5px !important;
        }

        .preview_certif {
            display: block;
            width: 90%;
            height: 200px;
            border-radius: 1rem !important;
            margin-top: 1rem !important;
        }

        .preview_certif:hover {
            transform: scale(1.4);
            margin-left: 10rem;
        }


        .action_mass {
            border-radius: 5px;
            font-size: small;
            padding: 0.3rem;
            width: 40%;
            background: #81BC3A;
            height: 2.5rem;
        }



        .block_en_mass {
            width: 50%;
            float: left;
            margin-bottom: 1rem;
        }

        .session_open_close {
            cursor: pointer;
            text-align: right;
            font-size: small;
            margin-right: 10px;
        }

        .hr_break {
            border: 5px solid grey;
        }

        .icon_plus {
            width: 8%;
        }

        .bton_add_session {
            background: #c8cfd5;
            color: black;
            width: 20% !important;
        }

        .bton_import_excel {
            background: #c8cfd5;
            color: black;
            width: 40% !important;
        }

        .div_row_gauche_etendu {
            width: 80%;
        }

        .icon_excel {
            width: 4%;
        }

        .bton_envoyer {
            border-radius: 5px;
            font-size: small;
            padding: 0.3rem;
            width: 60%;
            background: #81BC3A;
        }


        .bton_traiter_en_mass {
            border-radius: 5px;
            font-size: small;
            padding: 0.3rem;
            width: 40%;
            background: #81BC3A;
            margin-left: 5%;
            height: 2.5rem;
            color: white;

        }

        .bton_fermer {
            border-radius: 5px;
            font-size: small;
            padding: 0.3rem;
            width: 60%;
            background-color: white;
            color: #107758 !important;
        }


        .enable_style {
            background-color: #FFFFFF;
        }



        .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid {
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            padding-left: 5px !important;
        }

        .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
            border-color: transparent !important;
            border-radius: 20px !important;
        }

        .bton_emarge {
            border-radius: 5rem;
            font-size: small;
            padding: 0.5rem;
            background: rgb(129, 188, 58);
            margin-left: 5px;
            margin-right: 5px;
        }

        .css-1x5jdm {
            padding: 5px;
        }


        .css-1x5jdmq {
            padding: 6px !important;
            height: 3rem ! important;
            padding-bottom: 0px !important;
        }

        .css-qiwgdb {
            padding: 6px !important;
        }


        .bton_suppr {
            background: transparent;
            color: red;
            border-radius: 5rem;
            font-size: small;
            text-align: center;
            height: 2.5rem;
            width: 40%;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_enreg {
  font-family: DM sans;
            border-radius: 5rem;
            font-size: small;
            background: #81BC3A !important;
            text-align: center;
            height: 2.5rem;
            width: 40%;
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_edit {
            border-radius: 5rem;
            font-size: small;
            background: black !important;
            text-align: right;
            height: 2.5rem;
            width: 40%;
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        .bton_annule {
            border-radius: 5rem;
            font-size: small;
            background: lightgray !important;
            text-align: right;
            height: 2.5rem;
            width: 40%;
            color: black;
            margin-left: 10px;
            margin-right: 10px;
        }



        .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: "DM Sans", "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: 170px;
            height: 168px;
            border-radius: 10px !important;
            border: 1px solid #d5d8dc;
            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%);
        }

        .tick_ok_ko {
            max-width: 3%;
            cursor: pointer;
            padding-top: 4px;
        }

        .texte_area {
            float: left;
            width: 47% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 1.5rem !important;
        }

        .texte_area_filter {
            float: left;
            width: 40% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;
        }

        .texte_area_filter_value {
            float: left !important;
            width: 40% !important;
            font-size: x-small !important;
            font-family: "DM Sans", "sans-serif";
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;

        }


        .filter_bton_add {
            float: left;
            width: 5% !important;
            font-size: xx-large !important;
            margin: 0.4rem !important;
            margin-top: 0px !important;
            margin-bottom: 2px !important;
            text-align: right;
            cursor: pointer;
        }


        .titre1 {
            font-family: "DM Sans", "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;
        }

        .file_ariane {
            font-size: large;
            font-weight: 600;
            width: 100%;
            text-align: center;
        }

    }

    // end media

    .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 #d5d8dc;
        opacity: 100%;
      }
    
      
    .css-1v4ccyo {
        height: 3.5rem !important;
    }


    option {
        font-weight: normal;
        display: block;
        white-space-collapse: collapse;
        text-wrap: nowrap;
        padding: 0px !important;
    }

    .mysy_hr_text {
        border: none;
        border-top: 3px double #333;
        color: #333;
        overflow: visible;
        text-align: center;
        height: 5px;
    }

    .mysy_hr_text:after {
        background: #fff;
        content: 'Détails';
        padding: 0 4px;
        position: relative;
        top: -13px;
    }

    .MuiMenu-paper {
        max-width: 30% !important;
    }


}

.MuiMenu-paper {
    max-width: 30% !important;
}

.tox-statusbar {
    display: none !important;
}




.css-1x5jdmq {
    height: 3rem !important;
    font-size: small;
}

.select_option_css {
    border-radius: 0px !important;
}

.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
font-family: DM Sans !important;
    height: 3.5rem !important;
}



.react-datepicker__input-container {
    width: 110%;
}

.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input {
    padding-left: 5px !important;
}