@import url(https://fonts.googleapis.com/css?family=Nunito);
.pieces-justificatives-div, .autres-pieces {
  background-color: #eeeeee;
  padding: 1em;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  transition: 200ms;
}
.pieces-justificatives-div:hover, .autres-pieces:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.pieces-justificatives {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1em 0;
  gap: 10px 0.5%;
}

.piece-justificative {
  display: flex;
  flex-direction: column;
  background-color: white;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: 200ms;
  border-radius: 20px;
  width: 100%;
  font-size: 0.9em;
}
.piece-justificative header svg, .piece-justificative ul svg {
  transform: scale(0.6);
  stroke: #2ed49e;
  transition: 200ms;
}
.piece-justificative:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.piece-justificative > header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dotted #aaaaaa;
  padding: 1em;
}
.piece-justificative > header .piece-justificative-label {
  margin: auto 0;
  font-weight: 600;
}
.piece-justificative > header .dropdown {
  display: inline-block;
  margin-left: auto;
}
.piece-justificative > header i {
  align-self: center;
}
.piece-justificative > div {
  height: 100%;
  padding: 0.5em;
}
.piece-justificative .add {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4em;
  cursor: pointer;
  border: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.piece-justificative ul {
  width: 100%;
  list-style: none;
  padding: 0;
}
.piece-justificative ul li {
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.piece-justificative ul li form button {
  background: none !important;
  border: none;
  padding: 0 !important;
  cursor: pointer;
}
.piece-justificative ul li form svg {
  background-color: transparent;
  stroke: #ff2e2e !important;
}
.piece-justificative ul li a {
  align-self: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #2ed49e;
}
.piece-justificative ul li a:hover {
  filter: brightness(0.8);
}

.present {
  background-color: #d5f6ec;
}
.present header {
  padding: 0.5em;
}

.profile h2 svg {
  stroke: #294a99;
}
@media screen and (min-width: 768px) {
  .profile {
    margin: 2em 20%;
  }
}

.messages {
  position: relative;
  grid-template-columns: 1fr 4fr;
  min-height: 70vh;
}
.messages h3 {
  display: block;
  text-align: center;
  padding-bottom: 0.25em;
}
.messages main {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 70vh;
  max-height: 80vh;
  padding-top: 1em;
  background-color: #f7f7f7;
  background-image: url("/images/message_background.png");
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  margin: 5px 5px 5px 0;
}
.messages aside {
  overflow-y: auto;
  padding: 1em;
  border-right: 1px solid #f4f4f4;
}
.messages aside .search {
  margin: 1em 0 2em;
}
.messages aside ul {
  padding: 0;
}
.messages aside ul li {
  list-style: none;
}
.messages aside .contact {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 1em;
  border-radius: 0.25rem;
  margin: 5px 0;
}
.messages aside .contact span {
  margin-left: auto;
}
.messages aside .search input {
  border: 1px solid #f7f8f7;
  transition: 200ms ease-in;
  border-radius: 0.25rem;
  background-color: white;
  padding: 0.25em 0.5em;
  width: 100%;
  color: #767676;
}
.messages aside .search input::-moz-placeholder {
  color: #c3c3c3;
}
.messages aside .search input:-ms-input-placeholder {
  color: #c3c3c3;
}
.messages aside .search input::placeholder {
  color: #c3c3c3;
}
.messages .conversation {
  padding: 1em 1em 3em 1em;
  overflow-y: auto;
  margin-top: auto;
}
.messages .conversation svg {
  fill: white;
  width: 20px;
}
.messages .conversation div {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.messages .conversation div p {
  padding: 0.5em 1em;
  margin-bottom: 0;
  border-radius: 10px;
}
.messages .conversation div small {
  float: right;
  color: #767676;
}
.messages .conversation div > small {
  margin-left: auto;
}
.messages .conversation div .read {
  color: #2ed49e;
}
.messages .conversation div .read svg {
  fill: #2ed49e;
}
.messages .conversation .sender {
  color: #FFFFFF;
  margin-left: auto;
}
.messages .conversation .sender p {
  background-color: #2ed49e;
}
.messages .conversation > div:not(.sender) p {
  background-color: #dfdfdf;
}
.messages .message {
  padding-top: 5px;
  background: #FFFFFF;
}
.messages .message input {
  border: none;
  border-radius: 0;
}
.messages .message textarea {
  border: none;
  border-left: 1px solid #f4f4f4;
}
.messages .message textarea::-moz-placeholder {
  color: #aaa;
}
.messages .message textarea:-ms-input-placeholder {
  color: #aaa;
}
.messages .message textarea::placeholder {
  color: #aaa;
}
.messages .message button {
  border-radius: 20px 0.5rem 20px 20px;
}

@media screen and (min-width: 768px) {
  .messages {
    display: grid;
    grid-template-columns: 1fr 4fr;
  }
  .messages main button {
    border-bottom-right-radius: 20px;
  }
  .messages aside {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0;
  }
}
.dashboard {
  margin: 2em 2em;
  font-size: 0.8em;
}
.dashboard h1 {
  font-weight: 600;
  font-size: 2em;
  text-align: center;
  color: #56ae6e;
  margin-bottom: 1em;
}
.dashboard canvas, .dashboard td {
  cursor: pointer;
}
.dashboard tfoot input {
  width: 100%;
  padding: 3px;
  box-sizing: border-box;
}
.dashboard .actions {
  display: flex;
  background-color: #f8f8f8;
  padding: 1em;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.dashboard #dossierChart {
  background-color: #f8f8f8;
  border-radius: 20px;
  color: black;
  padding: 0 1em;
}
.dashboard .select2-results__option {
  white-space: nowrap;
}
.dashboard .select2.select2-container {
  width: 100% !important;
}
.dashboard .dropdown-item svg {
  height: 1.3em;
}
.dashboard .dropdown-toggle::after {
  content: "..." !important;
  margin-left: auto;
  vertical-align: auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

#dossier_actions {
  font-size: small;
}

#dossier_steps {
  display: flex;
  margin-bottom: 30px;
  overflow: hidden;
  color: #c3c3c3;
  font-weight: bold;
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
  text-align: center;
}
#dossier_steps .active, #dossier_steps .done {
  color: #294a99;
}
#dossier_steps li {
  list-style-type: none;
  font-size: 12px;
  float: left;
  position: relative;
  z-index: 1;
  width: 100%;
}
#dossier_steps li small {
  color: #767676;
}
#dossier_steps #montage:before {
  content: url("/svg/folder_white.svg");
}
#dossier_steps #analyse:before {
  content: url("/svg/bar-chart-2_white.svg");
}
#dossier_steps #attenteCommission:before {
  content: url("/svg/users_white.svg");
}
#dossier_steps #attenteDisposition:before {
  content: url("/svg/clock_white.svg");
}
#dossier_steps #dispositionBancaire:before {
  content: url("/svg/settings_white.svg");
}
#dossier_steps #attenteSignature:before {
  content: url("/svg/edit-3_white.svg");
}
#dossier_steps #cloture:before {
  content: url("/svg/lock_white.svg");
}
#dossier_steps li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 25px;
  color: #c3c3c3;
  background: #c3c3c3;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
  text-align: center;
  border: 0.15em solid #eeeeee;
}
#dossier_steps li.done:before {
  color: #c3c3c3;
  background: #294a99;
}
#dossier_steps li:after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1;
}
#dossier_steps li.active:after {
  background: linear-gradient(90deg, #294a99 50%, #c3c3c3 50%) !important;
}
#dossier_steps li:not(.done):after {
  background: #c3c3c3 !important;
}
#dossier_steps li:not(.first):not(.active).done:after {
  background: #294a99 !important;
}
#dossier_steps li:not(.active).done.first:after {
  background: linear-gradient(90deg, #eeeeee 0%, #294a99 50%, #294a99 100%) !important;
}
#dossier_steps li.active.first:after {
  background: linear-gradient(90deg, #eeeeee 0%, #294a99 50%, #c3c3c3 50%) !important;
}
#dossier_steps li:not(.done).last:after {
  background: linear-gradient(to left, #eeeeee, #c3c3c3) !important;
}

@media (min-width: 800px) {
  .home {
    background-image: url("/images/home_background.jpg");
    background-repeat: no-repeat;
  }
  .home .jumbotron {
    padding: 4em 6em;
  }
  .home .jumbotron .logo {
    content: url("/images/home_logo.png");
    width: 25%;
  }
  .home .house {
    background-image: url("/images/home_house.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
  }
  .home .home_bottom .cards-title {
    color: #294a99;
  }
  .home .home_bottom .cards-title .underline {
    border-bottom: solid #294a99;
    width: 5%;
    height: 0.2em;
  }

  .home-cards {
    padding: 4em 6em;
  }
  .home-cards .card {
    position: relative;
    padding: 1em 1em 1em 1em;
    border-radius: 4%;
    box-shadow: 0px 0px 20px 10px #eeeeee;
  }
  .home-cards .card svg {
    width: 4em;
    height: 100%;
  }
  .home-cards .card i.green > svg {
    fill: #2ed49e;
  }
  .home-cards .card i.orange > svg {
    stroke: #f98f27;
  }
  .home-cards .card i.blue > svg {
    stroke: #294a99;
  }
  .home-cards .card .number {
    color: #c3c3c3;
    font-size: 4em;
    font-weight: bold;
    opacity: 40%;
  }
  .home-cards .card .card-header {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border-bottom: none;
  }
  .home-cards .card .card-header h3 {
    font-weight: bold;
  }
  .home-cards .card .card-header small {
    font-weight: 400;
  }
  .home-cards .card .card-header.green {
    color: #2ed49e;
  }
  .home-cards .card .card-header.orange {
    color: #f98f27;
  }
  .home-cards .card .card-header.blue {
    color: #294a99;
  }
  .home-cards .card .card-body {
    padding: 1em 2em;
    list-style: none;
  }
  .home-cards .card .card-body li {
    margin: 0.5em 0;
  }
  .home-cards .card .card-body li::before {
    content: url("/svg/arrow-right.svg");
  }

  footer .us {
    padding: 0em 6em 0;
  }
  footer .footer_title {
    color: #2ed49e;
  }
  footer .footer_title svg {
    fill: transparent;
    transform: scaleX(-1);
  }
  footer .family {
    background-image: url("/images/home_family.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  footer .legal-mentions {
    height: 4em;
    background-color: #2ed49e;
  }
}
@media (max-width: 800px) {
  .home {
    background-image: url("/images/home_background.jpg");
    background-repeat: no-repeat;
  }
  .home .jumbotron {
    padding: 1em 2em;
  }
  .home .jumbotron .logo {
    content: url("/images/logo.png");
    width: 25%;
  }
  .home .home_bottom {
    padding: 1em 2em;
  }
  .home .home_bottom .cards-title {
    color: #294a99;
  }
  .home .home_bottom .cards-title .underline {
    border-bottom: solid #294a99;
    width: 5%;
    height: 0.2em;
  }
  .home #button-vendeur {
    margin-left: 0 !important;
  }

  .home-cards .card {
    position: relative;
    padding: 1em 1em 1em 1em;
    border-radius: 4%;
    box-shadow: 0px 0px 20px 10px #eeeeee;
  }
  .home-cards .card svg {
    width: 4em;
    height: 100%;
  }
  .home-cards .card i.green > svg {
    fill: #2ed49e;
  }
  .home-cards .card i.orange > svg {
    stroke: #f98f27;
  }
  .home-cards .card i.blue > svg {
    stroke: #294a99;
  }
  .home-cards .card .number {
    color: #c3c3c3;
    font-size: 4em;
    font-weight: bold;
    opacity: 40%;
  }
  .home-cards .card .card-header {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border-bottom: none;
  }
  .home-cards .card .card-header h3 {
    font-weight: bold;
  }
  .home-cards .card .card-header small {
    font-weight: 400;
  }
  .home-cards .card .card-header.green {
    color: #2ed49e;
  }
  .home-cards .card .card-header.orange {
    color: #f98f27;
  }
  .home-cards .card .card-header.blue {
    color: #294a99;
  }
  .home-cards .card .card-body {
    padding: 1em 2em;
    list-style: none;
  }
  .home-cards .card .card-body li {
    margin: 0.5em 0;
  }
  .home-cards .card .card-body li::before {
    content: url("/svg/arrow-right.svg");
  }

  footer .footer_title {
    color: #2ed49e;
  }
  footer .footer_title svg {
    fill: transparent;
    transform: scaleX(-1);
  }
  footer .legal-mentions {
    padding: 1em;
    background-color: #2ed49e;
  }
}
.checklist {
  background-color: #eeeeee;
  margin: 1em 0;
  padding: 1em;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  transition: 200ms;
}
.checklist:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.checklist h4 {
  display: flex;
}
.checklist .dossier-steps {
  color: white;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
}
.checklist .dossier-steps .current-step span {
  color: black;
  padding: 0.5em 1em;
  background-color: white;
  border-radius: 20px;
}
.checklist .dossier-steps .dossier-steps-item {
  position: relative;
  padding: 0 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 3em;
}
.checklist .dossier-steps .dossier-steps-item span {
  font-weight: 400;
  margin: 0;
}
.checklist .dossier-steps .dossier-steps-item:not(:first-child)::before {
  content: ">";
  left: 0;
  position: absolute;
  padding-right: 0.5rem;
  font-size: 3em;
  float: left;
}

.element-financier {
  position: relative;
  background-color: #eeeeee;
  height: 100%;
  padding: 1em;
  border-radius: 20px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: 200ms;
  overflow: hidden;
}
.element-financier:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.element-financier > div .grid-info {
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  margin: 1em 0 0;
}
.element-financier > div .grid-info:hover {
  box-shadow: none;
}
.element-financier > div > svg {
  float: right;
  stroke: white;
  height: 120px;
  width: 120px;
  overflow: hidden;
}
.element-financier p {
  padding: 0;
  margin-bottom: 0;
  text-align: center;
}

#logement-form {
  margin-bottom: 1em;
}

#elemFinancierForm {
  margin-bottom: 1em;
  padding-top: 1em;
}
#elemFinancierForm .row {
  margin-bottom: 0.5em;
  padding-top: 0.5em;
}

@media screen and (min-width: 768px) {
  .element-financier > div .grid-info {
    margin: 1em 1em 0;
  }
  .element-financier > div .grid-info span:nth-child(even) {
    text-align: right;
  }
}
.analyse-financiere {
  margin: 0 !important;
}
.analyse-financiere > div:first-of-type {
  background-color: #eeeeee;
  padding: 1em;
  border-radius: 20px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: 200ms;
}
.analyse-financiere > div:first-of-type:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.analyse-financiere .piece-justificative {
  padding-top: 0 !important;
}
.analyse-financiere .notation-div {
  margin-top: 2.5em;
  margin-left: 1em;
}
.analyse-financiere .notation-div-edit .row {
  background-color: #eeeeee;
  margin: 0.5em;
  padding: 0.5em;
}
.analyse-financiere .notation-div-edit .row.note-auto {
  background-color: #d5f6ec !important;
}
.analyse-financiere .line-note {
  padding-left: 3em;
}
.analyse-financiere .line-note .form-check-inline input[type=radio] {
  font-size: 1.4em;
  cursor: pointer;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="3"] {
  border: 2px solid #9bcfa9;
  background-color: white;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="3"] svg {
  fill: #78bf8c;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="3"]:hover, .analyse-financiere .line-note .form-check-inline input[type=radio][data-level="3"]:checked {
  border: 2px solid #53ac6b;
  background: #78bf8c;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="2"] {
  border: 2px solid #ffdb6d;
  background-color: white;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="2"] svg {
  fill: #ffce3a;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="2"]:hover, .analyse-financiere .line-note .form-check-inline input[type=radio][data-level="2"]:checked {
  border: 2px solid #ffc002;
  background: #ffce3a;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="1"] {
  border: 2px solid #eb8c95;
  background-color: white;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="1"] svg {
  fill: #e4606d;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="1"]:hover, .analyse-financiere .line-note .form-check-inline input[type=radio][data-level="1"]:checked {
  border: 2px solid #db3141;
  background: #e4606d;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="0"] {
  border: 2px solid #404040;
  background-color: #d9d9d9;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="0"] svg {
  fill: #262626;
}
.analyse-financiere .line-note .form-check-inline input[type=radio][data-level="0"]:hover, .analyse-financiere .line-note .form-check-inline input[type=radio][data-level="0"]:checked {
  border: 2px solid #0a0a0a;
  background: #262626;
}
.analyse-financiere .notation {
  position: relative;
  overflow: hidden;
  z-index: 100;
  border-radius: 20px;
  padding: 0.5em;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  transform: rotate(0deg);
  transition: box-shadow 200ms;
  background-color: #f8f8f8;
}
.analyse-financiere .notation:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.analyse-financiere .notation:hover > svg {
  transform: rotate(20deg);
}
.analyse-financiere .notation > svg {
  transition: transform 500ms;
  position: absolute;
  z-index: -1;
  top: 10px;
  right: 10px;
  fill: white;
  height: 60px;
  width: 60px;
  border-radius: 20px;
  border-bottom-left-radius: 20px;
}
.analyse-financiere .notation[data-level="3"] {
  border: 2px solid #56ae6e;
}
.analyse-financiere .notation[data-level="3"] svg {
  fill: #56ae6e;
}
.analyse-financiere .notation[data-level="2"] {
  border: 2px solid #ffc107;
}
.analyse-financiere .notation[data-level="2"] svg {
  fill: #ffc107;
}
.analyse-financiere .notation[data-level="1"] {
  border: 2px solid #dc3545;
}
.analyse-financiere .notation[data-level="1"] svg {
  fill: #dc3545;
}
.analyse-financiere .notation[data-level="0"] {
  border: 2px solid #000000;
}
.analyse-financiere .notation[data-level="0"] svg {
  fill: #000000;
}
.analyse-financiere #note-note_globale {
  background-color: #eeeeee;
}
.analyse-financiere #note-note_globale .notation-title {
  font-weight: 600 !important;
  font-size: 1.2em;
  margin-left: 0;
}
.analyse-financiere .legend {
  display: grid;
  grid-template-columns: 8fr 1fr 2fr 0.5fr 0.5fr 0.5fr 0.5fr 1fr;
  grid-template-areas: "critere automatique automatique manuel manuel manuel manuel";
}
.analyse-financiere .legend .automatique, .analyse-financiere .legend .manuel {
  font-size: 0.9em;
  color: #404040;
}
.analyse-financiere .legend .automatique {
  margin: auto;
  grid-area: automatique;
}
.analyse-financiere .legend .manuel {
  margin: auto;
  grid-area: manuel;
}
.analyse-financiere .legend .critereInfo {
  margin: auto;
  grid-area: critereInfo;
}
.analyse-financiere .legend-edit {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 1fr 1fr 1fr 1fr 4fr;
  grid-template-areas: "critere automatique automatique manuel manuel manuel manuel commentaire";
}
.analyse-financiere .legend-edit .automatique, .analyse-financiere .legend-edit .manuel, .analyse-financiere .legend-edit .commentaire {
  font-size: 0.9em;
  color: #404040;
}
.analyse-financiere .legend-edit .automatique {
  margin: auto;
  grid-area: automatique;
}
.analyse-financiere .legend-edit .manuel {
  margin: auto;
  grid-area: manuel;
}
.analyse-financiere .legend-edit .commentaire {
  margin: auto;
  grid-area: commentaire;
}
.analyse-financiere .notation-criteria {
  display: grid;
  grid-template-columns: 8fr 1fr 2fr 0.5fr 0.5fr 0.5fr 0.5fr 1fr;
  height: 3em;
  border-bottom: #d9d9d9 1px solid;
}
.analyse-financiere .notation-criteria .notation-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1em;
  overflow-wrap: anywhere;
  margin-bottom: 0.5em;
}
.analyse-financiere .notation-criteria .notation-title h5 {
  font-size: 0.9em;
  font-weight: 400;
  margin-bottom: 0;
  margin-right: auto;
}
.analyse-financiere .notation-criteria > small {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #595959;
  font-size: 0.65em;
  justify-self: flex-end;
}
.analyse-financiere .notation-criteria svg {
  fill: white !important;
  background-color: #595959;
  border-radius: 50%;
  margin: auto;
  height: 20px;
  width: 20px;
}
.analyse-financiere .notation-criteria .infos {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.analyse-financiere .notation-criteria span {
  display: inline-block;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  margin: auto;
  width: 4.4px;
  height: 4.4px;
  border-radius: 50%;
  transition: 200ms;
}
.analyse-financiere .notation-criteria span[data-level] {
  width: 22px;
  height: 22px;
}
.analyse-financiere .notation-criteria span[data-level="3"] {
  border: 2px solid #53ac6b;
  background-color: #78bf8c;
}
.analyse-financiere .notation-criteria span[data-level="3"] svg {
  fill: #78bf8c;
}
.analyse-financiere .notation-criteria span[data-level="2"] {
  border: 2px solid #ffc002;
  background-color: #ffce3a;
}
.analyse-financiere .notation-criteria span[data-level="2"] svg {
  fill: #ffce3a;
}
.analyse-financiere .notation-criteria span[data-level="1"] {
  border: 2px solid #db3141;
  background-color: #e4606d;
}
.analyse-financiere .notation-criteria span[data-level="1"] svg {
  fill: #e4606d;
}
.analyse-financiere .notation-criteria span[data-level="0"] {
  border: 2px solid #0a0a0a;
  background-color: #262626;
}
.analyse-financiere .notation-criteria span[data-level="0"] svg {
  fill: #262626;
}
.analyse-financiere .notation-criteria span:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.analyse-financiere .alt-office {
  margin: 0 0 1em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
.analyse-financiere .alt-office > div {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  max-width: 500px;
  border-radius: 20px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: transform 200ms ease-in;
  overflow: hidden;
  background-color: #fff;
  padding: 1em;
}
.analyse-financiere .alt-office > div > p {
  margin-top: 2em;
}
.analyse-financiere .alt-office > div:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  transform: scale(1.01) translateY(-1px);
}
.analyse-financiere .analyse-commentaires .dossier-commentaires {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  max-width: 500px;
  background-color: #fff5c9;
  border-radius: 20px;
  padding: 1em;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: 200ms;
  height: 150px;
  overflow: hidden;
  font-size: small;
  transition: transform 200ms ease-in;
}
.analyse-financiere .analyse-commentaires .dossier-commentaires:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  transform: scale(1.01) translateY(-1px);
}
.analyse-financiere .analyse-commentaires .dossier-commentaires p {
  white-space: pre-line;
  overflow: hidden;
  font-size: small;
  height: 80%;
  width: 100%;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .analyse-financiere .analyse-commentaires {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
  }
}
.acquereurs-div {
  background-color: #eeeeee;
  padding: 1em;
  border-radius: 20px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: 200ms;
  height: 100%;
}
.acquereurs-div:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.acquereur-edit .row {
  margin: 0.5em 0;
}
.acquereur-edit .card {
  margin-bottom: 1em;
}
.acquereur-edit #banner-edit-acquereur {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  padding-bottom: 0.5em;
  display: flex;
  flex-direction: row-reverse;
}

.enfant-row {
  margin: 0.5em 0 !important;
}

.assign-conseiller ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  list-style-type: none;
  padding: 1em 0;
  margin: 0;
  gap: 1em;
  max-height: 200px;
  overflow: auto;
}
.assign-conseiller ul li {
  max-width: 45%;
}
.assign-conseiller ul li button {
  padding: 0.5em;
  width: 100%;
  border: none;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: 200ms;
  border-radius: 20px;
  background-color: #eeeeee;
}
.assign-conseiller ul li button:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.banque-dashboard h1 {
  padding-bottom: 0.25em;
  margin-bottom: 1em;
  border-bottom: #56ae6e 1px solid;
}
.banque-dashboard h2 {
  color: #294a99;
  border-bottom: 1px solid #eeeeee;
  padding: 1rem 0;
  margin-bottom: 1rem;
}
.banque-dashboard h2 > svg {
  fill: none;
}
.banque-dashboard .dataTables_wrapper {
  background-color: transparent;
}
.banque-dashboard .banque-actions {
  width: 550px;
}
.banque-dashboard .banque-actions input, .banque-dashboard .banque-actions button {
  width: 100%;
  margin: 0.125em 0;
}
.banque-dashboard .dataTables_wrapper {
  font-size: 1.3em;
}

.autres-biens {
  margin-top: 1em;
}
.autres-biens > div {
  display: flex;
  justify-content: space-around;
}
.autres-biens > div > span {
  background-color: #eeeeee;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 0.25em 1em;
  margin: 1em;
}

.logement-existant {
  margin: auto;
  margin-bottom: 3em;
  background-color: #eeeeee;
}

#msform {
  text-align: center;
  position: relative;
  margin-top: 20px;
}

#msform fieldset .form-card {
  background: white;
  border: 0 none;
  border-radius: 0px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  padding: 20px 40px 30px 40px;
  box-sizing: border-box;
  width: 94%;
  margin: 0 3% 20px 3%;
  position: relative;
}

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
}

#msform fieldset:not(:first-of-type) {
  display: none;
}

#msform fieldset .form-card {
  text-align: left;
}

select.list-dt {
  border: none;
  outline: 0;
  border-bottom: 1px solid #ccc;
  padding: 2px 5px 3px 5px;
  margin: 2px;
}

select.list-dt:focus {
  border-bottom: 2px solid skyblue;
}

.card {
  z-index: 0;
  border: none;
  border-radius: 0.5rem;
  position: relative;
}

.fs-title {
  font-size: 25px;
  color: #2C3E50;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: left;
}

#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: #c3c3c3;
  font-weight: bold;
}
#progressbar .active {
  color: #294a99;
}
#progressbar li {
  list-style-type: none;
  font-size: 12px;
  width: 50%;
  float: left;
  position: relative;
  z-index: 1;
}
#progressbar #logement:before {
  content: url("/svg/home_white.svg");
}
#progressbar #acquereur:before {
  content: url("/svg/user_white.svg");
}
#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 25px;
  color: #c3c3c3;
  background: #c3c3c3;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
  text-align: center;
  border: 0.15em solid #eeeeee;
}
#progressbar li.active:after {
  content: "";
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #eeeeee 0%, #294a99 50%, #eeeeee 50%, #c3c3c3 100%) !important;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1;
}
#progressbar li:not(.active):after {
  content: "";
  width: 100%;
  height: 3px;
  background: linear-gradient(to left, #eeeeee, #c3c3c3) !important;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1;
}
#progressbar li.active:before, #progressbar li.active:after {
  color: #f8f8f8;
  background: #294a99;
}
#progressbar li.step2.active:after {
  background: linear-gradient(90deg, #294a99 50%, #c3c3c3 50%, #eeeeee 100%) !important;
}
#progressbar li.step1.step2.active:after {
  background: linear-gradient(90deg, #eeeeee 0%, #294a99 50%, #294a99 50%) !important;
}

#banner-create-acquereur {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  width: 98%;
  padding-bottom: 1.5em;
  display: flex;
  flex-direction: row-reverse;
}

.radio-group {
  position: relative;
  margin-bottom: 25px;
}

.radio {
  display: inline-block;
  width: 204;
  height: 104;
  border-radius: 0;
  background: lightblue;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  cursor: pointer;
  margin: 8px 2px;
}

.radio:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.radio.selected {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.fit-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ou {
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 1em 0;
  font-size: 1.5em;
}
.ou:before {
  position: absolute;
  margin: 0 auto;
  content: "";
  z-index: -1;
  border-top: 2px dotted #2ed49e;
  top: 50%;
  left: 0;
  right: 0;
  width: 90%;
}
.ou span {
  background-color: white;
  padding: 0 1em;
}

#create-form {
  margin: auto;
  margin-bottom: 3em;
  background-color: #eeeeee;
}
#create-form #col-typologie {
  max-width: 22em;
  margin-top: 2em;
}

#biens {
  background-color: #dfdfdf;
}

.dataTables_paginate {
  font-family: "Montserrat";
  float: none !important;
  text-align: center !important;
  margin-top: 2em !important;
}
.dataTables_paginate .previous.disabled {
  display: none;
}
.dataTables_paginate .next.disabled {
  display: none;
}
.dataTables_paginate .paginate_button {
  color: #767676 !important;
  border-radius: 0.8em !important;
  background: #f8f8f8 !important;
  border: 0.2em solid #c3c3c3 !important;
}
.dataTables_paginate .paginate_button:hover {
  background: #c3c3c3 !important;
}
.dataTables_paginate .paginate_button.current {
  color: white !important;
  border-radius: 0.8em !important;
  background: #294a99 !important;
  border: 0.2em solid #c3c3c3 !important;
}

.dataTables_wrapper {
  padding: 1em;
  border-radius: 20px;
  margin-top: 1em;
}
.dataTables_wrapper th input, .dataTables_wrapper th select {
  width: 100%;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 20px;
  padding: 0.25em 1em;
}
.dataTables_wrapper tbody tr:hover {
  background-color: #c7f1e3 !important;
}
.dataTables_wrapper thead {
  background-color: #eeeeee !important;
}
.dataTables_wrapper thead th {
  border-bottom: none !important;
}
.dataTables_wrapper .sorting_1 {
  background-color: transparent !important;
}
.dataTables_wrapper input[type=search] {
  border-radius: 20px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border: none;
  padding: 0.25em 1em;
}

.dataTables_filter input {
  background-color: white;
}

.dossier .grid-info {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 1em;
  margin: 2em 0 1em 0;
  grid-gap: 0.2em;
  gap: 0.2em;
  overflow: hidden;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: 200ms;
}
.dossier .grid-info:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.dossier .grid-info span, .dossier .grid-info p {
  z-index: 1000;
}
.dossier .grid-info span:nth-child(2n) {
  font-weight: 600;
}
.dossier .content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "operation pieces pieces" "acquereur pieces pieces" "autres-pieces autres-pieces autres-pieces";
}
.dossier .content .operation {
  grid-area: operation;
}
.dossier .content .acquereur {
  grid-area: acquereur;
}
.dossier .content .pieces {
  grid-area: pieces;
}
.dossier .content .autres-pieces {
  grid-area: autres-pieces;
}
.dossier ol {
  padding: 0;
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .dossier {
    margin: 0 2em;
  }
  .dossier .content {
    grid-gap: 2.5em;
    gap: 1em;
  }
  .dossier .content.analyse-financiere {
    grid-template-areas: "analyse analyse acquereur" "analyse analyse operation" "pieces pieces pieces" "autres-pieces autres-pieces autres-pieces";
  }
  .dossier .content.analyse-financiere .analyse {
    grid-area: analyse;
  }
  .dossier .content.analyse-financiere .pieces {
    grid-area: pieces;
  }
  .dossier .content.analyse-financiere .acquereur {
    grid-area: acquereur;
  }
  .dossier .content.analyse-financiere .operation {
    grid-area: operation;
  }
  .dossier .content.analyse-financiere .autres-pieces {
    grid-area: autres-pieces;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px !important;
  }
}
#app {
  background-image: url("/images/background.png");
  background-repeat: no-repeat;
  background-color: #f8fdfc;
}
#app .container {
  border-radius: 1em !important;
  background-color: #eeeeee;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1px;
}
@media (min-width: 800px) {
  #app .container {
    margin-top: 2em;
  }
}
@media (max-width: 800px) {
  #app .container {
    margin-top: 1em;
  }
}
#app .content {
  background-color: white;
  border-radius: 1em !important;
}
@media (min-width: 800px) {
  #app .content {
    margin: 4em 1em 4em 1em;
  }
}
@media (max-width: 800px) {
  #app .content {
    margin: 1em 1em 1em 1em;
  }
}

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat SemiBold";
  src: url("/fonts/Montserrat-SemiBold.ttf");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Montserrat" !important;
}

.main {
  background-color: #f8f8f8;
  margin-top: 3em;
  border-radius: 20px;
  overflow: hidden;
}

.btn {
  box-shadow: 0px 8px 15px #dfdfdf;
}

.btn-sm, .btn-style-6, .btn-style-5, .btn-style-4, .btn-style-3 {
  font-size: 0.875rem !important;
}

.btn:hover {
  box-shadow: 0px 8px 15px #c3c3c3 !important;
}

.btn-style-1 {
  color: #2ed49e !important;
  border-color: #2ed49e !important;
}

.btn-style-1-hover, .btn-style-1:hover {
  background-image: linear-gradient(to right, #2ed49e, #61e3b9) !important;
  color: #f8f8f8 !important;
  transition: 0.5s !important;
}

.btn-style-2 {
  color: #2d2b2be0 !important;
  transition: 0.5s !important;
}

.btn-style-2:hover, .btn-style-2-hover {
  background-image: linear-gradient(to right, #294a99, #23a6be) !important;
  color: #f8f8f8 !important;
  transition: 0.5s !important;
}

.btn-style-3 {
  background-image: linear-gradient(to right, #2ed49e, #61e3b9) !important;
  color: #f8f8f8 !important;
  transition: 0.5s !important;
}

.btn-style-3-hover, .btn-style-3:hover {
  background-image: linear-gradient(to right, #4ca98d, #2ed49e) !important;
}

.btn-style-4 {
  color: #294a99 !important;
  background-color: #f8f8f8 !important;
}

.btn-style-5 {
  color: #f8f8f8 !important;
  background-color: #767676 !important;
}

.btn-style-5:hover, .btn-style-5-hover {
  background-color: #404040 !important;
}

.btn-style-6 {
  background-color: #ff2e2e !important;
  color: #f8f8f8 !important;
  transition: 0.5s !important;
}

.btn-style-7 {
  color: #FFFFFF !important;
  background-color: #2ed49e !important;
  box-shadow: none !important;
}

.btn-style-7:hover {
  box-shadow: none !important;
}

.btn-style-8 {
  background-color: #2ed49e21 !important;
  color: #000000 !important;
  transition: 0.5s !important;
}

.btn-style-8-hover, .btn-style-8:hover {
  color: #FFFFFF !important;
  background-image: linear-gradient(to right, #294a99, #23a6be) !important;
}

.title-1 {
  color: #294a99;
}
@media (min-width: 800px) {
  .title-1 {
    font-size: 24pt;
  }
}

.title-3 {
  color: black;
  font-weight: bold;
}
@media (min-width: 800px) {
  .title-3 {
    font-size: 16pt;
  }
}

.title-4 {
  color: #767676;
  font-weight: bold;
}
@media (min-width: 800px) {
  .title-4 {
    font-size: 12pt;
  }
}

.title-1-sous-titre {
  margin-left: 2.2em;
}
@media (min-width: 800px) {
  .title-1-sous-titre {
    font-size: 14pt;
  }
}

.primary-text {
  color: #2ed49e;
}

.notification-count {
  display: flex;
  color: #fafafa;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #f0284a;
  font-weight: 600;
}

.dropdown-item {
  display: flex !important;
  align-items: center;
}
.dropdown-item .notification-count {
  width: 21px;
  height: 21px;
  margin-left: auto;
}

@media (min-width: 800px) {
  .navbar {
    height: 4em;
  }
}
.navbar .nav-username {
  display: flex !important;
  align-items: center;
}
.navbar .nav-username .notification-count {
  width: 21px;
  height: 21px;
  margin: 0 0.5em;
}
.navbar .navbar-brand {
  color: #294a99 !important;
}
.navbar .logo {
  position: absolute;
  padding-left: 3em;
  margin-top: -0.5em;
}
@media (min-width: 800px) {
  .navbar #title {
    padding-left: 12em;
  }
}
.navbar .nav-link {
  padding-left: 1em !important;
  padding-right: 1em !important;
}
.navbar .nav-link svg {
  padding-right: 0.5em !important;
  width: inherit !important;
}
.navbar .btn {
  font-weight: bold;
}
.navbar .nav-item .dropdown-menu {
  border-radius: 0.5em !important;
  width: 100%;
  min-width: 250px;
  right: 0;
  left: initial;
}
.navbar #navbarNavDarkDropdown {
  padding-right: 1em;
}
.navbar #navbarNavDarkDropdown .dropdown-menu .dropdown-item {
  padding-top: 1em;
}
.navbar #navbarNavDarkDropdown .dropdown-menu .dropdown-item:focus, .navbar #navbarNavDarkDropdown .dropdown-menu .dropdown-item:hover {
  color: #2ed49e;
  background-color: #2ed49e21;
}
.navbar #navbarNavDarkDropdown .dropdown-menu svg {
  height: 1.5em;
}

template {
  display: none;
}

.button-icon {
  display: flex !important;
}

.clickable-row {
  cursor: pointer;
}
.clickable-row:hover {
  background-color: #4592D1 !important;
}

input.hidden {
  visibility: hidden;
  position: absolute;
  z-index: -1000;
}

.card-header {
  font-weight: 600;
}

.col-delete {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.col-delete button {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  border: none;
  padding: 3px 0;
}

.acquereur-card {
  display: inline-block;
  border-radius: 5px;
  padding: 1em;
  color: #f7f8f7;
}

.test {
  color: blue;
}

svg {
  width: 2rem;
  height: 2rem;
}

h2, h3, h4, h5 {
  display: flex;
  align-items: center;
}
h2 > svg, h3 > svg, h4 > svg, h5 > svg {
  margin-right: 0.5em;
  stroke: #2ed49e;
}
h2 button, h2 a, h3 button, h3 a, h4 button, h4 a, h5 button, h5 a {
  align-self: flex-end;
  padding: 0 !important;
  padding-left: 0.5em !important;
}

.btn > svg {
  width: 1.3em;
  height: 1.3em;
}

main {
  min-height: 90vh;
}

label.required::after {
  content: " *";
  color: red;
}

#carousel-acquereurs {
  margin-top: -1em;
}

.acquereur-infos {
  margin: 1em 0;
  min-height: 220px;
  transition: 200ms !important;
}
.acquereur-infos p {
  margin: 0;
}
@media (min-width: 800px) {
  .acquereur-infos .acquereur-infos-carousel {
    margin: 0em 4em;
  }
}
.acquereur-infos #name {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: larger;
  font-weight: 600;
}
.acquereur-infos #name > svg {
  padding: 5px;
}

.background-svg {
  overflow: hidden;
}
.background-svg svg {
  position: absolute;
  bottom: -10px;
  right: -10px;
  fill: none;
  stroke: #f8f8f8;
  height: 120px;
  width: 120px;
  overflow: hidden;
  z-index: 200;
}

.dropdown-acquereur {
  white-space: nowrap;
}

div.tooltip-inner {
  max-width: 100em;
  white-space: pre-wrap;
}

.primaire {
  color: #2ed49e;
}

.secondaire {
  color: #294a99;
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  color: #eeeeee;
}
.hstack a {
  color: #eeeeee;
  text-decoration: none;
}
@media (min-width: 800px) {
  .hstack .last {
    padding-right: 10em;
  }
}

.background-grisLight1 {
  background-color: #eeeeee;
}

.background-grisMoyen2 {
  background-color: #dfdfdf;
}

.background-grisLight3 {
  background-color: #f8f8f8;
}

.delete-button svg {
  stroke: #ff2e2e !important;
}

.alert svg {
  stroke: #ff2e2e !important;
}

.title-div {
  display: flex;
  justify-content: space-between;
  padding: 1em 0em 1em 0em;
}

.form-check-input:not(.note-input):checked {
  background-color: #2ed49e !important;
  border-color: #2ed49e !important;
}