.txtleft {
  text-align: left;
}

.txtcenter {
  text-align: center;
}

.txtright {
  text-align: right;
}

.bold {
  font-weight: bold;
}

.fzs {
  font-size: var(--font-size-sm);
}

.fzm {
  font-size: var(--font-size-base);
}

.fzl {
  font-size: var(--font-size-lg);
}

.w50 {
  width: 50%;
}

.mla {
  margin-left: auto;
}

.mra {
  margin-right: auto;
}

.mb0 {
  margin-bottom: 0;
}

.mts {
  margin-top: 1rem;
}

.pts {
  padding-top: 1rem;
}

.mbs {
  margin-bottom: 1rem;
}

.pbs {
  padding-bottom: 1rem;
}

.mls {
  margin-left: 1rem;
}

.pls {
  padding-left: 1rem;
}

.mrs {
  margin-right: 1rem;
}

.prs {
  padding-right: 1rem;
}

.plm {
  padding-left: 2rem;
}

.prm {
  padding-right: 2rem;
}

.mtm {
  margin-top: 2rem;
}

.mbm {
  margin-bottom: 2rem;
}

.mlm {
  margin-left: 2rem;
}

.pll {
  padding-left: 4rem;
}

.prl {
  padding-right: 4rem;
}

.mtl {
  margin-top: 4rem;
}

.mbl {
  margin-bottom: 4rem;
}

.mll {
  margin-left: 4rem;
}

.mrl {
  margin-right: 4rem;
}

.pal {
  padding: 4rem;
}

.w10 {
  width: 10%;
}

.w20 {
  width: 20%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w50 {
  width: 50%;
}

.w100 {
  width: 100%;
}

.hidden {
  display: none;
}

.flex-container {
  display: flex;
}

.flex-container-v {
  display: flex;
  flex-direction: column;
}

.aic {
  align-items: center;
}

.jcc {
  justify-content: center;
}

.jcsb {
  justify-content: space-between;
}

.vertical-align {
  align-items: center;
}

.db {
  display: block;
}

.dib {
  display: inline-block;
}

html {
  /* set base font-size to equiv "10px", which is adapted to rem unit */
  font-size: 62.5%;
  /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
  font-size: 0.625em;
}

:root {
  --font-family-base: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-size-base: 1.4rem;
  --font-size-lg: 1.6rem;
  --font-size-sm: 1.2rem;
  --green: #d9ead3;
  --red: #f3cccc;
  --blue: #cfe2f3;
  --lcdz-web: #0791B3;
  --lcdz-print: #A1BA1D;
  --lcdz-formation: #F29400;
  --lcdz-strategie: #AC606A;
  --color-link: #5c70d6;
  --ozoo: #286C71;
}

.text-secondary {
  color: #a3acb4 !important;
}

body {
  font-size: var(--font-size-base);
}

.btn, .form-control, .small {
  font-size: var(--font-size-sm);
}

.drag {
  font-size: 1.8rem;
  position: absolute;
  right: 1.5rem;
  top: 0.2rem;
  color: var(--color-link);
}

.contenant {
  padding: 20px;
  background: var(--form-bg);
}

@media screen and (min-width: 992px) {
  .main-sidebar {
    background: transparent;
  }
}

.row.full .form-group label, .row.full .form-group legend.col-form-label {
  flex: 100% 0 0;
  margin: 0 0 4px;
  text-align: left;
}
.row.full .field-checkbox .form-widget, .row.full .form-group .form-widget {
  flex: 0 0 100%;
  padding-left: 0;
  padding-right: 0;
}
.row.full .field-checkbox .form-widget, .row.full .form-group.field-collection-action {
  margin-left: 0;
}

.toggle {
  cursor: pointer;
}
.toggle i {
  transition: transform 0.2s;
}
.toggle.actif .fa-angle-down {
  transform: rotate(-180deg);
}

a.open-modal:not([href]):not([tabindex]), a.open-modal:not([href]):not([tabindex]):focus, a.open-modal:not([href]):not([tabindex]):hover {
  cursor: pointer;
  color: var(--color-link);
}

#modal-custom {
  height: 100vh;
}
#modal-custom .modal-dialog {
  max-width: 80vw;
  height: calc(100vh - 35px);
}
#modal-custom .modal-content {
  height: 100%;
  border: none;
}
#modal-custom .modal-body {
  padding: 0;
}
#modal-custom iframe {
  width: 100%;
  height: 100%;
  border: none;
}

#modal-custom.small .modal-dialog {
  max-width: 50vw;
  height: 50vh;
  margin-top: 25vh;
  margin-bottom: 25vh;
}

#nbResultatsParPage {
  width: 40px;
  margin-right: 5px;
}

.nbResultatsParPage-conteneur {
  flex: auto;
}

._devis_liens_entry, ._facture_liens_entry, ._projet_liens_entry {
  position: relative;
}
._devis_liens_entry .form-widget-compound > div, ._facture_liens_entry .form-widget-compound > div, ._projet_liens_entry .form-widget-compound > div {
  display: flex;
}
._devis_liens_entry .form-widget-compound > div > .form-group:last-child, ._facture_liens_entry .form-widget-compound > div > .form-group:last-child, ._projet_liens_entry .form-widget-compound > div > .form-group:last-child {
  padding-bottom: 0;
}
._devis_liens_entry .form-group, ._facture_liens_entry .form-group, ._projet_liens_entry .form-group {
  width: 50%;
  padding-bottom: 0;
}
._devis_liens_entry .form-widget input.form-control, ._facture_liens_entry .form-widget input.form-control, ._projet_liens_entry .form-widget input.form-control {
  max-width: none;
}
._devis_liens_entry .field-collection-item-action, ._facture_liens_entry .field-collection-item-action, ._projet_liens_entry .field-collection-item-action {
  position: absolute;
  top: calc(50% - 1.3rem);
  right: 1.5rem;
}

.content-body .conteneur {
  padding: 15px 17px 15px 20px;
}

.field-collection-item-row {
  margin-bottom: 1rem;
}
.field-collection-item-row label {
  text-align: left;
}

.form-check {
  padding-left: 2rem;
}
.form-check label {
  margin: 0;
}

.field-checkbox:not(._utilisateur_chefProjet) .form-widget {
  margin: 0;
}

.form-check-input {
  margin-left: -2rem;
}

.list .table p {
  margin: 0;
}

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

.login-conteneur {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
}
.login-conteneur label {
  width: 100%;
  text-align: left;
  margin-top: 1rem;
}
.login-conteneur img {
  width: 20rem;
  margin: 0 auto 1rem;
  display: block;
}
.login-conteneur div.alert {
  padding-right: 12.5px;
}
.login-conteneur div.alert button {
  display: none;
}

.login-formulaire {
  width: 30rem;
}
.login-formulaire button {
  margin-top: 1rem;
}

.login-reinitialisationMDP {
  font-size: 1.2rem;
  color: var(--grey);
  margin-bottom: 1rem;
  text-align: right;
}
.login-reinitialisationMDP:hover, .login-reinitialisationMDP:focus, .login-reinitialisationMDP:active {
  color: var(--color-primary);
}

#header-logo {
  margin-bottom: 2rem;
}

#header-logo img {
  max-width: 12rem;
}
.easyadmin-sidebar-width-compact #header-logo img {
  max-width: 3rem;
}

.sidebar-menu .header {
  margin-top: 10px;
}

.sidebar-menu a.hidden {
  display: none;
}

.projet-statut, .projet-categorie, .fichier-statut {
  display: inline-block;
  min-width: 9rem;
  padding: 4px 10px;
  border-radius: 5px;
  white-space: nowrap;
  text-align: center;
}

.projet-categorie, .projet-categorie:not([href]):not([tabindex]) {
  min-width: 9rem;
  color: var(--white);
}
.projet-categorie:focus, .projet-categorie:active, .projet-categorie:hover, .projet-categorie:not([href]):not([tabindex]):focus, .projet-categorie:not([href]):not([tabindex]):active, .projet-categorie:not([href]):not([tabindex]):hover {
  color: var(--white);
}

.fichier-statut {
  padding: 2px 10px;
}

.projet-prestations table.datagrid, .projet-prestations table.datagrid thead {
  background-color: var(--white);
}
.projet-prestations table.datagrid th {
  padding: 10px 8px;
}
.projet-prestations table.datagrid th:first-of-type {
  padding-left: 20px;
}
.projet-prestations table.datagrid th, .projet-prestations table.datagrid td {
  border: none;
}
.projet-prestations table.datagrid th:not(:first-of-type), .projet-prestations table.datagrid td:not(:first-of-type) {
  text-align: center;
}
.projet-prestations table.datagrid tr {
  border-bottom: var(--border-width) var(--border-style) var(--border-color);
}
.projet-prestations table.datagrid tr:hover {
  background: var(--form-bg);
}

.projet-toggle {
  cursor: pointer;
  font-size: 2rem;
}

.projet-fichier--prestations {
  display: none;
}

@keyframes opacite {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.maj-conteneur {
  position: relative;
  white-space: nowrap;
}
.maj-conteneur:hover .info {
  width: auto;
  opacity: 1;
  animation: opacite;
  animation-duration: 0.3s;
  padding: 1rem 1rem 0.5rem;
  visibility: visible;
}
.maj-conteneur a:not([href]):not([tabindex]), .maj-conteneur a:not([href]):not([tabindex]):focus, .maj-conteneur a:not([href]):not([tabindex]):hover {
  color: var(--white);
  cursor: default;
}
.maj-conteneur .info {
  width: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--white);
  box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.1), 0 2px 5px 0 rgba(43, 45, 80, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius);
  z-index: 100;
  font-size: var(--font-size-sm);
  visibility: hidden;
}
.maj-conteneur p {
  margin-bottom: 0.5rem;
}

.maj-infos {
  cursor: pointer;
  transition: background-color 0.3s;
  margin-left: -2rem;
  margin-right: -1.7rem;
  padding: 1rem 1.7rem 1rem 2rem;
  border-top: 1px solid var(--body-bg);
}
.maj-infos:first-of-type {
  margin-top: 2rem;
}
.maj-infos:last-of-type {
  border-bottom: 1px solid var(--body-bg);
}
.maj-infos.ok {
  background-color: var(--green);
}
.maj-infos.ok .instructionsImportantes {
  color: var(--text-color);
}
.maj-infos .date {
  font-size: var(--font-size-sm);
}
.maj-infos .instructions {
  margin-bottom: 0.5rem;
}

#majEffectuee {
  margin-top: 2rem;
  color: var(--white);
}

.instructionsImportantes {
  color: var(--color-danger);
}
.conteneur > .instructionsImportantes {
  margin-bottom: 0.5rem;
  line-height: 1.1;
}

.actions {
  margin: 0;
  padding-left: 1.5rem;
}
.actions .action {
  margin-bottom: 0.5rem;
}

.action.ok {
  opacity: 0.3;
}
.action.ok button {
  display: none;
}

.commande {
  display: block;
  background-color: var(--blue);
  border: 0;
  margin-bottom: 0.2rem;
  border-radius: 0.5rem;
  padding: 0.3rem 1rem;
}
.commande:hover {
  background-color: #b7cdf3;
}
.commande:active {
  background-color: #9cb8f3;
}

.listeProjets-pagination {
  display: flex;
  justify-content: space-between;
  padding: 0 2rem;
  margin: 2rem 0;
}

.projet-deroulerPrestations {
  cursor: pointer;
}

.datagrid tbody tr.listeProjets-prestations:hover td {
  background-color: var(--white);
}
.datagrid tbody tr.listeProjets-prestations td {
  border-top: none;
  padding-top: 0;
}
.datagrid tbody tr.listeProjets-prestations > td > div {
  padding: 0.5rem 0;
}
.datagrid tbody tr.listeProjets-prestations .utilisateur-photo {
  width: 3rem;
  height: 3rem;
}

tr.ouvert:hover + tr td {
  background: var(--form-bg);
}

tr.ouvert td {
  border-bottom: none;
  padding-bottom: 0;
}

.new-client #client_contacts legend, .edit-client #client_contacts legend {
  text-align: left;
}
.new-client #client_contacts .field-collection + .form-group.field-collection-action, .edit-client #client_contacts .field-collection + .form-group.field-collection-action {
  margin-left: 0;
}
.new-client #client_contacts .field-contact, .edit-client #client_contacts .field-contact {
  border-bottom: 1px solid rgba(43, 45, 80, 0.16);
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.new-client #client_contacts .field-contact .form-widget-compound .form-group, .edit-client #client_contacts .field-contact .form-widget-compound .form-group {
  padding: 0 10px 5px 0;
}
.new-client #client_contacts .field-contact .field-collection-item-row, .edit-client #client_contacts .field-contact .field-collection-item-row {
  margin-bottom: 0;
}
.new-client #client_contacts .field-contact .badge, .edit-client #client_contacts .field-contact .badge {
  display: none;
}

.list-utilisateur th > span {
  text-align: center;
}

.utilisateur-photo {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary);
  padding: 0.3rem;
}
.utilisateur-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.utilisateur-photo i {
  font-size: 2rem;
}
.list-utilisateur .utilisateur-photo {
  margin-left: auto;
  margin-right: auto;
}

.site-acces label {
  text-align: left;
}
.site-acces textarea {
  max-width: none;
}

a:not([href]):not([tabindex]).option-web, a:not([href]):not([tabindex]).option-print {
  color: var(--white);
}

.option-web {
  background-color: var(--lcdz-web);
}

.option-print {
  background-color: var(--lcdz-print);
}

#liste_prestations {
  display: none;
  padding-top: 10px;
  margin-left: -2rem;
}
#liste_prestations .prestation {
  display: flex;
  align-items: center;
}
#liste_prestations input[type=checkbox] {
  position: relative;
}
#liste_prestations input[type=checkbox]:not(:checked) {
  display: none;
}
#liste_prestations input[type=checkbox] + label {
  display: none;
}

.groupesPrestastions-groupe--titre {
  cursor: pointer;
}
.groupesPrestastions-groupe--titre i {
  margin-right: 0.5rem;
}

.prestation-copier {
  font-size: 10px;
  padding: 2px 10px;
}

#devis_options-contenant {
  display: none;
  padding-top: 10px;
}

#devis_options label {
  padding-left: 5px;
}
#devis_options input.web + label {
  border-left: 2px solid var(--lcdz-web);
}
#devis_options input.print + label {
  border-left: 2px solid var(--lcdz-print);
}

.field-prestation, .field-option {
  position: relative;
}
.field-prestation .form-widget-compound > div, .field-option .form-widget-compound > div {
  display: flex;
}
.field-prestation .form-widget-compound > div [id*=_sousTraitants], .field-option .form-widget-compound > div [id*=_sousTraitants] {
  flex-wrap: wrap;
}
.field-prestation .form-widget-compound > div > *, .field-option .form-widget-compound > div > * {
  display: block;
  flex: 1;
}
.field-prestation .form-widget-compound > div > *._devis_prestationsLibres_entry_sousTraitants_entry, .field-option .form-widget-compound > div > *._devis_prestationsLibres_entry_sousTraitants_entry {
  flex: 100%;
  padding-bottom: 0;
}
.field-prestation .form-widget-compound > div textarea, .field-option .form-widget-compound > div textarea {
  max-width: none;
}

.field-prestation .field-collection-item-row > div > div {
  flex-wrap: wrap;
}
.field-prestation .field-collection-item-row > div > div > div._devis_prestationsLibres_entry_intitule, .field-prestation .field-collection-item-row > div > div > div._facture_prestationsLibres_entry_intitule, .field-prestation .field-collection-item-row > div > div > div._form_prestationsLibres_entry_intitule, .field-prestation .field-collection-item-row > div > div > div._devis_prestationsLibres_entry_sousTraitance, .field-prestation .field-collection-item-row > div > div > div._devis_prestationsLibres_entry_sousTraitants, .field-prestation .field-collection-item-row > div > div > div._devis_prestationsLibres_entry_commentaires, .field-prestation .field-collection-item-row > div > div > div._facture_prestationsLibres_entry_commentaires, .field-prestation .field-collection-item-row > div > div > div._form_prestationsLibres_entry_commentaires {
  flex: 100%;
}
.field-prestation .toggle-prestation {
  position: absolute;
  right: -12px;
  top: -2px;
  font-size: 2.3rem;
  color: var(--color-link);
}
.field-prestation .dupliquer-prestation {
  position: absolute;
  right: 44px;
  top: 2px;
  font-size: 2rem;
  color: var(--color-link);
}

.form-widget-compound .form-group.field-prestation {
  border-bottom: 1px solid rgba(43, 45, 80, 0.16);
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.field-prestation.replie .form-widget-compound > div > ._devis_prestationsLibres_entry_commentaires, .field-prestation.replie .form-widget-compound > div > ._facture_prestationsLibres_entry_commentaires {
  display: none;
}

.field-prestation .form-widget-compound > div > ._devis_prestationsLibres_entry_sousTraitants, .field-prestation .form-widget-compound > div > ._devis_prestationsLibres_entry_sousTraitants + .field-collection-action {
  display: none;
}
.field-prestation .form-widget-compound > div > ._devis_prestationsLibres_entry_sousTraitants .field-collection-item-row {
  display: flex;
}
.field-prestation .form-widget-compound > div > ._devis_prestationsLibres_entry_sousTraitants .field-collection-item-row > .form-widget-compound {
  flex: auto;
}

.field-prestation .form-widget-compound > div > ._devis_prestationsLibres_entry_sousTraitance.sousTraitance ~ ._devis_prestationsLibres_entry_sousTraitants, .field-prestation .form-widget-compound > div > ._devis_prestationsLibres_entry_sousTraitance.sousTraitance ~ .field-collection-action {
  display: block;
}

.form-widget-compound .form-group._devis_prestationsLibres_entry_sousTraitants {
  padding-bottom: 0;
}
.form-widget-compound .form-group._devis_prestationsLibres_entry_sousTraitants + .field-collection-action {
  padding-left: 5px;
}

.devis-creationFacture #form_acompte {
  max-width: 100px;
  text-align: right;
}

.creationFacture-acompte--conteneur > div {
  display: flex;
  align-items: center;
}
.creationFacture-acompte--conteneur > div input {
  width: 10rem;
  text-align: right;
}
.creationFacture-acompte--conteneur > div input.actif {
  font-weight: bold;
}

#creationFacture-acompte--montant {
  margin-left: 3px;
}

#montantTotalDevis-contenant, #montantTotalFacture-contenant {
  position: fixed !important;
  right: 0;
  bottom: 100px;
  cursor: pointer;
  width: 150px;
  height: 65px;
  z-index: 10000;
  margin: 10px;
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.16), 0 0 0 1px rgba(6, 122, 184, 0), 0 0 0 2px rgba(6, 122, 184, 0), 0 1px 1px rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius);
  background-color: var(--white);
  margin: 0;
}

.field-prestation .form-widget-compound > div > ._devis_prestationsLibres_entry_pourcentageReduction, .field-prestation .form-widget-compound > div > ._facture_prestationsLibres_entry_pourcentageReduction, .field-prestation .form-widget-compound > div > ._form_prestationsLibres_entry_pourcentageReduction {
  display: none;
}

.field-prestation .form-widget-compound > div ._devis_prestationsLibres_entry_offert.offert + .field-number, .field-prestation .form-widget-compound > div ._facture_prestationsLibres_entry_offert.offert + .field-number, .field-prestation .form-widget-compound > div ._form_prestationsLibres_entry_offert.offert + .field-number {
  display: block;
}

body.new-facture .groupe-abonnement, body.edit-facture.sansAbonnement .groupe-abonnement {
  display: none;
}

.fichierHTML-telechargement {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFF;
  padding: 1rem;
  box-shadow: var(--box-shadow-lg);
}

.prestation-categorie {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 5px;
  white-space: nowrap;
  text-align: center;
  font-size: 1.3rem;
}
.prestation-categorie:not([href]):not([tabindex]), .prestation-categorie:not([href]):not([tabindex]):focus, .prestation-categorie:not([href]):not([tabindex]):hover {
  color: var(--white);
}

.projet-avancement {
  position: relative;
  white-space: nowrap;
}
.projet-avancement .projet-listeTaches {
  position: absolute;
  top: 1.5rem;
  right: 0;
  display: none;
  padding: 1rem 1rem 1rem 2rem;
  background-color: var(--form-bg);
  box-shadow: var(--box-shadow-lg);
  z-index: 10;
}
.projet-avancement:hover .projet-listeTaches {
  display: block;
}

.projet-prestations .projet-statut {
  cursor: pointer;
}

.projet-fichiers {
  padding-left: 1.3rem;
}

.field-prestation_projet {
  border-bottom: 1px solid rgba(43, 45, 80, 0.16);
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.field-prestation_projet .form-widget-compound > div {
  display: flex;
  flex-wrap: wrap;
}
.field-prestation_projet .form-widget-compound > div > div {
  flex: 0 0 25%;
}
.field-prestation_projet .form-widget-compound > div > div:first-of-type {
  flex: 0 0 100%;
}
.field-prestation_projet .form-widget-compound > div > div:first-of-type textarea {
  max-width: none;
}
.field-prestation_projet .form-widget-compound > div .form-group:last-child {
  padding-bottom: 15px;
}

.field-prestation_projet .form-widget-compound > div > div._projet_prestations_entry_sousTraitance, .field-prestation_projet .form-widget-compound > div > div._projet_prestations_entry_sousTraitants, .field-prestation_projet .form-widget-compound > div > div._projet_prestations_entry_sousTraitants_entry {
  flex: 100%;
}

._projet_prestations_entry_sousTraitance.sousTraitance ~ ._projet_prestations_entry_sousTraitants, ._projet_prestations_entry_sousTraitance.sousTraitance ~ .field-collection-action {
  display: block;
}

.form-widget-compound .form-group._projet_prestations_entry_sousTraitants, .form-widget-compound .form-group._projet_prestations_entry_sousTraitants_entry {
  padding-bottom: 0;
}

._projet_prestations_entry_sousTraitants {
  padding-bottom: 0;
}
._projet_prestations_entry_sousTraitants, ._projet_prestations_entry_sousTraitants + .field-collection-action {
  display: none;
}
._projet_prestations_entry_sousTraitants .collection-empty {
  padding-bottom: 15px;
}

.field-prestation_projet ._projet_prestations_entry_sousTraitants_entry .form-widget-compound > div > div {
  flex: 1;
}

._projet_prestations_entry_sousTraitants_entry .field-collection-item-row {
  display: flex;
  margin-bottom: 0;
}

.infosSousTraitance {
  display: none;
  position: absolute;
  background-color: var(--secondary);
  padding: 10px;
  white-space: nowrap;
  bottom: 0;
  left: calc(100% + 10px);
  border: 2px solid var(--white);
  box-shadow: var(--box-shadow-lg);
}
.infosSousTraitance p {
  margin-bottom: 0;
}
.infosSousTraitance-conteneur {
  position: relative;
}
.infosSousTraitance-icone {
  cursor: help;
}
.infosSousTraitance-icone:hover + div {
  display: block;
}

#listeStatutsProjets {
  display: none;
  flex-direction: column;
  width: 220px;
  padding: 15px;
  background-color: var(--white);
  box-shadow: var(--box-shadow-lg);
  position: absolute;
}
#listeStatutsProjets .projet-statut {
  cursor: pointer;
}
#listeStatutsProjets .projet-statut:not(:last-of-type) {
  margin-bottom: 10px;
}

body.show .field-text.client-listeProjetsFichiers .form-widget {
  max-height: none;
}

.listeProjets-projet-categorie {
  width: 15rem;
}
.listeProjets-projet-statut {
  width: 10rem;
}
.listeProjets-projet-participants {
  width: 15rem;
}
.listeProjets-projet-intitule {
  flex: 1;
}

.list-projet tr.archive, .list-projet tr.archive + .listeProjets-prestations {
  background-color: var(--gray-300);
}
.list-projet tr.archive:hover td, .list-projet tr.archive:active td, .list-projet tr.archive:focus td, .list-projet tr.archive + .listeProjets-prestations:hover td, .list-projet tr.archive + .listeProjets-prestations:active td, .list-projet tr.archive + .listeProjets-prestations:focus td {
  background-color: var(--gray-300);
}
.list-projet tr.archive.ouvert:hover + tr td {
  background-color: var(--gray-300);
}

.planningProjets-listeProjets {
  flex-wrap: wrap;
}
.planningProjets-listeProjets .planningProjets-prestation {
  width: 20rem;
  margin: 0.5rem;
}
.planningProjets-listeProjets .planningProjets-prestation--infos {
  background-color: white;
}
.planningProjets-prestation {
  background-color: white;
  padding-left: 5px;
  border-radius: 0.5rem;
  border: 2px solid #acacac;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
}
.planningProjets-prestation:hover {
  overflow: visible;
  z-index: 2;
}
.planningProjets-prestation:hover .planningProjets-prestation--lien {
  display: block;
}
.planningProjets-prestation:hover, .planningProjets-prestation:hover .planningProjets-prestation--infos {
  background-color: #e8ebee;
}
.planningProjets-prestation--participants {
  margin-right: 0.5rem;
}
.planningProjets-prestation--infos {
  padding: 0.5rem 0.7rem 0.5rem 0;
  margin-top: -2px;
  margin-bottom: -2px;
  margin-right: -2px;
  border-radius: 0 0.5rem 0.5rem 0;
  flex: 1;
  border: 2px solid #acacac;
  border-left: none;
}
.planningProjets-prestation--lien {
  font-size: 1.5rem;
}
.planningProjets-prestation--lien, .planningProjets-prestation--lien span {
  display: none;
}
.planningProjets-prestation--statut {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  filter: saturate(300%);
}

#modal-custom.planningProjets-formulaire {
  background-color: rgba(0, 0, 0, 0.4);
}
#modal-custom.planningProjets-formulaire.fade {
  display: flex;
}
#modal-custom.planningProjets-formulaire .modal-content {
  width: auto;
  height: auto;
}
#modal-custom.planningProjets-formulaire input[type=number] {
  width: 5rem;
}
#modal-custom.planningProjets-formulaire .planningProjets-prestation--lien {
  margin-left: 0;
  margin-top: 1rem;
  display: block;
  font-size: 1.4rem;
}
#modal-custom.planningProjets-formulaire .planningProjets-prestation--lien span {
  display: inline;
}

.planningProjets-filtres .select2-container {
  width: 350px !important;
}
.planningProjets-filtres .utilisateur-photo {
  cursor: pointer;
}
.planningProjets-filtres .utilisateur-photo.inactif {
  filter: grayscale(1);
  opacity: 0.5;
}

.planningProjets-planning {
  padding: 0 2rem;
}
.planningProjets-planning table {
  table-layout: fixed;
}
.planningProjets-planning thead {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--form-bg);
  border-bottom: 5px solid transparent;
}
.planningProjets-planning .mois {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.planningProjets-planning .mois:not(:last-of-type):after {
  position: absolute;
  width: 1px;
  height: 4.6rem;
  background-color: black;
  content: "";
  left: 100%;
  top: 0;
}
.planningProjets-planning .semaine {
  flex: 1;
  position: relative;
}
.planningProjets-planning .semaine:hover .semaine-date {
  display: block;
}
.planningProjets-planning .semaine-date {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  white-space: nowrap;
  font-size: 1rem;
  z-index: 10;
}
.planningProjets-planning .semaine.focus {
  background-color: var(--gray-400);
}
.planningProjets-planning .semaine.semaineEnCours {
  color: var(--warning);
}
.planningProjets-planning td:not(.noBorder) {
  border-right: 1px solid var(--gray-400);
}
.planningProjets-planning td:first-of-type {
  border-left: 1px solid var(--gray-400);
}
.planningProjets-planning .planningProjets-prestation--infos {
  line-height: 1.1;
}
.planningProjets-planning .planningProjets-prestation:hover {
  min-width: 20rem;
}
.planningProjets-planning .planningProjets-prestation:not(:hover) {
  overflow: visible;
}
.planningProjets-planning .planningProjets-prestation:not(:hover) .utilisateur-photo {
  width: 1rem;
  height: 1rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
.planningProjets-planning .planningProjets-prestation:not(:hover) .utilisateur-photo img {
  display: none;
}
.planningProjets-planning .planningProjets-prestation:not(:hover) .planningProjets-prestation--infos {
  border: none;
  opacity: 0.8;
}
.planningProjets-planning .planningProjets-prestation:not(:hover) .planningProjets-prestation--intitule {
  display: none;
}

.contenant.tdb .tab-content, .contenant.tdb .tab-pane, .contenant.tdb .col-12 {
  width: 100%;
}

.tdb-bloc {
  margin: 10px;
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.16), 0 0 0 1px rgba(6, 122, 184, 0), 0 0 0 2px rgba(6, 122, 184, 0), 0 1px 1px rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius);
  background-color: var(--white);
  max-width: 750px;
  padding-bottom: 1px;
}
.tdb-bloc h2 {
  margin-bottom: 10px;
}
.tdb-bloc ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.tdb-bloc li {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 195px 10px 10px;
  border-bottom: var(--border-width) var(--border-style) var(--border-color);
}
.tdb-bloc li:first-of-type {
  border-top: var(--border-width) var(--border-style) var(--border-color);
}
.tdb-bloc li:last-of-type {
  border-bottom: none;
}
.tdb-bloc li:hover {
  background-color: var(--form-bg);
}

#devis .tdb-bloc:not(:last-of-type), #factures .tdb-bloc:not(:last-of-type), #abonnements .tdb-bloc:not(:last-of-type), #projets .tdb-bloc:not(:last-of-type) {
  margin-bottom: 5rem;
}

.tdb-bloc.historique i, .table.historique i {
  font-size: 1.8rem;
}

.tdb-prestationsNonCategorisees {
  display: none;
}
.tdb-prestationsNonCategorisees--toggle {
  cursor: pointer;
}
.tdb-prestationsNonCategorisees li {
  padding-right: 10px;
}
.tdb-prestationsNonCategorisees a {
  flex: 0 0 auto;
}

#tableauDeBord .content-header {
  border-bottom: none;
}

.tdb-action {
  position: absolute;
  top: calc(50% - 13.5px);
  right: 13px;
  font-size: 18px;
}

.contactActif {
  background-color: var(--body-bg);
  padding: 1rem;
  margin-left: -1rem;
}

@media screen and (max-width: 1400px) {
  #synthese > div {
    flex-wrap: wrap;
  }
}
#synthese .tdb-bloc {
  width: 50%;
}
@media screen and (max-width: 1400px) {
  #synthese .tdb-bloc {
    width: 100%;
  }
}
#synthese h3 {
  margin-top: 3rem;
}

#synthese .projet h2 {
  font-size: 1.5rem;
}

#tdb-camemberts {
  margin-bottom: 10rem;
}

#camembert-projets, #camembert-projetsSansSousTraitance {
  margin: 0 auto;
}

#camembert-projets, #diagramme-synthese {
  max-width: 600px;
  margin-bottom: 7rem;
}

#camembert-projetsSansSousTraitance {
  max-width: 530px;
}

.camembert-abonnements--toggle {
  margin-top: -1rem;
  margin-bottom: 1rem;
  cursor: pointer;
}

.camembert-abonnements--details li {
  padding-right: 1rem;
}
.camembert-abonnements--details li:last-of-type {
  border-bottom: var(--border-width) var(--border-style) var(--border-color);
}

#histogramme-factures {
  margin: 0 auto 5rem;
}

#synthese .tdb-bloc h2 {
  border-bottom: var(--border-width) var(--border-style) var(--border-color);
  padding: 0 10px 10px;
  margin: 0 -10px 10px;
}

.ajax-acquittementFacture {
  cursor: pointer;
}

.toggleProjetsAutresAFacturer, .toggleAbonnementsAnnee {
  cursor: pointer;
}

#nouveautes .tdb-bloc h3 {
  margin-top: 3rem;
}

.doc-sommaire {
  margin-bottom: 5rem;
}
.doc-sommaire ul {
  padding-left: 1.5rem;
}

.doc-item {
  margin: 10px;
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.16), 0 0 0 1px rgba(6, 122, 184, 0), 0 0 0 2px rgba(6, 122, 184, 0), 0 1px 1px rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius);
  background-color: var(--white);
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 3rem;
}
.doc-item.actif {
  box-shadow: 0 0 5px 5px rgba(40, 108, 113, 0.5);
}

.todo {
  color: var(--ozoo);
  font-weight: bold;
  text-decoration: underline;
}

.form-actions {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 2rem 2rem 2rem 0;
  background-color: var(--white);
  border: var(--border-width) var(--border-style) var(--border-color);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-lg);
  z-index: 100;
}

.collection-double .col-form-label {
  display: none;
}
.collection-double > .col-form-label {
  display: block;
}

#erreur {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#erreur .alert {
  background-color: var(--white);
}

table.historique td span {
  display: inline-block;
  width: 2.5rem;
  font-size: 1.6rem;
}

.tdb-bloc.historique li {
  display: flex;
  align-items: center;
}
.tdb-bloc.historique li span:first-of-type {
  display: inline-block;
  flex: 0 0 2rem;
  text-align: center;
  margin-right: 1rem;
}
.tdb-bloc.historique a, .tdb-bloc.historique a:hover, .tdb-bloc.historique a:active, .tdb-bloc.historique a:focus {
  cursor: pointer;
  color: var(--color-link);
}

.utilisateur-prestations.projet h2 .utilisateur-photo, .utilisateur-prestations.projet h2 > span {
  margin-right: 0.5rem;
  display: inline-block;
}
.utilisateur-prestations.projet h2 > span {
  margin-left: 0.5rem;
}
.utilisateur-prestations.projet .projet-statut {
  margin-right: 0.5rem;
  flex: 0 0 auto;
}
.utilisateur-prestations.projet .utilisateur-photo {
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
}

.utilisateur-prestation--intitule {
  margin-left: 0.5rem;
}

body:not(.utilisateur-prestationsTerminees) .utilisateur-prestations.termine, body:not(.utilisateur-prestationsTerminees) .utilisateur-prestations > div.termine {
  display: none;
}

._groupeprestations_prestations_entry {
  position: relative;
}
._groupeprestations_prestations_entry .drag {
  left: 0;
  width: 10px;
  top: 5px;
}
._groupeprestations_prestations_entry .field-collection-item-row {
  margin-left: 25px;
  margin-bottom: 0;
}
._groupeprestations_prestations_entry .field-collection-item-action {
  left: 377px;
  top: -3px;
  position: absolute;
}

#liste_prestations p {
  margin-bottom: 0.5rem;
}

#prestations-listeComplete {
  display: none;
}

.guirlande1, .guirlande2 {
  pointer-events: none;
  z-index: -1;
  width: 100%;
  height: 150px;
  position: absolute;
  left: 0;
}

.guirlande1 {
  height: 120px;
  background: url(../img/guirlande1.png) repeat-x 300% top;
  top: -23px;
}

.guirlande2 {
  background: url(../img/guirlande2.png) repeat-x 70% top;
  top: -71px;
}

/*# sourceMappingURL=style.css.map */