.w3-modal {
       z-index: 3;
       display: none;
       padding-top: 140px;
       position: fixed;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
       overflow: auto;
       background-color: rgb(255, 255, 255);
       background-color: rgba(255, 255, 2550, 0.7);

   }


   .w3-modal-content {
       margin: auto;
       background-color: #fff;
       position: relative;
       padding: 32px 32px 32px 32px;
       outline: 0;
       /* width: 50%; */
       max-width: 600px;
       box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 8px, rgba(0, 0, 0, 0.14) 0px 32px 64px;

       background: var(--lvation-Surface-lvation-4, #FFF);
       box-shadow: 0 6px 24px 0 var(--lvation-Ombrage-Couleur, rgba(34, 54, 84, 0.24));
       display: flex;
       width: 600px;
       min-width: 600px;
       max-width: 600px;
       flex-direction: column;
       align-items: flex-end;

   }


   @media (max-width:600px) {
       .w3-modal-content {
           margin: 0 10px;
           width: auto !important
       }

       .w3-modal {
           padding-top: 30px
       }

       .w3-dropdown-hover.w3-mobile .w3-dropdown-content,
       .w3-dropdown-click.w3-mobile .w3-dropdown-content {
           position: relative
       }

       .w3-hide-small {
           display: none !important
       }

       .w3-mobile {
           display: block;
           width: 100% !important
       }

       .w3-bar-item.w3-mobile,
       .w3-dropdown-hover.w3-mobile,
       .w3-dropdown-click.w3-mobile {
           text-align: center
       }

       .w3-dropdown-hover.w3-mobile,
       .w3-dropdown-hover.w3-mobile .w3-btn,
       .w3-dropdown-hover.w3-mobile .w3-button,
       .w3-dropdown-click.w3-mobile,
       .w3-dropdown-click.w3-mobile .w3-btn,
       .w3-dropdown-click.w3-mobile .w3-button {
           width: 100%
       }
   }

   @media (max-width:768px) {
       .w3-modal-content {
           width: 500px
       }

       .w3-modal {
           padding-top: 50px
       }
   }

   @media (min-width:993px) {
       .w3-modal-content {
           width: 600px
       }

       .w3-hide-large {
           display: none !important
       }

       .w3-sidebar.w3-collapse {
           display: block !important
       }
   }

   .w3-container:after,
   .w3-container:before,
   .w3-panel:after,
   .w3-panel:before,
   .w3-row:after,
   .w3-row:before,
   .w3-row-padding:after,
   .w3-row-padding:before,
   .w3-cell-row:before,
   .w3-cell-row:after,
   .w3-clear:after,
   .w3-clear:before,
   .w3-bar:before,
   .w3-bar:after {
       content: "";
       display: table;
       clear: both
   }


   .w3-container,
   .w3-panel {
       padding: 0.01em 16px
   }

   .w3-panel {
       margin-top: 16px;
       margin-bottom: 16px
   }

   .w3-teal,
   .w3-hover-teal:hover {
       color: #fff !important;
       align-self: stretch;
       color: var(--Texte-Dfaut, #223654);
       font-family: var(--font-family-Titres-et-sous-titres, Roboto);
       font-size: 21px;
       font-style: normal;
       font-weight: var(--font-weight-Titres-et-sous-titres, 700);
       line-height: 24px;
   }

   #divModalContent {
       min-height: 100px;
   }

   .w3-btn,
   .w3-button {
       border: none;
       display: inline-block;
       padding: 16px 16px 0 0;
       vertical-align: middle;
       overflow: hidden;
       text-decoration: none;
       color: inherit;
       background-color: inherit;
       text-align: center;
       cursor: pointer;
       white-space: nowrap
   }

   .w3-btn:hover {
       box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
   }

   .w3-btn,
   .w3-button {
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none
   }

   .w3-button:hover {
       color: #000 !important;
       background-color: #ccc !important;
   }

   .w3-display-topright {
       position: absolute;
       right: 0;
       top: 0
   }

   .popHead {
       color: var(--Texte-Dfaut, #223654);
       font-family: var(--font-family-Titres-et-sous-titres, Roboto);
       font-size: 21px !important;
       font-style: normal;
       font-weight: var(--font-weight-Titres-et-sous-titres, 700);
       line-height: 24px;
       /* color: #223654; */
       margin-bottom: 24px;
   }

   .button-row {
       padding-top: 10px !important;
       margin-left: -30px;

   }

   .w3-modal-content p {
       font-size: 16px;
       color: #223654;
       font-family: 'Open Sans' !important;
   }

   span.w3-button.w3-display-topright {
       font-size: 30px;
       color: #6b778a;
   }

   .myapp-mod-2conf-txt {
       color: var(--Couleurs-Texte, #223654);

       /* Titres/Titre N6 */
       font-family: Roboto;
       font-size: 16px;
       font-style: normal;
       font-weight: 700;
       line-height: 16px;
       /* 100% */
   }


   .btn-no {
       border-radius: 4px;
       background-color: white;
       color: var(--qc-color-blue-regular);
       border-color: var(--qc-color-blue-regular);
       display: flex;
       min-width: 112px;
       max-width: 360px;
       min-height: 59px;
       max-height: 80px;
       flex-direction: column;
       align-items: flex-start;
       gap: 8px;
       color: var(--Bouton-Secondaire-Libell, #095797);
       text-align: center;
       font-feature-settings: 'liga' off, 'clig' off;
       font-family: var(--font-family-Texte-courant, "Open Sans");
       font-size: var(--font-size-Texte-courant-Normal, 16px);
       font-style: normal;
       font-weight: 700;
       line-height: var(--line-height-Texte-courant-Normal, 24px);
       display: flex;
       padding: 16px 24px;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       gap: 8px;
       align-self: stretch;

       height: 58px !important;
   }

   .btn-no:hover {
       background-color: #d7e4ed !important;

   }

   /* div#VSQ_Modal {
    display: inline-flex;
    padding: 36px 54px 46px 57px;
    justify-content: center;
    align-items: center;
} */

   .btn-modal-secondary {
       display: flex;
       padding: 16px 24px;
       justify-content: center;
       align-items: center;

       align-self: stretch;
       border: 2px solid var(--Bouton-Secondaire-Libell, #095797);

       min-width: 112px;
       max-width: 360px;
       min-height: 56px !important;
       max-height: 80px;
       flex-direction: column;
       color: var(--Bouton-Secondaire-Libell, #095797);
       text-align: center;
       font-feature-settings: 'liga' off, 'clig' off;
       font-family: var(--font-family-Texte-courant, "Open Sans") --font-family-Texte-courant is not defined;
       font-size: var(--font-size-Texte-courant-Normal, 16px);
       font-style: normal;
       font-weight: 700;
       line-height: var(--line-height-Texte-courant-Normal, 24px);
       background-color: white;
       /* align-items: flex-start; */
       height: 56px;
       /* width: 112px; */
       gap: 8px;
       border-radius: 0px !important;
   }

   .btn-modal-secondary:hover {
       background-color: #d7e4ed !important;
   }

   .btn-modal-primary {
       border: 2px solid var(--Bouton-Principal-Dfaut, #095797);
       background: var(--Bouton-Principal-Dfaut, #095797);
       display: flex;
       padding: 16px 24px;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       gap: 8px;
       align-self: stretch;
       min-width: 112px;
       max-width: 288px;
       color: white;
       text-align: center;
       font-feature-settings: 'liga' off, 'clig' off;
       font-family: var(--font-family-Texte-courant, "Open Sans");
       font-size: var(--font-size-Texte-courant-Normal, 16px);
       font-style: normal;
       font-weight: 700;
       line-height: var(--line-height-Texte-courant-Normal, 24px);
       border: 2px solid var(--Bouton-Principal-Dfaut, #095797);
       background: var(--Bouton-Principal-Dfaut, #095797);
       border-radius: 0px !important;
       height: 56px;
   }

   .btn-modal-primary:hover {
       border-color: #156bb2 !important;
       background-color: #156CB2 !important;
   }

   /* Starting of External link Popup*/
   /* Base modal */
   .w3-modal-ext-popup {
       display: none;
       position: fixed;
       padding: 32px 32px 0px 32px;
       z-index: 9999;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
       overflow: auto;
       background-color: rgba(0, 0, 0, 0.4);
   }

   .w3-modal-content-ext-popup {
       margin: auto;
       background: #fff;
       padding: 0;
       border: 1px solid #888;
       min-width: 600px;
       max-width: 600px;
       height: 304px;
       box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.2);
   }

   .modal-top-bar-ext-popup {
       display: flex;
       height: 32px;
       padding: 16px 16px 0 16px;
       justify-content: flex-end;
       align-items: flex-start;
       align-self: stretch;
   }

   .modal-main-ext-popup {
       display: flex;
       padding: 0 15px 0 15px;
       flex-direction: column;
       align-items: flex-start;
       align-self: stretch;
       height: 304px;
   }

   .w3-teal-ext-popup {
       background-color: white !important;
       color: #095797 !important;
       padding: 12px 20px;
       border-bottom: none;

   }

   /* Heading */
   .popHead-ext-popup {
       font-family: Roboto;
       font-size: 21px !important;
       font-weight: 700;
       line-height: 24px;
       margin: 0;
       color: #223654;
   }



   .popHead-ext-popup::after {
       content: "";
       display: block;
       margin-top: 4px;
       width: 48px;
       padding-top: 0.1rem;
       border-bottom: 4px solid var(--qc-color-accent);
       color: var(--qc-color-blue-medium);
   }

   /* Paragraph */
   #externalLinkModal .w3-container p {
       color: #223654;
       font-family: "Open Sans";
       font-size: 16px;
       line-height: 24px;
       margin: 0 0 16px 0;
   }

   /* External link icon */
   .external-link-icon {
       width: 20px;
       height: 20px;
       position: relative;
       top: 5px;
       margin-left: 6px;
       vertical-align: middle;
   }

   /* Checkbox */

   .external-link-checkbox {
       color: var(--Couleurs-Texte, #223654);
       font-family: "Open Sans";
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 24px;
       display: flex;
       max-width: var(--max-content-width, 825px);
       align-items: flex-start;
       gap: 8px;
       align-self: stretch;
   }

   .external-link-checkbox input[type="checkbox"] {
       width: 24px;
       height: 24px;
       margin: 0;
       margin-right: 12px;
       flex-shrink: 0;
       /* margin-top: 2px; */
       /* -webkit-appearance: none; */
       border: 2px solid #223654;
       cursor: pointer;
   }

   /* .external-link-checkbox input[type="checkbox"]:checked {
        background-color: #1472BF;
        position: relative;
      }
    .external-link-checkbox input[type="checkbox"]:checked::after {
        content: "✓";
        color: white;
        font-size: 23px;
        position: absolute;
        top: -6px;
        
    } */

   /* Button row */
   .button-row-ext-popup {
       padding-bottom: 10px;
       padding-top: 24px;
   }

   .btn-sec-ext-popup {
       display: flex;
       justify-content: flex-end;
       align-items: center;
       gap: 32px;
       align-self: stretch;
   }

   /* Buttons */
   .btn-modal-secondary-ext-popup {
       display: flex;
       min-width: 112px;
       max-width: 360px;
       min-height: 56px;
       max-height: 80px;
       flex-direction: column;
       align-items: flex-start;
       gap: 8px;
       color: #095797;
       text-align: center;
       font-family: 'Open Sans';
       font-size: 16px;
       font-style: normal;
       font-weight: 700;
       line-height: 24px;
       padding: 16px;
       border: 2px solid #095797;
       background-color: white;
   }

   .btn-modal-primary-ext-popup {
       display: flex;
       min-width: 112px;
       max-width: 360px;
       min-height: 56px;
       max-height: 80px;
       flex-direction: column;
       align-items: flex-start;
       gap: 8px;
       padding: 16px;
       border: 2px solid #095797;
       background: #095797;
       color: #FFF;
       text-align: center;
       font-family: "Open Sans";
       font-size: 16px;
       font-style: normal;
       font-weight: 700;
       line-height: 24px;
   }

   /* Ending of External link Popup*/

   .my-app-1st-popup {
       color: var(--Texte-Dfaut, #223654);
       font-feature-settings: 'liga' off, 'clig' off;

       /* Paragraphes (Open Sans)/Normal (16px)/Regular */
       font-family: var(--font-family-Texte-courant, "Open Sans");
       font-size: var(--font-size-Texte-courant-Normal, 16px);
       font-style: normal;
       font-weight: 700;
       line-height: var(--line-height-Texte-courant-Normal, 24px);
       align-self: stretch;
   }

   p.insu-pophead {
       color: #000;
       font-family: Roboto !important;
       font-size: 19px;
       font-style: normal;
       font-weight: 700;
       line-height: 24px;
       width: 256px;
       height: 33px;
       flex-shrink: 0;

   }

   .insu-sub-h {
       color: #000;
       font-family: Roboto;
       font-size: 16px;
       font-style: normal;
       font-weight: 700;
       line-height: 22px;
       width: 256px;
       height: 33px;
       flex-shrink: 0;

   }

   .insu-bot-img-h {
       width: 256px;
       height: 33px;
       flex-shrink: 0;
       color: #000;

       /* Titres/Titre N6 */
       font-family: Roboto;
       font-size: 16px;
       font-style: normal;
       font-weight: 700;
       line-height: 22px;
       /* 137.5% */
   }

   .ins-mid-line {
       content: '';
       background: var(--Couleurs-Gris-Gris-clair, #C5CAD2);
       width: 266px !important;
       height: 1px !important;
       margin-top: 20px;
       margin-bottom: 18px;
       margin: 20px auto 18px; /* centers horizontally */

   }