/* Force default font */
html, body {
  font-family: Lexend/*Lato*/, sans-serif;
  font-weight: 400;
  /* Disable weird flex display */
  display: block;
  height: auto;
}

/* Adjust background & max-width with app.servicepostal.com */
body {
  background: #f3f4f6;
}
@media (min-width: 1200px) { /* Start at 1200px, not 1440px */
  .connexion-section .container,
  .container {
    max-width: 1280px;
  }
}

/* Logo */
.header-service .left-part-header {
  padding: 5px 0;
}
.mobile-menu-header .mobile-menu-header-logo img,
.mobile-menu-header h1,
.mobile-header .new-logo img,
.header-service .left-part-header img,
.header-service .left-part-header .main-title {
  display: none;
}
.mobile-menu-header .mobile-menu-header-logo,
.mobile-header .new-logo,
.header-service .left-part-header a {
  display: block;
  width: 272px;
  height: 48px;
  background: url(../Images/logo-2025.png) no-repeat center / 100% auto;
}
.mobile-menu-header .mobile-menu-header-logo {
  width: 204px;
}

/* Header */
.header-service,
.mobile-header {
  height: auto;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  box-shadow: 0 -5px 10px rgb(57 92 196);
}
.mobile-header .container {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
.mobile-header .container:before,
.mobile-header .container:after {
  display: none;
}
.mobile-header h2 {
  margin: 0;
}
.mobile-header h2,
.mobile-header .new-logo,
.mobile-header .open-mobile-menu {
  float: none;
}
.mobile-header .open-mobile-menu {
  order: 2;
}
.open-mobile-menu {
  display: block;
  flex: 0 0 auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 204 0 / var(--tw-bg-opacity, 1));
  border-radius: 50%;
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.open-mobile-menu:before {
  display: block;
  content: "☰";
  color: white;
  font-size: 2rem;
  padding: .07rem .1rem .1rem;
  text-align: center;
  line-height: 1;
}
.open-mobile-menu:hover,
.open-mobile-menu:focus,
.open-mobile-menu:active {
  text-decoration: none;
}
.open-mobile-menu img {
  display: none;
}
.mobile-menu {
  left: -422px;
  width: 420px;
  max-width: 80vw;
  /*background: rgb(57 92 196 / var(--tw-bg-opacity, 1));
  color: white;*/
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition: left 250ms ease-in;
  border-right: 1px #ccc solid;
}
.mobile-menu.open {
  left: 0;
}
.mobile-menu,
.mobile-menu nav ul li a {
  font-family: inherit;
}

/* Footer & menus */
.sp-footer {
  margin-top: 0;
}
.sp-footer li {
  font-weight: inherit;
}
.sp-footer .menu a {
  padding: 0;
  text-align: inherit;
  letter-spacing: 0;
  float: none;
  margin-right: 0;
}

/* Page content */
form > .container /*.content.new-content*/ {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background: white;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 1rem;
  margin-bottom: 3rem;
  padding: 2rem;
  margin-top: 1rem;
}

.content {
  background: transparent;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}

/* Menus & buttons */
.resil .menu,
.sidebar .menu {
  display: flex;
  gap: .5rem;
  margin: 1rem 0;
  font-size: 1rem;
}
.resil .menu .dropdown,
.sidebar .menu .dropdown {
  width: auto !important;
}
.sidebar .menu .solution-dropdown a {
  padding: .5rem 1rem;
}
.sidebar {
  background: transparent;
}
.resil .menu a, .sidebar .menu a {
  float: none;
  margin-right: 0;
  padding: .5rem 0;
}
.menu .frame hr {
  display: none;
}
.menu .frame ul {
  clear: both;
}
.solution-dropdown ul li {
  margin: 0;
}
.solution-dropdown ul li a {
  border: none;
  padding: .5rem 1rem;
}
.framep {
  height: auto;
}

.sidebar .dropdown-menu.tarifs {
  left: -190px;
  width: 320px;
}
div#tarifs h4, div#tarifs hr, div#tarifs .clearfix, div#tarifs .pull-right {
  display: none;
}
div#tarifs .frame {
  padding: 0;
}
div#tarifs li a {
  display: block;
  padding: .5rem 1rem;
  text-align: left;
}

.dropdown-menu,
.header-service .right-header-section .dropdown-menu-account {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 1rem;
  overflow: hidden;
}
.header-service .right-header-section.open .btn-primary-deconnexion {
  border-radius: 1.5rem;
  border-bottom: 2px rgb(23 58 162 / var(--tw-border-opacity, 1)) solid;
}
.header-service .right-header-section .dropdown-menu-account .other-links a {
  font: inherit;
  font-size: 12px;
  color: inherit;
  border: none;
  padding: .5rem 1rem;
}
.header-service .right-header-section .dropdown-menu-account .other-links a:hover,
.header-service .right-header-section .dropdown-menu-account .other-links a:focus,
.header-service .right-header-section .dropdown-menu-account .other-links a:active {
  color: inherit;
}
.header-service .right-header-section .dropdown-menu-account .other-links {
  padding: 0;
}
.header-service .right-header-section .dropdown-menu-account .logout-link {
  padding: .5rem 1rem;
}

/* Reset 'orange' styles */
.introjs-nextbutton,
.btn-orange,
.btn-orange-border-newest,
.btn-blue,
.btn-blue-new-small-dec,
.btn-green,
.btn-primary-inscription,
.btn-primary-deconnexion,
.btn-primary-connexion {
  font: inherit;
  text-transform: none;
  min-width: 0;
  max-width: 9999px;
  height: auto;
}
.right-header-section.col-md-4 {
  display: flex;
  justify-content: space-between;
  margin-top: .25rem;
}
.btn-register-orange {
  border-radius: 3rem;
}
.right-header-section > div > a,
.introjs-nextbutton,
.button,
.btn,
.btn-blue,
.btn-blue-new-small-dec,
.btn-yellow-small,
.btn-yellow-big,
.btn-primary-inscription,
.btn-primary-deconnexion,
.btn-primary-connexion,
.btn-white-tiny,
.btn.active {
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  display: block;
  width: auto !important;
  border-radius: 1.5rem;
  padding: .75rem 1.25rem !important;
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.25rem;
  text-transform: none;
  letter-spacing: 0 !important;
  float: none;
  margin: 0;
  border-width: 2px;
  box-shadow: none;
  outline: none !important;
  transition: all .2s ease-in;
}

.btn-primary-inscription {
  margin-right: 1rem;
}
.btn-white-tiny {
  padding: .25rem 1rem !important;
  display: inline-block;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.button.btn-orange,
.button.btn-green {
  box-shadow: none;
  text-decoration: none;
}
.button.btn-green span,
.button.btn-orange span {
  position: static;
  display: inline;
  font-size: inherit;
  padding: 0;
}
.button.btn-orange:before,
.button.btn-orange:after,
.button.btn-green:before,
.button.btn-green:after {
  display: none;
}

.introjs-tooltipbuttons .introjs-nextbutton,
.btn-orange,
.button.btn-orange,
.button-arrow.btn-orange,
.btn-green,
.button.btn-green,
.btn-warning,
.btn-primary,
.btn-primary:visited,
.btn-primary-dialog,
.btn-blue,
.btn-blue-new-small-dec,
.btn-yellow-small,
.btn-yellow-big,
.btn-primary-sm,
.btn-register-orange,
.btn-primary-inscription,
.btn.active {
  border-color: rgb(57 92 196 / var(--tw-border-opacity, 1));
  background-color: rgb(57 92 196 / var(--tw-bg-opacity, 1));
  color: white !important;
}
.btn-ghost,
.btn-ghost.active,
.sidebar .mon-courrier .btn,
.header-service .right-header-section.open .btn-primary-deconnexion {
  border-color: rgb(57 92 196 / var(--tw-border-opacity, 1));
  color: rgb(57 92 196 / var(--tw-text-opacity, 1));
}
.btn:hover,
.btn:focus,
.btn:active,
.button.button-arrow:hover,
.button.button-arrow:focus,
.button.button-arrow:active,
.btn-ghost:hover,
.menu .btn-ghost:focus,
.btn-ghost:active,
.sidebar .mon-courrier .btn:hover,
.sidebar .mon-courrier .btn:focus,
.sidebar .mon-courrier .btn:active,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue-new-small-dec:hover,
.btn-blue-new-small-dec:focus,
.btn-blue-new-small-dec:active,
.btn-yellow-small:hover,
.btn-yellow-small:focus,
.btn-yellow-small:active,
.btn-yellow-big:hover,
.btn-yellow-big:focus,
.btn-yellow-big:active,
.btn-register-orange:hover,
.btn-register-orange:focus,
.btn-register-orange:active {
  opacity: 1;
  background-color: rgb(23 58 162 / var(--tw-bg-opacity, 1));
  border-color: rgb(23 58 162 / var(--tw-border-opacity, 1));
  box-shadow: none;
}
.sidebar .mon-courrier .btn {
  color: rgb(57 92 196 / var(--tw-text-opacity, 1)) !important;
  background: white;
}
.btn.active:hover,
.btn.active:focus,
.btn.active:active,
.button.button-arrow:hover,
.button.button-arrow:focus,
.button.button-arrow:active,
.btn-warning.btn-block:hover,
.btn-warning.btn-block:focus,
.btn-warning.btn-block:active,
.btn-primary-inscription:hover,
.btn-primary-inscription:focus,
.btn-primary-inscription:active,
.btn-primary.btn-big:hover,
.btn-primary.btn-big:focus,
.btn-primary.btn-big:active,
.btn-register-orange:hover,
.btn-register-orange:focus,
.btn-register-orange:active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(255 204 0);
}
.sidebar .mon-courrier .btn:hover,
.sidebar .mon-courrier .btn:focus,
.sidebar .mon-courrier .btn:active {
  color: white !important;
}
.btn-white-tiny,
.right-header-section > div > a,
.btn-primary-deconnexion,
.btn-primary-connexion,
.btn-ghost-disabled,
.btn-ghost-disabled:hover,
.menu .btn-ghost-disabled:focus,
.btn-ghost-disabled:active {
  /*border-color: rgb(246 243 244 / var(--tw-border-opacity, 1));
  background-color: rgb(246 243 244 / var(--tw-bg-opacity, 1));
  color: #888; /*rgb(75 78 83 / var(--tw-text-opacity, 1));*/
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  background-color: white;
  color: currentColor;
}
.btn-white-tiny:hover,
.btn-white-tiny:focus,
.btn-white-tiny:active,
.btn-primary-deconnexion:hover,
.btn-primary-deconnexion:focus,
.btn-primary-deconnexion:active,
.btn-primary-connexion:hover,
.btn-primary-connexion:focus,
.btn-primary-connexion:active,
.right-header-section > div > a:hover,
.right-header-section > div > a:focus,
.right-header-section > div > a:active {
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
  color: currentColor;
  box-shadow: none;
  text-decoration: none;
}

/* Progress bar */
.content .steps {
  gap: 0px;
  overflow: hidden;
  border-radius: 1rem;
  margin: 0 0 2rem;
  border-bottom: none;
  display: flex;
}
.content .steps .step {
  --tw-bg-opacity: 1;
  position: relative;
  background-color: rgb(246 243 244 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-size: 1rem; /* 1.125rem; */
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: none;
  float: none;
  width: auto;
  flex: 1;
}
.content .steps a {
  flex: 1;
}
.content .steps a:hover,
.content .steps a:focus,
.content .steps a:active {
  text-decoration: none;
}
.content .steps .step:after {
  --tw-border-opacity: 1;
  --tw-rotate: 45deg;
  --tw-bg-opacity: 1;
  content: "";
  position: absolute;
  z-index: 10;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.75rem;
  border-right-width: 4px;
  border-top-width: 4px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: rgb(246 243 244 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  width: 2.8rem;
  height: 2.8rem;
  top: 2px;
  right: -1.3rem;
}
.content .steps .step:hover,
.content .steps .step:focus,
.content .steps .step:active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(209 213 220 / var(--tw-bg-opacity, 1));
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.content .steps .step:hover:after,
.content .steps .step:focus:after,
.content .steps .step:active:after {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 220 / var(--tw-bg-opacity, 1));
}
.content .steps .step:active,
.content .steps .step.active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(57 92 196 / var(--tw-bg-opacity, 1));
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.content .steps .step:active:after,
.content .steps .step.active:after {
  --tw-bg-opacity: 1;
  background-color: rgb(57 92 196 / var(--tw-bg-opacity, 1));
}
.content .steps .step .prev-arrow,
.content .steps .step .next-arrow,
.content .steps .step:nth-child(3):after,
.content .steps .step.clear {
  display: none;
}

/* Titles */
.content .heading {
  margin-bottom: 2rem;
}
div.blue-title,
h2.blue-title,
h1.page-title,
h1.orange-contract-main-title,
h3.page-title,
.modal-add-document .yellow-title-box,
.modal .modal-header .modal-title,
.modal .modal-content .modal-title,
.content .heading > h2,
.content h1.headTitle {
  --tw-text-opacity: 1;
  margin: 1rem 0 1rem;
  padding: 0;
  font-size: 1.6rem; /*2rem;*/
  font-weight: 900;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
  color: rgb(57 92 196 / var(--tw-bg-opacity, 1));
}
h1.orange-contract-main-title {
  text-align: left;
}
h1.orange-contract-main-title img {
  display: none;
}
.modal-add-document .yellow-title-box {
  background: transparent;
  text-align: left;
  text-transform: none;
  height: auto;
}
div.blue-title span {
  color: black;
}
.content .heading > h2 i,
.content h1.headTitle i {
  display: none;
}
.content h1.page-title,
.content h3.page-title {
  margin-top: 0;
}

h2.yellow,
.content .heading h3.yellow,
.content h2.yellow.headTitle {
  --tw-text-opacity: 1;
  margin: 0 0 1.5rem;
  padding: 0;
  font-size: 1rem; /*1.275rem;*/
  line-height: 2.25rem;
  font-weight: 900;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
  color: currentColor;
}
.content h3.blue,
.content h4.blue {
  --tw-text-opacity: 1;
  margin: 1rem 0;
  padding: 0;
  font-size: 1.1rem; /*1.25rem*/
  font-weight: 700;
  line-height: 1.25;
  color: black; /*rgb(15, 23, 42 / var(--tw-text-opacity));*/
}
.content h4.blue {
  color: rgb(57 92 196 / var(--tw-text-opacity, 1));
  font-size: 1rem;
  font-weight: 500;
  margin-top: 0;
}
.preparation-p-connecte {
  --tw-text-opacity: 1;
  color: rgb(57 92 196 / var(--tw-text-opacity, 1));
}

/* Bullets */
.content .bullets li {
  padding-bottom: 1rem;
}
.content .bullets li .bullet {
  border-radius: 9999px;
  display: block;
  width: 22px;
  height: 22px;
  padding: 0;
  left: -12px;
  border: 5px white solid;
  background: rgb(57 92 196);
}

/* Sender */
.bullets .expediteur,
.bullets .destinataire,
.preview-box.exp-box,
.preview-box.dest-box {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  background-color: rgb(57 92 196 / var(--tw-bg-opacity, 1));
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  padding: 1rem 1.5rem 1.5rem !important;
}
.bullets .destinataire,
.preview-box.dest-box {
  background-color: rgb(30 165 180 / var(--tw-bg-opacity, 1));
}
.bullets .expediteur .header,
.bullets .destinataire .header {
  margin: 0 0 1rem;
  padding: .5rem 0;
  border: none;
  position: relative;
}
.bullets .expediteur .header a,
.bullets .destinataire .header a {
  top: 0;
  right: 0;
}
.bullets .expediteur .type-user-box,
.bullets .destinataire .type-user-box {
  margin-bottom: 1rem;
}
.bullets .expediteur .form-control,
.bullets .destinataire .form-control {
  font-size: .875rem;
}
.preview-box.exp-box, .preview-box.dest-box {
  min-height: 100px;
}
.preview-box .arrow-box {
  right: auto;
}
.preview-box.exp-box .arrow-box {
  border-bottom-color: rgb(57 92 196 / var(--tw-bg-opacity, 1));
}
.preview-box.dest-box .arrow-box {
  border-bottom-color: rgb(30 165 180 / var(--tw-bg-opacity, 1));
}
#letterAttributes .icon.icon-info.tool-tip {
  left: 400px !important;
}

.content .bullets > li {
  --tw-border-opacity: 1;
  border: 2px rgb(57 92 196 / var(--tw-bg-opacity, 1)) solid;
  border-radius: 1rem;
  padding: .5rem 1.5rem;
  margin-bottom: 1rem;
}
#letterDocuments, #menu-not-modal {
  border: none;
  padding: 0;
}
.content .bullets > li > .bullet {
  display: none;
}
.content .bullets .col-border {
  border: none;
}

.bullets input:not([type="submit"]), .bullets select {
  border-radius: .5rem !important;
  border: 1px #888 solid !important;
  font-size: inherit;
  padding: .5rem;
  height: 2.5rem !important;
  line-height: 1;
}

.letters-wrapper .letter-box,
.content .pages .page,
.pages .add-documents-box {
  border-radius: 1rem;
  overflow: hidden;
}
.letters-wrapper .letter-box img,
.content .pages .page img,
.pages .add-documents-box img {
  margin: 0 auto;
}
.letters-wrapper .letter-box {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  border-width: 2px;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  height: auto;
  padding-bottom: 20px;
}
.letters-wrapper .letter-box:hover {
  background: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.letters-wrapper .letter-box span {
  --tw-text-opacity: 1;
  color: rgb(57 92 196 / var(--tw-text-opacity, 1));
  font-size: 14px;
}
.letters-wrapper .letter-box a:hover {
  text-decoration: none;
}
.letters-wrapper .letter-box a:hover span {
  font-weight: 900 !important;
  color: rgb(23 58 162 / var(--tw-text-opacity, 1));
}
.content .pages .page,
.pages .add-documents-box {
  border-radius: .75rem;
}

/* Send/schedule */
.schedule-date {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.schedule-date, .schedule-date-modal {
  display: flex;
  flex-direction: row-reverse;
  border-radius: 1.5rem;
  box-shadow: none;
}
.schedule-date .pull-right, .schedule-date-modal .pull-right {
  float: none !important;
}
.send-or-pay {
  margin-top: 0;
  flex: 1;
}
.send-or-pay .btn-width-new {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-border-opacity: 1;
  width: 100% !important;
  height: 100%;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  background-color: rgb(57 92 196 / var(--tw-bg-opacity, 1));
  border-color: rgb(57 92 196 / var(--tw-border-opacity, 1));
  border-radius: 1.5rem 0 0 1.5rem;
}

.schedule-date:hover,
.schedule-date:focus,
.schedule-date:active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(255 204 0);
}
.schedule-date .btn-primary {
  background-color: rgb(255 204 0 / var(--tw-bg-opacity, 1));
  border-color: rgb(255 204 0 / var(--tw-border-opacity, 1));
}
.schedule-date .btn-primary .mobile-sprite {
  filter: invert();
}
.schedule-date .delay-sending a {
  border-radius: 0 1.5rem 1.5rem 0;
}
.delay-sending a .arrow-top-delay,
.delay-sending a .arrow-bottom-delay {
  left: 10px;
}
.delay-sending a .arrow-top-delay {
  border-bottom-color: rgb(255 204 0 / var(--tw-border-opacity, 1));
}
.delay-sending a .arrow-bottom-delay {
  border-top-color: rgb(255 204 0 / var(--tw-border-opacity, 1));
}

.send-or-pay .btn-width-new:hover,
.send-or-pay .btn-width-new:focus,
.send-or-pay .btn-width-new:active {
  background-color: rgb(23 58 162 / var(--tw-bg-opacity, 1));
  border-color: rgb(23 58 162 / var(--tw-border-opacity, 1));
  box-shadow: none;
  outline: none;
}

.pagination > li > a, .pagination > li > span {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-border-opacity: 1;
  color: rgb(23 58 162 / var(--tw-text-opacity, 1));
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: rgb(23 58 162 / var(--tw-bg-opacity, 1));
  border-color: rgb(23 58 162 / var(--tw-border-opacity, 1));
  color: white;
}

/* Popins */
.tool-tip .tool-tip-text,
.show-schedule-date,
.inscription-content .shadow-box,
.modal-add-document,
.register-page-promotions {
  /*display: block !important;*/
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background: white;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 1rem;
  padding: 1rem 0;
}
.modal-add-document a.close-modal,
.modal-dialog button.close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: black !important;
  z-index: 1000;
  opacity: 1;
  background: transparent;
}
.inscription-content .shadow-box,
.modal-add-document,
.tool-tip .tool-tip-text {
  padding: 1.5rem 2rem;
}
.show-schedule-date .close-schedule-date {
  right: 16px !important;
}
.modal-content .previsualiser-text-center:last-child,
.modal-content .buttons-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.adresses-modal .modal-content {
  padding: 1.5rem 2rem;
}
.modeles-des-lettres-wrapper,
.tiny-mce-wrapper {
  border-radius: 1rem;
}
.modeles-des-lettres-wrapper .search-box {
  display: flex;
}
.modeles-des-lettres-wrapper .ui-widget {
  flex: 1;
}
.modeles-des-lettres-wrapper .modeles-des-lettres-search .search-box .form-control {
  display: block;
  border-radius: 1.5rem 0 0 1.5rem;
  width: 100%;
  margin: 0;
  height: 100%;
}
.modeles-des-lettres-wrapper .modeles-des-lettres-search .search-box .btn-yellow-small {
  border-radius: 0 1.5rem 1.5rem 0;
  padding-right: 1.5rem !important;
}
@media (max-width: 991px) {
  .schedule-date .show-schedule-date {
    bottom: auto;
    top: 4rem;
    z-index: 9;
    position: absolute;
    margin-bottom: 0;
  }
}

/* Radio/checkbox */
.radio, .checkbox {
  padding-left: 25px;
}
.checkbox input[type="checkbox"]:after,
.radio input[type="radio"]:after {
  --tw-bg-opacity: 1;
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 0 2.5px #fff, 0 0 0 4.5px rgb(255 204 0);
}
.checkbox input[type="checkbox"]:after {
  border-radius: 2px;
  width: 14px;
  height: 14px;
  box-shadow: 0 0 0 2px rgb(255 204 0);
}
.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  display: inline-block;
  width: 0 !important;
  height: 0 !important;
}
.checkbox input[type="checkbox"]:checked:after,
.radio input[type="radio"]:checked:after {
  background: rgb(57 92 196 / var(--tw-bg-opacity, 1));
}

.mon-form .checkbox input[type="checkbox"],
.mon-form .radio input[type="radio"] {
  margin-top: 0;
}
#siren {
  margin-bottom: 1.5rem;
}

/* Preview */
.sidebar .mon-courrier {
  --tw-border-opacity: 1;
  border: 2px rgb(255 204 0 / var(--tw-border-opacity, 1)) solid;
  border-radius: 1rem;
  overflow: hidden;
}
.mobile-mon-courrier .prix {
  border: 2px rgb(255 204 0 / var(--tw-border-opacity, 1)) solid;
  border-radius: 1rem;
}
.sidebar .preparation-mocourrier-div {
  margin-bottom: 1.5rem;
}
.sidebar .preparation-mocourrier-div h2 {
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.275rem;
  font-weight: 900;
}
.sidebar .mon-courrier-content .bullets p {
  --tw-text-opacity: 1;
  color: rgb(57 92 196 / var(--tw-text-opacity, 1));
}
.sidebar .mon-courrier-content .bullets p .yellow {
  color: black;
}
.sidebar .mon-courrier .prix {
  background: transparent;
  border-top: 2px rgb(255 204 0 / var(--tw-border-opacity, 1)) solid;
}

.sidebar .bullets li {
  border-left: none;
}
.sidebar .bullets li .bullet {
  border-radius: 50%;
  background: rgb(23 58 162 / var(--tw-bg-opacity, 1));
}
.sidebar .bullets li.first .bullet {
  height: 13px;
  border-top-width: 2px;
}
.sidebar .bullets li .bullet,
.sidebar .bullets li.first .bullet {
  top: 6px;
}

/* Sticky elements */
.sticky, .sticky.affix {
  width: 295px;
}
.sidebar .mon-courrier {
  max-width: 295px;
}

/* Login */
.login-section {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background: white;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 1rem;
  margin-top: 3rem;
  margin-bottom: 1rem;
  padding: 2rem;
}
.new-light-blue-gradient {
  background: transparent;
}

/* Inscription */
.inscription-content {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.inscription-content img {
  margin-right: 1rem;
}
.inscription-benefits .inscription-benefit-box .inscription-benefit-text a {
  --tw-text-opacity: 1;
  color: rgb(57 92 196 / var(--tw-text-opacity, 1));
}

/* Forms */
.new-search,
.modal-header .input-group,
.mailing-search .input-group {
  display: flex;
}
.new-search,
.new-search input,
.new-search button {
  height: auto;
}
.modal-header .input-group input,
.mailing-search .input-group input,
.new-search input {
  border-radius: 1.5rem 0 0 1.5rem;
  padding-left: 1.5rem;
  flex: 1;
}
.modal-header .input-group button,
.mailing-search .input-group button,
.mailing-search .search-date,
.new-search button {
  border-radius: 0 1.5rem 1.5rem 0;
  padding: .25rem 1rem .25rem .75rem !important;
}
.modal-header .input-group .input-group-btn,
.mailing-search .input-group .input-group-btn {
  width: auto;
}
.modal-header .input-group .input-group-btn button,
.mailing-search .input-group .input-group-btn button {
  height: 100%;
}
.mailing-search .input-group.date {
  flex: 1;
}
.mailing-search .input-group-addon {
  width: auto;
}
.mailing-search .btn-white-tiny {
  margin-top: 15px;
}

#help-search > div:nth-child(2) {
  display: flex;
  flex-direction: row-reverse;
}

/* Toggle buttons */
.choose-part .form-group {
  display: flex;
  gap: 0;
}
.choose-part .particulier-part,
.choose-part .profesionnel-part {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
  font-size: .875rem;
}
.choose-part label {
  font-weight: 500;
}
.choose-part .particulier-part {
  margin-right: 0;
  border-radius: 1rem 0 0 1rem;
}
.choose-part .profesionnel-part {
  border-radius: 0 1rem 1rem 0;
}
.choose-part .particulier-part.selected-part,
.choose-part .profesionnel-part.selected-part {
  background-color: rgb(57 92 196 / var(--tw-bg-opacity, 1));
}

/* Tables */
@media (min-width: 1280px) {
  .mailings-wrapper, .paniers-wrapper {
    width: 1216px;
  }
}
.wrap-tableau {
  max-width: 1216px;
}

.table-responsive {
  margin-top: 2rem;
  margin-bottom: 2rem;
  overflow-x: auto;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(246 243 244 / var(--tw-border-opacity, 1));
}
.table-expediteur {
  border: none;
  margin-bottom: 0;
}
.table-expediteur th,
.table-expediteur td {
  padding: .5rem !important;
  background: transparent !important;
  color: inherit !important;
  border: none !important;
}
.table-expediteur thead,
.paniers-wrapper .panier-header,
.mess-adresses-new .mess-adresses-header,
.mailings-wrapper .mailings-header {
  border-radius: 1rem 1rem 0 0;
  background-color: rgb(57 92 196 / var(--tw-bg-opacity, 1));
  color: white;
}
.paniers-wrapper .panier-header > div,
.mess-adresses-new .mess-adresses-header > div,
.mailings-wrapper .mailings-header > div {
  font-size: .875rem;
  /*
  Must keep fixed height to display the white border
  height: auto;
  border-right: none;
  */
}
.mailings-wrapper .mailings-header > .destinataire {
  margin-bottom: 0;
}
.mess-adresses-new .mess-adresses-item .edit-adress {
  border-left: 1px solid #ddd;
}
.table-expediteur thead th {
  --tw-border-opacity: 1;
  border-right: 1px rgb(23 58 162 / var(--tw-border-opacity, 1)) solid !important;
  border-bottom: 1px rgb(23 58 162 / var(--tw-border-opacity, 1)) solid !important;
}
.table-expediteur tbody tr:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(246 243 244 / var(--tw-bg-opacity, 1));
}
.mailings-wrapper div img, .paniers-wrapper div img {
    margin: 0 auto;
}
.paniers-wrapper div img {
    display:inline
}

/* Misc */
.pagination-mess-adresses .show-number-of-items select,
.cgv {
  --tw-text-opacity: 1;
  color: rgb(57 92 196 / var(--tw-text-opacity, 1));
  border-radius: 4px;
}
.cgv {
  border-radius: 1.5rem;
}

/* Preview */
.formulaire, .envelope {
  max-width: 670px;
}
.famountpreuve img {
  float: left;
  margin-left: 5px;
}
.formulaire .field, .envelope .field {
  font-family: Arial, sans-serif;
}

/* Subscribe */
.abonnement-wrapper {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background: white;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 1rem;
  margin-bottom: 3rem;
  padding: 2rem;
  margin-top: 1rem;
  border-width: 0;
}
.green-banner {
  border-radius: 1rem;
  margin-bottom: 3rem;
  margin-top: 1rem;
}
.testimonials .testimonials-box {
  box-shadow: none;
}
.abbonnement-box {
  padding: 0;
  margin-bottom: 2rem;
}
.mobile-abb span {
  font-size: 1rem;
}
h2.blue-title-pad {
  --tw-text-opacity: 1;
  margin: 0 0 1.5rem;
  padding: 0;
  font-size: 1rem; /*1.275rem;*/
  line-height: 2.25rem;
  font-weight: 900;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
  color: currentColor;
  background: transparent;
}
h2.blue-title-pad img {
  display: none;
}
.box-new .box-new-content .box-new-content-row .feature-list ul li {
  margin-bottom: 0;
}
.new-update.box-new.abb-new .box-new-content .new-price {
  margin: 20px 0;
}

/* Pricing */
.sidebar .mon-courrier h2 {
  text-transform: none;
  letter-spacing: 0;
}
.sidebar .mon-courrier .yellow {
  --tw-text-opacity: 1;
  text-transform: none;
  color: inherit;
}
.sidebar .mon-courrier .yellow strong {
  color: rgb(255 204 0 / var(--tw-text-opacity, 1));
}
.calc-price {
  --tw-border-opacity: 1;
  border: 2px rgb(255 204 0 / var(--tw-border-opacity, 1)) solid;
  border-radius: 1rem;  
}

.confirmation-content .confirmation-box-content {
  margin-top: 0;
}
.confirmation-content .confirmation-box-content .confirmation-box-content-title {
  font-family: Lexend, sans-serif;
  position: relative;
  --tw-text-opacity: 1;
  color: rgb(57 92 196 / var(--tw-text-opacity, 1));
  margin-top: 0;
}
.confirmation-content .confirmation-box-content .confirmation-box-content-title > .yellow-arrow {
  position: absolute;
  top: 10px;
  left: auto;
  right: 10px;
}
@media (max-width: 991px) {
  .confirmation-content .confirmation-box-content .confirmation-box-content-title > .yellow-arrow {
    display: none;
  }
}

.confirmation-content .box-new .box-new-content-row .button.btn-orange .small-font {
  text-transform: uppercase;
  font-weight: bold;
}
.confirmation-content .button-arrow.btn-green {
  display: inline-block;
  font-weight: bold;
}

.confirmation-content .button.button-arrow.btn-orange {
  background: transparent;
  border-color: rgb(255 204 0 / var(--tw-border-opacity, 1)) !important;
  color: black !important;
}
.confirmation-content .button.button-arrow.btn-orange:hover,
.confirmation-content .button.button-arrow.btn-orange:focus,
.confirmation-content .button.button-arrow.btn-orange:active {
  background: rgb(238 185 62 / var(--tw-bg-opacity, 1));
  border-color: rgb(238 185 62 / var(--tw-border-opacity, 1)) !important;
  color: white !important;
}

/* Responsive */
@media (min-width: 1440px) {
  .sticky, .sticky.affix {
    width: 385px;
  }
  .sidebar .mon-courrier {
    max-width: 385px;
  }
}
@media (max-width: 1439px) {
  .resil .menu a, .sidebar .menu a {
    font-size: .75rem !important;
  }
}
@media (max-width: 991px) {
  #letterAttributes .icon.icon-info.tool-tip {
    left: auto !important;
    right: 0;
  }
  .aside-section .sidebar .send-or-pay input[type="submit"] {
    padding: 0 !important;
    margin: 0 !important;
  }
}
@media (max-width: 781px) {
  form > .container {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 2rem 1.5rem;
  }
  .container {
    max-width: none;
  }
  .content .bullets > li {
    padding-top: 1.5rem;
  }
  /* Sticky elements */
  .sticky, .sticky.affix {
    width: 100%;
  }
  .sidebar .mon-courrier {
    max-width: none;
  }
  .content.new-content {
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  #__AjaxAntiForgeryForm {
    margin-top: 0;
  }
  #__AjaxAntiForgeryForm .content {
    padding: 0;
  }
  .content .heading h2 i,
  .content .steps {
    display: none !important;
  }
}
@media (max-width: 479px) {
  .mobile-header h2 {
    display: none;
  }
}

/* Modal */
@media (min-width: 768px) {
  /*.modal {
    display: block !important;
  }*/
  .modal#register .modal-dialog {
    width: 720px !important;
  }
}

/* Tutoriel */

.introjs-tooltip {
  font-family: inherit;
}
.introjs-nextbutton {
  display: inline-block;
  border-color: rgb(57 92 196 / var(--tw-border-opacity, 1));
  background-color: rgb(57 92 196 / var(--tw-bg-opacity, 1)) !important;
  color: white;
}
.introjs-nextbutton:hover,
.introjs-nextbutton:focus,
.introjs-nextbutton:active {  
  border-color: rgb(23 58 162 / var(--tw-border-opacity, 1));
  background-color: rgb(23 58 162 / var(--tw-bg-opacity, 1)) !important;
}

/* Pack colors */

.abb-box .abb-item label.pro1 {
  background-color: #4a6dd5;
}
.abb-box .abb-item label.pro2 {
  background-color: #395cc4;
}
.abb-box .abb-item label.pro3 {
  background-color: #3950a8;
}
.abb-box .abb-item label.ent1 {
  background-color: #2fb6c5;
}
.abb-box .abb-item label.ent2 {
  background-color: #1ea5b4;
}

.confirmation-content .box-new .box-new-header .corner-left,
.confirmation-content .box-new .box-new-header .corner-right {
  display: none;
}
.confirmation-content .box-new .box-new-header.par-green {
  background-color: #ffdd11;
}
.confirmation-content .box-new .box-new-header.par-red {
  background-color: #ffcc00;
}
.confirmation-content .box-new .box-new-header.orange-dark-box {
  background-color: #ffb625;
}
.confirmation-content .box-new .box-new-header.par-blue {
  background-color: #ffa514;
}

.preparationload-p2 > img {
    margin: auto
}

.modal .modal-body .button-group {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal .modal-footer .button-group {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.welcome-title .account-type, .welcome-title .header {
    color: rgb(57 92 196 / var(--tw-bg-opacity, 1)) !important
}

.factures-box .factures-box-title.factures-blue-title {
    background: rgb(57 92 196 / var(--tw-bg-opacity, 1)) !important
}
/* TABS */
.tabs-content-boxes-title {
    background-color: rgb(57 92 196 / var(--tw-bg-opacity, 1)) !important;
}

.shop-btns {
    text-align: center;
    display: flex;
    justify-content: right;
    align-items: center
}

.paniers-wrapper .total {
    background-color: rgb(57 92 196 / var(--tw-bg-opacity, 1)) !important;
}

.expediteur .arrow-box, .destinataire .arrow-box {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
}

.expediteur .arrow-box {
    border-left: 10px solid #7FB4D0;
    right: -36px;
    top: 29px
}

.destinataire .arrow-box {
    border-right: 10px solid #0069A1;
    left: -35px;
    top: 29px
}