/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/actifsplus/actifsplus.scss ***!
  \*******************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 Point d'entrée (S)CSS pour l'app Actifs + en Symfony
 */
/*$color-bg: #ffffff;
$color-surface: #f5f7fa;
$color-text: #111111;
$color-text-muted: #666666;
*/
:root {
  --c-white: #FFF;
  --c-black: #111111;
  --c-grey-1: #F8F8F8;
  --c-grey-2: #EAEAEA;
  --c-grey-3: #D6D6D6;
  --c-grey-4: #BDBDBD;
  --c-grey-5: #797676;
  --c-grey-6: #686868;
  --c-grey-7: #414141;
  --c-grey-8: #202020;
  --c-navy: #254755;
  --c-blueLight: #46BFFF;
  --c-blueSky: #E9F8F9;
  --c-green: #B1C903;
  --c-orange: #F3883F;
  --c-orange-light: rgb(246.6, 171.7, 120.6);
  --c-yellow: #FDED3C;
  --c-yellow-light: rgb(254.6, 251.4, 216);
  --c-red: #E72509;
}

:root {
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
}

.richContent sup {
  position: relative;
  font-size: 75%;
  bottom: 0.5rem;
}
.richContent sub {
  position: relative;
  font-size: 75%;
  bottom: -0.5rem;
}
.richContent h1, .richContent h2, .richContent h3, .richContent h4, .richContent h5, .richContent h6 {
  line-height: 1.1;
  margin-bottom: 1.25rem;
  font-weight: var(--tfw-bold);
}
.richContent h1 {
  font-size: var(--tfs-xxx-large);
}
.richContent h2 {
  font-size: var(--tfs-xx-large);
}
.richContent h3 {
  font-size: var(--tfs-x-large);
}
.richContent h4 {
  font-size: var(--tfs-large);
}
.richContent h5 {
  font-size: var(--tfs-medium);
}
.richContent h6 {
  font-size: 0.75rem;
}
.richContent p {
  font-size: var(--tfs-medium);
  padding-bottom: 1.25rem;
}
.richContent ul {
  margin-left: 0.625rem;
}
.richContent ul li {
  padding: 0.3125rem 0 0.3125rem 0.9375rem;
  position: relative;
  font-size: var(--tfs-medium);
}
.richContent ul li::before {
  content: "";
  background-color: var(--c-black);
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.6875rem;
}
.richContent a:not(.btn) {
  text-decoration: underline;
}
.richContent a:not(.btn):hover {
  text-decoration: none;
}
.richContent strong {
  font-weight: 700;
}
.richContent em {
  font-style: italic;
}
.richContent u {
  text-decoration: underline;
}
.richContent div.text-center {
  text-align: center;
}
.richContent .text-align-center {
  text-align: center;
}
.richContent .text-align-right {
  text-align: end;
}
.richContent .text-align-left {
  text-align: left;
}
.richContent .text-align-justify {
  text-align: justify;
}
.richContent s {
  text-decoration: line-through;
}
.richContent hr {
  background: var(--c-black);
  height: 0.125rem;
  margin: 0.25rem 0;
}
.richContent table {
  border-collapse: collapse;
}
.richContent table caption {
  font-weight: bold;
  margin: 0 0 0.625rem;
}
.richContent table th {
  font-weight: bold;
}
.richContent table th, .richContent table td {
  padding: 10px;
  border: 1px solid;
}

/* RESPONSIVE
// ---
// Tablet - A partir de (md) */
/* ---
// Desktop - A partir de (lg) */
@media screen and (min-width: 80rem) {
  .richContent ul li {
    padding: 0.3125rem 0 0.3125rem 1.25rem;
    position: relative;
  }
  .richContent ul li::before {
    content: "";
    background-color: var(--c-black);
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.8125rem;
  }
}
/**
Ceci est un placeholder nécessaire pour configurer le build global du projet
c'est surement plus intéressant de grouper vos helpers par thématique par ex, tous les fihiers de ce répertoire
seront pris en compte automatiquement lors du build et de les inclure ici
 */
.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #ddd;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/**
 * Main DataTables stylesheet for Actifs+
 * Split into vendor, overrides and custom styles
 */
/**
 Point d'entrée (S)CSS pour l'app Actifs + en Symfony
 */
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 1;
  color: var(--c-grey-4);
}

table.dataTable thead {
  border-top: 1px solid var(--c-grey-3);
}

table.dataTable thead th,
table.dataTable thead td {
  line-height: var(--tfs-large);
}

table.dataTable tbody tr.odd {
  background-color: var(--c-white);
}

table.dataTable tbody tr.even {
  background-color: var(--c-grey-5);
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 4px 10px;
  line-height: var(--tfs-xx-large);
}

table.dataTable th {
  font-size: var(--tfs-small);
  text-transform: uppercase;
  color: var(--c-blueLight);
  border-right: 1px solid var(--c-blueLight);
  border-left: 1px solid var(--c-blueLight);
}
table.dataTable th:hover {
  background-color: rgba(var(--c-blueLight), 0.2);
}

table.dataTable td {
  font-size: var(--tfs-medium);
  border-top: 1px solid var(--c-blueSky);
  border-bottom: 1px solid var(--c-blueSky);
  border-right: 1px solid var(--c-blueLight);
  border-left: 1px solid var(--c-blueLight);
}
table.dataTable td a {
  text-decoration: underline;
}
table.dataTable td a:hover {
  text-decoration: none;
}

table.dataTable tbody {
  border-top: 1px solid var(--c-grey-5);
  border-bottom: 1px solid var(--c-grey-5);
}

.dataTables_wrapper .dataTables_controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 10px;
}

.dataTables_wrapper .dataTables_length {
  font-size: var(--tfs-small);
  color: var(--c-grey-3);
}

.dataTables_wrapper .dt-info {
  text-transform: uppercase;
  font-size: var(--tfs-small);
  font-weight: var(--tfw-semi-bold);
  color: var(--c-navy) !important;
  line-height: var(--tfs-large);
}

.normalSearch .normalSearch__title, .normalSearch div.form-field {
  display: inline-block;
  padding-right: 10px;
}
.normalSearch select[name=fieldSelector], .normalSearch select[class=jsOpSelector], .normalSearch select[class=jsValueSelector] {
  height: 30px;
  border: 1px solid #CCC;
  border-radius: 5px;
  background: #FFF;
  color: #000;
  padding: 0 10px;
}
.normalSearch select {
  all: revert;
}
.normalSearch .jsValueTextInput {
  height: 30px;
  border: 1px solid #CCC;
  border-radius: 5px;
  background: #FFF;
  color: #000;
  padding: 0 10px;
  width: 250px;
}
.normalSearch .btn--search {
  border-radius: 1.8125rem;
  padding: 0.5rem;
  font-size: 1rem;
  height: 30px;
  width: 200px;
  display: inline-flex;
  align-items: center; /* aligne verticalement */
  gap: 0.5rem; /* espace entre icône et texte */
  flex-direction: row;
  vertical-align: middle;
}

/* Recherche intégrée */
.tabContent__search {
  margin-bottom: 20px;
}

.btnResetContainer {
  position: relative;
}
.btnResetContainer .close {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  text-decoration: none;
}
.btnResetContainer {
  /* a cause du reset CSS */
}
.btnResetContainer .close[hidden] {
  display: none !important;
}
.btnResetContainer {
  /* les deux barres */
}
.btnResetContainer .close::before,
.btnResetContainer .close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transform-origin: center;
}
.btnResetContainer {
  /* diagonales */
}
.btnResetContainer .close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.btnResetContainer .close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

ul.quickSearch li {
  display: inline-block;
}

.statusFilterLabel {
  padding-left: 26px;
}

.dataTables_wrapper .dt-paging nav {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.2rem;
  font-size: var(--tfs-small);
  font-weight: bold;
}

.dataTables_wrapper .dt-paging nav .dt-paging-button {
  border-radius: 100%;
  /*width: 32px;
  height: 32px;*/
  background: var(--c-grey-5);
  color: var(--c-grey-3);
}

.dataTables_wrapper .dt-paging nav .dt-paging-button.current,
.dataTables_wrapper .dt-paging nav .dt-paging-button.current:hover {
  color: var(--c-white);
  background: var(--c-grey-3);
}

.dataTables_wrapper .dt-paging nav .dt-paging-button:hover {
  color: var(--c-white);
  background: var(--c-grey-4);
  text-decoration: none;
}

.dataTables_wrapper .dt-paging nav .dt-paging-button.previous,
.dataTables_wrapper .dt-paging nav .dt-paging-button.next,
.dataTables_wrapper .dt-paging nav .dt-paging-button.previous:hover,
.dataTables_wrapper .dt-paging nav .dt-paging-button.next:hover {
  /*text-indent: 110%;*/
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.dataTables_wrapper .dt-paging nav .dt-paging-button.first.disabled,
.dataTables_wrapper .dt-paging nav .dt-paging-button.last.disabled,
.dataTables_wrapper .dt-paging nav .dt-paging-button.previous.disabled,
.dataTables_wrapper .dt-paging nav .dt-paging-button.next.disabled,
.dataTables_wrapper .dt-paging nav .dt-paging-button.previous.disabled:hover,
.dataTables_wrapper .dt-paging nav .dt-paging-button.next.disabled:hover {
  visibility: hidden;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dt-info,
  .dataTables_wrapper .dt-paging nav {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dt-paging nav {
    margin-top: 0.5em;
  }
}
table.dataTable td.select-checkbox, table.dataTable th.select-checkbox {
  position: relative;
}
table.dataTable td.select-checkbox:before, table.dataTable td.select-checkbox:after, table.dataTable th.select-checkbox:before, table.dataTable th.select-checkbox:after {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}
table.dataTable td.select-checkbox:before, table.dataTable th.select-checkbox:before {
  content: " ";
  margin-top: -9px;
  margin-left: -6px;
  border: 1px solid black;
  border-radius: 3px;
}
table.dataTable th.select-checkbox:before {
  margin-top: -5px;
}

table.dataTable tr.isSelect td.select-checkbox:after, table.dataTable tr.isSelect th.select-checkbox:after {
  content: "✔";
  margin-top: -11px;
  margin-left: -4px;
  text-align: center;
  text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
}

div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
  margin-left: 0.5em;
}

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block;
  }
}
.field-wrap .is-valid {
  color: #2ecc71;
}
.field-wrap .is-invalid {
  color: #e74c3c;
}

.organizationLookup .organizationCodeFeedBack {
  margin-left: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.organizationLookup .organizationCodeFeedBack strong {
  font-weight: bold;
}
.organizationLookup .organizationCodeFeedBack span.error {
  color: #e74c3c;
}

.form-error-summary {
  background-color: var(--c-orange-light);
  font-weight: bold;
  color: var(--c-white);
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid var(--c-orange);
  border-radius: 0.9375rem;
}
.form-error-summary .btn--slim {
  color: var(--c-white);
  border: none;
}

.login__dialog {
  border: 5px solid var(--color-border);
  font-family: var(--font-family-base);
}

.home-intro__pic {
  background-image: url(/dist/actifsplus/assets/images/intro-home70e6d6f69f0c007fd396.png);
}

/*# sourceMappingURL=src_actifsplus_actifsplus_scss.bca6bb0cf5b1806ca1bf.css.map*/