@font-face {
  font-family: "Segoe UI";
  src: url("/fonts/Segoe_UI.ttf") format("truetype");
}
.ui-widget.ui-widget-content {
  padding: 0 !important;
  z-index: 99 !important;
}
.ui-datepicker .ui-datepicker-header {
  background: #d1b089 !important;
  padding-left: 0 !important;
}
.ui-datepicker .ui-datepicker-title {
  color: #ffffff !important;
}
.ui-datepicker th {
  color: #273142 !important;
}
.ui-datepicker td {
  border: solid 1px #d1b089 !important;
  background: #ffffff !important;
}
.ui-datepicker table {
  margin: 0 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  border: 1px solid #d1b089;
  background: #ffffff !important;
  font-weight: normal;
  color: #454545 !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  border: 1px solid #d1b089 !important;
} 

body {
  font-family: "Segoe UI", sans-serif;
}

#sidenav-collapse-main {
  overflow: hidden !important;
}

.nvlinka {
  margin-left: 0 !important;
}

footer.footer.py-4 {
  position: fixed !important;
  bottom: 0 !important;
  bottom: 0;
  width: 100%;
}

.rtl {
  direction: rtl;
}

.calendar-main {
  width: 100%;
  display: flex;
  column-gap: 20px;
}

.calendar-info {
  display: flex;
  flex-direction: column;
}

.calendar-info-event {
  display: flex;
  flex-direction: column;
  /*# sourceMappingURL=dashboard-free.css.map */
}

.calendar-main .calendar-info button {
  width: 100%;
}

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

.title-Aff {
  display: block !important;
  margin: 20px;
}

.btn-new-add {
  float: right !important;
  display: flex;
}

.marr-20px #defaultDropdown {
  border-radius: 25px;
  margin-right: 20px;
}

.action-table i {
  margin: 0 10px;
}

.justice-picture {
  width: 100%;
  height: 200px;
}

.navbar-vertical.navbar-expand-xs .navbar-collapse {
  height: auto !important;
}

aside#sidenav-main.sidenav {
  background: #343434 !important;
  margin: 91px 25px 25px 25px !important;
  border-radius: 0% 0% 30px 0% !important;
  z-index: 10;
  position: absolute;
  transform: none;
}

.nav-zindex {
  position: relative;
  z-index: 100 !important;
}

.activation-compte.alert-warning {
  background: #ff9646 !important;
}

.container-js-red-left {
  margin-left: -12rem;
  transition: all 0.2s ease-in-out;
  width: auto !important;
}

.main-cnt-ccs {
  margin-left: 80px !important;
  position: relative !important;
}

aside#sidenav-main.sidenav #sidenav-collapse-main ul {
  margin-top: 25px;
}
aside#sidenav-main.sidenav #sidenav-collapse-main ul ul {
  margin-top: 0px !important;
}
aside#sidenav-main.sidenav #sidenav-collapse-main ul ul li::marker {
  color: transparent;
}
.EventMenu {
  display: none;
}
.toggle-menu {
  cursor: pointer;
}
aside#sidenav-main.sidenav ul li span {
  font-family: "Segoe UI", sans-serif;
  font-weight: 600;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  font-size: 12px;
  line-height: 15px;
}
form legend.col-form-label,
form label.form-label {
  font-weight: 400;
  font-family: "Segoe UI", sans-serif !important;
  letter-spacing: 0.31px !important;
  color: #0e121a !important;
  opacity: 1;
  font-size: 14px !important;
}
#confirmDelete {
  background: #ff5353 !important;
  border-radius: 21px;
  letter-spacing: 0px;
  color: #ffffff !important;
}

.modal.fade.show .modal-footer a:active,
.modal.fade.show .modal-footer a:focus,
.modal.fade.show .modal-footer a {
  background: #ff5353;
  border-radius: 21px;
  letter-spacing: 0px;
  color: #ffffff;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: capitalize;
  box-shadow: none !important;
}
.modal.fade.modal-show-dossier.show .modal-dialog .joindre-fich a:focus,
.modal.fade.modal-show-dossier.show .modal-dialog .joindre-fich a:active,
.modal.fade.modal-show-dossier.show .modal-dialog .joindre-fich a,
.modal-show-dossier.show .modal-dialog .joindre-fich a:focus,
.modal-show-dossier.show .modal-dialog .joindre-fich a:active,
.modal-show-dossier.show .modal-dialog .joindre-fich a {
  color: var(--bs-link-color) !important;
  text-decoration: underline !important;
  background: none !important;
  font-size: 12px !important;
  box-shadow: none !important;
}
#audience_form
  .dropdown-toggle.add-new-client-button#defaultDropdownAddClient.ajouternvClient,
form.audience_form_wid
  .dropdown-toggle.add-new-client-button#defaultDropdownAddClient.ajouternvClient {
  width: 240px !important;
  padding-left: 5px !important;
  text-transform: none;
}
#audience_form p.AddClientCssNew {
  margin-bottom: 0 !important;
  margin-top: 20px !important;
  font-size: 14px !important;
  text-transform: none !important;
  box-sizing: none !important;
}
.modal-footer.detail-personne {
  max-height: 600px;
  overflow-y: auto;
}
.Avertissement {
  letter-spacing: 0px;
  color: #122832;
  opacity: 1;
  font-weight: bold;
  text-transform: capitalize;
  font-family: "Segoe UI", sans-serif !important;
  font-size: 16px !important;
}

.Avertissementcontent {
  padding: 20px !important;
}

.modal.fade.backgroundmodal.show div.modal-body {
  font-family: "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  padding: 0 !important;
  padding-left: 20px !important;
}

.modal.fade.backgroundmodal.show {
  background: #2d385b38 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 6px #00000045;
}

.backgroundmodal .modal-dialog {
  width: 100% !important;
}

.modal.fade.show .modal-footer button:active,
.modal.fade.show .modal-footer button:focus,
.modal.fade.show .modal-footer button {
  color: #272e3d !important;
  letter-spacing: 0 !important;
  background: none !important;
  font-family: "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  text-transform: capitalize;
  box-shadow: none !important;
  box-shadow: none !important;
}

.modal.fade.show .modal-footer,
.modal.fade.show .modal-header {
  border: none !important;
}

form input.form-control {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  border: 1px solid #80a5b4 !important;
  opacity: 1 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  height: 38px !important;
  border-radius: 7px;
}

.page-header.min-vh-100 .col-xl-4.col-lg-5.d-flex.flex-column.ms-auto.me-lg-5 {
  width: 100% !important;
  margin: 0 !important;
}

.page-header.min-vh-100
  .d-flex.flex-column.ms-auto
  .card.card-plain
  h4.font-weight-bolder {
  text-align: left;
  font-family: "Segoe UI", sans-serif !important;
  letter-spacing: 0px;
  font-weight: 400;
  color: #343434;
  font-size: 30px;
  opacity: 1;
  margin-bottom: 30px !important;
}

.page-header.min-vh-100
  .d-flex.flex-column.ms-auto
  .card.card-plain
  form
  .form-check {
  padding-left: 0px !important;
}

label.label-display-none {
  display: none !important;
}

form.needs-validation .invalid-feedback,
form.needs-validation .valid-feedback {
  font-size: 10px;
}

form.needs-validation #box-Inscription .no-match .invalid-feedback {
  display: block !important;
}

form.needs-validation #box-Inscription .match .invalid-feedback {
  display: none !important;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  box-shadow: 0 0 0 1px rgb(102 212 50 / 25%);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none !important;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  box-shadow: 0 0 0 1px rgb(253 92 112 / 25%);
}

#contact_form {
  background: none !important;
  box-shadow: none;
  border: none;
}

.page-header.min-vh-100
  .d-flex.flex-column.ms-auto
  .card.card-plain
  form
  .form-check
  .form-check-label {
  color: #0e121a !important;
  font-size: 12px;
}

.page-header.min-vh-100
  .d-flex.flex-column.ms-auto
  .card.card-plain
  form
  div.mb-3:last-child {
  display: flex !important;
  flex-direction: column;
}

.page-header.min-vh-100
  .d-flex.flex-column.ms-auto
  .card.card-plain
  .card-header {
  padding: 0 !important;
  width: max-content;
  background: #f9f9fa !important;
}

.page-header.min-vh-100
  .d-flex.flex-column.ms-auto
  .card.card-plain
  form
  .text-center
  button {
  background: #d1b089 !important;
  margin: 0 !important;
  width: max-content !important;
}

.page-header.min-vh-100
  .d-flex.flex-column.ms-auto
  .card.card-plain
  form
  .right-form-btn {
  width: 100% !important;
  display: flex;
  justify-content: flex-end;
}

.menu {
  display: grid;
  width: max-content !important;
  padding: 0 !important;
  grid-template-rows: 0px max-content;
}

.toggle {
  all: unset;
  background-color: #343434;
  color: white;
  width: max-content;
  padding: 10px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
}

.list {
  background-color: white;
  color: #444;
  list-style: none;
  display: grid;
  border-radius: 5px;
  overflow: hidden;
  height: 0;
  transition: 0.4s;
  padding: 0 !important;
}
#menu-activite {
  position: relative;
}
#menu-activite .toggle-menu {
  position: absolute;
  right: 15px;
}
#sidenav-main .navbar-nav ul.EventMenuAdministration .nvlink.active,
#sidenav-main .navbar-nav ul.EventMenu .nvlink.active {
  background: none !important;
}
#sidenav-main .navbar-nav ul.EventMenuAdministration .nvlink.active span,
#sidenav-main .navbar-nav ul.EventMenu .nvlink.active span {
  color: #d1b089 !important;
  letter-spacing: 0;
}
#main-cnt #container-js-red .modal-body label.form-label {
  font-weight: 400;
  font-family: "Segoe UI", sans-serif !important;
  letter-spacing: 0.31px !important;
  color: #0e121a !important;
}
#sidenav-main .navbar-nav ul.EventMenu .nvlink {
  margin-left: 0;
}
#sidenav-main .navbar-nav ul.EventMenu .nvlink img {
  filter: brightness(0.5) !important;
}
#sidenav-main .navbar-nav ul.EventMenu .nvlink.active img {
  filter: none !important;
}
.color-label {
  font-weight: 400;
  font-family: "Segoe UI", sans-serif !important;
  letter-spacing: 0.31px !important;
  color: #0e121a !important;
  opacity: 1 !important;
  font-size: 14px !important;
}

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

.rtl .Logo-juritek.connect {
  margin-right: 20px !important;
}

.Logo-juritek.connect {
  margin-left: 20px !important;
}

.list-item {
  display: flex;
  align-items: center;
  padding-left: 10px;
  transition: 0.4s, transform 0.4s var(--delay);
  transform: translateX(-100%);
  user-select: none;
  cursor: pointer;
}

.list-item:hover {
  background-color: #343434;
  color: #fff;
}

#main-cnt #container-js-red #example_wrapper {
  overflow-x: auto;
  width: 100%;
  overflow-y: hidden;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin-bottom: 20px;
  position: absolute;
  text-align: right;
  right: 60px !important;
  margin-top: 25px;
}
.rtl div.dataTables_wrapper div.dataTables_paginate {
  left: 60px !important;
  right: revert !important;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.rtl div.dataTables_wrapper div.dataTables_paginate #example_previous,
.rtl div.dataTables_wrapper div.dataTables_paginate #example_next {
  rotate: 180deg;
}
.toggle:focus::after {
  transform: rotate(225deg);
}

.toggle:focus ~ .list {
  height: 80px;
}

.toggle:focus ~ .list .list-item {
  transform: translateX(0);
}

form .cond-gen {
  display: flex;
  align-items: flex-end;
}
/*
form.audience_form_wid #part-1 ul{
  transform: translate(817px, 307px) !important; 
}*/
.flex-column.ms-auto.me-auto .card-footer.text-center.compte {
  display: flex;
  justify-content: center;
  margin-top: 40px !important;
}

.flex-column.ms-auto.me-auto
  .card-footer.text-center.compte
  p.mb-2.text-sm.mx-auto {
  margin: 0 !important;
  color: #797f81 !important;
}

.box-Inscription {
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);
  z-index: 1;
  padding: 40px 20px 40px 20px;
  border: 1px solid transparent;
  border-top: 1px solid #f1f1f5;
}

form legend.col-form-label {
  padding-top: 0 !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background-image: url("admin/assets/img/icons/flags/path 6637.png") no-repeat !important;
  width: 20px;
  height: 20px;
  border-width: thin;
  cursor: pointer;
}

form .is-focused input {
  border: 1px solid #343434 !important;
}

/*
.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
  width: 15px !important;
  height: 15px !important;
  box-shadow: 0 0 3px black !important;
  border: black !important;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
  background: #D1B089 !important;
  border: black !important;
}*/

/* TODO */
.modal-show-dossier fieldset.cadre-bloc.factDet .rowsTableFactureConsultation {
  display: flex;
  width: max-content;
  flex-direction: row;
  gap: 20px;
}
.modal-show-dossier fieldset.cadre-bloc.factDet {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  padding: 1.4em !important;
  margin: 0px 40px 20px 40px !important;
  background-color: #ffffff;
}
.modal-show-dossier fieldset.cadre-bloc.factDet label {
  color: #575756 !important;
  font-weight: 400;
  font-family: "Segoe UI", sans-serif !important;
  letter-spacing: 0.31px !important;
}
.modal-show-dossier fieldset.cadre-bloc.factDet div.mb-3 div {
  padding-left: 10px !important;
}
#box-Inscription.box-Inscription {
  width: 550px !important;
  margin: auto !important;
  margin-top: 50px !important;
  box-shadow: none;
  border-top: none;
  padding: 0;
}
.listecategpourTuto {
  display: flex;
  margin-bottom: 0 !important;
}
.modal-show-dossier .modal-body.info-general.fac fieldset {
  grid-template-columns: repeat(2, 1fr) !important;
  display: grid;
  column-gap: 10px;
}
.double-form {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 31px;
}
.addClientFromConsultation {
  display: grid !important;
  grid-template-columns: 100% 100%;
  align-items: center;
}
#mission_form.form-update-contrat .missionEmail.cadre-bloc.bloc1 {
  margin-bottom: 35px !important;
}
.addClientFromConsultation
  .dropdown-toggle.add-new-client-button#defaultDropdownAddClient {
  width: max-content;
  margin-bottom: 0 !important;
  background: transparent;
  box-shadow: none;
  color: #41b259 !important;
  font-size: 14px !important;
  text-transform: none;
  margin-top: 5px !important;
  height: fit-content;
}
.fc-daygrid-dot-event .fc-event-title {
  font-family: "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  color: #ffffff !important;
  letter-spacing: 0;
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
  color: #ffffff !important;
}
.multipleSelectionAgenda.multipleSelectionAgenda {
  width: -webkit-fill-available;
  margin-top: -10px !important;
}
.multipleSelectionAgenda.multipleSelectionAgenda #checkBoxesAgenda label {
  color: #000 !important;
}
.elementcollaborateur {
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
}
.elementcollaborateur label {
  margin-bottom: 0 !important;
}
.rtl .modal-content-annulation-dossier h2 {
  display: flex !important;
}
.fc-header-toolbar.fc-toolbar {
  order: 2;
}
.fc-view-harness.fc-view-harness-active {
  order: 3;
}
form#date-search {
  order: 1;
}
form#date-search input#date {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: auto !important;
}
form#date-search button {
  height: 29px !important;
}
.classrelativeDate {
  position: relative !important;
}
.classrelativeDate .firstButton {
  position: absolute;
  right: 0;
}
.classrelativeDate .secondButton {
  position: absolute;
  left: 0;
}
.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:nth-child(2) {
  display: none !important;
}
.addClientFromConsultation img {
  margin-right: 5px !important;
  margin-bottom: 5px !important;
  margin-left: 5px !important;
}
.rtl #client_form .form-check.det-client,
.rtl .detail-personne-moral-forrm-db .form-check.det-client {
  justify-content: flex-start !important;
}
#mission_form .notifEmailBoolean {
  color: #000000 !important;
}
#consultation_form .double-form,
#audience_original_form .double-form,
#rdv_form .double-form,
#rappel_form .double-form,
#mission_form .double-form {
  column-gap: 10px !important;
}
.triple-form {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
}

#box-Inscription form .ind-pays {
  display: flex;
  gap: 31px;
}

#box-Inscription form .ind-pays select {
  width: 100%;
}

#box-Inscription form fieldset legend {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: max-content;
  margin-right: 25px;
  font-weight: 600;
  padding: 0;
}

#box-Inscription form fieldset {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: max-content;
  margin-right: 0px;
  margin-left: 15px;
}

#box-Inscription form fieldset #registration_form_Paiement,
#box-Inscription form fieldset #registration_form_Genre {
  display: flex;
}

#box-Inscription form fieldset #registration_form_Paiement .form-check,
#box-Inscription form fieldset #registration_form_Genre .form-check {
  margin-right: 20px;
}


#box-Inscription form fieldset #registration_form_Genre .form-check:last-child {
  margin-right: 0px !important;
}

#box-Inscription
  form
  fieldset
  #registration_form_Genre
  .form-check:first-child {
  margin-right: 0 !important;
  width: 90px !important;
}

#box-Inscription form fieldset #registration_form_Genre .form-check:last-child {
  width: 80px !important;
}

#box-Inscription form .right-form-btn button {
  background: #d1b089;
  color: #ffffff;
  font-size: 12px !important;
  border: 0px !important;
  border-radius: 25px;
  height: 33px;
  width: 88px;
  padding: 0px !important;
}

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

.input-reins-email {
  width: fit-content;
}

.reins-psw-glob.title {
  margin-top: 40px;
  margin-bottom: 40px;
}

.posistion-log-reins {
  display: flex;
  justify-content: center;
}

.reins-psw-glob {
  color: #d1b089;
  font-size: 24px;
  font-weight: 600;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  font-size: 15px !important;
}

.reset-pass-class-repeat button.all-button-site,
.all-button-site:hover,
.all-button-site {
  background: #d1b089;
  color: #ffffff;
  font-size: 12px !important;
  border: 0px !important;
  border-radius: 25px;
  height: 33px;
  width: 88px;
  padding: 0px !important;
  box-shadow: none;
  text-transform: none;
}

.form-check:not(.form-switch) .form-check-input[type="radio"] {
  border: 1px solid #122832 !important;
  height: 18px !important;
  width: 18px !important;
  cursor: pointer;
}

.form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
  padding: 0px !important;
  border: 1px solid #d1b089 !important;
}

.form-check:not(.form-switch) .form-check-input[type="radio"]:checked:after {
  background: #d1b089 !important;
  border: 1px solid #d1b089 !important;
  width: 8px !important;
  height: 8px !important;
}

.navbar.navbar-dark.bg-dark {
  background-color: #343434 !important;
  margin: 0 25px !important;
  border-radius: 0px 0px 20px 0px;
  margin-top: 25px !important;
  display: grid;
  grid-template-columns: 15% 80% 50%;
  box-shadow: none !important;
  position: relative;
}

.rtl .navbar.navbar-dark.bg-dark {
  border-radius: 0px 0px 0px 20px;
}

.nav-menu-item ul.navbar-nav {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.nav-menu-item ul.navbar-nav li a {
  color: #ffffff;
}

.navbar.navbar-dark.bg-dark .navbar-nav li.nav-item.active {
  background: #ffffff !important;
  border-radius: 14px !important;
}

.navbar.navbar-dark.bg-dark .navbar-nav li.active a {
  color: #d1b089 !important;
}
.navbar.navbar-dark.bg-dark .navbar-nav {
  font-family: "Segoe UI", sans-serif !important;
}
.ligneFactureTable.updateMode {
  grid-template-columns: 20% 30% 10% 15% 15% 10% 20% !important;
  margin-bottom: 10px !important;
}
.ligneFactureTable.updateMode .mb-3.labD {
  margin-bottom: 0 !important;
}
.navbar.navbar-dark.bg-dark .navbar-nav li a {
  font-size: 14px;
  font-weight: 600;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  color: #ffffff;
  padding: 0.5rem;
}

#box-Inscription form #registration_form #registration_form_Paiement {
  margin-left: 40px !important;
}

#box-Inscription form #registration_form .mb-3 {
  margin-bottom: 20px !important;
}

.navbar.navbar-dark.bg-dark .menu button.toggle {
  padding: 0 !important;
}

.navbar.navbar-dark.bg-dark .menu {
  display: flex;
  align-items: center;
  /*gap: 20px;*/
  position: absolute;
  right: 20px;
}
.ui-datepicker {
  width: max-content !important;
}
.rtl .navbar.navbar-dark.bg-dark .menu {
  right: unset;
  left: 20px;
}

.minheight0.min-vh-100 {
  min-height: 0vh !important;
}

.login-main-ch .connexion-left form .cree-compte,
#box-Inscription.box-Inscription .card-footer.compte a {
  background: #f9f9fa !important;
  -webkit-text-fill-color: #0a28ae !important;

  font-size: 11px !important;
  font-weight: 300 !important;
  letter-spacing: 0.28px;
}

.login-main-ch .connexion-left.input-log-check form {
  width: min-content !important;
}

.navbar.navbar-dark.bg-dark .menu.langue button {
  background: #343434 !important;
  box-shadow: none !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
}

.navbar.navbar-dark.bg-dark .menu.langue button.dropdown-toggle::after {
  content: none !important;
}

.navbar.navbar-dark.bg-dark .menu.langue ul.dropdown-menu.show {
  margin-top: 0 !important;
}

.navbar.navbar-dark.bg-dark .menu.langue ul.dropdown-menu.show li a:hover {
  color: #d1b089 !important;
  background: #ffffff !important;
}

#sidenav-main .nvlink.active {
  background: #ffffff !important;
  box-shadow: none !important;
  border-radius: 25px !important;
  color: #ffffff;
}

#sidenav-main .nvlink.active div img {
  filter: invert(1);
}

#sidenav-main .nvlink.active span {
  color: #343434 !important;
}

.login-main-ch {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 150px;
  margin-right: auto;
  margin-left: auto;
  width: 80% !important;
  margin-top: 5% !important;
  flex: 1;
}

.login-main-ch .connexion-left img {
  display: flex;
  justify-content: center;
  margin: auto;
}

.login-main-ch .connexion-left .alert-danger strong {
  font-size: 14px !important;
  font-family: "Segoe UI", sans-serif;
}

.login-main-ch .connexion-left button.btn-close {
  width: 20px;
  height: 20px;
  background: none;
  top: 5px;
  right: 5px;
}

.login-main-ch .connexion-left button {
  background: #d1b089;
  color: #ffffff;
  font-size: 12px !important;
  border: 0px !important;
  height: 33px;
  width: 88px;
  padding: 0px !important;
  margin-bottom: 0px !important;
  box-shadow: none;
  border-radius: 25px !important;
}

.login-main-ch .connexion-left form .sub-btn {
  width: 100% !important;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.login-main-ch .connexion-left form .sub-btn .first-bloc-log {
  display: flex;
  justify-content: flex-end;
}

body.white-color {
  background: #ffffff;
}

.navbar.navbar-dark.bg-dark::before {
  content: none !important;
}

.login-main-ch .connexion-left h4 {
  color: #343434;
  font-size: 30px !important;
  display: flex;
  justify-content: center;
  margin-top: 35px;
  margin-bottom: 35px;
}

.login-main-ch form .input-log-check {
  width: 520px !important;
}

.login-main-ch .connexion-left form .disp-flx {
  display: flex;
  justify-content: center;
  position: relative;
}
.rtl main .container-fluid .container main .container-fluid .container {
  border: 1px solid #e6e7f1;
  border-radius: 14px;
  opacity: 1;
  background: #ffffff;
  min-height: 100%;
  position: relative;
}

main .container-fluid {
  padding: 25px !important;
}

aside #sidenav-collapse-main ul.navbar-nav span {
  padding-right: 10px;
}

.juritekuser {
  width: 26px !important;
  height: 26px !important;
  cursor: pointer;
}

.base-users.navbar.navbar-dark.bg-dark {
  grid-template-columns: 15% 65% 20%;
}

.name-user {
  padding: 0;
  display: flex;
}

.name-user img {
  border-radius: 25%;
}

.name-user p {
  margin: 0 !important;
  margin-left: 10px !important;
  font-size: 10px;
  letter-spacing: 2px !important;
  color: #ffffff;
  font-weight: 600;
}

.rtl .name-user p {
  margin-right: 10px !important;
}

form select.form-select {
  font-size: 14px !important;
  border: 1px solid #80a5b4 !important;
  padding-left: 10px !important;
  cursor: pointer;
  min-height: 38px !important;
}

form input {
  color: #000000 !important;
}

.regist-img-eye {
  position: relative;
}

.rtl .password-conf-eye#eye-conf,
.rtl .passwoed-eye#eye {
  left: 20px !important;
  right: auto;
}

.passwoed-eye#eye {
  position: absolute;
  display: flex;
  margin-top: 10px;
  right: 20px;
  cursor: pointer;
}

.password-conf-eye#eye-conf {
  position: absolute;
  margin-top: 10px !important;
  display: flex;
  margin-bottom: 10px;
  right: 20px;
  cursor: pointer;
}

.navbar.navbar-dark.bg-dark {
  height: 67px !important;
}

.passwoed-eye.ar,
.password-conf-eye.ar {
  margin-right: 220px;
  cursor: pointer;
}

.alert-no-active {
  background-color: #41b259 !important;
  width: 500px;
  margin: auto;
  display: flex;
  margin-bottom: 20px !important;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: left !important;
}

table.table.table-striped.dataTable thead th:last-child::after,
table.table.table-striped.dataTable thead th:last-child::before {
  content: none !important;
}

table.table.table-striped.dataTable thead th {
  color: #0e121a !important;
}

.title-Aff .marr-20px ul.dropdown-menu.show-col.show label {
  display: flex;
  align-items: center;
}
.title-Aff .btn-new-add .add-new-client-button.show {
  width: 160px !important;
}
.envoi-resend-pasww {
  background: #d1b089 !important;
}

.title-Aff h2 {
  color: #d1b089 !important;
  font-size: 19px !important;
  font-weight: 600;
  letter-spacing: 0 !important;
  font-family: "Montserrat", sans-serif;
  padding-top: 15px !important;
}

.pass-oubli-log {
  display: flex;
  align-items: center;
  font-size: 11px;
  text-decoration: underline;
  margin-right: 10px;
}

table.dataTable.table-striped > tbody > tr.odd > * {
  box-shadow: none !important;
}

table.dataTable > tbody > tr:hover {
  background-color: rgb(0 0 0 / 5%);
}

.title-Aff .btn-new-add a {
  background: #d1b089;
  box-shadow: none;
  font-size: 12px !important;
  border-radius: 25px;
  display: flex;
  align-items: center;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
}

.title-Aff .btn-new-add a:hover {
  background: #9e8364;
}

.title-Aff .btn-new-add a:active {
  background: #9e8364;
}
#ConfAnnulationAdmmn,
.title-Aff .btn-new-add button {
  background: #d1b089;
  box-shadow: none;
  font-size: 12px !important;
  border-radius: 25px;
  display: flex;
  align-items: center;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
  z-index: 10;
  box-shadow: none !important;
  width: max-content ;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active {
  border-color: none !important;
  box-shadow: none !important;
}
#emailV {
  display: none;
}
.btn-new-add ul.add-new-client-button-liste {
  margin-top: -25px !important;
  background-color: #e9d9c7;
  border: 1px solid #d1b089;
  border-radius: 0 0 25px 25px;
  z-index: 1;
  width: 160px !important;
  text-align: center;
  padding: 0 !important;
}

.btn-new-add ul.add-new-client-button-liste a {
  margin-left: 0 !important;
  color: #000000 !important;
  font-size: 12px !important;
  letter-spacing: 0;
  background: initial;
  display: flex;
  justify-content: center;
}

.btn-new-add ul.add-new-client-button-liste a:hover {
  border-radius: 0px 0px 0 0 !important;
}

.btn-new-add ul.add-new-client-button-liste a:last-child {
  border-radius: 0 0 25px 25px !important;
}

.btn-new-add ul.add-new-client-button-liste a span {
  margin-left: 0 !important;
}

.add-new-client-button-liste label {
  padding-bottom: 0.5rem !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

.add-new-client-button-liste label:hover {
  background-color: #9e8364 !important;
}

.add-new-client-button-liste label:first-child {
  padding-top: 15px !important;
}

.add-new-client-button-liste label:last-child {
  border-radius: 0 0 25px 25px;
}

.add-new-client-button-liste hr {
  width: 158px !important;
  height: 0;
  margin: 0 !important;
  border: 1px solid #d1b089;
}

.dropdown-toggle.add-new-client-button#defaultDropdownAddClient {
  padding-top: 0;
  padding-bottom: 0;
}

.dropdown-toggle.add-new-client-button#defaultDropdownAddClient::after {
  display: none;
}

.add-new-client-button {
  width: 240px;
}

.title-Aff .btn-new-add button:hover {
  background: #9e8364;
}

.btn-success:not(:disabled):not(.disabled):active {
  background-color: #9e8364;
  border: none;
  box-shadow: none;
  border-color: none;
}

.title-Aff .btn-new-add button:active {
  background: #9e8364;
}

.dataTables_paginate.paging_simple_numbers span .paginate_button {
  width: 26px !important;
  height: 26px !important;
  color: #0e121a;
  text-decoration: none;
  padding: 8px;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.dataTables_paginate.paging_simple_numbers span .paginate_button.current {
  background-color: #d1b089 !important;
  color: #ffffff;
}

.dataTables_paginate.paging_simple_numbers span .paginate_button:hover {
  background-color: #f1e7db;
}

#example_paginate .paginate_button.next {
  margin-left: 20px;
  color: #122832;
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 20px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none !important;
  cursor: pointer;
}

#example_paginate .paginate_button.previous {
  margin-right: 20px;
  color: #122832;
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 20px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none !important;
  cursor: pointer;
}

.table.table-striped.dataTable tbody .center-text.action-table i {
  cursor: pointer;
}

div.dataTables_wrapper div.dataTables_filter input {
  height: 40px;
  font-size: 16px;
  padding-left: 10px;
}

.table.table-striped.dataTable tbody .center-text.action-table a {
  color: #d1b089;
  padding-left: 5px;
  padding-right: 5px;
}

.table.table-striped.dataTable tbody .center-text.action-table a:hover {
  color: #cf6718;
}

.login-main-ch .connexion-left .activation-compte .btn-close {
  width: 25px !important;
  height: 25px !important;
}

.login-main-ch .connexion-left .activation-compte .btn-close span {
  font-size: 25px;
}

.addNewLigneFacture.update img {
  margin-bottom: -5px !important;
}
.identitepartieadverse,
.format-num-dossier {
  font-size: 10px;
  color: #575756;
  opacity: 0.5;
}
#emailExisteDeja.format-num-dossier,
#numDossierExisteDeja.format-num-dossier {
  color: #ff5353;
  opacity: 1;
}
.deleteSelectedRowsBtnAffiche {
  display: none;
}
#deleteSelectedRowsBtn.deleteSelectedRowsBtnAffiche {
  font-size: 14px !important;
  font-family: "Segoe UI", sans-serif;
  border-radius: 25px;
  box-shadow: none;
  text-transform: capitalize;
}
.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2.fc-toolbar-title {
  color: #273142 !important;
  letter-spacing: 0;
  font-size: 11px;
  font-family: "Segoe UI", sans-serif !important;
  display: flex;
  align-items: center;
  padding-right: 10px;
  padding-left: 10px;
}
.calendar-main #staticBackdropAudience fieldset.cadre-bloc {
  padding-top: 20px !important;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
}
.calendar-main #staticBackdropMission fieldset.cadre-bloc,
.calendar-main #staticBackdropRdv fieldset.cadre-bloc,
.calendar-main #staticBackdropRappel fieldset.cadre-bloc,
.calendar-main #staticBackdropConsultation fieldset.cadre-bloc {
  padding-top: 20px !important;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
}
.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk button,
.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk button {
  background-color: #f6efe7 !important;
  color: #273142;
  border: none !important;
  font-size: 11px;
  box-shadow: none;
}
button.fc-today-button.fc-button.fc-button-primary {
  border-radius: 25px !important;
  margin-right: 20px;
  margin-left: 20px !important;
}
.fc-toolbar-chunk
  .fc-button-group
  .fc-today-button.fc-button.fc-button-primary.fc-today-button {
  padding-left: 10px;
  padding-right: 10px;
}
.rtl .ligneFacture.arabe {
  margin-right: -30%;
}
.rtl .addNewLigneFacture {
  margin-right: 15%;
}
.fc-header-toolbar.fc-toolbar
  .fc-toolbar-chunk:first-child
  .fc-today-button.fc-button.fc-button-primary:disabled {
  background-color: #d1b089 !important;
  color: #ffffff;
  box-shadow: none !important;
  font-size: 11px;
  box-shadow: none !important;
  border-radius: 25px !important;
  opacity: 1 !important;
  padding-left: 10px;
  padding-right: 10px;
}
.fc-prev-button.fc-button.fc-button-primary:active,
.fc-next-button.fc-button.fc-button-primary:active {
  background-color: #d1b089 !important;
  color: #ffffff;
  box-shadow: none !important;
}
.fc-prev-button.fc-button.fc-button-primary:active .fc-icon-chevron-left:before,
.fc-next-button.fc-button.fc-button-primary:active
  .fc-icon-chevron-left:before {
  color: #f6efe7 !important;
}

.selected-date {
  background-color: yellow !important;
}

.selected-week {
  background-color: lightblue !important;
}

.title-filtre {
  color: #273142;
  margin-top: 40px;
  margin-bottom: 20px;
}
.calendar-main .home-right .agenda-flt {
  display: flex;
 /* align-items: center;*/
  column-gap: 10px;
  font-size: 14px !important;
  font-family: "Segoe UI", sans-serif !important;
}

.calendar-main .home-right .agenda-flt select {
  padding-left: 10px !important;
  border: 1px solid #e6e7f1 !important;
}
.filtre-calendar .title-filtre {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}
.filtre-calendar {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.filtre-calendar label {
  color: #9cb2cd;
  margin-left: 20px;
  font-size: 15px !important;
}
.filtre-calendar .aud-filtre,
.filtre-calendar .mis-filtre,
.filtre-calendar .cons-filtre,
.filtre-calendar .rap-filtre,
.filtre-calendar .rdv-filtre {
  padding-left: 20px;
  padding-right: 20px;
}

.fc-today-button.fc-button.fc-button-primary:active,
.fc-timeGridWeek-button.fc-button.fc-button-primary:active,
.fc-dayGridMonth-button.fc-button.fc-button-primary:active,
.fc-listWeek-button.fc-button.fc-button-primary:active,
.fc-timeGridDay-button.fc-button.fc-button-primary:active,
.fc-header-toolbar.fc-toolbar
  .fc-toolbar-chunk:first-child
  .fc-button-group
  .fc-header-toolbar.fc-toolbar
  .fc-toolbar-chunk
  button:active,
.fc-listWeek-button.fc-button.fc-button-primary.fc-button-active:active,
.fc-timeGridDay-button.fc-button.fc-button-primary.fc-button-active:active,
.fc-timeGridWeek-button.fc-button.fc-button-primary.fc-button-active:active,
.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active:active,
.fc-listWeek-button.fc-button.fc-button-primary.fc-button-active,
.fc-timeGridDay-button.fc-button.fc-button-primary.fc-button-active,
.fc-timeGridWeek-button.fc-button.fc-button-primary.fc-button-active,
.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active {
  background-color: #d1b089 !important;
  color: #ffffff;
  box-shadow: none !important;
  font-size: 12px;
  box-shadow: none !important;
  border-radius: 25px !important;
  opacity: 0.5;
}
button.fc-prev-button.fc-button.fc-button-primary:active
  .fc-icon-chevron-left:before,
button.fc-next-button.fc-button.fc-button-primary:active
  .fc-icon-chevron-right:before {
  color: #f6efe7 !important;
}

.fc-icon-chevron-left:before,
.fc-icon-chevron-right:before {
  color: #d1b089 !important;
}

button.fc-prev-button.fc-button.fc-button-primary,
button.fc-next-button.fc-button.fc-button-primary {
  border-radius: 50% !important;
}

.fc-listWeek-button.fc-button.fc-button-primary {
  border-radius: 0 25px 25px 0;
  padding-right: 15px !important;
}
.fc-dayGridMonth-button.fc-button.fc-button-primary {
  border-radius: 25px 0 0 25px;
  padding-left: 15px !important;
}
#deleteSelectedRowsBtn.deleteSelectedRowsBtnAffiche:focus {
  box-shadow: none;
}
.fc .fc-col-header-cell-cushion,
.fc .fc-toolbar-title,
.fc .fc-timegrid-slot-label-cushion,
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion .fc .fc-col-header-cell-cushion,
.fc .fc-daygrid-day-number {
  color: #d1b089 !important;
}
#category_li_utile_form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#category_li_utile_form .remove-row.lienU.remove-rowcat {
  margin-bottom: 0 !important;
}
/*Tablette*/

@media only screen and (min-width: 501px) and (max-width: 900px) {
  .modal-show-dossier .modal-body {
    background-color: #ffffff;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 !important;
    margin: 20px 40px !important;
    column-gap: 50px;
  }
  .navbar.navbar-dark.bg-dark .nav-menu-item {
    display: flex !important;
    justify-content: center !important;
  }
  .navbar.navbar-dark.bg-dark {
    grid-template-columns: 27% 49% 12%;
  }
  #box-Inscription.box-Inscription {
    margin-top: 25px !important;
  }
  .login-main-ch form .input-log-check {
    width: 300px !important;
  }
  .login-main-ch {
    width: auto !important;
    column-gap: 40px;
  }
  .connexion-left.input-log-check {
    width: 80% !important;
    margin: auto;
  }
  .main-content.login-main-ch .connexion-right img.LogoMenuJuriteck {
    width: 100% !important;
    height: 100%;
  }
}

/*Mobile*/
.rtl .plussaddeventAgenda {
  margin-right: -20px;
  padding-left: 15px !important;
}
.rtl .calendar-main .home-right {
  position: relative;
}
.rtl .calendar-main .home-right .cssPartieSmallAgendaTitle {
  display: contents;
}
.title-Aff .btn-new-add a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.modal-content {
  overflow-y: auto !important;
}
@media only screen and (max-width: 500px) {
  footer.login {
    position: inherit !important;
  }
  .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2.fc-toolbar-title,
  .fc .fc-col-header-cell-cushion {
    font-size: 9px;
  }
  .rtl #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
    margin-right: auto !important;
  }
  /*edited by maram*/
  .rtl .navbar.navbar-dark.bg-dark {
    border-radius: 0px 0px 0px 0px !important;
  }
  .navbar-vertical.navbar-expand-xs {
    max-width: 100% !important;
    border-radius: 0px !important;
  }
  html body.g-sidenav-show.bg-gray-100 #main-cnt {
    display: none;
  }
  .name-user p {
    display: none;
  }
  .base-users.navbar.navbar-dark.bg-dark {
    grid-template-columns: 40% 10% 50% !important;
  }
  .Logo-juritek.connect {
    width: -webkit-fill-available;
    margin-left: 10px !important;
  }
  main .container-fluid {
    padding: 10px !important;
  }
  .demi-cercle-theme {
    display: flex;
    align-items: flex-start !important;
    justify-content: center;
    height: 100%;
    gap: 50px;
  }
  div.dataTables_wrapper div.dataTables_paginate {
    right: 20px !important;
    position: relative;
  }
  .rtl div.dataTables_wrapper div.dataTables_paginate {
    left: 20px !important;
  }
  .PageLienUtileCss {
    width: 100% !important;
    justify-content: space-between;
    margin-top: 20px !important;
  }
  .cardlisteLiensUser {
    width: 45% !important;
    height: auto !important;
  }
  #heightmainPage > div.PageLienUtileCss.listeLienUtile > .cardlisteLiens {
    width: 45% !important;
  }
  .lienUtileCadere .liens_utiles_from,
  .lienUtileCadere #liens_utiles_from {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  form[name="affair_step"],
  form[name="complaint_step"],
  form[name="information_step"] {
    width: auto !important;
  }
  .Tutoriel #category_tutoriel_form,
  .lienUtileCadere #category_lien_utile_form {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* .title-Aff{
        align-items: flex-start;
    }
    .title-Aff div:first-child {
        align-self: center;
  } */
  .modal-annulation-dossier {
    padding-left: 2%;
    z-index: 99 !important;
  }
  .modal-content-annulation-dossier {
    width: 98% !important;
    height: fit-content;
    transform: none !important;
    margin: 0 !important;
  }
  .ligneFacture {
    display: block !important;
    width: max-content !important;
  }
  .addNewLigneFacture img {
    margin-left: 0 !important;
  }
  .rtl .ligneFacture.arabe,
  .rtl .addNewLigneFacture {
    margin-right: 0 !important;
  }
  .ligneFactureTable button.remove-row {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .calendar-main #staticBackdropAudience fieldset.cadre-bloc,
  .calendar-main #staticBackdropMission fieldset.cadre-bloc,
  .calendar-main #staticBackdropRdv fieldset.cadre-bloc,
  .calendar-main #staticBackdropRappel fieldset.cadre-bloc,
  .calendar-main #staticBackdropConsultation fieldset.cadre-bloc {
    grid-template-columns: 1fr;
  }
  #heightmainPage
    > div.row
    > div.col-lg-5.col-md-8.col-sm-12.firststepDossierTun2
    > div:nth-child(2)
    > form
    > fieldset.form-fieldset.cadre-bloc.fieldsetddClientFolderTun
    > div:nth-child(2)
    > div {
    flex-direction: column;
    align-items: flex-start !important;
  }
  form[name="information_step"] select#information_step_client {
    width: 100% !important;
  }
  #defaultDropdownAddClientr {
    margin-left: 0 !important;
  }
  #defaultDropdownAddClient {
    padding: 5px 0 0 0 !important;
  }
  #hello1,
  #noticeaddalert,
  .notice.success-update,
  .noticeaddDossier,
  .noticeeditDossier {
    width: fit-content !important;
    top: 0;
    bottom: auto !important;
    z-index: 999;
  }
  .info-principal-client,
  .form-creation-perso-physique.detail-client-fr #client_form .doc-avocat-resp,
  .detail-personne-moral-forrm-db #client_morale_form .doc-avocat-resp,
  .row.folderAll {
    display: flex !important;
    flex-direction: column;
  }
  .form-creation-perso-physique.detail-client-fr .info-principal-client .mb-3,
  .modal .form-creation-perso-physique.detail-client-fr .doc-avocat-resp .mb-3,
  .detail-personne-moral-forrm-db #client_morale_form .double-input .mb-3 {
    width: 100% !important;
  }
  .tableprocedureFolder {
    font-size: small;
  }
  .archiavage-icon-show-dossier {
    align-items: flex-start !important;
    gap: 10px !important;
    flex-direction: column;
  }
  #closeModFolders {
    margin-top: -58px !important;
  }
  .modal-show-dossier .modal-body {
    margin: 20px !important;
    overflow-x: hidden;
  }
  #deleteSelectedRowsBtn.deleteSelectedRowsBtnAffiche {
    position: absolute;
    top: 198px;
  }
  .itemLinkByVCategoryTuto {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px !important;
  }
  .TutorileUserAffichage {
    width: 100px;
  }
  .TutorileUserAffichage .card {
    width: 100% !important;
    overflow-x: hidden;
  }
  form.form-abonne-update {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .info-principal-abonne {
    display: flex !important;
    flex-direction: column;
  }
  form.form-abonne-update .info-principal-abonne .triple-input,
  form.form-abonne-update .info-principal-abonne .double-input,
  #client_form .info-principal-client .Coordonnees .double-input {
    display: flex !important;
    flex-direction: column;
  }
  form.form-abonne-update .reglementfatureab .double-input {
    flex-direction: column;
  }
  .addClientFromConsultation {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto;
  }
  .modal-show-dossier fieldset.cadre-bloc.factDet {
    grid-template-columns: 1fr !important;
  }
  .modal-show-dossier
    fieldset.cadre-bloc.factDet
    .rowsTableFactureConsultation {
    flex-direction: column;
    gap: 0;
  }
  form #collaborateur_form .ident-collab-3,
  form #collaborateur_form .collab-inp-2 {
    flex-direction: column;
  }
  form #collaborateur_form .ident-collab-3 .mb-3:first-child,
  form #collaborateur_form .ident-collab-3 .mb-3 {
    width: 100% !important;
  }
  .itemLinkByVCategory {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .rtl .category-name {
    text-align: right;
  }
  html.rtl body.g-sidenav-show.bg-gray-100 #main-cnt .demi-cercle-theme,
  html body.g-sidenav-show.bg-gray-100 #main-cnt .demi-cercle-theme,
  html.rtl,
  html.htmlAll {
    height: auto;
  }
  fieldset.cadre-bloc.folderShow {
    padding: 0 0.5em 0.5em 0.5em !important;
  }
  form.form-abonne-update .etat-civil legend.title-bloc,
  form.form-abonne-update .reglementfatureab legend.title-bloc {
    font-size: 14.5px !important;
  }
  /*end maram*/
  /*Agenda*/
  .navbar-vertical.navbar-expand-xs {
    max-width: none !important;
  }
  .title-Aff .btn-new-add a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  form #client_form .doc-avocat-resp,
  #client_form .info-principal-client .double-input,
  #client_form .info-principal-client .triple-input {
    flex-direction: column;
    display: flex !important;
  }
  #example_wrapper #example_filter.dataTables_filter input {
    width: calc(100vw - 125px) !important;
  }
  .htmlAll form#date-search {
    margin: 0 110px 10px 0 !important;
  }
  .rtl form#date-search {
    margin: 0 0 10px 110px !important;
  }
  .rtl .calendar-main .home-right .cssPartieSmallAgendaTitle,
  .cssPartieSmallAgendaTitle {
    display: none !important;
  }
  .rtl #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:first-child {
    margin: auto !important;
    margin-left: auto !important;
  }
  .calendar-main {
    width: 100%;
    display: flex;
    column-gap: 20px;
    flex-direction: column;
  }
  #calendrier {
    width: 100% !important;
  }
  #heightmainPage .calendar-main .eventAddCalendar {
    position: absolute;
    border: 0 !important;
    /* margin-top: 94px; */
  }
  .htmlAll #heightmainPage .calendar-main .eventAddCalendar {
    right: 20px;
  }
  .rtl #heightmainPage .calendar-main .eventAddCalendar {
    left: 20px !important;
  }
  #heightmainPage .calendar-main .eventAddCalendar button#defaultDropdown {
    margin-left: -90px !important;
    padding: 0 10px !important;
  }
  .rtl #heightmainPage .calendar-main .eventAddCalendar button#defaultDropdown {
    margin-right: -90px !important;
  }
  .calendar-main .home-right .agenda-flt.Agenda {
    margin-top: 20px;
  }
  .fc .fc-toolbar.fc-header-toolbar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 0.5rem;
  }
  #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
    margin: auto !important;
  }
  /*FinAgenda*/
  #box-Inscription.box-Inscription {
    margin-top: 20px !important;
  }
  /*.connexion-left.input-log-check{
        margin-top: 100px ;
    }*/

  .rtl .reduire-menu {
    margin-right: auto;
    margin-left: 30px;
  }

  input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background-image: url("admin/assets/img/icons/flags/path 6637.png")
      no-repeat !important;
    width: 20px;
    height: 20px;
    border-width: thin;
    cursor: pointer;
  }

  form .is-focused input {
    border: 1px solid #343434 !important;
  }

  /*
  .form-check:not(.form-switch) .form-check-input[type="checkbox"] {
    width: 15px !important;
    height: 15px !important;
    box-shadow: 0 0 3px black !important;
    border: black !important;
  }
  
  .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
    background: #D1B089 !important;
    border: black !important;
  }*/

  /* TODO */
  .modal-show-dossier
    fieldset.cadre-bloc.factDet
    .rowsTableFactureConsultation {
    display: flex;
    width: max-content;
    flex-direction: row;
    gap: 20px;
  }
  .modal-show-dossier fieldset.cadre-bloc.factDet {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    padding: 1.4em !important;
    margin: 0px 20px 20px 20px !important;
    background-color: #ffffff;
  }
  .modal-show-dossier fieldset.cadre-bloc.factDet label {
    color: #575756 !important;
    font-weight: 400;
    font-family: "Segoe UI", sans-serif !important;
    letter-spacing: 0.31px !important;
  }
  .modal-show-dossier fieldset.cadre-bloc.factDet div.mb-3 div {
    padding-left: 10px !important;
  }
  #box-Inscription.box-Inscription {
    width: 550px !important;
    margin: auto !important;
    margin-top: 50px !important;
    box-shadow: none;
    border-top: none;
    padding: 0;
  }
  .listecategpourTuto {
    display: flex;
    margin-bottom: 0 !important;
  }
  .modal-show-dossier .modal-body.info-general.fac fieldset {
    grid-template-columns: repeat(2, 1fr) !important;
    display: grid;
    column-gap: 10px;
  }
  .double-form {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 31px;
  }
  .addClientFromConsultation {
    display: grid !important;
    grid-template-columns: 100% 100%;
    align-items: center;
  }
  #mission_form.form-update-contrat .missionEmail.cadre-bloc.bloc1 {
    margin-bottom: 35px !important;
  }
  .addClientFromConsultation
    .dropdown-toggle.add-new-client-button#defaultDropdownAddClient {
    width: max-content;
    margin-bottom: 0 !important;
    background: transparent;
    box-shadow: none;
    color: #41b259 !important;
    font-size: 14px !important;
    text-transform: none;
    margin-top: 5px !important;
    height: fit-content;
  }
  .fc-daygrid-dot-event .fc-event-title {
    font-family: "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    color: #ffffff !important;
    letter-spacing: 0;
  }
  .fc-direction-ltr .fc-daygrid-event .fc-event-time {
    color: #ffffff !important;
  }
  .calendar-main .home-right .agenda-flt.Agenda {
    align-items: baseline !important;
  }
  .multipleSelectionAgenda.multipleSelectionAgenda {
    width: -webkit-fill-available;
  }
  .multipleSelectionAgenda.multipleSelectionAgenda #checkBoxesAgenda label {
    color: #000 !important;
  }
  .elementcollaborateur {
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
  }
  .elementcollaborateur label {
    margin-bottom: 0 !important;
  }
  .rtl .modal-content-annulation-dossier h2 {
    display: flex !important;
  }
  .fc-header-toolbar.fc-toolbar {
    order: 2;
  }
  .fc-view-harness.fc-view-harness-active {
    order: 3;
  }
  form#date-search {
    order: 1;
  }
  form#date-search input#date {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: auto !important;
  }
  form#date-search button {
    height: 29px !important;
  }
  .classrelativeDate {
    position: relative !important;
  }
  .classrelativeDate .firstButton {
    position: absolute;
    right: 0;
  }
  .ligneFacture {
    grid-template-columns: 48% 50% !important;
    margin-left: 0 !important;
  }
  .addNewLigneFacture {
    margin-left: 0 !important;
    width: 70%;
  }
  .stepper.new-dossier .tiret {
    width: 0 !important;
  }
  form #collaborateur_form {
    display: block !important;
    width: auto !important;
  }
  .stepper.new-dossier,
  form#facture-form-step.facture-form-step,
  form.audience_form_wid,
  .form-update-contrat,
  form.form-mission-update {
    width: auto !important;
  }
  form.form-contrat-update #contrat_form .double-form,
  form.form-contrat-update #contrat_form .triple-form,
  #consultation_form .double-form,
  #audience_original_form .double-form,
  #rdv_form .double-form,
  #rappel_form .double-form,
  #mission_form .double-form {
    display: block !important;
  }
  #client_morale_form,
  form.form-creation-perso-physique {
    width: 100% !important;
  }
  form.form-creation-perso-physique #client_form .info-principal-client {
    display: block;
  }
  form #client_morale_form .doc-avocat-resp .mb-3:first-child,
  form #client_form .doc-avocat-resp .mb-3:first-child {
    width: 100% !important;
  }
  .demi-cercle-theme #heightmainPage .carousel-container {
    margin: 0;
    /*margin-top: calc(850px - 100vh);*/
    margin-top: 20px;
    height: min-content !important;
  }
  html body.g-sidenav-show.bg-gray-100 #main-cnt #container-js-red {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .demi-cercle-theme
    #heightmainPage
    .carousel-container
    .carousel-slide
    .slide-content {
    display: flex;
    align-items: center;
    column-gap: 40px;
    flex-direction: column;
  }
  .demi-cercle-theme
    #heightmainPage
    .carousel-container
    .carousel-slide
    .carousel-description {
    width: auto;
  }
  form.form-contrat-update {
    width: auto !important;
  }
  /*html.htmlAll body.g-sidenav-show.bg-gray-100 #main-cnt{
        margin-left: 15.125rem !important;
    }*/
  .modal-show-dossier.show .modal-dialog {
    width: 80% !important;
  }
  .title-Aff {
    margin: auto !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 25px 0 15px 0;
    text-align: center;
  }

  .modal-show-dossier .modal-body {
    display: flex !important;
    flex-direction: column !important;
  }
  .fixbtnaddnewclientmobile,
  .btn-new-add .displayflexfacture {
    margin-top: 50px;
    width: calc(100vw - 125px);
    justify-content: space-between;
  }
  #example_wrapper #example_filter.dataTables_filter {
    right: 22px !important;
    margin-top: -120px !important;
  }
  aside#sidenav-main.sidenav {
    margin: 0 !important;
    height: 100%; /*edited by Maram*/
    z-index: 99;
    margin-top: 66px !important;
  }
  #demi-cercle-img.demi-cercle-img {
    display: none !important;
  }
  .navbar.navbar-dark.bg-dark.mobile #defaultDropdownAvocats {
    padding: 0 !important;
    flex: 0 0 auto !important;
  }
  #registration_form .triple-form {
    display: flex !important;
    gap: 25px !important;
    flex-direction: row !important;
  }
  .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    right: 15px !important;
  }
  aside.sidenav.navbar-vertical img.demi-cercle-img {
    display: none !important;
  }
  .info-principale-client-morale {
    display: flex !important;
    flex-direction: column;
  }
  .num-telephone-prop {
    width: -webkit-fill-available !important;
  }
  .login-main-ch .connexion-left.input-log-check form {
    width: auto !important;
  }
  #registration_form .triple-form {
    flex-direction: row;
    gap: 25px !important;
  }
  #registration_form .triple-form .mb-3 {
    width: 100% !important;
  }
  .notifMobile {
    display: none;
  }
  .navbar.navbar-dark.bg-dark {
    display: grid;
    /*position: absolute;*/
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: -webkit-fill-available;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }
  .navbar.navbar-dark.bg-dark.mobile {
    display: block !important;
  }
  .navbar.navbar-dark.bg-dark.mobile {
    display: grid !important;
    grid-template-columns: 50% 20% 30% !important;
  }
  .navbar.navbar-dark.bg-dark.mobile #defaultDropdownAvocats {
    background: #343434 !important;
    box-shadow: none !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    padding: 0;
  }
  .navbar.navbar-dark.bg-dark.mobile .btn-group.site ul {
    margin: 0;
    background: #343434 !important;
  }
  .navbar.navbar-dark.bg-dark.mobile .btn-group.site ul li a {
    color: #ffffff;
  }
  .navbar.navbar-dark.bg-dark.mobile .btn-group.site button {
    background: #ffffff !important;
    color: #d1b089 !important;
    border-radius: 25px;
  }
  #box-Inscription {
    margin: 25px !important;
    width: auto !important;
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  #box-Inscription .card-header {
    margin: auto;
  }
  #box-Inscription form {
    display: flex;
    flex-direction: column;
  }
  #box-Inscription form #registration_form .double-form {
    display: block !important;
  }
  .row.justify-content {
    display: flex;
    justify-content: center !important;
    margin: 0px;
  }
  .login-main-ch .connexion-right img.LogoMenuJuriteck {
    width: 100% !important;
    height: 100% !important;
  }
  .login-main-ch {
    display: block !important;
  }
  .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    width: 0px !important;
  }
  .select2-container .select2-selection--single {
    height: 39px !important;
    width: 100% !important;
    border-radius: 5px !important;
  }
  #client_form .form-check {
    padding-left: 0 !important;
    display: flex;
    align-items: center;
  }
  input[type="checkbox"].client_form_Desactive {
    display: none !important;
  }
  input[type="checkbox"].client_form_Desactive + label {
    box-sizing: border-box;
    display: flex;
    width: 3rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    padding: 2px;
    background-color: #c0ceda;
    transition: all 0.5s;
    align-items: center;
  }
  input[type="checkbox"].client_form_Desactive + label::before {
    box-sizing: border-box;
    display: block;
    content: "";
    height: calc(1.5rem - 4px);
    width: calc(1.5rem - 4px);
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.5s;
  }

  .name-user p {
    margin: 0 !important;
    margin-left: 10px !important;
    font-size: 10px;
    letter-spacing: 2px !important;
    color: #ffffff;
    font-weight: 600;
  }

  .rtl .name-user p {
    margin-right: 10px !important;
  }

  form select.form-select {
    font-size: 14px !important;
    border: 1px solid #80a5b4 !important;
    padding-left: 10px !important;
    cursor: pointer;
    min-height: 38px !important;
  }

  form input {
    color: #000000 !important;
  }

  .regist-img-eye {
    position: relative;
  }

  .rtl .password-conf-eye#eye-conf,
  .rtl .passwoed-eye#eye {
    left: 20px !important;
    right: auto;
  }

  .passwoed-eye#eye {
    position: absolute;
    display: flex;
    margin-top: 10px;
    right: 20px;
    cursor: pointer;
  }

  .password-conf-eye#eye-conf {
    position: absolute;
    margin-top: 10px !important;
    display: flex;
    margin-bottom: 10px;
    right: 20px;
    cursor: pointer;
  }

  .navbar.navbar-dark.bg-dark {
    height: 67px !important;
  }

  .passwoed-eye.ar,
  .password-conf-eye.ar {
    margin-right: 220px;
    cursor: pointer;
  }

  .alert-no-active {
    background-color: #41b259 !important;
    width: 500px;
    margin: auto;
    display: flex;
    margin-bottom: 20px !important;
  }

  div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
  }

  table.table.table-striped.dataTable thead th:last-child::after,
  table.table.table-striped.dataTable thead th:last-child::before {
    content: none !important;
  }

  table.table.table-striped.dataTable thead th {
    color: #0e121a !important;
  }

  .title-Aff .marr-20px ul.dropdown-menu.show-col.show label {
    display: flex;
    align-items: center;
  }

  .envoi-resend-pasww {
    background: #d1b089 !important;
  }

  .title-Aff h2 {
    color: #d1b089 !important;
    font-size: 19px !important;
    font-weight: 600;
    letter-spacing: 0 !important;
    font-family: "Montserrat", sans-serif;
    padding-top: 15px !important;
  }

  .pass-oubli-log {
    display: flex;
    align-items: center;
    font-size: 11px;
    text-decoration: underline;
    margin-right: 10px;
  }

  table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: none !important;
  }

  table.dataTable > tbody > tr:hover {
    background-color: rgb(0 0 0 / 5%);
  }

  .title-Aff .btn-new-add a {
    background: #d1b089;
    box-shadow: none;
    font-size: 12px !important;
    border-radius: 25px;
    display: flex;
    align-items: center;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
  }

  .title-Aff .btn-new-add a:hover {
    background: #9e8364;
  }

  .title-Aff .btn-new-add a:active {
    background: #9e8364;
  }
  #ConfAnnulationAdmmn,
  .title-Aff .btn-new-add button {
    background: #d1b089;
    box-shadow: none;
    font-size: 12px !important;
    border-radius: 25px;
    display: flex;
    align-items: center;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
    z-index: 10;
    box-shadow: none !important;
    width: max-content !important;
    padding-left: 15px;
    padding-right: 15px;
  }

  .btn-check:active + .btn,
  .btn-check:checked + .btn,
  .btn.active,
  .btn.show,
  .btn:active {
    border-color: none !important;
    box-shadow: none !important;
  }
  #emailV {
    display: none;
  }
  .btn-new-add ul.add-new-client-button-liste {
    margin-top: -25px !important;
    background-color: #e9d9c7;
    border: 1px solid #d1b089;
    border-radius: 0 0 25px 25px;
    z-index: 1;
    width: 160px !important;
    text-align: center;
    padding: 0 !important;
  }

  .btn-new-add ul.add-new-client-button-liste a {
    margin-left: 0 !important;
    color: #000000 !important;
    font-size: 12px !important;
    letter-spacing: 0;
    background: #e9d9c7;
    display: flex;
    justify-content: center;
  }

  .btn-new-add ul.add-new-client-button-liste a:hover {
    border-radius: 0px 0px 0 0 !important;
  }

  .btn-new-add ul.add-new-client-button-liste a:last-child {
    border-radius: 0 0 25px 25px !important;
  }

  .btn-new-add ul.add-new-client-button-liste a span {
    margin-left: 0 !important;
  }

  .add-new-client-button-liste label {
    padding-bottom: 0.5rem !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
  }

  .add-new-client-button-liste label:hover {
    background-color: #9e8364 !important;
  }

  .add-new-client-button-liste label:first-child {
    padding-top: 15px !important;
  }

  .add-new-client-button-liste label:last-child {
    border-radius: 0 0 25px 25px;
  }

  .add-new-client-button-liste hr {
    width: 240px !important;
    height: 0;
    margin: 0 !important;
    border: 1px solid #d1b089;
  }

  .dropdown-toggle.add-new-client-button#defaultDropdownAddClient {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dropdown-toggle.add-new-client-button#defaultDropdownAddClient::after {
    display: none;
  }

  .add-new-client-button {
    width: 240px !important;
  }

  .title-Aff .btn-new-add button:hover {
    background: #9e8364;
  }

  .btn-success:not(:disabled):not(.disabled):active {
    background-color: #9e8364;
    border: none;
    box-shadow: none;
    border-color: none;
  }

  .title-Aff .btn-new-add button:active {
    background: #9e8364;
  }

  .dataTables_paginate.paging_simple_numbers span .paginate_button {
    width: 26px !important;
    height: 26px !important;
    color: #0e121a;
    text-decoration: none;
    padding: 8px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .dataTables_paginate.paging_simple_numbers span .paginate_button.current {
    background-color: #d1b089 !important;
    color: #ffffff;
  }

  .dataTables_paginate.paging_simple_numbers span .paginate_button:hover {
    background-color: #f1e7db;
  }

  #example_paginate .paginate_button.next {
    margin-left: 20px;
    color: #122832;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none !important;
    cursor: pointer;
  }

  #example_paginate .paginate_button.previous {
    margin-right: 20px;
    color: #122832;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none !important;
    cursor: pointer;
  }

  .table.table-striped.dataTable tbody .center-text.action-table i {
    cursor: pointer;
  }

  div.dataTables_wrapper div.dataTables_filter input {
    height: 40px;
    font-size: 16px;
    padding-left: 10px;
  }

  .table.table-striped.dataTable tbody .center-text.action-table a {
    color: #d1b089;
    padding-left: 5px;
    padding-right: 5px;
  }

  .table.table-striped.dataTable tbody .center-text.action-table a:hover {
    color: #cf6718;
  }

  .login-main-ch .connexion-left .activation-compte .btn-close {
    width: 25px !important;
    height: 25px !important;
  }

  .login-main-ch .connexion-left .activation-compte .btn-close span {
    font-size: 25px;
  }

  .addNewLigneFacture.update img {
    margin-bottom: -5px !important;
  }
  .identitepartieadverse,
  .format-num-dossier {
    font-size: 10px;
    color: #575756;
    opacity: 0.5;
  }
  #numDossierExisteDeja.format-num-dossier {
    color: #ff5353;
    opacity: 1;
  }
  .deleteSelectedRowsBtnAffiche {
    display: none;
  }
  #deleteSelectedRowsBtn.deleteSelectedRowsBtnAffiche {
    font-size: 14px !important;
    font-family: "Segoe UI", sans-serif;
    border-radius: 25px;
    box-shadow: none;
    text-transform: capitalize;
  }
  .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2.fc-toolbar-title {
    color: #273142 !important;
    letter-spacing: 0;
    font-size: 12px;
    font-family: "Segoe UI", sans-serif !important;
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
  }
  .calendar-main #staticBackdropAudience fieldset.cadre-bloc {
    padding-top: 20px !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
  }
  .calendar-main #staticBackdropMission fieldset.cadre-bloc,
  .calendar-main #staticBackdropRdv fieldset.cadre-bloc,
  .calendar-main #staticBackdropRappel fieldset.cadre-bloc,
  .calendar-main #staticBackdropConsultation fieldset.cadre-bloc {
    padding-top: 20px !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
  }
  .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk button,
  .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk button {
    background-color: #f6efe7 !important;
    color: #273142;
    border: none !important;
    font-size: 11px;
    box-shadow: none;
  }
  button.fc-today-button.fc-button.fc-button-primary {
    border-radius: 25px !important;
    margin-right: 20px;
    margin-left: 20px !important;
  }
  .fc-toolbar-chunk
    .fc-button-group
    .fc-today-button.fc-button.fc-button-primary.fc-today-button {
    padding-left: 10px;
    padding-right: 10px;
  }
  .rtl .ligneFacture.arabe {
    margin-right: -30%;
  }
  .rtl .addNewLigneFacture {
    margin-right: 15%;
  }
  .fc-header-toolbar.fc-toolbar
    .fc-toolbar-chunk:first-child
    .fc-today-button.fc-button.fc-button-primary:disabled {
    background-color: #d1b089 !important;
    color: #ffffff;
    box-shadow: none !important;
    font-size: 11px;
    box-shadow: none !important;
    border-radius: 25px !important;
    opacity: 1 !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .fc-prev-button.fc-button.fc-button-primary:active,
  .fc-next-button.fc-button.fc-button-primary:active {
    background-color: #d1b089 !important;
    color: #ffffff;
    box-shadow: none !important;
  }
  .fc-prev-button.fc-button.fc-button-primary:active
    .fc-icon-chevron-left:before,
  .fc-next-button.fc-button.fc-button-primary:active
    .fc-icon-chevron-left:before {
    color: #f6efe7 !important;
  }

  .selected-date {
    background-color: yellow !important;
  }

  .selected-week {
    background-color: lightblue !important;
  }

  .title-filtre {
    color: #273142;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .calendar-main .home-right .agenda-flt {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: 14px !important;
    font-family: "Segoe UI", sans-serif !important;
  }

  .calendar-main .home-right .agenda-flt select {
    padding-left: 10px !important;
    border: 1px solid #e6e7f1 !important;
  }
  .filtre-calendar .title-filtre {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
  }
  .filtre-calendar {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .filtre-calendar label {
    color: #9cb2cd;
    margin-left: 20px;
    font-size: 15px !important;
  }
  .filtre-calendar .aud-filtre,
  .filtre-calendar .mis-filtre,
  .filtre-calendar .cons-filtre,
  .filtre-calendar .rap-filtre,
  .filtre-calendar .rdv-filtre {
    padding-left: 20px;
    padding-right: 20px;
  }

  .fc-today-button.fc-button.fc-button-primary:active,
  .fc-timeGridWeek-button.fc-button.fc-button-primary:active,
  .fc-dayGridMonth-button.fc-button.fc-button-primary:active,
  .fc-listWeek-button.fc-button.fc-button-primary:active,
  .fc-timeGridDay-button.fc-button.fc-button-primary:active,
  .fc-header-toolbar.fc-toolbar
    .fc-toolbar-chunk:first-child
    .fc-button-group
    .fc-header-toolbar.fc-toolbar
    .fc-toolbar-chunk
    button:active,
  .fc-listWeek-button.fc-button.fc-button-primary.fc-button-active:active,
  .fc-timeGridDay-button.fc-button.fc-button-primary.fc-button-active:active,
  .fc-timeGridWeek-button.fc-button.fc-button-primary.fc-button-active:active,
  .fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active:active,
  .fc-listWeek-button.fc-button.fc-button-primary.fc-button-active,
  .fc-timeGridDay-button.fc-button.fc-button-primary.fc-button-active,
  .fc-timeGridWeek-button.fc-button.fc-button-primary.fc-button-active,
  .fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active {
    background-color: #d1b089 !important;
    color: #ffffff;
    box-shadow: none !important;
    font-size: 12px;
    box-shadow: none !important;
    border-radius: 25px !important;
    opacity: 0.5;
  }
  button.fc-prev-button.fc-button.fc-button-primary:active
    .fc-icon-chevron-left:before,
  button.fc-next-button.fc-button.fc-button-primary:active
    .fc-icon-chevron-right:before {
    color: #f6efe7 !important;
  }

  .fc-icon-chevron-left:before,
  .fc-icon-chevron-right:before {
    color: #d1b089 !important;
  }

  button.fc-prev-button.fc-button.fc-button-primary,
  button.fc-next-button.fc-button.fc-button-primary {
    border-radius: 50% !important;
  }

  .fc-listWeek-button.fc-button.fc-button-primary {
    border-radius: 0 25px 25px 0;
    padding-right: 15px !important;
  }
  .fc-dayGridMonth-button.fc-button.fc-button-primary {
    border-radius: 25px 0 0 25px;
    padding-left: 15px !important;
  }
  #deleteSelectedRowsBtn.deleteSelectedRowsBtnAffiche:focus {
    box-shadow: none;
  }
  .fc .fc-col-header-cell-cushion,
  .fc .fc-toolbar-title,
  .fc .fc-timegrid-slot-label-cushion,
  .fc .fc-timegrid-axis-cushion,
  .fc .fc-timegrid-slot-label-cushion .fc .fc-col-header-cell-cushion,
  .fc .fc-daygrid-day-number {
    color: #d1b089 !important;
  }
  /*Tablette*/

  @media only screen and (min-width: 501px) and (max-width: 900px) {
    .modal-show-dossier .modal-body {
      background-color: #ffffff;
      display: grid !important;
      grid-template-columns: repeat(2, 1fr);
      padding: 0 !important;
      margin: 20px 40px !important;
      column-gap: 50px;
    }
    .navbar.navbar-dark.bg-dark .nav-menu-item {
      display: flex !important;
      justify-content: center !important;
    }
    .navbar.navbar-dark.bg-dark {
      grid-template-columns: 27% 49% 12%;
    }
    #box-Inscription.box-Inscription {
      margin-top: 25px !important;
    }
    .login-main-ch form .input-log-check {
      width: 300px !important;
    }
    .login-main-ch {
      width: auto !important;
      column-gap: 40px;
    }
    .connexion-left.input-log-check {
      width: 80% !important;
      margin: auto;
    }
    .main-content.login-main-ch .connexion-right img.LogoMenuJuriteck {
      width: 100% !important;
      height: 100%;
    }
  }

  /*Mobile*/
  .rtl .plussaddeventAgenda {
    margin-right: -20px;
    padding-left: 15px !important;
  }
  .rtl .calendar-main .home-right {
    position: relative;
  }
  .rtl .calendar-main .home-right .cssPartieSmallAgendaTitle {
    display: contents;
  }
  .title-Aff .btn-new-add a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .modal-content {
    overflow-y: auto !important;
  }
  @media only screen and (max-width: 500px) {
    footer.login {
      position: inherit !important;
    }
    .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2.fc-toolbar-title,
    .fc .fc-col-header-cell-cushion {
      font-size: 9px;
    }
    .rtl
      #calendrier
      .fc-header-toolbar.fc-toolbar
      .fc-toolbar-chunk:last-child {
      margin-right: auto !important;
    }
    /*edited by maram*/
    .rtl .navbar.navbar-dark.bg-dark {
      border-radius: 0px 0px 0px 0px !important;
    }
    .navbar-vertical.navbar-expand-xs {
      max-width: 100% !important;
      border-radius: 0px !important;
    }
    html body.g-sidenav-show.bg-gray-100 #main-cnt {
      display: none;
    }
    .name-user p {
      display: none;
    }
    .base-users.navbar.navbar-dark.bg-dark {
      grid-template-columns: 40% 10% 50% !important;
    }
    .Logo-juritek.connect {
      width: -webkit-fill-available;
      margin-left: 10px !important;
    }
    main .container-fluid {
      padding: 10px !important;
    }
    .demi-cercle-theme {
      display: flex;
      align-items: flex-start !important;
      justify-content: center;
      height: 100%;
      gap: 50px;
    }
    div.dataTables_wrapper div.dataTables_paginate {
      right: 20px !important;
      position: relative;
    }
    .rtl div.dataTables_wrapper div.dataTables_paginate {
      left: 20px !important;
    }
    .PageLienUtileCss {
      width: 100% !important;
      justify-content: space-between;
      margin-top: 20px !important;
    }
    .cardlisteLiensUser {
      width: 45% !important;
      height: auto !important;
    }
    #heightmainPage > div.PageLienUtileCss.listeLienUtile > .cardlisteLiens {
      width: 45% !important;
    }
    .lienUtileCadere .liens_utiles_from,
    .lienUtileCadere #liens_utiles_from {
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
    }
    form[name="affair_step"],
    form[name="complaint_step"],
    form[name="information_step"] {
      width: auto !important;
    }
    .Tutoriel #category_tutoriel_form,
    .lienUtileCadere #category_lien_utile_form {
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
    }
    /* .title-Aff{
          align-items: flex-start;
      }
      .title-Aff div:first-child {
          align-self: center;
    } */
    .modal-annulation-dossier {
      padding-left: 2%;
      z-index: 99 !important;
    }
    .modal-content-annulation-dossier {
      width: 98% !important;
      height: fit-content;
      transform: none !important;
      margin: 0 !important;
    }
    .ligneFacture {
      display: block !important;
      width: max-content !important;
    }
    .addNewLigneFacture img {
      margin-left: 0 !important;
    }
    .rtl .ligneFacture.arabe,
    .rtl .addNewLigneFacture {
      margin-right: 0 !important;
    }
    .ligneFactureTable button.remove-row {
      position: relative !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    .calendar-main #staticBackdropAudience fieldset.cadre-bloc,
    .calendar-main #staticBackdropMission fieldset.cadre-bloc,
    .calendar-main #staticBackdropRdv fieldset.cadre-bloc,
    .calendar-main #staticBackdropRappel fieldset.cadre-bloc,
    .calendar-main #staticBackdropConsultation fieldset.cadre-bloc {
      grid-template-columns: 1fr;
    }
    #heightmainPage
      > div.row
      > div.col-lg-5.col-md-8.col-sm-12.firststepDossierTun2
      > div:nth-child(2)
      > form
      > fieldset.form-fieldset.cadre-bloc.fieldsetddClientFolderTun
      > div:nth-child(2)
      > div {
      flex-direction: column;
      align-items: flex-start !important;
    }
    form[name="information_step"] select#information_step_client {
      width: 100% !important;
    }
    #defaultDropdownAddClientr {
      margin-left: 0 !important;
    }
    #defaultDropdownAddClient {
      padding: 5px 0 0 0 !important;
    }
    #hello1,
    #noticeaddalert,
    .notice.success-update,
    .noticeaddDossier,
    .noticeeditDossier {
      width: fit-content !important;
      top: 0;
      bottom: auto !important;
      z-index: 999;
    }
    #defaultDropdownAddClient {
      width: fit-content !important;
      padding: 0 10px !important;
    }
    .info-principal-client,
    .form-creation-perso-physique.detail-client-fr
      #client_form
      .doc-avocat-resp,
    .detail-personne-moral-forrm-db #client_morale_form .doc-avocat-resp,
    .row.folderAll {
      display: flex !important;
      flex-direction: column;
    }
    .form-creation-perso-physique.detail-client-fr .info-principal-client .mb-3,
    .modal
      .form-creation-perso-physique.detail-client-fr
      .doc-avocat-resp
      .mb-3 {
      width: 100% !important;
    }
    .tableprocedureFolder {
      font-size: small;
    }
    .archiavage-icon-show-dossier {
      align-items: flex-start !important;
      gap: 10px !important;
      flex-direction: column;
    }
    #closeModFolders {
      margin-top: -58px !important;
    }
    .modal-show-dossier .modal-body {
      margin: 20px !important;
      overflow-x: hidden;
    }
    #deleteSelectedRowsBtn.deleteSelectedRowsBtnAffiche {
      position: absolute;
      top: 198px;
    }
    .itemLinkByVCategoryTuto {
      display: flex !important;
      flex-wrap: wrap;
      justify-content: center;
      gap: 25px !important;
    }
    .TutorileUserAffichage {
      width: 100px;
    }
    .TutorileUserAffichage .card {
      width: 100% !important;
      overflow-x: hidden;
    }
    form.form-abonne-update {
      margin-right: 10px !important;
      margin-left: 10px !important;
    }
    .info-principal-abonne {
      display: flex !important;
      flex-direction: column;
    }
    form.form-abonne-update .info-principal-abonne .triple-input,
    form.form-abonne-update .info-principal-abonne .double-input,
    #client_form .info-principal-client .Coordonnees .double-input {
      display: flex !important;
      flex-direction: column;
    }
    form.form-abonne-update .reglementfatureab .double-input {
      flex-direction: column;
    }
    .addClientFromConsultation {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto;
    }
    .modal-show-dossier fieldset.cadre-bloc.factDet {
      grid-template-columns: 1fr !important;
    }
    .modal-show-dossier
      fieldset.cadre-bloc.factDet
      .rowsTableFactureConsultation {
      flex-direction: column;
      gap: 0;
    }
    form #collaborateur_form .ident-collab-3,
    form #collaborateur_form .collab-inp-2 {
      flex-direction: column;
    }
    form #collaborateur_form .ident-collab-3 .mb-3:first-child,
    form #collaborateur_form .ident-collab-3 .mb-3 {
      width: 100% !important;
    }
    .itemLinkByVCategory {
      grid-template-columns: repeat(2, 1fr) !important;
    }
    .rtl .category-name {
      text-align: right;
    }
    /*end maram*/
    /*Agenda*/
    .navbar-vertical.navbar-expand-xs {
      max-width: none !important;
    }
    .title-Aff .btn-new-add a {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    form #client_form .doc-avocat-resp,
    #client_form .info-principal-client .double-input,
    #client_form .info-principal-client .triple-input {
      flex-direction: column;
      display: flex !important;
    }
    #example_wrapper #example_filter.dataTables_filter input {
      width: calc(100vw - 125px) !important;
    }
    .htmlAll form#date-search {
      margin: 0 110px 10px 0 !important;
    }
    .rtl form#date-search {
      margin: 0 0 10px 110px !important;
    }
    .rtl .calendar-main .home-right .cssPartieSmallAgendaTitle,
    .cssPartieSmallAgendaTitle {
      display: none !important;
    }
    .rtl
      #calendrier
      .fc-header-toolbar.fc-toolbar
      .fc-toolbar-chunk:first-child {
      margin: auto !important;
      margin-left: auto !important;
    }
    .calendar-main {
      width: 100%;
      display: flex;
      column-gap: 20px;
      flex-direction: column;
    }
    #calendrier {
      width: 100% !important;
    }
    #heightmainPage .calendar-main .eventAddCalendar {
      position: absolute;
      border: 0 !important;
      /* margin-top: 94px; */
    }
    .htmlAll #heightmainPage .calendar-main .eventAddCalendar {
      right: 20px;
    }
    .rtl #heightmainPage .calendar-main .eventAddCalendar {
      left: 20px !important;
    }
    #heightmainPage .calendar-main .eventAddCalendar button#defaultDropdown {
      margin-left: -90px !important;
      padding: 0 10px !important;
    }
    .rtl
      #heightmainPage
      .calendar-main
      .eventAddCalendar
      button#defaultDropdown {
      margin-right: -90px !important;
    }
    .calendar-main .home-right .agenda-flt.Agenda {
      margin-top: 20px;
    }
    .fc .fc-toolbar.fc-header-toolbar {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 0.5rem;
    }
    #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
      margin: auto !important;
    }
    /*FinAgenda*/
    #box-Inscription.box-Inscription {
      margin-top: 20px !important;
    }
    /*.connexion-left.input-log-check{
          margin-top: 100px ;
      }*/

    .rtl .reduire-menu {
      margin-right: auto;
      margin-left: 30px;
    }
    form#facture-form-step.facture-form-step .grid-fr-input,
    form #audience_form .dossier-double-input,
    .ligneFactureTable {
      display: block !important;
    }
    .ligneFacture {
      grid-template-columns: 48% 50% !important;
      margin-left: 0 !important;
    }
    .addNewLigneFacture {
      margin-left: 0 !important;
      width: 70%;
    }
    .stepper.new-dossier .tiret {
      width: 0 !important;
    }
    form #collaborateur_form {
      display: block !important;
      width: auto !important;
    }
    .stepper.new-dossier,
    form#facture-form-step.facture-form-step,
    form.audience_form_wid,
    .form-update-contrat,
    form.form-mission-update {
      width: auto !important;
    }
    form.form-contrat-update #contrat_form .double-form,
    form.form-contrat-update #contrat_form .triple-form,
    #consultation_form .double-form,
    #audience_original_form .double-form,
    #rdv_form .double-form,
    #rappel_form .double-form,
    #mission_form .double-form {
      display: block !important;
    }
    #client_morale_form,
    form.form-creation-perso-physique {
      width: 100% !important;
    }
    form.form-creation-perso-physique #client_form .info-principal-client {
      display: block;
    }
    form #client_morale_form .doc-avocat-resp .mb-3:first-child,
    form #client_form .doc-avocat-resp .mb-3:first-child {
      width: 100% !important;
    }
    .demi-cercle-theme #heightmainPage .carousel-container {
      margin: 0;
      /*margin-top: calc(850px - 100vh);*/
      margin-top: 20px;
      height: min-content !important;
    }
    html body.g-sidenav-show.bg-gray-100 #main-cnt #container-js-red {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
    .demi-cercle-theme
      #heightmainPage
      .carousel-container
      .carousel-slide
      .slide-content {
      display: flex;
      align-items: center;
      column-gap: 40px;
      flex-direction: column;
    }
    .demi-cercle-theme
      #heightmainPage
      .carousel-container
      .carousel-slide
      .carousel-description {
      width: auto;
    }
    form.form-contrat-update {
      width: auto !important;
    }
    /*html.htmlAll body.g-sidenav-show.bg-gray-100 #main-cnt{
          margin-left: 15.125rem !important;
      }*/
    .modal-show-dossier.show .modal-dialog {
      width: 80% !important;
    }
    .title-Aff {
      margin: auto !important;
      display: flex !important;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      padding: 25px 0 15px 0;
      text-align: center;
    }

    .modal-show-dossier .modal-body {
      display: flex !important;
      flex-direction: column !important;
    }
    .fixbtnaddnewclientmobile,
    .btn-new-add .displayflexfacture {
      margin-top: 50px;
      width: calc(100vw - 125px);
      justify-content: space-between;
    }
    #example_wrapper #example_filter.dataTables_filter {
      right: 22px !important;
      margin-top: -120px !important;
    }
    aside#sidenav-main.sidenav {
      margin: 0 !important;
      height: 100%; /*edited by Maram*/
      z-index: 99;
      margin-top: 66px !important;
    }
    #demi-cercle-img.demi-cercle-img {
      display: none !important;
    }
    .navbar.navbar-dark.bg-dark.mobile #defaultDropdownAvocats {
      padding: 0 !important;
      flex: 0 0 auto !important;
    }
    #registration_form .triple-form {
      display: flex !important;
      gap: 25px !important;
      flex-direction: row !important;
    }
    .select2-container--default
      .select2-selection--single
      .select2-selection__arrow {
      right: 15px !important;
    }
    aside.sidenav.navbar-vertical img.demi-cercle-img {
      display: none !important;
    }
    .info-principale-client-morale {
      display: flex !important;
      flex-direction: column;
    }
    .num-telephone-prop {
      width: -webkit-fill-available !important;
    }
    .login-main-ch .connexion-left.input-log-check form {
      width: auto !important;
    }
    #registration_form .triple-form {
      flex-direction: row;
      gap: 25px !important;
    }
    #registration_form .triple-form .mb-3 {
      width: 100% !important;
    }
    .notifMobile {
      display: none;
    }
    .navbar.navbar-dark.bg-dark {
      display: grid;
      /*position: absolute;*/
      margin-top: 0 !important;
      margin-left: 0 !important;
      width: -webkit-fill-available;
      margin-right: 0 !important;
      border-radius: 0 !important;
    }
    .navbar.navbar-dark.bg-dark.mobile {
      display: block !important;
    }
    .navbar.navbar-dark.bg-dark.mobile {
      display: grid !important;
      grid-template-columns: 50% 20% 30% !important;
    }
    .navbar.navbar-dark.bg-dark.mobile #defaultDropdownAvocats {
      background: #343434 !important;
      box-shadow: none !important;
      margin: 0 !important;
      display: flex;
      align-items: center;
      padding: 0;
    }
    .navbar.navbar-dark.bg-dark.mobile .btn-group.site ul {
      margin: 0;
      background: #343434 !important;
    }
    .navbar.navbar-dark.bg-dark.mobile .btn-group.site ul li a {
      color: #ffffff;
    }
    .navbar.navbar-dark.bg-dark.mobile .btn-group.site button {
      background: #ffffff !important;
      color: #d1b089 !important;
      border-radius: 25px;
    }
    #box-Inscription {
      margin: 25px !important;
      width: auto !important;
      margin-left: 25px !important;
      margin-right: 25px !important;
    }
    #box-Inscription .card-header {
      margin: auto;
    }
    #box-Inscription form {
      display: flex;
      flex-direction: column;
    }
    #box-Inscription form #registration_form .double-form {
      display: block !important;
    }
    .row.justify-content {
      display: flex;
      justify-content: center !important;
      margin: 0px;
    }
    .login-main-ch .connexion-right img.LogoMenuJuriteck {
      width: 100% !important;
      height: 100% !important;
    }
    .login-main-ch {
      display: block !important;
    }
    .select2-container--default
      .select2-selection--single
      .select2-selection__arrow {
      width: 0px !important;
    }
    .select2-container .select2-selection--single {
      height: 39px !important;
      width: 100% !important;
      border-radius: 5px !important;
    }
    #client_form .form-check {
      padding-left: 0 !important;
      display: flex;
      align-items: center;
    }
    input[type="checkbox"].client_form_Desactive {
      display: none !important;
    }
    input[type="checkbox"].client_form_Desactive + label {
      box-sizing: border-box;
      display: flex;
      width: 3rem;
      height: 1.5rem;
      border-radius: 1.5rem;
      padding: 2px;
      background-color: #c0ceda;
      transition: all 0.5s;
      align-items: center;
    }
    input[type="checkbox"].client_form_Desactive + label::before {
      box-sizing: border-box;
      display: block;
      content: "";
      height: calc(1.5rem - 4px);
      width: calc(1.5rem - 4px);
      border-radius: 50%;
      background-color: #fff;
      transition: all 0.5s;
    }
    input[type="checkbox"].client_form_Desactive:checked + label {
      background-color: #d1b089;
    }
    input[type="checkbox"].client_form_Desactive:checked + label::before {
      margin-left: 1.5rem;
    }
    #box-Inscription form fieldset {
      display: flex;
      flex-direction: column !important;
    }
    #box-Inscription form #registration_form #registration_form_Paiement {
      margin-left: 0 !important;
    }
    #box-Inscription form fieldset #registration_form_Paiement,
    #box-Inscription form fieldset #registration_form_Genre {
      flex-direction: column !important;
    }
  }

  .desac {
    margin-right: 20px;
  }

  #client_form .form-control:focus {
    box-shadow: 0 0 0 0.1rem #c0ceda;
  }

  #client_form input.form-control {
    width: 45%;
  }

  .client-morale,
  .client-physique {
    display: none;
  }

  .backcolorreg {
    background: #f9f9fa !important;
  }

  #perso-morale #client_form,
  #perso-physique #client_form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
  .calendar-main #staticBackdropAudience fieldset.cadre-bloc legend {
    display: none;
  }
  .calendar-main #staticBackdropMission fieldset.cadre-bloc legend,
  .calendar-main #staticBackdropRdv fieldset.cadre-bloc legend,
  .calendar-main #staticBackdropRappel fieldset.cadre-bloc legend,
  .calendar-main #staticBackdropConsultation fieldset.cadre-bloc legend {
    display: none;
  }
  .show-col span {
    margin-left: 20px;
  }

  .rtl .show-col span {
    margin-right: 10px;
  }
  fieldset#fieldsetEmail {
    display: block !important;
  }
  .motdePassOublie {
    font-size: 12px !important;
    font-weight: normal;
    font-family: "Segoe UI", sans-serif;
    letter-spacing: 0px;
    color: #7c7a7a;
    opacity: 1;
  }
  .ConnexionPageLogin {
    font-family: "Segoe UI", sans-serif;
  }
  a.cancel-to-site-vitrine {
    display: flex;
    color: #7c7a7a;
    font-size: 12px !important;
    align-items: center;
    margin-right: 20px;
  }

  #box-Inscription #registration_form .form-check label a {
    color: #188fff;
  }

  #box-Inscription #registration_form .form-check label a:hover {
    color: #003abc;
  }

  footer.login {
    position: absolute;
    bottom: 0;
    text-align: center;
    background-color: #343434 !important;
    width: 100%;
    height: max-content;
  }

  footer.login a {
    color: #d1b089;
    padding-left: 10px;
    padding-right: 10px;
  }

  footer.login .copyright p {
    color: #ffffff;
    margin-bottom: 0 !important;
  }

  footer.login .login-calsse {
    padding-top: 10px;
    padding-bottom: 10px !important;
  }

  .modal-show-dossier .modal-dialog .modal-header {
    background-color: #d1b089;
  }

  .modal-show-dossier .modal-dialog .modal-header h5 {
    font-size: 16px !important;
    text-align: center !important;
    color: #ffffff;
    margin: auto;
    font-weight: 600;
    text-transform: uppercase;
  }

  .modal-show-dossier .modal-dialog .modal-header button.btn-close {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 0 !important;
    margin: 0 !important;
  }

  .modal-show-dossier {
    box-shadow: 0px 3px 6px #00000059;
    border-radius: 11px;
  }

  .modal-show-dossier .modal-body {
    background-color: #ffffff;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 !important;
    margin: 20px 40px;
    column-gap: 50px;
  }
  .listeLienUtile {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
  .cardlisteLiens {
    width: 98px;
    height: 99px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 2px solid #d1b089;
    border-radius: 21px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .iconlisteLiens {
    width: 39px;
    height: 35px;
    background: #d1b089 0% 0% no-repeat padding-box;
    opacity: 1;
  }

  .titlelisteLiens {
    text-align: left;
    font: normal normal 600 12px/17px Montserrat;
    letter-spacing: 0px;
    color: #d1b089;
    opacity: 1;
    margin-top: 10px;
  }

  .cardlisteLiensUser {
    width: 150px;
    height: 150px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 2px solid #d1b089;
    border-radius: 21px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .iconlisteLiensUser {
    width: 70px;
    height: 70px;
    opacity: 1;
  }
  .link-item {
    display: flex;
    font-size: 14px !important;
    font-family: "Segoe UI", sans-serif;
  }
  .PageLienUtileCss.listeLienUtile.linkByCat {
    margin-top: 50px !important;
  }
  .numeroItemLinkTitleTuto {
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0px;
    color: #d1b089;
    opacity: 1;
    font-weight: 600;
    font-size: 12px;
  }
  .numeroItemLink {
    text-align: left;
    font-size: 14px !important;
    font-family: "Segoe UI", sans-serif;
    letter-spacing: 0px;
    color: #343434;
    opacity: 1;
  }
  .titlelisteLiensUser {
    text-align: left;
    font: normal normal 600 12px/17px Montserrat;
    letter-spacing: 0px;
    color: #d1b089;
    opacity: 1;
    margin-top: 10px;
  }
  @media only screen and (max-width: 1500px) {
    form#date-search {
      margin-bottom: 5px;
    }
  }
  @media only screen and (min-width: 501px) and (max-width: 900px) {
    .fc .fc-col-header-cell-cushion {
      font-size: 10px;
    }
    #hello1,
    #noticeaddalert,
    .notice.success-update,
    .noticeaddDossier,
    .noticeeditDossier {
      width: fit-content !important;
      top: 0;
      bottom: auto !important;
      z-index: 999;
      right: 25px;
    }
    .container-js-red-left {
      margin-left: -11rem;
      margin-top: -1rem;
    }
    .rtl .container-js-red-left {
      margin-right: -11rem !important;
    }
    /*animation for delete button*/
    .deleteSelectedRowsBtnAffiche {
      animation: fadeIn 2.5s;
      transform: translateY(7px);
    }
    @keyframes fadeIn {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    /*end of animation*/
    #heightmainPage {
      padding-bottom: 10px;
    }
    #heightmainPage .title-Aff {
      padding-top: 10px;
    }
    #heightmainPage .title-Aff > div:nth-child(1) {
      margin-bottom: 20px;
    }
    form.form-mission-update,
    .form-update-contrat {
      width: 90% !important;
    }
    form[name="affair_step"],
    form[name="complaint_step"],
    form[name="information_step"] {
      width: 100% !important;
    }
    .addClientFromConsultation {
      grid-template-columns: 49% 51%;
    }
    #defaultDropdownAddClient {
      width: 100% !important;
      white-space: normal;
    }
    .double-form {
      grid-template-columns: repeat(2, minmax(100px, 1fr)) !important;
    }
    #defaultDropdownAddClient > p {
      padding-left: 5px;
    }
    .rtl #defaultDropdownAddClient > p {
      padding-right: 5px;
    }
    .info-principal-client,
    .info-principale-client-morale {
      display: flex !important;
      flex-direction: column;
    }
    form #client_form .doc-avocat-resp .mb-3:first-child,
    form #client_morale_form .doc-avocat-resp .mb-3:first-child {
      width: auto !important;
      transform: translateY(-7px);
    }
    .ligneFacture {
      display: flex !important;
      flex-direction: column;
    }
    .rtl .ligneFacture.arabe {
      margin-right: -10px !important;
    }
    .ligneFactureTable {
      display: flex !important;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 500px;
      margin: auto;
    }
    .ligneFactureTable .mb-3 {
      width: 49%;
    }
    .htmlAll .addNewLigneFacture {
      margin-left: 40px !important;
    }
    .rtl .addNewLigneFacture {
      margin-right: 50px !important;
    }
    .title-Aff .btn-new-add.fixbtnaddnewclientmobile > div {
      display: flex;
    }
    form #collaborateur_form {
      display: flex !important;
      flex-direction: column;
    }
    .PageLienUtileCss {
      width: auto !important;
      margin: 35px 20px 0 20px !important;
    }
    .PageLienUtileCss .cardlisteLiensUser {
      width: 29% !important;
    }
    .itemLinkByVCategoryTuto {
      grid-template-columns: repeat(3, 1fr) !important;
    }
    #category_li_utile_form,
    .Tutoriel #category_tutoriel_form {
      display: flex !important;
      justify-content: space-between;
    }
    #category_li_utile_form .buttonaddremove {
      align-self: center;
    }
    .missionEmail .liens_utiles_from {
      display: flex !important;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-bottom: 40px;
      row-gap: 0 !important;
    }
    #tutoriels_form {
      justify-content: center;
    }
    #tutoriels_form > div:nth-child(1) {
      width: 85px;
    }
    .row.folderAll {
      grid-template-columns: 1fr !important;
    }
    .tableprocedureFolder {
      font-size: small;
    }
    .rtl
      #heightmainPage
      .calendar-main
      .eventAddCalendar
      button#defaultDropdown {
      margin-right: -120px !important;
    }
    .modal-show-dossier .modal-body {
      background-color: #ffffff;
      display: grid !important;
      grid-template-columns: 1fr;
      padding: 0 !important;
      margin: 20px 40px !important;
      column-gap: 50px;
    }
    .modal-show-dossier .modal-body.info-general.fac fieldset {
      padding: 1.4em !important;
    }
    .modal-show-dossier fieldset.cadre-bloc.factDet {
      grid-template-columns: repeat(2, 1fr) !important;
    }
    .navbar.navbar-dark.bg-dark .nav-menu-item {
      display: flex !important;
      justify-content: center !important;
    }
    .navbar.navbar-dark.bg-dark {
      grid-template-columns: 27% 49% 12%;
    }
    #box-Inscription.box-Inscription {
      margin-top: 25px !important;
    }
    .login-main-ch form .input-log-check {
      width: 300px !important;
    }
    .login-main-ch {
      width: auto !important;
      column-gap: 40px;
    }
    .connexion-left.input-log-check {
      width: 80% !important;
      margin: auto;
    }
    .main-content.login-main-ch .connexion-right img.LogoMenuJuriteck {
      width: 100% !important;
      height: 100%;
    }
    /*edited by maram*/
    .carousel-slide img {
      max-width: 50% !important;
    }
    .carousel-container {
      margin: 10px !important;
    }
    .carousel-slide .slide-content {
      column-gap: 20px !important;
    }
    #calendrier {
      width: 100% !important;
    }
    .cssPartieSmallAgendaTitle {
      display: none !important;
    }
    .rtl
      #calendrier
      .fc-header-toolbar.fc-toolbar
      .fc-toolbar-chunk:first-child {
      margin: auto !important;
      margin-left: auto !important;
    }
    .calendar-main {
      width: 100%;
      display: flex;
      column-gap: 20px;
      flex-direction: column;
    }
    #calendrier {
      width: 100% !important;
    }
    #heightmainPage .calendar-main .eventAddCalendar {
      position: absolute;
      border: 0 !important;
      margin-top: 94px;
    }
    .htmlAll #heightmainPage .calendar-main .eventAddCalendar {
      right: 120px;
    }
    .rtl #heightmainPage .calendar-main .eventAddCalendar {
      left: 120px !important;
    }
    #heightmainPage .calendar-main .eventAddCalendar button#defaultDropdown {
      margin-left: 0 !important;
      padding: 0 10px !important;
    }
    .rtl
      #heightmainPage
      .calendar-main
      .eventAddCalendar
      button#defaultDropdown {
      margin-right: 0 !important;
    }
    .calendar-main .home-right .agenda-flt.Agenda {
      margin-top: 20px;
    }
    .fc .fc-toolbar.fc-header-toolbar {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;
      margin-bottom: 0.5rem;
      margin-top: 0.5rem;
    }
    #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
      margin: auto !important;
    }
    #date-search {
      margin-bottom: 10px;
    }
    .navbar.navbar-dark.bg-dark .menu.langue button {
      min-width: 0;
      padding: 0 10px;
    }
    .rtl .category-name {
      text-align: right;
    }
    .info-principal-abonne {
      grid-template-columns: 1fr !important;
    }
    form.form-abonne-update .reglementfatureab.reg .double-input {
      flex-wrap: wrap;
    }
    form.form-abonne-update .reglementfatureab.reg .double-input .mb-3 {
      flex: 0 48%;
    }
    form.form-abonne-update
      .reglementfatureab.reg
      .addnewLignaAbonnee
      #add-new-rowUFacture {
      position: relative;
      top: -20px;
    }
    fieldset .collection-type .row > * {
      flex: 0 0 33% !important;
    }
    form[name="procedure_step"]
      #procedure_step_procedures
      .procedure_step_procedures-collection-actions,
    form[name="audience_step"]
      #audience_step_audiences
      .audience_step_audiences-collection-actions {
      margin: auto 0 !important;
    }
    /*end of edit*/
  }

  .modal-show-dossier.show .modal-dialog {
    top: 100px !important;
    width: 60%;
    max-width: none;
    box-shadow: 0px 3px 6px #00000059;
    border-radius: 11px;
    transform: translateX(10%);
    box-shadow: none;
  }

  .rtl .modal-show-dossier.show .modal-dialog {
    transform: translateX(-10%);
  }
  .category-name {
    text-align: left;
    font-size: 15px !important;
    font-family: "Segoe UI", sans-serif;
    letter-spacing: 0px;
    color: #d1b089;
    font-weight: 600;
    margin-bottom: 50px;
    opacity: 1;
  }
  .cssimgLienUtilCAt {
    display: flex;
    flex-direction: column;
  }
  .itemLinkByVCategory {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 50px;
    row-gap: 50px;
  }
  .itemLinkByVCategoryTuto {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 50px;
    row-gap: 50px;
  }
  .modal-show-dossier.show .modal-footer {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
  }

  .modal-show-dossier.show .modal-footer label {
    color: #575756 !important;
    font-size: 14px !important;
    font-family: "Segoe UI", sans-serif;
  }

  .select2-search__field {
    border-radius: 5px;
    padding-left: 10px !important;
  }

  .modal-show-dossier.show .modal-footer input {
    width: 100%;
    background-color: #e6e7f1 !important;
    border: 1px solid #e6e7f1;
  }

  .modal.show button.btn-close {
    background: url("/admin/assets/img/icons/flags/Group 18371.png");
  }

  .modal.show button.btn-close.client {
    display: none;
  }

  .title-Aff h1 {
    color: #d1b089 !important;
    font-size: 19px !important;
    font-weight: 600;
    letter-spacing: 0;
    font-family: "Montserrat", sans-serif;
  }

  form fieldset legend.col-form-label.required {
    display: none;
  }

  .login-main-ch .connexion-left button.motdepasseerror {
    width: 33px !important;
  }

  .show .btn-close:focus {
    box-shadow: none !important;
  }

  .title-Aff .btn-new-add a span {
    margin-top: -5px;
    letter-spacing: 0;
    font-weight: 600;
    margin-right: 5px;
    width: 17px;
    height: 50%;
    font-size: 25px;
    display: flex;
    top: 0;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
  }

  .stepper.new-dossier {
    display: flex;
    justify-content: center;
    margin: auto;
    width: 500px;
    align-items: flex-start;
  }

  .stepper.new-dossier .step--2 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .stepper.new-dossier .listestep {
    width: 31px;
    height: 31px;
    border: 2px solid #d1b089;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d1b089;
  }

  .stepper.new-dossier .listestep.step--1 {
    background-color: #d1b089;
    color: #ffffff;
  }

  .creeDossierbuton {
    display: flex;
    justify-content: flex-end;
    column-gap: 20px;
  }

  .creeDossierbuton a {
    color: #7c7a7a;
    text-decoration: none;
  }

  .creeDossierbuton a:last-child {
    width: 88px;
    height: 33px;
    color: #ffffff;
    background-color: #d1b089;
    border-radius: 25px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
  }

  .creeDossierbuton a:last-child:hover {
    color: #ffffff;
  }

  .creeDossierbuton button {
    width: 88px;
    height: 33px;
    font-size: 12px;
    color: #ffffff;
    background-color: #d1b089;
    border-radius: 25px;
    border: none;
    box-shadow: none;
  }

  #audience_form .part-1,
  #audience_form .part-2,
  #audience_form .part-3 {
    width: 100%;
    margin: auto;
  }

  form#facture-form-step.facture-form-step,
  form.audience_form_wid {
    width: 500px;
    margin: auto !important;
  }

  form#facture-form-step.facture-form-step label,
  #audience_form .mb-3 label {
    letter-spacing: 0 !important;
    color: #575756 !important;
    font-size: 12px !important;
  }

  #audience_form
    #labelaudience_form_ContentieuxPorteDevantJuridictionEtrangere {
    font-size: 13px !important;
  }
  #example_filter.dataTables_filter i.fa.fa-search.icon {
    position: absolute;
    right: 20px;
    left: auto;
    top: 12px;
    opacity: 0.3;
    font-size: 20px;
  }
  #example_filter.dataTables_filter {
    position: relative;
  }
  .rtl #example_filter.dataTables_filter i.fa.fa-search.icon {
    position: absolute;
    left: 20px;
    right: auto !important;
    top: 12px;
    opacity: 0.3;
    font-size: 20px;
  }
  .stepper.new-dossier span {
    color: #d1b089 !important;
    font-size: 10px !important;
    text-align: center;
    width: auto;
    margin-bottom: 25px;
    padding-top: 0px;
    margin-top: 0px;
  }

  .stepper.new-dossier .stp-dossier-title {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  form#facture-form-step.facture-form-step textarea,
  form#facture-form-step.facture-form-step select,
  form#facture-form-step.facture-form-step input,
  form #audience_form textarea,
  form #audience_form select,
  form #audience_form input {
    border: 1px solid #e6e7f1 !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  form #audience_form .mb-3 {
    margin-bottom: 0px !important;
  }

  .client-dossier-add-client {
    display: -webkit-inline-box;
    width: 100%;
  }

  .client-dossier-add-client .mb-3 {
    width: 100%;
  }

  .client-dossier-add-client .dossier-add-client {
    font-size: 14px !important;
    color: #41b259;
    width: 0 !important;
    display: flex;
    align-items: center;
    white-space: nowrap !important;
    margin-top: 28px;
  }

  form#facture-form-step.facture-form-step .grid-fr-input,
  form #audience_form .dossier-double-input {
    display: grid;
    column-gap: 10px !important;
    grid-template-columns: repeat(2, 1fr);
  }

  form #audience_form .creeDossierbuton {
    margin-top: 25px !important;
  }

  .client-dossier-add-client a {
    display: flex;
    margin-top: 20px;
    align-items: center;
    /*width: 0px;*/
    margin-right: 10px;
    margin-left: 20px;
  }

  .info-general p.title,
  .partieAdverse p.title {
    color: #d1b089;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0px;
  }

  .info-collab-voir div div {
    border: 1px solid #e6e7f1;
    display: flex;
    height: 40px;
    align-items: center;
    padding-left: 10px;
    font-size: 14px !important;
  }

  .statut-dossier-active.client,
  .statut-dossier-desactive.client {
    margin: 0 !important;
  }

  #main-cnt #container-js-red .partieAdverse .mb-3 label,
  #main-cnt #container-js-red .info-general .mb-3 label {
    color: #575756 !important;
  }

  .partieAdverse .mb-3 div,
  .info-general .mb-3 div {
    border: 1px solid #e6e7f1;
    display: flex;
    height: 40px;
    align-items: center;
    padding-left: 10px;
    font-size: 14px !important;
  }

  .info-general .show-dossier-double,
  .partieAdverse .show-dossier-double {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
  }

  img#imgstep2 {
    margin-left: 30px;
    margin-right: 30px !important;
  }

  .stepper.new-dossier .tiret {
    display: flex;
    border: 1px solid #7070705e;
    height: 0;
    width: 100px;
    margin-top: 14px;
  }
  #ModalAnnulationFolder {
    box-shadow: none !important;
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  #ModalAnnulationFolder,
  form#facture-form-step.facture-form-step .creeDossierbuton button:first-child,
  #audience_form #part-1.part-1 .creeDossierbuton button:first-child {
    color: #7c7a7a;
    text-decoration: none;
    background: none;
    font-size: 12px !important;
  }
  .tableprocedureFolder {
    width: -webkit-fill-available !important;
  }
  .left-text {
    text-align: left !important;
  }
  .rtl .PageOneButtonBas {
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
  }
  .PageOneButtonBas {
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
  }
  #ModalAnnulationFolder {
    text-transform: none !important;
  }
  /*
  .ErrorMtTTC{
    display: none;
    color: red;
    font-size: 10px;
  }*/
  .displayNone {
    display: none;
  }

  .modal-annulation-dossier {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
  }
  .arrierPlanShow {
    background-color: rgba(0, 0, 0, 0.4);
  }

  /* Modal Content */

  .modal-content-annulation-dossier {
    background-color: #ffffff;
    margin: auto;
    padding: 40px 30px;
    border: 1px solid #888;
    width: 40%;
    margin-top: 15%;
    box-shadow: 0px 3px 6px #00000045;
    border-radius: 7px;
    transform: translate(140px);
  }

  .Annualation-creation-Dossier {
    display: flex;
    justify-content: flex-end;
  }

  /* .Annualation-creation-Dossier span {
    color: #272e3d;
    font-size: 16px;
    background: none;
    border: none;
    display: flex;
    margin-right: 20px;
    margin-left: 20px;
    align-items: center;
    cursor: pointer;
  } */

  .Annualation-creation-Dossier a,
  .Annualation-creation-Dossier span {
    color: #ffffff;
    background-color: #ff5353;
    border-radius: 21px;
    padding: 7px;
    padding-right: 15px;
    text-decoration: none;
    padding-left: 15px;
  }

  .modal-content-annulation-dossier h2 {
    color: #122832 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: left !important;
    letter-spacing: 0px;
    margin-bottom: 0 !important;
    padding-bottom: 30px !important;
  }

  .modal-content-annulation-dossier p {
    color: #272e3d !important;
    font-size: 15px !important;
  }

  .title-Aff .btn-new-add button span {
    letter-spacing: 0px;
    font-size: 25px;
    font-weight: 600;
    padding-right: 10px;
  }

  .title-Aff .btn-new-add button:active {
    border-color: none;
    border: none;
  }

  .statut-dossier-active {
    width: 14px;
    height: 14px;
    background: #00b567;
    border-radius: 50%;
    margin: auto;
  }

  .statut-dossier-desactive {
    width: 14px;
    height: 14px;
    background: #ff5353;
    border-radius: 50%;
    margin: auto;
  }

  .archiavage-icon-show-dossier label {
    margin-bottom: 0 !important;
  }

  .archiavage-icon-show-dossier {
    margin-top: 30px;
    display: flex;
    align-items: center;
    column-gap: 15px;
  }

  .archiavage-icon-show-dossier div {
    margin-left: 10px;
    height: 14px !important;
    width: 14px !important;
    border-radius: 50%;
  }

  .audience_form_ContentieuxPorteDevantJuridictionEtrangere {
    display: flex;
    /* gap: unset; */
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .audience_form_ContentieuxPorteDevantJuridictionEtrangere label.form-label {
    width: max-content;
    font-size: 13px !important;
    display: flex;
    margin-bottom: 0 !important;
    align-items: center;
  }

  .audience_form_ContentieuxPorteDevantJuridictionEtrangere select {
    width: 100px;
    margin-left: auto;
  }

  option:hover {
    background-color: #d1b089 !important;
  }

  form #collaborateur_form {
    width: 80%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
    margin: auto;
  }

  form #collaborateur_form .ident-collab-3 {
    display: flex;
    gap: 10px;
  }

  form #collaborateur_form .first-part-collab-add .title-bloc,
  form #collaborateur_form .second-part-collab-add .title-bloc {
    width: max-content !important;
    padding: 0 10px !important;
    border-bottom: none !important;
    margin-top: -15px;
    background-color: #ffffff !important;
    color: #d1b089 !important;
    letter-spacing: 0px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
  }

  .css-collab-header-20px {
    margin-top: 20px !important;
  }

  form #collaborateur_form .ident-collab-3 .mb-3:first-child {
    width: 20%;
  }

  form #collaborateur_form .ident-collab-3 .mb-3 {
    width: 40%;
  }

  form #collaborateur_form .collab-inp-2 {
    display: flex;
    gap: 15px;
  }

  form #collaborateur_form .collab-inp-2 input {
    margin-right: 0 !important;
  }

  form #collaborateur_form .collab-inp-2 .mb-3 {
    width: 100% !important;
  }

  form #collaborateur_form label {
    color: #575756 !important;
    font-size: 12px;
    letter-spacing: 0px;
  }

  form #collaborateur_form input,
  form #collaborateur_form select {
    border: 1px solid #e6e7f1;
    border-radius: 7px;
  }

  form #collaborateur_form .collab-inp-2 input,
  form #collaborateur_form .collab-inp-2 select {
    width: 100% !important;
  }

  #client_form .form-check {
    padding-left: 0 !important;
    display: flex;
    align-items: center;
  }

  input[type="checkbox"].client_form_Desactive {
    display: none !important;
  }

  input[type="checkbox"].client_form_Desactive + label {
    box-sizing: border-box;
    display: flex;
    width: 3rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    padding: 2px;
    background-color: #c0ceda;
    transition: all 0.5s;
    align-items: center;
  }

  input[type="checkbox"].client_form_Desactive + label::before {
    box-sizing: border-box;
    display: block;
    content: "";
    height: calc(1.5rem - 4px);
    width: calc(1.5rem - 4px);
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.5s;
  }

  input[type="checkbox"].client_form_Desactive:checked + label {
    background-color: #d1b089;
  }

  input[type="checkbox"].client_form_Desactive:checked + label::before {
    margin-left: 1.5rem;
  }

  .desac {
    margin-right: 20px;
  }

  #client_form a.form-control:focus {
    box-shadow: none !important;
  }

  #client_form .form-control:focus {
    box-shadow: 0 0 0 0.1rem #c0ceda;
  }

  #client_form input.form-control {
    width: 100%;
  }

  .select-personne {
    width: 50%;
    margin-bottom: 40px;
  }

  #choose-type-pers {
    width: 48%;
    border-radius: 7px;
  }

  input[type="checkbox"].client_form_Desactive1 {
    display: none !important;
  }

  input[type="checkbox"].client_form_Desactive1 + label {
    box-sizing: border-box;
    display: flex;
    width: 3rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    padding: 2px;
    background-color: #c0ceda;
    transition: all 0.5s;
    align-items: center;
  }

  input[type="checkbox"].client_form_Desactive1 + label::before {
    box-sizing: border-box;
    display: block;
    content: "";
    height: calc(1.5rem - 4px);
    width: calc(1.5rem - 4px);
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.5s;
  }

  input[type="checkbox"].client_form_Desactive1:checked + label {
    background-color: #d1b089;
  }

  input[type="checkbox"].client_form_Desactive1:checked + label::before {
    margin-left: 1.5rem;
  }
  .rtl .container-js-red-left {
    margin-right: -12rem !important;
    margin-left: 0 !important;
  }
  #SubmitAndFinish {
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    display: flex;
    margin-bottom: auto;
    margin-top: auto;
    justify-content: center;
    box-shadow: none !important;
    border-radius: 25px;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    background: #ffffff !important;
    border: 1px solid #d1b089 !important;
    color: #d1b089 !important;
  }
  .PageOneButtonBas {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-direction: row;
    justify-content: flex-end;
  }

  form[name="audience_step"]
    .PageOneButtonBas
    .craue_formflow_buttons.craue_formflow_button_count_3
    button:first-child,
  form[name="audience_step"] #ModalAnnulationFolder,
  form[name="procedure_step"] #ModalAnnulationFolder,
  form[name="affair_step"] #ModalAnnulationFolder,
  form[name="complaint_step"] #ModalAnnulationFolder {
    display: none !important;
  }
  .rtl form[name="audience_step"] .PageOneButtonBas {
    display: flex;
    justify-content: flex-end;
    flex-direction: unset;
  }
  .TutorileUserAffichage {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
  }
  form[name="tutoriel_from"] label,
  form[name="tutoriel_from"] legend,
  form[name="category_lien_utile_form"] label,
  form[name="category_lien_utile_form"] legend,
  form[name="liens_utiles_from"] label,
  form[name="liens_utiles_from"] legend,
  form.form-abonne-update label,
  form.form-abonne-update legend,
  form[name="audience_step"] label,
  form[name="audience_step"] legend,
  form[name="procedure_step"] label,
  form[name="procedure_step"] legend,
  form[name="affair_step"] label,
  form[name="affair_step"] legend,
  form[name="complaint_step"] label,
  form[name="complaint_step"] legend,
  form[name="information_step"] label,
  form[name="information_step"] legend,
  form #client_form label,
  form #client_form legend {
    color: #575756 !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }
  form[name="procedure_step"]
    #procedure_step_procedures
    .procedure_step_procedures-collection-actions
    a.btn-collection.btn-circle.btn-danger {
    background: #ff5353;
    padding: 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
  }
  form[name="procedure_step"]
    #procedure_step_procedures
    .procedure_step_procedures-collection-actions
    a.btn-collection.btn-circle.btn-danger
    i {
    display: flex;
    justify-content: center;
    height: 30px;
    width: 30px;
    margin-top: 10px;
  }
  form[name="procedure_step"]
    #procedure_step_procedures
    .procedure_step_procedures-collection-actions
    a.btn-collection.btn-circle.btn-success {
    padding: 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
  }
  form[name="procedure_step"]
    #procedure_step_procedures
    .procedure_step_procedures-collection-actions
    a.btn-collection.btn-circle.btn-success
    i {
    display: flex;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-top: 10px;
  }
  form[name="procedure_step"]
    #procedure_step_procedures
    .procedure_step_procedures-collection-actions {
    width: auto;
    margin: auto;
  }
  form[name="procedure_step"] #procedure_step_procedures div.col-md-1 {
    display: none;
  }
  .bootbox.modal.fade.modal-show-dossier.show
    .modal-dialog.modal-xl
    .modal-content
    .modal-body {
    display: block !important;
  }
  form[name="audience_step"]
    #audience_step_audiences
    .audience_step_audiences-collection-actions
    a.btn-collection.btn-circle.btn-danger {
    background: #ff5353;
    padding: 0px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
  }
  form[name="audience_step"]
    #audience_step_audiences
    .audience_step_audiences-collection-actions
    a.btn-collection.btn-circle.btn-danger
    i {
    display: flex;
    justify-content: center;
    height: 30px;
    width: 30px;
    margin-top: 10px;
  }
  form[name="audience_step"]
    #audience_step_audiences
    .audience_step_audiences-collection-actions
    a.btn-collection.btn-circle.btn-success {
    padding: 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
  }
  form[name="audience_step"]
    #audience_step_audiences
    .audience_step_audiences-collection-actions
    a.btn-collection.btn-circle.btn-success
    i {
    display: flex;
    justify-content: center;
    height: 30px;
    width: 30px;
    margin-top: 10px;
  }
  form[name="audience_step"]
    #audience_step_audiences
    .audience_step_audiences-collection-actions {
    width: auto;
    margin: auto;
  }
  form[name="audience_step"] #audience_step_audiences div.col-md-1 {
    display: none;
  }

  #information_step_client,
  #defaultDropdownAddClient {
    display: block;
  }
  .firststepDossierTun {
    display: none;
  }
  .firststepDossierTun2 {
    margin: auto !important;
  }
  .missionEmail.cadre-bloc {
    margin-top: 20px !important;
  }

  .TrueFalseEmail .notifParEmail {
    display: flex;
    gap: 25px;
  }

  #contrat_form .formFFFLabel {
    color: #000000 !important;
    letter-spacing: 0px;
  }

  .modal.fade.modal-show-dossier.show .doc_cadre:active,
  .modal.fade.modal-show-dossier.show .doc_cadre:focus,
  .modal.fade.modal-show-dossier.show .doc_cadre {
    border: none !important;
    margin-left: 20px;
  }

  form.form-contrat-update .liste-des-doc a {
    margin-left: 20px !important;
    font-size: 13px;
  }

  #contrat_form .form-check:not(.form-switch) .form-check-input[type="radio"],
  .TrueFalseEmail
    .notifParEmail
    .form-check:not(.form-switch)
    .form-check-input[type="radio"] {
    border: 1px solid #122832 !important;
    font-size: 12px !important;
    box-shadow: none !important;
    height: 18px !important;
    width: 18px !important;
    cursor: pointer;
    min-height: 0 !important;
  }

  #contrat_form
    .form-check:not(.form-switch)
    .form-check-input[type="radio"]:checked::after,
  #mission_form
    .form-check:not(.form-switch)
    .form-check-input[type="radio"]:checked:after {
    background-image: none !important;
  }

  #contrat_form
    .form-check:not(.form-switch)
    .form-check-input[type="radio"]:checked,
  .TrueFalseEmail
    .notifParEmail
    .form-check:not(.form-switch)
    .form-check-input[type="radio"]:checked {
    padding: 0px !important;
    border: 1px solid #d1b089 !important;
  }

  .TrueFalseEmail {
    display: grid;
    grid-template-columns: 60% 40% !important;
    align-items: center;
  }

  #mission_form .TrueFalseEmail.colab {
    margin-bottom: 0 !important;
  }
  form.form-abonne-update .reglementfatureab legend.title-bloc,
  form.form-abonne-update .info-principal-abonne legend.title-bloc,
  .missionEmail.cadre-bloc legend.title-bloc,
  #part-3.step-3-facture legend.title-bloc,
  #client_form .info-principal-client legend.title-bloc {
    width: max-content !important;
    padding: 0 10px !important;
    border-bottom: none !important;
    margin-top: -15px;
    background-color: #ffffff !important;
    color: #d1b089 !important;
    letter-spacing: 0px !important;
    font-size: 17px;
    font-weight: 600 !important;
    font-family: Montserrat;
  }

  .AudienceEventModal.cadre-bloc legend.title-bloc {
    width: max-content !important;
    padding: 0 10px !important;
    border-bottom: none !important;
    margin-top: -15px;
    background-color: #ffffff !important;
    color: #d1b089 !important;
    letter-spacing: 0px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    font-family: Montserrat;
  }
  form[name="audience_step"] fieldset.form-fieldset,
  form[name="procedure_step"] fieldset.form-fieldset,
  fieldset.cadre-bloc {
    border: 2px solid #d1b089 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 15px 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    border-radius: 20px;
  }
  .buttonaddremove {
    display: flex !important;
    margin-bottom: 0 !important;
  }
  .plussaddeventAgenda {
    font-size: 24px;
    padding-right: 5px !important;
    padding: 2px;
    margin-left: -10px;
  }
  .fc-daygrid-event-dot {
    display: none;
  }
  /*Order Toolbar AAgenda*/
  .fc-toolbar-chunk
    .fc-button-group
    .fc-today-button.fc-button.fc-button-primary.fc-today-button {
    order: 1;
  }
  .fc-toolbar-chunk
    .fc-button-group
    .fc-prev-button.fc-button.fc-button-primary {
    order: 2;
  }
  .fc-toolbar-chunk .fc-button-group .fc-toolbar-title {
    order: 3;
  }
  .fc-toolbar-chunk
    .fc-button-group
    .fc-next-button.fc-button.fc-button-primary {
    order: 4;
  }
  .fc-timegrid-event .fc-event-main {
    padding: 0 !important;
  }
  /*csss Agenda*/
  .fc-col-header-cell.fc-day.fc-day-tue,
  .fc-col-header-cell.fc-day.fc-day-mon,
  .fc-col-header-cell.fc-day.fc-day-thu,
  .fc-col-header-cell.fc-day.fc-day-fri,
  .fc-col-header-cell.fc-day.fc-day-sat,
  .fc-col-header-cell.fc-day.fc-day-sun,
  .fc-col-header-cell.fc-day.fc-day-wed,
  .fc-col-header-cell.fc-day.fc-day-tue,
  .fc-col-header-cell.fc-day.fc-day-mon,
  .fc-col-header-cell.fc-day.fc-day-thu,
  .fc-col-header-cell.fc-day.fc-day-fri,
  .fc-col-header-cell.fc-day.fc-day-sat,
  .fc-col-header-cell.fc-day.fc-day-sun,
  .fc-col-header-cell.fc-day.fc-day-wed,
  .fc-col-header-cell.fc-day.fc-day-tue,
  .fc-col-header-cell.fc-day.fc-day-mon,
  .fc-col-header-cell.fc-day.fc-day-thu,
  .fc-col-header-cell.fc-day.fc-day-fri,
  .fc-col-header-cell.fc-day.fc-day-sat,
  .fc-col-header-cell.fc-day.fc-day-sun,
  .fc-col-header-cell.fc-day.fc-day-wed,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-tue.fc-day-past,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-mon.fc-day-past,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-thu.fc-day-past,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-fri.fc-day-past,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sat.fc-day-past,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sun.fc-day-past,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-wed.fc-day-past,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-tue.fc-day-today,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-mon.fc-day-today,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-thu.fc-day-today,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-fri.fc-day-today,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sat.fc-day-today,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sun.fc-day-today,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-wed.fc-day-today,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-tue.fc-day-future,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-mon.fc-day-future,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-thu.fc-day-future,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-fri.fc-day-future,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sat.fc-day-future,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sun.fc-day-future,
  .fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-wed.fc-day-future {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .rtl .fc-daygrid-dot-event .fc-event-title,
  .rtl .fc-h-event .fc-event-main-frame,
  .rtl .fc-v-event .fc-event-main-frame {
    text-align: right;
  }
  .fc-timeGridDay-view th,
  .fc-timeGridDay-view td,
  .fc-dayGridMonth-view th,
  .fc-dayGridMonth-view td,
  .fc-timeGridWeek-view th,
  .fc-timeGridWeek-view td {
    border: 1px solid var(--fc-border-color, #d7e3f1) !important;
  }
  .fc-timeGridWeek-view .fc-timegrid-col-frame {
    border-right: 1px solid #d7e3f1 !important;
    z-index: 9;
  }
  .rtl .cssPartieSmallAgendaTitle {
    width: 135px;
  }
  .rtl .fc-v-event .fc-event-title,
  .rtl .fc-timegrid-event .fc-event-time {
    text-align: right;
  }
  .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child .fc-button-group {
    background-color: #f6efe7 !important;
    border-radius: 25px;
  }
  .fa-chevron-left:before,
  .fa-chevron-right:before {
    color: #d1b089;
  }

  .fc-timegrid-event {
    border-color: rgb(83, 143, 255);
    background-color: rgb(83, 143, 255);
  }

  .info-principal-client {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
  .PageLienUtileCss {
    width: 80%;
    margin: auto;
  }
  #tutoriels_form.Tutoriel {
    display: grid;
    grid-template-columns: 20% 10% 15% 15% 20% 10% !important;
    grid-gap: 20px;
    align-items: center;
  }
  .lienUtileCadere .liens_utiles_from,
  .lienUtileCadere #liens_utiles_from {
    display: grid;
    grid-template-columns: 25% 10% 25% 20% 10%;
    grid-gap: 20px;
    align-items: center;
  }
  .Tutoriel #category_tutoriel_form,
  .lienUtileCadere #category_lien_utile_form {
    display: grid;
    grid-template-columns: 50% 15% 15% 20%;
    grid-gap: 20px;
    align-items: center;
  }
  .info-principal-abonne {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
  }

  .info-principal-client .etat-civil {
    grid-column: 1;
    grid-row: 1/3;
  }

  .info-principal-client .Coordonnees {
    grid-column: 2;
    grid-row: 1;
  }

  .info-principal-client .coordonnees-bancaires {
    grid-column: 2;
    grid-row: 2;
  }
  form[name="affair_step"] #affair-accordion button.accordion-button:focus {
    box-shadow: none !important;
  }
  form[name="affair_step"] #affair-accordion button.accordion-button {
    letter-spacing: 0px;
    color: #d1b089;
    opacity: 1;
    font-size: 14px;
    background: transparent !important;
  }
  form[name="tutoriel_from"] input,
  form[name="tutoriel_from"] select,
  form[name="tutoriel_from"] textarea,
  form[name="category_lien_utile_form"] input,
  form[name="category_lien_utile_form"] select,
  form[name="liens_utiles_from"] input,
  form[name="liens_utiles_from"] select,
  form[name="liens_utiles_from"] textarea,
  form[name="audience_step"] input,
  form[name="audience_step"] select,
  form[name="audience_step"] textarea,
  form[name="procedure_step"] input,
  form[name="procedure_step"] select,
  form[name="procedure_step"] textarea,
  form[name="affair_step"] input,
  form[name="affair_step"] select,
  form[name="affair_step"] textarea,
  form[name="complaint_step"] input,
  form[name="complaint_step"] select,
  form[name="complaint_step"] textarea,
  form[name="information_step"] input,
  form[name="information_step"] select,
  form[name="information_step"] textarea,
  #client_form .info-principal-client input,
  #client_form .info-principal-client select,
  form.form-abonne-update .info-principal-abonne input,
  form.form-abonne-update .info-principal-abonne select,
  form.form-abonne-update .reglementfatureab input,
  form.form-abonne-update .reglementfatureab select {
    border: 1px solid #e6e7f1 !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }
  form.form-abonne-update .reglementfatureab label {
    width: max-content;
  }
  .gestionupdateuserabonne {
    width: 32% !important;
  }
  .reglementfatureab.reg {
    margin-top: 40px;
    margin-bottom: 60px;
  }
  .btnsubmitandannuler {
    display: flex;
    justify-content: flex-end;
  }

  form.form-abonne-update .reglementfatureab .double-input {
    display: flex;
    column-gap: 10px;
  }
  #menu-Administration span.toggle-menu {
    right: 0;
    position: absolute;
    padding-right: 20px !important;
  }
  .rtl form[name="affair_step"] #affair-accordion button::after {
    margin-left: 10px !important;
    margin-right: auto !important;
  }
  .rtl #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
    margin-right: 0;
  }
  .rtl
    .text-white.text-center.me-2.d-flex.align-items-center.justify-content-center {
    margin: 0 !important;
  }

  .rtl #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:first-child {
    margin-left: 120px;
  }
  .rtl .eventAddCalendar ul button {
    text-align: -webkit-auto !important;
  }
  form[name="audience_step"]
    .audience_step_audiences-collection-actions
    i::before,
  form[name="procedure_step"]
    .procedure_step_procedures-collection-actions
    i::before {
    font-size: 25px;
    font-weight: 900;
    margin-top: -7px;
  }
  /*
  .multipleSelectionAgenda.multipleSelectionAgenda{
    width: auto !important;
  }*/
  form .craue_formflow_buttons.craue_formflow_button_count_3 button.btn-danger,
  form .craue_formflow_buttons.craue_formflow_button_count_2 button.btn-danger {
    display: none;
  }
  form
    .craue_formflow_buttons.craue_formflow_button_count_3
    button.btn-success {
    order: 2;
  }
  form
    .craue_formflow_buttons.craue_formflow_button_count_3
    button.btn-warning {
    color: #7c7a7a;
    background: transparent;
    border: none;
    box-shadow: none;
    font-size: 10px;
    text-transform: capitalize;
    order: 1;
    margin: auto;
  }

  form.form-abonne-update .info-principal-abonne .triple-input {
    display: flex;
    gap: 10px;
  }

  #client_form .info-principal-client .triple-input {
    display: flex;
    gap: 10px;
  }

  #client_form .info-principal-client .double-input {
    display: flex;
    gap: 10px;
  }
  form.form-abonne-update .info-principal-abonne .double-input,
  #client_form .info-principal-client .Coordonnees .double-input {
    display: flex;
    gap: 10px;
  }
  form.form-abonne-update {
    margin-right: 10%;
    margin-left: 10%;
  }
  #client_form .info-principal-client .coordonnees-bancaires .double-input {
    display: flex;
    gap: 10px;
  }
  form.form-abonne-update .info-principal-abonne .mb-3,
  form #client_form .info-principal-client .mb-3 {
    width: 100% !important;
  }
  .invalid-feedback.d-block {
    font-size: 11px !important;
  }
  #information_step_reference_help {
    font-size: 12px !important;
    opacity: 0.5 !important;
  }

  form #client_form .doc-avocat-resp {
    display: grid;
    align-items: center;
    column-gap: 10px !important;
    grid-template-columns: repeat(2, 1fr);
    margin: auto;
    border: 2px solid #d1b089;
    padding: 20px !important;
    border-radius: 20px;
  }
  form[name="information_step"] select#information_step_client {
    width: 50%;
    opacity: 1 !important;
    padding-left: 10px !important;
    padding-right: 4.125rem !important;
    height: 38px !important;
    border-radius: 7px;
  }
  .rtl .folderBtnClient .AddClientCssNew {
    margin-right: 5px !important;
  }
  .rtl .info-general p.title,
  .partieAdverse p.title {
    text-align: right !important;
  }
  .navbar-dark .menu.langue .btn-group ul li {
    display: flex;
    flex-direction: row-reverse;
  }
  .navbar-dark .menu.langue .btn-group ul li img {
    margin-right: 10px;
    border-radius: 15%;
  }
  .navbar-dark .menu.langue .btn-group ul {
    margin-left: -90px;
  }
  .rtl .navbar-dark .menu.langue .btn-group ul {
    margin-left: auto !important;
  }
  .FolderStat {
    margin: revert !important;
  }
  .title-Aff .btn-new-add button#defaultDropdownAddClient {
    display: flex !important;
  }
  /*
  form[name="complaint_step"] #defaultDropdownAddClientr{
    display: none !important;
  }*/
  form[name="complaint_step"]
    #complaint_step
    > fieldset.mb-3
    > label.form-label.required {
    display: none;
  }
  form[name="affair_step"],
  form[name="complaint_step"],
  form[name="information_step"] {
    margin-bottom: 40px !important;
  }
  form[name="audience_step"] .PageOneButtonBas {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
  }
  .btn-warning:not(:disabled):not(.disabled):active {
    background-color: transparent !important;
  }
  form[name="audience_step"]
    .craue_formflow_buttons.craue_formflow_button_count_3,
  form[name="procedure_step"]
    .craue_formflow_buttons.craue_formflow_button_count_3,
  form[name="affair_step"]
    .craue_formflow_buttons.craue_formflow_button_count_3,
  form[name="complaint_step"]
    .craue_formflow_buttons.craue_formflow_button_count_3,
  form[name="information_step"]
    .craue_formflow_buttons.craue_formflow_button_count_2 {
    display: flex;
    justify-content: flex-end;
  }
  .two-button-creation-client-physique .btnSauvegardeLien,
  form[name="audience_step"]
    .craue_formflow_buttons.craue_formflow_button_count_3
    button.btn-success,
  form[name="procedure_step"]
    .craue_formflow_buttons.craue_formflow_button_count_3
    button.btn-success,
  form[name="affair_step"]
    .craue_formflow_buttons.craue_formflow_button_count_3
    button.btn-success,
  form[name="complaint_step"]
    .craue_formflow_buttons.craue_formflow_button_count_3
    button.btn-success,
  form[name="information_step"]
    .craue_formflow_buttons.craue_formflow_button_count_2
    button.btn-success,
  form #client_form .two-button-creation-client-physique button,
  form.form-abonne-update button,
  form.form-abonne-update button:hover {
    margin: 0 0 0 auto !important;
    width: 88px;
    height: 38px;
    background: #d1b089;
    color: #ffffff;
    font-weight: 600;
    display: flex;
    justify-content: center;
    box-shadow: none !important;
    border-radius: 25px;
    align-items: center;
    text-transform: capitalize;
    font-size: 12px;
    margin-left: 20px !important;
  }
  .two-button-creation-client-physique .btnAnnulLien,
  .btnsubmitandannuler #cancel-update-abonne,
  form
    #client_form
    .two-button-creation-client-physique
    button#cancel-creation-client-physique {
    color: #7c7a7a;
    background-color: #ffffff;
    letter-spacing: 0;
    font-size: 12px;
    box-shadow: none !important;
    border: none;
    /* margin-left: auto !important;*/
  }
  .cssVousNAveezpasDeCompte {
    font-weight: 300;
    font-size: 11px !important;
    font-family: "Muli", sans-serif;
    letter-spacing: 0.28px;
    color: #797f81;
  }
  .two-button-creation-client-physique {
    display: flex !important;
    margin-left: auto !important;
    margin-top: 25px !important;
  }

  form #client_form .doc-avocat-resp .mb-3:first-child {
    width: 50%;
  }

  form #client_form .doc-avocat-resp .mb-3.joindre-fich {
    width: 100% !important;
  }
  .dropdown-toggle.add-new-client-button#defaultDropdownAddClient.folderBtnClient {
    display: flex;
    background: none !important;
    box-shadow: none !important;
  }
  .folderBtnClient .AddClientCssNew {
    margin: auto;
    background: transparent;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    text-transform: none !important;
    color: #41b259 !important;
  }
  form #client_form .doc-avocat-resp select,
  form #client_form .doc-avocat-resp input {
    border: 1px solid #e6e7f1 !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  form.form-creation-perso-physique {
    width: 80%;
    margin: auto;
    margin-top: 30px !important;
  }

  /* client-morale css */

  .info-principale-client-morale {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }

  .info-principale-client-morale .coordonne-personne-morale {
    grid-column: 1;
    grid-row: 1/3;
  }

  .info-principale-client-morale .cordonne-repres-personne-morale {
    grid-column: 2;
    grid-row: 1;
  }

  .info-principale-client-morale .coordo-bancaire-represant-personne-morale {
    grid-column: 2;
    grid-row: 2;
  }

  form #client_morale_form label,
  form #client_morale_form legend {
    color: #575756 !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }
  form[name="affair_step"],
  form[name="complaint_step"],
  form[name="information_step"] {
    width: 500px;
    margin: auto;
  }
  .cadre-bloc.folderShow .col-md-6 {
    margin: auto !important;
    width: 100% !important;
  }
  .cadre-bloc.folderShow .info-general p.title {
    margin-top: -15px;
    background: #ffffff;
    width: max-content;
    padding-left: 10px;
    padding-right: 10px;
  }
  .rtl .left-text {
    text-align: right !important;
  }
  .row.folderAll {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 29px !important;
    margin: auto !important;
  }
  form[name="audience_step"]
    fieldset.form-fieldset
    legend.float-none.w-auto.form-fieldset-legend,
  form[name="procedure_step"]
    fieldset.form-fieldset
    legend.float-none.w-auto.form-fieldset-legend,
  form
    fieldset.form-fieldset.cadre-bloc
    legend.float-none.form-fieldset-legend.title-bloc,
  #client_morale_form .info-principale-client-morale legend.title-bloc {
    width: max-content !important;
    padding: 0 10px !important;
    border-bottom: none !important;
    margin-top: -15px;
    background-color: #ffffff !important;
    color: #d1b089 !important;
    letter-spacing: 0px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
  }

  #client_morale_form .info-principale-client-morale input,
  #client_morale_form .info-principale-client-morale select {
    border: 1px solid #e6e7f1 !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  #client_morale_form {
    width: 80%;
    margin: auto;
    margin-top: 30px !important;
  }

  /*/**************************************************/

  #client_morale_form .info-principale-client-morale .double-input {
    display: flex;
    gap: 10px;
  }

  #client_morale_form
    .info-principale-client-morale
    .cordonne-repres-personne-morale
    .double-input {
    display: flex;
    gap: 10px;
  }

  #client_morale_form
    .info-principale-client-morale
    .coordo-bancaire-represant-personne-morale
    .double-input {
    display: flex;
    gap: 10px;
  }

  form #client_morale_form .info-principale-client-morale .mb-3 {
    width: 100% !important;
  }
  .modal-content.Avertissementcontent button.btn-close {
    display: none;
  }
  #idMissDel::after,
  #idMissDel::before {
    display: none;
  }
  #idMissDel {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  form.audience_form_wid
    .dropdown-toggle.add-new-client-button#defaultDropdownAddClient {
    width: max-content !important;
    background: none;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 0;
    padding-right: 0px !important;
  }

  form.audience_form_wid
    .dropdown-toggle.add-new-client-button#defaultDropdownAddClient
    img {
    margin-top: 20px !important;
  }
  #consultation_form .addClientFromConsultation ul button,
  form.audience_form_wid .client-dossier-add-client button {
    margin: 0 !important;
    font-size: 12px;
  }

  .noticeaddDossier.numeroDossierExiste {
    width: 500px !important;
  }

  .rtl form.audience_form_wid .add-new-client-button-liste hr {
    display: none;
  }

  .rtl form.audience_form_wid #part-1 ul {
    margin-left: 0 !important;
    margin-right: 100px !important;
  }
  ul.add-new-client-button-listeF,
  #consultation_form .addClientFromConsultation ul,
  form.audience_form_wid #part-1 ul {
    background-color: #e9d9c7;
    border: 1px solid #d1b089;
    border-radius: 0 0 25px 25px;
    z-index: 1;
    width: 187px !important;
    text-align: center;
    padding: 0 !important;
    margin-left: 20px !important;
  }
  ul.add-new-client-button-listeF button:hover,
  #consultation_form .addClientFromConsultation ul button:hover,
  form.audience_form_wid #part-1 ul button:hover {
    background: #9e8364;
  }
  ul.add-new-client-button-listeF span,
  #consultation_form .addClientFromConsultation ul span,
  form.audience_form_wid #part-1 ul span {
    margin: auto !important;
  }
  ul.add-new-client-button-listeF span {
    font-size: 12px !important;
  }
  ul.add-new-client-button-listeF button:last-child,
  #consultation_form .addClientFromConsultation ul button:last-child,
  form.audience_form_wid #part-1 ul button:last-child {
    border-radius: 0 0 25px 25px !important;
  }

  form #client_morale_form .doc-avocat-resp {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    margin: auto;
    border: 2px solid #d1b089;
    padding: 20px !important;
    border-radius: 20px;
    column-gap: 10px !important;
  }
  .widthupdaladfile {
    width: 120px !important;
  }
 
  .allLinkdocs {
    display: grid;
    grid-template-columns: 80% 15%;
  }
  .allLinkdocs.abn {
    display: flex;
    column-gap: 40px;
  }
  input[type="time"]::-webkit-calendar-picker-indicator {
    font-size: 20px;
  }

  .ligneFactureTable {
    display: grid;
    grid-template-columns: 20% 25% 10% 15% 15% 15% !important;
    gap: 5px;
    position: relative;
  }

  .ligneFacture {
    display: grid;
    grid-template-columns: 100% 100%;
    width: 120%;
    margin-left: -10%;
  }

  .addNewLigneFacture {
    display: flex;
    gap: 10px;
    height: auto;
    align-items: flex-end;
    margin-left: 70px;
    margin-top: 9px;
    margin-bottom: 20px !important;
  }

  .addNewLigneFacture button,
  .addNewLigneFacture div {
    height: fit-content;
    padding: 0;
  }
  .addnewLignaAbonnee button,
  .addNewLigneFacture button {
    width: max-content !important;
    background: none;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    border: none;
  }
  .hideForArabe {
    display: none !important;
  }
  .form-mission-update .double-btn-form-mission {
    margin-bottom: 40px;
  }
  .uplaodarabebutton {
    border: none;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .audienceColorAgenda {
    border-color: rgb(255, 197, 95) !important;
    background-color: rgb(255, 197, 95) !important;
  }
  .fc-timeGridWeek-view .audienceColorAgenda .fc-event-time {
    background: #f2a928;
    border: 1px solid #f2a928;
  }
  .MissionColorAgenda {
    border-color: rgb(83, 143, 255) !important;
    background-color: rgb(83, 143, 255) !important;
  }
  .fc-timeGridWeek-view .MissionColorAgenda .fc-event-time {
    border-color: #417ae5 !important;
    background-color: #417ae5 !important;
  }
  .ConsultationsColorAgenda {
    border-color: #ff8784 !important;
    background-color: #ff8784 !important;
  }
  .fc-timeGridWeek-view .ConsultationsColorAgenda .fc-event-time {
    border-color: #dd5753 !important;
    background-color: #dd5753 !important;
  }

  .RappelColorAgenda {
    border-color: #49dcbb !important;
    background-color: #49dcbb !important;
  }
  .fc-timeGridWeek-view .RappelColorAgenda .fc-event-time {
    border-color: #3dc1a3 !important;
    background-color: #3dc1a3 !important;
  }
  .RDVColorAgenda {
    border-color: #d1b089 !important;
    background-color: #d1b089 !important;
  }
  .fc-timeGridWeek-view .RDVColorAgenda .fc-event-time {
    border-color: #9b8468 !important;
    background-color: #9b8468 !important;
  }
  /*.fc-daygrid-event-harness{
    border-color: rgb(83, 143, 255) !important;
    border-radius: 5px !important;
    background-color: rgb(83, 143, 255) !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
  }*/
  .imgfilecss {
    display: flex;
    column-gap: 20px;
    width: -webkit-fill-available;
  }
  .rtl .ligneFactureTable {
    align-items: end;
  }
  .cssPartieSmallAgendaTitle {
    letter-spacing: 0px;
    color: #575756;
    opacity: 1;
    font-family: "Segoe UI", sans-serif;
    font-weight: 600;
    font-size: 15px !important;
  }
  .rtl .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2.fc-toolbar-title {
    direction: rtl !important;
  }
  .addnewLignaAbonnee,
  .ligneFacture .addNewLigneFacture div {
    letter-spacing: 0px;
    color: #41b259;
    opacity: 1;
    font-family: "Segoe UI", sans-serif;
    font-size: 14px !important;
    margin-left: 7px;
    margin-bottom: -10px;
  }
  .listeRowUp {
    display: contents;
  }
  .butDelete {
    border: none;
    background: none;
  }

  .add-row.lienU,
  .remove-row.lienU,
  .listeRowUp button {
    border: none;
    background: none;
  }
  .ligneFactureTable button.remove-row {
    position: absolute;
    right: 0;
    margin-right: -30px;
    margin-left: 15px;
    margin-right: -70px;
    margin-top: 7px;
    background: none;
    border: none;
  }
  .ligneFactureTable.updateMode a {
    margin-top: 7px !important;
    margin-left: 10px !important;
  }
  .row-template .ligneFactureTable label {
    display: none;
  }

  .addNewLigneFacture img {
    margin-top: -5.5px;
    margin-left: 10px;
  }
  .listeRowUp .delete-row-btn {
    width: max-content;
  }
  .allEntete {
    display: grid;
    grid-template-columns: 50% 50%;
  }

  .allEntete .TrueFalseEntete {
    display: flex;
  }
  html.rtl,
  html.htmlAll {
    height: auto;
  }
  #contrat_form_document {
    display: none;
  }
  html.rtl body.g-sidenav-show.bg-gray-100,
  html.htmlAll body.g-sidenav-show.bg-gray-100 {
    height: -webkit-fill-available;
    margin-bottom: 50px;
  }
  .rtl aside#sidenav-main.sidenav ul li span.toggle-menu {
    position: relative;
    margin-right: auto;
    margin-left: 10px;
  }
  aside#sidenav-main.sidenav ul li span.toggle-menu {
    position: relative;
    margin-left: auto;
    right: 0px;
    padding-right: 0;
  }
  html.htmlAll body.g-sidenav-show.bg-gray-100 #main-cnt {
    height: 90%;
  }
  /*html.rtl body.g-sidenav-show.bg-gray-100 #main-cnt .demi-cercle-theme,
  html.rtl body.g-sidenav-show.bg-gray-100 #main-cnt #container-js-red,
  html.htmlAll body.g-sidenav-show.bg-gray-100 #main-cnt #container-js-red,
  html.htmlAll body.g-sidenav-show.bg-gray-100 #main-cnt .demi-cercle-theme {
    height: 100%;
  }*/
  html body.g-sidenav-show.bg-gray-100 #main-cnt #container-js-red,
  html.rtl body.g-sidenav-show.bg-gray-100 #main-cnt #container-js-red {
    height: -webkit-fill-available !important;
  }
  html.rtl body.g-sidenav-show.bg-gray-100 #main-cnt .demi-cercle-theme,
  html body.g-sidenav-show.bg-gray-100 #main-cnt .demi-cercle-theme {
    background: #ffffff !important;
    border-radius: 25px !important;
  }
  /**************menuCalendrier*************/

  #heightmainPage .calendar-main .eventAddCalendar {
    width: 0 !important;
    border: 1px solid #e6e7f1;
  }
  #heightmainPage .calendar-main .eventAddCalendar button#defaultDropdown {
    margin-left: -120px;
    margin-top: 40px !important;
    height: 30px !important;
    font-size: 12px !important;
    min-width: 80px !important;
    font-family: "Segoe UI", sans-serif !important;
  }
  #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
    margin-right: 130px;
  }
  /**************finMenuCalendrier*************/
  .heureFinMessage {
    font-size: 9px;
    color: red;
    display: none;
  }

  form#facture-form-step .TrueFalseEntete label {
    letter-spacing: 0px !important;
    color: #000000 !important;
  }

  .allEntete label.form-label.Sauvgarder {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
  }

  form#facture-form-step .TrueFalseEntete input {
    border: 1px solid #122832 !important;
  }
  .modal-content.Avertissementcontent {
    height: auto !important;
  }
  form#facture-form-step
    .allEntete
    .form-check:not(.form-switch)
    .form-check-input[type="radio"]:checked {
    padding: 0px !important;
    border: 1px solid #d1b089 !important;
  }

  .addNewRowUploadFile {
    display: flex !important;
    column-gap: 20px;
    width: max-content;
    cursor: pointer;
  }
  .addNewRowUploadFile p {
    margin-bottom: 0px;
    margin-top: 10px;
    letter-spacing: 0px;
    color: #41b259;
    opacity: 1;
    font-family: "Segoe UI", sans-serif;
    font-size: 14px !important;
  }
  .imglingicone {
    display: flex;
    /*gap: 15px;*/
  }
  input[type="file"].form-control {
    min-height: auto !important;
    height: auto !important;
  }
  form #client_morale_form .two-button-creation-client-physique button {
    margin: 0 0 0 auto !important;
    width: 88px;
    height: 38px;
    background: #d1b089;
    color: #ffffff;
    font-weight: 600;
    display: flex;
    justify-content: center;
    box-shadow: none !important;
    border-radius: 25px;
    align-items: center;
    text-transform: capitalize;
    font-size: 12px;
    margin-left: 20px !important;
  }

  form
    #client_morale_form
    .two-button-creation-client-physique
    button#cancel-creation-client-physique {
    color: #7c7a7a;
    background-color: #ffffff;
    letter-spacing: 0;
    font-size: 12px;
    box-shadow: none !important;
    border: none;
    margin-left: auto !important;
  }

  .two-button-creation-client-physique {
    display: flex !important;
    margin-left: auto !important;
    margin-top: 25px !important;
    justify-content: flex-end;
  }

  form #client_morale_form .doc-avocat-resp .mb-3:first-child {
    width: 50%;
  }

  form #client_morale_form .doc-avocat-resp .mb-3.joindre-fich {
    width: 100% !important;
  }

  form #client_morale_form .doc-avocat-resp select,
  form #client_morale_form .doc-avocat-resp input {
    border: 1px solid #e6e7f1 !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  form .desact-client-btn {
    display: flex;
  }

  form .desact-client-btn .form-check {
    display: flex;
    margin-left: auto;
  }

  form .desact-client-btn .form-check label {
    margin-right: 20px !important;
    margin: 0;
    color: #666666;
    letter-spacing: 0;
  }

  form .desact-client-btn .form-check input {
    margin-top: 0 !important;
  }

  form #client_form .info-principal-client .civilite {
    width: 60% !important;
  }

  .title-Aff .btn-new-add a.Personne-physique span,
  .title-Aff .btn-new-add a.Personne-morale span {
    width: max-content;
    height: auto;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .name-user.btn-primary.dropdown-toggle#defaultDropdown-logout {
    padding: 6px 12px !important;
  }

  /*  
    .demi-cercle-theme {
        border: 1px solid transparent;
        opacity: 1;
        border-top-left-radius: 14px;
        max-width: 100%;
        position: absolute;
        margin-top: -30px;
        height: 100%;
        z-index: 555555;
        margin-left: -27px;
        background: #f8f9fa !important;
    }*/

  #example_wrapper #example_filter.dataTables_filter input {
    border: 1px solid #9fa0a3;
    background: #ffffff;
    width: 270px;
    border-radius: 25px;
    padding-left: 0;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .nbcollaborateurover button.btn-close span,
  .limiteNombreAvocaatAtteint button.btn-close span,
  .limiteNombreCollaborateurAtteint button.btn-close span {
    display: none;
  }

  .limiteNombreAvocaatAtteint,
  .limiteNombreCollaborateurAtteint {
    width: max-content;
    margin: auto;
  }

  #example_wrapper #example_filter.dataTables_filter input::placeholder {
    color: #0e121a;
    letter-spacing: 0px;
    opacity: 0.4;
    font-size: 14px;
  }

  .opacity05 {
    opacity: 0.5 !important;
  }
  /*
  .rtl form.audience_form_wid #audience_form .client-dossier-add-client {
    margin-right: 49px !important;
  }*/

  .rtl .tailledocumentmax,
  .tailledocumentmax {
    color: red;
    font-size: 10px;
  }

  .displaynone,
  .dataTables_length#example_length {
    display: none;
  }

  .title-Aff .btn-new-add button.img-drop-lst {
    background: #343434 !important;
    border-radius: 17px;
  }

  .title-Aff .btn-new-add button.img-drop-lst::after {
    display: none;
  }

  .rtl .btn-new-add {
    float: left !important;
  }

  .rtl .marr-20px #defaultDropdown {
    margin-left: 20px !important;
  }

  .rtl #example_wrapper #example_filter.dataTables_filter {
    left: 400px;
    right: auto !important;
  }

  #example_wrapper #example_filter.dataTables_filter {
    width: max-content;
    /* margin-left: auto; */
    /* z-index: 9999999999; */
    position: absolute;
    margin-top: -55px;
    right: 400px;
    display: flex;
  }

  img.demi-cercle-img {
    position: absolute;
    margin-left: 16.55rem;
    margin-top: 55px;
  }

  #example_wrapper table.table.table-striped.dataTable thead th {
    color: #0e121a !important;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    text-align: center !important;
    padding-left: 10px;
    text-transform: none;
  }

  table.dataTable.table-striped > tbody > tr > * {
    color: #303744 !important;
    font-size: 14px !important;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Montserrat", sans-serif;
    text-align: center !important;
  }

  table.dataTable.table-striped > tbody > tr {
    border-style: none !important;
    border-width: none !important;
    border-color: transparent;
  }
  #menu-activite a.active span.toggle-menu i {
    color: #000000 !important;
  }
  #registration_form .triple-form {
    display: flex !important;
    gap: 31px;
  }

  #registration_form .triple-form .mb-3:first-child {
    width: 15% !important;
  }

  #registration_form .triple-form .mb-3:nth-child(2) {
    width: 40% !important;
  }

  #registration_form .triple-form .mb-3:last-child {
    width: 40% !important;
  }

  form #collaborateur_form textarea,
  form #collaborateur_form select,
  form #collaborateur_form input {
    border: 1px solid #e6e7f1 !important;
    font-size: 12px !important;
    box-shadow: none !important;
    color: #575756 !important;
  }

  form #collaborateur_form input.form-control {
    background: #ffffff 0% 0% no-repeat padding-box !important;
    opacity: 1 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    min-height: 38px !important;
    border-radius: 7px;
  }

  form #collaborateur_form label {
    letter-spacing: 0px !important;
    color: #575756 !important;
    font-size: 12px !important;
  }

  form #collaborateur_form .double-btn-form-collab {
    display: flex;
    justify-content: flex-end;
  }
  form.form-contrat-update #contrat_form .double-form,
  form.form-contrat-update #contrat_form .triple-form {
    column-gap: 10px !important;
  }
  #suppMultipleEventn.modal.fade.show .modal-footer button {
    background-color: #d1b089 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    letter-spacing: 0;
    border-radius: 25px;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    text-transform: none;
    width: 60px;
  }
  form.form-mission-update .double-btn-form-mission button,
  form.form-contrat-update .double-btn-form-contrat button,
  form #collaborateur_form .double-btn-form-collab button {
    background-color: #d1b089;
  }
  input[type="checkbox"].client_form_Desactive:checked + label::before {
    margin-left: 1.5rem;
  }
  #box-Inscription form fieldset {
    display: flex;
    flex-direction: column !important;
  }
  #box-Inscription form #registration_form #registration_form_Paiement {
    margin-left: 0 !important;
  }
  #box-Inscription form fieldset #registration_form_Paiement,
  #box-Inscription form fieldset #registration_form_Genre {
    flex-direction: column !important;
  }
}

.desac {
  margin-right: 20px;
}

#client_form .form-control:focus {
  box-shadow: 0 0 0 0.1rem #c0ceda;
}

#client_form input.form-control {
  width: 45%;
}

.client-morale,
.client-physique {
  display: none;
}

.backcolorreg {
  background: #f9f9fa !important;
}

#perso-morale #client_form,
#perso-physique #client_form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 40px;
}
.calendar-main #staticBackdropAudience fieldset.cadre-bloc legend {
  display: none;
}
.calendar-main #staticBackdropMission fieldset.cadre-bloc legend,
.calendar-main #staticBackdropRdv fieldset.cadre-bloc legend,
.calendar-main #staticBackdropRappel fieldset.cadre-bloc legend,
.calendar-main #staticBackdropConsultation fieldset.cadre-bloc legend {
  display: none;
}
.show-col span {
  margin-left: 20px;
}

.rtl .show-col span {
  margin-right: 10px;
}
fieldset#fieldsetEmail {
  display: block !important;
}
.motdePassOublie {
  font-size: 12px !important;
  font-weight: normal;
  font-family: "Segoe UI", sans-serif;
  letter-spacing: 0px;
  color: #7c7a7a;
  opacity: 1;
}
.ConnexionPageLogin {
  font-family: "Segoe UI", sans-serif;
}
a.cancel-to-site-vitrine {
  display: flex;
  color: #7c7a7a;
  font-size: 12px !important;
  align-items: center;
  margin-right: 20px;
}

#box-Inscription #registration_form .form-check label a {
  color: #188fff;
}

#box-Inscription #registration_form .form-check label a:hover {
  color: #003abc;
}

#login-container {
  /* position: relative;*/
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 92px);
}

footer.login {
  /* position: absolute;
  bottom: 0; */
  text-align: center;
  background-color: #343434 !important;
  width: 100%;
  height: max-content;
}

footer.login a {
  color: #d1b089;
  padding-left: 10px;
  padding-right: 10px;
}

footer.login .copyright p {
  color: #ffffff;
  margin-bottom: 0 !important;
}

footer.login .login-calsse {
  padding-top: 10px;
  padding-bottom: 10px !important;
}

.modal-show-dossier .modal-dialog .modal-header {
  background-color: #d1b089;
}

.modal-show-dossier .modal-dialog .modal-header h5 {
  font-size: 16px !important;
  text-align: center !important;
  color: #ffffff;
  margin: auto;
  font-weight: 600;
  text-transform: uppercase;
}

.modal-show-dossier .modal-dialog .modal-header button.btn-close {
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 0 !important;
  margin: 0 !important;
}

.modal-show-dossier {
  box-shadow: 0px 3px 6px #00000059;
  border-radius: 11px;
}

.modal-show-dossier .modal-body {
  background-color: #ffffff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0 !important;
  margin: 20px 40px;
  column-gap: 50px;
}
.listeLienUtile {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.cardlisteLiens {
  width: 98px;
  height: 99px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 2px solid #d1b089;
  border-radius: 21px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.iconlisteLiens {
  width: 39px;
  height: 35px;
  background: #d1b089 0% 0% no-repeat padding-box;
  opacity: 1;
}

.titlelisteLiens {
  text-align: left;
  font: normal normal 600 12px/17px Montserrat;
  letter-spacing: 0px;
  color: #d1b089;
  opacity: 1;
  margin-top: 10px;
}

.cardlisteLiensUser {
  width: 150px;
  height: 150px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 2px solid #d1b089;
  border-radius: 21px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.iconlisteLiensUser {
  width: 70px;
  height: 70px;
  opacity: 1;
}
.link-item {
  display: flex;
  font-size: 14px !important;
  font-family: "Segoe UI", sans-serif;
}
.PageLienUtileCss.listeLienUtile.linkByCat {
  margin-top: 50px !important;
}
.numeroItemLinkTitleTuto {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0px;
  color: #d1b089;
  opacity: 1;
  font-weight: 600;
  font-size: 12px;
}
.numeroItemLink {
  text-align: left;
  font-size: 14px !important;
  font-family: "Segoe UI", sans-serif;
  letter-spacing: 0px;
  color: #343434;
  opacity: 1;
}
.titlelisteLiensUser {
  text-align: center;
  font: normal normal 600 12px/17px Montserrat;
  letter-spacing: 0px;
  color: #d1b089;
  opacity: 1;
  margin-top: 10px;
}
@media only screen and (max-width: 1500px) {
  form#date-search {
   /* margin-bottom: 5px;*/
  }
}
@media only screen and (max-width: 1400px) {
  form#date-search {
    margin-bottom: 5px;
  }
  #heightmainPage .calendar-main .eventAddCalendar button#defaultDropdown{
    margin-top: 80px !important;
  }
}

@media only screen and (max-width: 1700px) {
  .rtl form#date-search {
    padding-left: 200px;
    
  }
  .fc .fc-button-group{
    z-index: 99;
  }
}
@media only screen and (min-width: 501px) and (max-width: 900px) {
  .fc .fc-col-header-cell-cushion {
    font-size: 10px;
  }
  #hello1,
  #noticeaddalert,
  .notice.success-update,
  .noticeaddDossier,
  .noticeeditDossier {
    width: fit-content !important;
    top: 0;
    bottom: auto !important;
    z-index: 999;
    right: 25px;
  }
  .container-js-red-left {
    margin-left: -11rem;
    margin-top: -1rem;
  }
  .rtl .container-js-red-left {
    margin-right: -11rem !important;
  }
  /*animation for delete button*/
  .deleteSelectedRowsBtnAffiche {
    animation: fadeIn 2.5s;
    transform: translateY(7px);
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /*end of animation*/
  #heightmainPage {
    padding-bottom: 10px;
  }
  #heightmainPage .title-Aff {
    padding-top: 10px;
  }
  #heightmainPage .title-Aff > div:nth-child(1) {
    margin-bottom: 20px;
  }
  form.form-mission-update,
  .form-update-contrat {
    width: 90% !important;
  }
  form[name="affair_step"],
  form[name="complaint_step"],
  form[name="information_step"] {
    width: 100% !important;
  }
  .addClientFromConsultation {
    grid-template-columns: 49% 51%;
  }
  #defaultDropdownAddClient {
    width: 100%;
    white-space: normal;
  }
  .double-form {
    grid-template-columns: repeat(2, minmax(100px, 1fr)) !important;
  }
  #defaultDropdownAddClient > p {
    padding-left: 5px;
  }
  .rtl #defaultDropdownAddClient > p {
    padding-right: 5px;
  }
  .info-principal-client,
  .info-principale-client-morale {
    display: flex !important;
    flex-direction: column;
  }
  form #client_form .doc-avocat-resp .mb-3:first-child,
  form #client_morale_form .doc-avocat-resp .mb-3:first-child {
    width: auto !important;
    transform: translateY(-7px);
  }
  .ligneFacture {
    display: flex !important;
    flex-direction: column;
  }
  .rtl .ligneFacture.arabe {
    margin-right: -10px !important;
  }
  .ligneFactureTable {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 500px;
    margin: auto;
  }
  .ligneFactureTable .mb-3 {
    width: 49%;
  }
  .htmlAll .addNewLigneFacture {
    margin-left: 40px !important;
  }
  .rtl .addNewLigneFacture {
    margin-right: 50px !important;
  }
  .title-Aff .btn-new-add.fixbtnaddnewclientmobile > div {
    display: flex;
  }
  form #collaborateur_form {
    display: flex !important;
    flex-direction: column;
  }
  .PageLienUtileCss {
    width: auto !important;
    margin: 35px 20px 0 20px !important;
  }
  .PageLienUtileCss .cardlisteLiensUser {
    width: 29% !important;
  }
  .itemLinkByVCategoryTuto {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  #category_li_utile_form,
  .Tutoriel #category_tutoriel_form {
    display: flex !important;
    justify-content: space-between;
  }
  #category_li_utile_form .buttonaddremove {
    align-self: center;
  }
  .missionEmail .liens_utiles_from {
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
    row-gap: 0 !important;
  }
  #tutoriels_form {
    justify-content: center;
  }
  #tutoriels_form > div:nth-child(1) {
    width: 85px;
  }
  .row.folderAll {
    grid-template-columns: 1fr !important;
  }
  .tableprocedureFolder {
    font-size: small;
  }
  .rtl #heightmainPage .calendar-main .eventAddCalendar button#defaultDropdown {
    margin-right: -120px !important;
  }
  .modal-show-dossier .modal-body {
    background-color: #ffffff;
    display: grid !important;
    grid-template-columns: 1fr;
    padding: 0 !important;
    margin: 20px 40px !important;
    column-gap: 50px;
  }
  .modal-show-dossier .modal-body.info-general.fac fieldset {
    padding: 1.4em !important;
  }
  .modal-show-dossier fieldset.cadre-bloc.factDet {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .navbar.navbar-dark.bg-dark .nav-menu-item {
    display: flex !important;
    justify-content: center !important;
  }
  .navbar.navbar-dark.bg-dark {
    grid-template-columns: 27% 49% 12%;
  }
  #box-Inscription.box-Inscription {
    margin-top: 25px !important;
  }
  .login-main-ch form .input-log-check {
    width: 300px !important;
  }
  .login-main-ch {
    width: auto !important;
    column-gap: 40px;
  }
  .connexion-left.input-log-check {
    width: 80% !important;
    margin: auto;
  }
  .main-content.login-main-ch .connexion-right img.LogoMenuJuriteck {
    width: 100% !important;
    height: 100%;
  }
  /*edited by maram*/
  .carousel-slide img {
    max-width: 50% !important;
  }
  .carousel-container {
    margin: 10px !important;
  }
  .carousel-slide .slide-content {
    column-gap: 20px !important;
  }
  #calendrier {
    width: 100% !important;
  }
  .cssPartieSmallAgendaTitle {
    display: none !important;
  }
  .rtl #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:first-child {
    margin: auto !important;
    margin-left: auto !important;
  }
  .calendar-main {
    width: 100%;
    display: flex;
    column-gap: 20px;
    flex-direction: column;
  }
  #calendrier {
    width: 100% !important;
  }
  #heightmainPage .calendar-main .eventAddCalendar {
    position: absolute;
    border: 0 !important;
    margin-top: 94px;
  }
  .htmlAll #heightmainPage .calendar-main .eventAddCalendar {
    right: 120px;
  }
  .rtl #heightmainPage .calendar-main .eventAddCalendar {
    left: 120px !important;
  }
  #heightmainPage .calendar-main .eventAddCalendar button#defaultDropdown {
    margin-left: 0 !important;
    padding: 0 10px !important;
  }
  .rtl #heightmainPage .calendar-main .eventAddCalendar button#defaultDropdown {
    margin-right: 0 !important;
  }
  .calendar-main .home-right .agenda-flt.Agenda {
    margin-top: 20px;
  }
  .fc .fc-toolbar.fc-header-toolbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
    margin: auto !important;
  }
  #date-search {
    margin-bottom: 10px;
  }
  .navbar.navbar-dark.bg-dark .menu.langue button {
    min-width: 0;
    padding: 0 10px;
  }
  .rtl .category-name {
    text-align: right;
  }
  .info-principal-abonne {
    grid-template-columns: 1fr !important;
  }
  form.form-abonne-update .reglementfatureab.reg .double-input {
    flex-wrap: wrap;
  }
  form.form-abonne-update .reglementfatureab.reg .double-input .mb-3 {
    flex: 0 48%;
  }
  form.form-abonne-update
    .reglementfatureab.reg
    .addnewLignaAbonnee
    #add-new-rowUFacture {
    position: relative;
    top: -20px;
  }
  fieldset .collection-type .row > * {
    flex: 0 0 33% !important;
  }
  form[name="procedure_step"]
    #procedure_step_procedures
    .procedure_step_procedures-collection-actions,
  form[name="audience_step"]
    #audience_step_audiences
    .audience_step_audiences-collection-actions {
    margin: auto 0 !important;
  }
  /*end of edit*/
}

.modal-show-dossier.show .modal-dialog {
  top: 100px !important;
  width: 60%;
  max-width: none;
  box-shadow: 0px 3px 6px #00000059;
  border-radius: 11px;
  transform: translateX(10%);
  box-shadow: none;
}

.rtl .modal-show-dossier.show .modal-dialog {
  transform: translateX(-10%);
}
.category-name {
  text-align: left;
  font-size: 15px !important;
  font-family: "Segoe UI", sans-serif;
  letter-spacing: 0px;
  color: #d1b089;
  font-weight: 600;
  margin-bottom: 50px;
  opacity: 1;
}
.cssimgLienUtilCAt {
  display: flex;
  flex-direction: column;
}
.itemLinkByVCategory {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 50px;
  row-gap: 50px;
}
.itemLinkByVCategoryTuto {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 50px;
  row-gap: 50px;
}
.modal-show-dossier.show .modal-footer {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 50px;
}

.modal-show-dossier.show .modal-footer label {
  color: #575756 !important;
  font-size: 14px !important;
  font-family: "Segoe UI", sans-serif;
}

.select2-search__field {
  border-radius: 5px;
  padding-left: 10px !important;
}

.modal-show-dossier.show .modal-footer input {
  width: 100%;
  background-color: #e6e7f1 !important;
  border: 1px solid #e6e7f1;
}

.modal.show button.btn-close {
  background: url("/admin/assets/img/icons/flags/Group 18371.png");
}

.modal.show button.btn-close.client {
  display: none;
}

.title-Aff h1 {
  color: #d1b089 !important;
  font-size: 19px !important;
  font-weight: 600;
  letter-spacing: 0;
  font-family: "Montserrat", sans-serif;
}

form fieldset legend.col-form-label.required {
  display: none;
}

.login-main-ch .connexion-left button.motdepasseerror {
  width: 33px !important;
}

.show .btn-close:focus {
  box-shadow: none !important;
}

.title-Aff .btn-new-add a span {
  margin-top: -5px;
  letter-spacing: 0;
  font-weight: 600;
  margin-right: 5px;
  width: 17px;
  height: 50%;
  font-size: 25px;
  display: flex;
  top: 0;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
}

.stepper.new-dossier {
  display: flex;
  justify-content: center;
  margin: auto;
  width: 500px;
  align-items: flex-start;
}

.stepper.new-dossier .step--2 {
  margin-left: 30px;
  margin-right: 30px;
}

.stepper.new-dossier .listestep {
  width: 31px;
  height: 31px;
  border: 2px solid #d1b089;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #d1b089;
}

.stepper.new-dossier .listestep.step--1 {
  background-color: #d1b089;
  color: #ffffff;
}

.creeDossierbuton {
  display: flex;
  justify-content: flex-end;
  column-gap: 20px;
}

.creeDossierbuton a {
  color: #7c7a7a;
  text-decoration: none;
}

.creeDossierbuton a:last-child {
  width: 88px;
  height: 33px;
  color: #ffffff;
  background-color: #d1b089;
  border-radius: 25px;
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.creeDossierbuton a:last-child:hover {
  color: #ffffff;
}

.creeDossierbuton button {
  width: 88px;
  height: 33px;
  font-size: 12px;
  color: #ffffff;
  background-color: #d1b089;
  border-radius: 25px;
  border: none;
  box-shadow: none;
}

#audience_form .part-1,
#audience_form .part-2,
#audience_form .part-3 {
  width: 100%;
  margin: auto;
}

form#facture-form-step.facture-form-step,
form.audience_form_wid {
  width: 500px;
  margin: auto !important;
}

form#facture-form-step.facture-form-step label,
#audience_form .mb-3 label {
  letter-spacing: 0 !important;
  color: #575756 !important;
  font-size: 12px !important;
}

#audience_form #labelaudience_form_ContentieuxPorteDevantJuridictionEtrangere {
  font-size: 13px !important;
}
#example_filter.dataTables_filter i.fa.fa-search.icon {
  position: absolute;
  right: 20px;
  left: auto;
  top: 12px;
  opacity: 0.3;
  font-size: 20px;
}
#example_filter.dataTables_filter {
  position: relative;
}
.rtl #example_filter.dataTables_filter i.fa.fa-search.icon {
  position: absolute;
  left: 20px;
  right: auto !important;
  top: 12px;
  opacity: 0.3;
  font-size: 20px;
}
.stepper.new-dossier span {
  color: #d1b089 !important;
  font-size: 10px !important;
  text-align: center;
  width: auto;
  margin-bottom: 25px;
  padding-top: 0px;
  margin-top: 0px;
}

.stepper.new-dossier .stp-dossier-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

form#facture-form-step.facture-form-step textarea,
form#facture-form-step.facture-form-step select,
form#facture-form-step.facture-form-step input,
form #audience_form textarea,
form #audience_form select,
form #audience_form input {
  border: 1px solid #e6e7f1 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

form #audience_form .mb-3 {
  margin-bottom: 0px !important;
}

.client-dossier-add-client {
  display: -webkit-inline-box;
  width: 100%;
}

.client-dossier-add-client .mb-3 {
  width: 100%;
}

.client-dossier-add-client .dossier-add-client {
  font-size: 14px !important;
  color: #41b259;
  width: 0 !important;
  display: flex;
  align-items: center;
  white-space: nowrap !important;
  margin-top: 28px;
}

form#facture-form-step.facture-form-step .grid-fr-input,
form #audience_form .dossier-double-input {
  display: grid;
  column-gap: 10px !important;
  grid-template-columns: repeat(2, 1fr);
}

form #audience_form .creeDossierbuton {
  margin-top: 25px !important;
}

.client-dossier-add-client a {
  display: flex;
  margin-top: 20px;
  align-items: center;
  /*width: 0px;*/
  margin-right: 10px;
  margin-left: 20px;
}

.info-general p.title,
.partieAdverse p.title {
  color: #d1b089;
  text-align: left;
  font-weight: 600;
  letter-spacing: 0px;
}

.info-collab-voir div div {
  border: 1px solid #e6e7f1;
  display: flex;
  height: 40px;
  align-items: center;
  padding-left: 10px;
  font-size: 14px !important;
}

.statut-dossier-active.client,
.statut-dossier-desactive.client {
  margin: 0 !important;
}

#main-cnt #container-js-red .partieAdverse .mb-3 label,
#main-cnt #container-js-red .info-general .mb-3 label {
  color: #575756 !important;
}

.partieAdverse .mb-3 div,
.info-general .mb-3 div {
  border: 1px solid #e6e7f1;
  display: flex;
  height: 40px;
  align-items: center;
  padding-left: 10px;
  font-size: 14px !important;
}

.info-general .show-dossier-double,
.partieAdverse .show-dossier-double {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
}

img#imgstep2 {
  margin-left: 30px;
  margin-right: 30px !important;
}

.stepper.new-dossier .tiret {
  display: flex;
  border: 1px solid #7070705e;
  height: 0;
  width: 100px;
  margin-top: 14px;
}
#ModalAnnulationFolder {
  box-shadow: none !important;
  margin-bottom: auto !important;
  margin-top: auto !important;
}
#ModalAnnulationFolder,
form#facture-form-step.facture-form-step .creeDossierbuton button:first-child,
#audience_form #part-1.part-1 .creeDossierbuton button:first-child {
  color: #7c7a7a;
  text-decoration: none;
  background: none;
  font-size: 12px !important;
}
.tableprocedureFolder {
  width: -webkit-fill-available !important;
}
.left-text {
  text-align: left !important;
}
.rtl .PageOneButtonBas {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}
.PageOneButtonBas {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}
#ModalAnnulationFolder {
  text-transform: none !important;
}
/*
.ErrorMtTTC{
  display: none;
  color: red;
  font-size: 10px;
}*/
.displayNone {
  display: none;
}

.modal-annulation-dossier {
  display: none;
  position: fixed;
  z-index: 10;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.arrierPlanShow {
  background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content */

.modal-content-annulation-dossier {
  background-color: #ffffff;
  margin: auto;
  padding: 40px 30px;
  border: 1px solid #888;
  width: 40%;
  margin-top: 15%;
  box-shadow: 0px 3px 6px #00000045;
  border-radius: 7px;
  position: relative;
  z-index: 99;
}

.Annualation-creation-Dossier {
  display: flex;
  justify-content: flex-end;
}

.Annualation-creation-Dossier span {
  font-size: 16px;
  background: none;
  border: none;
  display: flex;
  margin-right: 20px;
  margin-left: 20px;
  align-items: center;
  cursor: pointer;
}

.Annualation-creation-Dossier a,
.Annualation-creation-Dossier span#FactureAnnulation {
  color: #ffffff;
  background-color: #ff5353;
  border-radius: 21px;
  padding: 7px;
  padding-right: 15px;
  text-decoration: none;
  padding-left: 15px;
  cursor: pointer;
}

.modal-content-annulation-dossier h2 {
  color: #122832 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: 0px;
  margin-bottom: 0 !important;
  padding-bottom: 30px !important;
}

.modal-content-annulation-dossier p {
  color: #272e3d !important;
  font-size: 15px !important;
}

.title-Aff .btn-new-add button span {
  letter-spacing: 0px;
  font-size: 25px;
  font-weight: 600;
  padding-right: 10px;
}

.title-Aff .btn-new-add button:active {
  border-color: none;
  border: none;
}

.statut-dossier-active {
  width: 14px;
  height: 14px;
  background: #00b567;
  border-radius: 50%;
  margin: auto;
}

.statut-dossier-desactive {
  width: 14px;
  height: 14px;
  background: #ff5353;
  border-radius: 50%;
  margin: auto;
}

.archiavage-icon-show-dossier label {
  margin-bottom: 0 !important;
}

.archiavage-icon-show-dossier {
  margin-top: 30px;
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.archiavage-icon-show-dossier div {
  margin-left: 10px;
  height: 14px !important;
  width: 14px !important;
  border-radius: 50%;
}

.audience_form_ContentieuxPorteDevantJuridictionEtrangere {
  display: flex;
  /* gap: unset; */
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.audience_form_ContentieuxPorteDevantJuridictionEtrangere label.form-label {
  width: max-content;
  font-size: 13px !important;
  display: flex;
  margin-bottom: 0 !important;
  align-items: center;
}

.audience_form_ContentieuxPorteDevantJuridictionEtrangere select {
  width: 100px;
  margin-left: auto;
}

option:hover {
  background-color: #d1b089 !important;
}

form #collaborateur_form {
  width: 80%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
  margin: auto;
}

form #collaborateur_form .ident-collab-3 {
  display: flex;
  gap: 10px;
}

form #collaborateur_form .first-part-collab-add .title-bloc,
form #collaborateur_form .second-part-collab-add .title-bloc {
  width: max-content !important;
  padding: 0 10px !important;
  border-bottom: none !important;
  margin-top: -15px;
  background-color: #ffffff !important;
  color: #d1b089 !important;
  letter-spacing: 0px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}

.css-collab-header-20px {
  margin-top: 20px !important;
}

form #collaborateur_form .ident-collab-3 .mb-3:first-child {
  width: 20%;
}

form #collaborateur_form .ident-collab-3 .mb-3 {
  width: 40%;
}

form #collaborateur_form .collab-inp-2 {
  display: flex;
  gap: 15px;
}

form #collaborateur_form .collab-inp-2 input {
  margin-right: 0 !important;
}

form #collaborateur_form .collab-inp-2 .mb-3 {
  width: 100% !important;
}

form #collaborateur_form label {
  color: #575756 !important;
  font-size: 12px;
  letter-spacing: 0px;
}

form #collaborateur_form input,
form #collaborateur_form select {
  border: 1px solid #e6e7f1;
  border-radius: 7px;
}

form #collaborateur_form .collab-inp-2 input,
form #collaborateur_form .collab-inp-2 select {
  width: 100% !important;
}

#client_form .form-check {
  padding-left: 0 !important;
  display: flex;
  align-items: center;
}

input[type="checkbox"].client_form_Desactive {
  display: none !important;
}

input[type="checkbox"].client_form_Desactive + label {
  box-sizing: border-box;
  display: flex;
  width: 3rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  padding: 2px;
  background-color: #c0ceda;
  transition: all 0.5s;
  align-items: center;
}

input[type="checkbox"].client_form_Desactive + label::before {
  box-sizing: border-box;
  display: block;
  content: "";
  height: calc(1.5rem - 4px);
  width: calc(1.5rem - 4px);
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.5s;
}

input[type="checkbox"].client_form_Desactive:checked + label {
  background-color: #d1b089;
}

input[type="checkbox"].client_form_Desactive:checked + label::before {
  margin-left: 1.5rem;
}

.desac {
  margin-right: 20px;
}

#client_form a.form-control:focus {
  box-shadow: none !important;
}

#client_form .form-control:focus {
  box-shadow: 0 0 0 0.1rem #c0ceda;
}

#client_form input.form-control {
  width: 100%;
}

.select-personne {
  width: 50%;
  margin-bottom: 40px;
}

#choose-type-pers {
  width: 48%;
  border-radius: 7px;
}

input[type="checkbox"].client_form_Desactive1 {
  display: none !important;
}

input[type="checkbox"].client_form_Desactive1 + label {
  box-sizing: border-box;
  display: flex;
  width: 3rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  padding: 2px;
  background-color: #c0ceda;
  transition: all 0.5s;
  align-items: center;
}

input[type="checkbox"].client_form_Desactive1 + label::before {
  box-sizing: border-box;
  display: block;
  content: "";
  height: calc(1.5rem - 4px);
  width: calc(1.5rem - 4px);
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.5s;
}

input[type="checkbox"].client_form_Desactive1:checked + label {
  background-color: #d1b089;
}

input[type="checkbox"].client_form_Desactive1:checked + label::before {
  margin-left: 1.5rem;
}
.rtl .container-js-red-left {
  margin-right: -12rem !important;
  margin-left: 0 !important;
}
#SubmitAndFinish {
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  display: flex;
  margin-bottom: auto;
  margin-top: auto;
  justify-content: center;
  box-shadow: none !important;
  border-radius: 25px;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  background: #ffffff !important;
  border: 1px solid #d1b089 !important;
  color: #d1b089 !important;
}
.PageOneButtonBas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-end;
}

form[name="audience_step"]
  .PageOneButtonBas
  .craue_formflow_buttons.craue_formflow_button_count_3
  button:first-child,
form[name="audience_step"] #ModalAnnulationFolder,
form[name="procedure_step"] #ModalAnnulationFolder,
form[name="affair_step"] #ModalAnnulationFolder,
form[name="complaint_step"] #ModalAnnulationFolder {
  display: none !important;
}
.rtl form[name="audience_step"] .PageOneButtonBas {
  display: flex;
  justify-content: flex-end;
  flex-direction: unset;
}
.TutorileUserAffichage {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
}
form[name="tutoriel_from"] label,
form[name="tutoriel_from"] legend,
form[name="category_lien_utile_form"] label,
form[name="category_lien_utile_form"] legend,
form[name="liens_utiles_from"] label,
form[name="liens_utiles_from"] legend,
form.form-abonne-update label,
form.form-abonne-update legend,
form[name="audience_step"] label,
form[name="audience_step"] legend,
form[name="procedure_step"] label,
form[name="procedure_step"] legend,
form[name="affair_step"] label,
form[name="affair_step"] legend,
form[name="complaint_step"] label,
form[name="complaint_step"] legend,
form[name="information_step"] label,
form[name="information_step"] legend,
form #client_form label,
form #client_form legend {
  color: #575756 !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  white-space: pre;
}
form[name="procedure_step"]
  #procedure_step_procedures
  .procedure_step_procedures-collection-actions
  a.btn-collection.btn-circle.btn-danger {
  background: #ff5353;
  padding: 0px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
form[name="procedure_step"]
  #procedure_step_procedures
  .procedure_step_procedures-collection-actions
  a.btn-collection.btn-circle.btn-danger
  i {
  display: flex;
  justify-content: center;
  height: 30px;
  width: 30px;
  margin-top: 10px;
}
form[name="procedure_step"]
  #procedure_step_procedures
  .procedure_step_procedures-collection-actions
  a.btn-collection.btn-circle.btn-success {
  padding: 0px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
form[name="procedure_step"]
  #procedure_step_procedures
  .procedure_step_procedures-collection-actions
  a.btn-collection.btn-circle.btn-success
  i {
  display: flex;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-top: 10px;
}
form[name="procedure_step"]
  #procedure_step_procedures
  .procedure_step_procedures-collection-actions {
  width: auto;
  margin: auto;
}
form[name="procedure_step"] #procedure_step_procedures div.col-md-1 {
  display: none;
}
form[name="procedure_step"] #procedure_step_procedures fieldset label.form-label.required,
form[name="audience_step"] #audience_step_audiences fieldset label.form-label.required {
  display: none !important;
}
.bootbox.modal.fade.modal-show-dossier.show
  .modal-dialog.modal-xl
  .modal-content
  .modal-body {
  display: block !important;
}
form[name="audience_step"]
  #audience_step_audiences
  .audience_step_audiences-collection-actions
  a.btn-collection.btn-circle.btn-danger {
  background: #ff5353;
  padding: 0px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}
form[name="audience_step"]
  #audience_step_audiences
  .audience_step_audiences-collection-actions
  a.btn-collection.btn-circle.btn-danger
  i {
  display: flex;
  justify-content: center;
  height: 30px;
  width: 30px;
  margin-top: 10px;
}
form[name="audience_step"]
  #audience_step_audiences
  .audience_step_audiences-collection-actions
  a.btn-collection.btn-circle.btn-success {
  padding: 0px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
form[name="audience_step"]
  #audience_step_audiences
  .audience_step_audiences-collection-actions
  a.btn-collection.btn-circle.btn-success
  i {
  display: flex;
  justify-content: center;
  height: 30px;
  width: 30px;
  margin-top: 10px;
}
form[name="audience_step"]
  #audience_step_audiences
  .audience_step_audiences-collection-actions {
  width: auto;
  margin: auto;
}
form[name="audience_step"] #audience_step_audiences div.col-md-1 {
  display: none;
}

#information_step_client,
#defaultDropdownAddClient {
  display: block;
}
.firststepDossierTun {
  display: none;
}
.firststepDossierTun2 {
  margin: auto !important;
}
.missionEmail.cadre-bloc {
  margin-top: 20px !important;
}

.TrueFalseEmail .notifParEmail {
  display: flex;
  gap: 25px;
}

#contrat_form .formFFFLabel {
  color: #000000 !important;
  letter-spacing: 0px;
}

.modal.fade.modal-show-dossier.show .doc_cadre:active,
.modal.fade.modal-show-dossier.show .doc_cadre:focus,
.modal.fade.modal-show-dossier.show .doc_cadre {
  border: none !important;
  margin-left: 20px;
}

.rtl #client_form .doc-avocat-resp .liste-des-doc,
.rtl #client_morale_form .doc-avocat-resp .liste-des-doc {
  width: -webkit-fill-available;
}

.rtl #client_form .doc-avocat-resp .liste-des-doc .allLinkdocs,
.rtl #client_morale_form .doc-avocat-resp .liste-des-doc .allLinkdocs {
  display: flex !important;
  justify-content: space-between;
}

.rtl #client_form .doc-avocat-resp .liste-des-doc .allLinkdocs .imglingicone a:nth-child(2),
.rtl #client_morale_form .doc-avocat-resp .liste-des-doc .allLinkdocs .imglingicone a:nth-child(2) {
  margin-left: 0 !important;
}

/* form.form-contrat-update .liste-des-doc a, 
form.form-contrat-update .lsitedocFoldeeresStep1 a, */
.imglingicone a {
  font-size: 13px;
}
.htmlAll .imglingicone a {
  margin-left: 20px !important;
}

#contrat_form .form-check:not(.form-switch) .form-check-input[type="radio"],
.TrueFalseEmail
  .notifParEmail
  .form-check:not(.form-switch)
  .form-check-input[type="radio"] {
  border: 1px solid #122832 !important;
  font-size: 12px !important;
  box-shadow: none !important;
  height: 18px !important;
  width: 18px !important;
  cursor: pointer;
  min-height: 0 !important;
}

#contrat_form
  .form-check:not(.form-switch)
  .form-check-input[type="radio"]:checked::after,
#mission_form
  .form-check:not(.form-switch)
  .form-check-input[type="radio"]:checked:after {
  background-image: none !important;
}

#contrat_form
  .form-check:not(.form-switch)
  .form-check-input[type="radio"]:checked,
.TrueFalseEmail
  .notifParEmail
  .form-check:not(.form-switch)
  .form-check-input[type="radio"]:checked {
  padding: 0px !important;
  border: 1px solid #d1b089 !important;
}

.TrueFalseEmail {
  display: grid;
  grid-template-columns: 60% 40% !important;
  align-items: center;
}

#mission_form .TrueFalseEmail.colab {
  margin-bottom: 0 !important;
}
form.form-abonne-update .reglementfatureab legend.title-bloc,
form.form-abonne-update .info-principal-abonne legend.title-bloc,
.missionEmail.cadre-bloc legend.title-bloc,
#part-3.step-3-facture legend.title-bloc,
#client_form .info-principal-client legend.title-bloc {
  width: max-content !important;
  padding: 0 10px !important;
  border-bottom: none !important;
  margin-top: -15px;
  background-color: #ffffff !important;
  color: #d1b089 !important;
  letter-spacing: 0px !important;
  font-size: 17px;
  font-weight: 600 !important;
  font-family: Montserrat;
}

.AudienceEventModal.cadre-bloc legend.title-bloc {
  width: max-content !important;
  padding: 0 10px !important;
  border-bottom: none !important;
  margin-top: -15px;
  background-color: #ffffff !important;
  color: #d1b089 !important;
  letter-spacing: 0px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  font-family: Montserrat;
}
form[name="audience_step"] fieldset.form-fieldset,
form[name="procedure_step"] fieldset.form-fieldset,
fieldset.cadre-bloc {
  border: 2px solid #d1b089 !important;
  padding: 0 1.4em 1.4em 1.4em;
  margin: 0 0 15px 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
  border-radius: 20px;
}
.buttonaddremove {
  display: flex !important;
  margin-bottom: 0 !important;
}
.plussaddeventAgenda {
  font-size: 24px;
  padding-right: 5px !important;
  padding: 2px;
  margin-left: -10px;
}
.fc-daygrid-event-dot {
  display: none;
}
/*Order Toolbar AAgenda*/
.fc-toolbar-chunk
  .fc-button-group
  .fc-today-button.fc-button.fc-button-primary.fc-today-button {
  order: 1;
}
.fc-toolbar-chunk .fc-button-group .fc-prev-button.fc-button.fc-button-primary {
  order: 2;
}
.fc-toolbar-chunk .fc-button-group .fc-toolbar-title {
  order: 3;
}
.fc-toolbar-chunk .fc-button-group .fc-next-button.fc-button.fc-button-primary {
  order: 4;
}
.fc-timegrid-event .fc-event-main {
  padding: 0 !important;
}
/*csss Agenda*/
.fc-col-header-cell.fc-day.fc-day-tue,
.fc-col-header-cell.fc-day.fc-day-mon,
.fc-col-header-cell.fc-day.fc-day-thu,
.fc-col-header-cell.fc-day.fc-day-fri,
.fc-col-header-cell.fc-day.fc-day-sat,
.fc-col-header-cell.fc-day.fc-day-sun,
.fc-col-header-cell.fc-day.fc-day-wed,
.fc-col-header-cell.fc-day.fc-day-tue,
.fc-col-header-cell.fc-day.fc-day-mon,
.fc-col-header-cell.fc-day.fc-day-thu,
.fc-col-header-cell.fc-day.fc-day-fri,
.fc-col-header-cell.fc-day.fc-day-sat,
.fc-col-header-cell.fc-day.fc-day-sun,
.fc-col-header-cell.fc-day.fc-day-wed,
.fc-col-header-cell.fc-day.fc-day-tue,
.fc-col-header-cell.fc-day.fc-day-mon,
.fc-col-header-cell.fc-day.fc-day-thu,
.fc-col-header-cell.fc-day.fc-day-fri,
.fc-col-header-cell.fc-day.fc-day-sat,
.fc-col-header-cell.fc-day.fc-day-sun,
.fc-col-header-cell.fc-day.fc-day-wed,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-tue.fc-day-past,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-mon.fc-day-past,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-thu.fc-day-past,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-fri.fc-day-past,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sat.fc-day-past,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sun.fc-day-past,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-wed.fc-day-past,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-tue.fc-day-today,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-mon.fc-day-today,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-thu.fc-day-today,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-fri.fc-day-today,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sat.fc-day-today,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sun.fc-day-today,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-wed.fc-day-today,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-tue.fc-day-future,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-mon.fc-day-future,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-thu.fc-day-future,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-fri.fc-day-future,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sat.fc-day-future,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-sun.fc-day-future,
.fc-timeGridWeek-view .fc-col-header-cell.fc-day.fc-day-wed.fc-day-future {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.rtl .fc-daygrid-dot-event .fc-event-title,
.rtl .fc-h-event .fc-event-main-frame,
.rtl .fc-v-event .fc-event-main-frame {
  text-align: right;
}
.fc-timeGridDay-view th,
.fc-timeGridDay-view td,
.fc-dayGridMonth-view th,
.fc-dayGridMonth-view td,
.fc-timeGridWeek-view th,
.fc-timeGridWeek-view td {
  border: 1px solid var(--fc-border-color, #d7e3f1) !important;
}
.fc-timeGridWeek-view .fc-timegrid-col-frame {
  border-right: 1px solid #d7e3f1 !important;
  z-index: 9;
}
.rtl .cssPartieSmallAgendaTitle {
  width: 135px;
}
.rtl .fc-v-event .fc-event-title,
.rtl .fc-timegrid-event .fc-event-time {
  text-align: right;
}
.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child .fc-button-group {
  background-color: #f6efe7 !important;
  border-radius: 25px;
}
.fa-chevron-left:before,
.fa-chevron-right:before {
  color: #d1b089;
}

.fc-timegrid-event {
  border-color: rgb(83, 143, 255);
  background-color: rgb(83, 143, 255);
}

.info-principal-client {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.PageLienUtileCss {
  width: 80%;
  margin: auto;
}
#tutoriels_form.Tutoriel {
  display: grid;
  grid-template-columns: 20% 10% 15% 15% 20% 10% !important;
  grid-gap: 20px;
  align-items: center;
}
.lienUtileCadere .liens_utiles_from,
.lienUtileCadere #liens_utiles_from {
  display: grid;
  grid-template-columns: 25% 10% 25% 20% 10%;
  grid-gap: 20px;
  align-items: center;
}
.Tutoriel #category_tutoriel_form,
.lienUtileCadere #category_lien_utile_form {
  display: grid;
  grid-template-columns: 50% 15% 15% 20%;
  grid-gap: 20px;
  align-items: center;
}
.info-principal-abonne {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}

.info-principal-client .etat-civil {
  grid-column: 1;
  grid-row: 1/3;
}

.info-principal-client .Coordonnees {
  grid-column: 2;
  grid-row: 1;
}

.info-principal-client .coordonnees-bancaires {
  grid-column: 2;
  grid-row: 2;
}
form[name="affair_step"] #affair-accordion button.accordion-button:focus {
  box-shadow: none !important;
}
form[name="affair_step"] #affair-accordion button.accordion-button {
  letter-spacing: 0px;
  color: #d1b089;
  opacity: 1;
  font-size: 14px;
  background: transparent !important;
}
form[name="tutoriel_from"] input,
form[name="tutoriel_from"] select,
form[name="tutoriel_from"] textarea,
form[name="category_lien_utile_form"] input,
form[name="category_lien_utile_form"] select,
form[name="liens_utiles_from"] input,
form[name="liens_utiles_from"] select,
form[name="liens_utiles_from"] textarea,
form[name="audience_step"] input,
form[name="audience_step"] select,
form[name="audience_step"] textarea,
form[name="procedure_step"] input,
form[name="procedure_step"] select,
form[name="procedure_step"] textarea,
form[name="affair_step"] input,
form[name="affair_step"] select,
form[name="affair_step"] textarea,
form[name="complaint_step"] input,
form[name="complaint_step"] select,
form[name="complaint_step"] textarea,
form[name="information_step"] input,
form[name="information_step"] select,
form[name="information_step"] textarea,
#client_form .info-principal-client input,
#client_form .info-principal-client select,
form.form-abonne-update .info-principal-abonne input,
form.form-abonne-update .info-principal-abonne select,
form.form-abonne-update .reglementfatureab input,
form.form-abonne-update .reglementfatureab select {
  border: 1px solid #e6e7f1 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}
form.form-abonne-update .reglementfatureab label {
  width: max-content;
}
.gestionupdateuserabonne {
  width: 32% !important;
}
.reglementfatureab.reg {
  margin-top: 40px;
  margin-bottom: 60px;
}
.btnsubmitandannuler {
  display: flex;
  justify-content: flex-end;
}

form.form-abonne-update .reglementfatureab .double-input {
  display: flex;
  column-gap: 10px;
}
#menu-Administration span.toggle-menu {
  right: 0;
  position: absolute;
  padding-right: 20px !important;
}
.rtl form[name="affair_step"] #affair-accordion button::after {
  margin-left: 10px !important;
  margin-right: auto !important;
}
.rtl #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
  margin-right: 0;
}
.rtl
  .text-white.text-center.me-2.d-flex.align-items-center.justify-content-center {
  margin: 0 !important;
}

.rtl #calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:first-child {
  margin-left: 120px;
}
.rtl .eventAddCalendar ul button {
  text-align: -webkit-auto !important;
}
form[name="audience_step"]
  .audience_step_audiences-collection-actions
  i::before,
form[name="procedure_step"]
  .procedure_step_procedures-collection-actions
  i::before {
  font-size: 25px;
  font-weight: 900;
  margin-top: -7px;
}
/*
.multipleSelectionAgenda.multipleSelectionAgenda{
  width: auto !important;
}*/
form .craue_formflow_buttons.craue_formflow_button_count_3 button.btn-danger,
form .craue_formflow_buttons.craue_formflow_button_count_2 button.btn-danger {
  display: none;
}
form .craue_formflow_buttons.craue_formflow_button_count_3 button.btn-success {
  order: 2;
}
form .craue_formflow_buttons.craue_formflow_button_count_3 button.btn-warning {
  color: #7c7a7a;
  background: transparent;
  border: none;
  box-shadow: none;
  font-size: 12px;
  text-transform: capitalize;
  order: 1;
  margin: auto;
}

form.form-abonne-update .info-principal-abonne .triple-input {
  display: flex;
  gap: 10px;
}

#client_form .info-principal-client .triple-input {
  display: flex;
  gap: 10px;
}

#client_form .info-principal-client .double-input {
  display: flex;
  gap: 10px;
}
form.form-abonne-update .info-principal-abonne .double-input,
#client_form .info-principal-client .Coordonnees .double-input {
  display: flex;
  gap: 10px;
}
form.form-abonne-update {
  margin-right: 10%;
  margin-left: 10%;
}
#client_form .info-principal-client .coordonnees-bancaires .double-input {
  display: flex;
  gap: 10px;
}
form.form-abonne-update .info-principal-abonne .mb-3,
form #client_form .info-principal-client .mb-3 {
  width: 100% !important;
}
.invalid-feedback.d-block {
  font-size: 11px !important;
}
#information_step_reference_help {
  font-size: 12px !important;
  opacity: 0.5 !important;
}

form #client_form .doc-avocat-resp {
  display: grid;
  align-items: center;
  column-gap: 10px !important;
  grid-template-columns: repeat(2, 1fr);
  margin: auto;
  border: 2px solid #d1b089;
  padding: 20px !important;
  border-radius: 20px;
}
form[name="information_step"] select#information_step_client {
  width: 50%;
  opacity: 1 !important;
  padding-left: 10px !important;
  padding-right: 4.125rem !important;
  height: 38px !important;
  border-radius: 7px;
}
.rtl .folderBtnClient .AddClientCssNew {
  margin-right: 5px !important;
}
.rtl .info-general p.title,
.partieAdverse p.title {
  text-align: right !important;
}
.navbar-dark .menu.langue .btn-group ul li {
  display: flex;
  flex-direction: row-reverse;
}
.navbar-dark .menu.langue .btn-group ul li img {
  margin-right: 10px;
  border-radius: 15%;
}
.navbar-dark .menu.langue .btn-group ul {
  margin-left: -90px;
}
.rtl .navbar-dark .menu.langue .btn-group ul {
  margin-left: auto !important;
}
.FolderStat {
  margin: revert !important;
}
.title-Aff .btn-new-add button#defaultDropdownAddClient {
  display: flex !important;
}
/*
form[name="complaint_step"] #defaultDropdownAddClientr{
  display: none !important;
}*/
form[name="complaint_step"]
  #complaint_step
  > fieldset.mb-3
  > label.form-label.required {
  display: none;
}
form[name="affair_step"],
form[name="complaint_step"],
form[name="information_step"] {
  margin-bottom: 40px !important;
}
form[name="audience_step"] .PageOneButtonBas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex-direction: row-reverse !important;
  justify-content: flex-start !important;
}
.btn-warning:not(:disabled):not(.disabled):active {
  background-color: transparent !important;
}
form[name="audience_step"]
  .craue_formflow_buttons.craue_formflow_button_count_3,
form[name="procedure_step"]
  .craue_formflow_buttons.craue_formflow_button_count_3,
form[name="affair_step"] .craue_formflow_buttons.craue_formflow_button_count_3,
form[name="complaint_step"]
  .craue_formflow_buttons.craue_formflow_button_count_3,
form[name="information_step"]
  .craue_formflow_buttons.craue_formflow_button_count_2 {
  display: flex;
  justify-content: flex-end;
}
.two-button-creation-client-physique .btnSauvegardeLien,
form[name="audience_step"]
  .craue_formflow_buttons.craue_formflow_button_count_3
  button.btn-success,
form[name="procedure_step"]
  .craue_formflow_buttons.craue_formflow_button_count_3
  button.btn-success,
form[name="affair_step"]
  .craue_formflow_buttons.craue_formflow_button_count_3
  button.btn-success,
form[name="complaint_step"]
  .craue_formflow_buttons.craue_formflow_button_count_3
  button.btn-success,
form[name="information_step"]
  .craue_formflow_buttons.craue_formflow_button_count_2
  button.btn-success,
form #client_form .two-button-creation-client-physique button,
form.form-abonne-update button,
form.form-abonne-update button:hover {
  margin: 0 0 0 auto !important;
  width: 88px;
  height: 38px;
  background: #d1b089;
  color: #ffffff;
  font-weight: 600;
  display: flex;
  justify-content: center;
  box-shadow: none !important;
  border-radius: 25px;
  align-items: center;
  text-transform: capitalize;
  font-size: 12px;
  margin-left: 20px !important;
}
.two-button-creation-client-physique .btnAnnulLien,
.btnsubmitandannuler #cancel-update-abonne,
form
  #client_form
  .two-button-creation-client-physique
  button#cancel-creation-client-physique {
  color: #7c7a7a;
  background-color: #ffffff;
  letter-spacing: 0;
  font-size: 12px;
  box-shadow: none !important;
  border: none;
  /* margin-left: auto !important;*/
}
.cssVousNAveezpasDeCompte {
  font-weight: 300;
  font-size: 11px !important;
  font-family: "Muli", sans-serif;
  letter-spacing: 0.28px;
  color: #797f81;
}
.two-button-creation-client-physique {
  display: flex !important;
  margin-left: auto !important;
  margin-top: 25px !important;
}

form #client_form .doc-avocat-resp .mb-3:first-child {
  width: 50%;
}

form #client_form .doc-avocat-resp .mb-3.joindre-fich {
  width: 100% !important;
}
.dropdown-toggle.add-new-client-button#defaultDropdownAddClient.folderBtnClient {
  display: flex;
  background: none !important;
  box-shadow: none !important;
}
.folderBtnClient .AddClientCssNew {
  margin: auto;
  background: transparent;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  text-transform: none !important;
  color: #41b259 !important;
}
form #client_form .doc-avocat-resp select,
form #client_form .doc-avocat-resp input {
  border: 1px solid #e6e7f1 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

form.form-creation-perso-physique {
  width: 80%;
  margin: auto;
  margin-top: 30px !important;
}

/* client-morale css */

.info-principale-client-morale {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.info-principale-client-morale .coordonne-personne-morale {
  grid-column: 1;
  grid-row: 1/3;
}

.info-principale-client-morale .cordonne-repres-personne-morale {
  grid-column: 2;
  grid-row: 1;
}

.info-principale-client-morale .coordo-bancaire-represant-personne-morale {
  grid-column: 2;
  grid-row: 2;
}

form #client_morale_form label,
form #client_morale_form legend {
  color: #575756 !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
}
form[name="affair_step"],
form[name="complaint_step"],
form[name="information_step"] {
  width: 500px;
  margin: auto;
}
.cadre-bloc.folderShow .col-md-6 {
  margin: auto !important;
  width: 100% !important;
}
.cadre-bloc.folderShow .info-general p.title {
  margin-top: -15px;
  background: #ffffff;
  width: max-content;
  padding-left: 10px;
  padding-right: 10px;
}
.rtl .left-text {
  text-align: right !important;
}
.row.folderAll {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 29px !important;
  margin: auto !important;
}
form[name="audience_step"]
  fieldset.form-fieldset
  legend.float-none.w-auto.form-fieldset-legend,
form[name="procedure_step"]
  fieldset.form-fieldset
  legend.float-none.w-auto.form-fieldset-legend,
form
  fieldset.form-fieldset.cadre-bloc
  legend.float-none.form-fieldset-legend.title-bloc,
#client_morale_form .info-principale-client-morale legend.title-bloc {
  width: max-content !important;
  padding: 0 10px !important;
  border-bottom: none !important;
  margin-top: -15px;
  background-color: #ffffff !important;
  color: #d1b089 !important;
  letter-spacing: 0px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}

#client_morale_form .info-principale-client-morale input,
#client_morale_form .info-principale-client-morale select {
  border: 1px solid #e6e7f1 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

#client_morale_form {
  width: 80%;
  margin: auto;
  margin-top: 30px !important;
}

/*/**************************************************/

#client_morale_form .info-principale-client-morale .double-input {
  display: flex;
  gap: 10px;
}

#client_morale_form
  .info-principale-client-morale
  .cordonne-repres-personne-morale
  .double-input {
  display: flex;
  gap: 10px;
}

#client_morale_form
  .info-principale-client-morale
  .coordo-bancaire-represant-personne-morale
  .double-input {
  display: flex;
  gap: 10px;
}

form #client_morale_form .info-principale-client-morale .mb-3 {
  width: 100% !important;
}
.modal-content.Avertissementcontent button.btn-close {
  display: none;
}
#idMissDel::after,
#idMissDel::before {
  display: none;
}
#idMissDel {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
form.audience_form_wid
  .dropdown-toggle.add-new-client-button#defaultDropdownAddClient {
  width: max-content !important;
  background: none;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  padding-right: 0px !important;
}

form.audience_form_wid
  .dropdown-toggle.add-new-client-button#defaultDropdownAddClient
  img {
  margin-top: 20px !important;
}
#consultation_form .addClientFromConsultation ul button,
form.audience_form_wid .client-dossier-add-client button {
  margin: 0 !important;
  font-size: 12px;
}

.noticeaddDossier.numeroDossierExiste {
  width: 500px !important;
}

.rtl form.audience_form_wid .add-new-client-button-liste hr {
  display: none;
}

.rtl form.audience_form_wid #part-1 ul {
  margin-left: 0 !important;
  margin-right: 100px !important;
}
ul.add-new-client-button-listeF,
#consultation_form .addClientFromConsultation ul,
form.audience_form_wid #part-1 ul {
  background-color: #e9d9c7;
  border: 1px solid #d1b089;
  border-radius: 0 0 25px 25px;
  z-index: 1;
  width: 187px !important;
  text-align: center;
  padding: 0 !important;
  margin-left: 20px !important;
}
ul.add-new-client-button-listeF button:hover,
#consultation_form .addClientFromConsultation ul button:hover,
form.audience_form_wid #part-1 ul button:hover {
  background: #9e8364;
}
ul.add-new-client-button-listeF span,
#consultation_form .addClientFromConsultation ul span,
form.audience_form_wid #part-1 ul span {
  margin: auto !important;
}
ul.add-new-client-button-listeF span {
  font-size: 12px !important;
}
ul.add-new-client-button-listeF button:last-child,
#consultation_form .addClientFromConsultation ul button:last-child,
form.audience_form_wid #part-1 ul button:last-child {
  border-radius: 0 0 25px 25px !important;
}

form #client_morale_form .doc-avocat-resp {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  margin: auto;
  border: 2px solid #d1b089;
  padding: 20px !important;
  border-radius: 20px;
  column-gap: 10px !important;
}
.widthupdaladfile {
  width: 120px !important;
}
.allLinkdocs {
  display: grid;
  grid-template-columns: 80% 20%;
}
.rtl .allLinkdocs {
  display: grid;
  grid-template-columns: 76% 20%;
}
.rtl .allLinkdocs.folders {
  grid-template-columns: 78% 20%;
}
.allLinkdocs.abn {
  display: flex;
  column-gap: 40px;
}
input[type="time"]::-webkit-calendar-picker-indicator {
  font-size: 20px;
}

.ligneFactureTable {
  display: grid;
  grid-template-columns: 20% 25% 10% 15% 15% 15% !important;
  gap: 5px;
  position: relative;
}

.ligneFacture {
  display: grid;
  grid-template-columns: 100% 100%;
  width: 120%;
  margin-left: -10%;
}

.addNewLigneFacture {
  display: flex;
  gap: 10px;
  height: auto;
  align-items: flex-end;
  margin-left: 70px;
  margin-top: 9px;
  margin-bottom: 20px !important;
}

.addNewLigneFacture button,
.addNewLigneFacture div {
  height: fit-content;
  padding: 0;
}
.addnewLignaAbonnee button,
.addNewLigneFacture button {
  width: max-content !important;
  background: none;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  border: none;
}
.hideForArabe {
  display: none !important;
}
.form-mission-update .double-btn-form-mission {
  margin-bottom: 40px;
}
.uplaodarabebutton {
  border: none;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.placeholderArabicUpload {
  font-size: 12px !important;
}
.audienceColorAgenda {
  border-color: rgb(255, 197, 95) !important;
  background-color: rgb(255, 197, 95) !important;
}
.fc-timeGridWeek-view .audienceColorAgenda .fc-event-time {
  background: #f2a928;
  border: 1px solid #f2a928;
}
.MissionColorAgenda {
  border-color: rgb(83, 143, 255) !important;
  background-color: rgb(83, 143, 255) !important;
}
.fc-timeGridWeek-view .MissionColorAgenda .fc-event-time {
  border-color: #417ae5 !important;
  background-color: #417ae5 !important;
}
.ConsultationsColorAgenda {
  border-color: #ff8784 !important;
  background-color: #ff8784 !important;
}
.fc-timeGridWeek-view .ConsultationsColorAgenda .fc-event-time {
  border-color: #dd5753 !important;
  background-color: #dd5753 !important;
}

.RappelColorAgenda {
  border-color: #49dcbb !important;
  background-color: #49dcbb !important;
}
.fc-timeGridWeek-view .RappelColorAgenda .fc-event-time {
  border-color: #3dc1a3 !important;
  background-color: #3dc1a3 !important;
}
.RDVColorAgenda {
  border-color: #d1b089 !important;
  background-color: #d1b089 !important;
}
.fc-timeGridWeek-view .RDVColorAgenda .fc-event-time {
  border-color: #9b8468 !important;
  background-color: #9b8468 !important;
}
/*.fc-daygrid-event-harness{
  border-color: rgb(83, 143, 255) !important;
  border-radius: 5px !important;
  background-color: rgb(83, 143, 255) !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
}*/
.imgfilecss {
  display: flex;
  column-gap: 20px;
  width: -webkit-fill-available;
}
.rtl .ligneFactureTable {
  align-items: end;
}
.cssPartieSmallAgendaTitle {
  letter-spacing: 0px;
  color: #575756;
  opacity: 1;
  font-family: "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 15px !important;
  white-space: nowrap;
}
.rtl .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2.fc-toolbar-title {
  direction: rtl !important;
}
.addnewLignaAbonnee,
.ligneFacture .addNewLigneFacture div {
  letter-spacing: 0px;
  color: #41b259;
  opacity: 1;
  font-family: "Segoe UI", sans-serif;
  font-size: 14px !important;
  margin-left: 7px;
  margin-bottom: -10px;
}
.listeRowUp {
  display: contents;
}
.butDelete {
  border: none;
  background: none;
}

.add-row.lienU,
.remove-row.lienU,
.listeRowUp button {
  border: none;
  background: none;
}
.ligneFactureTable button.remove-row {
  position: absolute;
  right: 0;
  margin-right: -30px;
  margin-left: 15px;
  margin-right: -70px;
  margin-top: 7px;
  background: none;
  border: none;
}
.ligneFactureTable.updateMode a {
  margin-top: 7px !important;
  margin-left: 10px !important;
}
.row-template .ligneFactureTable label {
  display: none;
}

.addNewLigneFacture img {
  margin-top: -5.5px;
  margin-left: 10px;
}
.listeRowUp .delete-row-btn {
  width: max-content;
}
.allEntete {
  display: grid;
  grid-template-columns: 50% 50%;
}

.allEntete .TrueFalseEntete {
  display: flex;
}
html.rtl,
html.htmlAll {
  height: auto;
}
.file-selection-row {
  display: flex;
  align-items: center;
  gap: 20px;
  /* margin-bottom: 10px; */
}
.rtl .file-selection-row {
  justify-content: space-between;
}
.uplaodarabebutton {
  margin-top: 5px;
}
#file-selection-container > div > img,
#file-selection-containerfolder > div > img,
#file-selection-containerfolderstep2 > div > img,
#file-selection-containerfolderstep3 > div > img, 
#file-selection-containero > div > img,
#file-selection-containerocons > div > img,
#file-selection-containermission > div > img,
#file-selection-containerrappel > div > img,
#file-selection-containerrdv > div > img
 {
  margin-left: 40px;
}
.rtl #file-selection-container > div > img,
.rtl #file-selection-containerfolder > div > img,
.rtl #file-selection-containerfolderstep2 > div > img,
.rtl #file-selection-containerfolderstep3 > div > img,
.rtl #file-selection-containero > div > img,
.rtl #file-selection-containerocons > div > img,
.rtl #file-selection-containermission > div > img,
.rtl #file-selection-containerrappel > div > img,
.rtl #file-selection-containerrdv > div > img {
  margin-right: 20px;
}
#contrat_form_document {
  display: none;
}
html.rtl body.g-sidenav-show.bg-gray-100,
html.htmlAll body.g-sidenav-show.bg-gray-100 {
  height: -webkit-fill-available;
  margin-bottom: 50px;
}
.rtl aside#sidenav-main.sidenav ul li span.toggle-menu {
  position: relative;
  margin-right: auto;
  margin-left: 10px;
}
aside#sidenav-main.sidenav ul li span.toggle-menu {
  position: relative;
  margin-left: auto;
  right: 0px;
  padding-right: 0;
}
html.htmlAll body.g-sidenav-show.bg-gray-100 #main-cnt {
  height: 90%;
}
/*html.rtl body.g-sidenav-show.bg-gray-100 #main-cnt .demi-cercle-theme,
html.rtl body.g-sidenav-show.bg-gray-100 #main-cnt #container-js-red,
html.htmlAll body.g-sidenav-show.bg-gray-100 #main-cnt #container-js-red,
html.htmlAll body.g-sidenav-show.bg-gray-100 #main-cnt .demi-cercle-theme {
  height: 100%;
}*/
html body.g-sidenav-show.bg-gray-100 #main-cnt #container-js-red,
html.rtl body.g-sidenav-show.bg-gray-100 #main-cnt #container-js-red {
  height: -webkit-fill-available !important;
}
html.rtl body.g-sidenav-show.bg-gray-100 #main-cnt .demi-cercle-theme,
html body.g-sidenav-show.bg-gray-100 #main-cnt .demi-cercle-theme {
  background: #ffffff !important;
  border-radius: 25px !important;
}
/**************menuCalendrier*************/

#heightmainPage .calendar-main .eventAddCalendar {
  width: 0 !important;
  border: 1px solid #e6e7f1;
}
#heightmainPage .calendar-main .eventAddCalendar button#defaultDropdown {
  margin-left: -120px;
  margin-top: 40px !important;
  height: 30px !important;
  font-size: 12px !important;
  min-width: 80px !important;
  font-family: "Segoe UI", sans-serif !important;
}
#calendrier .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
  margin-right: 130px;
}
/**************finMenuCalendrier*************/
.heureFinMessage {
  font-size: 9px;
  color: red;
  display: none;
}

form#facture-form-step .TrueFalseEntete label {
  letter-spacing: 0px !important;
  color: #000000 !important;
}

.allEntete label.form-label.Sauvgarder {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
}

form#facture-form-step .TrueFalseEntete input {
  border: 1px solid #122832 !important;
}
.modal-content.Avertissementcontent {
  height: auto !important;
}
form#facture-form-step
  .allEntete
  .form-check:not(.form-switch)
  .form-check-input[type="radio"]:checked {
  padding: 0px !important;
  border: 1px solid #d1b089 !important;
}

.addNewRowUploadFile {
  display: flex !important;
  column-gap: 8px;
  width: max-content;
  cursor: pointer;
}
.addNewRowUploadFile p {
  margin-bottom: 0px;
  margin-top: 10px;
  letter-spacing: 0px;
  color: #41b259;
  opacity: 1;
  font-family: "Segoe UI", sans-serif;
  font-size: 14px !important;
}
.allLinkdocs.folders > a {
  overflow: auto;
  text-overflow: ellipsis;
}
.imglingicone {
  display: flex;
  justify-content: flex-end;
}
.htmlAll .imglingicone {
  justify-content: flex-end;
}
.rtl .imglingicone {
  justify-content: space-evenly;
}
input[type="file"].form-control {
  min-height: auto !important;
  height: auto !important;
}
form #client_morale_form .two-button-creation-client-physique button {
  margin: 0 0 0 auto !important;
  width: 88px;
  height: 38px;
  background: #d1b089;
  color: #ffffff;
  font-weight: 600;
  display: flex;
  justify-content: center;
  box-shadow: none !important;
  border-radius: 25px;
  align-items: center;
  text-transform: capitalize;
  font-size: 12px;
  margin-left: 20px !important;
}

form
  #client_morale_form
  .two-button-creation-client-physique
  button#cancel-creation-client-physique {
  color: #7c7a7a;
  background-color: #ffffff;
  letter-spacing: 0;
  font-size: 12px;
  box-shadow: none !important;
  border: none;
  /*margin-left: auto !important;*/
}

.two-button-creation-client-physique {
  display: flex !important;
  margin-left: auto !important;
  margin-top: 25px !important;
  justify-content: flex-end;
}

form #client_morale_form .doc-avocat-resp .mb-3:first-child {
  width: 50%;
}

form #client_morale_form .doc-avocat-resp .mb-3.joindre-fich {
  width: 100% !important;
}

form #client_morale_form .doc-avocat-resp select,
form #client_morale_form .doc-avocat-resp input {
  border: 1px solid #e6e7f1 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

form .desact-client-btn {
  display: flex;
}

form .desact-client-btn .form-check {
  display: flex;
  margin-left: auto;
}

form .desact-client-btn .form-check label {
  margin-right: 20px !important;
  margin: 0;
  color: #666666;
  letter-spacing: 0;
}

form .desact-client-btn .form-check input {
  margin-top: 0 !important;
}

form #client_form .info-principal-client .civilite {
  width: 60% !important;
}

.title-Aff .btn-new-add a.Personne-physique span,
.title-Aff .btn-new-add a.Personne-morale span {
  width: max-content;
  height: auto;
  font-size: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.name-user.btn-primary.dropdown-toggle#defaultDropdown-logout {
  padding: 6px 12px !important;
}

/*  
  .demi-cercle-theme {
      border: 1px solid transparent;
      opacity: 1;
      border-top-left-radius: 14px;
      max-width: 100%;
      position: absolute;
      margin-top: -30px;
      height: 100%;
      z-index: 555555;
      margin-left: -27px;
      background: #f8f9fa !important;
  }*/

#example_wrapper #example_filter.dataTables_filter input {
  border: 1px solid #9fa0a3;
  background: #ffffff;
  width: 270px;
  border-radius: 25px;
  padding-left: 0;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.nbcollaborateurover button.btn-close span,
.limiteNombreAvocaatAtteint button.btn-close span,
.limiteNombreCollaborateurAtteint button.btn-close span {
  display: none;
}

.limiteNombreAvocaatAtteint,
.limiteNombreCollaborateurAtteint {
  width: max-content;
  margin: auto;
}

#example_wrapper #example_filter.dataTables_filter input::placeholder {
  color: #0e121a;
  letter-spacing: 0px;
  opacity: 0.4;
  font-size: 14px;
}

.opacity05 {
  opacity: 0.5 !important;
}
/*
.rtl form.audience_form_wid #audience_form .client-dossier-add-client {
  margin-right: 49px !important;
}*/

.rtl .tailledocumentmax,
.tailledocumentmax {
  color: red;
  font-size: 10px;
}

.displaynone,
.dataTables_length#example_length {
  display: none;
}

.title-Aff .btn-new-add button.img-drop-lst {
  background: #343434 !important;
  border-radius: 17px;
}

.title-Aff .btn-new-add button.img-drop-lst::after {
  display: none;
}

.rtl .btn-new-add {
  float: left !important;
}

.rtl .marr-20px #defaultDropdown {
  margin-left: 20px !important;
}

.rtl #example_wrapper #example_filter.dataTables_filter {
  left: 400px;
  right: auto !important;
}

#example_wrapper #example_filter.dataTables_filter {
  width: max-content;
  /* margin-left: auto; */
  /* z-index: 9999999999; */
  position: absolute;
  margin-top: -55px;
  right: 400px;
  display: flex;
}

img.demi-cercle-img {
  position: absolute;
  margin-left: 16.55rem;
  margin-top: 55px;
}

#example_wrapper table.table.table-striped.dataTable thead th {
  color: #0e121a !important;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  text-align: center !important;
  padding-left: 10px;
  text-transform: none;
}

table.dataTable.table-striped > tbody > tr > * {
  color: #303744 !important;
  font-size: 14px !important;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Montserrat", sans-serif;
  text-align: center !important;
}

table.dataTable.table-striped > tbody > tr {
  border-style: none !important;
  border-width: none !important;
  border-color: transparent;
}
#menu-activite a.active span.toggle-menu i {
  color: #000000 !important;
}
#registration_form .triple-form {
  display: flex !important;
  gap: 31px;
}

#registration_form .triple-form .mb-3:first-child {
  width: 15% !important;
}

#registration_form .triple-form .mb-3:nth-child(2) {
  width: 40% !important;
}

#registration_form .triple-form .mb-3:last-child {
  width: 40% !important;
}

form #collaborateur_form textarea,
form #collaborateur_form select,
form #collaborateur_form input {
  border: 1px solid #e6e7f1 !important;
  font-size: 12px !important;
  box-shadow: none !important;
  color: #575756 !important;
}

form #collaborateur_form input.form-control {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  opacity: 1 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  min-height: 38px !important;
  border-radius: 7px;
}

form #collaborateur_form label {
  letter-spacing: 0px !important;
  color: #575756 !important;
  font-size: 12px !important;
}

form #collaborateur_form .double-btn-form-collab {
  display: flex;
  justify-content: flex-end;
}
form.form-contrat-update #contrat_form .double-form,
form.form-contrat-update #contrat_form .triple-form {
  column-gap: 10px !important;
}
#suppMultipleEventn.modal.fade.show .modal-footer button {
  background-color: #d1b089 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  letter-spacing: 0;
  border-radius: 25px;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  text-transform: none;
  width: 60px;
}
form.form-mission-update .double-btn-form-mission button,
form.form-contrat-update .double-btn-form-contrat button,
form #collaborateur_form .double-btn-form-collab button {
  background-color: #d1b089;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  border-radius: 25px;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  text-transform: none;
  width: 80px;
}

form.form-mission-update .double-btn-form-mission button:first-child,
form.form-contrat-update .double-btn-form-contrat button:first-child,
form #collaborateur_form .double-btn-form-collab button:first-child {
  color: #7c7a7a;
  text-decoration: none;
  background: none;
  font-size: 12px !important;
  border: none;
  box-shadow: none;
}

form #collaborateur_form .double-btn-form-collab a {
  text-decoration: none;
}

form #collaborateur_form .multipleSelection #checkBoxes {
  height: 126px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  flex-direction: column;
  display: none;
}

form #collaborateur_form .multipleSelection #checkBoxes label {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

#checkBoxesAvocat {
  display: none;
}

#checkBoxesAvocat label {
  display: block;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  padding: 5px;
}

.selectBoxAvocat {
  position: relative;
  border: 1px solid #e6e7f1;
  border-radius: 7px;
}

.selectBoxAvocat select {
  width: 100%;
  height: 38px;
  background: #ffffff;
}

.overSelectAvocat {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/*Agenda*/

#checkBoxesAgenda {
  display: none;
}

#checkBoxesAgenda label {
  display: block;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  padding: 5px;
}

.selectBoxAgenda {
  position: relative;
  border-radius: 7px;
  border: 1px solid #e6e7f1;
}

.selectBoxAgenda select {
  width: 100%;
  height: 38px;
  background: #ffffff;
}

.overSelectAgenda {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.reglage-with-pren {
  width: 100% !important;
}

.reglage-prenom-flex-direction {
  flex-direction: column !important;
}

.noticeaddDossier,
.noticeeditDossier,
.success-update {
  margin: auto;
  align-items: stretch;
  display: flex;
  /*width: 100%;*/
  width: 70%;
  bottom: 0;
  justify-content: center;
  align-content: center;
  position: absolute;
  margin: auto;
  border-radius: 11px;
}

.success-update .alert-success {
  background: #41b259 !important;
}
.rtl .ikhtarParEmail {
  display: flex;
  flex-direction: column;
}
.success-update .alert-success strong {
  font-family: "Segoe UI", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff;
  letter-spacing: 1.12px !important;
}

.success-update .alert-success button.btn-close {
  background-image: aliceblue !important;
  color: #ffffff;
  filter: invert(1);
}

.success-update .alert-success button.btn-close span {
  display: none;
}

.g-recaptcha {
  margin-bottom: -50px;
  width: 100px !important;
  transform: scale(0.77);
  transform-origin: 0 0;
}

.table.accessfonctionaitecollab {
  width: 100% !important;
}

.table.accessfonctionaitecollab thead th {
  padding: 0 !important;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
}

.table.accessfonctionaitecollab thead tr {
  background: white;
  position: sticky;
  top: 0;
  z-index: 99;
}

.table.accessfonctionaitecollab tbody td input {
  display: flex !important;
  margin: auto !important;
}

.table.accessfonctionaitecollab tbody th {
  padding-right: 0 !important;
  font-weight: 400;
  font-size: 12px;
}

#successModal.registration {
  display: block;
  width: 100%;
  margin: auto;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  padding: 50px;
  margin-top: 100px;
}

#successModal.registration .modal-dialog .modal-content {
  border: 20px solid #d1b089;
}

#successModal.registration .modal-dialog .modal-content .modal-body {
  padding: 50px;
  text-align: center;
  font-weight: 600;
  font-size: 18px !important;
  color: #d1b089;
}

.modal-backdrop.show {
  opacity: 0 !important;
}

.modal-show-dossier.show .modal-footer.detail-personne {
  display: block !important;
}

#client_form .form-check.det-client {
  padding-left: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#client_form .form-check.det-client label {
  margin-top: 0 !important;
  display: flex;
  column-gap: 10px;
}

#client_form .form-check.det-client input {
  margin-top: 0 !important;
}

.form-creation-perso-physique.detail-client-fr .info-principal-client .mb-3 {
  width: 50%;
}

.form-creation-perso-physique.detail-client-fr .doc-avocat-resp {
  display: flex !important;
  gap: 30px !important;
}

.modal .form-creation-perso-physique.detail-client-fr .doc-avocat-resp .mb-3 {
  width: 50%;
}

.modal
  .form-creation-perso-physique.detail-client-fr
  .doc-avocat-resp
  .mb-3
  a.form-control {
  border: none;
}

.detail-personne-moral-forrm-db #client_morale_form .double-input .mb-3 {
  width: 50%;
}

.detail-personne-moral-forrm-db .form-check.det-client {
  padding-left: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.detail-personne-moral-forrm-db .form-check.det-client label {
  margin-top: 0 !important;
  margin-top: 0 !important;
  display: flex;
  column-gap: 10px;
}

.addclientFromDossier {
  max-width: fit-content !important;
}

.addclientFromDossier .two-button-creation-client-physique button:first-child {
  display: none !important;
}
#staticBackdropMission .modal-header,
#staticBackdropRdv .modal-header,
#staticBackdropRappel .modal-header,
#staticBackdropConsultation .modal-header,
#staticBackdropAudience .modal-header,
#staticBackdropMorale .modal-header,
#staticBackdrop .modal-header {
  background-color: #d1b089;
  display: -webkit-inline-box;
}
#staticBackdropMission .modal-header h5,
#staticBackdropRdv .modal-header h5,
#staticBackdropRappel .modal-header h5,
#staticBackdropConsultation .modal-header h5,
#staticBackdropAudience .modal-header h5,
#staticBackdropMorale .modal-header h5,
#staticBackdrop .modal-header h5 {
  margin: auto !important;
  font-size: 16px !important;
  text-align: center !important;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
}

#staticBackdropMorale form #client_morale_form {
  width: 100% !important;
}

#staticBackdropMorale form {
  /*width: 80%;*/
  margin: auto;
  margin-top: 30px !important;
  padding: 0px 80px !important;
}

.noticeaddDossier.numeroDossierExiste {
  bottom: auto !important;
  position: relative;
}

.allEntete.Status {
  display: grid;
  grid-template-columns: 30% 70% !important;
}
#date-search button.btn.btn-small {
  margin: 0 !important;
}

form#facture-form-step.facture-form-step label.Sauvgarder,
.allEntete.Status label {
  letter-spacing: 0px;
  color: #000000 !important;
}

.noticeaddDossier.numeroDossierExiste .alert-dismissible .btn-close {
  background: url("/admin/assets/img/icons/flags/Group 18371.png");
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 0 !important;
  margin: 10px !important;
}

.form-creation-perso-physique.detail-client-fr #client_form .doc-avocat-resp,
.detail-personne-moral-forrm-db #client_morale_form .doc-avocat-resp {
  display: grid;
  align-items: center;
  column-gap: 10px !important;
  grid-template-columns: repeat(2, 1fr);
  margin: auto;
  border: 2px solid #d1b089;
  padding: 20px !important;
  border-radius: 20px;
}

.noticeaddDossier.numeroDossierExiste span.alert-text strong {
  font-family: "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600;
}
#staticBackdropAudience
  form
  #client_morale_form
  .info-principale-client-morale {
  display: block !important;
}
#staticBackdropConsultation
  form
  #client_morale_form
  .info-principale-client-morale {
  display: block !important;
}
#staticBackdropRappel form #client_morale_form .info-principale-client-morale {
  display: block !important;
}
#staticBackdropRdv form #client_morale_form .info-principale-client-morale {
  display: block !important;
}
#staticBackdropMission form #client_morale_form .info-principale-client-morale {
  display: block !important;
}
#staticBackdropMission .modal-header button,
#staticBackdropRdv .modal-header button,
#staticBackdropRappel .modal-header button,
#staticBackdropConsultation .modal-header button,
#staticBackdropAudience .modal-header button,
#staticBackdropMorale .modal-header button,
#staticBackdrop .modal-header button {
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 0 !important;
  margin: 0 !important;
  background: url("/admin/assets/img/icons/flags/Group 18371.png");
}

#audience_form .add-new-client-button-liste hr {
  display: none;
}

.addclientFromDossier
  #client_morale_form
  .two-button-creation-client-physique
  button,
.addclientFromDossier #client_form .two-button-creation-client-physique button {
  margin-left: 0 !important;
  margin-right: 10px !important;
}
.rtl
  .addclientFromDossier
  #client_morale_form
  .two-button-creation-client-physique
  button,
.rtl
  .addclientFromDossier
  #client_form
  .two-button-creation-client-physique
  button {
  margin-right: 0 !important;
  margin-left: 10px !important;
}
.detail-personne-moral-forrm-db .form-check.det-client input {
  margin-top: 0 !important;
}

.detail-personne-moral-forrm-db .doc-avocat-resp {
  display: flex;
  gap: 30px;
}

.cgu {
  margin: 40px !important;
  font-size: 12px !important;
  font-family: "Segoe UI", sans-serif;
}

.detail-personne-moral-forrm-db #client_morale_form {
  width: 100% !important;
  padding: 0 20px;
}

.detail-personne-moral-forrm-db .mb-3 .form-control,
.form-creation-perso-physique.detail-client-fr .mb-3 .form-control {
  min-height: 38px !important;
  overflow-wrap: anywhere;
}

.form-update-contrat {
  width: 500px;
  margin: auto !important;
}
form.form-mission-update select,
form.form-mission-update input,
form.form-mission-update textarea,
form .form-update-contrat select,
form .form-update-contrat input,
form .form-update-contrat textarea {
  min-height: 38px !important;
  border: 1px solid #e6e7f1 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

form .form-update-contrat label {
  letter-spacing: 0 !important;
  color: #575756 !important;
  font-size: 12px !important;
  font-weight: 400;
  font-family: "Segoe UI", sans-serif !important;
}

form .double-btn-form-contrat {
  display: flex;
  justify-content: flex-end;
}

form.form-contrat-update {
  display: grid;
  margin: auto;
  width: 500px;
  margin-bottom: 100px;
}
.form-check:not(.form-switch) .form-check-input[type="radio"]:after {
  background-image: none !important;
}
form.form-mission-update {
  display: grid;
  margin: auto;
  width: 500px;
  margin-bottom: 100px;
}

form.form-mission-update .double-btn-form-mission {
  display: flex;
  justify-content: flex-end;
}

.modal-annulation-dossier.autorisation {
  display: block !important;
}

.head-pdf-generat {
  display: flex;
  flex-direction: row;
}
.rtl .select2-container--default .select2-results>.select2-results__options{
  text-align: right;
}
.pdf-info-cab {
  display: flex;
  flex-direction: column;
}

.displayflexfacture {
  display: flex !important;
}

.reduire-menu {
  margin-bottom: 0px !important;
}

form.form-abonne-update .info-principal-abonne .civilite {
  width: 60% !important;
}
.documentAbonnementJ {
  font-size: 14px;
  color: #d1b089;
  font-weight: 600;
}
input[type="date"].datepickerbundleArabe.form-control,
input[type="text"].datepickerbundleArabe.form-control:not(#registration_form_DateDeNaissance) {
  background: white url("https://logowik.com/content/uploads/images/calendar5662.jpg")
    no-repeat right center !important;
  background-size: 35px !important;
  padding-right: 30px !important;
}
input[type="text"].datepickerbundleArabe.form-control:not(#registration_form_DateDeNaissance) {
  caret-color: transparent;
  text-align: left;
}
input[type="text"].datepickerbundleArabe.form-control:not(#registration_form_DateDeNaissance)::placeholder {
  color: #000;
  opacity: 1;
}

form#facture-form-step.facture-form-step input:focus,
form#facture-form-step.facture-form-step select:focus,
form #client_form .doc-avocat-resp select:focus,
#client_form .info-principal-client select:focus,
#client_form .info-principal-client input:focus,
form #collaborateur_form input:focus,
form #collaborateur_form select:focus,
form #collaborateur_form input.form-control:focus,
.form-select:focus,
.form-control:focus {
  border: 1px solid #ff5353 !important;
}
.fc .fc-col-header-cell-cushion,
.fc-timeGridWeek-view .fc-col-header-cell-cushion {
  color: #0e121a !important;
}
#defaultDropdownAddClient > span {
  margin-top: 5px !important;
  padding-left: 5px;
  padding-right: 5px;
}
.rtl .title-Aff .btn-new-add a span {
  padding-left: 11px;
}
.title-Aff .btn-new-add a span,
#defaultDropdownAddClient > span {
  margin-top: 1px !important;
  padding-left: 5px;
  padding-right: 5px;
}
@media only screen and (min-width: 901px) {
  .firststepDossierTun2{
    width: 500px !important;
  }
  .modal-dialog .modal-content fieldset.cadrePart3Facture.factDet  .gridTableRow{
    overflow-y: auto;
    width: 300%;
  }
  form[name="procedure_step"] #procedure_step_procedures fieldset.mb-3,
  form[name="audience_step"] #audience_step_audiences fieldset.mb-3 {
    display: flex;
    column-gap: 20px;
  }
  form[name="procedure_step"] #procedure_step_procedures fieldset.mb-3 .row,
  form[name="audience_step"] #audience_step_audiences fieldset.mb-3 .row {
    flex: 1;
  }
  form[name="procedure_step"] .procedure_step_procedures-collection-actions,
  form[name="audience_step"] .audience_step_audiences-collection-actions {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .allLinkdocs.folders {
    width: auto !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
  .allLinkdocs.folders {
    width: 66.66666667% !important;
  }
  .rtl .allLinkdocs.folders {
    grid-template-columns: 74% 20%;
  }
}

form[name="information_step"] select.is-invalid,
form[name="information_step"] input.is-invalid{
	border: 1px solid #ff5353 !important;
}
#client_morale_form .info-principale-client-morale input.input-error,
#client_morale_form .info-principale-client-morale select.input-error,
form #client_morale_form .doc-avocat-resp select.input-error,
form #client_morale_form .doc-avocat-resp input.input-error
 {
	border: 1px solid red !important;
}

@media only screen and (min-width: 901px) and (max-width: 1277px) {
  #login-container {
    min-height: calc(100vh - 107px) !important;
  }
}