/*font css*/
@font-face {
  font-family: freightsans;
  src: url('../../fonts/freight/FreightSansMedium.woff2') format('woff2'),
    url('../../fonts/freight/FreightSansMedium.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: freightsans;
  src: url('../../fonts/freight/FreightSansBook.woff2') format('woff2'),
    url('../../fonts/freight/FreightSansBook.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: freightsans;
  src: url('../../fonts/freight/FreightSansBold.woff2') format('woff2'),
    url('../../fonts/freight/FreightSansBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

/* new block alinaous */
@font-face {
  font-family: Lato;
  src: url('../../fonts/lato/Lato-Regular.ttf') format('ttf');
  font-weight: normal;
}

@font-face {
  font-family: Lato;
  src: url('../../fonts/lato/Lato-Light.ttf') format('ttf');
  font-weight: lighter;
}

@font-face {
  font-family: Lato;
  src: url('../../fonts/lato/Lato-Bold.ttf') format('ttf');
  font-weight: bold;
}

@font-face {
  font-family: Lato;
  src: url('../../fonts/lato/Lato-Black.ttf') format('ttf');
  font-weight: 900;
}

/*font css end*/

/*default css*/
body .app-page {
  font-family: 'freightsans', san-serif !important;
  font-weight: 500;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none !important;
  overflow-x: hidden;
}

.app-dashboard-b2b-client,
.app-dashboard-b2b-client .drag_drop_container {
  overflow: visible !important;
}

h1,
h2,
h3,
h4,
strong {
  font-weight: 700;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h2 a {
  font-size: 18px;
}

a:not(.logo-link),
a:not(.logo-link):visited,
a:not(.logo-link):focus {
  color: #000;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.page-title-top a:hover {
  color: #fff !important;
}

a:not(.logo-link):hover,
a:not(.logo-link):visited:hover,
a:not(.logo-link):focus:hover {
  border-bottom-color: #000;
  text-decoration: none;
  color: #000;
}

.logo-link img {
  width: 250px;
  height: 50px;
  margin-bottom: 10px;
}

* {
  outline: none !important;
  backface-visibility: hidden !important;
}

.black-bg {
  background: #000;
}

.grey-bg {
  background: #f4f4f4;
}

.grey-bg-50 {
  background: #fafafa !important;
}

.grey-tr {
  background: transparent;
}

.pink-bg {
  background: #c70049 !important;
}

.beige-bg {
  background-color: #f1efea;
}

.default-text {
  color: var(--text-primary-color);
}

.primary-text {
  color: var(--text-primary-color);
}
.secondary-text {
  color: var(--text-secondary-color);
}

.pink-text,
.crumbs-dashboard-selected-user .compte-nav,
.crumbs-dashboard-selected-user .compte-nav a {
  color: var(--text-secondary-color) !important;
}

.font-500 {
  font-weight: 500 !important;
}

.m-70 {
  margin: 0 70px;
}

.wid-700 {
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
}

.wid-700 .col-lg-3 {
  padding: 0 10px;
}

.custom-tbl tr td span {
  margin-left: 40px;
}

.width-945 {
  width: 945px;
  max-width: 100%;
  margin: 0 auto;
}

/*default css end*/

/*form css*/
.input-grp {
  margin-bottom: 10px;
  position: relative;
}

/* added CSS by Agence Alinaous  */
textarea,
select,
input[type='text'],
input[type='number'],
input[type='password'],
input[type='email'],
input[type='tel'] {
  width: 100%;
  border: 2px solid var(--form-input-border-color) !important;
  font-size: 1rem;
  border-radius: 0.25rem;
  height: 54px;
  color: var(--form-input-value-color) !important;
  padding: 10px 15px;
  color: #000;
  position: relative;
  font-weight: 300;
}

textarea:focus,
select:focus,
input[type='text']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='tel']:focus {
  border: 2px solid transparent !important;
  box-shadow: 0 0 5px 1px var(--text-secondary-color);
}

select:invalid,
input:invalid,
textarea:invalid,
textarea:placeholder-shown,
input:placeholder-shown {
  border-color: #000;
  font-size: 16px;
  font-weight: normal;
}

select {
  padding: 10px;
}

/* remvoed CSS by Agence Alinaous  */
textarea {
  min-height: 85px !important;
}

label {
  max-width: 100%;
}

input[type='text']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='tel']:focus,
select:focus,
textarea:focus {
  border-color: #d4175b;
}

input[type='text'] + label,
input[type='password'] + label {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 9;
  line-height: 1;
  cursor: pointer;
}

input[type='text'] + label input,
input[type='password'] + label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

input::-webkit-input-placeholder {
  /* Edge */
  color: #696969;
  font-family: 'freightsans', san-serif;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #696969;
  font-family: 'freightsans', san-serif;
}

input::placeholder {
  color: #696969;
  font-family: 'freightsans', san-serif;
}

button.btn_manewco,
button.btn_manewco:focus,
button.btn_manewco:visited,
a.btn_manewco,
a.btn_manewco:focus,
a.btn_manewco:visited,
input[type='submit'] {
  background: var(--botton-secondary-bg-color);
  color: var(--botton-secondary-border-color);
  border: 2px solid var(--botton-secondary-border-color);
  padding: 12.5px 15px;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-weight: 700;
  display: inline-block;
  min-width: 150px;
  text-align: center;
  border-radius: var(--botton-raduis);
}

a.btn_manewco_pink,
button.btn_manewco_pink {
  background: var(--botton-primary-bg-color);
  color: #fff;
  border: 2px solid transparent;
  padding: 12.5px 15px;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-weight: 700;
  display: inline-block;
  min-width: 150px;
  text-align: center;
  border-radius: var(--botton-raduis);
}

button.btn_manewco:hover,
button.btn_manewco:focus:hover,
button.btn_manewco:visited:hover,
a.btn_manewco:hover,
a.btn_manewco:focus:hover,
a.btn_manewco:visited:hover,
input[type='submit']:hover {
  background: #fff;
  color: var(--botton-secondary-border-color);
  border-color: var(--botton-secondary-border-color);
}

button.btn_manewco_pink.btn_pink,
button.btn_manewco_pink.btn_pink:focus,
button.btn_manewco_pink.btn_pink:visited,
a.btn_manewco_pink.btn_pink,
a.btn_manewco_pink.btn_pink:focus,
a.btn_manewco_pink.btn_pink:visited,
a.btn_manewco.btn_pink,
a.btn_manewco.btn_pink:focus,
a.btn_manewco.btn_pink:visited,
input[type='submit'].btn_pink {
  color: var(--botton-secondary-border-color);
  border-color: var(--botton-secondary-border-color);
}

a.btn_manewco.btn_procedure,
a.btn_manewco.btn_procedure:focus,
a.btn_manewco.btn_procedure:visited {
  color: #000;
  border-color: #000;
}

button.btn_manewco_pink:not(:last-child),
a.btn_manewco:not(:last-child),
input[type='submit']:not(:last-child) {
  margin-right: 10px;
}

a.btn_manewco.wid-sm,
input[type='submit'].wid-sm {
  min-width: 90px;
}

/* remvoed CSS by Agence Alinaous  */
.select-opt select {
  width: 200px;
}

.input-grp.top-neg {
  margin-top: -15px;
}

.input-grp.no-mar input[type='radio'],
.input-grp.no-mar input[type='checkbox'],
.filter-select-folder input[type='text'] {
  margin-left: 0 !important;
}

label {
  position: relative;
}

label label {
  padding-left: 20px;
  margin-top: 10px;
}

label:first-child input[type='radio'],
label:first-child input[type='checkbox'] {
  margin-left: 0;
}

input[type='radio'],
input[type='checkbox'] {
  opacity: 0;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  margin-right: 10px;
  z-index: 9;
  position: relative;
  cursor: pointer;
}

input[type='radio'] + span,
input[type='checkbox'] + span {
  margin-right: 20px;
  display: inline-block;
  position: relative;
  top: -6px;
  cursor: pointer;
  max-width: 90%;
}

input[type='radio'] + span:before,
input[type='checkbox'] + span:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  left: -30px;
  background: #fff;
  top: 0;
  z-index: 7;
}

input[type='radio'] + span:before {
  border-radius: 50%;
  border: 0.05em solid #ffffff;
}

/*form css end*/

/*dashboard header*/
header.backend-header {
  padding: 20px 0 20px;
}

/*dashboard header end*/

/*footer css*/
footer .footer-wrap {
  padding: 22px 0;
}

footer .footer-wrap .footer-inner a {
  display: inline-block;
}

footer .footer-wrap .copy-right {
  display: inline-block;
  vertical-align: sub;
  margin-left: 30px;
}

footer .footer-wrap .copy-right p {
  margin: 0;
  font-weight: 300;
}

.business {
  float: right;
}

.business p {
  margin: 0;
  font-size: 18px;
}

/*footer css end*/

/*login & resetting page css*/
.resetting-form-wrap,
.login-form-wrap {
  max-width: 100%;
  min-height: calc(100vh - 67.6px);
  padding: 10vmin 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.check-email-alert {
  width: 650px;
  margin: 20px auto 60px;
  max-width: 100%;
}

.reset-form,
.login-form {
  width: 320px;
  margin: 20px auto 60px;
  max-width: 100%;
}

/*login page css end*/

/*dasaboard page*/
.data-table-wrap {
  padding-bottom: 40px;
}

.page-title-top.left-header {
  border-top-left-radius: 7px;
  background: var(--bubble-active-color) !important;
  padding: 15px;
  text-align: left;
}

.page-title-top.right-header {
  border-top-right-radius: 7px;
  background: var(--bubble-completed-color) !important;
  text-align: center;
}

.page-title-top.left-header *,
.page-title-top.left-header a,
.page-title-top.left-header h2,
.page-title-top.right-header *,
.page-title-top.right-header a,
.page-title-top.right-header h2 {
  color: #fff;
}

.page-title-top.black-bg,
.page-title-top.pink-bg.text-white {
  background: var(--banner-bg-color) !important;
}

.page-title-top {
  background: var(--banner-info-bg-color);
  color: var(--banner-info-text-color);
  padding: 15px 0;
  text-align: center;
  margin-bottom: 15px;
}

.page-title-top .col-md-4 {
  text-align: left;
}

.page-title-top .col-md-4:nth-child(2) {
  text-align: center;
}

.page-title-top .col-md-4:last-child {
  text-align: right;
}

.page-title-top.black-bg *,
.page-title-top.black-bg a,
.page-title-top.black-bg h2 {
  color: #fff;
}

.page-title-top h2 {
  margin: 0;
}

.dashboard-opt {
  font-size: 18px;
  padding-top: 10px;
}

.dashboard-opt-body {
  padding-bottom: 30px;
}

.dashboard-links,
.select-opt {
  display: inline-block;
}

.dashboard-links span {
  display: inline-block;
  margin: 0 5px;
}

.dashboard-opt a {
  font-size: 16px;
}

.select-opt select {
  margin-right: 20px;
}

.data-table-wrap table.dataTable > thead {
  display: table-footer-group;
}

.data-table-wrap .dataTables_length,
.data-table-wrap .dataTables_filter {
  display: none;
}

.data-table-wrap table.dataTable {
  border-collapse: separate;
  border-spacing: 0 10px;
}

.table-clients table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

.table-wrap-preview table {
  border-spacing: 0;
}

.data-table-wrap tr {
  text-align: center;
}

.data-table-wrap table.dataTable tbody tr {
  border-collapse: collapse;
  border-bottom: 20px solid #fff;
  border-top: 20px solid #fff;
}

.data-table-wrap.data-table-pink table.dataTable tbody tr,
.data-table-wrap table.data-table-pink tbody tr {
  background: #fff;
}

.data-table-wrap table.dataTable th,
.data-table-wrap table.dataTable td {
  padding: 4px 15px 4px 10px;
  border: none;
  height: 45px;
  vertical-align: middle;
  position: relative;
  text-align: left;
}

table.dataTable.no-footer {
  border: none;
}

.dot-td {
  position: relative;
}

.dot-td .table-menu {
  height: 25px;
  width: 25px;
  background-color: #f2d9a3;
  border-radius: 50%;
  padding-top: 6px;
  color: #631d2d;
  float: right;
}

.dot-td .table-menu-2 {
  height: 25px;
  width: 25px;
  background-color: var(--menu-circle-color);
  border-radius: 50%;
  padding-top: 3px;
  padding-right: 2px;
  color: var(--menu-dot-color);
  float: right;
  font-size: 20px;
}

table.dataTable tbody tr td.dot-td {
  width: 30%;
  text-align: center;
}

.dataTables_paginate.paging_simple_numbers * {
  font-weight: 700;
  font-size: 20px;
}

.dataTables_paginate.paging_simple_numbers > span {
  display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0.5em 0.2em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: transparent;
  border-color: transparent;
  color: #000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--text-primary-color) !important;
}

.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.dataTables_wrapper {
  position: relative;
  padding-bottom: 70px;
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper div.dataTables_info {
  right: 0;
  position: absolute;
}

.dataTables_wrapper div.dataTables_info {
  right: 70px;
  height: 45.5px;
  font-weight: 700;
  font-size: 14px;
  margin-top: 4px;
  color: var(--text-primary-color);
}

.modify-btn > a:not(:last-child) {
  margin-right: 10px;
}

.data-table-pink table.dataTable thead .sorting_asc {
  background-image: url('../../images/sort-down-color.png');
}

.data-table-pink table.dataTable thead .sorting_desc {
  background-image: url('../../images/sort-up-color.png');
}

.data-table-wrap td.dot-td {
  cursor: pointer;
}

.dot-td:hover .tb-pop,
.data-table-wrap td.dot-td:hover .tb-pop {
  display: block;
}

.dot-td .tb-pop a,
.data-table-wrap .tb-pop a {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.dot-td .tb-pop a:hover,
.data-table-wrap .tb-pop a:hover {
  font-weight: 700;
}

.tb-pop:after,
.data-table-wrap .tb-pop:after {
  content: '';
  position: absolute;
  top: -10px;
  right: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  z-index: 99999;
}

.tb-pop,
.data-table-wrap .tb-pop {
  position: absolute;
  top: 100%;
  right: 10px;
  max-width: 100px;
  z-index: 9;
  background: #fff;
  padding: 10px;
  text-align: center;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: none;
}

.dot-formality .tb-pop {
  width: 190px;
  max-width: 190px;
}

.dot-procedure .tb-pop {
  width: 150px;
  max-width: 150px;
}

table table tbody > tr {
  padding: 0;
  border-top: none !important;
}

table table tbody > tr:last-child {
  border-bottom: none !important;
}

table table {
  margin-right: 0;
  margin-left: auto;
  width: 97.5%;
}

table tr.table-wrap > td {
  padding-right: 0;
}

table.multi-table tr {
  text-align: left;
}

table.dataTable > tbody > tr.table-wrap,
table.dataTable > tbody > tr.table-wrap .table-wrap {
  background: transparent;
}

table.dataTable > tbody > tr.table-wrap table {
  margin-right: -20px;
  width: 97.9%;
}

table.data-table-pink thead tr {
  background: transparent !important;
  padding: 5px 20px;
  border: none !important;
}

table.data-table-pink thead tr th {
  padding: 5px 20px !important;
}

/*dasaboard page end*/

.form-wrapper > .sumbit,
.form-wrapper > form > .sumbit {
  margin: 60px 0 100px;
}

.form-wrapper-inner:first-child {
  margin-top: 60px;
}

.personne_physique .form-wrapper-inner:first-child {
  margin-top: 0 !important;
}

.form-wrapper-inner:not(.grey-bg) {
  padding: 15px 0;
  margin: 0 0;
}

.form-wrapper-inner {
  padding: 30px;
  margin-bottom: 35px;
}

.form-wrapper-inner > h2 {
  /*margin-bottom: 40px;*/
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.form-wrapper-inner h3 {
  margin-bottom: 20px;
  font-weight: 500;
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #6d6d6d;
}

.form-wrapper-inner h3.cac {
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}

.add-sel {
  cursor: pointer;
  margin-bottom: 30px;
  display: block;
}

.formality-form-wrap {
  width: 835px;
  max-width: 100%;
  margin: 0 auto;
}

table.compte-tb {
  width: 100%;
  margin-bottom: 105px;
}

.compte-factures table.compte-tb {
  border-bottom: 2px solid #000;
}

.compte-factures table.compte-tb tbody tr {
  border-top: 5px solid #fff;
}

table.compte-tb tfoot,
table.compte-tb thead {
  background: gray;
}

table.compte-tb thead th:last-child {
  width: 30%;
}

table.compte-tb tbody tr {
  background: #f7f7f7;
  border-collapse: collapse;
  border-top: 5px solid #fff;
}

table.compte-tb tbody tr:last-child {
  border-bottom: 2px solid #fff !important;
}

table.compte-tb tr td {
  padding: 20px;
}

table.compte-tb tr td > img {
  margin-right: 20px;
}

table.compte-tb tfoot tr,
table.compte-tb thead th {
  color: #fff;
  font-weight: 700;
  padding: 10px 20px;
}

.bottom-escape,
.compte-nav {
  margin-bottom: 30px;
  padding-top: 30px;
}

.tb-wrap h2 {
  text-transform: uppercase;
  margin-bottom: 30px;
}

.page-wrapper {
  min-height: calc(100vh - 122.2px - 67.6px);
}

/* added CSS by Agence Alinaous */
.submit_btn,
.reset_btn {
  cursor: pointer !important;
  background-color: var(--botton-primary-bg-color) !important;
  padding: 10px 20px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: bold !important;
  border-radius: var(--botton-raduis) !important;
  display: inline-block !important;
  border: 2px solid var(--botton-primary-bg-color) !important;
}

.submit_btn:hover,
.reset_btn:hover {
  border: 2px solid var(--botton-primary-bg-color) !important;
  background-color: transparent !important;
  color: var(--botton-primary-bg-color) !important;
}

.i_tag {
  font-size: 16px;
  font-weight: bold !important;
  color: var(--text-primary-color) !important;
  text-decoration: underline !important;
}

.i_tag:hover {
  font-weight: bold !important;
  color: var(--text-secondary-color) !important;

  border-bottom-color: transparent !important;
}

.link_tag {
  font-weight: bold !important;
  color: var(--text-secondary-color) !important;
  text-decoration: none !important;
  border-bottom-color: transparent !important;
}

.link_tag:hover {
  font-weight: bold !important;
  color: var(--text-secondary-color) !important;
  border-bottom-color: transparent !important;
}

.tooltip-wrap {
  display: inline-block;
  margin-left: 10px;
}

.tooltip-wrap img {
  padding-bottom: 10px;
}

/*steps*/
.steps-wrap {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.steps-wrap .steps-indv {
  flex: 0 0 50%;
  max-width: 20%;
  text-align: center;
  padding: 0 0px calc(20% - 0px) !important;
  display: flex;
  align-items: center;
  position: relative;
}

.steps-wrap .steps-indv.active a {
  color: var(--bubble-active-text-color) !important;
  border-color: transparent !important;
  background: var(--bubble-active-color) !important;
}

.steps-wrap .steps-indv:hover a {
  color: #fff !important;
  border-color: transparent !important;
  background: var(--bubble-active-color) !important;
}

.steps-wrap .steps-indv a:focus:hover {
  color: #161616;
  border-bottom-color: transparent;
  background: #ccc7c9;
}

.steps-wrap .steps-indv.active a:before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  display: inline-block;
  bottom: 20%;
  left: 48%;
  text-align: center;
  background: var(--bubble-active-check-color) !important;
  border-radius: 50px;
}

.steps-wrap .steps-indv.active a.dossier-step.completed::before {
  background: var(--bubble-active-check-color) !important;
}

.steps-wrap .steps-indv a {
  text-decoration: none;
  background: var(--bubble-deactivate-color);
  color: var(--bubble-text-color);
  border: 2px solid transparent;
  width: calc(100% - 30px);
  display: block;
  border-radius: var(--bubble-form);
  text-transform: uppercase;
  font-weight: 900;
  position: absolute;
  height: calc(100% - 30px);
  top: 30px;
  left: 15px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.steps-wrap .steps-indv:not(.active) a.dossier-step.completed::after {
  content: '\f00c';
  font-family: FontAwesome;
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 15%;
  left: 44.1%;
  background: var(--bubble-completed-check-color);
  border-radius: 50%;
  font-size: 14px;
  font-weight: normal;
}

.steps-wrap .steps-indv:not(.active) a.dossier-step.completed {
  color: #fff;
  border-bottom-color: transparent;
  background: var(--bubble-completed-color) !important;
}

.steps-wrap .steps-indv.active a.dossier-step.completed {
  font-weight: bold !important;
}

.form_wrapper {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 30px 120px;
  border-radius: 8px;
  background: #f0efea;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.form_wrapper_message {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.tooltip-wrap {
  position: relative;
  cursor: pointer;
}

.tooltip-wrap {
  position: relative;
  cursor: default;
}

.tooltip-wrap img {
  cursor: pointer;
}

.tooltip-wrap img:hover + .tooltip-inner {
  opacity: 0.8;
  visibility: visible;
}

.tooltip-wrap:hover .tooltip-inner {
  display: block;
}

.tooltip-wrap .tooltip-inner {
  position: absolute;
  top: -50%;
  left: 150%;
  width: 450px;
  max-width: 450px;
  border-radius: 5px;
  padding: 0.5rem 0.5rem;
  display: none;
  visibility: visible;
  z-index: 9;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: left;
}

/* end of added scc by Agence Alinaous*/
.tooltip-wrap .tooltip-inner p {
  font-weight: 500;
  font-size: 12px;
  margin: 0;
  text-align: left;
}

.tooltip-wrap .tooltip-inner table {
  background-color: #f4f4f4;
  color: #000;
}

.tooltip-wrap .tooltip-inner th,
.tooltip-wrap .tooltip-inner td {
  font-size: 12px;
  margin: 0;
  padding: 4px;
  line-height: 12px;
}
.tooltip-wrap .tooltip-inner p,
.tooltip-wrap .tooltip-inner li {
  font-weight: 700;
  font-size: 14px;
  margin: 0;
  line-height: 16px;
  margin-bottom: 5px;
}

.tooltip-wrap .tooltip-inner ul {
  padding-left: 25px;
}

.tooltip-wrap .tooltip-inner a {
  color: #d4175b;
}

.send-invoice-client-info .info_bulle {
  color: #d4175b;
  background: transparent;
}

.send-invoice-client-info.tooltip-wrap .tooltip-inner {
  right: 150% !important;
  left: auto !important;
  max-width: 225px !important;
}

.associes-list {
  padding: 12.5px 20px;
  margin: 0 0 10px;
}

.du-capital-wrap,
.collectives-wrap,
.associes-list-wrap {
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
}

.collectives-wrap {
  margin: 60px auto;
}

.range-wrap {
  padding: 0 0 40px;
}

.range {
  -webkit-appearance: none;
  width: 100%;
  height: 30px;
  background: #f4f4f4;
  outline: none;
  opacity: 1;
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  background: #000;
  cursor: pointer;
  position: relative;
}

.range::-moz-range-thumb {
  width: 30px;
  height: 30px;
  background: #000;
  cursor: pointer;
  position: relative;
  border: none;
  border-radius: 0;
}

.range #thumb {
  position: relative;
}

.bubble:after {
  position: absolute;
  top: -40px;
  width: calc((700px * 66) / 100);
  right: 19px;
  background: #000;
  height: 30px;
}

.range-wrap {
  text-align: left;
  position: relative;
}

.range {
  width: 100%;
}

.bubble {
  background: #000;
  color: white;
  padding: 4px 0;
  position: absolute;
  border-radius: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  font-weight: 700;
  top: 40px;
  z-index: 9;
  line-height: 30px;
  height: 40px;
  width: 40px;
  text-align: center;
}

.espace-sas .form-wrapper-inner .page-title-top {
  padding: 15px;
}

/*Espace-sas Page*/
a.btn_manewco_black {
  background: none !important;
  color: #000 !important;
  border: 2px solid #000 !important;
}

a.btn_manewco_black:hover {
  background: #000 !important;
  color: #fff !important;
}

.espace-sas .associes-list-wrap {
  width: auto;
  margin-left: 70px;
}

.espace-sas .page-title-top {
  margin-bottom: 20px;
}

.espace-sas .form-wrapper-inner {
  padding: 10px 0;
}

.espace-sas .associes-list:last-child {
  margin-bottom: 0;
}

.espace-sas input[type='checkbox'] + span:before {
  border: 2px solid #000;
}

.espace-sas .input-grp,
.espace-sas .input-grp label {
  margin-bottom: 0;
}

.espace-sas .input-grp label {
  width: 100%;
}

.espace-sas .small-checkbox .associes-list:nth-child(1) {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 5px;
}

.espace-sas .associes-list p {
  margin-bottom: 0;
}

.espace-sas .bottom-checkbox .input-grp {
  margin-bottom: 10px;
}

/*End Espace-sas Page*/

/*Compte Profile*/
.compte-profil .form-wrapper-inner {
  padding-top: 0;
}

.compte-profil .input-grp {
  margin-bottom: 20px;
}

/*End Compte Profil*/
.synthese-sas table th,
.synthese-sas table td {
  border-top: none !important;
}

.synthese-sas .form-wrapper-inner table th {
  white-space: nowrap;
}

.transfert-sec label {
  width: 100%;
}

.transfert-sec .row .col-md-12 {
  margin-bottom: 10px;
}

/*Compte Facture*/
.compte-tb .dot-td .tb-pop {
  right: -10px !important;
  background: #000;
  box-shadow: unset;
}

.compte-tb .dot-td .tb-pop a {
  color: #fff;
  font-weight: unset !important;
  cursor: pointer;
}

.compte-tb .dot-td .tb-pop:after {
  border-color: transparent transparent #000 transparent;
}

.compte-tb-fl,
.mobile-det {
  display: none;
}

.compte-tb-fl .compte-tb-list .tb-th {
  font-weight: 700;
  padding: 20px 30px;
  background: #000;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.compte-tb-fl .compte-tb-list .tb-td {
  background-color: #f7f7f7;
  padding: 10px 30px;
  margin: 10px 0;
  font-size: 16px;
  text-align: center;
}

.compte-tb-fl .compte-tb-list:last-child .tb-td {
  text-align: right;
  background-color: transparent;
  font-size: 14px;
}

.compte-tb-fl .compte-tb-list:last-child .tb-th {
  display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type='range'] {
    overflow: hidden;
    width: 100%;
    -webkit-appearance: none;
    background-color: #f4f4f4;
  }

  input[type='range']::-webkit-slider-runnable-track {
    height: 30px;
    -webkit-appearance: none;
  }

  input[type='range']::-webkit-slider-thumb {
    width: 30px;
    -webkit-appearance: none;
    height: 30px;
    cursor: ew-resize;
    background: #000;
    box-shadow: -700px 0 0 700px #000;
    position: relative;
    left: -2px;
  }
}

/** FF*/
input[type='range']::-moz-slider-thumb {
  width: 30px;
  -webkit-appearance: none;
  height: 30px;
  cursor: ew-resize;
  background: #000;
  box-shadow: -700px 0 0 700px #000;
}

input[type='range']::-moz-range-progress {
  background-color: #000;
  height: 30px;
}

input[type='range']::-moz-range-track {
  background-color: #f4f4f4;
}

/* IE*/
input[type='range']::-ms-fill-lower {
  background-color: #000;
}

input[type='range']::-ms-fill-upper {
  background-color: #f4f4f4;
}

@media all and (-ms-high-contrast: none) {
  .range {
    -webkit-appearance: auto;
    height: auto;
  }

  .bubble {
    display: none;
  }
}

.du-capital-wrap {
  margin: 40px auto;
}

table,
.du-capital-wrap table {
  width: 100%;
  text-align: left;
}

table td,
table th,
.du-capital-wrap table td,
.du-capital-wrap table th {
  padding: 10px 20px;
}

.du-capital-wrap table th:not(:first-child),
.du-capital-wrap table td:not(:first-child) {
  text-align: center;
}

.du-capital-wrap table tbody > tr {
  background: #f4f4f4;
}

.du-capital-wrap table tbody > tr:nth-child(2n) {
  background: #fff;
}

.du-capital-wrap table tfoot > tr {
  background: var(--text-secondary-color);
}

.du-capital-wrap table tfoot > tr * {
  color: #fff;
}

.gouvernance-list-add .add-list {
  cursor: pointer;
}

.added-tb {
  width: 90%;
  margin: 0 0 10px auto;
  background: #d4175b;
}

.added-tb * {
  color: #fff;
}

.added-tb img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

/*090220*/
.page-validation {
  width: 535px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 25px;
}
.page-validation h3 {
  margin-bottom: 0;
  font-weight: normal;
}
.common-bg-wrap .title-bg {
  padding: 3px 10px 1px;
  margin-bottom: 20px;
}
.common-bg-wrap .title-bg p {
  margin-bottom: 0;
}
.common-bg-wrap .title-bg-pink {
  background: var(--text-primary-color);
  color: #fff;
}
.common-bg-wrap .title-bg-grey {
  background: #f7f7f7;
}
.common-bg-wrap .title-bg::after {
  content: '';
  display: block;
  clear: both;
}
.common-bg-wrap .title-bg h3,
.common-bg-wrap .title-bg h2 {
  margin-bottom: 0;
}
.common-bg-wrap .title-bg h5 {
  font-weight: bold;
  font-size: 18px;
}
.validation-checkbox {
  padding: 25px 20px;
}
.validation-checkbox .col-md-6 {
  padding: 0 10px;
}
.validation-checkbox span {
  font-size: 14px;
}
.validation-checkbox .col-md-6:nth-child(even) span {
  margin-left: 8px;
}
.validation-content {
  margin-top: 7px;
  padding: 23px 25px 16px;
  margin-bottom: 30px;
}

.validation-content > h3 {
  margin-left: 8px;
  margin-bottom: 30px;
}
.validation-content .col-md-6 {
  margin-top: 13px;
}
.validation-content .col-md-6:nth-child(1),
.validation-content .col-md-6:nth-child(2) {
  margin-top: 0;
}
.validation-content .col-md-6:nth-child(even) {
  padding-right: 0;
}
.validation-content .col-md-6 label,
.validation-content .col-md-6 p {
  margin-bottom: 0;
}
.validation-content .col-md-6 label span {
  max-width: 86% !important;
  margin-right: 0;
}
.validation-content label span span {
  color: #717171;
  font-size: 12px;
  font-weight: normal;
}
.validation-total .common-bg-wrap .title-bg {
  margin-bottom: 23px;
}
.validation-total .common-bg-wrap .title-bg:last-child {
  margin-bottom: 0;
}
.page-validation .form-wrapper > .sumbit {
  margin: 100px 0 150px;
}

.page-paiement {
  margin: 0 125px;
  padding-top: 25px;
  padding-bottom: 200px;
}
.page-paiement input::placeholder {
  color: #ccc;
}
.page-paiement .paiement-left-wrap {
  flex: 0 0 65%;
  max-width: 65%;
  padding-right: 60px;
}
.page-paiement .paiement-right-wrap {
  flex: 0 0 35%;
  max-width: 35%;
}
.page-paiement h3 {
  margin-bottom: 0;
  font-weight: normal;
}
.page-paiement .paiement-list {
  padding: 25px 40px 15px;
}
.page-paiement .paiement-list p {
  margin-bottom: 17px;
}
.page-paiement .paiement-list.one-list {
  padding: 5px 42px 60px;
}
.page-paiement .paiement-list.one-list p {
  margin-bottom: 0;
}
.page-paiement .paiement-total {
  margin-bottom: 35px;
}
.coupon-code .input-grp input[type='text'] {
  width: 300px;
  border-color: var(--text-primary-color) !important;
  height: unset !important;
}
.coupon-code .input-grp {
  margin-bottom: 10px;
}
.page-paiement input[type='submit'] {
  padding: 6px 15px;
  min-width: auto;
  height: unset;
  margin-left: 10px;
}
.paiement-address {
  background: #f7f7f7;
}
.paiement-address,
.paiement-paiement {
  padding: 12px 18px 15px;
  margin-bottom: 10px;
}
.paiement-address p {
  margin-bottom: 22px;
}
.paiement-paiement {
  background: #ede7e9;
  padding-bottom: 20px;
}
.paiement-paiement h2 {
  margin-bottom: 12px;
}
.paiement-paiement .paiement-inner {
  padding: 10px 10px 15px;
  background: #fff;
}
.paiement-right-wrap .paiement-paiement .paiement-inner img {
  width: 100%;
}
.paiement-inner input[type='text'],
.paiement-inner input[type='number'] {
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding: 0 65px 0 28px;
}
.paiement-inner .card-input {
  position: relative;
  margin-top: 15px;
}
.paiement-inner .card-input .month-year {
  position: absolute;
  width: 65px;
  padding: 0 10px;
  border: 0;
  top: 0;
  right: 0;
  background: transparent;
}
.paiement-inner .card-input img {
  width: 15px;
  position: absolute;
  top: 10px;
  left: 8px;
}
.paiement-inner .card-check {
  margin-top: 15px;
  margin-bottom: 15px;
}
.paiement-inner .card-check label {
  width: 100%;
  margin-bottom: 0;
}
.paiement-inner .card-check span {
  font-size: 12px;
  margin-right: 0;
}
.paiement-inner .card-check input[type='checkbox'] {
  margin-left: 0;
  margin-right: 5px;
  height: 14px;
  width: 15px;
}
.paiement-inner .card-check input[type='checkbox'] + span:before {
  left: -20px;
  height: 14.5px;
  width: 15px;
  top: 3px;
  border: 1px solid #ccc;
}
.paiement-inner .card-check input[type='checkbox'] + span:after {
  left: -17px;
  top: 6px;
  height: 8px;
  width: 8px;
}
.paiement-paiement .paiement-inner input[type='submit'] {
  padding: 6px 40px;
}
.submit-paiement {
  text-align: center;
}
/*090220*/

/*media queries*/
@media screen and (max-width: 1199px) {
  .page-paiement {
    margin: 0 80px;
  }
}

@media (max-width: 991px) {
  .steps-wrap .steps-indv:not(.active) a.dossier-step.completed::after {
    display: none;
  }
  .form_wrapper {
    padding: 30px 20px;
  }

  .page-paiement {
    margin: 0 40px;
  }
  .page-paiement .paiement-wrap {
    display: block !important;
  }
  .page-paiement .paiement-left-wrap {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 50px;
  }
  .page-paiement .paiement-right-wrap {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
  }
  .page-paiement .paiement-right-wrap .paiement-address,
  .page-paiement .paiement-right-wrap .paiement-paiement {
    flex: 0 0 48%;
    max-width: 48%;
  }
  .page-paiement .paiement-right-wrap .paiement-address {
    margin-right: 1%;
    height: 100%;
  }
  .page-paiement .paiement-right-wrap .paiement-paiement {
    margin-left: 1%;
  }

  .transfert-sec label {
    width: unset;
  }

  table span[data-float='right'] {
    float: none !important;
    display: block;
  }

  table table {
    width: 100%;
  }

  .steps-wrap .steps-indv {
    padding: 0 15px 20%;
  }

  .steps-wrap .steps-indv a {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    font-size: 12px;
    top: 15px;
    left: 15px;
  }
}

@media (max-width: 767px) {
  .validation-checkbox input[type='checkbox'] + span,
  .validation-content input[type='checkbox'] + span {
    font-size: 14px;
  }
  .page-paiement {
    margin: 0;
  }
  .paiement-inner .card-input .month-year {
    padding: 0 5px;
    width: 55px;
  }
  .paiement-inner input[type='text'] {
    padding: 0 55px 0 28px;
  }

  .page-title-top.black-bg *,
  .page-title-top.black-bg a,
  .page-title-top.black-bg h2 {
    font-size: 14px;
  }

  .steps-wrap > .row {
    justify-content: center;
  }

  .ham-ico span {
    width: 100%;
    height: 4px;
    display: block;
    background: #000;
    margin: 8px 0;
    transform-origin: center center;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }

  .ham-ico span:nth-child(3) {
    margin: -12px 0 0;
  }

  .header-wrap .menu-wrap a {
    display: block;
    color: #fff !important;
    margin: 10px 0;
  }

  body.menu-open .ham-ico span:nth-child(1),
  body.menu-open .ham-ico span:nth-child(4) {
    opacity: 0;
  }

  body.menu-open .ham-ico span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  body.menu-open .ham-ico span:nth-child(3) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  body.menu-open .header-wrap .menu-wrap {
    z-index: 99;
    opacity: 1;
    visibility: visible;
  }

  .header-wrap .menu-wrap {
    position: fixed;
    z-index: -1;
    opacity: 0;
    left: 0;
    width: 100%;
    background: #000;
    top: 90px;
    padding: 20px;
    visibility: hidden;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }

  .ham-wrap {
    display: inline-block !important;
    width: 40px;
    cursor: pointer;
  }

  .page-title-top {
    padding-bottom: 5px;
  }

  .page-title-top h2 {
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
  }

  .collectives-wrap {
    max-width: calc(100% - 30px);
  }

  .tooltip-wrap {
    display: block;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .steps-wrap {
    background: #f4f4f4;
    padding: 30px 0 5px;
    position: relative;
  }

  .steps-wrap:before {
    background: #f4f4f4;
    width: 200vw;
    content: '';
    position: absolute;
    top: 0;
    left: -100vw;
    height: 100%;
  }

  .steps-wrap:after {
    background: #f4f4f4;
    width: 200vw;
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transs: translate(0, -50%);
    left: -100vw;
    height: 12px;
    background: var(--text-primary-color);
    border: 5px solid #fff;
  }

  .steps-wrap .steps-indv {
    padding: 0 15px 0;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    text-align: center;
    justify-content: center;
    z-index: 9;
  }

  .steps-wrap .steps-indv a:before {
    display: none;
  }

  .steps-wrap .steps-indv a {
    width: auto;
    top: 0;
    left: 0;
    position: relative;
    height: auto;
    border: 1px solid transparent;
    border-radius: 5px;
    background: #f4f4f4;
    padding: 5px 10px;
    margin: 0 0 20px;
  }

  .steps-wrap .steps-indv:hover a,
  .steps-wrap .steps-indv.active a {
    border-color: #b7b7b7;
  }

  .dataTables_wrapper div.dataTables_info {
    margin-top: 0.5em;
  }

  .dashboard-links,
  .select-opt {
    margin: 0 15px 20px 0;
  }

  .page-wrapper {
    min-height: calc(100vh - 146.28px);
  }

  footer .footer-wrap {
    text-align: center;
  }

  .business {
    float: none;
    margin: 20px 0 0;
    text-align: center;
  }

  footer .footer-wrap .copy-right {
    display: block;
    margin: 20px 0 0;
    text-align: center;
  }

  .check-email-alert,
  .reset-form,
  .login-form {
    margin: 20px auto 20px;
  }

  header.backend-header,
  header.backend-header .text-right {
    text-align: center !important;
  }

  header.backend-header h3 {
    margin-bottom: 20px;
  }

  .compte-profil .offset-lg-4 {
    margin-top: 30px;
  }

  .form-wrapper-inner .form-inner .col-lg-6:last-child .input-grp,
  .form-wrapper-inner .form-inner .col-lg-12:last-child .input-grp {
    margin-bottom: 10px;
  }

  .compte-nav a {
    font-size: 16px;
  }

  .compte-profil .profil-submit {
    text-align: right !important;
  }

  header.backend-header h3 {
    font-size: 20px;
    margin-bottom: 0;
    text-align: left;
  }

  header.backend-header .header-wrap a {
    font-size: 18px;
  }

  .page-title-top .col-md-4 h2,
  .page-title-top .col-md-4 h2 a {
    font-size: 16px;
  }

  .resetting-form-wrap,
  .login-form-wrap {
    height: 100vh;
  }

  header.backend-header {
    padding: 20px 0;
  }

  .form-wrapper .form-wrapper-inner > h2 {
    margin-bottom: 30px;
    font-size: 16px;
  }

  textarea,
  select,
  input[type='text'],
  input[type='number'],
  input[type='password'],
  input[type='email'],
  input[type='tel'],
  input[type='radio'] + span,
  input[type='checkbox'] + span,
  .form-wrapper-inner p,
  .personne-morale-wrap .text-md-right {
    font-size: 16px;
  }

  .form-wrapper-inner p {
    margin-top: 15px;
  }

  .form-wrapper-inner h3.mt-0 {
    font-weight: 500;
  }

  .form-wrapper-inner h3 {
    font-weight: 600;
    margin-top: 10px;
  }

  .tooltip-wrap {
    margin-left: 8px;
    display: unset;
  }

  .tooltip-wrap .tooltip-inner {
    display: none;
  }

  .tooltip-wrap:hover .tooltip-inner {
    display: block;
  }

  .no-cont-mob .form-wrapper-inner.pd-15 {
    padding-left: 15px;
    padding-bottom: 0;
  }

  .personne-phy-wrap .form-wrapper-inner,
  .personne-common-wrap .form-wrapper-inner,
  .benefical-owner-wrap .form-wrapper-inner,
  .personne-morale-wrap .form-wrapper-inner {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .personne-phy-wrap .row .row .row .col-3:first-child,
  .personne-common-wrap .row .row .row .col-3:first-child,
  .benefical-owner-wrap .row .row .row .col-3:first-child,
  .personne-morale-wrap .row .row .row .col-3:first-child {
    padding-left: 15px;
  }

  .personne-phy-wrap .row .row .row .col-3,
  .personne-common-wrap .row .row .row .col-3,
  .benefical-owner-wrap .row .row .row .col-3:first-child,
  .personne-morale-wrap .row .row .row .col-3 {
    padding: 0 10px;
  }

  .no-cont-mob .form-wrapper-inner.pd-15 .input-grp {
    margin-bottom: 0 !important;
  }

  .no-cont-mob .form-wrapper-inner.pd-15 label:last-child input[type='radio'] {
    margin-left: 0;
  }

  .collectives-wrap .text-center h2,
  .du-capital-wrap.text-center h2 {
    font-size: 20px;
  }

  .collectives-wrap .text-center p,
  .du-capital-wrap.text-center p {
    font-size: 14px;
    margin-top: 0;
  }

  .form-wrapper > .sumbit,
  .form-wrapper > form > .sumbit {
    margin: 70px 0 70px;
  }

  .transfert-sec .row {
    margin-left: 0;
    margin-right: 0;
  }

  .transfert-sec .row .col-md-12 label span input[type='text'] {
    width: 80px !important;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 35px;
  }

  .transfert-sec .input-grp p strong {
    font-weight: 500 !important;
  }

  .transfert-sec .row .col-md-12.col-12 {
    margin-top: 15px;
  }

  .transfert-sec .row .col-md-12.col-12 label span input[type='text'] {
    width: 140px !important;
  }

  .plm-0 {
    padding-left: 40px !important;
  }

  .transfert-sec .row .col-md-12:nth-child(odd) {
    padding-left: 0;
  }

  .transfert-sec .input-grp {
    margin-bottom: 0;
  }

  .rem-ttp span {
    display: none;
  }

  .autre-sec .form-wrapper-inner h3 {
    font-weight: 500;
  }

  .autre-sec .form-wrapper-inner .row .col-3 {
    padding: 0 10px;
  }

  .autre-sec .form-wrapper-inner .row .col-3:first-child {
    padding-left: 15px;
  }

  .autre-sec .form-wrapper-inner .row .offset-lg-2 h2 {
    display: none;
  }

  .modif-sec .form-wrapper-inner .col-6 h3 {
    font-size: 15px;
  }

  .table-767 tbody tr:nth-of-type(even),
  .synthese-sas .form-wrapper-inner:nth-child(4) .table tr:nth-of-type(even),
  .synthese-sas .form-wrapper-inner:last-child .table tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .synthese-sas .form-wrapper .form-wrapper-inner:first-child {
    padding-bottom: 0;
  }

  .synthese-sas .du-capital-wrap.text-center h2 {
    font-size: 18px;
  }

  .synthese-sas .form-wrapper-inner:nth-child(2) .du-capital-wrap.text-center,
  .synthese-sas .form-wrapper-inner:nth-child(4) .table {
    margin-bottom: 0;
  }

  .synthese-sas .form-wrapper-inner:nth-child(4) .table tr th,
  .synthese-sas .form-wrapper-inner:nth-child(4) .table tr td {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .synthese-sas .form-wrapper-inner:nth-child(4) .table tr th {
    width: 45%;
  }

  .synthese-sas .form-wrapper-inner:nth-child(4) .table tr td {
    width: 55%;
  }

  .synthese-sas .du-capital-wrap.text-center p {
    font-size: 14px;
    margin-top: 0;
  }

  .synthese-sas .form-wrapper-inner:nth-child(2) table th,
  .synthese-sas .form-wrapper-inner:nth-child(2) table td {
    font-size: 14px;
  }

  .synthese-sas .form-wrapper-inner table th,
  .synthese-sas .form-wrapper-inner table td {
    font-size: 15px;
    padding: 10px 15px;
  }

  .show-mob {
    display: block !important;
  }

  .associes-list-wrap .associes-list {
    font-size: 16px;
  }

  .associes-list-wrap .associes-list .dot-td a {
    font-size: 14px;
  }

  .associes-list.bottom-checkbox form {
    padding: 0 15px;
  }

  .form-wrapper > .sumbit.mob-mt-0,
  .form-wrapper > form > .sumbit.mob-mt-0 {
    margin-top: 0 !important;
  }

  .compte-tb-fl {
    display: block;
  }

  .compte-tb.hide-mob {
    display: none;
  }

  .dashboard-opt .col-md-4 {
    text-align: left !important;
    margin-top: 5px;
  }

  .tooltip-wrap .tooltip-inner {
    top: calc(-200% + 1px);
    left: calc(-300% + 01px);
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .container.login-cont {
    margin: 0 !important;
  }

  select {
    background-image: none !important;
  }

  .ie-table {
    overflow-y: hidden;
  }
}

@media screen and (max-width: 575px) and (min-width: 426px) {
  .paiement-paiement .paiement-inner .paiement-card img,
  .paiement-paiement .paiement-inner .payment-iban img {
    width: 60%;
  }
}

@media (max-width: 575px) {
  .logo-link img {
    width: 200px;
  }

  input[type='radio'] + span,
  input[type='checkbox'] + span {
    max-width: 84%;
  }
  table.modification-show td {
    width: 30%;
  }
  .common-bg-wrap .title-bg {
    margin-bottom: 15px;
    padding: 5px 15px 4px 10px;
  }
  .page-paiement .paiement-list {
    padding: 20px 40px 10px;
  }
  .page-paiement {
    padding-bottom: 50px;
  }
  .page-paiement .paiement-right-wrap {
    display: block;
  }
  .page-paiement .paiement-right-wrap .paiement-address {
    margin-bottom: 20px !important;
  }
  .page-paiement .paiement-right-wrap .paiement-address,
  .page-paiement .paiement-right-wrap .paiement-paiement {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
  }
  .paiement-card {
    text-align: center;
  }

  .tooltip-wrap {
    position: relative;
  }

  .pos-rel-mob {
    position: relative;
  }

  .no-cont-575 {
    padding: 0;
    margin: 0;
  }

  .small-checkbox .page-title-top h2 {
    margin-bottom: 7px !important;
  }

  .small-checkbox .page-title-top span {
    margin-bottom: 15px;
    display: block;
    text-align: left;
  }

  .form-wrapper.espace-sas .page-title-top span {
    margin-bottom: 0;
  }

  a.btn_manewco_pink {
    margin-bottom: 5px;
    margin-top: 7px;
  }

  .compte-profil .form-wrapper-inner .row.m-70 {
    margin: 0;
  }

  .espace-sas .associes-list-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .mb-50 {
    margin-bottom: 50px !important;
  }

  footer .footer-wrap .copy-right {
    margin: 10px 0 0;
  }

  .business {
    margin: 8px 0 0;
  }

  /*060520*/
  .page-title-top .order-3 {
    padding-top: 13px;
    border-top: 8px solid #fff;
  }

  .page-title-top .order-1 h2 {
    text-align: left;
    font-size: 16px;
  }

  .page-title-top .order-2 h2 {
    text-align: right;
  }

  .page-title-top .order-2 h2 a,
  .page-title-top .order-3 h2 {
    font-size: 16px;
  }

  .steps-wrap .row {
    justify-content: center;
  }

  .steps-wrap .steps-indv a {
    font-size: 10px;
  }

  .input-grp div label {
    margin-bottom: 0;
  }

  .input-grp {
    margin-bottom: 20px;
  }

  .steps-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container.no-cont-mob {
    padding-left: 0;
    padding-right: 0;
  }

  .form-normal .col-6:nth-child(1) {
    padding-right: 10px;
  }

  .form-normal .col-6:nth-child(2) {
    padding-left: 10px;
    padding-right: 0;
  }

  .form-normal .col-6 .col-6 {
    padding: 0 5px;
  }

  .form-normal h3 {
    font-weight: 500;
    font-size: 15px;
  }

  .form-wrapper > .sumbit,
  .form-wrapper > form > .sumbit {
    margin: 60px 0 50px;
  }

  .steps-wrap .steps-indv.active a:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 12px solid var(--bubble-active-check-color);
  }

  .compte-paiement h2.mb-3,
  .compte-paiement p.m-hid {
    margin-bottom: 10px !important;
  }

  .compte-nav,
  .page-title-top {
    margin-bottom: 30px;
  }

  .m-hid strong {
    display: none;
  }

  table.compte-tb thead {
    background: unset;
  }

  table.compte-tb thead tr {
    width: 100%;
  }

  table.compte-tb thead th:last-child {
    width: 0 !important;
    padding: 0;
  }

  table.compte-tb tr td > img {
    margin-right: 0;
  }

  .m-hid::before {
    content: '+';
    font-size: 24px;
    font-weight: 600;
  }

  .compte-nav,
  .no-cont-mob .compte-paiement .d-flex,
  .compte-tb thead tr,
  .compte-tb tbody tr,
  .compte-sepa h2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .compte-tb thead tr th {
    text-align: center;
    padding: 12px 10px;
    background-color: gray;
  }

  /*table.compte-tb tbody tr,*/
  table.compte-tb tbody tr td {
    border-bottom: 0 !important;
  }

  .compte-sepa {
    margin: 0;
  }

  .compte-profil .compte-nav {
    padding: 0;
  }

  .title-wrapper .order-1 {
    margin-bottom: 15px;
    justify-content: start !important;
  }

  .title-wrapper .order-2 {
    margin-bottom: 0 !important;
  }

  .title-wrapper .order-2 p {
    text-align: left;
    margin-left: 1rem;
    margin-bottom: 10px !important;
  }

  .form-wrapper.espace-sas {
    margin-top: 2rem !important;
  }

  .espace-sas .form-wrapper-inner {
    padding: 25px 0;
  }

  .form-wrapper.espace-sas .page-title-top h2 {
    margin-bottom: 0;
  }

  .tb-pop,
  .data-table-wrap .tb-pop {
    right: 0;
  }

  .espace-sas .input-grp label {
    display: flex;
  }

  .container .identite .row .col-lg-12,
  .container .identite .row .col-lg-6,
  .container .identite .row .col-6 {
    padding: 0;
  }

  .no-cont-mob .identite .row .col-lg-12,
  .no-cont-mob .identite .row .col-lg-6,
  .no-cont-mob .identite .row .col-6,
  .associes-list-wrap .text-right {
    padding: 0 15px;
  }

  .associes-list-wrap .dot-td.text-right {
    padding: 0;
  }

  .associes-list {
    padding: 12.5px 15px;
  }

  .no-cont-mob .identite .row .col-lg-4:nth-child(odd) {
    padding-right: 8px;
  }

  .no-cont-mob .identite .row .col-lg-4:nth-child(even) {
    padding-left: 8px;
  }

  .form-wrapper-inner.white-bg {
    padding: 15px 15px;
    margin-bottom: 0;
  }

  .form-wrapper-inner.grey-bg {
    padding: 30px 15px;
    margin-bottom: 0;
  }

  .form-wrapper-inner:first-child {
    margin-top: 30px;
  }

  .form-wrapper-inner.white-bg h2,
  .form-wrapper-inner.grey-bg h2 {
    margin-bottom: 15px;
  }

  .form-wrapper-inner.error-wrap-mob {
    margin-bottom: 35px;
  }
  .identite .row .row.mr-sm-0 {
    margin-right: 0 !important;
  }

  .identite .row .row .col-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .identite .row .row .col-6:first-child {
    padding-left: 15px;
  }

  .hide-mob {
    display: none;
  }

  .personne-phy-wrap .mb-white,
  .personne-common-wrap .mb-white,
  .benefical-owner-wrap .mb-white,
  .personne-morale-wrap .mb-white {
    margin-bottom: 35px;
  }

  .collectives-wrap .text-center {
    text-align: left !important;
  }

  .collectives-wrap {
    margin-top: 40px;
  }

  .form-wrapper > .sumbit,
  .form-wrapper > form > .sumbit {
    margin: 30px 0 50px !important;
  }

  .plm-0 {
    padding-left: 30px !important;
  }

  .page-title-top {
    padding-top: 12px;
    /*padding-bottom: 0;*/
  }

  .page-title-top {
    margin-bottom: 12px;
  }

  .transfert-sec .input-grp label {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
  }

  .transfert-sec .input-grp label label {
    margin-left: 10px;
  }

  .transfert-sec .row .col-md-12 {
    padding: 0 5px;
  }

  .transfert-sec .mbm-30 {
    margin-bottom: 30px;
  }

  .modif-sec .form-wrapper-inner .col-6 h3 {
    margin-bottom: 10px !important;
    margin-top: 15px !important;
  }

  .modif-sec .form-wrapper-inner .row > .col-6:nth-child(odd) {
    padding-right: 5px;
    padding-left: 20px;
  }

  .modif-sec .form-wrapper-inner .row > .col-6:nth-child(even) {
    padding-left: 5px;
  }

  .synthese-sas
    .form-wrapper-inner:nth-child(3)
    .du-capital-wrap.text-center
    tr
    td
    p {
    text-align: center;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }

  .custom-tbl tr:last-child td {
    padding: 10px 20px;
  }

  .synthese-sas
    .form-wrapper-inner:nth-child(3)
    .du-capital-wrap.text-center
    tr
    td
    p
    strong {
    display: none;
  }

  .mobile-det {
    display: block;
    padding: 0 15px;
  }

  .mobile-det h3 {
    margin-top: 7px;
    margin-bottom: 5px;
  }

  .mb-mob {
    margin-bottom: 0;
  }

  .formality-form-wrap .input-grp {
    text-align: left !important;
  }

  .formality-form-wrap .input-grp label {
    margin-bottom: 10px;
  }

  .formality-form-wrap .input-grp label input {
    margin-left: 0;
  }

  table.compte-tb {
    border-bottom: 2px solid #000;
  }

  table.compte-tb tbody tr {
    border-bottom: 2px solid #000;
    border-top: 0;
  }

  /*081220*/
  .page-title-top h2 {
    margin-bottom: 5px;
  }

  .dashboard-clients-body {
    margin-top: 20px;
  }

  .dashboard-clients-body .row .col-md-4 {
    padding: 0;
    margin-bottom: 25px;
  }

  .dashboard-clients-body .row .col-md-4:not(:nth-child(1)) {
    margin-bottom: 40px;
  }

  .box-clients.top-bottom-black {
    padding-top: 40px;
  }

  .box-clients.top-bottom-black {
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
  }

  .box-clients.top-bottom-black h2,
  .box-clients.top-bottom-black p {
    padding-left: 80px;
    padding-right: 80px;
    margin-right: -25px;
  }

  .box-clients.top-bottom-pink h2 {
    margin-bottom: 20px;
  }

  .box-clients.top-bottom-pink .box-clients-inner p span {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .box-clients.top-bottom-pink .box-clients-inner p span::after {
    transform: translateY(5px);
  }

  .box-clients.top-bottom-pink h2,
  .box-clients.top-bottom-pink > p {
    padding-left: 80px;
    padding-right: 80px;
  }

  .box-clients.top-bottom-pink > p {
    margin-bottom: 25px;
  }

  .box-clients.top-bottom-pink .box-clients-inner {
    margin-left: 55px;
    margin-right: 55px;
  }

  .dashboard-opt.opt-clients {
    margin: 10px 0 30px;
  }

  .dashboard-opt.opt-clients .dashboard-links {
    margin-right: 0;
  }

  .table-clients tr.table-wrap td table tr.table-wrap > td {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .table-clients tr.table-wrap td table,
  .table-clients tr.table-wrap tr.table-wrap td table {
    width: 100% !important;
    margin-right: 0 !important;
  }

  div.table-mleft ul.sous-sous-left,
  .table-clients tr.table-mleft table.sous-sous-left {
    margin-left: -20px;
    width: calc(100% + 20px) !important;
  }

  .table-inner.mob-lpadd td:first-child {
    padding-left: 100px !important;
  }

  .data-table-pink.mob-mleft tbody > tr {
    margin-left: -20px !important;
  }

  .table-wrap.mob-mleft td table.data-table-pink tr.no-pink td:first-child {
    border-left: 7px solid #fff !important;
  }

  .data-table-clients.data-table-wrap {
    margin-bottom: 0;
    padding-bottom: 15px;
  }

  .dashboard-opt {
    margin-top: 25px;
    /*margin-bottom: 30px;*/
    margin-bottom: 0;
  }

  .dashboard-opt .select-opt select {
    margin-right: 0;
    width: 49% !important;
    float: left;
  }

  .dashboard-opt .select-opt select:nth-child(1) {
    margin-right: 2%;
  }

  .dashboard-opt .select-opt input[type='text'] {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .dashboard-opt .select-opt {
    position: relative;
  }

  .dashboard-opt .select-opt .search-wrap {
    position: absolute;
    bottom: 20px;
    right: -17px;
  }

  .dataTables_wrapper div.dataTables_info {
    margin-top: 0;
    padding-top: 22px;
  }

  .dashboard-opt-body .col-md-8 .data-table-wrap:nth-child(1),
  .dashboard-opt-body .col-md-8 .data-table-wrap:nth-child(2) {
    padding-bottom: 55px !important;
  }

  .dashboard-opt-body .col-md-8,
  .dashboard-opt-body .col-md-4 {
    padding: 0;
  }

  .dashboard-opt-body .col-md-8 .mob-padd,
  .dashboard-opt-body .col-md-4 .mob-padd {
    padding: 0 15px;
  }

  .signatures-table thead tr th,
  .formalities-table thead tr th {
    height: 35px !important;
    padding: 0 20px !important;
  }

  .dashboard-opt-right .data-table-wrap {
    margin-bottom: 0;
    padding-bottom: 25px;
  }

  .dashboard-opt-right .formalities-table thead tr {
    display: none;
  }

  .dashboard-clients-body .col-md-4 .modify-btn a:last-child {
    margin-left: 4px;
  }

  .dashboard-clients-body .col-md-4 .modify-btn a {
    padding: 12.5px 10px;
  }

  .dashboard-clients-body .col-md-4 .modify-btn a:first-child {
    margin-right: 4px;
  }

  .dashboard-switch {
    margin-bottom: 20px;
    margin-top: 25px;
  }

  .filter-select-folder .search-wrap {
    margin-top: 4% !important;
  }

  .client-recap-price-name {
    padding-top: 5px !important;
  }

  .offre-option input[type='checkbox'] + span {
    max-width: 74% !important;
  }

  .offre-option input[type='checkbox'] + span::before {
    border: 2px solid #d1d1d1 !important;
  }
}

@media screen and (max-width: 425px) {
  .page-paiement .paiement-list.one-list {
    padding: 10px 40px 35px;
  }
  .paiement-paiement .paiement-inner .paiement-card img {
    width: auto;
    max-width: 100%;
  }

  .transfert-sec .row .col-3:nth-child(1) {
    max-width: 20%;
  }

  .transfert-sec .row .col-3:nth-child(2) {
    max-width: 30%;
  }

  .transfert-sec .row .col-6:nth-child(3) {
    max-width: 50%;
  }

  .transfert-sec .row .col-3:nth-child(1) label span {
    margin-right: 0 !important;
  }

  td.date-tb {
    min-width: 100px;
  }

  .formality-form-wrap .input-grp label {
    width: 50% !important;
  }

  #step-3 .formality-form-wrap .input-grp label {
    width: 75%;
  }

  #offer_modification label,
  #mn_appbundle_new_formality_typeFormality label {
    width: 100% !important;
  }

  .formality-form-wrap .input-grp label:nth-child(odd) {
    float: left;
  }

  .formality-form-wrap .input-grp label input {
    margin-left: 0;
  }

  table.compte-tb tr td {
    padding: 20px 10px;
  }

  .gouvernance-list-add .associes-list .col-lg-6:last-child,
  .gouvernance-main .associes-list .col-lg-6:last-child {
    margin-top: 5px;
  }
}

@media screen and (max-width: 395px) {
  .personne-phy-wrap .form-wrapper-inner label:last-child input {
    margin-left: 0;
  }
}

@media screen and (max-width: 374px) {
  table.compte-tb tr td {
    padding: 17px 10px;
  }

  a.btn_manewco:not(:last-child),
  input[type='submit']:not(:last-child) {
    min-width: 120px !important;
  }

  a.btn_manewco {
    display: block;
    margin-bottom: 7px;
  }

  a.btn_manewco:first-child {
    margin-right: 0;
  }

  button.btn_manewco_pink,
  button.btn_manewco,
  input[type='submit'].btn_manewco,
  a.btn_manewco {
    width: 100%;
    margin-bottom: 5px;
  }

  .modal-footer button.btn_manewco_pink,
  .modal-footer input[type='submit'].btn_manewco,
  .modal-footer a.btn_manewco {
    margin-bottom: 0 !important;
  }

  .steps-wrap .steps-indv a {
    font-size: 12px !important;
  }

  .page-title-top .order-1 h2,
  .page-title-top .order-2 h2 a,
  .page-title-top .order-3 h2 {
    font-size: 14px;
  }

  .transfert-sec .input-grp label .row .col-3 {
    min-width: 50% !important;
  }

  .transfert-sec .input-grp label .row .col-6 {
    min-width: 100%;
  }

  .modify-btn a {
    display: block;
    width: 100%;
    margin-top: 8px;
  }

  .identite .form-normal h3 span.tooltip-wrap {
    margin-left: 0;
    display: block;
  }

  .form-wrapper > .sumbit,
  .form-wrapper > form > .sumbit {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .submit a.btn_manewco:focus {
    width: 100%;
  }

  .modif-sec .form-wrapper-inner .col-6 {
    padding-left: 15px !important;
    padding-right: 15px;
  }

  .modif-sec .form-wrapper-inner .col-6 .col-6:last-child {
    padding-left: 5px !important;
  }

  .modif-sec .form-wrapper-inner .col-6 h3 span.tooltip-wrap {
    display: block;
    margin-left: 0;
  }

  select {
    font-size: 14px;
  }

  .top-neg a.btn_manewco {
    margin-right: 0;
  }
}

/*New CSS 072120*/
.dashboard-opt .select-opt {
  width: 100%;
}

.dashboard-opt-body .data-table-wrap table.dataTable > thead {
  display: table-footer-group;
}

.dashboard-opt-body .data-table-wrap table.dataTable > tfoot {
  display: table-header-group;
}

.dashboard-opt-body .data-table-wrap table.dataTable > tfoot tr {
  border-bottom: 0 !important;
}

.dashboard-opt-body
  .data-table-wrap
  table.dataTable
  > tfoot
  tr
  th:nth-child(4) {
  width: 17%;
}

.dashboard-opt-body table.dataTable tbody tr {
  border-top: 0;
  border-bottom: 0;
}

.client-row td:first-child,
.procedure-row td:first-child,
.formality-row td:first-child,
.binder-row td:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.client-row td:last-child,
.procedure-row td:last-child,
.formality-row td:last-child,
.binder-row td:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.table-wrap-preview td:first-child {
  border-bottom-left-radius: 5px !important;
}

.table-wrap-preview td:last-child {
  border-bottom-right-radius: 5px !important;
}

.dashboard-opt-body .data-table-wrap table.dataTable th,
.dashboard-opt-body .data-table-wrap table.dataTable td {
  width: 14%;
}

.dashboard-opt-body table.dataTable tbody tr td.dot-td {
  text-align: center;
}

.dashboard-opt-body .d-flex {
  margin-bottom: 20px;
}

.dashboard-opt-body .dashboard-opt-right table.dataTable td {
  width: 100%;
}

.dashboard-opt-body .dashboard-opt-right .d-flex {
  margin-top: 25px;
}

.dashboard-opt-body .data-table-wrap:nth-child(1) {
  margin-bottom: 0;
}

.dashboard-opt-body .dataTables_wrapper {
  padding-bottom: 90px;
  overflow-x: auto;
  overflow-y: hidden;
}

.dashboard-opt-body .data-table-wrap table.signatures-table td:nth-child(5) {
  width: 20%;
}

/*Dashboard Clients*/
.box-clients {
  border-top: 2px solid #d8d5cb;
  border-left: 2px solid #d8d5cb;
  border-right: 2px solid #d8d5cb;
  margin-top: 15px;
  padding-top: 25px;
  height: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.box-clients .box-clients-inner {
  margin-bottom: 8px;
}

.box-clients .box-clients-inner p {
  margin-bottom: 0;
}

.box-clients .box-clients-inner span {
  padding: 5px 0;
  display: inline-block;
  /*border-bottom: 3px solid #d4175b;*/
  position: relative;
}

.box-clients.top-bottom-black {
  border-bottom: 2px solid #000;
}

.box-clients.top-bottom-pink {
  border-bottom: 2px solid var(--text-primary-color);
}

.box-clients.top-bottom-pink h2 {
  color: var(--text-primary-color);
}

.box-clients h2,
.box-clients p {
  padding-left: 25px;
  font-size: 18px;
}

.box-clients p {
  line-height: 26px;
  margin-bottom: 10px;
  position: relative;
}

.box-clients.top-bottom-black p span {
  display: block;
  margin-left: -25px;
  padding-left: 25px;
}

.box-clients p span:first-child {
  padding-top: 3px;
}

.box-clients table tr {
  padding: 0 30px;
}

.dashboard-clients-body .col-md-4 {
  height: auto;
}

.dashboard-clients-body .modify-btn {
  height: 100%;
  padding: 90px 0;
}

.dashboard-clients-body .modify-btn a {
  width: 80%;
}

.dashboard-clients-body .modify-btn a:first-child {
  margin-right: 0;
  margin-bottom: 30px;
}

.opt-clients {
  margin: 50px 0 0 0;
}

.opt-clients .col-md-5 a {
  transform: translateY(3px);
  display: inline-block;
}

.opt-clients .col-md-7.text-right a {
  transform: translateY(3px);
  display: inline-block;
}

.box-clients p span:last-child {
  padding-bottom: 3px;
}

.box-clients.top-bottom-pink p span {
  padding-top: 6px;
  padding-bottom: 6px;
}

.dashboard-opt .dashboard-links {
  display: flex;
  align-items: center;
}

.dashboard-opt .dashboard-links input[type='text'] {
  margin: 0 0 0 20px;
  font-size: 16px;
}

.data-table-clients {
  overflow-x: auto;
  overflow-y: hidden;
}

.data-table-clients h2 {
  margin: 0;
}

.search-wrap a {
  text-decoration: underline;
  font-weight: 700;
  color: var(--text-secondary-color) !important;
  font-size: 14px;
}

.data-table-clients th.sorting_disabled {
  display: none;
}

.data-table-clients .dark-bg {
  background: #e1e1e1 !important;
}

.data-table-clients .data-table-pink tfoot {
  display: table-header-group;
}

.data-table-clients .data-table-pink tfoot tr {
  background: none !important;
  font-size: 12px;
  border-bottom: 0 !important;
}

div.table-mleft,
table.dataTable tr.table-mleft {
  background: transparent !important;
}

div.table-wrap.table-mleft,
table.dataTable tr.table-wrap.table-mleft table {
  width: 94.5%;
}

div.table-wrap.table-mleft ul,
table.dataTable tr.table-mleft table {
  margin-right: 0 !important;
}

table.dataTable tr.table-mleft > td {
  padding: 0 !important;
}

.data-table-clients .data-table-pink .data-table-pink tfoot tr th {
  padding: 0 !important;
  height: 30px;
  border-left: 10px solid #fff;
}

.data-table-clients .data-table-pink .no-pink {
  background: #f7f7f7 !important;
}

.data-table-clients .data-table-pink .data-table-pink tbody tr {
  background: none !important;
}

.data-table-clients .data-table-pink .data-table-pink tbody tr td {
  background: #fdeff3;
  border-left: 10px solid #fff;
}

.table-clients tr {
  border-top: 0 !important;
  border-bottom: 12px solid #fff !important;
}

.table-clients tr td {
  padding: 0 20px !important;
}

table.dataTable > tbody > tr.table-wrap.level-1 {
  display: block;
  margin-right: -20px;
}

tr.level-1 > td {
  width: 100%;
  display: block;
}

/*Shortable table row styles*/
.draggable-item {
  width: inherit;
  cursor: move;
  background: #f7f7f7;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;

  -webkit-transition: box-shadow 0.5s ease-in-out;
  -moz-transition: box-shadow 0.5s ease-in-out;
  -o-transition: box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out;
}

.draggable-item:hover {
  cursor: move;
}

/* styles during drag */
.draggable-item.ui-sortable-helper {
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
  background: #f7f7f7;
  z-index: 100;
  display: table-row;
  border: none !important;
  width: 100% !important;
}

.draggable-item.ui-sortable-placeholder {
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
  background: #f7f7f7;
  border-bottom: 4px solid #f7f7f7 !important;
}
.table-clients .draggable-item.ui-sortable-placeholder td,
.table-clients .draggable-item.ui-sortable-helper td {
  margin: 0 !important;
  padding: 0 20px !important;
  position: relative;
  top: 16px;
  height: 45px;
  width: 46%;
  float: left;
}

.ui-sortable tr {
  cursor: move;
}

/*Media screen*/
@media screen and (max-width: 1024px) {
  .dashboard-opt-right {
    margin: 0 30px;
  }
}

@media screen and (max-width: 991px) {
  button.btn_manewco,
  button.btn_manewco:focus,
  button.btn_manewco:visited,
  a.btn_manewco,
  a.btn_manewco:focus,
  a.btn_manewco:visited,
  input[type='submit'] {
    width: 100%;
    margin: 5px 0;
  }
  .form_wrapper {
    width: 100%;
  }
  .steps-wrap .steps-indv {
    padding: 0 0px 10px !important;
  }
  .steps-wrap .steps-indv.active a:before {
    display: none;
  }
  .dashboard-opt .select-opt input[type='text'] {
    width: auto;
  }

  .dashboard-opt .select-opt select {
    width: 170px;
  }

  .box-clients {
    margin: 0;
  }

  table.dataTable tr.table-wrap.table-mleft table {
    margin-right: 0 !important;
  }

  a.b2b_btn_new_formality,
  a.b2b_btn_new_formality:focus,
  a.b2b_btn_new_formality:visited,
  a.b2b_btn_new_formality_mnc,
  a.b2b_btn_new_formality_mnc:focus,
  a.b2b_btn_new_formality_mnc:visited {
    width: 100% !important;
    margin: 15px 0 !important;
    max-width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .dashboard-opt-body .col-md-8 .data-table-wrap:nth-child(2) {
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .dashboard-opt-right {
    margin: 20px 0 0 0;
  }

  .dashboard-opt .select-opt select {
    margin-bottom: 10px;
  }

  .dashboard-opt-body .data-table-wrap table.dataTable th,
  .data-table-wrap table.dataTable td {
    width: auto;
    padding: 10px 20px;
  }

  .dashboard-clients-body .col-md-4 {
    margin-bottom: 30px;
  }

  .dashboard-clients-body .col-md-4 .modify-btn {
    padding: 0;
    display: flex;
    justify-content: center;
  }

  .dashboard-clients-body .col-md-4 .modify-btn a {
    width: auto;
    margin: 0 15px;
  }

  .data-table-clients .data-table-pink .data-table-pink tbody tr td {
    padding: 10px 15px !important;
    border-left: 7px solid #fff;
  }

  .dashboard-opt.opt-clients .col-md-5.text-right {
    text-align: center !important;
  }
}

@media screen and (max-width: 479px) {
  .validation-checkbox,
  .validation-content {
    padding: 25px 20px 20px 15px;
  }
  .validation-checkbox .col-9 label span {
    margin-right: 0;
  }
  .validation-checkbox .col-9 {
    padding-right: 0;
  }
  .validation-checkbox .col-md-6 label {
    margin-bottom: 0;
  }
  .validation-checkbox .col-9,
  .validation-checkbox .col-3,
  .validation-content .col-9,
  .validation-content .col-3 {
    margin-top: 0;
  }
  .validation-checkbox .col-3,
  .validation-content .col-3 {
    margin-bottom: 15px;
  }
  .validation-checkbox .col-3:last-child,
  .validation-content .col-3:last-child {
    margin-bottom: 0;
  }

  .validation-checkbox .col-3 p,
  .validation-content .col-3 p {
    display: block;
    text-align: right;
    margin-bottom: 0;
  }
  .validation-content .col-3 p {
    transform: translateY(-5px);
  }
  .validation-content {
    margin-bottom: 0;
  }
  .validation-content .col-md-6 {
    margin-bottom: 10px;
  }
  .validation-total .common-bg-wrap {
    margin-bottom: 45px;
  }
  .validation-total .common-bg-wrap .title-bg {
    margin-bottom: 10px;
  }
  .coupon-code .input-grp {
    display: block !important;
  }
  .coupon-code .input-grp input[type='text'] {
    width: 100%;
    text-align: center;
  }
  .page-paiement .coupon-code {
    text-align: center;
  }
  .page-paiement .coupon-code input[type='submit'] {
    margin-left: 0;
    margin-top: 20px;
    padding: 6px 30px;
  }
  .paiement-address p {
    font-size: 16px;
  }
}
@media screen and (max-width: 425px) {
  .opt-clients {
    margin: 50px 0px 20px;
  }
}

@media screen and (max-width: 425px) {
  .opt-clients {
    margin: 50px 0px 20px;
  }
}

@media screen and (max-width: 375px) {
  .dashboard-opt-body .data-table-wrap .d-flex {
    align-items: center !important;
  }

  .dashboard-opt .select-opt select {
    margin-right: 0;
    width: 100%;
  }
}

@media screen and (max-width: 370px) {
  .dashboard-clients-body .col-md-4 .modify-btn {
    display: flex;
  }

  .dashboard-clients-body .col-md-4 .modify-btn a {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 370px) {
  .validation-checkbox .col-9,
  .validation-checkbox .col-3,
  .validation-content .col-9,
  .validation-content .col-3 {
    padding-left: 0;
  }
  .page-validation .common-bg-wrap .title-bg h3 {
    width: 70%;
  }
  .page-validation .common-bg-wrap .title-bg h2 {
    width: 30%;
  }
}

/*** FDT ***/
#dialog-launch-procedure-message,
#dialog-delete-procedure-message {
  display: none;
}

.dossier-message-holder {
  position: fixed;
  width: 100%;
  min-height: 50px;
  z-index: 94037;
  padding: 10px 0;
  text-align: left;
  top: 0;
  left: 0;
  border-bottom: 1px solid #ccc;
  background-color: var(--botton-secondary-border-color);
  color: #fff;
}

.dossier-message-holder .close,
.dossier-message-holder .close:hover {
  color: #333333 !important;
  font-weight: normal;
}

.dossier-message-holder .sumbit {
  margin-top: 3px;
}

.dossier-message-holder .content {
  padding: 1.25em 2em 1.25em 4em;
  font-size: 0.9375rem;
  line-height: 1.529em;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

#activitesPanel {
  position: relative;
  display: none;
  filter: alpha(Opacity=0);
  opacity: 0;
  margin: 15px 0;
  height: 300px;
}

#showActivites {
  background-color: #fff;
  border-radius: 0;
  color: var(--text-secondary-color) !important;
  border: none;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

#activitesPanel .menu__breadcrumbs {
  line-height: 5px;
  padding: 0 0 0 15px;
  position: relative;
  height: 40px;
  background-color: #fff;
  color: var(--text-secondary-color) !important;
}

#activitesPanel .menu__breadcrumbs a:last-child {
  pointer-events: none;
}

#activitesPanel .menu__breadcrumbs a {
  font-weight: 700;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 40px;
}

#activitesPanel .menu__breadcrumbs a:not(:last-child)::after {
  content: '\f105';
  font-family: FontAwesome;
  display: inline-block;
  padding: 0 0.5em;
  color: var(--text-secondary-color);
}

#activitesPanel .menu__wrap {
  position: relative;
  height: 250px;
  overflow: hidden;
  width: 100%;
  background: #f2f2f2;
}

#activitesPanel .action--close {
  position: absolute;
  font-size: 1.5em;
  top: 0;
  right: 1em;
  line-height: 40px;
  color: #fff;
}

#activitesPanel .action,
#activitesPanel .menu__back {
  position: absolute;
  border: none;
  background: 0 0;
  margin: 0;
  cursor: pointer;
  color: var(--text-secondary-color);
}

#activitesPanel .menu__level {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#activitesPanel .menu__link.selected,
#activitesPanel .menu__link:active,
#activitesPanel .menu__link:focus,
#activitesPanel .menu__link:hover {
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  outline: 0;
}

#activitesPanel .menu__level--current {
  visibility: visible;
}

#activitesPanel .menu__item {
  display: block;
  width: calc(100% - 3px);
}

#activitesPanel .animate-inFromRight .menu__item {
  -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

#activitesPanel .menu__link {
  position: relative;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
  display: block;
  padding: 15px 5px 15px 15px;
  color: var(--text-secondary-color);
}

.alert-container {
  padding: 15px 0;
  text-align: center;
  margin: 15px 0;
  border-radius: 0.25rem;
}

.alert {
  border-radius: 0.25rem;
}

.alert-danger {
  color: #d4175b;
  background-color: #fcf1f6;
  font-weight: 700;
  border: 1px solid #fcf1f6;
}

.alert-info {
  color: #51aed7;
  background-color: #dbf2fc;
  font-weight: 700;
  border: 1px solid #dbf2fc;
}

.alert-info-txt {
  color: #51aed7;
  font-weight: 700;
}

.alert-success {
  background-color: #e6f4f6;
  color: #459faa !important;
  border: 1px solid #e6f4f6;
  font-weight: 700;
}

.alert-warning {
  background-color: #FFF59D;
  color: rgba(0,0,0,.8) !important;
  border: 1px solid #fff9ec;
  font-weight: 700;
}

.alert-error {
  background-color: #fcf1f6;
  color: #d4175b !important;
  border: 1px solid #fcf1f6;
  font-weight: 700;
}

.error {
  background: #fcf1f6 !important;
  color: #d4175b !important;
  border-bottom: 2px solid #d4175b;
}

.success {
  background: #e6f4f6 !important;
  color: #459faa !important;
  border-bottom: 2px solid #e6f4f6;
}

.dataTables_empty {
  background: #fff;
  text-align: center !important;
}

.no-content {
  background: #f7f7f7 !important;
  width: 100%;
  text-align: center;
  color: #000;
  font-weight: 300;
}

.benefical-owner-wrap .form-wrapper-inner:not(.grey-bg),
.personne_common .form-wrapper-inner:not(.grey-bg) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.personne_physique .form-wrapper-inner:not(.grey-bg) {
  padding-bottom: 0 !important;
}

.personne_morale .form-wrapper-inner {
  padding-bottom: 0 !important;
}

.personne_mandate_duration .form-wrapper-inner:first-child,
.personne_morale .form-wrapper-inner:first-child {
  margin-top: 0 !important;
}

#form-benefical-owner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.group-list {
  overflow: scroll;
  overflow-x: hidden;
  height: 200px;
  background-color: #fff;
  padding: 10px;
}

#attach-client-modal .group-list {
  height: 135px;
}

.group-list input[type='checkbox'] + span:before {
  border: 2px solid #000;
}

.group-list.bottom-checkbox .input-grp {
  margin-bottom: 10px;
}

#associesError {
  color: #d4175b;
  font-weight: bold;
}

#activiteMessage {
  color: #459faa;
  font-weight: bold;
}

#displayForm {
  margin-top: 15px;
}

#majoriteMessage {
  font-weight: bold;
}

.input-stripe {
  border: 1px solid #141414;
  height: 45px;
  padding: 13px 15px;
  color: #000;
  border-radius: 0;
  background: #fff !important;
}

.error-input {
  color: #d4175b;
  font-size: 14px;
  border: 1px solid #fcf1f6;
  padding: 4px 10px;
  margin: 5px 0;
  border-radius: 0.25rem;
  background-color: #fcf1f6;
  font-weight: 300;
}

#search-invoice {
  margin-top: 20px;
}

form .strong {
  font-weight: bold;
  color: #459faa;
}

form .short,
form .weak,
form .good {
  font-weight: bold;
  color: #d4175b;
}

.cac-container {
  display: none;
}

.mt-40 {
  margin-top: 40px;
}

.mt-60 {
  margin-top: 60px;
}

.sub-form-group {
  display: none;
}

.form-group.selected .sub-form-group {
  display: block;
}

.input-percent {
  float: left;
  width: 155px !important;
  top: -12px;
}

.form-group-transfert.selected .sub-form-group {
  display: block;
}

.form-group-transfert .sub-form-group {
  display: none;
}

.summary-details:hover {
  cursor: pointer;
  text-decoration: underline;
}

.offre-item input[type='radio'] + span {
  display: inline !important;
}

#displayOffers .form-wrapper-inner {
  margin: 0 !important;
  padding: 10px 20px !important;
}

.offers h2 {
  margin-bottom: 20px;
}

.title-offer {
  font-size: 1.999em;
}

#displayOffers .form-wrapper-inner > h2 {
  margin-bottom: 0;
}

#displayOffers .description {
  display: none;
  max-height: 300px;
  font-style: italic;
  padding-top: 10px;
  padding-bottom: 10px;
}

#displayOffers .description.active {
  display: block;
}

#displayOffers .offre-item {
  margin: 10px auto;
}

.detail-link-offre {
  color: #828282 !important;
}

.offre-components li {
  margin-bottom: 15px;
}

.offre-component-label {
  position: relative;
}

.amount.number {
  font-size: 4.25rem;
}

.amount-row .devise {
  font-size: 40px;
  position: relative;
  top: -40px;
}

.amount-row {
  color: var(--text-primary-color);
}

.amount-title {
  margin: 30px 0 30px;
  font-size: 25px;
}

.amount-row .taxe {
  font-size: 20px;
  position: relative;
  top: -55px;
}

.option-checkbox {
  padding-left: 0;
}

.taxe-ht,
.taxe-ttc {
  font-size: 10px;
  position: absolute;
  right: -15px;
  top: -5px;
}

#finalPopup {
  display: none;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 10000;
  top: 0 !important;
}

#finalPopup .popup-finalisation {
  background-color: #f9f9f9;
  height: 500px;
  z-index: 10000;
  width: 50%;
  position: fixed;
  margin-top: 110px;
  font-size: 15px;
  padding: 20px;
}

.popup-finalisation-croix {
  background: url('../../images/croix.png') no-repeat;
  height: 22px;
  width: 22px;
  margin-top: 15px;
  margin-bottom: 45px;
  margin-left: 20px;
}

.overlay-left-postion {
  margin-left: 25%;
}

@media screen and (max-width: 425px) {
  .overlay-left-postion {
    margin-left: 8%;
  }

  #finalPopup .popup-finalisation {
    width: 85%;
  }
}

.popup-finalisation_croix {
  background: url(../../images/croix.png) no-repeat;
  height: 22px;
  width: 22px;
}

#finalPopup .popup-finalisation-title {
  font-size: 44px;
  margin-top: 85px !important;
}

#finalPopup .popup--finalisation-legend {
  font-size: 15px;
  cursor: pointer;
  text-decoration: underline;
}

.overlay .form-wrapper > .sumbit,
.form-wrapper > form > .sumbit {
  margin: 50px 0 80px;
}

.pb-35 {
  padding-bottom: 35px;
}

.text-center {
  text-align: center;
}

.modif-complete {
  color: var(--text-secondary-color);
}

.modif-not-complete {
  color: var(--text-secondary-color);
}

select[multiple] {
  height: auto;
  border-radius: 0;
  background: none;
}

.iframe-edit-doc {
  border: none;
  width: 100%;
}

#doc-edit-modal .row {
  width: 100%;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt--5 {
  margin-top: -5px !important;
}

.mt--20 {
  margin-top: -20px !important;
}

.w-179 {
  width: 179px !important;
}

.modal-dialog-full-width {
  width: 100% !important;
  margin: 0 !important;
}

.modal-content-full-width {
  border-radius: 0;
  box-shadow: none;
}

.modal-body-full-width {
  padding: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.no-border-bottom {
  border-bottom: 0;
}

.display-none {
  display: none;
}

.file-input-bloc {
  position: relative;
  overflow: hidden;
}

.file-input-bloc a input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .file-input-bloc a input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.proof-row .message {
  margin: 15px 0;
  text-align: center;
}

.signed {
  color: #459faa;
}

.not-signed {
  color: #d4175b;
}

.next-step-info {
  padding: 1em;
  position: relative;
  margin: 20px 0;
  color: #000;
  background-color: #f1efea;
}

.blue-text {
  color: #1793c7 !important;
}

.disabled-button {
  pointer-events: none;
  opacity: 0.3;
}

.mt-96 {
  margin-top: 96px;
}

.bg-blanc {
  background-color: #fff !important;
}

.tr-pink {
  background: #f1efea !important;
}

tr.tr-pink > td {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

tr.tr-pink > td > table {
  margin-left: 0 !important;
}

.data-table-pink {
  width: 100% !important;
}

.logo-signature {
  background-position: center top;
  text-align: center;
  margin: 30px 0px;
  background-repeat: no-repeat;
  padding-top: 70px;
  font-size: 1.625rem;
  text-transform: uppercase;
}

#sideHelper-contact,
#sideHelper-faq {
  display: none;
}

.login-form-wrap input[type='checkbox'] + span:before {
  border: 2px solid #000;
}

.filter-select-folder {
  padding: 9px 0 9px 9px;
}

.filter-select-folder .managers-select,
.filter-select-folder .formalists-select {
  margin-right: 9px;
  max-width: 100%;
  margin-bottom: 13px;
}

.filter-select-folder .search-wrap {
  position: absolute;
  right: 35px;
  top: 25px;
}

.user-profile-logo {
  display: block;
  max-width: 100%;
  height: auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.pic-wrapper {
  width: 140px;
  height: 140px;
  position: relative;
}

.pic-wrapper > div {
  position: absolute;
  top: -5px;
  right: 6px;
}

.circle-button {
  width: 45px;
  height: 45px;
  border-color: #fff;
  background-color: #fff;
  line-height: 30px;
  font-size: 1.25rem;
  color: #000;
  border-radius: 50%;
}

.mt-20 {
  margin-top: 20px;
}

.bold {
  font-weight: 700;
}

.tb-pop {
  top: 30px;
  right: -10px;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.user-profile-search-icon {
  position: absolute;
  top: 13px;
  right: 15px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-37 {
  padding-bottom: 37px !important;
}

.modal-title {
  font-size: 18px !important;
  font-weight: bold !important;
}

.modal-header {
  border-bottom: none !important;
}

.modal-footer {
  border-top: none !important;
}

.modal-header button span {
  color: var(--text-primary-color);
}

.close {
  opacity: 1 !important;
}

.modal-content {
  border-radius: 0 !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.binder-modal .input-grp {
  margin-bottom: 0;
}
/** Preview procedure Yousign **/
.table-wrap-preview {
  background-color: #fff !important;
}

.table-wrap-preview table tbody tr {
  border-top: 0 !important;
  border-bottom: 12px solid #fff !important;
}
.table-wrap-preview table tbody tr td {
  padding-left: 0 !important;
}

.table-wrap-preview td {
  background-color: #e0d8d7 !important;
}

.table-wrap-preview table tbody tr td.white-row {
  background: #fff !important;
}

.table-wrap-preview table tfoot {
  display: table-header-group;
}

.table-wrap-preview tfoot tr {
  background: none !important;
  font-size: 12px;
  border-bottom: 0 !important;
}

.table-wrap-preview table tfoot tr th {
  padding: 0 !important;
  height: 30px !important;
  font-size: 14px;
  border-bottom: 0 !important;
  text-align: left;
  color: var(--text-secondary-color) !important;
  font-weight: 200;
}

.procedure-title {
  text-decoration: underline;
  font-weight: 700;
  color: var(--text-secondary-color) !important;
  font-size: 14px;
}

.preview-formality-title,
.validator-title {
  color: var(--text-secondary-color) !important;
}

.document-report-management,
.binder-row,
.procedure-row,
.client-row,
.option-text-b2c,
.formality-row {
  cursor: pointer;
}

.binder-row span,
.procedure-row span,
.formality-row span {
  font-weight: 200;
  margin-right: 10px;
}

#error-attach-group-procedure {
  display: none;
}

.btn_small {
  padding: 2px 1px !important;
  max-width: 20px !important;
  min-width: 20px !important;
  height: 28px;
}

.btn_small i {
  font-size: 18px;
}

.no_border {
  border: 0 !important;
  background: transparent !important;
}

button.btn_small:not(:last-child) {
  margin-right: 4px !important;
}

.m-5 {
  margin: 5px !important;
}

.edit_folder_name_label,
.edit_binder_label {
  margin: 5px;
}

.edit_folder_name_label input,
.edit_binder_label input {
  padding: 3px !important;
  margin-bottom: 4px;
  margin-right: 2px;
  height: 35px !important;
  border: 2px solid #d8d5cb !important;
}

.edit_folder_name_label *,
.edit_binder_label * {
  float: left;
}

.edit_folder_name {
  font-size: 15px;
  cursor: pointer;
}
.edit_binder {
  cursor: pointer;
}

.badge {
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 79%;
}

.badge-creation {
  background-color: #f1efea;
}

.badge-inprogress, .badge-approval {
  background-color: #e6f4f5;
  color: #458b91;
}

.badge-draft, .badge-modification {
  background-color: #f2e6ea;
  color: #945f70;
}

.badge-danger {
  background-color: #d4175b !important;
}

.badge-duplicate {
  background-color: var(--text-primary-color);
  color: #fff;
}

.badge-finished, .badge-cabinet {
  background-color: #1b7e5a !important;
  color: #fff;
}

#cookie-disclaimer {
  color: #fff;
  position: fixed;
  z-index: 99999;
  width: 100%;
  display: none;
}

#cookie-disclaimer .close {
  color: #fff;
  position: absolute;
  top: 0;
  right: 20px;
  filter: alpha(enabled=false);
  opacity: 1;
}

#cookie-disclaimer p {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
}

#iban-errors,
#card-errors {
  display: none;
}

#payment-form-card .StripeElement,
#payment-form-iban #iban-element,
#payment-form-iban #iban-name,
#payment-form-iban #iban-email {
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 30px;
  padding: 7px 5px 4px 5px;
}

#add-card-btn a,
#list-card-btn {
  cursor: pointer;
}

.compte-sepa {
  overflow: hidden;
}

.iban-additional-info {
  font-size: 11px;
  font-style: italic;
}

.signatures-table .tb-pop {
  right: 5px !important;
}

.formalities-table .tb-pop {
  right: 5px !important;
}

.ope-clients .tb-pop {
  right: 5px !important;
}

@media (max-width: 767px) {
  .signatures-table .tb-pop {
    right: 5px !important;
  }

  .formalities-table .tb-pop {
    right: 5px !important;
  }

  .ope-clients .tb-pop {
    right: 50px !important;
  }
}

table.signatures-table tbody > tr.table-wrap table {
  margin-right: 0 !important;
}

.dashboard-opt-body-b2b .btn_manewco {
  width: auto !important;
}

@media (min-width: 576px) {
  #doc-edit-modal .modal-dialog {
    max-width: 100% !important;
  }
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.vartical-middle {
  margin-top: auto;
  margin-bottom: auto;
}

.p-10 {
  padding: 10px;
}

.p-20 {
  padding: 20px;
}

.data-table-clients.grey-bg-50 table.dataTable tbody tr,
.data-table-formalites.grey-bg-50 table.dataTable tbody tr {
  background-color: #fff;
}

#folders-setting {
  max-height: 250px;
  overflow: auto;
}

.white-bg {
  background: #fff !important;
}

.width-50 {
  width: 50%;
}

.custom-radio input[type='radio']:checked + span:after {
  background: var(--form-radio-color);
  border-radius: 0;
  width: 14px;
  height: 14px;
  left: -27px;
  top: 3px;
}

.custom-radio input[type='radio'] + span:before {
  border-radius: 0;
  border-color: var(--form-radio-color) !important;
}

.custom-checkbox input[type='checkbox']:checked + span:after {
  background: var(--form-radio-color);
  border-radius: 0;
  width: 14px;
  height: 14px;
  left: -27px;
  top: 3px;
}

.custom-checkbox input[type='checkbox'] + span:before {
  border-radius: 0;
  border: 1px solid var(--form-radio-color) !important;
}

.w-25 {
  width: 25% !important;
}

.mh-25 {
  max-height: 25px !important;
}

@media screen and (max-width: 375px) {
  .input-percent {
    float: left;
    width: 130px !important;
    top: 0;
  }
}

.text-underline {
  text-decoration: underline !important;
  color: var(--text-secondary-color);
}

.fs-16 {
  font-size: 16px !important;
}

.gray-txt {
  color: #bebebe;
}

/* Drag & drop - Dashboard Client */
.clients-sort {
  margin-bottom: 70px;
  padding-bottom: 120px;
}

.mob-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 75%;
}

.client-sort-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 40px;
}
.client-sort-top .pink-first,
.client-sort-top .pink-second,
.client-sort-top .pink-third,
.client-sort-top .pink-last {
  padding: 0;
  margin-bottom: 4px;
  font-size: 12px;
}
.pink-second,
.pink-third,
.pink-last {
  padding: 5px 20px;
  border-left: 10px solid #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pink-first {
  width: 20%;
}
.pink-second {
  width: 30%;
}
.pink-third {
  width: 20%;
}
.pink-last {
  width: 30%;
}

.sort-handle {
  font-weight: 600;
  margin-right: 10px;
  cursor: move;
}
.sort-handle img {
  width: 12px;
  height: 12px;
  margin-top: -5px;
  opacity: 0.8;
}

.sort-handle {
  display: none;
}

@media screen and (max-width: 991px) {
  .pink-first {
    width: 30%;
  }
  .mob-block {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .pink-head {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sort-handle img {
    width: 15px;
    height: 15px;
  }

  .mob-block {
    display: block;
    width: 80%;
  }
  .mob-block div:first-child {
    padding-top: 8px !important;
  }
  .mob-block div:last-child {
    padding-bottom: 8px !important;
  }
  .mob-block div {
    padding: 2px 15px !important;
  }
  .mob-disp .pink-first div,
  .mob-disp .pink-second div,
  .mob-disp .pink-third div,
  .mob-disp .pink-last div {
    display: block;
    width: 100%;
  }
  .client-sort-top {
    display: none;
  }
  .mob-disp {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mob-disp .pink-first,
  .mob-disp .pink-second,
  .mob-disp .pink-third {
    border-bottom: 2px solid #fff;
  }
  .mob-disp .pink-first,
  .mob-disp .pink-second,
  .mob-disp .pink-third,
  .mob-disp .pink-last {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 8px 15px !important;
  }
  .no-disp {
    display: none;
  }
  .pink-second,
  .pink-third,
  .pink-last {
    border-left: 0;
  }
  .pink-head {
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .clients-sort {
    margin-bottom: 30px;
    padding-bottom: 50px;
  }

  .client-formality-sub-title {
    font-size: 20px !important;
    line-height: 29px !important;
  }
}

.sTree {
  padding-left: 0;
}

.bgC4 {
  list-style: none;
  position: relative;
}
.bgC4 li .li-wrap {
  padding: 10px 20px;
  background-color: #f7f7f7;
  margin-bottom: 12px;
  padding-right: 0;
}
.bgC4 li .li-wrap.dark-bg {
  background-color: #e1e1e1;
}
.bgC4 li .li-wrap.pink-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  background: transparent;
}
.bgC4 li .li-wrap .dot-td-demo:hover .tb-pop-client {
  opacity: 1 !important;
  visibility: visible !important;
}
.bgC4 li .li-wrap .dot-td-demo .tb-pop-client a {
  margin-bottom: 10px !important;
  display: block !important;
}

@media screen and (min-width: 1025px) {
  .bgC4 li .li-wrap.pink-wrap .pink-first {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .bgC4 li .li-wrap.pink-wrap .pink-first,
  .bgC4 li .li-wrap.pink-wrap .pink-second,
  .bgC4 li .li-wrap.pink-wrap .pink-third,
  .bgC4 li .li-wrap.pink-wrap .pink-last {
    height: 50px;
    padding: 5px 20px;
  }
  .bgC4 li .li-wrap.pink-wrap {
    height: 50px;
  }
  .pink-second,
  .pink-third,
  .pink-last {
    border-left: 0;
    margin-left: 10px;
  }
}
.dot-td-demo {
  position: absolute;
  top: 8px;
  right: 20px;
}

.s-l-open ul li .dot-td-demo {
  top: 12px;
}
/*............css start.........*/
li {
  list-style: none;
}

.sTree .bgC4 .title {
  min-width: 20%;
  min-height: 20px; /*style added to less form of editable name in the line */
}
.document {
  background-color: #e1e1e1 !important;
}
.color-pink {
  background-color: #fdeff4 !important;
}
.client-sort-top {
  padding-left: 0;
}

.tb-pop-client,
.data-table-wrap .tb-pop-client {
  position: absolute;
  top: 100%;
  right: 10px;
  max-width: 100px;
  z-index: 9;
  background: #fff;
  padding: 10px 10px 0;
  text-align: center;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  visibility: hidden;
}

.question {
  border: 2px solid transparent !important;
  height: 50px !important;
  color: var(--text-primary-color) !important;
}

.question_textarea {
  border: 2px solid transparent !important;
  margin-top: 3px;
}

.link_tag {
  font-weight: bold;
  color: var(--text-primary-color);
}

.link_tag:hover {
  font-weight: bold;
  color: var(--text-secondary-color);
}

/*manewco pro */
.banner_info {
  background-color: var(--banner-info-bg-color) !important;
  padding: 25px 0 !important;
  text-align: center;
  margin-bottom: 35px !important;
  color: var(--banner-info-text-color) !important;
}

.banner_info_text {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 70px;
}

.bulles_container {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.bulle {
  flex: 0 0 50%;
  max-width: 20%;
  text-align: center;
  padding: 0 0px calc(20% - 0px) !important;
  display: flex;
  align-items: center;
  position: relative;
}

.bulle a {
  text-decoration: none;
  background: var(--botton-primary-bg-color);
  color: #161616;
  border: 2px solid transparent;
  width: calc(100% - 30px);
  display: block;
  border-radius: 50%;
  text-transform: uppercase;
  font-weight: bold;
  position: absolute;
  height: calc(100% - 30px);
  top: 30px;
  left: 15px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.bulle.active a::before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 20%;
  left: 48%;
  text-align: center;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50px;
}

.bulle a:hover {
  color: #161616;
  background: #ccc7c9;
}

.bulle.active a {
  color: #fff;
  background: var(--botton-primary-bg-color);
}

.form_wrapper.autre-sec select,
.form-wrapper-inner #actionnaires,
.form-wrapper-inner select {
  background-color: #fff !important;
}

.form_wrapper.autre-sec .es-list,
.form-wrapper-inner ul.es-list,
.form-wrapper-inner select {
  color: var(--text-secondary-color) !important;
}

.form_wrapper hr {
  background-color: var(--text-secondary-color) !important;
}

.form-wrapper-inner.grey-tr.form-normal {
  padding: 0 !important;
}

/* Page login */
.form-b2c #_submit {
  background-color: var(--botton-primary-bg-color);
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: bold !important;
  border-radius: var(--botton-raduis);
  display: inline-block;
  border: 2px solid var(--botton-primary-bg-color);
}

.form-b2b #_submit {
  margin-right: 3px;
  display: inline-block;
  background-color: var(--botton-primary-bg-color);
  border: 2px solid var(--botton-primary-bg-color);
  padding: 10px 33px;
  color: #fff;
  border-radius: var(--botton-raduis);
  font-size: 16px;
  font-weight: 400;
}
.form-b2c input[type='password'],
.form-b2c input[type='email'] {
  border-color: var(--text-primary-color) !important;
}

.form-b2b input[type='password'],
.form-b2b input[type='email'] {
  border-color: var(--text-primary-color) !important;
}

.dashboard-header h1 {
  padding: 30px 0;
  font-size: 32px;
  font-weight: bold;
  color: #161616;
  line-height: 32px;
}

.dashboard-table-container {
  border: 2px solid #d8d5cb;
  border-radius: 4px;
}

/*** Backend style **/
.cards-container {
  background: #fbfaf8;
  padding-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .cards-container {
    background: #fbfaf8;
    padding-bottom: 20px;
  }
}

.cards-container-title {
  padding: 50px 0 45px;
  font-weight: 300;
  font-size: 36px;
}

.backend-card-column > h2 {
  font-size: 28px;
  font-weight: 300;
  color: var(--text-primary-color);
}

.backend-card {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #f3f1ed;
  display: flex;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  margin: 10px 0;
  cursor: default;
}

.backend-card:hover {
  box-shadow: 8px 12px 30px rgba(0, 0, 0, 0.1);
}

.backend-card:hover .backend-card-action {
  background-color: var(--botton-primary-bg-color);
}

.backend-card-preview {
  background-color: #fff;
  padding: 25px 20px 40px 20px;
}

.backend-card-preview-folder {
  height: auto;
  width: auto;
  border-radius: 20px;
  position: relative;
  padding: 15px 15px;
}

.backend-card-preview-folder.blue-light {
  background-color: #dbf2fc;
}

.backend-card-preview-folder.pink-light {
  background-color: #fcf1f6;
}

.backend-card-preview-folder.yellow-light {
  background-color: #fff9ec;
}

.backend-card-preview-folder i.blue {
  color: #51aed7;
}

.backend-card-preview-folder i.pink {
  color: #ef95b8;
}

.backend-card-preview-folder i.yellow {
  color: #efd08d;
}

.backend-card-preview-folder i {
  font-size: 30px;
}

.backend-card-info {
  position: relative;
  width: 100%;
}

.backend-card-info h2 {
  color: var(--text-secondary-color);
  font-weight: 300;
  font-size: 20px;
  padding: 30px 10px 0 0;
}

.backend-card-info-container {
  color: #534d51 !important;
  font-size: 15px;
  padding: 0 60px 30px 0;
}

.backend-card-action {
  width: 40px;
  height: 30px;
  background-color: #e0e0e0;
  color: #fff !important;
  border-top-left-radius: 10px;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 7px 3px 0 5px;
  cursor: pointer;
}

.backend-card-action i {
  font-size: 17px;
}

.client-view {
  text-transform: uppercase;
  margin-right: 10px;
}

table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting {
  background-position: 10px;
}

.backend-card button i {
  display: block;
  position: relative;
  font-size: 3.75rem;
  height: 70px;
}

.backend-card .fs-13 {
  font-weight: 200;
}

#search_string {
  border: 2px solid var(--form-input-border-color) !important;
}

.form-control-feedback {
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: 20px;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid transparent !important;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 0.25rem !important;
  border: 1px solid transparent !important;
}

.select2-container .select2-selection--multiple {
  min-height: 50px !important;
}

#dialog-message,
#dialog-message-settled,
#dialog-message-publish,
#dialog-message-doc-regenerate,
#dialog-launch-procedure-message,
#dialog-delete-procedure-message,
#dialog-delete-document-message,
#dialog-message-stopped,
#dialog-message-amount-capital {
  display: none;
}

.invoice-header .invoice-link {
  text-decoration: underline !important;
  color: var(--text-primary-color) !important;
}

.invoice-header p {
  font-size: 16px;
}

.invoice-tb {
  margin-bottom: 20px !important;
}

.invoice-total-tb {
  margin-top: 30px;
}

.invoice-total-tb > tbody > tr:nth-of-type(odd) {
  background-color: #f7f7f7;
}

.invoice-total-tb td {
  padding: 15px 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.badge-folder {
  color: var(--text-primary-color);
  font-size: 14px;
  padding: 2px;
  line-height: 11px;
}

/* added css by Agence Alinaous */
/* page Dossier */
.dossier_header {
  padding: 25px 0 10px;
}

.dossier_header .container {
  max-width: 1140px !important;
}

.dossier_header h1 {
  display: block;
  font-size: 31px;
  font-weight: normal;
  margin-bottom: 15px;
}

.dossier_header .status {
  font-size: 20px;
}

.dossier_header .status b {
  color: var(--text-secondary-color);
}

.dossier_header .status a {
  margin-left: 10px;
  font-size: 15px;
  font-weight: lighter;
  color: var(--text-secondary-color);
  border-bottom: none !important;
  text-decoration: underline;
}

.dossier_header .status a:hover {
  color: var(--text-primary-color);
  border-bottom: none !important;
}

.mod_btn {
  cursor: pointer;
  text-align: center;
  padding: 13px 20px;
  display: inline-block;
  height: 50px;
  border: 2px solid var(--botton-secondary-border-color) !important;
  border-radius: var(--botton-raduis);
  font-size: 16px;
  color: var(--botton-secondary-border-color) !important;
  font-weight: 300;
  margin-bottom: 15px;
}

.syn_btn {
  cursor: pointer;
  margin-left: 30px;
  text-align: center;
  padding: 13px 20px;
  display: inline-block;
  height: 50px;
  border: 2px solid var(--botton-secondary-border-color) !important;
  border-radius: var(--botton-raduis);
  font-size: 16px;
  color: var(--botton-secondary-border-color) !important;
  font-weight: 300;
  margin-bottom: 15px;
}

.dossier_header .tooltip-wrap .tooltip-inner {
  top: 200%;
  left: -850%;
}

.dossier_header .quest {
  font-size: 16px;
  font-weight: 300;
}

.dossier_header .quest a {
  margin-left: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  border-bottom: none !important;
  text-decoration: underline;
}

.dossier_sec {
  padding-top: 70px;
  padding-bottom: 60px;
  background: #f0efea;
  padding-left: 10%;
  padding-right: 10%;
}

.doc_btn {
  display: inline-block;
  border-radius: 4px;
  height: 50px;
  cursor: pointer;
  text-align: left;
  padding: 14px 20px;
  font-size: 16px;
  color: #fff !important;
  width: 100%;
  background: var(--text-secondary-color);
}

.doc_btn img {
  margin-top: 5px;
}

.item_title {
  text-align: right;
  margin-bottom: 10px;
}

.header_btns {
  text-align: right;
}

@media (max-width: 767px) {
  .item_title {
    text-align: left;
  }
  .header_btns {
    text-align: center;
  }
}

.info_container {
  margin-bottom: 10px;
}

.info_container form {
  width: 100%;
}

.info_container .tooltip-wrap {
  padding: 15px 0px 0px 0px;
}

.info_container .tooltip-wrap .tooltip-inner {
  top: 100%;
  left: -850%;
}

.info_wraper {
  padding: 14px 20px 0 20px;
  width: 98%;
  display: inline-block;
  border-radius: 4px;
  min-height: 50px;
  vertical-align: middle;
  background: #fff;
}

.submit_wraper {
  width: 100%;
  display: inline-block;
  border-radius: 4px;
  min-height: 50px;
  vertical-align: middle;
  text-align: right;
  margin-top: 40px;
}

.info_wraper p {
  display: inline;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0 !important;
}

.type_wraper {
  padding: 14px 10px;
  width: 90%;
  display: inline-block;
  border-radius: 4px;
  min-height: 50px;
  vertical-align: middle;
}

.type_wraper p {
  display: inline;
  font-weight: lighter;
  font-size: 18px;
  margin-bottom: 0 !important;
}

.info_wraper a {
  display: inline;
  margin-left: 15px;
  font-size: 14px;
  color: var(--text-secondary-color) !important;
  margin-bottom: 0 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.info_wraper a:hover {
  color: var(--text-primary-color) !important;
}

/**** chekbox style ****/
.checkbox_wrapper,
.lock-checkbox {
  display: flex;
  align-items: center;
}

.checkbox {
  cursor: pointer;
  opacity: 0;
  position: absolute !important;
}

.checkbox_wrapper label,
.lock-checkbox span {
  width: 80%;
}

#added-document-block .lock-checkbox label,
#lock_dossier_form .lock-checkbox label {
  width: 100%;
}

.checkbox_wrapper label::before,
.lock-checkbox span::before {
  border: 0.05em solid var(--text-secondary-color);
  border-radius: 4px;
}

.checkbox_wrapper label::after,
.lock-checkbox span::after {
  border-right: 2px solid var(--text-secondary-color);
  border-bottom: 2px solid var(--text-secondary-color);
  top: 3px !important;
  left: -27px !important;
}

.lock-checkbox input[type='checkbox'] + span {
  top: 0 !important;
  margin-bottom: 10px;
}

/**** end chekbox style ****/
.dossier_row {
  margin-bottom: 15px;
}

.dossier_row hr {
  width: 100%;
  background: var(--botton-primary-bg-color);
}

.half1 {
  display: inline-block;
  width: 65%;
  height: 100%;
  align-items: center;
}

.half {
  display: inline-flex;
  width: 24%;
  height: 100%;
  align-items: flex-start;
}

.half p {
  font-weight: normal;
  font-size: 15px;
}

.date {
  display: block;
  float: right;
  flex-direction: row;
  text-align: right;
}

.half1-dashboard-folder-client small,
.half1 small {
  font-size: 16px;
}

.half2 {
  display: flex;
  width: 35%;
  height: 100%;
  align-items: center;
  flex-direction: row;
}

.half1-dashboard-folder-client p,
.half1 p {
  display: block !important;
}

.half1-dashboard-folder-client a,
.half1 a {
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-decoration: underline !important;
}

.half2 a {
  text-decoration: underline !important;
}

.small {
  font-size: 14px !important;
  font-weight: normal !important;
  color: gray;
}

.half2 input[type='file'] {
  overflow: hidden;
}

.half2 input[type='file'] + label,
.half2 input[type='file'] + strong {
  cursor: pointer;
  font-size: 16px;
  margin-left: auto;
  font-weight: bold;
  color: var(--text-secondary-color);
  text-decoration: underline;
}

.half2 input[type='file'] + label:hover,
.half2 input[type='file'] + strong:hover {
  color: var(--text-primary-color) !important;
}

.new {
  font-weight: bold !important;
  padding: 3px 10px;
  background: #e6f4f6;
  color: #004247;
  border-radius: 50px;
}

.manager-list {
  height: 110px !important;
}

.expandable-zone.expanded {
  display: block;
}

.expandable-zone.header {
  display: block;
}

.expandable-zone.header .pt-5 {
  padding-top: 5px !important;
}

.expandable-zone {
  display: none;
}

.alert-label-yousign {
  display: inline-block;
  color: #d4175b !important;
}

.hasDatepicker {
  background: url('/themes/pro/images/datepicker-icon.png') no-repeat right 10px
    bottom 15px;
  background-size: 20px;
  cursor: pointer;
  background-color: #fff;
}

.datepicker-disabled {
  background: #ccc;
  cursor: default;
}

.login-form.form-b2c .checkbox {
  position: relative !important;
}

.form-wrapper .shareholder,
.form-wrapper .gouvernance {
  padding: 20px 0px 20px 0px !important;
}

.form-wrapper .shareholder h2,
.form-wrapper .gouvernance h2,
.form-wrapper .majority-title {
  font-size: 26px !important;
}

.half.signatures {
  width: 13% !important;
}

.show-status,
.show-poste {
  display: none !important;
}

@media screen and (max-width: 650px) {
  .half.signatures {
    display: none !important;
  }
  .show-status,
  .show-poste {
    display: block !important;
  }
  .info_wraper.list-signatures div.half:not(.signatures) {
    width: 33% !important;
  }
}

.list-modifications .dropdown-menu {
  width: 170px !important;
  left: -30px !important;
  padding: 0.5rem 0 !important;
  margin-right: 0 !important;
  text-align: center;
}

.list-modifications .dropdown-menu a {
  margin-left: 0 !important;
}

/* formalite */

section.formalite_sec {
  padding: 50px 0;
}

.bg_grey {
  background: #fbfaf8;
}

.formalite_top {
  margin-bottom: 25px;
}

.formalite_top h2 {
  font-weight: bold;
  font-size: 2rem;
}

.formalite_top h4 {
  font-weight: bold;
  color: var(--text-secondary-color);
  font-size: 1.5rem;
}

.formalite_top select {
  color: var(--text-secondary-color) !important;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid #cecece !important;
  width: 280px;
  padding: 12px 20px;
}

.formalite_top .dosier_data {
  display: inline-block;
  margin-right: 10px;
  font-size: 15px;
  color: #747474;
}

.formalite_top .statu_dossier {
  display: inline-block;
  margin-right: 10px;
  font-size: 17px;
  color: var(--text-secondary-color);
}

.formalite_top .col-md-4,
.formalite_top .col-md-6,
.formalite_top .col-md-8,
.formalite_top .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.back_button {
  cursor: pointer;
  text-align: center;
  padding: 12px 25px;
  display: inline-block;
  border: 2px solid var(--botton-secondary-border-color) !important;
  border-radius: 5px;
  font-size: 16px;
  color: var(--text-secondary-color) !important;
  font-weight: bold;
  margin-bottom: 15px;
  float: right;
}

.back_button:hover {
  border: 2px solid var(--botton-secondary-border-color) !important;
  background-color: var(--botton-secondary-border-color);
  color: #fbfaf8 !important;
}

.client_vue_container {
  cursor: pointer;
  font-size: 15px;
  vertical-align: middle;
  margin: 10px 0px 0px 10px;
  padding: 10px 15px 10px 15px !important;
  color: var(--text-secondary-color);
  background-color: #fff;
  border: 2px solid var(--text-secondary-color);
  border-radius: 50px;
  float: right;
}

.client_vue_container:hover {
  color: #fff;
  background-color: var(--text-primary-color);
}

.client_vue_container.selected {
  color: #fff;
  background-color: var(--text-primary-color);
}

#validation-invoice-address {
  position: relative;
}

.preview_command {
  position: absolute;
  top: 3px;
  right: 20px;
}

.client_vue {
  display: flex;
  align-items: center;
}
.preview_command a,
.client_vue a {
  cursor: pointer;
  margin-bottom: 0 !important;
  color: var(--text-secondary-color);
}

.preview_command a:hover,
.client_vue a:hover {
  color: #fff;
}

.preview_command a i,
.client_vue a i {
  background-color: #f2d9a3;
  color: var(--text-secondary-color);
  padding: 5px;
  border-radius: 50px;
  margin-right: 5px;
}

.formalite_nav {
  cursor: pointer;
  padding: 20px !important;
  margin-right: 5px;
  height: 65px;
  background: #ecebe6;
  border: 2px solid transparent;
  border-bottom: 2px solid #d8d5cd;
  color: var(--text-secondary-color);
  font-weight: bold;
  font-size: 17px;
  border-radius: 6px 6px 0px 0px;
  z-index: 1;
}

.formalite_nav:hover {
  background: #ecebe6ad;
}

.formalite_nav.active {
  background: #fbfaf8;
  border: 2px solid #d8d5cd;
  border-bottom: 0 solid transparent;
  z-index: 1;
}

.formalite_content .tab-content {
  position: relative;
  padding: 40px;
  margin-top: -2px;
  background: #fbfaf8;
  border: 2px solid #d8d5cd;
  border-radius: 0 6px 6px 6px;
}

.formalite_top .title {
  margin-bottom: 45px;
}

.btn_formalite {
  cursor: pointer;
  text-align: center;
  padding: 12px 17px;
  display: inline-block;
  border: 1px solid var(--botton-secondary-border-color) !important;
  font-size: 14px;
  color: var(--text-secondary-color) !important;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 15px;
  border-radius: var(--botton-raduis);
}

.btn_formalite i {
  background-color: var(--botton-secondary-border-color);
  color: #fff;
  padding: 4px;
  border-radius: 50px;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin-left: 7px;
  margin-right: 0;
}

.btn_formalite:hover {
  color: #fff !important;
  background-color: var(--text-secondary-color);
}

.btn_formalite:hover i {
  color: var(--text-secondary-color) !important;
  background-color: #fff;
}

.srch_formalite input {
  width: 100%;
  padding: 10.5px 17px;
  border: 1px solid #f4f2ee;
}

.srch_formalite input:focus {
  border: 1px solid #c4c4c4;
}

.srch_formalite i {
  font-size: 18px;
  position: absolute;
  padding: 14.5px 15px;
  right: 0;
  top: 0;
}

.filter_container {
  margin: 10px 10px 0px 0px;
  float: left;
}

.filter {
  display: flex;
  align-items: center;
}

.filter label {
  cursor: pointer;
  font-size: 15px;
  padding: 10px 15px 10px 15px !important;
  color: var(--text-secondary-color);
  background-color: #fff;
  border: 2.5px solid #ede7e9;
  border-radius: 50px;
  margin-bottom: 0 !important;
}

.filter label:hover {
  color: #fff;
  background-color: var(--botton-secondary-border-color);
}

.filter_checked label {
  color: #fff;
  background-color: var(--botton-secondary-border-color);
}

.filter i,
.formalities-mounth i {
  display: inline-block;
  background-color: #f2d9a3;
  color: var(--text-secondary-color);
  padding: 5px;
  border-radius: 50px;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin-left: 5px;
  text-align: center;
}

.filter i.no-data,
.formalities-mounth i.no-data {
  background-color: transparent;
  color: transparent;
  width: 0;
  margin: 0;
  padding: 5px 0;
}

.filter p {
  margin-bottom: 0;
  margin-top: 3px;
  display: inline-block;
}

.formalities-mounth i {
  padding: 9px !important;
}

.accordion {
  width: 100%;
  position: relative;
}

.accordion_header,
.accordion_header_month {
  cursor: pointer;
  padding: 13px 20px;
  border: 2px solid #dedbd4;
  border-radius: 5px 5px 0px 0px;
}

.accordion_header:hover,
.accordion_header_month:hover {
  background: #f3f1ed;
}

.accordion_header::after,
.accordion_header_month::after {
  content: '\2015';
  position: absolute;
  color: var(--text-secondary-color);
  right: 0;
  top: 0;
  padding: 15px 20px;
  border: 2px solid #dedbd4;
  border-radius: 0 5px 0px 0px;
}

.accordion_header.collapsed::after,
.accordion_header_month.collapsed::after {
  content: '\2542';
  position: absolute;
  color: var(--text-secondary-color);
  right: 0;
  top: 0;
  padding: 15px 20px;
  border: 2px solid #dedbd4;
  border-radius: 0 5px 5px 0px;
}

.accordion_header.collapsed,
.accordion_header_month.collapsed {
  border-radius: 5px;
}

.accordion_body {
  margin-top: -2px;
  border: 2px solid #dedbd4;
  border-radius: 0 0px 5px 5px;
  overflow-x: auto;
}

.accordion .table {
  margin-bottom: 0;
}

.accordion .table .team-folder {
  background-color: #f3f1ed !important;
}

.accordion .table thead th {
  background: #eaeaea;
  white-space: nowrap;
}

.accordion .table tr {
  background: #ffffff;
}

.accordion .table tr.vued {
  background: #f3f1ed;
  color: #9f9d9c;
}

.accordion .table tr a {
  color: var(--text-secondary-color);
  text-decoration: underline;
  font-weight: bold;
  margin: 0 5px;
}

.accordion .table tr a:hover {
  color: var(--text-primary-color);
}

.accordion .table tr a.text-decoration-none {
  text-decoration: none !important;
}

.accordion .table tr a.disabled {
  color: #9f9d9c;
}

.accordion .table tr.vued a {
  color: #6c6c6c;
  text-decoration: underline;
  font-weight: bold;
}

.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background: #f7f7f7;
}

.formalite_content .tab-content .tab-pane {
  width: 100%;
}

.folder-informations h2 {
  font-size: 20px;
  padding-bottom: 20px;
}

.folder-informations p {
  font-size: 15px;
}

.table-invoice-container td {
  border: none;
  padding: 7px 20px;
}

.table-invoice-container h4 {
  margin: 0;
  padding-left: 30px;
  font-size: 17px;
  padding-top: 10px;
}

.invoice-option {
  color: #6c6c6c;
  margin: 0 0 5px;
  font-size: 16px;
}

.table-invoice-footer td {
  border: none;
  padding: 7px 20px;
}

.table-invoice-footer,
.table-invoice-container {
  border: 1px solid #d8d5cd;
}

.table-invoice-container,
.table-invoice-footer {
  background-color: #fff;
}

.table-invoice-footer tr:last-child td {
  border-top: 1px solid #d8d5cd !important;
}

.table-invoice-footer tr:first-child td h4 {
  font-size: 17px;
}

.table-invoice-footer tr:last-child td h4 {
  font-size: 18px;
}

.invoice-option span {
  font-size: 12px;
}

.folder-informations .card-client {
  text-decoration: underline;
  color: var(--text-secondary-color);
  font-size: 15px;
  font-weight: 300;
}

.folder-informations .card-client:hover {
  color: var(--text-primary-color);
}

.folder-informations-nav .nav-tabs .nav-link.active,
.folder-informations-nav .nav-tabs .nav-item.show .nav-link {
  border-color: transparent;
  font-size: 15px;
  font-weight: 300;
}

.folder-informations-nav .nav-link {
  padding: 15px 20px;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: transparent;
}

.folder-informations-nav .tab-content {
  background-color: #fff;
  border-color: #fff;
  border-radius: 4px;
}

.folder-informations-nav .tab-content h5 {
  color: var(--text-secondary-color);
  font-weight: 700;
  margin-top: 40px;
}

.folder-informations-nav .fade.in {
  opacity: 1;
}

.folder-informations-nav .link {
  text-decoration: underline;
  color: var(--text-secondary-color);
}

.folder-informations-nav .link:hover {
  color: var(--text-primary-color);
}
.info_wraper .tb-pop a {
  margin-left: 0 !important;
}
.half2 .tb-pop a {
  text-decoration: none !important;
}
.info_wraper input.gestion-document-fileupload[type='file'] {
  overflow: hidden;
}
.info_wraper span input.gestion-document-fileupload {
  position: absolute;
  top: 0;
  right: -60px !important;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
.info_wraper span.fileinput-button span {
  display: inline;
  margin-left: 15px;
  font-size: 14px;
  color: var(--text-secondary-color) !important;
  margin-bottom: 0 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}
.uploader > span {
  position: relative;
}

.info_wraper .half1-dashboard-folder-client.proof,
.info_wraper .half1.proof {
  width: 55% !important;
}
.info_wraper .half2.proof {
  width: 45% !important;
}
/** End formalite **/

@media screen and (max-width: 991px) {
  .formalite_top .col-md-4,
  .formalite_top .col-md-6,
  .formalite_top .col-md-8,
  .formalite_top .col-md-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .accordion {
    padding-left: 10px;
    padding-right: 10px;
  }

  .accordion_header::after,
  .accordion_header_month::after {
    margin-right: 10px;
  }

  .accordion_header::after,
  .accordion_header_month::after,
  .accordion_header.collapsed::after,
  .accordion_header_month.collapsed::after {
    padding: 19px 20px;
  }
}

.dot-procedure-validators {
  display: inline-block;
  margin-top: 2px;
}

.dot-procedure-validators .tb-pop {
  top: 30px;
  right: -7px !important;
}
.info_bulle {
  cursor: pointer;
  display: inline-block;
  color: var(--text-secondary-color);
  font-size: 16px;
  background: rgb(240, 239, 234);
  background: radial-gradient(
    circle,
    rgba(240, 239, 234, 0) 39%,
    var(--text-secondary-color) 39%
  );
  border-radius: 50px 50px 50px 0px;
  height: 16px;
  width: 16px;
}

.info_bulle div {
  color: var(--text-secondary-color);
  font-size: 16px;
  background-color: #ffffff;
  border-radius: 50px;
  height: 16px;
  width: 16px;
  border: 1px solid var(--text-secondary-color);
}

.tooltip-wrap .info_bulle:hover + .tooltip-inner {
  opacity: 0.8;
  visibility: visible;
  display: inline-block;
  margin-left: -9px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mnc-text-container {
  text-align: center;
  padding: 12px 25px;
  display: inline-block;
  border: 2px solid var(--botton-secondary-border-color) !important;
  border-radius: 5px;
  font-size: 16px;
  color: var(--text-secondary-color) !important;
  font-weight: bold;
  margin-bottom: 15px;
  float: right;
}

.details-prices-block {
  display: none;
  background: #f0efea;
}

.open-details-prices {
  margin-top: 20px !important;
  background: var(--botton-secondary-bg-color);
  color: var(--botton-secondary-border-color) !important;
  border: 2px solid var(--botton-secondary-border-color);
  border-color: #808080 !important;
  padding: 12.5px 15px;
  cursor: pointer;
  font-weight: 700;
  display: inline-block;
  min-width: 150px;
}

.b2c-more-detail {
  color: var(--botton-secondary-border-color) !important;
  font-size: 15px !important;
}

.total-amount-ht {
  color: var(--botton-secondary-border-color);
}

.span-validated-recap-text {
  width: 100% !important;
}

.mb--26 {
  margin-bottom: -26px !important;
}

.register-form {
  width: 470px;
  margin: 20px auto 0px;
  max-width: 100%;
}

.mt-0 {
  margin-top: 0 !important;
}

.w-44 {
  width: 44% !important;
}

.result-tooltip {
  display: none;
}

input.error-field,
textarea.error-field,
select.error-field {
  border: 2px solid #f48fb1 !important;
}

input[type='radio'].error-field + span:before,
input[type='checkbox'].error-field + span:before {
  border: 2px solid #f48fb1 !important;
}

input[type='radio']:checked + span,
input[type='checkbox']:checked + span {
  font-weight: 700;
}

input[type='radio']:checked + span:before {
  border: 7px solid var(--form-radio-color) !important;
}

input[type='radio']:checked + span:after,
input[type='checkbox']:checked + span:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  left: -27px;
  background: var(--form-radio-color);
  top: 3px;
  z-index: 7;
}

input[type='checkbox']:disabled + span:after {
  opacity: 0.5;
}

input[type='radio']:checked + span:after {
  border-radius: 50%;
  background: #ffffff;
  opacity: 0;
  width: 10px;
  height: 10px;
  top: 5px;
  left: -25px;
}

.custom-payment-method-span:before {
  border-radius: 50%;
  border: 1px solid var(--form-radio-color) !important;
}

.tb-pop.tb-signatures {
  top: 50px !important;
}

.compte-tb .dot-td .tb-pop.tb-signatures {
  right: 10px !important;
}

.dot-td-add-button {
  cursor: pointer;
}
.dot-td-add-button .add-button {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  margin-top: 25px;
  padding-top: 7px;
  margin-left: 27px;
  float: right;
  background: var(--botton-secondary-bg-color);
  color: var(--botton-secondary-border-color);
  text-align: center;
}

.tb-pop.tb-signatures {
  top: 50px !important;
}

.compte-tb .dot-td .tb-pop.tb-signatures {
  right: 10px !important;
}

#formality-checkbox input[type='checkbox'] + span:before {
  border: 1px solid #000;
}

a.b2b_btn_new_formality_mnc,
a.b2b_btn_new_formality_mnc:focus,
a.b2b_btn_new_formality_mnc:visited,
a.b2b_btn_new_formality,
a.b2b_btn_new_formality:focus,
a.b2b_btn_new_formality:visited,
a.btn_manewco_dashboard,
a.btn_manewco_dashboard:focus,
a.btn_manewco_dashboard:visited {
  background: var(--botton-secondary-bg-color);
  color: var(--botton-secondary-border-color);
  border: 2px solid var(--botton-secondary-border-color);
  padding: 12.5px 15px;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-weight: 700;
  display: inline-block;
  min-width: 150px;
  max-width: 175px;
  font-size: 14px;
  margin: 12px 5px;
  text-align: center;
  border-radius: var(--botton-raduis);
  max-height: 65px;
}

.pb-25 {
  padding-bottom: 25px !important;
}

/* added css of folder page if the formality type is client  */
.bibe-link {
  color: var(--text-primary-color) !important;
  text-decoration: underline;
}

.save-formality-link {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-family: arial, sans-serif;
  color: var(--botton-secondary-border-color) !important;
  text-decoration: underline;
}

.label-dashboard-folder-client {
  height: 19px;
  width: 123px;
  color: #161616;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
}

.label-dashboard-folder-client label {
  margin-top: 15px;
}

.additional-information-dashboard-client select {
  background: #fff;
}

.rectangle-conversion, .rectangle-signature {
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 28px;
}

.title-conversion, .title-signing {
  height: 24px;
  padding-left: 10px;
  color: #004247;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  text-decoration: underline;
}

.title-conversion {
  opacity: 0.3;
}

.text-used-our-solution {
  color: #6d6d6d;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: left;
  margin-top: 28px;
  width: 95%;
}

.picto {
  height: 52px;
  width: 52px;
}

.puce-left-sec .puce-font-icons-arrow i.fas.fa-chevron-circle-right:before {
  font-size: 18px;
}

.puce-left-sec i.fa.fa-check:before {
  font-size: 11px;
}

.puce-arrow-b2b {
  color: #459eab;
  background-color: transparent;
}

.list-options {
  color: var(--text-primary-color);
  font-weight: bold;
}

/* Dashboard folder with formality type is client*/
.half1-dashboard-folder-client {
  display: inline-block;
  width: 80%;
  height: 100%;
  align-items: center;
}

.fa-check-circle {
  color: var(--text-primary-color);
  margin-top: 15px;
}

.add-downloaded-documents-block {
  max-height: 258px;
  max-width: 804px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.03);
  overflow: auto;
}

.add-documents-title {
  height: 50px;
  width: 405px;
  color: var(--text-secondary-color);
  padding: 13px;
}

.add-document-button {
  position: relative;
  height: 38px;
  width: 118px;
  border-radius: 6px;
  background-color: var(--text-primary-color);
  float: right;
  margin-right: 2%;
  border-color: var(--text-primary-color);
}

.downloaded-documents {
  padding-top: 15px;
  padding-left: 32px;
}

.add-document-text {
  color: #ffffff;
  font-size: 18px;
  text-align: center;
}

.icon-arrow {
  height: 13px;
  width: 17px;
  margin-top: 20px;
}

.icon-down {
  transform: scaleY(-1);
}

.document-list-block .lock-checkbox:first-child {
  width: 80% !important;
}

/*media queries of max width 1366 px */
@media screen and (max-width: 1366px) {
  .icon-arrow {
    margin-bottom: 20px;
  }

  .add-document-button {
    position: absolute;
    right: 0%;
    z-index: 9;
  }

  .downloaded-documents {
    padding-top: 1px;
    padding-left: 22px;
  }

  .icon-arrow {
    margin-bottom: 19px;
    margin-top: 25px;
  }
}

.additional-information-text-form {
  height: 14%;
}

.additional-information-text-show {
  height: 19%;
}

/*media queries of max width 1024 px*/
@media screen and (max-width: 1024px) {
  .add-document-button {
    margin-left: 70% !important;
  }

  .document-list-block {
    margin-top: 9% !important;
  }

  .additional-information-text-form {
    height: 18% !important;
  }

  .additional-information-text-show {
    height: 25% !important;
  }
}

/*media queries of max width 768 px*/
@media screen and (max-width: 768px) {
  .add-document-button {
    margin-left: 60% !important;
  }

  .icon-arrow {
    margin-bottom: 19px !important;
    margin-top: -50px !important;
  }

  .additional-information-text-form,
  .additional-information-text-show {
    height: 14% !important;
  }
}

@media screen and (max-width: 540px) {
  .additional-information-text-form,
  .additional-information-text-show {
    height: 90% !important;
  }
}

/*media queries of max width 414 px */
@media screen and (max-width: 414px) {
  .add-documents-title {
    height: 50px;
    width: 100%;
    color: var(--text-secondary-color);
    padding: 13px;
  }

  .downloaded-documents {
    padding-left: 42px !important;
  }

  .document-list-block .lock-checkbox:first-child {
    width: 100% !important;
  }

  .icon-arrow {
    margin-top: -21px !important;
  }
}

/*media queries of max width 375px */
@media screen and (max-width: 375px) {
  .add-document-button {
    margin-left: 25% !important;
  }
}

.fs-22 {
  font-size: 22px !important;
}

a.b2b_btn_new_formality,
a.b2b_btn_new_formality:focus,
a.b2b_btn_new_formality:visited {
  background: var(--botton-secondary-border-color) !important;
  color: #ffffff !important;
  font-weight: bold !important;
  letter-spacing: 0;
  line-height: 18px;
  height: 58px;
  width: 173px;
  position: relative;
}

a.b2b_btn_new_formality_mnc,
a.b2b_btn_new_formality_mnc:focus,
a.b2b_btn_new_formality_mnc:visited {
  background: var(--botton-secondary-bg-color) !important;
  color: var(--botton-secondary-border-color) !important ;
  font-weight: bold !important;
  letter-spacing: 0;
  line-height: 18px;
  height: 58px;
  width: 173px;
}

.client-formality-sub-title {
  height: 46px;
  width: 223px;
  color: #161616;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 46px;
}

.add-new-manager-link,
.add-new-folder-link,
.add-new-client-link {
  height: 19px;
  width: 174px;
  color: var(--text-secondary-color);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 30px;
  display: block;
  cursor: pointer;
  text-decoration: underline;
}

.w-152 {
  width: 152px !important;
}

.w-162 {
  width: 162px !important;
}

.affect-formality-type-block {
  width: 100%;
  margin-bottom: 32px;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.operations-label span,
.formality-type-label span,
.dissolution-modifications-label span,
.simple-modifications-label span {
  font-size: 14px !important;
  padding-right: 35px;
  margin-bottom: 20px;
}

.form-wrapper-inner-client-formality {
  padding: 43px 33px !important;
  margin-bottom: 31px;
  margin-top: 45px;
}

.ml-20 {
  margin-left: 20px !important;
}

.white-bg {
  background-color: #ffffff !important;
}

.mt--83 {
  margin-top: -83px !important;
}

.info_wraper a.upload-file {
  text-decoration: underline !important;
  position: relative;
}

.half1-dashboard-folder-client .fa-check-circle {
  margin: 0 !important;
}

.puce-font-icons-pc {
  position: absolute;
  right: 10px;
  top: -15px;
}

.container-after-payment {
  padding: 18px 0;
  margin: 1px 17%;
}

.after-payment-text-title {
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 46px;
  text-align: center;
}

.after-payment-content-text {
  height: 154px;
  width: 652px;
  font-size: 16px;
  line-height: 12px;
  margin-bottom: 2%;
  margin-top: 2%;
  text-align: center;
}

.mt-30 {
  margin-top: 30px !important;
}

.form-wrapper-inner-after-payment-page {
  padding-top: 6%;
  padding-bottom: 20%;
  margin-bottom: 10%;
}

.dimgray-color {
  color: #6d6d6d !important;
}

.pb-9-percent {
  padding-bottom: 9% !important;
}

/*media queries of max width 1024 px*/
@media screen and (max-width: 1024px) {
  .container-after-payment {
    margin-right: 11%;
    margin-left: 11%;
  }
}

/*media queries of max width 1024 px*/
@media screen and (max-width: 768px) {
  .banner-after-payment {
    width: 78%;
  }
}

/*media queries of max width 1024 px*/
@media screen and (max-width: 414px) {
  .after-payment-content-text {
    margin-bottom: 20% !important;
    font-size: 12px;
    line-height: 15px;
  }
}

/*media queries of max width 1024 px*/
@media screen and (max-width: 375px) {
  .after-payment-text-title {
    font-size: 20px;
  }

  .after-payment-content-text {
    margin-bottom: 27%;
  }

  .banner-after-payment {
    height: 115px;
  }
}

/*media queries of max width 1024 px*/
@media screen and (max-width: 320px) {
  .after-payment-text-title {
    font-size: 16px;
  }

  .after-payment-content-text {
    margin-bottom: 32% !important;
  }
}

.recap-text {
  color: #161616;
  font-family: Lato;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 40px;
  text-align: center;
}

.recap-paragraph {
  font-family: Lato;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 26px;
}
.recap-paragraph-2 {
  font-family: Lato;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
}

.my-company-detail {
  font-family: Lato;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
  color: var(--text-secondary-color);
}

.mb-10 {
  margin-bottom: 10px !important;
}

.client-recap-price-name {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
  padding-top: 10px;
  padding-left: 26px;
}

.price-number {
  font-family: Lato;
  padding-top: 10px;
}

.page-validation-with-client {
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 20px;
}
.redirect-to-folder-page,
.validate-command {
  background-color: var(--botton-secondary-border-color) !important;
  color: #fff !important;
}

.go-back-validation-button {
  color: var(--text-secondary-color) !important;
  cursor: pointer;
  text-underline: var(--text-secondary-color) !important;
  text-decoration: underline;
  display: inline-block;
  font-size: 16px;
  margin-top: 20px;
  padding-top: 7%;
  padding-left: 65%;
}

.offer-option input[type='checkbox'] + span:before {
  border: 1px solid var(--text-secondary-color) !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.b2b_btn_new_formality span.badge {
  top: -8px !important;
  position: absolute;
  padding: 5px 12px !important;
  border-radius: 8px;
  transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  -webkit-transform: rotate(330deg);
  left: -14px !important;
}

/*********************************************** alinaous ***********************************************/
/******************************************** drag_drop css ********************************************/

#drag_drop,
#drag_drop ul,
#drag_drop li {
  list-style-type: none;
  color: #b5e853;
  border: 1px solid #f1efea;
  border-right: 0 transparent;
  border-bottom: 0;
}

#drag_drop ul,
#drag_drop {
  background-color: #f1efea;
}

.drag_drop_container > ul {
  padding-inline-start: 0;
  margin-bottom: 0;
}

.drag_drop_container {
  padding-bottom: 10px;
}

#drag_drop li,
ul#s-l-base li {
  /* padding-left: 15px; */
  margin: 10px 0px 10px 0px;
  color: #000000;
  border: 1px solid transparent;
  background-color: transparent;
  border-right: 0 transparent;
  border-bottom: 0;
}

#drag_drop li,
#drag_drop ul {
  border-radius: 5px;
}

#drag_drop li .dragable_item_content,
ul#s-l-base li .dragable_item_content {
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #fff;
  min-height: 45px;
  font-size: 14px;
  font-weight: 200;
  font-family: 'freightsans', san-serif !important;
}

.place_holder {
  background-image: repeating-linear-gradient(
      -18deg,
      #e4a72d,
      #e4a72d 5px,
      transparent 5px,
      transparent 9px,
      #e4a72d 9px
    ),
    repeating-linear-gradient(
      72deg,
      #e4a72d,
      #e4a72d 5px,
      transparent 5px,
      transparent 9px,
      #e4a72d 9px
    ),
    repeating-linear-gradient(
      162deg,
      #e4a72d,
      #e4a72d 5px,
      transparent 5px,
      transparent 9px,
      #e4a72d 9px
    ),
    repeating-linear-gradient(
      252deg,
      #e4a72d,
      #e4a72d 5px,
      transparent 5px,
      transparent 9px,
      #e4a72d 9px
    );
  background-size: 2px calc(100% + 9.46px), calc(100% + 9.46px) 2px,
    2px calc(100% + 9.46px), calc(100% + 9.46px) 2px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  animation: borderAnimation 1s infinite linear;
}

.hint_place {
  background-image: repeating-linear-gradient(
      -18deg,
      #919191,
      #919191 5px,
      transparent 5px,
      transparent 9px,
      #919191 9px
    ),
    repeating-linear-gradient(
      72deg,
      #919191,
      #919191 5px,
      transparent 5px,
      transparent 9px,
      #919191 9px
    ),
    repeating-linear-gradient(
      162deg,
      #919191,
      #919191 5px,
      transparent 5px,
      transparent 9px,
      #919191 9px
    ),
    repeating-linear-gradient(
      252deg,
      #919191,
      #919191 5px,
      transparent 5px,
      transparent 9px,
      #919191 9px
    );
  background-size: 2px calc(100% + 9.46px), calc(100% + 9.46px) 2px,
    2px calc(100% + 9.46px), calc(100% + 9.46px) 2px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  animation: borderAnimation 1s infinite linear;
}

@keyframes borderAnimation {
  from {
    background-position: 0 0, -9.46px 0, 100% -9.46px, 0 100%;
  }

  to {
    background-position: 0 -9.46px, 0 0, 100% 0, -9.46px 100%;
  }
}

.dragable_option_dots {
  cursor: pointer;
  float: right;
  position: relative;
}

.dragable_option_dots .table-menu {
  height: 25px;
  width: 25px;
  background-color: #f2d9a3;
  border-radius: 50%;
  padding-top: 6px;
  color: #631d2d;
  text-align: center;
}

.dragable_title {
  cursor: move;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  line-height: 28px;
}

.dragable_title span {
  font-weight: 200;
  margin-right: 10px;
}

.dragable_option_dots:hover .dragable_option {
  display: block;
}

.dragable_option {
  position: absolute;
  top: 100%;
  right: -9px;
  min-width: 100px;
  z-index: 9;
  background: #fff;
  padding: 10px 10px 0;
  text-align: center;
  box-shadow: 0 0 5px 5px rgb(0 0 0 / 20%);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: none;
}

.dragable_option a {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
  white-space: nowrap;
}

.dragable_option a:hover {
  font-weight: 700;
}

.dragable_option::after {
  content: '';
  position: absolute;
  top: -10px;
  right: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  z-index: 9;
}

.badge_container {
  cursor: move;
  display: inline-block;
  width: 15%;
  height: 100%;
  vertical-align: middle;
  line-height: 25px;
}

.title_container {
  display: inline-block;
  width: 30%;
  height: 100%;
  vertical-align: middle;
  line-height: 25px;
}

.immatricule_container {
  display: inline-block;
  width: 15%;
  height: 100%;
  vertical-align: middle;
  line-height: 25px;
}

.date_container {
  display: inline-block;
  width: 15%;
  height: 100%;
  vertical-align: middle;
  line-height: 25px;
}

.formality_preview {
  cursor: unset;
  padding-inline-start: 0;
}

.formality_preview li {
  margin: 2px 0px 10px 0px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.formality_preview .dragable_item_content {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  cursor: default !important;
  background-color: #e0d8d7 !important;
}

.preview_item_ref {
  display: inline-block;
  width: 30%;
  height: 100%;
  vertical-align: middle;
  line-height: 28px;
}

.preview_item_adr {
  display: inline-block;
  width: 50%;
  height: 100%;
  vertical-align: middle;
  line-height: 28px;
}

.badge_2 {
  margin-top: -3px;
}

.drag_drop_container {
  overflow-x: auto;
}

.mobile {
  display: none;
}

.desktop {
  display: block;
}

#pagination-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
}

.pagination_numbers {
  font-size: 15px;

  cursor: pointer;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  color: rgb(143, 143, 143);
  text-align: center;
}

.pagination_numbers:hover {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  color: rgb(39, 39, 39);
  text-align: center;
}

.activePagination {
  color: #e4a72d;
}

.paginacaoCursor {
  cursor: pointer;
  width: 20px;
  height: 20px;
  font-size: 10px;
  color: #e4a72d;
  text-align: center;
  margin-left: 5px;
}

@media screen and (max-width: 375px) {
  .date_container {
    display: none;
  }

  .title_container {
    width: 100%;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .preview_item_ref {
    width: 100%;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .preview_item_adr {
    width: 100%;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  div#mn_appbundle_modifications_account_approval_companyType
    > label:first-child
    input:nth-child(1) {
    margin-left: 20px !important;
  }
}

.filter-select-folder .search-wrap {
  color: var(--text-secondary-color) !important;
}

.dashboard-opt.opt-clients .btn_manewco.btn_procedure {
  padding: 17.5px 15px !important;
}

.contact-pro h2 {
  font-size: 20px !important;
  line-height: 1.6;
  font-style: italic;
}

.company-type .tooltip-wrap {
  margin-left: -15px !important;
  top: -5px !important;
}

.info_wraper span input.gestion-document-fileupload.replace-file {
  max-width: 50px !important;
  position: absolute;
  top: 3px !important;
  max-height: 11px !important;
}

.doc-actions {
  display: inline-flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.info_wraper span.fileinput-button {
  position: relative;
}

.dossier_sec_client {
  padding-top: 30px;
  padding-bottom: 60px;
  background: #f0efea;
  padding-left: 10%;
  padding-right: 10%;
}

.pl-12 {
  padding-left: 12% !important;
}

.ml-11 {
  margin-left: 11% !important;
}

.mt-3 {
  margin-top: 3% !important;
}

.validation-title {
  height: 38px;
  width: 588px;
  font-family: Lato;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: 15px !important;
}

a.redirect-to-folder-page,
input.validate-command {
  background: var(--botton-secondary-border-color) !important;
  border: 2px solid var(--botton-secondary-border-color) !important;
  padding: 12.5px 15px;
  cursor: pointer;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-weight: 700;
  display: inline-block;
  min-width: 150px;
  text-align: center;
  border-radius: var(--botton-raduis) !important;
  color: #fff !important;
}

.text-secondary {
  color: var(--text-secondary-color) !important;
}

.text-primary {
  color: var(--text-primary-color) !important;
}

.recap-b2b-button {
  color: var(--botton-primary-border-color) !important;
  border: 2px solid var(--botton-primary-border-color) !important;
}

.recap-b2b-button:link,
.recap-b2b-button:visited,
.recap-b2b-button:hover,
.recap-b2b-button:active {
  background-color: var(--text-secondary-color) !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.radio-auto-select-billing input[type='radio'] + span:before {
  border-radius: 23%;
  border: 0.05em solid var(--botton-secondary-border-color);
}

.mt-13 {
  margin-top: 13%;
}

.validation-button {
  margin: 13% 0 20% 0;
}

@media screen and (max-width: 987px) {
  .validation-button {
    margin: 9% 5% 5% 5%;
  }
}

.new-formality-client-sub-title {
  height: 19px;
  width: 380px;
  color: var(--banner-info-text-color);
  font-family: Lato;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 31px;
  text-align: center;
}

.new-formality-client-title {
  font-size: 22px;
  line-height: 34px;
}

.go-back-link {
  color: #5e0f29 !important;
  font-family: Lato;
  text-decoration: underline !important;
  font-size: 17px;
  margin-left: 27%;
}

.offre-option input[type='checkbox'] + span::before {
  border: 2px solid #d1d1d1 !important;
}

.pl-16-percent {
  padding-left: 16% !important;
}

.subscription-checkbox span::before {
  border: 0.05em solid var(--text-secondary-color);
}

.hide-spinner {
  -moz-appearance: textfield;
}

.hide-spinner::-webkit-outer-spin-button,
.hide-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.mw-65-percent {
  max-width: 65% !important;
}

.folder-information-synthesis-invoice {
  margin-top: 6%;
  color: var(--botton-secondary-border-color);
}

.text-activate-signatory-bloc {
  color: var(--text-secondary-color);
  text-align: center;
  font-weight: 600;
}

.text-activate-signatory-bloc p {
  display: none;
}

.disabled-new-signatory-button {
  opacity: 0.3;
}

.text-end {
  text-align: end !important;
}

.mw-100-percent {
  max-width: 100% !important;
}

.w-785 {
  width: 785px;
  max-width: 100%;
  margin: 0 auto;
}

.return_btn {
  padding: 10px 20px !important;
}

#mn_appbundle_divers_regimeTVA option {
  height: 25px;
}

.additional-information-table {
  width: 68%;
  text-align: left;
}

.pl-13-percent {
  padding-left: 13%;
}

@media screen and (max-width: 768px) {
  .validate-command {
    width: 50% !important;
  }
}

@media screen and (max-width: 414px) {
  .validate-command {
    width: 50% !important;
  }
}

@media screen and (max-width: 375px) {
  .validate-command {
    width: 50% !important;
  }
}

@media screen and (max-width: 320px) {
  .validate-command {
    width: 58% !important;
  }
}

.ml-7-percent {
  margin-left: 7% !important;
}

.administrative-price-detail {
  margin-right: -225px !important;
}

@media screen and (max-width: 991px) {
  .administrative-price-detail {
    margin-right: -235px !important;
  }
}

@media screen and (max-width: 375px) {
  .administrative-price-detail {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 414px) {
  .administrative-price-detail {
    margin-right: -8px !important;
  }
}

.form-wrapper-inner.approval-form h3 {
  font-size: 15px !important;
}

/* new block - alinaous */

.box {
  border: 2px solid #f1efea;
  border-radius: 5px;
  padding: 15px;
  margin-top: 15px;
}

.check_mark {
  height: auto;
  width: 21px;
  margin-right: 15px;
}

.detail-name,
.detail-price,
.price-value,
.offer-required span,
.offre-option span,
.option-price,
.option-price strong {
  color: #6c6c6c;
  font-family: Lato;
  font-size: 14px;
  font-weight: normal;
}

.montant_text {
  color: #e4a72d;
  font-family: Lato;
  font-weight: bold !important;
  font-size: 20px !important;
}

.border_top {
  margin-right: 0;
  margin-left: 0;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 2px solid #f1efea;
}

.client-validation-page-container-b2b {
  height: 100px;
  display: flex;
  align-items: center;
  margin-bottom: 2%;
}

.validation-content-b2b {
  margin-top: 7px;
}

.options-text {
  cursor: pointer;
  color: #161616;
  font-family: Lato;
  font-size: 16px;
  font-weight: 900 !important;
  letter-spacing: 0;
  line-height: 19px;
  padding-left: 11px;
}

.bible-link,
.find-out-more {
  color: #6d253d !important;
  text-decoration: underline !important;
}

.validation-content-b2b input[type='radio'] + span,
.validation-content-b2b input[type='checkbox'] + span {
  margin-right: 0 !important;
}

.validation-content-b2b input[type='radio']:checked + span:after,
.validation-content-b2b input[type='checkbox']:checked + span:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 12px;
  left: -23px;
  border-right: 2px solid #5e0f29;
  border-bottom: 2px solid #5e0f29;
  top: 3px;
  transform: rotateZ(40deg);
  background-color: transparent !important;
  z-index: 7;
}

.validation-content-b2b input[type='radio'] + span:before,
.validation-content-b2b input[type='checkbox'] + span:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  left: -30px;
  background: #fff;
  top: 0;
  z-index: 7;
}

.validation-content-b2b input[type='checkbox'] + span::before {
  border: 1px solid #d1d1d1 !important;
}

input[type='radio'] + span:before {
  border-radius: 50%;
  border: 0.05em solid #ffffff;
}

.options-b2b {
  padding-left: 50px;
}

.options-b2b .description {
  padding-top: 0 !important;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 20px !important;
}

.benefit-container,
.validation-checkbox_new {
  padding: 0;
}

.validation-checkbox_new .offer-required label {
  display: unset;
}

.benefit-container .benefit-container-row,
.validation-checkbox_new .administrative-price-detail {
  padding-left: 50px;
}

.validation-checkbox_new input[type='radio'],
.validation-checkbox_new input[type='checkbox'],
.details-prices-block-b2b input[type='radio'],
.details-prices-block-b2b input[type='checkbox'],
.details-prices-block-b2b input[type='radio'] + span:before,
.details-prices-block-b2b input[type='checkbox'] + span:before,
.details-prices-block-b2b input[type='radio'] + span::after,
.details-prices-block-b2b input[type='checkbox'] + span::after,
.details-prices-block-b2b-with-client input[type='radio'],
.details-prices-block-b2b-with-client input[type='checkbox'],
.details-prices-block-b2b-with-client input[type='radio'] + span:before,
.details-prices-block-b2b-with-client input[type='checkbox'] + span:before,
.details-prices-block-b2b-with-client input[type='radio'] + span::after,
.details-prices-block-b2b-with-client input[type='checkbox'] + span::after,
.validation-checkbox_new input[type='radio'] + span:before,
.validation-checkbox_new input[type='checkbox'] + span:before,
.validation-checkbox_new input[type='radio'] + span::after,
.validation-checkbox_new input[type='checkbox'] + span::after {
  display: none !important;
}

.validation-checkbox_new input[type='radio'] + span,
.validation-checkbox_new input[type='checkbox'] + span {
  top: unset !important;
}

.validation-checkbox_new .administrative-price-detail {
  margin-right: -15px !important;
}

.packages-details-b2b {
  padding-left: 50px;
}

.total-amount-ht-b2b {
  color: inherit;
  font-family: Lato;
  font-size: 20px;
}

.info_container-b2b {
  padding-top: 7px;
  padding-left: 50px;
  padding-right: 50px;
}

.info_container-b2b input[type='radio'] + span:before {
  border-radius: 50%;
  border-color: var(--form-radio-color) !important;
}

.client-validation-page-container-b2b p {
  font-size: 28px;
  line-height: 40px;
  margin: 0;
}

.open-details-prices-b2b-with-client span {
  display: flex;
  align-items: center;
}

.open-details-prices-b2b-with-client {
  cursor: pointer;
  display: inline-block;
  min-width: 150px;
  color: #161616;
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 11px;
}

.open-details-prices-b2b span {
  display: flex;
  align-items: center;
}

.open-details-prices-b2b {
  cursor: pointer;
  display: inline-block;
  min-width: 150px;
  color: #161616;
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 11px;
}

.open-details-factruation-b2b {
  cursor: pointer;
  display: inline-block;
  min-width: 150px;
  color: #161616;
  font-family: Lato;
  font-size: 16px;
  font-weight: 900 !important;
  letter-spacing: 0;
  line-height: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 11px;
}

.details-prices-block-b2b {
  display: none;
  /* background: #f0efea; */
  color: #6c6c6c;
  font-family: Lato;
  font-size: 14px;
  font-weight: normal;
  padding-left: 50px;
}

.details-prices-block-b2b-with-client {
  display: none;
  /* background: #f0efea; */
  color: #6c6c6c;
  font-family: Lato;
  font-size: 14px;
  font-weight: normal;
  padding-left: 50px;
}

.details-prices-block-b2b label {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.details-prices-block-b2b-with-client label {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

@media screen and (max-width: 991px) {
  .client-recap-container-primary-b2b .client-recap-price-name,
  .client-recap-container-secondary-b2b .client-recap-price-name,
  .client-recap-container-primary-b2b .price-number,
  .client-recap-container-secondary-b2b .price-number,
  .options_header .option-title,
  .options_header .price-number {
    display: flex;
    justify-content: center;
  }

  .check_mark {
    position: absolute;
    left: 19px;
  }

  .client-recap-price-name {
    padding-left: 15px;
  }

  .packages-details-b2b {
    padding-left: unset;
  }

  .validation-checkbox_new .administrative-price-detail {
    padding-left: unset;
  }

  .option-title {
    padding-left: unset;
  }

  .options-b2b {
    padding-top: 15px;
    padding-left: unset;
  }

  input[type='radio'],
  input[type='checkbox'] {
    margin-left: 0;
  }

  .info_container-b2b {
    padding-top: 25px;
    padding-left: unset;
    padding-right: unset;
  }

  a.btn_manewco {
    width: 100%;
    margin: 0;
  }

  a.redirect-to-folder-page,
  input.validate-command {
    min-width: 100%;
    margin: 0;
  }

  .client-validation-page-container-b2b .pl-16-percent {
    padding-left: 0 !important;
    text-align: center;
  }

  .client-validation-page-container-b2b .go-back-link {
    margin-left: 0 !important;
    width: 100px;
    display: block;
    text-align: center;
  }

  .details-prices-block-b2b {
    padding-left: unset;
  }

  .details-prices-block-b2b-with-client {
    padding-left: unset;
  }

  .border_top .item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.client-recap-price-name h3 {
  font-weight: 900 !important;
}

.validate-btn input {
  min-width: 100%;
}

.bold {
  font-weight: 700 !important;
}

.bold strong {
  font-weight: 700 !important;
}

textarea.customer-size {
  min-height: 150px !important;
}

table.benefical-table th {
  width: 60% !important;
}

a.btn_manewco.delete-action.delete-beneficial-owner {
  color: #6d6d6d !important;
  letter-spacing: 0;
  line-height: 17px;
  box-sizing: border-box;
  border: 1px solid #6d6d6d !important;
  border-radius: 4px !important;
}

a.btn_manewco.validate-action {
  letter-spacing: 0;
  line-height: 17px;
  box-sizing: border-box;
  border-radius: 4px !important;
  padding: 10.5px 15px !important;
}

a.btn_manewco.validate-action.is-validated-beneficial-owner {
  color: #fff !important;
  border: 1px solid #33ae62 !important;
  background-color: #33ae62 !important;
}

a.btn_manewco.validate-action.none-validated-beneficial-owner {
  color: #6d6d6d !important;
  border: 1px solid #6d6d6d !important;
}

#invoice_list > div.container {
  max-width: 1400px !important;
}

.ml-8 {
  margin-left: 8px;
}

.convert-document-download {
    text-decoration: underline !important;
    color: var(--text-secondary-color) !important;
    font-size: 16px;
    font-weight: 300;
}

table.data-table-folder-procedure td, 
table.data-table-folder-procedure thead tr th {
  padding: 5px 0;
}

table.data-table-folder-procedure td {
 background: #fff; 
 padding: 5px;
 border-radius: 4px;
 border-top: 2px solid #f0efea;
}

table.data-table-folder-procedure .document-item {
  z-index: 2;
}

.procedure-folder-details {
  background: #f0efea;
  padding: 5px;
  border-radius: 4px;
}

.procedure-folder-details p {
  margin: 0;
}

.procedure-folder-details  .procedure-folder-label {
  text-decoration: underline;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}

.procedure-folder-details .stars {
  color: #c70049;
  display: inline-block;
  text-align: left;
}

.cursor-default {
  cursor: default;
}

.cursor-move {
  cursor: move;
}

.mr--15 {
  margin-right: -15px !important;
}

.not-apply-legalnotice-bloc {
  padding: 10px 35px;
  font-weight: 700;
  color: var(--botton-primary-bg-color);
}