


/* [no container] */


    .bg-mercialys-readonly {
            background-color: #CFCFCF;
         }

    .cookie-modal-content {
            background: #ffffff;
max-width: calc(100vw - 48px) !important;
min-width: 0;
box-shadow: 0 20px 50px rgba(27, 61, 73, 0.22);
border-top: 6px solid #f26966;
text-align: center;
box-sizing: border-box;
width: min(520px, calc(100vw - 48px)) !important;
max-height: calc(100vh - 48px);
overflow-y: auto;
padding: clamp(22px, 5vw, 32px);
border-radius: clamp(14px, 3vw, 20px);

         }

    .cookie-modal-title {
              margin: 0 0 24px;
  color: #1b3d49;
  font-weight: 800;
  font-size: clamp(22px, 5vw, 34px);
         }

    .cookie-popup-button {
              display: inline-flex;
  max-width : 100%;
  align-items: center;
  justify-content: center;

  margin: 0 auto;

  background: #f26966;
  color: #ffffff;

  border: none;
  border-radius: 999px;

  padding: 16px 44px;

  font-size: 18px;
  font-weight: 700;

  cursor: pointer;

  box-shadow: 0 14px 28px rgba(242, 105, 102, 0.24);
         }

    .cookie-popup-button:hover {
            background: #eb5b58;
transform: translateY(-1px);
box-shadow: 0 14px 24px rgba(242, 105, 102, 0.34);
         }

    .modal-backdrop.show {
            position: fixed;
inset: 0;
background: rgba(27, 61, 73, 0.38);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(2px);
box-sizing: border-box;
padding: 24px;
overflow-y: auto;
z-index: 1040;
         }

    .model-backdrop {
            z-index: 1040;
         }

    .nice-comment-cell.comment-hidden {
            background-color: #AAAAAA;
opacity: 50%;
         }

    tr[data-mercialys='true'] td[headers='comments_created_by_th'] {
            color: green;
         }



/* .bg-mercialys */


    .bg-mercialys {
            background-color: #F8F8F8;
         }



/* .border-mercialys */


    .border-mercialys {
            border-bottom: 0.3em solid #222F38;
         }



/* .btn-outline-primary */


    .btn-outline-primary {
            --bs-btn-color: #222F38 !important;
--bs-btn-border-color: #222F38 !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: #222F38 !important;
--bs-btn-hover-border-color: #222F38 !important;
--bs-btn-focus-shadow-rgb: 13, 110, 253 !important;
--bs-btn-active-color: #fff !important;
--bs-btn-active-bg: #222F38 !important;
--bs-btn-active-border-color: #222F38 !important;
--bs-btn-disabled-color: #222F38 !important;
--bs-btn-disabled-bg: transparent !important;
--bs-btn-disabled-border-color: #222F38 !important;
         }



/* .btn-primary */


    .btn-primary {
            --bs-btn-color: #fff !important;
--bs-btn-bg: #222F38 !important;
--bs-btn-border-color: #222F38 !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: #005CA9 !important;
--bs-btn-hover-border-color: #005CA9 !important;
--bs-btn-focus-shadow-rgb: 81, 117, 154 !important;
--bs-btn-active-color: #fff !important;
--bs-btn-active-bg: #121B2F !important;
--bs-btn-active-border-color: #121B2F !important;
--bs-btn-disabled-color: #fff !important;
--bs-btn-disabled-bg: #F5F5F5 !important;
--bs-btn-disabled-border-color: #F5F5F5 !important;
         }



/* .card-container */


    .card-container {
            display: flex;
gap: 2rem;
margin-right: 13rem;
margin-left: 13rem;
margin-top: 5rem;
margin-bottom: 5rem;
         }



/* .cookie-modal-body */


    .cookie-modal-body p {
              max-width: 760px;
  margin: 0 auto 34px;
  color: #536873;
  line-height: 1.7;
  font-size: clamp(14px, 3.5vw, 21px);

         }



/* .nice-comment-cell */


    .nice-comment-cell {
            border-bottom: 1px solid lightgray; /* Définit une bordure fine et gris clair uniquement en bas */
border-bottom-left-radius: 10px; /* Arrondit l'angle inférieur gauche */
border-bottom-right-radius: 10px; /* Arrondit l'angle inférieur droit */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
margin-top: 0.5em;
margin-bottom: 0.5em;
float: left;
         }



/* .nice-comment-cell > :first-child */


    .nice-comment-cell > :first-child {
            padding: 1em
         }



/* .nice-comment-cell > div.col-md-6 */


    .nice-comment-cell > div.col-md-6 {
            float: right;
         }



/* .popover-line */


    .popover-line {
            color: #0A0DA8;
font-size: x-small;
         }



/* .popover-title */


    .popover-title {
            font-weight: bold;
         }



/* .required */


    .required label::after {
            content: ' *';
color: #DA0F14;
         }



/* .select-feature-popup-content */


    .select-feature-popup-content {
            padding: .25rem;
         }



/* .text-red-mercialys */


    .text-red-mercialys {
            color: #DA0F14;
         }



/* body[data-action="home_page"] */


    body[data-action="home_page"] .modal {
            z-index: 1050;
position: fixed !important;
inset: 0 !important;
overflow: hidden !important;
         }

    body[data-action="home_page"] .modal-dialog {
              min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 auto !important;
  padding: 24px !important;
         }

    body[data-action="home_page"] modal-open {
             overflow: auto !important;
 padding-right: 0 !important;
         }


