/*==========================================================================
   Author's custom styles
   ========================================================================== */
/*font css*/
@font-face {
  font-family: freightsans;
  src: url("../../pro/fonts/freight/FreightSansMedium.woff2") format("woff2"),
    url("../../pro/fonts/freight/FreightSansMedium.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: freightsans;
  src: url("../../pro/fonts/freight/FreightSansBook.woff2") format("woff2"),
    url("../../pro/fonts/freight/FreightSansBook.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: freightsans;
  src: url("../../pro/fonts/freight/FreightSansBold.woff2") format("woff2"),
    url("../../pro/fonts/freight/FreightSansBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/*font css end*/

/* ==========================================================================
   General
   ========================================================================== */
html {
  font-family: "freightsans", san-serif;
  font-size: 16px;
  line-height: 1.45;
  color: #5f686e;
  background: #fff;
}

body {
  font-weight: 500;
  line-height: 20px;
  text-decoration: none !important;
  font-family: "freightsans", san-serif;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #000;
}

html.public {
  background: #fbfbfb;
}

h1,
h2,
h3,
h4,
h5,
h6,
dt {
  font-weight: 400;
  line-height: 1.2em;
}

p {
  margin-bottom: 1.3em;
}

a {
  color: #000;
  cursor: pointer;
}

td,
th {
  text-align: left;
  vertical-align: middle;
  padding: 0;
}

label {
  font-weight: 400;
}

video {
  z-index: 1;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform-origin: translate(-50%, -50%);
  -ms-transform-origin: translate(-50%, -50%);
  -webkit-transform-origin: translate(-50%, -50%);
  transform-origin: translate(-50%, -50%);
  vertical-align: middle;
}

a,
body,
i,
div,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
label,
li,
i,
menu,
nav,
ol,
section,
sup,
small,
span,
strong,
table,
tbody,
td,
tfoot,
th,
tr,
ul,
video {
  margin: 0;
}

ul li {
  list-style: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

#askEmailNo,
#header-phone,
.concept .home-etape a,
.les-etapes h4#documents-prepares,
.les-etapes h4#les-modifications,
.les-etapes img,
.les-etapes-creation h4#documents-generes,
.les-etapes-creation h4#documents-prepares,
.les-etapes-creation h4#justificatifs,
.liste-dossier .display-dossier.dossier-row,
.questions .question .question-control label,
ul#header-faq li span {
  cursor: pointer;
}

.uppercase {
  text-transform: uppercase;
}

/* ==========================================================================
   text Style
   ========================================================================== */
h1 {
  margin: 1.414em 0 0.5em;
  margin-top: 0;
  font-size: 2.998em;
}

h2 {
  font-size: 1.827em;
  margin: 0.414em 0 0.5em;
}

h3 {
  font-size: 1.999em;
}

h4 {
  font-size: 1.414em;
  padding-bottom: 25px;
}

#home_header_landing h1 {
  font-size: 3.8125rem;
  padding: 0 18%;
}

#intro-creation h2 {
  font-size: 35px;
  text-align: center;
}

#intro-creation h3 {
  font-size: 22px;
}

#intro-creation h4 {
  font-size: 1.275rem;
  padding: 0;
}

#cms-content h3 {
  font-size: 1.0625rem;
  text-transform: uppercase;
  line-height: 1.2em;
}

#home_header_landing div.center_in p a {
  font-size: initial;
  margin-top: 40px;
}

h1,
h3,
h4 {
  margin: 0.414em 0 0.5em;
  line-height: 1.2;
}

.les-etapes h4 {
  font-size: 14px;
}

.les-etapes h3 {
  font-size: 16px;
}

.hero h1 span {
  margin-top: 5px;
  margin-bottom: 40px;
  font-weight: lighter;
  letter-spacing: 5px;
}

.home-screen h2 {
  margin: 40px 0 40px;
}

#home_process h2,
#home_prix h2,
#home_pro h2,
#home_partners h2 {
  font-size: 1.827em;
  margin: 40px 0;
  text-align: center;
}

#intro-creation .first-txt {
  font-size: 22px;
  padding-top: 20px;
}

.ttc-txt {
  font-size: 12px;
  font-style: italic;
  margin-left: 30px !important;
}

.taxe-ht {
  font-size: 10px;
  position: absolute;
}

#intro-creation .landing-phrase-intro {
  font-size: 22px;
  text-transform: uppercase;
}

.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.font_small,
small {
  font-size: 0.707em;
}

.bg-partner-2 {
  font-size: 1.415em;
}

.black-txt {
  color: #000 !important;
}

.creer-text,
.creer-txt {
  color: var(--botton-creation-bg-color) !important;
}

.les-etapes-creation h3 {
  color: var(--botton-creation-bg-color);
}

.gerer-txt {
  color: var(--botton-modification-bg-color);
}

.gray-text {
  color: #5a5758;
}

.font-12 {
  font-size: 12px;
}

.font-14 {
  font-size: 14px;
}

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

.font-21 {
  font-size: 21px;
}

.font-24 {
  font-size: 24px;
}

.font-35 {
  font-size: 35px;
}

.font-50 {
  font-size: 50px;
}

.fs-12 * {
  font-size: 12px;
}

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

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

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

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

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

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

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

.encart-title + em {
  font-size: 12px;
  font-size: 0.75rem;
}

.presentation h3 {
  font-size: 22px;
}

.decoration-none {
  text-decoration: none !important;
}

.txt-underline {
  text-decoration: underline;
}

#sideNav a {
  text-transform: uppercase;
}

#sideNav a {
  padding: 0.75em 1em;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  font-size: 13px;
  font-size: 0.8125rem;
}

#home_header_landing p {
  margin: 0.3em auto;
  font-size: 1.35em;
}

#publicContainer .disclaimer {
  margin-top: 0.8em;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.1em;
}

#publicContainer .doc-list .doc-list-header span {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
}

.next-link {
  text-decoration: underline;
  font-size: 18px !important;
  color: var(--botton-modification-bg-color);
}

.offre-txt {
  color: black;
  font-size: 20px;
}

.underline {
  text-decoration: underline !important;
}

.no-email {
  display: block;
  color: #337ab7;
}

#sideNav li {
  margin-top: 10px;
  font-weight: 600;
}

#process-step h2 {
  font-size: 3em;
  text-align: center;
  font-weight: 300;
  margin: 0.414em 0 0.5em;
}

#process-step p {
  margin: 5px 0;
  text-align: center;
}

#process-step {
  padding: 20px 0 65px 0;
}

#askEmailNo,
table#questionnaire a.not-underline {
  text-decoration: none;
}

.landing.home-etape.etape-creation,
.landing.home-etape.etape-gestion {
  margin-top: 10px;
}

/* ==========================================================================
   Layout
   ========================================================================== */
.center_in {
  clear: both;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 10px;
  overflow: visible;
  min-height: 1%;
  position: relative;
}

.height-50px {
  height: 50px;
}

.frais-h {
  height: 50px;
}

.height-20px {
  height: 20px;
}

.height-40px {
  height: 40px;
}

.height-100px {
  height: 100px;
}

.width-100 {
  width: 100%;
}

.width-108 {
  width: 108%;
}

.width-150 {
  width: 150% !important;
}

.width-auto {
  width: auto;
}

.width-fill-available {
  width: -webkit-fill-available;
}

.width-25 {
  width: 25%;
}

.width-450 {
  width: 450%;
}

.width-16 {
  width: 16%;
}

.width-300 {
  width: 300px;
}

.width-15 {
  width: 15%;
}

.container {
  width: 85%;
}

#header-choice div.container,
#displayOffers.container {
  width: 100%;
}

#mnapp-wrapper div.dossier-content div.container {
  width: 55%;
}

.block-presentation {
  padding: 0 50px 25px 50px;
}

.etape .home-etape li {
  width: 25%;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.display-none {
  display: none;
}

.inline {
  display: inline;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.width-44 {
  width: 44%;
}

.height-40 {
  height: 40px;
}

.avantage-link {
  display: block;
}

.WhiteSpace {
  white-space: nowrap;
}

#closeFormPersonne {
  width: 135px;
}

/* ==========================================================================
   Colors , Style paramétrable
   ========================================================================== */
.black-bg {
  background-color: #000000;
}

.black {
  color: #000000;
}

.dark-gray-2 {
  background-color: #d6dada;
}

.bg-gris {
  background-color: #f5f5f5;
}

.bg-bleu {
  background-color: #455764;
  color: #fff;
}

.bg-bleu2 {
  background: #f0f3f5;
}

.sh-bg {
  background: rgba(21, 141, 154, 0.2);
}

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

.bg-active {
  background-color: #f7f6f6;
}

.bg-gris4 {
  background-color: #eeeeee;
}

.bg-gris4 {
  background-color: #eeeeee;
}

.bg-creer {
  background: var(--botton-creation-bg-color) !important;
  color: #fff !important;
}

.gerer-text {
  color: var(--botton-modification-bg-color);
}

.gerer-text[disabled] {
  color: lightgray !important;
}

.bg-cs1-text-gerer {
  color: var(--botton-modification-bg-color) !important;
}

.bg-cs1-text {
  color: var(--botton-creation-bg-color);
}

.fa-color {
  color: #999;
}

.modif-not-complete {
  color: #e74c3c;
}

.modif-complete {
  color: #2ecc71;
}

.transparent {
  color: transparent;
}

#mnapp-wrapper {
  background-color: #fbfbfb;
}

.price-bg {
  background-color: #fbfbfb;
}

.color-red {
  color: red;
}

.color-orange {
  color: #e2574c;
}

.remember_color {
  color: #999999;
}

.form-cs3 .encart-contact-info,
.form-cs3 .encart-existing {
  background: rgba(21, 141, 154, 0.2);
  padding: 10px;
}

/** des puces **/
[class^="circle-"].circle-blue-1 {
  background-color: #80b1e0;
}

[class^="circle-"].circle-blue-2 {
  background-color: var(--botton-creation-bg-color);
}

[class^="circle-"].circle-green-1 {
  background-color: #6bbd99;
}

[class^="circle-"].circle-green-2 {
  background-color: #76b849;
}

[class^="circle-"].circle-green-3 {
  background-color: #d6d544;
}

[class^="circle-"].circle-yellow-1 {
  background-color: #f1cd5f;
}

[class^="circle-"].circle-orange-1 {
  background-color: #f3983f;
}

[class^="circle-"].circle-orange-2 {
  background-color: var(--botton-modification-bg-color);
}

[class^="circle-"].circle-red-1 {
  background-color: #f3543f;
}

[class^="circle-"].circle-violet-1 {
  background-color: #b45a9f;
}

.formes-table th.eurl,
.formes-table th.sarl,
.formes-table th.sas,
.formes-table th.sasu,
.formes-table th.sc {
  background-color: #ddd;
}

ul.level1 li:before {
  color: var(--botton-creation-bg-color) !important;
}

ul.level1 li {
  margin-bottom: 30px;
  font-family: "freightsans", san-serif;
}

.cgu-right h3 {
  color: var(--botton-modification-bg-color) !important;
}

.cgu-right a {
  color: var(--botton-modification-bg-color) !important;
}

.ml-78 {
  margin-left: 78px;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

/* ==========================================================================
   Home Screen & Mac Screen
   ========================================================================== */
.home-screen .row {
  margin-left: 0;
  margin-right: 0;
}

.mac-screen {
  padding-left: 0;
}

.home-screen-list p:first-child {
  margin-bottom: 30px;
}

div.home-screen-list i {
  font: inherit;
  font-weight: 600;
}

/* ==========================================================================
   Cookies Menu Top
   ========================================================================== */
#cookie-disclaimer {
  background: #c70049;
  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 button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
}

#cookie-disclaimer.active {
  display: block;
}

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

/* ==========================================================================
   Video Home
   ========================================================================== */
#intro_video_2 {
  position: relative;
  height: 500px;
  overflow: hidden;
  background-size: cover;
  width: 100%;
}

.transparence {
  background-image: url(../img/bg-tr.png);
  z-index: 2;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  background-repeat: repeat;
}

/* ==========================================================================
   Navigation Menu
   ========================================================================== */
.dossier-message-holder {
  color: #fff;
  position: fixed;
  width: 100%;
  min-height: 50px;
  z-index: 10010;
  padding: 0;
  text-align: left;
  top: 0;
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  -moz-transition: -moz-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}

.container-fluid {
  max-width: 1250px;
}

.dossier-message-holder .close:hover {
  filter: alpha(enabled=false);
  opacity: 1;
}

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

body.questionnaire .dossier-message-holder span {
  display: inline;
  width: auto;
  margin-bottom: 0;
}

body.questionnaire .dossier-message-holder #beginNew {
  margin-left: 30px;
}

#nav1 ul,
#nav2 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#nav1 {
  display: block;
  float: right;
  position: relative;
}

#nav1 > ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#nav1 > ul > li {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  height: 60px;
}

#nav1 > ul > li > a {
  color: #fff;
  padding: 24px 1.5em;
  font-weight: 300;
  line-height: 66px;
}

#nav1 span {
  font-size: 1.125rem;
}

.navbar-links {
  float: right;
}

#navs {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  position: relative;
  z-index: 102;
}

#mainHeader {
  position: relative;
  z-index: 100;
}

#mainHeader .container-fluid {
  max-width: 100%;
}

#mainHeader .navbar-default {
  border: none;
  margin-bottom: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#mainHeader .navbar-header {
  float: none;
  padding-right: 8%;
}

#mainHeader .navbar-home {
  background: 0 0;
}

#mainHeader .navbar-app {
  background: var(--header-bg-color);
  height: 70px;
  padding-right: 50px;
  padding-left: 50px;
}

.header-contact {
  margin-left: 60px;
  padding: 11px;
  font-size: 16px;
  color: #ffffff;
  /*background-color: #000000;*/
  float: right;
  text-align: center;
}

div.header-contact a {
  color: #fff;
}

.header-text {
  color: #ffffff;
  font-size: 10px;
  position: relative;
  top: 23px;
  left: -50px;
}

.navbar-brand {
  display: block;
  background-repeat: no-repeat;
  /*background-image: url(../../../img/logo-manewco.svg);*/
  background-size: 155px 50px;
  background-position: center left;
  width: 155px;
  margin-left: 30px;
}

.badge-admin {
  position: relative;
  display: inline-block;
  top: 3px;
  right: -2px;
  background: var(--botton-modification-bg-color);
  color: #fff;
  border-radius: 0.25em;
  margin: 14px 0 0 5px;
  font-size: 75%;
  padding: 0.3em 0.6em 0.3em;
  line-height: 1;
}

/* ==========================================================================
   Menu collapsed - Navigation Menu collapse
   ========================================================================== */
#nav2 {
  display: none;
}

#nav2.collapsed {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 94035;
  background: #e7e7e7;
}

.menu-collapser {
  background: transparent;
  top: 10px;
  right: 10px;
  z-index: 94036;
  position: static;
  float: right;
}

.menu-collapser.active {
  position: fixed;
}

.collapse-button {
  position: static;
  background: black;
  color: #fff;
  padding: 15px;
  width: auto;
  top: 0;
  right: 0;
  transform: none;
}

.collapse-button:before {
  content: "\e808";
  font-size: 30px;
  display: block;
}

.collapse-button .icon-bar {
  display: none;
}

#nav2 div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

#nav2 ul {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  max-width: 650px;
}

#nav2 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#nav2 li {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

#nav1 li,
#nav2 li {
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

#nav1 ul.dropdown-menu {
  position: absolute;
  top: 59px;
  right: 0px;
  border-radius: 0 !important;
}

#nav2 li a {
  color: #000;
  text-decoration: none;
  text-align: center;
  display: block;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  padding: 12px 20px;
  font-size: 14px;
  text-transform: uppercase;
  max-width: 200px;
  line-height: 1.1em;
  height: 100%;
  transition: all 0.2s ease-in;
  cursor: pointer;
}

#nav2 li a:before {
  font-size: 80px;
  display: block;
  margin-bottom: 10px;
  opacity: 0.8;
  margin-left: auto;
  margin-right: auto;
  width: 160px;
  color: var(--botton-creation-bg-color);
}

/* ==========================================================================
   Style Page creation et Modification " Ma Société "
   ========================================================================== */
#home_header_landing {
  background-size: cover;
  padding: 6.5em 0;
  color: #fff;
  text-align: center;
}
#home_header_landing.black {
  color: #000;
}
#intro-creation .row > div {
  box-sizing: border-box;
}

#intro-creation p {
  font-size: 16px;
}

#intro-creation div.justify-content-center {
  width: 100%;
}

.show-list {
  text-decoration: underline;
  cursor: pointer;
}

.landing .text-to-indent {
  padding-left: 50px;
}

.circle-orange-2.little-circle,
.circle-blue-2.little-circle {
  width: 10px;
  height: 10px;
  margin-right: 20px;
  float: left;
  top: 8px;
  left: 8px;
  position: relative;
  border-radius: 18px;
}

.landing-label-form {
  font-size: 25px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.champs input,
.etape .home-etape .icon-questionnaire img {
  margin-bottom: 20px;
}

#forme-gerer li {
  width: 210px;
  height: 90px;
  padding-top: 30px;
  border-right: #cccccc 1px solid;
}

.label-offre-modifications {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

.label-offre-modifications label {
  font-size: 24px;
  text-align: center;
  font-weight: 400;
}

.landing.offre-item.option {
  width: 100%;
  background: #fff;
  height: 90px;
  padding: 10px 0 0 20px;
  border: 1px solid black;
}

#mn_appbundle_modifications_save {
  margin-bottom: 20px;
  margin-top: 20px;
}

/* ==========================================================================
   Checkbox checkmark
   ========================================================================== */
/* The container */
.container_checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark_btn {
  position: absolute;
  cursor: pointer;
  top: -10px;
  right: -66px;
  height: 46px;
  width: 100px;
  color: white;
  font-size: 17px;
  background-color: #ccc;
  padding: 10px;
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark2 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark2 {
  background-color: var(--botton-modification-bg-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark2:after {
  left: 9px;
  top: 3px;
  width: 8px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark_rond {
  background-color: #ccc;
}

/* When the checkbox is checked, add a red background */
.container_checkbox input:checked ~ .checkmark_rond {
  background-color: var(--botton-modification-bg-color);
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark_rond_blue {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark_rond_blue {
  background-color: var(--botton-creation-bg-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_rond:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark_rond:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark_rond:after {
  left: 9px;
  top: 5px;
  width: 8px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_rond_blue:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark_rond_blue:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark_rond_blue:after {
  left: 7px;
  top: 3px;
  width: 8px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkmark_btn div {
  padding-left: 11px;
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark_btn {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark_btn {
  background-color: var(--botton-modification-bg-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_btn:after {
  content: "";
  position: absolute;
  display: block;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark_btn:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark_btn:after {
  left: 9px;
  top: 5px;
  height: 46px;
  width: 100px;
}

.checkmark_rond {
  position: absolute;
  top: 0px;
  left: 40px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: #eee;
}

.checkmark_rond_blue {
  position: absolute;
  margin-right: 10px;
  top: 2px;
  right: 30px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: solid 1px var(--botton-creation-bg-color);
}

.checkmark2 {
  position: absolute;
  top: 0px;
  right: 5px;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

#displayOffers .offre-item .option-checkbox,
#displayOffers .offre-item-xs .option-checkbox-xs {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

#displayOffers .offre-item .option-checkbox label,
#displayOffers .offre-item-xs .option-checkbox-xs label {
  cursor: pointer;
}

#displayOffers .custom-radio.option-unchecked {
  background: #ccc;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  margin-top: 12px;
}

#displayOffers .offre-item .option-checkbox label input[type="radio"],
#displayOffers .offre-item .option-checkbox label input[type="checkbox"],
#displayOffers .offre-item-xs .option-checkbox-xs label input[type="radio"],
#displayOffers .offre-item-xs .option-checkbox-xs label input[type="checkbox"] {
  display: none;
}

#displayOffers .custom-radio.option-checked {
  background: var(--botton-creation-bg-color);
  height: 20px;
  width: 20px;
  margin-top: 12px;
  border-radius: 50%;
}

#displayOffers .custom-radio.option-checked:after {
  content: "";
  width: 8px;
  height: 13px;
  position: absolute;
  top: 14px;
  left: 6px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.lock-checkbox label input[type="checkbox"] + .radio-layout {
  background: 0 0;
  position: relative;
  display: inline-block;
  width: 15px;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1000;
}

.lock-checkbox label {
  cursor: pointer;
}

.lock-checkbox label input[type="checkbox"] + .radio-layout:before {
  margin: 0;
  filter: alpha(enabled=false);
  opacity: 1;
  background: #fff;
  color: #d5d8d9;
}

.lock-checkbox {
  margin-bottom: 1em;
  margin-left: 10px;
}

.lock-checkbox label input[type="checkbox"]:checked + .radio-layout {
  background: 0 0;
}

.lock-checkbox label input[type="radio"] + .radio-layout:before,
.lock-checkbox label input[type="checkbox"] + .radio-layout:before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 22px;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  width: 25px;
  height: 25px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255);
  margin: 0px 5px 0 -20px;
  filter: alpha(Opacity=40);
}

.lock-checkbox label input[type="checkbox"]:checked + .radio-layout:before {
  margin: 0;
  filter: alpha(enabled=false);
  opacity: 1;
  background: var(--botton-modification-bg-color);
  color: #fff;
  margin: 0 5px 0 -20px;
}

.lock-checkbox label input[type="radio"]:checked + .radio-layout:before,
.lock-checkbox label input[type="checkbox"]:checked + .radio-layout:before {
  content: "\f00c";
  color: #fff;
  filter: alpha(enabled=false);
  opacity: 1;
  -moz-animation: tick 180ms ease-in;
  -webkit-animation: tick 180ms ease-in;
  animation: tick 180ms ease-in;
}

/* ==========================================================================
   Bloc questions oui ou non Style
   ========================================================================== */
.questions .question,
.questions .question .question-control {
  display: inline-block;
  margin-top: 15px;
}

.questions {
  padding: 20px 0;
  margin-bottom: 0;
  position: relative;
}

/* ==========================================================================
   Etapes de création et de modification
   ========================================================================== */
.etape-process {
  padding-bottom: 40px;
}

.etape-process h2 {
  margin: 40px 0;
  font-size: 22px;
}

#tabs .home-etape {
  margin-left: 0;
}

@media (min-width: 767px) {
  .etape-process ul {
    border: 5px solid #fff;
  }

  .etape-process .no-border {
    border: 0;
  }
}

.etape-gestion,
.etape-creation {
  box-shadow: -2px 2px 9px #aaaaaa;
}

.etape-process .no-border.etape-creation,
.etape-process .no-border.etape-gestion {
  box-shadow: none !important;
}

.etape-gestion li {
  width: 300px;
}

.etape-creation li {
  width: 300px;
}

.etape-process ul li {
  height: 130px;
  padding-top: 10px;
}

.etape-process ul.no-border li {
  height: 0;
  padding-top: 0;
}

.etape-process ul.no-border li.fa-caret-down {
  margin-top: -22px;
}

#process-step-2 p {
  margin: 5px 0;
}

.list-etape.active .arrow-down {
  display: block;
}

.list-etape-concept p {
  margin-bottom: 0;
  padding: 10px 50px;
}

.creer-etape-1 .arrow-down,
.creer-etape-2 .arrow-down,
.creer-etape-4 .arrow-down {
  left: 124px;
}

.arrow-down {
  border-top: 20px solid #c2c2c2;
  position: relative;
  left: 125px;
  display: none;
  margin-top: 32px;
}

.concept .arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ddd;
  position: relative;
  left: 65px;
  display: none;
  top: -15px;
}

.etape-creation .list-etape p {
  color: #bfbebe;
}

#tabs .les-etapes {
  margin-top: 10px;
  min-height: 200px;
}

.flex-container {
  width: inherit;
  margin: auto;
}

.les-etapes {
  padding: 50px 0px 0 170px;
}

.les-etapes h3,
.questions
  .question
  .question-control
  label
  input[type="radio"]
  + .radio-layout:before {
  margin-top: 0;
  margin-bottom: 30px;
}

.les-etapes-creation h4#documents-generes,
.les-etapes-creation h4#documents-prepares,
.les-etapes-creation h4#justificatifs {
  cursor: pointer;
}

#tabs .les-etapes span {
  text-transform: lowercase !important;
}

span.bullet-blue,
span.bullet-red {
  margin-left: -15px;
}

.les-etapes-creation .bullet-blue:before {
  color: var(--botton-creation-bg-color);
}

.bullet-red:before {
  color: var(--botton-modification-bg-color);
}

.bullet-red:before,
.les-etapes-creation .bullet-blue:before,
ul.level1 li:before {
  content: "● ";
}

ul.bullet-blue li:before {
  content: "● ";
  color: var(--botton-creation-bg-color);
}

.les-etapes span.sublink,
.les-etapes-creation span.sublink {
  color: var(--botton-modification-bg-color);
  cursor: pointer;
}

#documents-generes span div {
  float: right;
  font-size: 20px;
  color: var(--botton-creation-bg-color);
}

#documents-generes .fa-angle-down,
#documents-generes .fa-angle-up,
#justificatifs .fa-angle-down,
#justificatifs .fa-angle-up,
#documents-prepares .fa-angle-down,
#documents-prepares .fa-angle-up,
#les-modifications .fa-angle-down,
#les-modifications .fa-angle-up {
  margin-right: 250px;
}

#tabs-2 .les-etapes,
.arrow-up,
.les-etapes ul.documents-prepares,
.les-etapes ul.les-modifications,
.les-etapes-creation ul.documents-generes,
.les-etapes-creation ul.documents-prepares,
.les-etapes-creation ul.justificatifs {
  display: none;
}

#etape-1 ul,
#etape-2 ul,
#etape-3 ul,
#etape-4 ul {
  border: inherit;
  padding-bottom: 20px;
}

.les-etapes ul {
  font-size: 13px;
  padding-left: 40px;
}

#etape-1 ul li,
#etape-2 ul li,
#etape-3 ul li,
#etape-4 ul li {
  width: inherit;
  height: inherit;
}

#tabs .les-etapes,
.arrow-up,
.les-etapes ul.documents-prepares,
.les-etapes ul.les-modifications,
.les-etapes-creation ul.documents-generes,
.les-etapes-creation ul.documents-prepares,
.les-etapes-creation ul.justificatifs {
  display: none;
}

#process-step-2 .row > div {
  box-sizing: border-box;
}

.etape-gestion .list-etape p {
  color: #bfbebe;
}

.creer-etape-1.active p,
.creer-etape-2.active p,
.creer-etape-4.active p {
  color: var(--botton-creation-bg-color);
}

.gerer-etape-1.active p,
.gerer-etape-2.active p,
.gerer-etape-3.active p,
.gerer-etape-4.active p {
  color: var(--botton-modification-bg-color);
}

/** angle down style **/
#les-modifications span div {
  float: right;
  font-size: 20px;
  color: var(--botton-modification-bg-color);
}

#justificatifs span div {
  float: right;
  font-size: 20px;
  color: var(--botton-creation-bg-color);
}

div.Suivi_blue i {
  font-size: 20px;
  color: var(--botton-creation-bg-color);
}

div.Suivi_red i {
  font-size: 20px;
  color: var(--botton-modification-bg-color);
}

#etape-1 h4,
#etape-2 h4,
#etape-3 h4,
#etape-4 h4 {
  padding-bottom: 10px;
}

#process-step .row > div {
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}

.creer-etape-1 a .icon-etape,
.creer-etape-2 a .icon-etape,
.creer-etape-4 a .icon-etape {
  color: var(--botton-creation-bg-color);
  font-size: 50px;
}

.creer-etape-1.active a .icon-etape,
.creer-etape-2.active a .icon-etape,
.creer-etape-4.active a .icon-etape {
  color: var(--botton-creation-bg-color);
  font-size: 50px;
}

.gerer-etape-1.active a .icon-etape,
.gerer-etape-2.active a .icon-etape,
.gerer-etape-3.active a .icon-etape,
.gerer-etape-4.active a .icon-etape {
  color: var(--botton-modification-bg-color);
  font-size: 50px;
  width: 57px;
}

.gerer-etape-1 a .icon-etape,
.gerer-etape-2 a .icon-etape,
.gerer-etape-3 a .icon-etape,
.gerer-etape-4 a .icon-etape {
  color: #dedede;
  font-size: 50px;
  width: 57px;
}

/* ==========================================================================
   Prestation box
   ========================================================================== */
#prestation_box {
  transform: translateY(-500px);
  display: none;
  position: absolute;
  right: 70px;
  top: 70px;
  background: #fff;
  padding: 30px 20px;
  -webkit-box-shadow: #000 1px 1px 4px;
  -moz-box-shadow: #000 1px 1px 4px;
  box-shadow: #000 1px 1px 4px;
  transition: all 0.3s ease-out;
  z-index: 0;
  width: auto;
}

#prestation_box a {
  color: #000;
  cursor: pointer;
}

#prestation_box.active {
  transform: translateY(0);
  display: block;
  z-index: 102;
}

#prestation_box .arrow-up {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  position: absolute;
  display: block;
  top: -16px;
  left: 35%;
}

#prestation_box a:hover {
  color: var(--botton-modification-bg-color);
}

#prestation_box p {
  margin-bottom: inherit;
}

#prestation_box .block-suivi {
  border-left: 1px solid var(--botton-creation-bg-color);
  padding-left: 40px;
}

/*
#prestation_box .row {
    display: table;
}*/
#prestation_box .col-md-4,
#prestation_box .col-md-5,
#prestation_box .col-md-7,
#prestation_box .col-md-12 {
  display: block;
  max-width: none;
}

#prestation_box .creer-text,
#prestation_box .gerer-txt #prestation_box .titre {
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

#prestation_box .gestion .bold {
  margin: 0 0 10px 0;
}

#prestation_box .gestion .bold.creer-text {
  margin-top: 0;
}

#prestation_box h3 {
  font-size: 1.4em;
  text-transform: uppercase;
  color: #000;
  margin-top: 0;
  padding-top: 1em;
  padding-bottom: 0.5em;
  margin-bottom: 0;
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

#prestation_box h4 {
  font-size: 1.2em;
  text-transform: uppercase;
  color: var(--botton-creation-bg-color);
}

#prestation_box ul {
  list-style-type: none;
  padding: 0;
}

#prestation_box li {
  padding-left: 22px;
  position: relative;
  margin-bottom: 0.25em;
}

#prestation_box li:before {
  position: absolute;
  left: 0;
  top: 5px;
  content: "\e816";
  color: var(--botton-creation-bg-color);
  font-size: 1em;
}

.prestation-complementaire {
  padding: 0.7em;
  text-align: center;
  background: #eee;
  margin-top: 20px;
}

.prestation-complementaire p {
  margin: 0;
}

/* ==========================================================================
   Helper FAQ
   ========================================================================== */
#sideHelper-faq {
  top: 125px;
  left: -55.4%;
  width: 55%;
  position: fixed;
  display: block;
  z-index: 999;
}

#sideHelper-faq .col-assistance {
  overflow-y: scroll;
  max-height: 450px;
  background: #fff;
}

#sideHelper-faq .toggle-button {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 100%;
  display: block;
  padding: 0;
  margin: 0;
  -moz-border-radius: 0 50% 50% 0;
  -webkit-border-radius: 0;
  border-radius: 0 50% 50% 0;
}

#sideHelper-faq .toggle-button i.fa {
  display: block;
  width: 60px;
  height: 60px;
  padding: 3px;
  font-family: "freightsans", san-serif;
  font-size: 23px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 49px;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}

#sideHelper-faq #header-faq {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

#sideHelper-faq #header-faq li {
  padding-top: 12px;
}

#sideHelper-faq #header-faq li img.faq-blue-cross {
  width: 2.2%;
}

#sideHelper-faq #header-faq li img.faq-blue-less {
  position: relative;
  top: 10px;
  width: 2.3%;
}

#sideHelper-faq #header-faq li div {
  padding: 15px;
}

#sideHelper-faq .toggle-button i.fa {
  background: var(--botton-creation-bg-color);
  color: #fff;
}

#sideHelper-faq .toggle-button {
  border: 4px solid #dedede;
  background: #dedede;
}

#sideHelper-faq .content {
  padding: 10px;
  background: #dedede;
}

ul#header-faq li span {
  color: #000;
}

#sideHelper .arrow-up,
.arrow-down {
  width: 0;
  height: 0;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
}

#sideHelper .arrow-up {
  border-bottom: 20px solid #ddd;
  position: absolute;
  left: 175px;
  top: -20px;
  display: block;
}

/* ==========================================================================
   Side Helper Contact
   ========================================================================== */
#sideHelper-contact {
  top: 125px;
  width: 55%;
  position: fixed;
  right: 0;
  display: block;
  z-index: 9999;
}

#sideHelper-contact .content,
#sideHelper-note .content {
  padding: 5px;
  background: #dedede;
  width: 225px;
  position: absolute;
  right: -233px;
}

#sideHelper-contact .toggle-button-contact,
#sideHelper-note .toggle-button-note {
  position: absolute;
  z-index: 10;
  top: 0;
  display: block;
  padding: 0;
  margin: 0;
  -moz-border-radius: 0 50% 50% 0;
  -webkit-border-radius: 0;
  border-radius: 50% 0 0 50%;
  right: -9px;
  width: 60px;
  height: 60px;
}

#sideHelper-note .toggle-button-note {
  border: 8px solid #dedede;
}

#sideHelper-contact .toggle-button-contact:focus,
#sideHelper-note .toggle-button-note:focus {
  outline: none;
}

#sideHelper-contact .toggle-button-contact i.fa,
#sideHelper-note .toggle-button-note i.fa {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 25px;
  font-size: 1.5625rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  line-height: 40px;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}

#sideHelper-contact.open {
  right: 210px;
}

.phone_details {
  height: 60px;
  line-height: 17px;
}

#sideHelper-contact a {
  color: #000;
  cursor: pointer;
}

#sideHelper-contact .toggle-button-contact,
#sideHelper-note .toggle-button-note {
  background: #dedede;
  border: 10px solid #dedede;
}

.icon_telephone::before {
  color: #000;
  background: var(--botton-modification-bg-color);
}

.icon_telephone::after {
  border: 5px solid #dedede;
  background: #dedede;
}

/* ==========================================================================
    Text Home Introduction Video
   ========================================================================== */
#intro_video_txt_home h1 {
  margin-top: 100px;
  font-size: 38px;
  margin-bottom: 0;
  line-height: 1.2;
}

#intro_video_txt_home h4 {
  font-weight: 400;
  font-size: 1.414em;
  margin: 1.414em 0 0.5em;
  line-height: 1.2;
  padding: 0;
}

#intro_video_txt,
#intro_video_txt_home {
  z-index: 2;
  position: absolute;
  text-align: center;
  color: #fff;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0 15px;
  box-sizing: border-box;
}

/* ==========================================================================
   Boutons métier accueil
   ========================================================================== */
.btns-action {
  padding: 0;
  margin: 0;
}

.btns-action ul {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.btns-action > li {
  display: inline-block;
  text-align: center;
  position: relative;
  margin: 10px 0;
}

.btns-action > li .btn1,
.btns-action > li .btn2 {
  display: inline-block;
  margin: 10px;
}

li.btn-home-center {
  margin-left: 25%;
}

.btn.rounded-0,
.btn-default {
  border-radius: 0 !important;
}

.w-btn {
  width: 120px;
}

.btn-default {
  border: 3px solid var(--botton-creation-bg-color);
  font-weight: 500;
}

.btn[disabled] {
  background: #1a1a1a !important;
  border: 3px solid #1a1a1a;
}

.delete {
  border-radius: 25px;
  border: none;
  background-color: #000000;
  color: #ffffff;
  font-size: 18px;
  padding: 2px 20px;
}

#publicContainer .doc-sign .buttons {
  padding: 17.5px 5px 0;
  background: #f2f2f2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

#publicContainer .doc-sign .buttons:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  width: 60px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…B3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
  background: -webkit-gradient(
    linear,
    100% 50%,
    0 50%,
    color-stop(0, #f2f2f2),
    color-stop(100%, rgba(242, 242, 242, 0))
  );
  background: -moz-linear-gradient(
    right center,
    #f2f2f2,
    rgba(242, 242, 242, 0)
  );
  background: -webkit-linear-gradient(
    right center,
    #f2f2f2,
    rgba(242, 242, 242, 0)
  );
  background: linear-gradient(to left center, #f2f2f2, rgba(242, 242, 242, 0));
}

#publicContainer .doc-sign .doc-name {
  vertical-align: top;
  line-height: 60px;
  font-size: 18px;
  font-size: 1.125rem;
}

#publicContainer .otp {
  display: inline-block;
  width: 35px;
  height: 50px;
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  padding: 0;
}

#publicContainer .btn-fullwidth {
  display: block;
}

/* ==========================================================================
   Home blocs intro
   ========================================================================== */
#intro_txt {
  padding: 30px 0;
}

#intro_txt .row.row-2 > div {
  position: relative;
  padding: 15px 0 15px 70px;
  border-top: 1px solid #ddd;
}

#intro_txt .row > div:before {
  font-size: 50px;
  color: var(--botton-creation-bg-color);
  position: absolute;
  left: 0;
  top: 15px;
}

#intro_txt h2 {
  margin: 0;
  text-transform: uppercase;
  color: #000;
  font-size: 1.2em;
}

#intro_txt p {
  margin: 0;
  line-height: 1.4em;
  margin-top: 3px;
}

#homepage-process,
#homepage-services {
  margin-top: 30px;
  margin-bottom: 30px;
}

#homepage-process .homepage-process-block {
  border-right: 1px solid #cecece;
}

#homepage-process .homepage-process-block:last-child {
  border-right: none;
}

#homepage-process .homepage-process-text {
  height: 90px;
}

.partner-2 {
  height: 110px;
  padding: 70px 0;
}

#homepage-services .homepage-services-icon,
#homepage-services .homepage-services-title {
  height: 70px;
}

#homepage-services .homepage-services-text {
  height: 135px;
}

#home_prix {
  padding-top: 1px;
}

.simple-complexe-mnc {
  padding: 60px;
  background: url(../../../img/simple-complexe-mnc.jpg) center center;
  height: 350px;
}

.simple-complexe-mnc a {
  margin-top: 40px;
  font-size: 20px;
}

#home_partners {
  text-align: center;
}

.newsletter {
  padding: 50px 0 0;
}

.newsletter p {
  margin-bottom: 55px;
}

.projet h2 {
  margin: 50px 0 45px;
}

/* ==========================================================================
   Logos - partenaires 
   ========================================================================== */
.partner {
  height: 80px;
}

.bg-partner {
  background-color: #000000;
  height: 110px;
  top: 0px;
}

.bg-partner,
.equipe {
  position: relative;
}

.bg-partner .row {
  margin: 0;
}

.btn-flat,
.white {
  color: #fff;
}

.blue-cross,
.blue-less {
  padding: 25px;
  color: var(--botton-creation-bg-color);
}

.red-cross,
.red-less {
  padding: 25px;
  color: var(--botton-modification-bg-color);
}

.bg-partner .col-xs-12 {
  margin-top: 15px;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-page-dots {
  left: -5px;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.partner .flickity-page-dots {
  bottom: -10px !important;
}

.bg-partner .main-carousel {
  padding-top: 15px;
}

/* ==========================================================================
   La Librairie
   ========================================================================== */
div#myBtnContainer {
  text-align: center;
  margin-bottom: 33px;
}

#myBtnContainer button.btn.active {
  background: var(--botton-creation-bg-color);
  border: none;
  color: #fff;
  box-shadow: 1px 3px 8px var(--botton-creation-bg-color);
}

#myBtnContainer button.btn {
  background-color: #e5e5e5;
  color: black;
  box-shadow: 1px 3px 8px #d0d0d0;
  font-weight: 500;
  text-transform: unset;
  transition: none;
  border-width: 0;
  margin-left: 13px;
}

.content img {
  width: 80%;
}

.librairie ul li {
  width: 29%;
}

.librairie ul li a img {
  width: 100%;
}

/* ==========================================================================
   Bloc Tarifs prix Style
   ========================================================================== */
.justify-content-center {
  -webkit-box-pack: center;
  justify-content: center;
  display: -webkit-box;
}

#prix1,
#prix2 {
  padding: 3em 4em 1em;
  position: relative;
}

#prix1 {
  background: #fff;
  min-height: 800px;
}

#home_prix h3 {
  text-align: center;
  font-size: 1.7em;
  text-transform: uppercase;
  margin: 0;
}

#home_prix h4 {
  text-align: center;
  font-size: 3em;
  margin-top: 0.25em;
  margin-bottom: 10px;
}

#home_prix h4 sup {
  line-height: 0;
  font-size: 35%;
  vertical-align: baseline;
  top: -1.5em;
}

.show-list-frais {
  display: block;
  margin-bottom: 35px;
  text-decoration: underline;
  padding: 0 5px;
  margin-left: 10px;
  cursor: pointer;
}

div.hidden-list {
  background: #ececec;
  color: #5f686e;
  padding: 10px;
  margin-top: -10px;
  margin-bottom: 5px;
}

.hidden-list {
  display: none;
  margin-top: 30px;
}

div.hidden-list .arrow-up {
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #eeeeee;
  position: relative;
  left: 134px;
  top: -25px;
  margin-top: 1px;
}

.prix ul {
  margin: 0;
  padding: 0;
}

.prix li {
  list-style-type: none;
  padding-left: 22px;
  position: relative;
  margin-bottom: 0.75em;
}

.prix li:before {
  position: absolute;
  left: 0;
  top: 5px;
  content: "\e816";
  color: #000;
  font-size: 1.1em;
}

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

.cms #prix1,
.cms #prix2 {
  position: relative;
  padding-bottom: 50px;
}

#prix2 {
  background: #7d818c;
  color: #fff;
}

#prix2 h3,
#prix2 h4 {
  color: #fff;
}

.tarif-align {
  width: 35%;
}

/* ==========================================================================
   Login
   ========================================================================== */
.form-wrapper {
  background: #fff;
  padding: 20px;
  margin-bottom: 10px;
}

#login_user {
  padding: 20px 0;
}

#remember_me {
  float: left;
  margin-right: 10px;
}

#security-wrapper .buttons,
body.public .buttons {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0;
}

#login_user a {
  text-decoration: none;
  color: red;
}

/* ==========================================================================
   Contact Form - formulaire
   ========================================================================== */
.main-contact h3 {
  font-size: 30px;
  text-transform: inherit;
}

.main-contact label {
  margin-bottom: 15px;
  font-weight: 400;
}

.main-contact .phone,
.main-contact h3 {
  font-size: 30px;
}

.cms-form > div {
  padding-bottom: 20px;
}

.main-contact small {
  font-size: 13px;
  color: #b1b0b0;
}

/* ==========================================================================
   Page FAQ
   ========================================================================== */
#faq .faq-content {
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-top: 20px;
}

#faq ul {
  padding: 20px 20px;
}

#faq ul li {
  padding: 10px;
}

#faq span {
  font-size: 20px;
  color: #183f5e;
}

#faq ul li div {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}

#intro_txt {
  padding: 30px 0;
}

/* ==========================================================================
   Page Concept
   ========================================================================== */
#des-valeurs,
#notre-offre,
#une-equipe {
  padding: 0;
}

.concept #des-valeurs h2,
.concept #notre-offre h2,
.concept #une-equipe h2 {
  margin: 100px 0 40px;
}

.notre-offre {
  padding-top: 15px;
  padding-bottom: 15px;
}

.concept #des-valeurs h3,
.concept #notre-offre h3,
.concept #une-equipe h3 {
  text-transform: none;
  margin: 30px 0 30px;
  font-size: 22px;
}

.concept .bullet-blue {
  margin-bottom: 50px;
  text-indent: -1em;
}

.bullet-blue li {
  font-size: 16px;
}

.temoignage-text img {
  margin-bottom: 20px;
}

.temoignage-text p {
  color: #8f8d8e;
}

.temoignage-text p:last-child {
  margin-bottom: 40px;
}

/* ==========================================================================
   Boutons style - Button Style
   ========================================================================== */
.btn {
  border-radius: 0;
  border-width: 3px;
  padding: 10px 28px;
  font-weight: 700;
}

.btn1,
.btn2,
.btn3 {
  display: inline-block;
  padding: 12px 30px;
  font-size: 1.25em;
  text-transform: uppercase;
  line-height: 1em;
  font-weight: 700;
  text-decoration: none !important;
  margin: 0 1px;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #000;
}

.btn-xs {
  border-radius: 0 !important;
}

.btn1:before,
.btn2:before {
  font-size: 1.1em;
  margin-right: 12px;
}

.btn3 {
  text-transform: none;
  font-size: 0.9em;
  text-align: center;
}

.btn-home {
  font-size: 14px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 30px;
  white-space: nowrap;
}

.btn-w-fix {
  width: 165px;
}

.btn_interrogation {
  color: red;
  font-size: 15px;
  margin-left: 6px;
  margin-top: 3px;
}

#tabs a {
  text-decoration: none;
}

/**** boutons de création et de modification ****/
.creer-bg {
  border-color: var(--botton-creation-bg-color);
  color: var(--botton-creation-bg-color) !important;
  text-decoration: none !important;
}

.creer-sub a:hover {
  background: var(--botton-creation-bg-color);
  color: #fff !important;
}

.creer-sub a {
  background: #fff;
  color: #000;
}

.gerer-bg {
  border-color: var(--botton-modification-bg-color) !important;
  color: var(--botton-modification-bg-color) !important;
  text-decoration: none !important;
}

.gerer-sub a:hover {
  background: var(--botton-modification-bg-color) !important;
  color: #fff !important;
}

.gerer-sub a {
  background: #fff;
  color: #000;
}

.dropdown .btn3 {
  padding: 12px 15px;
}

.btn-raduis {
  border-radius: 0;
}

.btn_next {
  padding: 15px;
  height: 80%;
}

.btn_prev {
  display: grid;
  border-right: 1px solid #d4d0d0;
  border-left: 1px solid #d4d0d0;
  padding: 20px;
  width: 40%;
  height: 80%;
}

body.backend #delivery-table .circle-button:hover,
body.backend #documents-table .circle-button:hover,
body.backend #gestion-table .circle-button:hover,
body.backend #justificatifs-table .circle-button:hover {
  border-color: #fff;
}

.btn-header-paid {
  position: absolute;
  right: 0;
  bottom: 0px;
}

#deliveryupload,
#other-document-upload {
  position: absolute;
  top: 0;
  right: -10px;
  margin: 0;
  width: 210px;
  height: 45px;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

.uploader > span {
  position: relative;
}

.btn_Arrow {
  padding-bottom: 15px;
  font-size: 34px;
  color: var(--botton-modification-bg-color);
}

.btn-block {
  background: #000;
  color: #fff;
  margin: 0;
}

.btn-notif {
  background: #000;
  color: #fff;
}

.btn-recap {
  margin: 30px 0 30px;
}

.btn1:before,
.btn2:before {
  font-size: 1.1em;
  margin-right: 12px;
}

.fileinput-button {
  padding: 2px 20px;
}

/* ==========================================================================
   Images Style
   ========================================================================== */
.stamp-original {
  width: 75%;
  left: 155px;
  top: -70px;
  margin-left: -25px;
  position: relative;
  transform: rotate(-15deg);
}

#home_partners img {
  width: 35%;
  margin: 10px auto 50px;
}

#home_partners img#logo_juris {
  width: 35%;
  margin-bottom: 30px;
}

.open-law {
  background: url(../../../img/open-law.png) no-repeat;
  height: 186px;
  width: 17%;
  margin-top: 40px;
}

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

.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;
}

/* Header Image*/
.gerer_img,
.sarl_img,
.eurl_img,
.sas_img,
.seo_img,
.sasu_img,
.sc_img,
.denomination_img,
.change_sarl_eurl_img,
.social_object_img,
.transfer_office_img,
.transfer_office_img,
.change_sarl_eurl_img,
.date_cloture_img,
.creer_img,
.offer_modification_img,
.sas_avantages_img,
.sarl_avantages_img,
.accre_img,
.sas_guide_img,
.creer_entreprise_plusieurs_img,
.approval_accounts_img,
.choix_statut_img {
  background: url(../img/mnc_img.jpg) no-repeat center center;
}

.price_img,
.faq_img,
.price_pro_img,
.account_pro_img {
  background: url(../img/home_pro.jpg) no-repeat center center;
}
.account_pro_img_landing {
  background: url(../img/home_pro_landing.png) no-repeat center center;
}
.hero-librairie {
  background: url(../../../img/hero-library2-hd-mnc.jpg) no-repeat center center;
}

.avatar-contact {
  background: url(../../../img/avatar-contact.png) no-repeat;
  height: 225px;
  margin: 50px 0 35px;
}

.inscription_pro_img {
  background: url(../../../img/hero-contact2-mnc.jpg) no-repeat center center;
}

.presentation img {
  width: 25%;
}

.whoweare_img {
  background: url(../../../img/hero-concept-offre.jpg) no-repeat center center;
}

.create_img {
  background: url(../img/creation.jpg) no-repeat center center;
}

img.center_img {
  display: block;
  margin: 0 auto;
}

.list_joints_formalites_eurl_sarl_sci_creation_folder_img {
  background: url(../../../img/seo/liste-pieces-formalites-eurl-pour-constitution-dossier.jpg)
    no-repeat center center;
}

.list_joints_formalites_sas_sasu_creation_folder_img {
  background: url(../../../img/seo/liste-pieces-formalites-sas-pour-constitution-dossier.jpg)
    no-repeat center center;
}

.panorama_help_creation_company_img {
  background: url(../../../img/seo/panorama-aides-creation-entreprises.jpg)
    no-repeat center center;
}

.points_creation_img {
  background: url(../../../img/seo/points-essentiels-creation-entreprise.jpg)
    no-repeat center center;
}
/* ==========================================================================
   Dossier creation et modification
   ========================================================================== */
.dossier-header {
  height: inherit;
  background-color: #f0f3f5;
  padding-bottom: 10px;
}

.dossier-header a {
  text-decoration: inherit;
  text-align: center;
  color: #000;
  display: grid;
}

#mnapp-wrapper .sticky,
#mnapp-wrapper.fixed .sticky {
  position: relative;
  width: 100%;
}

.dossier-name,
.recap .table {
  border-bottom: none;
}

.dossier-name {
  width: 60%;
  font-size: 1.4375rem;
  padding-top: 15px;
  padding-bottom: 10px;
  position: relative;
}

.dossier-name,
.dossier-number {
  margin: 0 auto;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}

.dossier-number {
  display: block;
  background-color: inherit;
  margin: 10px auto;
  color: silver;
  text-align: center;
  position: relative;
  top: -8px;
  font-size: 15px;
  width: 50%;
}

#progressBar {
  width: 170px;
  border: 1px solid #d5e1e2;
  background-color: #fbfbfb;
  border-radius: 5px;
  top: -4px;
  position: relative;
}

#progressBar div {
  height: 100%;
  color: #fff;
  text-align: right;
  line-height: 15px;
  background-color: var(--botton-creation-bg-color);
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  font-size: 13px;
}

#progressBar.gerer div {
  height: 100%;
  color: #fff;
  text-align: right;
  line-height: 15px;
  background-color: var(--botton-modification-bg-color);
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  font-size: 13px;
}

#progress,
#status-panel {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}

#progress .progress-panel {
  counter-reset: compteur-etape;
  display: none;
  background: #fff;
  position: absolute;
  top: 8%;
  right: 245px;
  margin-top: 25px;
}

#progress .progress-panel,
#status-panel .progress-panel {
  display: none;
  background: #fff;
  position: absolute;
  z-index: 1000;
  width: 280px;
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
}

#mnapp-wrapper .dossier-content {
  min-height: 300px;
}

div.dossier-content a {
  text-decoration: none;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #dedede;
  position: relative;
  left: 45px;
  top: 53px;
  margin-top: 1px;
}

.dossier-navigation {
  height: 200px;
  background: #fff;
  padding-bottom: 20px;
  text-align: center;
  padding: 15px 0 9px;
  z-index: 10;
  display: none;
}

.cercle_container {
  display: grid;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin: 10px;
}

#back-cercle i,
#informations_generales i {
  margin-top: 25px;
}

.cercle_container i {
  color: #fff;
  font-size: 35px;
  margin-top: 5px;
  text-decoration: none;
}

.cercle_container small {
  color: #ffffff;
}

#back-cercle i.fa-check-circle {
  margin-top: -5px;
}

#back-cercle small {
  position: relative;
  top: -20px;
}

.nav-tabs > li > a {
  color: #000;
}

.tab-pane {
  padding: 10px;
  background-color: #fff;
}

.form-group {
  text-align: left;
}

.form-group label {
  margin-bottom: 10px;
  font-size: 14px;
}

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

.bg-cs1,
.bg-cs2,
.bg-cs3,
.bg-cs4,
.bg-cs5 {
  border: 8px solid var(--botton-creation-bg-color);
  background: var(--botton-creation-bg-color);
}

input[type="radio"],
input[type="radio"] + label {
  float: left;
  margin-right: 5px;
  line-height: 20px;
}

input[type="radio"] + label {
  margin-right: 20px;
}

.bg-cs1-gerer,
.bg-cs2-gerer,
.bg-cs3-gerer {
  border: 8px solid var(--botton-modification-bg-color);
  background: var(--botton-modification-bg-color);
  color: #fff;
}

.dossier-step {
  display: inline-block;
  margin: 0 1% 30px;
  position: relative;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -moz-transition: opactity 0.3s ease-in-out;
  -o-transition: opactity 0.3s ease-in-out;
  -webkit-transition: opactity 0.3s ease-in-out;
  transition: opactity 0.3s ease-in-out;
}

.dossier-step.bg-cs1 .step-title,
.dossier-step.bg-cs1 small,
.dossier-step.bg-cs1.completed.editing .step-title,
.dossier-step.bg-cs1.completed.editing small,
.dossier-step.bg-cs2 .step-title,
.dossier-step.bg-cs2 small,
.dossier-step.bg-cs2-gerer .step-title,
.dossier-step.bg-cs2-gerer small,
.dossier-step.bg-cs2.completed.editing .step-title,
.dossier-step.bg-cs2.completed.editing small,
.dossier-step.bg-cs3 .step-title,
.dossier-step.bg-cs3 small,
.dossier-step.bg-cs3.completed.editing .step-title,
.dossier-step.bg-cs3.completed.editing small,
.dossier-step.bg-cs4 .step-title,
.dossier-step.bg-cs4 small,
.dossier-step.bg-cs4-gerer .step-title,
.dossier-step.bg-cs4-gerer small,
.dossier-step.bg-cs4.completed.editing .step-title,
.dossier-step.bg-cs4.completed.editing small,
.dossier-step.bg-cs5 .step-title,
.dossier-step.bg-cs5 small,
.dossier-step.bg-cs5-gerer .step-title,
.dossier-step.bg-cs5-gerer small,
.dossier-step.bg-cs5.completed.editing .step-title,
.dossier-step.bg-cs5.completed.editing small,
.rond:active {
  color: #fff;
}

.dossier-navigation .dossier-step small {
  font-size: 9px;
  height: 35px;
}

.dossier-navigation .dossier-step small.completed,
.dossier-navigation .dossier-step small.editing,
.dossier-navigation .dossier-step.editing small.default {
  display: none;
}

.dossier-navigation .dossier-step.editing .arrow-up {
  display: block;
}

.dossier-navigation .dossier-step.editing,
.dossier-step:hover {
  -moz-transition: opactity 0.3s ease-in-out;
  -o-transition: opactity 0.3s ease-in-out;
  -webkit-transition: opactity 0.3s ease-in-out;
  filter: alpha(enabled=false);
  opacity: 1;
}

.dossier-step small {
  text-transform: uppercase;
}

.dossier-content #dashboard {
  display: none;
  text-align: center;
}

.dossier-step .content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.dossier-navigation .dossier-step .fa-check-circle {
  display: none;
}

.dossier-navigation .dossier-step.completed .fa-check-circle {
  display: block !important;
}

.dossier-navigation .dossier-step.completed .fa-check-circle,
.dossier-step .fa-check-circle.completed {
  visibility: visible;
}

.dossier-step.bg-cs1.completed {
  background-color: var(--botton-creation-bg-color);
}

#divers_form label {
  float: left;
  padding-bottom: 5px;
}

#showActivites {
  border: none;
  width: 100%;
  margin: 0 auto;
}

.form-helper-content.creer-bg,
.bubble-info-cac.creer-bg {
  font-size: 15px;
  text-align: left;
  padding: 31px;
  position: relative;
  top: 25px;
  margin-bottom: 30px;
  width: 100%;
}

#displayForm,
#displayOffers,
#recapOffer,
.presentation-forme {
  text-align: center;
  position: relative;
  padding-top: 30px;
}

#recapOffer table td:first-child div > span,
#recapOffer table td:first-child div > h3 {
  position: absolute;
  z-index: 100;
  padding-right: 10px;
  background: #fff;
}

#recapOffer td hr {
  color: #dbdbdb;
  width: 60%;
  position: absolute;
}

#recapOffer table td {
  background: #fff;
  border: none;
}

#actRegleContent > div:first-child,
#artisanatContent > div:first-child {
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
  display: inline-block;
}

#recapOffer table td.text-right {
  width: 35%;
}

#recapOffer .form-helper-2 {
  display: inline-block;
  position: relative;
}

#recapOffer .form-helper-content.creer-bg {
  padding: 10px 20px;
  top: 10px;
  margin-bottom: 10px;
}

#actionnaire_morale,
#actionnaire_physique,
#recapOffer table thead {
  display: none;
}

#actSavoirPlus {
  color: #fbf6d9;
  background-color: #000;
}

#actReglePlus {
  margin-top: 10px;
  display: none;
  padding-bottom: 10px;
  text-align: left;
}

#actReglePlus a {
  color: #000;
}

#actReglePlus .custom-combobox-input {
  margin: 0;
  padding: 5px 10px;
  width: 85%;
}

#actRegleTitle {
  line-height: 44px;
}

#actReglePlus #activiteMessage {
  display: block;
  margin-top: 20px;
}

.single-row-date select {
  width: auto;
  float: left;
  margin-right: 5px;
}

body.app .ui-widget-content {
  border: 1px solid #938332;
  background: #fff;
  font-weight: 400;
  color: #000;
}

body.app .ui-widget-content {
  border: 1px solid #dddddd !important;
  border-width: 1px 0 0 0 !important;
}

.form-control {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: outline ease-out;
  -o-transition: outline ease-out;
  -webkit-transition: outline ease-out;
  transition: outline ease-out;
  outline: transparent solid 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  border: 1px solid #141414;
  color: #000;
  height: 42px;
}

::-webkit-input-placeholder {
  /* Edge */
  color: red;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: red;
}

::placeholder {
  color: red;
}

.dossier-content #displayForm {
  margin-bottom: 25px;
}

#displayForm .title-2 {
  margin: 40px 0 20px 0;
  font-size: 25px;
}

#displayForm .description,
#displayOffers .description,
#recapOffer .description,
.presentation-forme .description {
  margin: 0 auto 30px;
  font-size: 0.875rem;
  font-weight: 300;
  font-style: italic;
}

#transfert_titres_form .form-group label {
  text-transform: none;
  font-size: 1rem;
  font-weight: 300;
  float: left;
  padding: 10px;
  margin-bottom: 0;
}

#transfert_titres_form .form-group label span {
  margin-left: 10px;
}

#transfert_titres_form .form-group.selected > label {
  background: var(--botton-creation-bg-color);
  color: #fff;
}

#displayForm .description,
#displayOffers .description,
#recapOffer .description,
.presentation-forme .description {
  width: 92%;
}

#transfert_titres_form .form-group {
  background: #fff;
  height: auto;
  display: grid;
}

#transfert_titres_form .form-group .sub-form-group {
  display: none;
  padding: 15px 0 15px 30px;
  background: rgba(0, 161, 174, 0.15);
}

#transfert_titres_form .form-group .sub-form-group p {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0;
}

#actReglePlus .custom-combobox {
  position: relative;
  width: 100%;
}

.person-list {
  display: inline-block;
  position: relative;
}

.person-item:hover .overlay a {
  text-decoration: none;
}

.person-item:hover .overlay {
  display: block;
  filter: alpha(enabled=false);
  opacity: 1;
}

#mn_appbundle_informations_generales_isArtisanat,
#mn_appbundle_informations_generales_isSCI,
#mn_appbundle_informations_generales_situationSiege,
#mn_appbundle_personne_majoriteGerant,
#mn_appbundle_informations_generales_typeOfficer {
  background: 0 0;
  border: 0;
  text-align: left;
  height: auto;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#mn_appbundle_informations_generales_isArtisanat label,
#mn_appbundle_informations_generales_isSCI label,
#mn_appbundle_informations_generales_situationSiege label,
#mn_appbundle_personne_majoriteGerant label {
  text-transform: none;
  font-size: 0.875rem;
  font-weight: 300;
}

.recap {
  margin: 10px 0;
}

.overview #informations_generales {
  z-index: 100;
}

.overview .dossier-step {
  position: relative;
  margin: 1.414em 0 0;
  text-decoration: none;
}

.dossier-step-opacity {
  opacity: 1;
}

.recap .single-table tr {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0 5px;
}

.label-offre-modifications label {
  font-size: 24px;
  text-align: center;
}

.offre-item.option,
.offre-item-xs.option-xs {
  width: 60%;
  background: #fff;
  height: 46px;
  padding: 10px 0 0 20px;
}

.offre-item-xs.option-xs {
  margin-bottom: 20px;
}

.bg-cs1-text,
.bg-cs2-text,
.bg-cs3-text,
.bg-cs4-text,
.bg-cs5-text {
  color: var(--botton-creation-bg-color);
  font-size: 36px;
  margin: 0 0 10px;
}

.recap .table .bg-blanc span {
  color: var(--botton-creation-bg-color);
}

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

#activitesPanel {
  background-color: var(--botton-creation-bg-color);
  color: var(--botton-creation-bg-color);
}

#activitesPanel .menu__breadcrumbs {
  font-size: 0.65em;
  line-height: 5px;
  padding: 0 0 0 15px;
  position: relative;
  height: 50px;
}

#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: 50px;
  color: #d5d8d9;
}

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

#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: 50px;
  color: #fff;
}

#activitesPanel .action,
#activitesPanel .menu__back {
  position: absolute;
  border: none;
  background: 0 0;
  margin: 0;
  cursor: pointer;
}

#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;
  color: var(--botton-creation-bg-color);
  display: block;
  padding: 15px 5px 15px 15px;
}

.form-group textarea {
  margin-bottom: 15px;
}

.mn-add-person {
  padding-top: 80px;
}

.mn-add-person,
.person-item {
  text-transform: uppercase;
  background: 0 0;
  position: relative;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 10px;
  margin: 0 10px;
  width: 150px;
  height: 150px;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  color: var(--botton-creation-bg-color);
  border: 3px solid var(--botton-creation-bg-color);
  border-radius: 30px;
}

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

.person-item .overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  filter: alpha(Opacity=0);
  opacity: 0;
  background: var(--botton-creation-bg-color);
  padding-top: 30px;
  border-radius: 26px;
}

.person-item .name {
  position: relative;
  z-index: 0;
  width: 100%;
}

.person-item[data-poste="actionnaire"] .overlay a,
.person-item[data-poste="actionnaire"] .overlay a i {
  color: var(--botton-creation-bg-color);
}

.person-item .overlay a {
  width: 90%;
  margin: 10px auto;
  padding: 5px;
  display: block;
  background: #fff;
  color: var(--botton-creation-bg-color);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

.person-item .overlay a i {
  color: var(--botton-creation-bg-color);
  margin-right: 5px;
  font-size: 16px;
}

.dossier-step:active,
.dossier-step:focus,
.dossier-step:hover,
.mn-add-person.btn:active:focus,
.person-item:hover .overlay a,
div.cs-select:focus {
  outline: 0;
}

.person-item i.fa-user {
  font-size: 50px;
  display: block;
  margin: 10px;
}

.mn-add-person:before {
  content: "+";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -20px;
  font-size: 60px;
  font-size: 3.75rem;
}

.mn-add-person {
  padding-top: 80px;
}

.mn-add-person span,
.person-item span {
  width: 100%;
  display: block;
}

.form-cs2 .encart_majorite_ordinaire {
  background: rgba(0, 161, 171, 0.2);
}

.form-cs2 .encart-contact-info {
  background: rgba(0, 161, 171, 0.2);
}

.encart-contact-info,
.encart_majorite_ordinaire {
  padding: 20px;
  text-align: left;
}

.encart_majorite_ordinaire .irs-max,
.encart_majorite_ordinaire .irs-min,
.encart_majorite_ordinaire .irs-single {
  font-size: 15px;
}

.encart_majorite_ordinaire .encart-content {
  position: relative;
  width: 90%;
  margin: 20px 0 10px;
}

.irs-single {
  background: var(--botton-creation-bg-color) !important;
}

.irs-bar {
  background-color: var(--botton-creation-bg-color) !important;
}

.irs-hidden-input {
  width: 25px;
  float: right;
}

.encart_majorite_ordinaire .irs-max,
.encart_majorite_ordinaire .irs-min {
  color: #000;
  background-color: #fff;
}

.dossier-dashboard .status-row strong,
.encart-title {
  font-weight: 700;
}

.form-cs2 .mn-add-person,
.form-cs2 .person-item {
  border: 3px solid var(--botton-creation-bg-color);
  color: var(--botton-creation-bg-color);
}

.form-cs2 .mn-add-person:active,
.form-cs2 .mn-add-person:focus,
.form-cs2 .mn-add-person:hover,
.form-cs2 .mn-add-person[disabled],
.form-cs2 .person-item:active,
.form-cs2 .person-item:focus,
.form-cs2 .person-item:hover,
.form-cs2 .person-item[disabled],
.form-cs3 .mn-add-person:active,
.form-cs3 .mn-add-person:focus,
.form-cs3 .mn-add-person:hover,
.form-cs3 .mn-add-person[disabled],
.form-cs3 .person-item:active,
.form-cs3 .person-item:focus,
.form-cs3 .person-item:hover,
.form-cs3 .person-item[disabled] {
  border: 3px solid var(--botton-creation-bg-color);
  background: var(--botton-creation-bg-color) !important;
}

.mn-add-person:active,
.mn-add-person:focus,
.mn-add-person:hover,
.person-item:active,
.person-item:focus,
.person-item:hover {
  color: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

ul.offre-components.creer li,
ul.offre-components.gerer li {
  display: block;
}

ul.offre-components li {
  color: #000 !important;
  font-size: 14px;
  line-height: 27px;
  font-family: inherit;
  text-align: inherit;
}

ul.offre-components li {
  text-indent: -14px;
  margin-bottom: 15px;
}

.btn-option {
  padding: 0px 10px;
}

#displayOffers .offre-item.option,
#displayOffers .offre-item-xs.option-xs {
  width: 100%;
  height: auto;
  background-color: inherit;
  box-shadow: none;
  padding-left: 20px;
  text-align: left;
}

#displayOffers .offre-item.option-xs .small-link,
#displayOffers .offre-item-xs.option-xs .small-link {
  top: -6px;
  display: block;
  font-size: 0.75rem;
}

.detail-link-offre {
  color: #b3b3b3;
  text-decoration: underline !important;
}

#displayOffers .offre-item.option .small-link + .description.active,
#displayOffers .offre-item-xs.option-xs .small-link + .description.active {
  max-height: 300px;
}

#displayOffers .offre-item.option .small-link + .description .content,
#displayOffers .offre-item-xs.option-xs .small-link + .description .content {
  padding-top: 1.5em;
}

#displayOffers .offre-item.option .small-link + .description,
#displayOffers .offre-item-xs.option-xs .small-link + .description {
  display: block;
  overflow: hidden;
  max-height: 0;
  margin: 0;
  -moz-transition: max-height 0.4s ease-in-out;
  -o-transition: max-height 0.4s ease-in-out;
  -webkit-transition: max-height 0.4s ease-in-out;
  transition: max-height 0.4s ease-in-out;
}

#displayOffers .price-tag .taxe {
  font-size: 9px !important;
  position: relative;
}

#displayOffers .price-tag {
  height: 30px;
}

#displayOffers .price-tag .devise {
  font-size: 13px !important;
  position: relative;
}

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

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

.offer-choices .border-left {
  border-left: 1px solid var(--botton-creation-bg-color);
}

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

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

.undo {
  border: 1px solid var(--botton-creation-bg-color);
  height: 45px;
  line-height: 23px;
  width: 224px;
}

a.undo:hover {
  color: #fff;
  background-color: var(--botton-creation-bg-color);
}

.btn-amount {
  margin: 30px 0;
}

/* ==========================================================================
   status bar style icones organisation bar
   ========================================================================== */
#statusBar.bg-blanc ul li {
  border-bottom: none;
  border-right: 1px solid #afb0b4;
  text-align: center;
}

#statusBar.bg-blanc ul li .img-container {
  margin-bottom: 25px;
  height: 45px;
  width: 45px;
}

#statusBar li {
  font-size: 0.8125rem;
  line-height: 1.3em;
  font-weight: 300;
  text-align: left;
  list-style: none;
  position: relative;
  vertical-align: top;
  padding: 1em;
  display: inline-block;
  width: 20%;
}

#statusBar li i {
  float: left;
  width: 10%;
}

#statusBar.bg-blanc {
  padding: 60px 0 45px;
}

.completed {
  opacity: 1;
}

.fa-check:before {
  margin-right: 14px;
}

div.cercle_container i.fa-check-circle {
  position: absolute;
  top: 110px;
  left: 57px;
}

.fa-envelope-o:before {
  font-size: 20px;
}

.liste-dossier .circle-button {
  width: 45px;
  height: 45px;
  border-color: #fff;
  background-color: #fff;
}

.ui-datepicker-trigger {
  position: absolute;
  top: 14px;
  right: 20px;
}

#documents-table i:before,
#justificatifs-table i:before,
#delivery-table i:before {
  color: #555;
  background-color: white;
  padding: 8px;
  border-radius: 25px;
  font-size: 17px;
}

.fa-1x {
  font-size: 20px;
  color: var(--botton-creation-bg-color);
}

#publicContainer .doc-sign .fa {
  font-size: 30px;
  font-size: 1.875rem;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-right: 15px;
}

/* ==========================================================================
   Bouton Choix de creation et modification
   ========================================================================== */

@media (max-width: 767px) {
  #btn-choix > li > .gerer-sub,
  #btn-choix > li > .creer-sub {
    overflow-x: scroll;
    width: 400px;
  }

  #btn-choix > li > .creer-sub {
    left: 96%;
  }
}

@media (min-width: 767px) {
  #btn-choix > li > .gerer-sub,
  #btn-choix > li > .creer-sub {
    left: 50%;
  }
}

#btn-choix > li > .gerer-sub,
#btn-choix > li > .creer-sub {
  position: absolute;
  top: 75%;
  margin: 0;
  padding-top: 20px;
  opacity: 0;
  transition: opacity 0.3s ease-out, transform 0.35s ease-out;
  transform: translate(-50%, 15px);
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: left;
  -ms-flex-pack: center;
  justify-content: left;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#btn-choix > li > ul:before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 50%;
  transform: translateX(-50%);
  width: 34px;
  height: 14px;
  background: url(../img/1.png) no-repeat center top;
}

#btn-choix > li > ul > li {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  white-space: nowrap;
  -webkit-backface-visibility: hidden;
}

#btn-choix > li > ul > li a {
  display: block;
  padding: 0.75em 1.5em;
  font-size: 0.9em;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  border-left: 1px solid #ccc;
  transition: all 0.3s ease-in;
}

#btn-choix > li > ul > li:first-child a {
  border-radius: 5px 0 0 5px;
}

#btn-choix > li > ul > li:last-child a {
  border-radius: 0 5px 5px 0;
}

#btn-choix > li > ul.creer-sub > li a {
  border-top: 2px solid var(--botton-creation-bg-color);
  border-bottom: 2px solid var(--botton-creation-bg-color);
}

#btn-choix > li > ul.creer-sub > li:first-child a {
  border-left: 2px solid var(--botton-creation-bg-color);
}

#btn-choix > li > ul.creer-sub > li:last-child a {
  border-right: 2px solid var(--botton-creation-bg-color);
}

#btn-choix > li > ul.gerer-sub > li a {
  border-top: 2px solid var(--botton-modification-bg-color);
  border-bottom: 2px solid var(--botton-modification-bg-color);
}

#btn-choix > li > ul.gerer-sub > li:first-child a {
  border-left: 2px solid var(--botton-modification-bg-color);
}

#btn-choix.btns-action > li,
#btn-choix.btns-action > li .btn1,
#btn-choix.btns-action > li .btn2 {
  display: inline-block;
}

#btn-choix > li:hover > ul {
  transform: translate(-50%, 0);
  opacity: 1;
  z-index: 2;
}

#saveGroup button {
  text-transform: uppercase;
}

/* ==========================================================================
   icones
   ========================================================================== */
.fa,
.fas {
  font-weight: 900;
}

.fa,
.far,
.fas {
  font-family: "Font Awesome 5 Free";
}

.fab {
  font-family: "Font Awesome 5 Brands";
}

.fa,
.fab,
.fal,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.glyphicon {
  font-size: 20px;
  font-weight: 900;
  margin-right: 5px;
}

.connexion-icon {
  font-size: 27px;
  padding-top: 5px;
}

.icon-11:before {
  content: "\e809";
}

.fa-phone:before {
  content: "\f30c";
}

.fa-plus:before {
  content: "\f067";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-cogs:before {
  content: "\f085";
}

.fa-files-o:before {
  content: "\f0c5";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-sign-out-alt:before {
  content: "\f2f5";
}

.icon-33:before {
  content: "\e821";
}

.icon-36:before {
  content: "\e825";
}

.icon-7:before {
  content: "\e805";
}

.icon-32:before {
  content: "\e820";
}

.icon-37:before {
  content: "\e824";
}

.icon-35:before {
  content: "\e822";
}

.icon-29:before {
  content: "\e81f";
}

.icon-17:before {
  content: "\e80f";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-download:before {
  content: "\f019";
}

.fa-trash:before {
  content: "\f1f8";
}

.icon_blue_VR {
  font-size: 50px;
  color: var(--botton-creation-bg-color);
}

.icon_blue {
  font-size: 50px !important;
  color: var(--botton-creation-bg-color);
  padding: 8px 20px;
}

.icon_medium {
  font-size: 35px;
  color: var(--botton-creation-bg-color);
  padding: 15px;
}

.icon_rose {
  font-size: 50px !important;
  color: var(--botton-modification-bg-color);
  padding: 8px 20px;
}

.icon_telephone::before {
  font-size: 24px;
  line-height: 54px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  padding-top: 0px;
  padding-left: 15px;
  right: 3px;
  top: -7px;
  position: absolute;
  z-index: 2;
}

.icon_telephone::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: -10px;
  display: block;
  padding: 0;
  margin: 0;
  -moz-border-radius: 0 50% 50% 0;
  -webkit-border-radius: 0;
  border-radius: 50% 0 0 50%;
  right: 0;
  width: 60px;
  height: 60px;
  z-index: 1;
}

.icon-9:before {
  content: "\e807";
}

.icon-8:before {
  content: "\e806";
}

.btn_youtube {
  content: "";
  font-size: 45px;
  color: red;
}

.btn_facebook {
  padding-left: 13px;
  padding-top: 9px;
  font-size: 21px;
  color: #fff;
  background-color: #3b5998;
  border-radius: 50%;
  height: 37px;
  width: 37px;
}

.btn_twitter {
  padding-left: 9px;
  padding-top: 9px;
  font-size: 21px;
  color: #fff;
  background-color: #55acee;
  border-radius: 50%;
  height: 37px;
  width: 37px;
}

.btn_linkedin {
  padding-left: 9px;
  padding-top: 9px;
  font-size: 21px;
  color: #fff;
  background-color: #0078b5;
  border-radius: 50%;
  height: 37px;
  width: 37px;
}

.homepage-process-icon {
  height: 70px;
}

/** les icones du tableau **/
tbody .fa-lock {
  color: #000;
}

tbody .fa-link {
  color: var(--botton-modification-bg-color);
}

.icon-etape {
  height: 65px;
  width: 46px;
  display: inline-block;
}

/* ==========================================================================
   Bordure - Border - Table - Tableau - Style
   ========================================================================== */
.bord-right-gris {
  border-right: 1px solid #cecece;
}

#btn-choix > li > ul.gerer-sub > li:last-child a {
  border-right: 2px solid var(--botton-modification-bg-color);
}

.capital-table .table thead tr th,
.formes-table thead tr th {
  padding-top: 20px;
  padding-bottom: 15px;
  border-top: 2px solid #ddd;
  border-bottom: 0;
  background: inherit;
}

.capital-table .table thead tr th span,
.formes-table thead tr th span {
  font-size: 23px;
  font-size: 1.4375rem;
  display: block;
}

.capital-table .table td,
.capital-table .table th,
.formes-table td,
.formes-table th {
  text-align: center;
  font-size: 14px;
}

.formes-table th.eurl a,
.formes-table th.sarl a,
.formes-table th.sas a,
.formes-table th.sasu a,
.formes-table th.sc a {
  text-decoration: underline;
}

.formes-table th.eurl a:last-child,
.formes-table th.sarl a:last-child,
.formes-table th.sas a:last-child,
.formes-table th.sasu a:last-child,
.formes-table th.sc a:last-child {
  background-color: #fff;
  color: var(--botton-creation-bg-color);
}

.capital-table .table thead > tr > th.remove1,
.capital-table .table thead > tr > th.remove2,
.capital-table .table thead > tr > th.remove3,
.formes-table thead > tr > th.remove1,
.formes-table thead > tr > th.remove2,
.formes-table thead > tr > th.remove3 {
  color: var(--botton-creation-bg-color);
  background-color: #f1f0f0;
}

.capital-table .table thead > tr > th.remove1 a:last-child,
.capital-table .table thead > tr > th.remove2 a:last-child,
.capital-table .table thead > tr > th.remove3 a:last-child,
.formes-table thead > tr > th.remove1 a:last-child,
.formes-table thead > tr > th.remove2 a:last-child,
.formes-table thead > tr > th.remove3 a:last-child {
  color: #fff;
  background-color: var(--botton-creation-bg-color);
}

.capital-table .table colgroup + thead > tr:first-child > th.empty,
.formes-table colgroup + thead > tr:first-child > th.empty {
  border-top: none;
  border-left: none;
}

.capital-table .table tbody tr:hover td,
.formes-table tbody tr:hover td {
  background: rgba(0, 0, 0, 0.05);
}

.capital-table .table colgroup + thead > tr:first-child > th,
.formes-table colgroup + thead > tr:first-child > th {
  border-top: 2px solid #ddd;
}

.capital-table .table thead > tr > th.remove1 a,
.capital-table .table thead > tr > th.remove2 a,
.capital-table .table thead > tr > th.remove3 a,
.formes-table thead > tr > th.remove1 a,
.formes-table thead > tr > th.remove2 a,
.formes-table thead > tr > th.remove3 a {
  color: #b9b9b9;
}

.capital-table .table tbody > tr > td.remove1,
.capital-table .table tbody > tr > td.remove2,
.capital-table .table tbody > tr > td.remove3,
.formes-table tbody > tr > td.remove1,
.formes-table tbody > tr > td.remove2,
.formes-table tbody > tr > td.remove3 {
  color: #b0b0b0;
}

.formes-table th.eurl a,
.formes-table th.sarl a,
.formes-table th.sas a,
.formes-table th.sasu a,
.formes-table th.sc a {
  text-decoration: underline;
}

#forme-gerer li:last-child {
  border-right: none;
}

.capital-table a {
  display: inline-block;
  color: #337ab7;
}

.capital-table .more-info {
  height: 0;
  overflow: hidden;
}

.capital-table .more-info.active {
  height: auto;
}

.capital-table .table .btn,
.formes-table .btn {
  width: 95%;
  margin-top: 5px;
}

.capital-table .table .row-header,
.formes-table .row-header {
  text-transform: uppercase;
  font-weight: 700;
  background: #f1f0f0;
  width: 15%;
}

.capital-table .table tbody tr:hover td.row-header,
.formes-table tbody tr:hover td.row-header {
  background: #f1f0f0;
}

.capital-table .table tbody > tr > td,
.formes-table tbody > tr > td {
  padding: 20px 2.5%;
}

.capital-table .table tbody > tr > td,
.formes-table tbody > tr > td {
  border-top: 2px solid #ddd;
}

.capital-table .table tbody tr:hover td,
.formes-table tbody tr:hover td {
  background: rgba(0, 0, 0, 0.05);
}

.table-shadow thead {
  color: #000;
  font-size: 14px;
}

.formes-table .row-header {
  border-right: 2px solid #ddd;
}

.recap .table > tbody > tr > td,
.recap .table > tbody > tr > th,
.recap .table > tfoot > tr > td,
.recap .table > tfoot > tr > th,
.recap .table > thead > tr > td,
.recap .table > thead > tr > th {
  border-top: none;
  vertical-align: middle;
}

table td[class*="col-"],
table th[class*="col-"] {
  float: left;
}

.capital-table .gouvernance-thead,
.gouvernance-table .gouvernance-thead {
  background-color: #e1eaef;
  border: 1px solid #e1eaef;
  color: #000;
}

.capital-table .table tr td:first-child,
.capital-table .table tr th:first-child {
  text-align: left;
  width: 40%;
}

.capital-table .table thead tr th {
  border: 0;
  background: 0 0;
  padding: 10px 2.5%;
  font-size: 0.8125rem;
  text-transform: uppercase;
}

#publicContainer .doc-list .doc-list-header {
  border-bottom: 3px solid #000;
}

#publicContainer .doc-sign {
  padding: 10px 0;
  border-bottom: 1px solid #d5d8d9;
  position: relative;
}

#mn_appbundle_modifications_denomination_sociale_ajout_sigle label,
#mn_appbundle_modifications_denomination_sociale_ajout_nom_commercial label,
#mn_appbundle_modifications_denomination_sociale_suppression_sigle label,
#mn_appbundle_modifications_denomination_sociale_suppression_nom_commercial
  label,
#mn_appbundle_modifications_transfert_siege_same_departement label,
#mn_appbundle_modifications_transfert_siege_siege_situation label,
#mn_appbundle_modifications_transfert_siege_type_officer label,
#mn_appbundle_modifications_transfert_siege_maintien_etablissement label,
#mn_appbundle_modifications_transfert_siege_maintien_etablissement_statut label,
#mn_appbundle_modifications_transfert_siege_siege_enseigne label,
#mn_appbundle_modifications_changement_dirigeant_type label,
#mn_appbundle_modifications_changement_dirigeant_civilite label,
#mn_appbundle_modifications_changement_dirigeant_remplacement label,
#mn_appbundle_modifications_changement_dirigeant_create_new label,
#mn_appbundle_modifications_changement_dirigeant_raison label,
#mn_appbundle_modifications_changement_commissaire_type label,
#mn_appbundle_modifications_changement_commissaire_civilite label,
#mn_appbundle_modifications_changement_commissaire_remplacement label,
#mn_appbundle_modifications_changement_commissaire_create_new label,
#mn_appbundle_modifications_changement_commissaire_raison label {
  border: solid 1px #ccc;
  padding: 10px 15px 10px 25px;
}

/* ==========================================================================
   Padding
   ========================================================================== */
.p-0 {
  padding: 0px;
}

.p-5 {
  padding: 5px;
}

.p-20 {
  padding: 20px;
}

.p-10 {
  padding: 10px;
}

.p-25 {
  padding: 25px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-10 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pl-0 {
  padding-left: 0;
}

.pl-20 {
  padding-left: 20px;
}

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

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-0 {
  padding-right: 0;
}

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

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

.pr-150 {
  padding-right: 150px;
}

.pt-40 {
  padding-top: 40px;
}

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

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

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

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

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

/* ==========================================================================
   Margin
   ========================================================================== */
.m-20 {
  margin: 20px;
}

.m-0 {
  margin: 0px;
}

.m-10 {
  margin: 10px;
}

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

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

.mr-24 {
  margin-right: 24px;
}

.mr-38 {
  margin-right: 38px;
}

.ml-0 {
  margin-left: 0px;
}

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

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml--30 {
  margin-left: -30px;
}

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

.ml--6 {
  margin-left: -6px;
}

.ml-40 {
  margin-left: 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.t--75 {
  top: -75px !important;
}

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

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

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

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

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

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

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

.t--15 {
  top: -15px !important;
}

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

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

.mb-20 {
  margin-bottom: 20px;
}

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

.mb-10 {
  margin-bottom: 10px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.t-15 {
  top: 15px;
}

.t-5 {
  top: 5px !important;
}

.mb-45 {
  margin-bottom: 45px;
}

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

.mb-90 {
  margin-bottom: 90px;
}

.ml-15 {
  margin-left: 15px;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.ml--55 {
  margin-left: -55px;
}

.ml--35 {
  margin-left: -35px;
}

.ml--20 {
  margin-left: -20px;
}

.ml--200 {
  margin-left: -200px;
}

.w-5 {
  width: 5px;
}

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

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

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

/* ==========================================================================
   Notifications - Erreurs - Message info strength password
   ========================================================================== */
#security-wrapper .message.bg-danger,
body.public .message.bg-danger {
  background-color: #fff;
  color: #d4175b !important;
  border: 1px solid #d4175b;
  font-weight: bold;
}

#security-wrapper .message,
body.public .message {
  padding: 0.5em 20px;
}

body.questionnaire .dossier-message-holder .close {
  display: none;
}

.dossier-message-holder.email.active,
.dossier-message-holder.info.active {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
}

.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;
}

.dossier-message-holder.error.active {
  -moz-animation: timed-message 10s 1;
  -webkit-animation: timed-message 10s 1;
  animation: timed-message 10s 1;
}

.dossier-message-holder.error {
  background: #f44336;
}

.recap p.alert-warning {
  background-color: #8e8e8e;
  width: 100%;
  margin-left: 0;
}

.alert-icon {
  color: #f44336;
}

.alert.alert-danger {
  background-color: #f44336;
  color: #fff;
  margin-bottom: 10px;
}

.alert.alert-danger.landing-alert {
  margin-left: 25px;
}

.alert-icon-client,
.alert-icon-client:hover,
.alert-icon-client:focus {
  color: var(--botton-creation-bg-color) !important;
}

.dossier-message-holder.success.active {
  -moz-animation: timed-message 5s 1;
  -webkit-animation: timed-message 5s 1;
  animation: timed-message 5s 1;
}

.dossier-message-holder.success {
  background: #4caf50;
}

.dossier-message-holder.tooltip-help {
  background-color: var(--botton-creation-bg-color);
}

.btn-warning,
.btn-warning:hover {
  background-color: #424cac;
  color: #fff;
}

.alert.alert-info {
  background-color: #2196f3;
  color: #fff;
  width: 100%;
}

.alert.alert-success {
  background-color: #4caf50;
  color: #fff;
}

#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-send-invoices,
#dialog-delete-invoices,
#dialog-paid-invoices,
#dialog-message-amount-capital {
  display: none;
}

@-moz-keyframes timed-message {
  0%,
  100% {
    -moz-transform: translateY(-200%);
    transform: translateY(-200%);
  }

  5%,
  95% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes timed-message {
  0%,
  100% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }

  5%,
  95% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes timed-message {
  0%,
  100% {
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }

  5%,
  95% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* ==========================================================================
   Backend 
   ========================================================================== */
#backend-choices div.backend-gerer button,
#backend-parameters div.backend-gerer button {
  border: 3px solid var(--botton-modification-bg-color);
  background: var(--botton-modification-bg-color) !important;
}

#backend-choices div.backend-creer button {
  border: 3px solid var(--botton-creation-bg-color);
  background: var(--botton-creation-bg-color) !important;
}

#backend-choices button i {
  display: block;
  position: relative;
  font-size: 3.75rem;
  height: 70px;
}

#backend-choices button span {
  width: 100%;
  display: block;
}

#backend-choices button {
  position: relative;
  font-size: 15px;
  margin: 0;
  width: 150px;
  height: 150px;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

#backend-choices div.backend-creer,
#backend-choices div.backend-gerer {
  padding: 20px 0;
}

.overview h1:first-child {
  font-size: 42px;
  margin-bottom: 20px;
  margin-top: 20px;
}

body.backend #delivery-table small,
body.backend #documents-table small,
body.backend #gestion-table small,
body.backend #justificatifs-table small {
  display: block;
  color: #999;
}

#publicContainer .doc-sign {
  padding: 10px 0;
  border-bottom: 1px solid #d5d8d9;
  position: relative;
}

h2.creer-text,
h2.gerer-text {
  font-weight: 400;
  font-size: 24px;
}

.backend h2 {
  font-size: 26px;
}

.hr-separator {
  border: 1px solid #dddddd;
  background: #dddddd;
  box-shadow: 0 2px 2px #dddddd, 0 0 2px #dddddd;
}

.hr-separator-1 {
  border: 1px solid #6c757d;
  background: #6c757d;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.12);
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.admin-link {
  background: var(--botton-modification-bg-color);
}

.admin-link-partner {
  background: var(--botton-creation-bg-color);
}

.nav-pills > li > a {
  border-radius: 0;
  color: #000;
}

.expandable-zone.header {
  background: #f7f7f7;
  height: 64px;
  margin-top: 1em;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  display: flex;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  position: relative;
  padding-left: 0;
}

.expandable-zone {
  display: none;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.expandable-zone.expanded {
  display: block;
}

.expandable-zone.header:before {
  content: "+";
  position: absolute;
  top: 0;
  right: 0;
  height: 64px;
  width: 64px;
  border-left: 1px solid #d5d8d9;
  font-size: 2.5rem;
  line-height: 68px;
  text-align: center;
  display: none;
}

.expandable-zone.header h3 {
  font-size: 1.25rem;
  margin: 20px 0;
}

.expandable-zone > [class^="col-"] > .content {
  height: 0;
}

.expandable-zone .content {
  overflow: hidden;
  -moz-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}

.expandable-zone.expanded > [class^="col-"] > .content {
  height: auto;
  -moz-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}

.expandable-zone > [class^="col-"] > .content {
  height: 0;
}

.expandable-zone.expanded.header:before {
  content: "-";
}

.expandable-zone.header:before {
  display: block;
}

.status-panel-link {
  position: relative;
}

.justificatif-row {
  padding: 1em 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 37px;
}

#mn_userbundle_message_body,
#mn_folder_note_body {
  width: 100%;
}

.justificatif-row .subline {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #00a3b4;
  line-height: 1;
}

.justificatif-row .message {
  color: #f44336;
}

.justificatif-row #files,
.justificatif-row .btn,
.justificatif-row .message {
  display: inline-block;
}

.justificatif-row #files {
  margin-right: 1.5em;
}

.justificatif-row #files,
.justificatif-row .btn,
.justificatif-row .message {
  display: inline-block;
}

.details_doc {
  width: 96%;
  padding-right: 15px;
  padding-left: 0px;
}

#mn_appbundle_appearance_parameters_1_valeur input {
  margin-left: 15px;
  margin-right: 10px;
}

.back-link,
.continue-link,
.overview-link,
.next-link-synthese {
  background-repeat: no-repeat;
  display: block;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 10px;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #000;
  font-weight: 500;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  width: 110px;
  height: 100px;
  padding-top: 15px;
}

body.backend #header-choice ul.choices {
  padding: 10px 20px;
}

body.backend #header-choice ul.choices li i {
  display: block;
  height: 40px;
  margin-top: 10px;
}

body.backend #header-choice ul.choices-arrows .li-dossier {
  padding-left: 0px;
  padding-right: 0px;
  top: -32px;
}

body.backend #header-choice ul.choices-arrows .li-documents {
  padding-left: 0px;
  padding-right: 0px;
  top: -32px;
}

body.backend #header-choice ul.choices-arrows .li-informations {
  padding-left: 0px;
  padding-right: 0px;
  top: -32px;
}

body.backend #header-choice ul.choices-arrows .li-signatures {
  padding-left: 0px;
  padding-right: 0px;
  top: -32px;
}

body.backend #header-choice ul.choices-arrows .li-justificatifs {
  padding-left: 0px;
  padding-right: 0px;
  top: -32px;
}
body.backend #status-panel-change .content {
  padding: 1em;
}

body.backend #status-panel-change .title {
  font-size: 1rem;
  margin: 0 0 1em;
}

body.backend #status-panel-change .btn-group-justified .btn {
  width: calc(100% / 6);
  border: 0;
  background: rgba(66, 76, 172, 0.2);
}

body.backend #status-panel-change .btn-group-justified .btn:hover {
  background: rgba(66, 76, 172, 0.5);
}

body.backend #status-panel-change .btn-group-justified .btn.active,
body.backend #status-panel-change .btn-group-justified .btn:active,
body.backend #status-panel-change .btn-group-justified .btn:focus,
body.backend #status-panel-change .btn-group-justified .btn:hover {
  background: #424cac;
  color: #fff;
  border-color: #000;
  outline: 0;
}

body.backend #status-panel-change.expanded {
  max-height: 500px;
  filter: alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

#progress .progress-panel .checklist-header,
#status-panel .progress-panel .checklist-header {
  background: #e2574c;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  padding: 3px 0;
  font-size: 12px;
  font-size: 0.75rem;
  border-bottom: 1px solid #c22b1f;
  position: relative;
  line-height: 20px;
}

#progress .progress-panel li,
#status-panel .progress-panel li {
  position: relative;
  padding: 12px 10px 10px 5px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}

#status-panel .progress-panel li.done .fa {
  background: #fff;
  color: #e2574c;
  padding-top: 8px;
}

#status-panel ul {
  padding: 0;
}

#progress .progress-panel li.done .fa,
#status-panel .progress-panel li.done .fa {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40px;
  color: #e2574c;
  font-size: 30px;
  font-size: 1.875rem;
  text-align: center;
  padding-top: 10px;
}

#progress .progress-panel .number,
#status-panel .progress-panel .number {
  display: inline-block;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  margin-right: 10px;
  width: 30px;
}

#status-panel .progress-panel .number {
  color: #0072ae;
}

#status-panel .progress-panel li.done {
  background: 0 0;
}

#status-panel .progress-panel .text {
  top: 1px;
}

#progress .progress-panel .text small,
#status-panel .progress-panel .text small {
  display: block;
}

.status-panel-link:hover #status-panel div.progress-panel {
  display: block;
}

#progress .progress-panel .text,
#status-panel .progress-panel .text {
  display: inline-block;
  vertical-align: top;
}

body.backend #status-panel-change {
  background: #fff;
  overflow: hidden;
  max-height: 0;
  filter: alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.5s ease-out 0.3s;
  -o-transition: opacity 0.5s ease-out 0.3s;
  -webkit-transition: opacity 0.5s ease-out;
  -webkit-transition-delay: 0.3s;
  transition: opacity 0.5s ease-out 0.3s;
}

body.backend #status-panel-change .working-panel {
  position: absolute;
  color: #fff;
  background: #424cac;
  top: 2em;
  left: 10px;
  right: 10px;
  bottom: 0;
  text-align: center;
  z-index: 10000;
  vertical-align: middle;
  display: none;
}

body.backend #status-panel-change.working .working-panel {
  display: block;
}

body.backend #status-panel-change .working-panel p {
  line-height: 100%;
  text-transform: uppercase;
  padding-top: 1.75em;
}

body.backend
  #justificatifs-table
  .justificatif-row.justificatif-validated
  a.justificatif-validated
  i::before {
  background: #00a1ae;
  border-color: #00a1ae;
  color: #fff;
}

.status-saved {
  background: rgba(46, 204, 113, 0.4) !important;
}

#displayOffers span.checkmark_rond_blue {
  top: 6px;
  left: 0px;
}

#finalPopup a {
  color: #fff;
  padding: 15px 30px;
}

#finalPopup {
  display: none;
}

.popup_creation_finalisation_btn {
  margin-top: 60px;
  margin-bottom: 40px;
}

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

#finalPopup .popup_creation_finalisation_legend {
  font-size: 15px;
  cursor: pointer;
}

.popup_creation_finalisation {
  color: #5e5e5e;
}

.popup_creation_finalisation_croix {
  background: url(../../../img/croix.png) no-repeat;
  height: 22px;
  width: 22px;
}

.popup_creation_finalisation_croix {
  margin-top: 15px;
  margin-bottom: 45px;
  margin-left: 20px;
}

.choices-arrows .arrow-down {
  margin-top: 0;
}

.popup_creation_finalisation {
  color: #5e5e5e;
  font-size: 15.47pt;
}

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

.dossier-dashboard .status-row .next-link + .next {
  background: #fff;
  padding: 1em;
  text-align: left;
  position: relative;
  top: 20px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) -3px 0 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) -3px 0 6px;
  box-shadow: rgba(0, 0, 0, 0.2) -3px 0 6px;
  z-index: 1;
}

.dossier-dashboard .status-row .next-link + .next li i {
  margin-right: 10px;
}

.dossier-dashboard .status-row .next-link + .next li i,
.dossier-dashboard .status-row .next-link + .next li span {
  float: left;
}

.dossier-dashboard .status-row .next-link + .next li span {
  width: 90%;
  position: relative;
  top: -5px;
}

.dossier-dashboard .status-row .next-link + .next li {
  margin-bottom: 10px;
}

.admin-feature {
  border: 3px solid var(--botton-modification-bg-color);
  background-color: var(--botton-modification-bg-color) !important;
}

.backend-admin-feature {
  padding: 20px 0;
}

.update-form .row {
  margin-bottom: 20px;
}

.status-panel-link strong {
  color: #000;
  text-decoration: underline;
}

#status-panel {
  z-index: 10000;
  right: auto;
  left: 230px;
  top: -70px;
}

[class^="circle-"] {
  display: inline-block;
  height: 14px;
  width: 14px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  position: relative;
  top: 0px;
}

.dossier-dashboard .doc-item .preview .preview-wrapper {
  padding-top: 55.147%;
  background-size: 100%;
}

.dossier-dashboard .doc-item .title {
  border-top: 1px solid #000;
  height: 55px;
  padding: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
}

.dossier-dashboard .preview {
  width: 100%;
}

.preview {
  display: inline-block;
}

.dossier-dashboard .doc-item .preview {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.dossier-dashboard .doc-item .btn {
  width: 100%;
  margin-top: 10px;
}

.expandable-zone.header h3 i {
  margin-right: 15px;
  margin-left: 10px;
}

.dossier-dashboard .status-row {
  padding-top: 1em;
}

/* ==========================================================================
   Payement 
   ========================================================================== */
.payment-class,
.facture-class {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

/* ==========================================================================
   Profil Admin User
   ========================================================================== */
.userprofile-header .title-zone {
  margin-top: 30px;
  height: auto;
}

.userprofile-header .pic-wrapper {
  width: 140px;
  height: 140px;
  float: left;
  margin: 10px;
  position: relative;
}

.img-title {
  display: block;
  max-width: 100%;
  height: auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

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

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

.circle-button {
  padding: 10px 0px;
}

.dropdown-menu > li > a {
  text-decoration: none;
}

.userprofile-header h1 {
  font-size: 1.875rem;
  margin: 0;
  padding-top: 40px;
}

.header-nav-user {
  border-bottom: 2px solid #000;
}

.profile-dossiers {
  text-align: center;
  margin-bottom: 5px !important;
}

.profile-dossiers li {
  padding: 4px 10px;
}

.profile-dossiers li,
.profile-dossiers a {
  display: inline-block;
}

.userprofile-header nav a.creer-bg,
.userprofile-header nav a.gerer-bg {
  text-transform: uppercase;
  line-height: inherit;
  border-bottom: inherit;
  height: inherit;
  display: inherit;
}

.liste-dossier .cell-denomination .company-name {
  display: block;
  font-size: 23px;
  font-size: 1.4375rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.liste-dossier .cell-statut small,
.procedure-status .cell-statut small {
  position: relative;
  padding-left: 15px;
}

.liste-dossier .cell-statut small,
.liste-dossier .cell-statut span {
  font-size: 0.8125rem;
  text-transform: uppercase;
  display: block;
}

.liste-dossier .cell-statut small.draft:before,
.procedure-status small.draft:before {
  background: #e63b11 !important;
}

.liste-dossier .cell-statut small.in-progress:before,
.procedure-status small.in-progress:before {
  background: #ffa500 !important;
}

.liste-dossier .cell-statut small.finish:before,
.procedure-status small.finish:before {
  background: var(--botton-creation-bg-color) !important;
}

.liste-dossier .cell-statut small:before,
.procedure-status .cell-statut small:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: 3px;
  left: 0;
}

.group_list {
  overflow: scroll;
  overflow-x: hidden;
  height: 110px;
  background-color: #fff;
  padding: 10px;
}

.password input + .unmask {
  position: relative;
  top: -40px;
  left: 92%;
  height: 25px;
  font: normal normal normal 24px/1 FontAwesome;
}

.pwd-interogation {
  position: relative;
  top: -75px;
}

.pwd-interogation2 {
  position: relative;
}

.password input[type="password"] + .unmask:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 17px;
  height: 17px;
  font: normal normal normal 24px/1 FontAwesome;
  cursor: pointer;
}

.password input[type="text"] + .unmask:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 13px;
  height: 13px;
  font: normal normal normal 24px/1 FontAwesome;
  cursor: pointer;
}

/** Plan du site **/
#sitemap-content .sitemap-list {
  padding: 2em 15px;
}

.hr-with-logo {
  background-repeat: no-repeat;
  background-image: url(../../../img/logo-manewco-xsmall.svg);
  background-size: 19px 17px;
  background-position: center center;
  margin: 4em 0 2em;
  width: 100%;
  height: 17px;
  display: block;
  position: relative;
}

.hr-with-logo:before {
  right: 50%;
  margin-right: 29px;
}

.hr-with-logo:after,
.hr-with-logo:before {
  content: "";
  display: block;
  width: 15%;
  height: 1px;
  background: #000;
  position: absolute;
  top: 8px;
}

.hr-with-logo:after {
  left: 50%;
  margin-left: 29px;
}

#sitemap-content .sitemap-list li {
  line-height: 2;
}

#sitemap-content a {
  text-decoration: none;
}

/* ==========================================================================
       PDF Style
   ========================================================================== */
#pdf,
#pdf table td {
  line-height: 1.8 !important;
}

#pdf h3 {
  font-size: 1em;
  font-weight: 900;
}

#pdf ul li {
  list-style-type: disc;
}

#pdf ul.no-list-style li {
  list-style-type: none;
}

#pdf span.title {
  margin-left: 5px;
}

#pdf span.sub-title {
  margin-left: 0;
}

.ml-70 {
  margin-left: 70px;
}

.ml-87 {
  margin-left: 87px;
}

.ml-126 {
  margin-left: 126px;
}

#pdf ul {
  list-style: none;
  padding: 0;
}

#pdf ul li {
  padding-left: 3.3em;
  margin-top: 15px;
}

#pdf ul li:before {
  content: "-";
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
}

/* new*/
#edit-address {
  cursor: pointer;
}

.btn-plus {
  color: #000;
  border-radius: 100%;
  text-decoration: none !important;
}

.btn-profile {
  border-radius: 50%;
  text-decoration: none !important;
  position: relative;
}

.synthese-invoice {
  background: #158d9a26 !important;
}

.add-invoice-color {
  border-color: var(--botton-modification-bg-color) !important;
  color: var(--botton-modification-bg-color) !important;
}

.add-summary-invoice-color {
  border-color: var(--botton-modification-bg-color) !important;
  color: var(--botton-modification-bg-color) !important;
}

.reporting {
  border-color: var(--botton-modification-bg-color) !important;
  color: var(--botton-modification-bg-color) !important;
}

.export-invoice {
  border-color: var(--botton-modification-bg-color) !important;
  color: var(--botton-modification-bg-color) !important;
}

.profile-icon {
  font-size: 25px !important;
}

.caret-histories {
  position: relative !important;
  color: #ccc !important;
  bottom: -5px !important;
}

.li-style {
  list-style: none !important;
}

.scroll-editor {
  overflow: hidden !important;
}

#actRegleContent {
  background-color: #51b8c8;
  color: #ffffff;
}

.matrimonial-plan {
  background: #cccccc30;
  padding: 20px;
  text-align: left;
}

.indivision-property {
  margin-right: 610px;
}

@media (min-width: 767px) {
  .activity-date-txt {
    width: 67% !important;
  }

  .activity-date {
    margin-left: 88px;
  }

  #prix1,
  #prix2 {
    height: 100%;
    padding: 3em 4em 1em;
  }

  .yousign-document {
    margin-top: 60px;
  }

  .container-list {
    width: 85%;
  }
}

@media (min-width: 1170px) and (max-width: 1235px) {
  .container-list {
    width: min-content;
  }
}

@media (max-width: 767px) {
  .activity-date-txt {
    width: 98% !important;
  }

  .activity-date {
    margin-left: 100px;
  }
}

.community-of-property {
  right: 40px;
  top: 40px;
  position: absolute;
}

.actes-repris {
  height: 100px !important;
}

.alert-form {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000;
}

.folder-group {
  width: 100%;
}

.float-left {
  float: left;
}

.volt2-bleu {
  width: 40%;
  margin: 27px 0;
}

.juris-actis2 {
  width: 35%;
  margin: 27px 0;
}

.img-center {
  top: -20px;
}

.modal-body {
  display: inline;
}

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

.encart-existing select {
  margin-top: 15px;
}

.float-right {
  float: right;
}

.payment-description {
  font-style: 12px;
}

.stamp-original-home {
  top: -105px;
}

.profile-container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

.activity-link {
  height: 35px;
  top: -1px;
}

.offer_list {
  overflow: scroll;
  overflow-x: hidden;
  height: 110px;
  background-color: #fff;
  padding: 10px;
}

.plus {
  font-size: 70px;
  margin-top: 250px;
}

.pro table {
  border: 1px solid #000000;
  font-size: 12px;
  border-spacing: 0;
}

.pro table th:first-child {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
}

.pro table th {
  border-bottom: 1px solid #000000;
  color: #000000;
}

.pro table thead th:last-child,
.pro table tbody td:last-child {
  border-left: 1px solid #000000;
}

.pro table tbody td:first-child {
  border-right: 1px solid #000000;
  color: #000000;
}

.pro table thead th,
.pro table tbody td {
  padding: 0 5px;
}

.hero-landing img {
  width: 100%;
  height: 500px;
}

.overview .dossier-step {
  width: 100%;
  max-width: 160px;
  position: relative;
  margin: 1.414em 0 0;
}

.dossier-step .inner {
  padding-top: 100%;
}

.overview #informations_generales {
  z-index: 100;
}

.underlined-txt {
  text-decoration: underline;
}

.logo-padding {
  padding: 0px 15px !important;
  margin-left: 0px !important;
}

.header-txt-left {
  left: -25px !important;
}

.admin-badge {
  right: -55px !important;
}

.dossier-navigation .dossier-step,
.dossier-step {
  -moz-border-radius: var(--bubble-form);
  -webkit-border-radius: var(--bubble-form);
  border-radius: var(--bubble-form);
}

.btn-sm,
.btn-group-sm > .btn {
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-profile-header {
  padding: 0px 0px !important;
}

.btn-account-access {
  border-radius: 25px !important;
}

form .strong {
  font-weight: bold;
  color: limegreen;
  font-size: larger;
}

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

.fs-14 {
  font-size: 14px;
}

.partner-btn {
  background-color: #000 !important;
  color: #fff !important;
}

.dossier-message-holder.info.active {
  transform: translateY(0);
}

body.questionnaire .dossier-message-holder {
  background: var(--botton-creation-bg-color) !important;
}

body.questionnaire .dossier-message-holder {
  background: var(--botton-creation-bg-color) !important;
}

.dossier-message-holder {
  color: #fff;
  position: fixed;
  width: 100%;
  min-height: 50px;
  z-index: 94037;
  padding: 0;
  text-align: left;
  top: 0;
  left: 0;
}

body.questionnaire .dossier-message-holder .content {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  font-size: 0.875rem;
}

@media (min-width: 992px) {
  body.questionnaire .dossier-message-holder #beginNew {
    margin-left: 30px;
  }
}

.dossier-message-holder .btn {
  margin: 5px;
}

.person-item .user-type {
  display: block;
  font-size: 45px;
  font-size: 2.8125rem;
  text-align: center;
  margin: 15px 0 20px;
}

/* ==========================================================================
   Payment methods
   ========================================================================== */
.payment-form-container {
  border: 1px solid #f5f5f5;
}
.iban-additional-info {
  font-size: 11px;
  font-style: italic;
}

#iban-element {
  border: 1px solid #ccc;
}
#card-element {
  border: 1px solid #ccc;
}
#iban_method {
  display: none;
}
.payment-method {
  height: 100px;
  padding: 10px;
  position: relative;
  border: 1px solid #ccc;
}
.payment-method label {
  margin: 0 !important;
}
.payment-method input {
  position: absolute;
  top: 35px;
}
.payment-method-card {
  border-bottom: 0;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.etape-add-signatory {
  color: #fff;
  background-color: #085e7e !important;
  text-transform: uppercase;
  line-height: inherit;
  border-bottom: inherit;
  height: inherit;
  display: inherit;
}

#dialog-launch-procedure-message {
  display: none;
}

.c-panel-border-top {
  border-top: 2px solid #085e7e;
}

.orange-txt {
  color: #ff8c00;
}

.blue-txt {
  color: #085e7e;
}

@media (min-width: 767px) {
  .t-60 {
    top: 60px;
  }

  #actRegleContent .es-list {
    top: 70px !important;
  }

  .payment-block {
    float: right;
  }
}

.es-list li {
  text-align: left;
}

@media (min-width: 700px) {
  .actionnaires .es-list {
    top: 85px !important;
  }

  .officiers .es-list,
  .presidents .es-list {
    top: 75px !important;
  }
}

.transfert-title-style {
  font-size: 1.414em;
  padding-bottom: 25px;
  margin: 0.414em 0 0.5em;
  line-height: 1.2;
}

.form-group-transfert {
  background-color: #72a0b92e !important;
}

.es-list {
  cursor: default;
}

#actRegleContent .es-list {
  color: #000 !important;
}

.signature-url-color {
  color: #085e7e;
}

.gray-txt {
  color: #bebebe;
}

.signature-url-text-color {
  color: #525253;
}

.copy-url {
  border: none;
  background: transparent;
}

.logo-mini-footer {
  top: -10px;
}

.promotion-user-list {
  overflow: scroll;
  overflow-x: hidden;
  height: 110px;
  background-color: #fff;
  padding: 10px;
}

#actRegle {
  background-color: rgba(204, 204, 204, 0.19);
}

.bg-gray {
  background-color: rgba(204, 204, 204, 0.19);
}

.prix-bg-color {
  background-color: #f5f5f5 !important;
  color: #000 !important;
}

.text-tarif {
  margin: 0.414em 0 0.5em !important;
  line-height: 1.2 !important;
  font-size: 1.999em !important;
  text-transform: none !important;
}

.bg-color-prix {
  background-color: #d8d5d580 !important;
  color: #000 !important;
}

@media (min-width: 767px) {
  .bg-step {
    background-color: #fff;
  }

  .bg-choice-forme {
    background-color: #455764;
    color: #fff;
  }
}

@media (max-width: 767px) {
  .bg-step {
    background-color: #f5f5f5;
  }

  .bg-choice-forme {
    background-color: #eeeeee54;
  }
}

.blue-cross,
.blue-less,
.red-cross,
.red-less {
  width: 10%;
  position: relative;
}

.caret {
  top: 30px;
}

.dossier-child-container.width-100 {
  width: 100%;
}

#cms-content {
  width: 90%;
}

#account_approval_affectation_benefice > label {
  margin-left: 5px;
}

#account_approval_affectation_benefice > input[type="checkbox"] {
  margin-left: 5px;
}

.container-modification-approval {
  width: 60%;
}

.text-label > label {
  display: inherit;
}

.approval-accounts > span.badge {
  position: absolute;
  top: 6px;
  right: -3px;
  font-size: 10px;
  background-color: #ff0000;
  text-transform: uppercase;
}

li.approval-accounts > a {
  width: 263px;
  padding: 16px 0px 16px 0px;
}

.approval-bg {
  border: 2px solid var(--botton-approval-bg-color) !important;
  color: var(--botton-approval-bg-color) !important;
  text-decoration: none !important;
  background-color: #fff !important;
}

.account-approval-form.form-helper-content.creer-bg,
.account-approval-form.bubble-info-cac.creer-bg {
  top: 0px;
  padding: 20px;
  margin-bottom: 8px;
}

.account-approval-form p {
  margin-bottom: 0;
}

.list-etape.active .fa-caret-down {
  display: inline-block;
}

.list-etape .fa-caret-down {
  display: none;
}

.fa-caret-down {
  position: relative;
  display: none;
  margin-top: 9px;
}

.btn-approval-accounts.btn3 {
  position: relative;
}

.btn-approval-accounts.badge {
  position: absolute;
  top: -8px;
  right: -5px;
  background-color: #d4175b;
}

.hidden-transparent {
  color: transparent !important;
}

.result-exercice p {
  margin-bottom: 0px;
}

.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none !important;
  background: #f7f7f7;
}

.checkmark2.bg {
  background-color: rgba(0, 0, 0, 0.34);
}

label.no-display {
  display: inline;
}

#mn_appbundle_modifications_account_approval_resultat_exercice label,
#mn_appbundle_modifications_account_approval_report_nouveau label,
#mn_appbundle_modifications_account_approval_amountOfCapital label,
#mn_appbundle_modifications_account_approval_dividendes_distribues label,
#mn_appbundle_modifications_account_approval_montant_capitaux_propre label,
#mn_appbundle_modifications_account_approval_depenses_somptuaires label,
#mn_appbundle_modifications_account_approval_convention_reglementees label,
#mn_appbundle_modifications_account_approval_compte_confidentiels label,
#mn_appbundle_modifications_account_approval_firstFinancialYear label,
#mn_appbundle_modifications_account_approval_managementReport label,
#mn_appbundle_modifications_account_approval_taxCorporateOrReview label,
#mn_appbundle_modifications_account_approval_checkStatus label,
#mn_appbundle_modifications_account_approval_legalFormalities label,
#mn_appbundle_modifications_account_approval_reconstitutionOfEquity label {
  border: solid 1px #ccc;
  padding: 10px 15px 10px 25px;
}

.checkmark2.check-inline {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.34);
}

.landing.offre-item.option-inline {
  width: 100%;
  background: #fff;
  height: 90px;
  padding: 15px 5px 0 5px;
  border: 1px solid black;
}

.container_checkbox.container-inline {
  margin-bottom: 10px;
  margin-top: 10px;
  height: 25px;
}

.btn-approval-accounts {
  line-height: 1em;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.btns-action > li .btn-approval-accounts {
  display: inline-block;
  margin: 10px;
}

.profit {
  display: block;
}

.loss {
  display: none;
}

.separator {
  margin: 5px;
  border: none;
  border-bottom: 1px dotted;
}
.link {
  color: #337ab7;
}
.fa-trash.font-20,
.fa-plus.font-20 {
  font-size: 20px;
}

.form-helper-content.description-helper {
  font-size: 0.7rem;
  font-style: italic;
}

.form-group.padding-10 {
  padding: 10px;
}

.table.invoices-list.mb-50 > thead > tr > th {
  vertical-align: middle;
}
.no-mt {
  margin-top: 0 !important;
}

.date-subscription .ui-datepicker-trigger {
  top: 45px !important;
}

.declaration-beneficial-owner {
  width: 90%;
  display: inline-flex;
  align-items: center;
  margin-top: 0 !important;
}

.subscription-alert.alert.alert-danger > ul {
  padding: 0 !important;
}
.display-subscription-benefit {
  display: block;
}

#cms-content-inscription {
  width: 110%;
}

.alert-label-yousign {
  display: inline-block;
}

.encart-contact-info.modif-dirigeant {
  background-color: rgba(204, 204, 204, 0.19);
  color: black;
}

.form-helper-content.creer-bg.signatory-mobile {
  font-size: 15px;
  text-align: left;
  padding: 15px;
  position: relative;
  top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.account-approval-convention {
  height: 100px !important;
}

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

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

.iframe-edit-doc {
  border: none;
}

.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-bg {
  background: none !important;
  color: gray !important;
}

.table-striped .table > thead > tr > th {
  border-top: 0;
}

.table-striped th,
.table-striped td {
  border-top: 0 !important;
  padding: 4px 8px !important;
  vertical-align: middle !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f7f7f7;
}

.formality-button {
  border-color: var(--botton-modification-bg-color) !important;
  color: #0a0a0a !important;
  text-decoration: none !important;
}

#search_string {
  border-color: var(--botton-modification-bg-color) !important;
  border: 2px solid var(--botton-modification-bg-color) !important;
}

.team-folder {
  background-color: #808080;
  font-style: italic;
}

.blast-box .blast-colors {
  margin: 10px !important;
  padding-bottom: 10px !important;
}

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

.mb-25 {
  margin-bottom: 20px;
}

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