/*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);
}