/*
Theme Name: Woffice Child
Description: Child theme for Woffice
Author: Alkaweb Team
Template: woffice
Version: 1.1.3
*/

/*COULEURS

Solucca eb7076
Itkeway 2bb0b0
Itekway dark #37d6d6
Sabooj #CF0C3D #d10f42
gris sombre 6b7276
gris sombre opaque rgb(107, 114, 118)
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
   font-family: 'conflr';
   src: url('/wp-content/themes/woffice-child-theme/fonts/conflr-v1.0/fonts/conflr.woff') format('woff');
}


:root {
	--color-primary: #2bb0b0;
  --color-primary-alpha: rgba(55, 214, 214, .8); 
	--color-secondary: #6b7276;
	--color-secondary-light: rgba(107, 114, 118, .08);
  --color-text-primary: #2E3133;
  --color-text-secondary: #707070;
  --color-text-tertiary: #fff;
  --color-bg-main: #F4F4F4;
  --color-bg-secondary: #fff;
  --alpha: 0.7;
  --couleur-principal-sabooj: #1EB1B1;
  --couleur-principal-efis: #6A7275;
  --couleur-principal-itekway: #1EB1B1;
  --couleur-principal-solucea: #EB7176;

  --logo: url("/wp-content/uploads/2023/09/logo-itekway-vecto.svg");

  }




/************************************************/
/**                                            **/
/**                     MODES                  **/
/**                                            **/
/************************************************/

.is-dark {--color-bg-main: #2E3133; --color-bg-secondary: #3A3E40; --color-text-primary: #fff; --color-text-secondary: #d4d8d8; --color-text-tertiary: #2E3133;}
.is-dark.itekway {--color-primary: #37d6d6;}
.itekway {--color-primary: rgb(43, 176, 176); --color-primary-alpha: rgba(55, 214, 214, .8);}
.sabooj {--color-primary: rgb(43, 176, 176); --color-primary-alpha: rgba(55, 214, 214, .8);}
.is-dark.sabooj {--color-primary: #37d6d6;  --color-primary-alpha: rgba(55, 214, 214, .8);}
.solucca {--color-primary: rgb(235, 112, 118); --color-primary-alpha: rgba(235, 112, 118, .8);}
.is-dark.solucca {--color-primary: #f8777d; --color-primary-alpha: rgba(235, 112, 118, .9);}
.is-dark.efis {--color-primary: #37d6d6;}
.efis {--color-primary: rgb(43, 176, 176); --color-primary-alpha: rgba(55, 214, 214, .8);}



.dark-toggle__switch { display: inline-block; overflow: hidden;position: relative; background-color: var(--color-bg-main); width: 40px;height: 20px;border-radius: 1rem;}
.dark-toggle__switch:focus { box-shadow: 0 0 0 2px white;}
.dark-toggle__switch::before {content: "";position: absolute;z-index: 3;display: inline-block;background-color: #E6E5E5;width: 20px;height: 20px;top: 50%;left: var(--padding);border-radius: 50%;transform: translateY(-50%);transition: all 0.25s ease-in-out;}
input:checked + .dark-toggle__switch::before {transform: translateY(-50%) translateX(calc(40px/ 2));}
.dark-toggle__switch::after { content: ""; position: absolute; top: 50%;left: 0;z-index: 2;display: inline-block; background-color: var(--color-bg-main);transition: all 0.25s ease-in-out;transform: translateY(-50%);width: 1px;height: 1px;border-radius: 50%;}
body.is-dark .dark-toggle__switch::after { z-index: 4;width: calc(20px * 0.7);height: calc(20px * 0.7);}
.dark-toggle input[type=checkbox]{opacity: 0;}
.dark-toggle span{font-size: 1.6rem; color: var(--color-text-primary);}
.is-dark .dark-toggle span{color:white;}
.dark-toggle {padding: 0 30px;margin-top: 30px;}


/************************************************/
/**                                            **/
/**                 NAVIGATION                 **/
/**                                            **/
/************************************************/

.is-left-sidebar {min-height: 100vh; transition: all 300ms ease-in-out;  width: 100%!important;  max-width: 100%; top: 0;}
#navigation {width: 350px; min-height: 100vh; transition: all 500ms ease-in-out; overflow: hidden !important;}
#navigation>div {transition: opacity 200ms linear; transition-delay: 400ms; opacity: 1;}
#navigation>div:nth-child(1) {position: fixed; top: 0;}
#navigation {background-color: var(--color-bg-secondary) !important; padding: 80px 0;}

#navigation #main-modern-menu li {margin: 20px 0 !important; font-size: 1.6rem;}
#navigation #main-modern-menu a {color: var(--color-text-primary); border-radius: 20px; transition: all 250ms ease-in-out !important; font-size: inherit;}
#navigation #main-modern-menu a span {vertical-align: middle;}
#navigation #main-modern-menu a:hover {background: transparent; color: var(--color-primary);}
#navigation li.current_page_item>a {background: var(--color-primary) !important; color: var(--color-text-tertiary) !important; cursor: default;}
.fa-bars:before {font-size: 2.8rem; color: var(--color-text-primary);}
#mobile-menu-canvas-close {position: absolute !important; top: 20px; left: 20px; z-index: 105;}
.mobile-canvas-header {float: none !important;}
.navbar-collapse {padding: 0 20px;}
#main-search {flex: 1; display: none;}
.button-close-nav {display: none;}

#main-header {position: fixed; top: 0; z-index: 90;}
#nav-logo {display: inline-block !important; max-width: 200px !important; width: 100% !important; margin-left: 70px;}

.page:not(.logged-in) .is-left-sidebar, .page:not(.logged-in) #nav-trigger  {display: none !important;}
#navigation #mobile-menu-canvas-close .mobile-canvas-header .close-navmenu {font-size: 50px !important; background-color: transparent !important; color: var(--color-text-primary) !important;}

nav .nav-arrow-left {display: none;}
a#nav-trigger .fa-arrow-left {color: var(--color-primary);}

/************************************************/
/**                                            **/
/**                 GENERAL                    **/
/**                                            **/
/************************************************/



html { font-size: 62.5%;} /* 1rem vaut 10px */

body {background-color: var(--color-bg-main) !important;}

h1, h2, h3, p, a, li, span {word-break: normal !important;}

#content-container {margin-top: 6vh; z-index: 0;}
.logo-entreprise.logo-accueil{height: 50px;margin-bottom: 0px;}

.is-center-content p, .is-center-content a, .is-center-content .textwidget, td {color: var(--color-text-secondary) !important; font-size: 1.6rem !important;}
h1, h2, h3 {color: var(--color-text-primary) !important; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
h1 {font-size: 2rem !important;}
h2 {font-size: 1.6rem !important;}
.post-title {text-align: center;}

.is-center-content{background-color: var(--color-bg-main); justify-content: center;  display: flex;}

.bloc-vignette-blanc {background-color: var(--color-bg-secondary); border-radius: 20px; max-width: 450px; padding: 15px 20px;}
.bloc-long-blanc {background-color: var(--color-bg-secondary); border-radius: 20px; padding: 20px 25px;}
.bloc-vignette-blanc>div {flex-direction: column;}
.bloc-vignette-blanc>div>div {flex: 1;}
.bloc-vignette-blanc>div>div:nth-child(3) {display: flex; justify-content: center; align-items: flex-end;}
.btn-style a, .btn-default {border-radius:10px;background-color: var(--color-primary) !important; color: var(--color-text-tertiary) !important; border: none !important;  transition: all 250ms ease-in-out;}
.btn-style a:hover, .btn-connexion:hover  {transform: scale(1.1); text-decoration: none !important;}
button[data-state="publish"] {transition: all 250ms ease-in-out;}
button[data-state="publish"]:hover {transform: scale(1.06);}

.btn-connexion {transition: all 250ms ease-in-out;}
.btn-connexion span {color: var(--color-text-tertiary) !important; text-decoration: none !important;}
.btn-connexion a:hover {text-decoration: none !important;}

.section-vignette-blanc>div {justify-content: center; gap: 40px;}

.iconconflr-meet:before, .iconconflr-folder-o::before, #content .iconconflr-folder-open-o::before, .iconconflr-calendar-check-o::before, .iconconflr-pencil-square-o::before {color: var(--color-primary);}
.menu-item a span::before {color: var(--color-primary);}
.iconconflr-partners:before, .iconconflr-meet:before, .iconconflr-sign-out:before, .iconconflr-contact:before, .iconconflr-home:before, .iconconflr-profil:before {font-size: 2.5rem; padding-right: 10px;}
.iconconflr-file-text-o:before, .iconconflr-folder-open-o::before,  .iconconflr-participants1::before {font-size: 1.8rem; padding-right: 10px;}
#navigation li.current_page_item>a span::before {color: var(--color-text-tertiary);}

.icone-main-container span {display: flex; justify-content: center;color: var(--color-primary);}
#content .iconconflr-partners::before, #content .iconconflr-profil::before, #content .iconconflr-contact::before, #content .iconconflr-file-text-o::before, #content .iconconflr-folder-o::before, #content .iconconflr-folder-open-o::before, .iconconflr-calendar-check-o::before, .iconconflr-pencil-square-o::before {font-size: 8rem;}


.error404 .box {background-color: var(--color-bg-secondary) !important; border-radius: 20px; padding: 20px; color: var(--color-text-tertiary) !important;}


#pojo-a11y-toolbar.pojo-a11y-toolbar-right {top: 20px !important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {background-color: var(--color-primary) !important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links {border-color: var(--color-primary) !important;}

select, input{font-size: 1.4rem !important;}
select { -webkit-appearance: none;}

button[type="button"], #savedata {font-size: 1.4rem !important; text-transform: none !important;}
#savedata {display: flex; margin-left: auto;}

.p-max-w {max-width: 1000px; margin: auto;}
.p-bold p {font-weight: 500 !important; font-style: italic; color: var(--color-text-primary) !important;}

form label,#main-content button, #main-content button:hover{text-transform: inherit;}

p.msg-connecte {color: #fff !important;}

.date-modal{
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 15px;
}

/************************************************/
/**                                            **/
/**               PAGE DOCUMENTS               **/
/**                                            **/
/************************************************/

.mes-documents-item {margin-bottom: 10px; display: flex; list-style: none; gap: 4px; margin-left: auto; margin-right: auto; padding-left: 0; flex-wrap: wrap; container-name: documents; container-type: inline-size; }
.mes-documents-item li {display: flex;}
.mes-documents-item li:nth-child(1) {width: 100%; background-color: var(--color-bg-secondary); padding-left: 20px;  align-items: center; color: var(--color-text-primary);}
.mes-documents-item li:nth-child(2), .mes-documents-item li:nth-child(3) {flex: 1; width: 32px; height: 32px; background-color: var(--color-primary-alpha); transition: all 250ms ease-in-out; position: relative; justify-content: center;}
.mes-documents-item li:nth-child(2):hover, .mes-documents-item li:nth-child(3):hover {background-color: var(--color-primary);}
.mes-documents-item li:nth-child(2) img {height: 10px; margin: auto;}
.mes-documents-item li:nth-child(3) img {width: 15px; margin: auto;}
.mes-documents-item li:nth-child(2):hover::after {content: "aperçu"; position: absolute; background-color: var(--color-bg-secondary); font-size: 13px; color: var(--color-text-secondary); top: 0; left: -70px; z-index: 1; opacity: .7;}
.mes-documents-item li:nth-child(3):hover::after {content: "télécharger"; position: absolute; background-color: var(--color-bg-secondary); font-size: 13px; color: var(--color-text-secondary); top:0; right: -85px; z-index: 1; opacity: .7;}


@container documents (min-width: 450px) {
  .mes-documents-item li:nth-child(1) {flex: 1; width: auto;}
  .mes-documents-item li:nth-child(2), .mes-documents-item li:nth-child(3) {flex: none;}
}





/************************************************/
/**                                            **/
/**       PAGE DOCUMENTS A COMPLETER           **/
/**                                            **/
/************************************************/


.lsite-liens-docs {justify-content: center;}
.lien-doc-complet {background-color: var(--color-bg-secondary); border-radius: 20px; margin: 20px; padding: 15px 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; min-height: 220px;}
.lien-doc-complet h3 {font-size: 1.6rem !important; color: var(--color-text-primary) !important; text-align: center; }
.lien-doc-complet p {text-align: center; color: var(--color-text-secondary) !important; font-size: 1.6rem !important; }
.lien-doc-complet .btn-vert {background-color: var(--color-primary); border-radius: 10px; text-align: center; max-width: max-content; transition: all 250ms ease-in-out;}
.lien-doc-complet .btn-vert:hover {transform: scale(1.1);}
.lien-doc-complet .btn-vert a {color: var(--color-text-tertiary) !important; padding: 12px 24px; display: block; }
.lien-doc-complet .btn-vert a:hover {text-decoration: none !important;}

#demandeenvoi,#demandesauv{display: none;}

/************************************************/
/**                                            **/
/**                FORMULAIRE                  **/
/**                                            **/
/************************************************/


input[type="search"], select {background-color: var(--color-bg-main); color: var(--color-text-primary); border-color: #ccd0d4 !important;}
input, textarea {border-radius: 20px !important; border-color: #ccd0d4 !important;}
.acf-input textarea {padding: 15px !important;}
input[type="submit"] {background-color: var(--color-primary) !important; font-size: 1.6rem !important; text-transform: none;}
input[type="submit"]:hover {color: #fff !important; border: none !important; transform: scale(1.1); text-transform: none;}
#woffice-login form .login-submit input:hover {border-width: 0px !important;}

/* SEARCH BAR */
.is-center-content #main-search input[type="text"] {background-color: transparent; color: var(--color-text-secondary) !important; border: 1px solid var(--color-text-secondary) !important;}
.acf-notice.-success {background: var(--color-primary) !important; border-color: var(--color-primary) !important;}
button {background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; color: var(--color-text-tertiary) !important;}
input[type="checkbox"] {accent-color: var(--color-primary);}
label.gfield_label {text-transform: none; color: var(--color-text-primary);}

input.datepicker {background: var(--color-bg-secondary);}


.is-dark .ui-datepicker-trigger {filter: invert(1);}

.form-champs-heure, .form-champs-date, .form-champs-nom, .form-champs-affectation, .form-champs-duree, .form-champs-prix, .form-champs-qt  {display: flex; flex-direction: column; justify-content: space-between;}

.frontend-form { container: formulaire / inline-size;}
.frontend-form label {font-size: 1.6rem !important; text-transform: none !important;}

@container formulaire (min-width: 300px) {
  .form-champs-heure, .form-champs-affectation, .form-champs-duree, .form-champs-prix, .form-champs-qt {width: 50% !important;}
}

@container formulaire (min-width: 550px) {
  .form-champs-heure, .form-champs-date {width: 33% !important;}
  .form-champs-nom, .form-champs-col, .form-champs-config, .form-champs-beneficaire, .form-champs-statut {width: 50% !important;}

}

.acf-repeater.-table .acf-row, .acf-repeater.-table .acf-row-handle.remove {background-color: var(--color-bg-secondary);}
.acf-repeater .acf-row-handle .acf-icon.-minus {top: 0 !important; right: -50px;}
.acf-repeater .acf-row-handle .acf-icon:before {color: #2E3133;}

.acf-table > thead > tr > th, .acf-table > tbody > tr > td, .acf-field input[type=date], .acf-field select, .acf-field textarea, .acf-input-wrap input, .acf-fields.-border {background-color: var(--color-bg-secondary) !important; color: var(--color-text-primary);}
.acf-table > thead > tr > th label, .acf-table > tbody > tr > td label, .acf-checkbox-list label {color: var(--color-text-primary) !important;}
.acf-repeater .acf-row-handle.order {background-color: var(--color-bg-main) !important;}
.acf-label label {color: var(--color-text-primary);}

div[data-name="conges"] .acf-repeater-add-row::before, div[data-name="date_heure_recuperation"] .acf-repeater-add-row::before, div[data-name="date_heure_recuperation_2"] .acf-repeater-add-row::before, div[data-name="date_heure_absence"] .acf-repeater-add-row::before, div[data-name="achats"] a[data-event="add-row"]::before {content: "+"; font-size: 2.4rem; font-weight: 800; color: var(--color-primary); padding-right: 5px; vertical-align: middle;}
div[data-name="conges"] .acf-repeater-add-row:hover, div[data-name="date_heure_recuperation"] .acf-repeater-add-row:hover, div[data-name="date_heure_recuperation_2"] .acf-repeater-add-row:hover, div[data-name="date_heure_absence"] .acf-repeater-add-row:hover, div[data-name="achats"] a[data-event="add-row"]:hover {text-decoration: none !important; color: var(--color-primary) !important;}


@media (max-width: 500px) {
  div[data-name="conges"] .acf-table, div[data-name="date_heure_absence"] .acf-table, div[data-name="date_heure_recuperation"] .acf-table, div[data-name="date_heure_absence"] .acf-table, div[data-name="date_heure_recuperation_2"] .acf-table, div[data-name="achats"] .acf-table {display: flex; flex-direction: column;}
  div[data-name="conges"] thead, div[data-name="date_heure_absence"] thead, div[data-name="date_heure_recuperation"] thead, div[data-name="date_heure_recuperation_2"] thead, div[data-name="achats"] thead  {display: none;}
  div[data-name="conges"] .acf-row, div[data-name="date_heure_absence"] .acf-row, div[data-name="date_heure_recuperation"] .acf-row, div[data-name="date_heure_recuperation_2"] .acf-row, div[data-name="achats"] .acf-row {display: flex; flex-direction: column;}
  div[data-name="conges"] .acf-row td:nth-child(1), div[data-name="date_heure_absence"] .acf-row td:nth-child(1), div[data-name="date_heure_recuperation"] .acf-row td:nth-child(1), div[data-name="date_heure_recuperation_2"] .acf-row td:nth-child(1), div[data-name="achats"] .acf-row td:nth-child(1) {margin-left: auto;}
  .acf-conge-type::before {content: 'Type de congés'; color: var(--color-text-primary); }
  .acf-debut::before {content: 'Date début'; color: var(--color-text-primary); }
  .acf-fin::before {content: 'Date fin'; color: var(--color-text-primary); }
  .acf-detail::before {content: 'Détail'; color: var(--color-text-primary); }
  div[data-name="date_heure_absence"] .acf-date::before {content: "Jour de l'absence"; color: var(--color-text-primary); }
  div[data-name="date_heure_recuperation"] .acf-date::before, div[data-name="date_heure_recuperation_2"] .acf-date::before {content: "Jour de récupération"; color: var(--color-text-primary); }
  .acf-heure-debut::before {content: 'De'; color: var(--color-text-primary); }
  .acf-heure-fin::before {content: 'À'; color: var(--color-text-primary); }
  .acf-reference::before {content: 'Référence'; color: var(--color-text-primary); }
  .acf-descriptif::before {content: 'Descriptif'; color: var(--color-text-primary); }
  .acf-quantite::before {content: 'Quantité'; color: var(--color-text-primary); }
  .acf-prix-ht::before {content: 'Prix HT'; color: var(--color-text-primary); }
}


.no-label .acf-label label {display: none !important;}
.acf-label p.description {text-transform: none !important;}

.form-top-gap {margin-top: 65px;}
 div[id="formulaire-achat-specifique"] .fea-submit-buttons {justify-content: end;}

.formulaire-demande-permutation [data-name="statut_demande_permutation"], .formulaire-demande-recup [data-name="statut_demande_recuperation"], .formulaire-demande-conges div[data-name="statut_demande_de_conges"],.formulaire-demande-achat div[data-name="statut_demande_achat_specifique"],.formulaire-demande-creation-poste div[data-name="statut_creation_poste_informatique"]  {display: none;}
.champ-invisible[data-name="statut_demande_permutation"] + .fea-submit-buttons, .champ-invisible[data-name="statut_demande_recuperation"] + .fea-submit-buttons, .formulaire-demande-conges div[data-name="statut_demande_de_conges"] + .fea-submit-buttons, div[data-name="repertoires_du_serveur_accessibles_au_beneficiaire"] + .fea-submit-buttons {padding: 16px; justify-content: end;}


.formulaire-demande-conges .personne-traite-demande,.single-demandes .personne-traite-demande{display:none !important;}

.single-demandes .envoidemandeinformatique, .single-demandes .envoidemandeachat, .single-demandes .envoidemandepermutation, .single-demandes .envoidemanderecuperation {display: none;}

#quantite_totale, #prix_total {color: var(--color-text-primary); font-size: 1.6rem; font-weight: 500;}

#annulation-message{max-width: 1000px; margin: auto;position: relative; top: 50px;font-size: 20px;font-weight: bold; color: var(--color-primary);}


/************************************************/
/**                                            **/
/**                SINGLE LOGIN                **/
/**                                            **/
/************************************************/

/*#woffice-login-right {width: auto;}
.page-template-login #woffice-login-left {background: url('/wp-content/uploads/2023/05/test-img-login-scaled.jpg') no-repeat center; background-size: cover !important; opacity: 1 !important; }
#woffice-login { background-color: transparent !important;}
.page-template-login footer {display: none;}
.password-lost {font-style: normal !important; font-size: 1.4rem !important; color: var(--color-text-secondary) !important; text-decoration: underline !important;}
.password-lost:hover {color: var(--color-primary) !important;}
.page-login-logo-entreprise {display: flex; gap: 30px; align-items: center; margin: 30px 0 30px;}
.page-login-logo-entreprise>div {flex: 1;}
.page-login-logo-entreprise>div img {max-height: 35px;}*/
 .logout-message {font-size: 24px;color: var(--color-primary);  text-align: center;margin-top: 30px;}

/************************************************/
/**                                            **/
/**                MES DEMANDES                **/
/**                                            **/
/************************************************/

.form-annulation-demande .acf-field-select{display: none;}
.form-annulation-demande .acf-field-submit-button button{display: block;}
.form-annulation-demande h3{text-align: center;}

#post-2109 table thead td {font-size: 1.8rem; font-weight: 600;}
#post-2109 tr {background-color: var(--color-bg-secondary); padding-left: 20px; color: var(--color-text-primary);}
#post-2109 .refuse td:nth-child(3) {color: red;}

.mes-demandes-liste {list-style: none; background-color: var(--color-bg-secondary); color: var(--color-text-primary); padding: 20px; border-radius: 20px; display: flex; flex-direction: column; gap: 5px;}
.mes-demandes-liste:nth-child(1) {display: none;}
.mes-demandes-liste li {display: flex; width: 100%; font-size: 1.6rem; justify-content: space-between;}
.mes-demandes-liste li:nth-child(1)::before {content: "Catégorie";}
.mes-demandes-liste li:nth-child(2)::before {content: "Salarié";}
.mes-demandes-liste li:nth-child(3)::before {content: "Date"; flex: 1;}
.mes-demandes-liste li:nth-child(4)::before {content: "Statut";}
.mes-demandes-liste li:nth-child(5)::before {content: "Détail";}

.mes-demandes-liste ul {padding-left: 0; flex-wrap: nowrap;}
.mes-demandes-liste li>ul {display: flex; width: 100%;}

.valide {color: #2AB064 !important;}
.refuse {color: #DD405A !important;}
.refuse, .valide {font-weight: 600;}
.en-traitement {font-weight: 300; font-style: italic;}


.releves-liste {list-style: none; background-color: var(--color-bg-secondary); color: var(--color-text-primary); padding: 20px; border-radius: 20px; display: flex; justify-content: space-between; gap: 5px;}
.releves-liste:first-of-type li {font-weight: 500;}
.releves-liste ul {padding-left: 0; flex-wrap: nowrap;}
.releves-liste li>ul {display: flex; width: 100%;}
.releves-liste li {display: flex; width: 100%; font-size: 1.6rem;}
.releves-liste li:last-of-type {justify-content: end;}

.detail-hover {background-color: var(--color-primary); padding: 15px 25px; display: none; border-radius: 25px; position: absolute; top: 0; left: 40%; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.detail-hover.visible {display: block;}
.detail-hover ul {list-style: none; color: var(--color-text-tertiary); padding: 0;}
.detail-hover ul li:nth-child(1) {font-size: 1.4rem; font-weight: 600;}
.detail-hover ul li:nth-child(2) {font-size: 1.6rem; font-weight: 400;}
.close-detail-hover {display: flex; justify-content: end; padding-bottom: 5px;}
.close-detail-hover span {padding: 5px;}

.mes-demandes-liste .iconconflr-loupe {padding: 5px 10px; transition: all 250ms ease-in-out;}
.mes-demandes-liste .iconconflr-loupe:hover {color: var(--color-primary);}

.detail-hover .iconconflr-cross {color: var(--color-text-primary); transition: all 150ms ease-in-out;}
.detail-hover .iconconflr-cross:hover {transform: scale(1.1);}
/*.mes-demandes-liste li:nth-child(3) {position: relative;}
.mes-demandes-liste li.valide::after {content: ""; background-color: green; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: -10px; top: 40%;}*/


.single-demandes h1 {text-align: center; margin: 20px 0;}
.single-demandes .iconconflr-pencil-square-o {display: flex; justify-content: center;}
.single-demandes .btn-suppression {display: flex; justify-content: end; position: relative; padding-right: 16px; max-width: 1000px; margin: auto;}
.single-demandes .btn-suppression{opacity: .7 !important; white-space: nowrap; background-color: var(--couleur-principal-efis) !important; color: var(--color-text-tertiary) !important; padding: 13px 18px 13px 18px !important; border-radius: 25px !important; transition: all 250ms ease-in-out; margin: 0; font-size: 1.4rem !important; font-weight: 500 !important;border:0px !important;}
.single-demandes .btn-suppression:hover {transform: scale(1.1); text-decoration: none !important; opacity: 1;}
.single-demandes .acf-input {justify-content: end;}

.formulaire-demande-conges .acf-field[data-type="submit_button"],.formulaire-demande-permutation .acf-field[data-type="submit_button"],.formulaire-demande-recup .acf-field[data-type="submit_button"],.formulaire-demande-achat .acf-field[data-type="submit_button"],.formulaire-demande-creation-poste .acf-field[data-type="submit_button"] {display: flex; gap: 25px; flex-direction: column;}
.formulaire-demande-conges .acf-field[data-type="submit_button"] .acf-input,.formulaire-demande-permutation .acf-field[data-type="submit_button"] .acf-input,.formulaire-demande-recup .acf-field[data-type="submit_button"] .acf-input,.formulaire-demande-achat .acf-field[data-type="submit_button"] .acf-input,.formulaire-demande-creation-poste .acf-field[data-type="submit_button"] .acf-input {width: auto; margin-right: 0;}
.formulaire-demande-conges .acf-field[data-type="submit_button"] .acf-input button, #modalConges #btnCongesSauv,.formulaire-demande-permutation .acf-field[data-type="submit_button"] .acf-input button ,.formulaire-demande-recup  .acf-field[data-type="submit_button"] .acf-input button,.formulaire-demande-achat  .acf-field[data-type="submit_button"] .acf-input button,.formulaire-demande-creation-poste  .acf-field[data-type="submit_button"] .acf-input button {border: 1px solid var(--color-primary); background-color: transparent !important; color: var(--color-primary) !important;}

.formulaire-demande-conges  #finalisationconges,.formulaire-demande-permutation  #finalisationconges,.formulaire-demande-recup  #finalisationconges,.formulaire-demande-achat  #finalisationconges,.formulaire-demande-creation-poste  #finalisationconges {max-width: max-content; margin-left: auto;}

#btnCongesSauv, #btnCongesEnvoi, .group-btn .btn-blanc, .group-btn .btn-bleu {transition: all 200ms ease-in-out;}
#btnCongesSauv:hover, #btnCongesEnvoi:hover, .group-btn .btn-blanc:hover, .group-btn .btn-bleu:hover {transform: scale(1.06);}
.group-btn .btn-blanc:hover a, .group-btn .btn-bleu:hover a {text-decoration: none !important;}



.formulaire-demande-conges {container: editionconges / inline-size;}
@container editionconges (max-width: 650px) {
  .single-demandes div[data-name="conges"] .acf-table {display: flex; flex-direction: column;}
  .single-demandes div[data-name="conges"] .acf-row {display: flex; flex-direction: column;}
  .single-demandes div[data-name="conges"] .acf-row td:nth-child(1) {margin-left: auto;}
  .single-demandes div[data-name="conges"] thead {display: none;}
  
  .single-demandes .acf-conge-type::before {content: 'Type de congés'; color: var(--color-text-primary); }
  .single-demandes .acf-debut::before {content: 'Date début'; color: var(--color-text-primary); }
  .single-demandes .acf-fin::before {content: 'Date fin'; color: var(--color-text-primary); }
  .single-demandes .acf-detail::before {content: 'Détail'; color: var(--color-text-primary); }
  .single-demandes .acf-row-handle {height: 40px;}
  .single-demandes .acf-row-handle .-plus {top: 0;}
  .single-demandes .acf-row-handle .-minus {bottom: 0;}

}

.modal-content {background-color: var(--color-bg-secondary);}
#modalConges div[data-name="statut_demande_de_conges"] {display: none;}
.modal-content .modal-header {flex-direction: column-reverse;}
.modal-content .modal-header button.close {margin-right: 25px; margin-top: 10px; background-color: transparent !important; border: none !important;}
.modal-content .modal-header button.close span {color: var(--color-text-primary); font-size: 30px !important; padding: 6px !important;}
.modal-content .modal-header h3 {margin: auto; padding-top: 10px; font-size: 1.6rem !important; font-weight: 500; color: var(--color-text-primary);}
.modal-content div[data-type="submit_button"] .acf-input {justify-content: center;}
.modal-content .modal-body>form {margin: 0;}
.modal-content div[data-type="submit_button"] button, form div[data-type="submit_button"] button {text-transform: none !important; font-size: 14px !important; border-radius: 25px !important; font-weight: 500; transition: all 250ms ease-in-out;}
form div[data-type="submit_button"] button:hover {transform: scale(1.1);}


.modal#modalConges { height: auto;}
.modal#modalConges .modal-dialog {height: 100vh;}
#modalConges #statutDemandeEnvoi, #modalConges #statutDemandeSauv {font-size: 14px; text-align: center;}

.modal#modalConges .modal-dialog .modal-header {padding: 0 1rem;}


.formulaire-demande-conges form, .formulaire-demande-recup form {margin: 0 !important; margin-top: 25px;}

.formulaire-demande-conges + div p {font-size: 1.2rem !important;}

.formulaire-demande-conges button[data-state="publish"] {text-transform: none !important; font-size: 1.4rem !important;}
.formulaire-demande-conges .envoidemande + div {justify-content: end;}

.modal.fade.show {background-color:rgba(107, 114, 118, .6) !important;} 


td.brouillon {font-style: italic; color: var(--color-text-secondary); font-size: 1.4rem;}
td.brouillon span::before {font-size: 1.8rem; color: var(--color-text-secondary); padding: 5px 0 5px 10px; transition: all 250ms ease-in-out; vertical-align: sub;}
td.brouillon a:hover, td.brouillon a:hover span::before {text-decoration: none !important; color: var(--color-primary) !important;}
.mes-demandes-liste li:last-of-type a:hover {text-decoration: none !important;}

#statutDemande{display: none;}
.btn-desactive{    background-color: var(--color-secondary) !important;border-color:var(--color-secondary); }


#modalConges #btnConges {text-transform: none !important; font-size: 1.4rem !important;}
#modalConges .modal-body {margin: auto; margin-bottom: 20px; margin-top: 20px;}
#modalConges .modal-dialog .modal-body .btnenvoi{margin: auto; margin-bottom: 20px; margin-top: 0; display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
#modalConges .modal-dialog .modal-body button {font-size: 1.4rem; border-radius: 25px;}


#demandeenvoi p,#demandesauv p{text-align: center;color: var(--color-primary);}
#demandeenvoi .btn-blanc,#demandesauv .btn-blanc{    border: 1px solid var(--color-primary);  background-color: transparent !important;  color: var(--color-primary) !important;  font-size: 1.4rem; border-radius: 25px; padding: 10px;text-align: center;}
#demandeenvoi .btn-bleu,#demandesauv .btn-bleu{    border: 1px solid var(--color-primary);  background-color: var(--color-primary) !important;  color: white;  font-size: 1.4rem; border-radius: 25px; padding: 10px;text-align: center;}
#demandeenvoi .btn-bleu a,#demandesauv .btn-bleu a{color: white !important; font-size: 1.4rem !important;font-weight: 600;}
#demandeenvoi .btn-blanc a,#demandesauv .btn-blanc a{color: var(--color-primary) !important;font-size: 1.4rem !important;font-weight: 600;}
#modalConges .modal-dialog .modal-body .group-btn{margin: auto;margin-bottom: 20px; margin-top: 0; gap: 15px;justify-content: center;display: flex; flex-wrap: wrap;}


    
.dataTables_paginate.paging_simple_numbers a.paginate_button {background: transparent !important; border: none !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {background: var(--color-bg-secondary) !important; border: none !important; color: var(--color-primary) !important; font-weight: 600 !important;}
.dataTables_wrapper .dataTables_paginate#tableau-liste-demandes2_paginate .paginate_button:hover, a.paginate_button:hover {background: var(--color-bg-secondary) !important; color: var(--color-primary) !important;}
.dataTables_info {font-size: 1.2rem !important; color: var(--color-text-secondary) !important;}


.bloc-etat-demande {margin-top: 80px;}

#tableau-liste-demandes2 thead,  .tableau-demande thead  {display: none; }
#tableau-liste-demandes2 tbody tr,  .tableau-demande tbody tr {display: flex; flex-direction: column; background-color: var(--color-bg-secondary) !important;}

#tableau-liste-presence thead {display: none;}
#tableau-liste-presence tr {padding: 8px 0;}
#tableau-liste-presence td {font-size: 13px !important;}


#tableau-liste-demandes2 tr td:first-of-type,  .tableau-demande tr td:first-of-type {font-weight: 500;}
#tableau-liste-demandes2 tr td:last-of-type, .tableau-demande tr td:last-of-type {margin-bottom: 25px; border-bottom: 1px solid var(--color-text-secondary);}
#tableau-liste-presence th, #tableau-liste-demandes2 th, .tableau-demande th {font-size: 1.4rem; font-weight: 600; border-bottom: none !important; color: var(--color-text-primary);}
#tableau-liste-demandes2 td, .tableau-demande td {color: var(--color-text-primary);}


.shortcode-etat-demande, .shortcode-releve-presence {padding: 0;}
.shortcode-etat-demande h2, .shortcode-releve-presence h2 {text-align: center; margin: 20px 0;}
.shortcode-etat-demande .btn-vert {background-color: var(--color-primary); border-radius: 10px; text-align: center; max-width: max-content; margin: 35px auto; transition: all 250ms ease-in-out;}
.shortcode-etat-demande  .btn-vert a {color: var(--color-text-tertiary) !important; padding: 12px 24px; display: block; }
.shortcode-etat-demande .btn-vert:hover {transform: scale(1.1);}
.shortcode-etat-demande .btn-vert a:hover {text-decoration: none !important;}
.shortcode-etat-demande .bloc-demande, .shortcode-releve-presence .bloc-releves {padding: 20px 25px;}

.bloc-demande {max-width: 1000px;}
.tableau-demande td {font-size: 14px !important;}

.disable-front-form button{display: none;}
.disable-front-form input,.disable-front-form  select,.disable-front-form .acf-button,.disable-front-form .acf-checkbox-list,.disable-front-form a{pointer-events:none;}

.modal-suivi-demande-demandeur .modal-dialog{max-width: 800px;}
.modal-suivi-demande-demandeur .iconconflr-loupe::before{color: var(--color-text-secondary) !important;font-size: 16px;margin-left: 5px;}

/************************************************/
/**                                            **/
/**                 MON COMPTE                 **/
/**                                            **/
/************************************************/

.infos-profil {display: flex; flex-wrap: wrap; gap: 40px; margin: auto;}
.infos-profil>div:nth-child(1), .infos-profil>div:nth-child(2)>div {background-color: var(--color-bg-secondary); border-radius: 20px; padding: 25px;}
.infos-profil>div:nth-child(1) {width: 100%; display: flex; justify-content: center; align-items: center; padding-top: 70px;}
.infos-profil>div:nth-child(1) h2 {text-align: center;}
.infos-profil>div:nth-child(2) {display: flex; flex-direction: column; width: 100%; gap: 40px;}
.infos-profil>div:nth-child(2)>div {display: flex; flex-direction: column; gap: 20px;}
.infos-profil>div:nth-child(2) ul {list-style: none; font-size: 1.6rem; padding: 0 10px !important;}
.infos-profil>div:nth-child(2) ul li:nth-child(1) {font-weight: 500;  color: var(--color-text-primary);}
.infos-profil>div:nth-child(2) ul li:nth-child(2) {font-weight: 400;  color: var(--color-text-primary);}
.infos-profil>div:nth-child(2) ul li:nth-child(3) {font-weight: 400;  color: var(--color-text-primary);}

img[data-name="image"] {object-fit: cover; height: 100% !important; width: 100% !important;}
.show-if-value.image-wrap {width: 160px; height: 160px; border-radius: 50%; overflow: hidden; border: 10px solid var(--color-bg-secondary);}
.show-if-value.image-wrap .acf-actions.-hover {top: 40%; right: 40px;}

#avatar-profil button {background-color: transparent !important; border: none !important; color: var(--color-text-secondary) !important; position: absolute; text-transform: none; padding: 0; bottom: -70px; left: 50%; transform: translateX(-50%); width: 100%;}
#avatar-profil button:hover {color: var(--color-primary) !important; position: absolute; text-transform: none; padding: 0; bottom: -70px; width: 100%;}

.frontend-admin-message {position: relative; top: -50px;}

.formulaire-photo-profil div[data-name="photo_de_profil"]{position: absolute; top: -80%;}
.formulaire-photo-profil form {margin: 0 !important; width: 100%;}
.formulaire-photo-profil div[data-name="photo_de_profil"]>div:nth-child(1)>label{display: none;}
.formulaire-photo-profil a[data-name="add"], .formulaire-photo-profil .hide-if-value .acf-button.button {background-color: var(--color-primary); color: var(--color-text-tertiary) !important; border-radius: 50%; font-size: 1.4rem !important; transition: all 500ms ease-in-out; text-align: center; height: 140px;  width: 140px;  display: flex;  text-align: center;  align-items: center;}
.formulaire-photo-profil a[data-name="add"]:hover {transform: scale(1.1); text-decoration: none !important;}
.formulaire-photo-profil {width: 100%; display: flex; justify-content: center;}
.formulaire-photo-profil div[data-name="photo_de_profil"]>div{display: flex; justify-content: center;}

.formulaire-photo-profil .hide-if-value .file-custom {position: static; margin: auto;}

.formulaire-photo-profil div[data-type="submit_button"] .acf-input {height: 55px;}
.formulaire-photo-profil div[data-type="submit_button"] {z-index: -100;}

.formulaire-photo-profil .success-msg {color: var(--color-text-tertiary) !important;}

.media-modal-content .mode-select #media-frame-title h1 {font-size: 14px !important;}
.media-modal-content .media-frame-tab-panel .attachment-filters {font-size: 12px !important;}

/************************************************/
/**                                            **/
/**                   ANNUAIRE                 **/
/**                                            **/
/************************************************/

.bloc-alphabet {list-style: none; display: flex; flex-direction: column; align-items: center; padding-left: 6px !important; margin: 0; padding: 0; flex-direction: row; gap: 6px; flex-wrap: wrap;}
.bloc-alphabet li:last-of-type span {display: none;}
.bloc-alphabet li {font-size: 18px; padding: 5px;}
.bloc-alphabet span {font-size: 1.2rem; font-weight: 600; color: var(--color-text-primary); padding-left: 6px;}
.bloc-alphabet a {font-weight: 600; font-size: inherit !important; color: var(--color-text-primary) !important;}
.bloc-alphabet a:hover {font-weight: 600; font-size: 1.4rem; color: var(--color-text-primary) !important; text-decoration: none !important;}
.letter {font-weight: 500; margin: 20px 0; }
.letter.invisible {display: none; opacity: 0;}
.user-detail.invisible {display: none; opacity: 0;}
.user-detail {list-style: none; background-color: var(--color-bg-secondary); padding: 10px 15px; display: flex; flex-direction: row; }
.user-detail li:nth-child(3), .user-detail li:nth-child(4) {font-size: 1.6rem;}
.user-detail li:nth-child(1) {width: 18%;}
.user-detail li:nth-child(2) {width: 55%; flex: 1;}
/*.user-detail li:nth-child(4), .user-detail li:nth-child(5) {flex: 1;}*/
.user-detail li:nth-child(1), .user-detail li:nth-child(2), .user-detail li:nth-child(4), .user-detail li:nth-child(5) {display: flex; align-items: center;}
.user-detail li:nth-child(4), .user-detail li:nth-child(5) {margin-left: auto;}
.user-detail li:nth-child(2), .user-detail li:nth-child(4), .user-detail li:nth-child(5) {font-size: 14px;}
.user-detail li  {font-weight: 400; color: var(--color-text-primary); text-transform: none; }
.section-contacts-generaux  .letter.absolute {position: absolute;}

.section-contacts-generaux>div>div>div {flex-wrap: nowrap;}
.contacts-generaux-left {width: 100% !important; flex-direction: column-reverse;}
.contacts-generaux-left>div:nth-child(1) {max-height: 70vh; overflow: auto;}
.shortcode-alphabet {width: 100%; border-radius: 20px; padding: 5px 10px; background-color: var(--color-primary); max-width: 1000px;}
.shortcode-alphabet a {color: var(--color-text-tertiary) !important;}
.liste-contacts h3 {font-size: 3rem !important;}

.avatar-annuaire {background-color: var(--color-primary); height:35px; width: 35px; border-radius: 50%; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; color: var(--color-text-tertiary); font-weight: 500; overflow: hidden; border: 2px solid var(--color-primary);}
.avatar-annuaire.itekway_occ_salaris_en_mission_ext, .avatar-annuaire.itekway_occ_quipe_support_gnral, .avatar-annuaire.itekway_occ_quipe_support_qualit, .avatar-annuaire.itekway_idf_quipe_support, .avatar-annuaire.itekway_occ_quipe_support_paye{background-color: #2bb0b0; border: 2px solid #2bb0b0;}
.avatar-annuaire.efis{background-color: #6b7276; border: 2px solid #6b7276;}
.avatar-annuaire.solucea{background-color: #eb7076; border: 2px solid #eb7076;}



.contact-fonction {display: none;}
.contact-mail-txt, .contact-tel-txt {display: none;}
.contact-mail-icon, .contact-tel-icon {transition: all 200ms ease-in-out;}
.contact-mail-icon span, .contact-tel-icon span  {color: var(--color-text-primary); font-size: 1.8rem; padding: 10px; transition: all 200ms ease-in-out;}
.contact-mail-icon:hover {text-decoration: none !important;}
.contact-mail-icon:hover span {font-weight: 600;}

.elementor-element-f1a6425 {max-height: 100px; overflow: scroll;}
.shortcode-alphabet>div>div {display: flex; flex-direction: column; gap: 10px;}
.reset-alphabet {cursor: pointer;}
.reset-alphabet p {font-size: 1.4rem !important; color: var(--color-text-tertiary) !important; margin: 0 !important;}

.modal-backdrop{display:none !important;}


.modal-compte {background: transparent !important; padding: 0 !important; border: none !important; transition: all 150ms ease-in; font-size: 1.8rem;}
.modal-compte .iconconflr-loupe::before {color: var(--color-primary); }
.modal-compte:hover .iconconflr-loupe::before {font-weight: 800;}

.contact-structure {display: none;}
.contact-voir-plus {display: flex; justify-content: end;}

.modal-header {border-bottom: none !important;}
.modal-content {border: none !important; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.modal-body ul {list-style: none;}
.modal-body ul li:first-of-type {text-transform: capitalize; font-weight: 500 !important;}
.modal-body ul li:last-of-type {color: var(--color-primary);}
#modal-compte-SABOOJ .modal-body ul li:last-child {color: pink;}

div.modal-compte {position: fixed; height: 100%; overflow: hidden !important;}
div.modal-compte button.close {position: absolute; top: 10px; right: 10px; z-index: 10;}
.modal-dialog {display: flex; height: 100%;}
.modal-content {height: auto; margin: auto;}

.user-detail + .modal-compte {position: fixed; overflow: hidden;}

.modal-compte .modal-content {margin-left: 10px; margin-right: 10px;}

.lsite-ensemble-contacts-generaux .bloc-cat-contact {margin: 30px 0;}
.lsite-ensemble-contacts-generaux .bloc-cat-contact:first-of-type {margin-top: 5px;}
.tableau-contact-generaux .contact-row {display: flex; flex-direction: column; background-color: var(--color-bg-secondary); padding: 2px 20px; margin: 20px 0; max-width: 1000px; gap: 5px;}
.tableau-contact-generaux .contact-row:first-of-type {margin-top: 10px;}

.tableau-contact-generaux .contact-row .contact-row-mail {font-size: 1.6rem; color: var(--color-text-secondary); }
.tableau-contact-generaux .contact-row .intitule-row{color: var(--color-text-secondary);}

.nom{text-transform: uppercase;margin-right: 5px;}
.prenom{text-transform: capitalize;}

/************************************************/
/**                                            **/
/**             PRESENTATION EFIS              **/
/**                                            **/
/************************************************/

/*.home .is-left-sidebar {display: none;}*/

.bienvenue-efis>div {gap: 10px; align-items: center; flex-wrap: nowrap !important; justify-content: center; }
.bienvenue-efis p {font-size: 2.4rem !important; margin-bottom: 0;}
.bienvenue-efis img {height: 70px; width: auto;}


.bienvenue-list {list-style: none;}
.bienvenue-list li {font-size: 1.6rem;}
.bienvenue-list li::before {content: "\2022"; color: #EB7176;  font-weight: bold;  display: inline-block;   width: 1em; margin-left: -1em;}
  
.border-parenthese {position: relative; display: flex; align-items: center;}
.border-parenthese::before {content: url(https://dev-itekway.iwego.fr/wp-content/uploads/2023/06/icon-parenthese.svg);}
.border-parenthese>div {padding-left: 25px; font-size: 1.4rem !important;}


.bienvenue-portrait>div {gap: 10px; justify-content: end;}
.bienvenue-portrait p {font-size: 1.4rem !important; line-height: 18px !important; color: #1EB1B1 !important; font-style: italic;}
.bienvenue-portrait-txt {flex:1;}
.bienvenue-portrait-img {width: auto !important;}
.bienvenue-portrait img {height: auto; width: 100px;}

.bienvenue-formation-groupe >div {justify-content: center;}

.bienvenue-formation-groupe .bloc-vignette-blanc {padding: 30px 20px;}
.accueil-section-chrono .bloc-vignette-blanc p.elementor-image-box-description, .accueil-section-chrono .bloc-vignette-blanc h3.elementor-image-box-title span {font-size: 1.4rem !important; line-height: normal !important;}
.accueil-section-chrono .bloc-vignette-blanc h3 {margin-top: 5px;}
.accueil-section-chrono .bloc-vignette-blanc ul {margin-top: 10px;}

.bienvenue-formation-groupe .bloc-vignette-blanc ul, .bienvenue-formation-groupe .bloc-vignette-blanc p {text-align: left;}
.bienvenue-formation-groupe .bloc-vignette-blanc ul li {color: var(--color-text-secondary) !important; font-size: 1.5rem !important;}

.bienvenue-valeur {position: relative;}
.bienvenue-valeur-img img {height: auto; width: 100%;}
#connexion-espace a.password-lost {text-align: center;}

#connexion-espace input#user.input {background: var(--color-bg-secondary) !important;}
#connexion-espace input[type="submit"] {border: 1px solid var(--color-text-tertiary) !important; text-transform: none !important;}
#connexion-espace .login-submit, .page-template-login .login-tabs-wrapper .form-row, .page-template-login .login-tabs-wrapper .lostpassword-submit  {display: flex; justify-content: center;}
.bloc-connexion {background-color: #1EB1B1; border-radius: 25px; padding: 20px 0; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

#connexion-espace>div {flex-wrap: wrap; justify-content: center;}
#connexion-espace .login-username label, #connexion-espace .login-password label, #connexion-espace label[for="user_login"], #connexion-espace label[for="user_pass"] {color: var(--color-bg-secondary); font-weight: 500; font-size: 1.4rem; text-transform: none !important;}
#connexion-espace h2 {font-weight: 600 !important; color: var(--color-primary) !important; text-align: center; }
#connexion-espace label[for="user_login"] {display: flex; flex-direction: column;}
#connexion-espace .password-lost,  #connexion-espace .login-remember label {color: var(--color-text-tertiary) !important; font-size: 1.2rem !important; text-transform: none !important;}
#connexion-espace label[for="user_pass"] {margin-bottom: 0;}
.password-toggle {position: relative;}
.password-toggle i.toggle-password {position: absolute; top: 15px; right: 20px; color: var(--color-text-primary);}
#connexion-espace .mdp-oublie a[role="link"] {font-size: 1.2rem !important; color: var(--color-bg-secondary) !important; text-transform:initial; font-style: italic;}

.title-minuscule h2, .title-minuscule h3 {text-transform: none !important;}
.title-minuscule h2 {font-size: 2rem !important; font-weight: 400 !important;}

.bienvenue-accueil>div {justify-content: center;}


.accueil-efis-constitution {border-radius: 20px;}
.accueil-efis-constitution>div {gap: 25px;}
.accueil-efis-constitution img {max-width: 170px;}

.bloc-actu-semaine{background-color: white;border-radius: 20px; padding: 30px; margin: auto;  margin-top: 50px;text-align:center;box-shadow:0px 0px 5px 0px rgba(162,162,162,0.7);}
.bloc-actu-semaine h2{    text-align: center;color: var(--color-primary) !important;font-size: 18px !important; font-weight: bold !important; margin-bottom: 15px;}
.bloc-actu-semaine img{margin:15px;}
/************************************************/
/**                                            **/
/**       FORMULAIRE RELEVE DE PRESENCE       **/
/**                                            **/
/************************************************/

.formulaire-releve-presence table { border-collapse: collapse;}
.formulaire-releve-presence td,.formulaire-releve-presence th {border: 5px solid var(--color-bg-main); padding: 0.2rem 1rem;text-align: center;}
.formulaire-releve-presence .divselect{width:150px;}
.formulaire-releve-presence tr.SAM,.formulaire-releve-presence tr.DIM{background: #E6E6E6;}
.formulaire-releve-presence tr.SAM td,.formulaire-releve-presence tr.DIM td{color: #707070 !important;}
.formulaire-releve-presence tr:not(.DIM, .SAM){background: var(--color-bg-secondary);}
.formulaire-releve-presence th {font-weight: bold; background-color: #E6E6E6; }
.formulaire-releve-presence .active{background: #1EB1B1; color:white !important; padding:1rem;}
.formulaire-releve-presence .active.CP,.formulaire-releve-presence  .active.RTT,.formulaire-releve-presence .active.R,.formulaire-releve-presence .active.AM,.formulaire-releve-presence .active.CS,.formulaire-releve-presence .active.EM,.formulaire-releve-presence .active.CC,.formulaire-releve-presence .active.JS,.formulaire-releve-presence .active.JF,.formulaire-releve-presence .active.CSS{background: #CF0C3D; color:#fff !important;}
.formulaire-releve-presence .active.AST,.formulaire-releve-presence .active.AST.DEC{background: #008484; color:#fff !important;}
.formulaire-releve-presence .active.F{background: #EB7176; color:#fff !important;}
.formulaire-releve-presence .context-menu {display: none; position: absolute;z-index: 10; padding: 12px 0;width: 240px;background-color: var(--color-bg-main);border: solid 1px #dfdfdf;box-shadow: 1px 1px 2px #cfcfcf;}
.formulaire-releve-presence .context-menu--active {display: block;}
.formulaire-releve-presence .context-menu__items {list-style: none;margin: 0;padding: 0;}
.formulaire-releve-presence .context-menu__item { display: block;margin-bottom: 4px;}
.formulaire-releve-presence .context-menu__item:last-child { margin-bottom: 0; }
.formulaire-releve-presence .context-menu__link {display: block;padding: 4px 12px;color: #0066aa;text-decoration: none;}
.formulaire-releve-presence .context-menu__link:hover {color: #fff;background-color: var(--color-primary);}

.formulaire-releve-presence select {background-color: var(--color-bg-secondary); color: var(--color-text-primary);}

.formulaire-releve-presence a{cursor:pointer;}

.modal-liste-releves .formulaire-releve-presence .active{padding:0;}
.modal-liste-releves .formulaire-releve-presence td,.modal-liste-releves .formulaire-releve-presence th{padding:0;font-size:12px !important;}


#calendardiv {margin: 20px 0;}
#calendardiv tr:first-of-type th:first-of-type {width: 10%; min-width: 40px;}
#calendardiv tr:first-of-type th  {color: #2E3133;}
.formulaire-releve-presence .context-menu__item a {color: var(--color-text-primary);}
.formulaire-releve-presence {color: var(--color-text-primary);}
#calendardiv + button {font-size: 1.6rem !important; margin: 20px 0; display: flex; margin-left: auto;}

#calendardiv input.number {padding: 0; background-color: transparent; border: none !important; text-align: center; color: #fff; font-size: 16px !important; font-weight: 600;}
#calendardiv input.number::placeholder {font-size: 12px !important; text-align: center; font-weight: 500 !important;}
#left-content .formulaire-releve-presence input.number{ border-style: solid; border-width: 1px; height: 25px; border-color: #b8bac6; border-radius: 2px !important; padding: 8px 6px; font-size: 1.125rem; box-shadow: none; margin-bottom: 6px; width: 50%;display: none; margin-bottom: 0; float: right;}
.obligation{font-size: 1.5rem; font-weight: bold;}
#left-content .formulaire-releve-presence .title{width: 50%; float: left;}
#left-content .formulaire-releve-presence .active input.number{display: block;}
#left-content .formulaire-releve-presence .active.JF input.number,
#left-content .formulaire-releve-presence .active.CP input.number,
#left-content .formulaire-releve-presence .active.RTT input.number,
#left-content .formulaire-releve-presence .active.R input.number,
#left-content .formulaire-releve-presence .active.AM input.number,
#left-content .formulaire-releve-presence .active.CS input.number,
#left-content .formulaire-releve-presence .active.CC input.number,
#left-content .formulaire-releve-presence .active.F input.number,
#left-content .formulaire-releve-presence .active.EM input.number,
#left-content .formulaire-releve-presence .active.JS input.number,#left-content .formulaire-releve-presence .active.CSS input.number{display: none;}


#form-message {color: var(--color-primary); font-weight: 600; margin-top: 90px;}

#tableau-liste-presence_filter label, #tableau-liste-presence_length label, #tableau-liste-demandes2_filter label, #tableau-liste-demandes2_length label, .tableau-demande_filter label, .tableau-demande_length label, #tableau-liste-presence_previous, #tableau-liste-demandes2_previous, #tableau-liste-demandes2_next {font-size: 1.4rem; color: var(--color-text-secondary) !important;}
#tableau-liste-presence_paginate a.paginate_button:not(.current), .tableau-demande_paginate a.paginate_button:not(.current),  #tableau-liste-demandes2_paginate a.paginate_button:not(.current),  #tableau-liste-presence_next {font-size: 12px !important; color: var(--color-text-secondary);}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover  {color: var(--color-primary) !important;}
#tableau-liste-demandes2_length, #tableau-liste-presence_length, .tableau-demande_length {display: none;}

/*.modal-liste-releves {height: 100vh;}*/
.modal-liste-releves .modal-dialog {margin: auto 15px !important;}
.modal-liste-releves .modal-content {height: 80%;}
.modal-liste-releves .modal-body {overflow: auto;}


/*#tableau-liste-presence .releves-liste {display: table-row; background-color: var(--color-bg-secondary) !important;}*/
#tableau-liste-presence .releves-liste td:last-of-type {display: flex; justify-content: end;}


#tableau-liste-demandes2, #tableau-liste-presence {border: none !important;}


/************************************************/
/**                                            **/
/**       RH DEMANDE EN COURS TRAITEMENT       **/
/**                                            **/
/************************************************/



.modal-suivi-demande-rh {background: transparent !important; padding: 0 !important; border: none !important; transition: all 150ms ease-in;}
.modal-suivi-demande-rh .acf-row.acf-clone{display:none !important;}
.modal-suivi-demande-rh .iconconflr-loupe {font-size: 1.8rem;}
.modal-suivi-demande-rh .iconconflr-loupe::before {color: var(--color-primary);}
.modal-suivi-demande-rh .modal-content, #modalConges .modal-content {margin-left: 10px; margin-right: 10px;}

.modal-suivi-demande-rh div[data-name="conges"] .acf-table {display: flex; flex-direction: column;}
.modal-suivi-demande-rh div[data-name="conges"] .acf-row {display: flex; flex-wrap: wrap;}
.modal-suivi-demande-rh div[data-name="conges"] .acf-row td:nth-child(1) {margin-left: auto;}
.modal-suivi-demande-rh div[data-name="conges"] thead {display: none;}
.modal-suivi-demande-rh .modal-header {padding-bottom: 0 !important;}
.modal-suivi-demande-rh .modal-body {padding-top: 0 !important; max-height: 80vh; overflow-y: scroll;}
.modal-suivi-demande-rh button.close {margin-top: 0;}

.modal-suivi-demande-rh div[data-name="conges"] .acf-actions, .modal-suivi-demande-rh div[data-name="conges"] td.acf-row-handle.remove{display: none;}
.modal-suivi-demande-rh table.acf-table, .modal-suivi-demande-rh td {border: none !important;}
.modal-suivi-demande-rh td[data-type="date"] {width: 50%;}
.modal-suivi-demande-rh td[data-name="type_de_conges"] {width: 100%;}
.modal-suivi-demande-rh select[data-placeholder="Sélectionner"] {font-size: 1.6rem !important;}

.modal-suivi-demande-rh thead {display: none !important;}
.modal-suivi-demande-rh tbody tr {display: flex !important; flex-direction: column;}
.modal-suivi-demande-rh .modal-body p {text-transform: uppercase; text-align: center; font-weight: 500 !important; color: var(--color-text-primary) !important; font-size: 1.6rem !important;}
.modal-suivi-demande-rh .acf-row-handle.remove {display: none !important;}


.modal-suivi-demande-rh .acf-conge-type::before {content: 'Type de congés'; color: var(--color-text-primary); }
.modal-suivi-demande-rh .acf-debut::before {content: 'Date début'; color: var(--color-text-primary); }
.modal-suivi-demande-rh .acf-fin::before {content: 'Date fin'; color: var(--color-text-primary); }
.modal-suivi-demande-rh .acf-detail::before {content: 'Détail'; color: var(--color-text-primary); }
.modal-suivi-demande-rh .acf-row-handle {height: 40px;}
.modal-suivi-demande-rh .acf-row-handle .-plus {top: 0;}
.modal-suivi-demande-rh .acf-row-handle .-minus {bottom: 0;}
.modal-dialog {margin: 4rem auto;}

.modal-dialog .close {padding: 0 !important; height: 40px;}
.modal-dialog .close span {font-size: 2.2rem; padding: 16px;}

.liste-demande-tableau-rh .mes-demandes-liste {container: demandelisterh / inline-size;}

.liste-demande-tableau-rh, .releve-presence-tableau-rh {max-width: 1000px; margin: auto;}
.tableau-demande {border: none !important;}


.menu-rh{display:none;}
.role-rh .menu-rh{display:block;}

.personne-traite-demande{display:none}
.role-rh .personne-traite-demande{display:block;}

#tableau-listedemande-traites .fea-submit-button{display: none;}
#tableau-listedemande-traites button.annule-traitement{font-size: 1.2rem;  line-height: 1.4rem;  padding: 10px;}


/************************************************/
/**                                            **/
/**                RESPONSIVE                  **/
/**                                            **/
/************************************************/

@media only screen and (min-width: 500px) {
  .acf-repeater .acf-row-handle .acf-icon.-minus {top: auto !important; right: auto;}
}

@media only screen and (min-width: 768px) {

.tableau-demande td {font-size: 16px !important;}
#tableau-liste-presence_paginate a.paginate_button:not(.current), .tableau-demande_paginate a.paginate_button:not(.current),  #tableau-liste-demandes2_paginate a.paginate_button:not(.current),  #tableau-liste-presence_next {font-size: 1.4rem !important;}
#tableau-liste-presence tr {padding: 8px 10px;}
#tableau-liste-presence td {font-size: 16px !important;}
#tableau-liste-presence thead {display: table-header-group;}
#tableau-liste-presence .releves-liste {display: table-row;}

#mobile-menu-canvas-close { top: 0; } 
.bloc-alphabet li {font-size: 1.4rem; padding: 0;}
.user-detail li:nth-child(2), .user-detail li:nth-child(4), .user-detail li:nth-child(5) {font-size: 16px;}
#calendardiv input.number {padding: 0; background-color:rgba(255, 255, 255, 0.2);}
#calendardiv input.number::placeholder {font-size: 14px !important; color: #fff;}
#nav-logo {max-width: 100% !important; margin-left: 0 !important;}
.accueil-efis-constitution>div {gap: 0;}
.accueil-efis-constitution img {max-width: 220px;}
.lien-doc-complet {min-width: 400px; max-width: 450px;}

#tableau-liste-demandes2_length, #tableau-liste-presence_length, .tableau-demande_length {display: block;}  
#tableau-liste-demandes2 tbody tr, .tableau-demande tbody tr, .tableau-demande .releves-liste {display: table-row;}
#tableau-liste-demandes2 thead, .tableau-demande thead {display: table-header-group; }
#tableau-liste-demandes2 tr td:last-of-type, #tableau-liste-demandes2 th:last-of-type, .tableau-demande td:last-of-type, .tableau-demande th:last-of-type {display: flex; justify-content: end; margin-bottom: 0 !important; border-bottom: none !important;}
.tableau-demande th:nth-child(2) {width: 30% !important;}
.tableau-demande th:nth-child(1), .tableau-demande th:nth-child(3), .tableau-demande th:nth-child(4) {width: 20% !important;}
#tableau-liste-demandes2 th:last-of-type, .tableau-demande th:last-of-type {width: auto !important;}
#tableau-liste-demandes2 tr td:first-of-type {font-weight: inherit;}
.modal-liste-releves .modal-dialog {margin: auto !important; max-width: 700px;}
/*.modal-liste-releves .modal-content {height: 650px;}*/



form, .formulaire-releve-presence, #form-message {max-width: 1000px; margin: auto;}
/* #btnReleves{margin-bottom: 500px;}*/
 .error{color: red;}

.liste-demande-tableau-rh .mes-demandes-liste li:last-child {width: 10%;}
.liste-demande-tableau-rh .mes-demandes-liste li:nth-child(1) {width: 30%;}
.liste-demande-tableau-rh .mes-demandes-liste li:nth-child(3) {width: 20%;}
.liste-demande-tableau-rh .mes-demandes-liste li:nth-child(4) {width: 15%;}

.modal-suivi-demande-rh .modal-content, #modalConges .modal-content {margin-left: auto; margin-right: auto;}
#avatar-profil button {right: -105px; width: 100px; text-align: left; bottom: 0; left: auto; transform: none;}
#avatar-profil button:hover {position: absolute; right: -105px; width: 100px; text-align: left; text-transform: none; padding: 0; bottom: 0; left: auto;}


.single-demandes .btn-suppression {justify-content: start; padding: 0; margin-bottom: 40px;}
.formulaire-demande-conges div[data-type="submit_button"], .formulaire-demande-recup div[data-type="submit_button"] {padding: 0 !important; padding-top: 15px; padding-right: 16px !important;}
.formulaire-demande-conges, .formulaire-demande-recup, .formulaire-demande-recup {max-width: 1000px; margin: auto;}

.shortcode-alphabet>div>div {justify-content: space-between; flex-direction: row; gap: 0;}

.page-template-login section {max-width: 1140px; margin: auto;}
.page-template-login #content {margin-top: 80px;}
.bloc-connexion {padding: 25px 30px 15px; max-width: 600px;}

.is-left-sidebar {height: auto;}
.is-left-sidebar {width: auto !important; }


h1 {font-size: 2.6rem !important;}

.is-center-content {width: 100% !important;}
.wo-row {flex-wrap: nowrap;}
#main-search {max-width: 400px;}
.logo-entreprise.logo-accueil{height: 70px;margin-bottom: 70px;}
.infos-profil>div:nth-child(2)>div {width: 50%;}
.infos-profil>div:nth-child(2) {flex-direction: row;}
#main-header {display: none;}


.users-profils {display: flex; flex-wrap: wrap; gap: 40px; margin: auto;max-width: 1000px;margin-top: 40px;}
.users-profils>div:nth-child(1), .users-profils>div:nth-child(2) {background-color: var(--color-bg-secondary); border-radius: 20px; padding: 25px;width: 48%;}
.users-profils ul {list-style: none; font-size: 1.6rem; padding: 0 10px !important;}


.button-close-nav {display: block; position: fixed; left: 350px; height: 35px; width: 35px; background-color: var(--color-bg-secondary); z-index: 16; border-radius: 0 10px 10px 0; display: flex; justify-content: center; align-items: center; transition: all 500ms ease-in-out; cursor: pointer;}

.button-close-nav>.fa {color: var(--color-primary); transition: all 200ms ease-in-out; opacity: 0.8;}
.button-close-nav>.fa:hover {opacity: 1;}
.button-close-nav>.fa.open {transform: scaleX(-1);}
.is-left-sidebar.is-close {transform: translateX(-100%); z-index: 100;}
.is-left-sidebar.is-close #navigation {width: 5px;}
.is-left-sidebar.is-close #navigation>div {opacity: 0; transition-delay: 0ms; }
.is-left-sidebar.is-close #navigation>div>div {display: none;}
.is-left-sidebar.is-close .button-close-nav {left: 0;}
.is-left-sidebar {position: relative;}
/*.is-left-sidebar>.button-close-nav {display: none;}*/

input.datepicker {max-width: 300px !important;}
.section-vignette-blanc>div {flex-wrap: wrap;}
.bloc-vignette-blanc {min-width: 350px;}

.mes-demandes-liste {display: flex; list-style: none; gap: 0; margin-left: auto; margin-right: auto; align-items: center; flex-wrap: nowrap; flex-direction: row; padding: 2px 15px; border-radius: 0; max-width: 800px;}
.mes-demandes-liste:nth-child(1) {display: flex; font-weight: 500;}
.mes-demandes-subliste-main {font-size: 1.6rem; padding-bottom: 0;}
/*.mes-demandes-liste li {width: 30%;}*/
.mes-demandes-liste li:nth-child(1), .mes-demandes-liste li:nth-child(2) {width: 40%;}
.mes-demandes-liste li:last-of-type {width: 20%; justify-content: end;}
.mes-demandes-liste li::before {display: none;}

.bloc-etat-demande .mes-demandes-liste{justify-content: flex-start;}

#woffice-login-right {height: 100vh; display: flex; flex-direction: column; justify-content: center;}
.page-login-logo-entreprise>div {display: flex; justify-content: center;}

.user-detail {max-width: 1000px; padding: 0 20px; flex-wrap: wrap; }
.user-detail li{font-size: 1.8rem;}
.user-detail li:nth-child(1){width: auto; margin-right: 10px;}
.user-detail li:nth-child(2) {width: 30%; min-width: 200px; }
.user-detail li:nth-child(3) {width: 25%; min-width: 200px; flex: 1; }
.user-detail li:nth-child(4) {justify-content: right;}
.user-detail li:last-of-type {margin-left: 10px;}
.contacts-generaux-left {gap: 0;}
.contacts-generaux-left>div:nth-child(1) {max-height: 100%;}

.formulaire-photo-profil div[data-name="photo_de_profil"]{top: -50%;}
.formulaire-photo-profil form {width: 200px;}
.liste-contacts h3 {font-size: inherit !important;}

.avatar-annuaire {height:26px; width: 26px; border-radius: 50%; font-size: 1.1rem; }

.bienvenue-formation-groupe .bloc-vignette-blanc {min-height: 380px; padding: 30px 20px;}
.bienvenue-valeur-img img {height: 300px; width: auto;}
.bienvenue-valeur::after {content: url(/wp-content/uploads/2023/06/icon-fleche.svg);position: absolute; right: 0; bottom: -100%; }
#connexion-espace .login-username input, #connexion-espace .login-password input, #connexion-espace .login-submit input, #connexion-espace .login-remember label, .page-template-login .login-tabs-wrapper input[name="user_login"] {width: 350px !important;}
#connexion-espace .login-username, #connexion-espace .login-password, #connexion-espace  .login-remember {display: flex; justify-content: center;}
#connexion-espace .login-username, #connexion-espace .login-password {flex-direction: column; width: min-content; margin: auto;}
#connexion-espace a.password-lost {text-align: right;}
.bienvenue-formation-groupe .bloc-vignette-blanc {min-width: auto;}
.bienvenue-formation-groupe >div>div {min-width: 320px;}
.bienvenue-formation-groupe >div {flex-wrap: wrap;}
.user-detail {container-name: annuaire; container-type: inline-size;}
.bienvenue-accueil>div {justify-content: center; flex-wrap: wrap;}
.bienvenue-accueil>div>div {width: 100% !important;}

#connexion-espace .title-minuscule {width: 100%;}

.accueil-section-pres>div>div, .accueil-section-dirigeant>div>div, .accueil-section-valeurs>div>div {min-width: 350px; flex: 1;}
.accueil-section-dirigeant p {font-size: 1.4rem !important; line-height: normal !important;}

.tableau-contact-generaux .contact-row {flex-direction: row; padding: 2px 20px; margin: 10px 0; justify-content: space-between; align-items: center; max-width: 1000px; gap: 40px;}
.tableau-contact-generaux .contact-row .contact-row-mail {text-align: right;}
#modalConges .modal-dialog .modal-body {flex-direction: row;}
.single-demandes .btn-suppression {position: absolute; bottom: -40px; margin-left: 16px;}
.formulaire-demande-conges .acf-field[data-type="submit_button"],.formulaire-demande-permutation .acf-field[data-type="submit_button"],.formulaire-demande-recup .acf-field[data-type="submit_button"],.formulaire-demande-achat .acf-field[data-type="submit_button"],.formulaire-demande-creation-poste .acf-field[data-type="submit_button"] {flex-direction: row;}
.formulaire-demande-conges #finalisationconges,.formulaire-demande-permutation #finalisationconges,.formulaire-demande-recup #finalisationconges,.formulaire-demande-achat #finalisationconges,.formulaire-demande-creation-poste #finalisationconges {margin-left: 0;}



@container annuaire (max-width: 900px) {
  .user-detail li:nth-child(1){ width: 40px; }
    .user-detail li:nth-child(2) {flex-wrap: wrap; }
}
@container annuaire (min-width: 650px) {
  .contact-mail-txt {display: inline;}
  .contact-tel-txt {display: flex; white-space: nowrap; color: var(--color-text-primary) !important; }
  .contact-tel-txt a, .contact-mail-txt a {display: flex; white-space: nowrap;}
  .contact-mail-icon, .contact-tel-icon{display: none;}
}

@container annuaire (min-width: 900px) {
  .contact-fonction {display: block;}
  .user-detail li:nth-child(2) {flex: none;} }


#main-content {container: mainContent / normal;}

@container mainContent (max-width: 700px) {
  .infos-profil>div:nth-child(2) {flex-wrap: wrap;} 
  .infos-profil>div:nth-child(2)>div {width: 100%;}
}

.bienvenue-accueil {container: bienvenue / normal;}
@container bienvenue (min-width: 700px) {
  .bienvenue-accueil>div {flex-wrap: nowrap;}
}



}


@media only screen and (min-width: 1024px) {
  .mes-documents-item, .infos-profil {max-width: 1000px;}

}



/*******************MODALE ACTU**********************/

.modaleactu {overflow-y: scroll;  position: fixed; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none;justify-content: center; align-items: center;z-index: 1000;}
.modaleactu .modale-content {text-align:center;background: white; padding: 20px; border-radius: 8px;  width: 80%; max-width: 60%; position: relative;margin: auto;margin-top: 10rem; }
.modaleactu .fermer {  position: absolute;  top: 10px; right: 10px; font-size: 24px; color: #333; cursor: pointer;}
.modaleactu .modale-content img{width: 40%;}