body {
    background: #f4f5f7;
}

html[theme='dark-mode'] {
    filter: invert(0.93) hue-rotate(180deg);
}

html[theme='dark-mode'] img, html[theme='dark-mode'] .pdfobject {
    filter: invert(0.93) hue-rotate(180deg);
}

#theme_swap {
    bottom: 18px;
    cursor: pointer; 
    font-size: initial;
    left: 24px;
    position: absolute;
    z-index: 1000;
}

.calque {
    background: rgb(0 0 0 / 10%);
}

.multicalques {
    background: none;
}

#contenu_auth .container {  
    background-color: white;
    height: 100vh;
}

#contenu_auth .card-container, .card_changer_mdp {
    background-color: transparent;
    color: #646464 !important;
    box-shadow: none !important;
    padding: 20px;
}

.card_changer_mdp #logo {
    display: none !important;
}

.card_changer_mdp .contenu_scroll {
    margin-top: 56px;
}

#login-header, #pwd-change-header {
    font-size: 2.5rem;
    text-align: center;
}

#login-label {
    font-size: 1rem;
    text-align: center;
}

.form-signin input[type=email], .form-pwd-change input[type=email],
.form-signin input[type=password], .form-pwd-change input[type=password],
.form-signin input[type=text], .form-pwd-change input[type=text],
.form-signin button, .form-pwd-change button, .calque_mot_passe_oublie button {
    border-radius: 13px;
    font-size: 0.9rem;
    padding: 12px 16px;
    border-color: #646464;
}

#formulaire_login .column-12 {
    text-align: center;
    width: 100%;
}

#formulaire_login .column-12 div {
    float: none;
}

.form-signin button,
.form-pwd-change button,
.calque_mot_passe_oublie button {
    background-color: var(--c-primary) !important;
    display: inline-block !important;
    float: none;
    font-size: 1.1rem;
    padding: 15px 25px !important;
    text-transform: initial !important;
}

.btn_reinit_password {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #646464 !important;
    float: none !important;
    text-transform: initial !important;
}

#btn_executer_commande {
    float: none !important;
}

.sidebar #logo {
    background-image: url(/institution/img/logo.png);
}

/*.material-table tbody tr td i.material-icons {
    color: #fff !important;
}

.sidebar .left-menu .menu-icon i {
     color: #46c2a0 !important;
}*/

.table tbody tr:nth-of-type(odd) {
    background-color: initial;
}

.top-gutter {
    padding-top: .5rem !important;
}

.right-gutter {
    padding-right: .5rem !important;
}

.left-gutter {
    padding-left: .5rem !important;
}

.aucun_resultat td {
    padding: 1rem !important;
    text-align: center;
}

.zone_liste_evtrappel,
.zone_liste_utilisateur-entreprise,
.zone_liste_utilisateur,
.zone_liste_document_salarie,
.zone_liste_docetiquettetype,
.zone_liste_document_reception {
    padding: 1rem;
}

.zone_liste_document_salarie {
    padding-top: 0px;
}

/*.zone_liste_utilisateur .div_table,
.zone_liste_document_salarie .div_table,
.zone_liste_document_reception .div_table {
    overflow-x: visible;
}*/

.liste_doctype tr {
    height: 44.375px;
}

.zone_liste_document_salarie .btn_action_ouverture_edition_document_salarie {
    display: none;
}

.div_salarie .action-bar .btn, .div_utilisateur_entreprise .action-bar .btn{
    margin-left: 5px;
}

#formulaire_edition_entreprise .form-field,
#formulaire_edition_utilisateur .form-field,
#formulaire_edition_utilisateur_entreprise .form-field,

#formulaire_edition_doctype .form-field,
#formulaire_edition_docetiquettetype .form-field {
    padding-left: .5rem;
    padding-right: .5rem;
}

#formulaire_edition_entreprise .select2-container{
    margin-top: 4px;
}

#formulaire_edition_entreprise .select2-container .select2-selection--single{
    height: 30px;
}

#formulaire_edition_entreprise .select2-container--default .select2-selection--single {
    border: solid 1px rgba(0, 0, 0, 0.12);
}

#formulaire_edition_entreprise .section-title,
#formulaire_edition_utilisateur .section-title,
#formulaire_edition_utilisateur_entreprise .section-title,

#formulaire_edition_doctype .section-title,
#formulaire_edition_docetiquettetype .section-title {
    margin-bottom: .5rem;
}

#formulaire_recherche_evtrappel .form-field,
#formulaire_recherche_utilisateur .form-field,
#formulaire_recherche_evt_salarie .form-field,
#formulaire_recherche_document_salarie .form-field,
#formulaire_recherche_signaturesdocument .form-field,
#formulaire_recherche_demandesactivation .form-field,
#formulaire_recherche_docetiquettetype .form-field {
    display: inline-block;
    margin: 0 2%;
    padding: 1rem 0 0;
}
#formulaire_recherche_document_reception .form-field,
#formulaire_recherche_signaturesdocument .form-field,
#formulaire_recherche_demandesactivation .form-field {
    margin: 0 1% 2% 0 !important;
}

/*.entreprise-container, .salarie-container {
    margin-left: 1em;
}*/

.entreprise-container-menu div,
.salarie-container-menu div {
    display: inline-block;
    font-family: "Roboto-Regular";
    margin-left: 15px;
}

.slide_cont {
    width: 99%;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 680px;
}

.slideshow_pdf {
    height: inherit;
    padding: 3% 0;
    width: inherit;
}

.prev_pdf,
.next_pdf {
    display: inline-block;
    margin: 0 40px;
}

.entreprise-container-menu .select2-container, 
.salarie-container-menu .select2-container {
    background-color: #f5f5f5;
    border-radius: 3px;
    border: solid 1px #e4e4e4;
    color: #6e6e6e;
    padding: 5px 5px 0;
    width: 200px !important;
}

.entreprise-container-menu .select2-container--default .select2-selection--single,
.salarie-container-menu .select2-container--default .select2-selection--single {
    background: none;
    border: none !important;
}

.entreprise-container-menu .select2-selection__rendered,
.salarie-container-menu .select2-selection__rendered {
    color: inherit !important;
    line-height: 25px !important;
}

#formulaire_recherche_evt_salarie input[type="text"] {
    margin: 0;
    /* width: auto; */
}

#formulaire_recherche_evt_salarie .select2-search__field {
    width: initial !important;
}

/* Safari 10.1+ AND NOT Chrome */
@media not all and (min-resolution:.001dpcm) {
    #formulaire_recherche_evt_salarie .select2-search__field {
        margin: 3px 0 0;
    }
}

#formulaire_recherche_evt_salarie .select2-container .select2-selection--multiple {
    max-width: 195px;
    min-height: initial !important;
}

.liste-decoupage-document {
    padding-left: 0;
    max-height: 293px;
    overflow: scroll;
}

.un_document_enfant,
.un_salarie_pages {
    background-color: #fff;
    border-bottom: solid 1px #0000001f;
    list-style-type: none;
}

.document_enfant,
.salarie_pages {
    color: #0000008a;
    display: inline-flex;
    padding: 3px;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.5, 1);
    width: 100%;
}

.document_enfant:active,
.document_enfant:hover,
.salarie_pages:active,
.salarie_pages:hover {
    background-color: #ade4d55c;
}

.titre_document_enfant,
.titre_salarie_pages {
    font-size: 0.9em;
    line-height: 3em;
}

.titre_salarie_pages {
    margin: 0 10px;
    width: 93%;
}

.un_document_enfant .btn-picto,
.un_salarie_pages .btn-picto {
    color: var(--c-primary);
    height: 26px;
    margin-left: 10px;
}

.un_document_enfant .btn-picto i,
.un_salarie_pages .btn-picto i {
    font-size: 1.4em;
    padding: 0;
}

/*.un_bloc_menu.active
{
    background: #277963;
    animation-name: menu;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.un_bloc_menu:not(.active):hover
{
    background: #277963;
    transition-duration: 0.5s;
}*/

@media all and (max-width: 480px) {
    .calque {
        width: 100% !important;
    }

    .calque.alerte .modal {
        width: 100%;
        height: auto;
    }

    .calque.alerte .modal .contenu_alerte {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media all and (min-width: 480px) and (max-width: 1280px) {
    .calque {
        width: 75% !important;
    }

    .calque.alerte .modal {
        height: auto;
        width: 75%;
    }
}

@media all and (max-width: 480px) {

    .calque.alerte .modal .modal-content:before,
    .calque.alerte .modal .contenu_alerte,
    .calque.alerte .modal .modal-content .modal-alert-title,
    .calque.alerte .modal .modal-content .btn-section {
        width: auto;
        float: none;
        text-align: center;
    }

    #contenu_gauche * {
        font-size: large !important;
    }

    .sidebar ul li a {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }
}

.datepicker-calendrier-cache:not(.no-cache)>.ui-datepicker-calendar {
    display: none;
}

#formulaire_edition_document #sTypeDocument-button {
    padding: 0.35rem !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

#formulaire_recherche_demandesactivation>.moteur_recherche label[for="nIdSalarieRch"],
#formulaire_recherche_signaturesdocument>.moteur_recherche label[for="nIdSalarieRch"] {
    display: block;
}

#formulaire_recherche_demandesactivation>.moteur_recherche label[for="sEmailRch"],
#formulaire_recherche_signaturesdocument>.moteur_recherche label[for="sEmailRch"] {
    display: block;
}

#formulaire_recherche_demandesactivation>.moteur_recherche label[for="sServiceRch"],
#formulaire_recherche_signaturesdocument>.moteur_recherche label[for="sServiceRch"] {
    display: block;
}

#formulaire_recherche_demandesactivation>.moteur_recherche label[for="sEtatRch"],
#formulaire_recherche_signaturesdocument>.moteur_recherche label[for="sEtatRch"] {
    display: block;
}

#formulaire_recherche_evt_salarie>.moteur_recherche label[for="sCategorieDoctypeRch"],
#formulaire_recherche_document_salarie>.moteur_recherche label[for="sCategorieDoctypeRch"] {
    display: block;
}

#formulaire_recherche_evt_salarie>.moteur_recherche label[for="sEtiquetteDoctypeRch"],
#formulaire_recherche_document_salarie>.moteur_recherche label[for="sEtiquetteDoctypeRch"] {
    display: block;
}

#formulaire_recherche_evt_salarie>.moteur_recherche label[for="sTypeDocumentSalarieRch"],
#formulaire_recherche_document_salarie>.moteur_recherche label[for="sTypeDocumentSalarieRch"] {
    display: block;
}

#formulaire_recherche_demandesactivation>.moteur_recherche .select2,
#formulaire_recherche_signaturesdocument>.moteur_recherche .select2 {
    width: 198px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

#formulaire_recherche_document_salarie>.moteur_recherche .select2 {
    width: 198px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

#liste-documents-salarie .div_table {
    box-shadow: none !important;
}

.calque_validation_document .calque .modal .contenu_scroll .modal-content {
    padding: 0 !important;
}

.calque_validation_document .widget-salarie .widget-salarie-entete .score {
    font-size: x-large;
    color: #37a789;
}

.calque_validation_document .widget-salarie .widget-salarie-entete .card {
    background-color: transparent;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.calque_validation_document .widget-salarie .widget-salarie-entete .card:hover,
.calque_validation_document .widget-salarie .widget-salarie-entete .card:active {
    background-color: #ade4d5 !important;
    cursor: pointer;
}

.calque_validation_document .widget-salarie .widget-salarie-entete .card.active {
    background-color: #ade4d55c;
    cursor: pointer;
}

.calque_validation_document .widget-salarie .widget-salarie-liste .liste-salarie-pages {
    max-height: 293px;
    overflow: scroll;
    padding: 0;
}

.calque_validation_document .widget-salarie .widget-salarie-liste .liste-salarie-pages .titre_salarie_pages .page {
    float: right;
}

.visualisation-pdf {
    color: #204b5d;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 7px;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.sLigneEnteteFormate {
    margin-bottom: 7px;
}

.vue-salarie {
    display: none;
}

@media all and (max-width: 480px) {
    .center-content {
        background: #fff;
        padding: 0 !important;
        overflow: scroll !important;
    }

    .grid .column-12 {
        padding: 0 !important;
    }

    .div_table {
        height: 66vh;
        overflow-x: hidden;
    }

    #card-liste-documents-salarie {
        display: none;
    }

    .liste_document thead {
        display: none;
    }

    .action-bar {
        padding: 0 !important;
    }

    .action-bar-espace_salarie {
        display: block !important;
    }

    .material-table tbody tr:hover {
        background-color: #eee;
    }

    .div_table .action-bar *:not(.container-pagination, .container-pagination * ) {
        display: none !important;
    }

    .div_table .action-bar .container-pagination .div_pagination {
        padding-bottom: 10px;
        position: relative;
        text-align: right;
        width: 100%;
        zoom: 1.1 !important;
    }
    
   .div_table .action-bar .container-pagination:first-child {
        height: 0;
   }

    ul.pagination {
        border: none !important;
        margin-bottom: 20px;
    }

    .div_table .action-bar .container-pagination .div_pagination .form-field {
        display: none !important;
    }

    .div_table .action-bar:last-child {
        border-top: solid 1px #e0e0e0;
    }

    .liste_document tbody tr td:not(.align-center) {
        padding: 3px 3px 3px 2rem !important;
    }

    .liste_document tbody tr {
        height: 79px !important;
    }

    .liste_doctype tbody tr td.actions *:not(.vue-salarie, .sLibelle),
    .liste_doctype tbody tr:not(.aucun_resultat) td:not(.actions, .vue-salarie, .sLibelle) {
        display: none;
    }

    .liste_document tbody tr td.actions *:not(.vue-salarie),
    .liste_document tbody tr:not(.aucun_resultat) td:not(.actions, .vue-salarie) {
        display: none;
    }

    .liste_document tbody tr td a.btn_action_telecharger_document {
        box-shadow: none !important;
        padding-right: 25px !important;
    }
    
    .liste_document tbody tr td a.btn_action_telecharger_document:hover {
        cursor: pointer;
    }
    
    .liste_document tbody tr td.actions i, .liste_doctype tbody tr td.actions i {
        color: var(--c-tertiary-ultra-light) !important;
    }

    .liste_document tbody tr td .sFilename, .liste_doctype tbody tr td.sLibelle {
        color: var(--c-tertiary) !important;
        font-size: 1rem;
        font-weight: bold;
        margin-left: 2rem;
        width: 80%;
    }

    .liste_doctype tbody tr td.sLibelle {
       padding-left: 3px;
    }

    .liste_document tbody tr td .dtDateFormate {
        color: #ababab !important;
        float: left;
        font-size: 0.8rem;
    }

    .vue-salarie {
        display: table-cell;
    }

    #espace-salarie h2 {
        font-size: 1.3rem;
    }

    #espace-salarie + .table {
        min-width: initial !important;
    }

    #bouton-afficher {
        float: right;
        margin: 20px 0 0 20px;
        padding: 12px;
        width: 100%;
    }

    #dashboard_salarie {
        height: 88vh;
        margin: 1.1rem;
        margin-top: 0;
    }

    #btn_deconnexion {
        bottom: 0;
        color: var(--c-primary);
        display: none;
        position: absolute;
    }

    #formulaire_signaler_changement, #formulaire_edition_email_secondaire {
        padding: 1.1rem;
    }

    #formulaire_signaler_changement label, #formulaire_edition_email_secondaire label {
        font-size: 0.9em;
    }

    #informations-salarie .btn_action {
        box-shadow: 0px 0px 1px 1px #cbe9dc !important;
        padding: 5%;
        width: 100%;
    }

    .title-vue-salarie::before {
        left: 12px;
    }

    .title-vue-salarie {
        margin-left: 18px;
    }
}

/*.entreprise-container
{
    margin-bottom: 10px;
}*/

.column-12 label {
    font-family: verdana;
    font-size: 12px;
    font-weight: 900;
}

.btn-picto {
    padding: .2rem;
}

.btn-picto i {
    font-size: 24px;
}

.container .main-content .menu {
    height: auto;
}

.contenu_signature_document {
    max-height: 100%; 
    overflow-y: scroll;
}

.action-bar-signature {
    bottom: -1em;
    background: #f4f5f7;
    position: sticky;
    width: 100%;
}

.action-bar-signature .checkbox {
    display: inline-block;
    vertical-align: super;
}

@media (max-width: 576px) {
    .container .main-content .menu .search-sidebar {
        flex-basis: initial;
    }

    .div_table .action-bar .container-pagination .div_pagination {
        zoom: 0.9;
    }

    .btn_action_telecharger_document,
    .action_document_btn_enregistrer_signature,
    .btn_demande_modifier_questionnaire,
    .btn_enregistre_resultats_questionnaire_pdf {
        /* background-color: #4caf50 !important; */
        /* color: white !important; */
        margin: 10px 0 !important;
        padding: 15px !important;
    }

    .btn_action_telecharger_document,
    .btn_demande_modifier_questionnaire,
    .btn_enregistre_resultats_questionnaire_pdf {
        margin-left: 10px !important;
    }
    
    .btn_recherche_document,
    /* .btn_action:not(#btn_deconnexion, #btn_connexion) {
        padding: 15px !important;
        margin: 20px;
    } */

    span.open-search-sidebar-libelle.traduction {
        display: inline-block !important;
    }

    .material-table thead th:not(.centre) {
        padding: 20px 10px !important;
    }

    .material-table tbody tr td {
        padding: 20px 10px;
    }

    .sTexteLegalSignatureDocument {
        max-height: fit-content;
        overflow: scroll;
    }

    #signature_pdf {
        padding: 10px;
    }

    /* .preview-responsive {
        display: none;
    } */

    #signature-salarie .checkbox {
        margin-bottom: 20px;
        max-width: 90%;
    }
    
    #contenu_auth .card {
        margin-top: 0;
        padding-top: 0;
    }

    #logo {
        background-size: 80% auto !important;
        margin: 0 auto !important
    }

    #login-header,
    #pwd-change-header {
        font-size: 2.2rem !important;
    }

    /* Modif pour utilisation du back-office sur mobile ... */
    .material-table tbody tr td i.material-icons {
        font-size: 1.1rem !important;
    }

    .material-table tbody tr td.actions span {
        padding: 20px 3px !important;
    }

    .container .main-content .center-content {
        height: 87vh !important;
    }
    
    .container .main-content .menu .search-sidebar span, .container .main-content .menu .help-sidebar span {
        font-size: smaller !important;
    }

    .div_table .action-bar .container-pagination:first-child {
        height: 40px !important;
    }

    #switchs-toggle-view, .resultats_recherche .switch {
        display: none !important
    }
}

@media all and (max-width: 768px) {
    .scroll_horizontal {
        width: auto;
    }

    .search-sidebar {
        margin-top: 10px;
        width: 69%;
    }

    span.open-search-sidebar-libelle.traduction {
        /* display: none !important; */
    }

    .material-table thead th:not(.centre) {
        padding: 20px 14px !important;
    }

    .material-table tbody tr td {
        padding: 5px 15px;
    }

    .material-table tbody tr td.actions span {
        margin-right: 0;
        padding: 20px 24px;
    }

    .material-table tbody tr td i.material-icons {
        color: #0000008a;
        font-size: 2.2rem;
        vertical-align: middle;
    }

    .responsive-sidebar{
        width: 10%;
    }

    /*
    * Permet de laisser le bouton logout en haut à gauche
    * peu importe l'emplacement des
    * select2 entreprises et salarié
    */
    .logout-container {
        position: fixed;
        top: 15px;
        right: 20px;
        width: 18%;
    }

    .entreprise-container-menu,
    .salarie-container-menu {
        margin-top: 10px;
    }

    .calque {
        top: 0 !important;
    }

    .calque .modal .contenu_scroll {
        max-height: 80vh !important;
    }

    #dashboard_salarie {
        padding: 0rem !important;
    }

    #card-informations-salarie {
        padding: 0rem !important;
    }

    #card-liste-documents-salarie {
        padding: 0rem !important;
        margin-top: 10px;
    }

    #informations-salarie .btn_action {
        padding: 5%;
        width: 100%;
    }

    .pdfobject-container {
        height: initial !important;
    }

    .visualisation-div {
        display: none !important;
    }

    .entreprise-container-menu span.select2,
    .salarie-container-menu span.select2 {
        max-width: 100%;
    }

    .action_salarie_btn_dynamisation_signaler_changement {
        display: none;
    }
}

@media all and (min-width: 769px) {

    .entreprise-container-menu,
    .salarie-container-menu {
        margin-right: 50px;
    }
}

/*.calque .modal .contenu_scroll {
    max-height: 90vh;
}*/

.sPreviewCouleur {
    display: inline-block;
    border: dotted gray 1px;
    min-height: 15px;
    width: 30px;
}

td span.sCouleur {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}

.minicolors-panel.minicolors-slider-hue {
    position: relative;
}

.calque_consultation_document {
    max-width: 100% !important;
}

.pdfobject-container {
    box-shadow: 0 0 10px 0 silver;
    height: 42.8rem;
}

#liste_document_reception tbody tr:not(.aucun_resultat) {
    display: inline-grid;
}

#liste_document tbody tr:not(.aucun_resultat) {
    display: inline-grid;
}

#liste_document_reception .oDocPdf {
    height: 29rem;
    overflow: auto;
    text-align: center;
    vertical-align: middle;
    width: 24rem;
}

#liste_document_reception .oDocPdf .thumb {
    border: thin solid #dedede;
    cursor: pointer;
    display: inline-block;
}

#liste_document .oDocPdf {
    height: 29rem;
    overflow: auto;
    text-align: center;
    vertical-align: middle;
    width: 24rem;
}

#liste_document .oDocPdf .thumb {
    border: thin solid #dedede;
    cursor: pointer;
    display: inline-block;
}

/*Styles plus clairs*/
.btn-primary,
.btn-secondary {
    background-color: white;
    color: var(--c-primary);
}

.btn-primary:hover,
.btn-secondary:hover {
    background-color: var(--c-secondary-light);
    color: white;
}

[class*='calque_'] .column-12>span,
[class*='calque_'] .column-12>ul>li>span {
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    /*clear: both;*/
    display: block;
    /*font-weight: bold;*/
    /*height: 30px;*/
    padding: 5px;
    word-break: break-all;
}

[class*='calque_'] .column-12 label {
    color: grey;
    font-family: verdana;
    font-size: 12px;
    font-weight: initial;
}

[class*='calque_'] .section-block .section-title {
    background-color: white;
    color: var(--c-primary);
    border-bottom: 1px solid var(--c-primary);
    width: 100%;
}

.column-12>span,
.column-12>ul>li>span {
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    /*clear: both;*/
    display: block;
    /*font-weight: bold;*/
    /*height: 30px;*/
    padding: 5px;
    word-break: break-all;
    min-height: 28px;
}

.column-12 label {
    color: grey;
    font-family: verdana;
    font-size: 12px;
    font-weight: initial;
}

.section-block .section-title {
    background-color: white;
    color: var(--c-primary);
    border-bottom: 1px solid var(--c-primary);
    width: 100%;
}

label.error {
    color: #f44335 !important;
}

/*liste des salariés dans la consult des évènements*/
#calque_consultation_evt .liste-salarie-evt {
    max-height: 507px;
    overflow: auto;
    padding: 0;
    margin-bottom: 0;
}

#calque_consultation_evt .liste-salarie-evt .aucun_resultat {
    margin-bottom: 31px;
}

#modal_calque_liste_evt_salarie .liste_evt_salarie tbody tr td {
    padding: 10px 24px;
}

#modal_calque_liste_evt_salarie .moteur_recherche {
    margin-bottom: 20px;
}

/*liste des périodes dans la consult des évènements*/
#calque_consultation_evt .liste-periode-evt,
#calque_consultation_evt .liste-rappel-evt,
#calque_consultation_evt .liste-cible-rappel-defaut,
#calque_consultation_evt .campagne-evt ul,
#calque_consultation_evt .process-evt ul
{
    /* max-height: 225px; */
    list-style-type: none;
    overflow: scroll;
    padding: 0;
}

.un_salarie_evt {
    height: 42px !important;
    margin-right: 15px;
}

#calque_consultation_evt .une_periode_evt:not(:last-child),
#calque_consultation_evt .un_rappel_evt:not(:last-child),
#calque_consultation_evt .une_cible_rappel_defaut:not(:last-child) {
    margin: 0 0 20px;
}

.liste-cible-rappel-defaut {
    margin-bottom: 0;
}

/*liste des process dans la consult des salariés*/
.calque_consultation_salarie .liste-process-sal {
    max-height: 335px;
    overflow: scroll;
    padding: 0;
}

/*liserets entre les éléments dans les consultations*/
.section-content .column-12:not(:last-child) {
    border-bottom: solid 1px #0000001f;
}

#content-timeline>div.column-12.column-xs-12.column-sm-12.column-md-12 {
    border-bottom: none !important;
}

.un_process_sal {
    border: solid 1px var(--c-primary);
    /* height: 100% !important; */
    margin-bottom: 11px;
}

.un_process_sal .sLibelleType {
    font-variant: all-small-caps;
    margin: 5px;
}

.un_process_sal .dDateFinFormate {
    font-size: small;
    color: grey;
}

/*liste des évènements dans la consult des salariés*/
.calque_consultation_salarie .liste-evenement-sal {
    max-height: 335px;
    overflow: scroll;
    padding: 0;
}

.un_evenement_sal {
    border: solid 1px var(--c-primary);
    /* height: 100% !important; */
    margin-bottom: 11px;
}

.un_evenement_sal .type_evenement_sal {
    font-variant: all-small-caps;
    margin: 5px;
}

.un_evenement_sal .min_date_debut_evenement_sal {
    font-size: small;
    color: grey;
}

.un_evenement_sal .sPreviewCouleur {
    float: left;
    margin: 5px;
}

.btn-liste {
    color: var(--c-primary);
    cursor: pointer;
    float: right;
    position: relative;
    top: -25px;
}

/* .zone_liste_invites .nNbElementsParPage,
.zone_liste_invites span:not(.nNbElementsTrouves, .select2, .select2-selection),
.zone_liste_invites_selectionnes .nNbElementsParPage,
.zone_liste_invites_selectionnes span:not(.nNbElementsTrouves, .select2, .select2-selection) {
    display: none;
} */

#calque_selection_evtsalarie .resultats_recherche>.barre_pictos span {
    display: inline-block;
}

.zone_liste_invites .nNbElementsTrouves:first-letter,
.zone_liste_invites_selectionnes .nNbElementsTrouves:first-letter {
    background: white;
    margin-left: -10px;
}

.zone_recherche_salarie .recherche,
.zone_recherche_salarie_selectionnes .recherche,
.id_bloc_zone_liste_convoques .recherche {
    display: none;
}

.expand .label-recherche{
    display: inline-block;
}

.expand .material-icons {
    display: inline-block;
    position: relative;
    top: 6px;
}

.expand {
    margin-top: 15px;
    display: inline-block;
}

.expand:hover {
    cursor: pointer;
}

.expand:hover b {
    text-decoration: underline;
}

.expand .label-recherche{
    display: inline-block;
    margin: 0 0 25px;
}

.expand .material-icons {
    display: inline-block;
    position: relative;
    top: 6px;
}
/* RHLOG-256 Bouton invisible sur safari mais pas les autres navigateurs (selecteur not multiple expérimental compatible only Safari 31/01/2020)
/* .zone_liste_invites .nNbElementsParPage,
.zone_liste_invites span:not(.nNbElementsTrouves, .select2, .select2-selection),
.zone_liste_invites_selectionnes .nNbElementsParPage,
.zone_liste_invites_selectionnes span:not(.nNbElementsTrouves, .select2, .select2-selection) {
    display: none;
} */

/* .zone_liste_invites .nNbElementsParPage,
.zone_liste_invites span:not(.select2),
.zone_liste_invites span:not(.select2-selection),
.zone_liste_invites span:not(.nNbElementsTrouves){
    display: none;
}

.zone_liste_invites_selectionnes .nNbElementsParPage,
.zone_liste_invites_selectionnes span:not(.select2),
.zone_liste_invites_selectionnes span:not(.select2-selection),
.zone_liste_invites_selectionnes span:not(.nNbElementsTrouves){
    display: none;
}

.zone_liste_invites span.btn,
.zone_liste_invites_selectionnes span.btn{
    display: inline-block;
} */

#calque_selection_evtsalarie .resultats_recherche>.barre_pictos span,
#calque_selection_candidat_campagne .resultats_recherche>.barre_pictos span {
    display: inline-block;
}

.zone_liste_invites .nNbElementsTrouves:first-letter,
.zone_liste_invites_selectionnes .nNbElementsTrouves:first-letter {
    background: white;
    margin-left: -10px;
}

.zone_liste_invites .recherche,
.zone_liste_invites_selectionnes .recherche,
.zone_liste_candidats .recherche,
.zone_liste_candidats_inscrits .recherche{
    display: none;
}

.column-12.sDerniereModification .column-12 {
    padding-left: 0;
}

.liste_docetiquettetype tbody tr, .liste_process tbody tr {
    height: 36px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

ul.ui-menu {
    max-height: 420px !important;
}

.ui-selectmenu-menu ul li {
    font-size: inherit !important;
}

.autowidth {
    width: auto !important;
}

input.nJoursAvant {
    padding: 5px 7px;
    width: 50%;
}

/* Calendrier */
[class*="grid-"] {
    display: block;
}

[class~="grid-"] {
    display: flex;
}

.atlwdg-trigger {
    z-index: 10;
}

.visualisation-process {
    height: 627px;
}

#sDivPalette {
    border: solid 1px rgba(0, 0, 0, 0.12);
    display: none;
    height: 575px;
    padding: 5px;
    vertical-align: top;
    width: 20%;
}

#sDivPalette .not-saved {
    margin-top: 12px;
    color: #4bb195;
}

#sDivPalette a {
    width: 100%;
}

#sDivGraph {
    display: inline-block;
    height: 580px;
    padding: 5px;
    overflow-x: scroll;
    width: 100%;
}

#sDivCode {
    padding: 5px;
}

#sDivCode a {
    width: 100%;
}

#sDivGraph:focus, #sDivGraph>canvas:focus, #sDivPalette>canvas:focus {
    outline: none;
}

#sTextJSON {
    height: 300px;
}

.mxCellEditor {
    font-size: inherit !important;
    font-family: inherit !important;
    margin-top: 5px !important;
    margin-left: 5px !important;
}

#sDivPalette .minicolors-theme-default .minicolors-swatch {
    top: 10px !important;
}

#sDivPalette .minicolors-theme-default .minicolors-input {
    height: 10% !important;
    padding-right: 45px;
}

#sDivPalette .minicolors-swatches {
    margin: 0 0 10px 10px;
    height: 50px;
}

.calque .modal .contenu_scroll_auto {
    overflow-y: auto;
    overflow-x: auto;
    max-height: 80vh;
    width: 100%;
    max-width: 100%;
}

.alerte .modal .contenu_scroll_auto{
    padding: 10px;
}

.sLibelle, .sLibelleEtape, .sRolesDefautFormate, .sRolesDefautRappelFormate {
    font-size: inherit;
}

.form-consultation-process {
    background-color: transparent !important;
    border-top: none !important;
}

#modal_calque_consultation_process_lance .liste-etapes,
#modal_calque_choix_etape_process_lance .liste-etapes-suivantes,
#modal_calque_consultation_process_lance .liste-actions-histo,
#modal_calque_consultation_process_lance .checklist-etape {
    list-style: none;
}

.section-block.etapes-suivantes {
    margin-bottom: 10px;
}

#modal_calque_consultation_process_lance .checklist-etape {
    margin-bottom: 0;
    padding-left: 10px;
}

#modal_calque_consultation_process_lance .checklist-etape .option-etape {
    cursor: pointer;
    font-size: 0.9rem !important;
    line-height: 1.7;
    margin-left: 0.3rem;
}

#modal_calque_consultation_process_lance .liste-etapes .une_etape {
    /* border: solid lightgrey 1px;
    color: grey;
    padding: 11px;
    margin: 3px;
    width: 90%; */
    color: grey;
    font-family: "Roboto-Regular";
    font-size: 0.9rem;
}

ul.liste-etapes {
    padding: 0;
}

.etape-courante span.titre-etape {
    font-weight: bolder;
    color: black;
}

#modal_calque_consultation_process_lance .liste-etapes .une_etape.etape-courante {
     /* background-color: #37a88838; */
    border-left: 0px;
    /* color: #37a888; */
    font-weight: bold;
}

ul.liste-etapes>li.une_etape>span{
border-left: 0px;
}

/* #modal_calque_choix_etape_process_lance .liste-etapes .une_etape .color-etape {
    margin: 0 11px 0 0;
    padding: 0 11px;
} */

#modal_calque_choix_etape_process_lance .liste-etapes-suivantes {
    margin-top: 0px;
}

#modal_calque_choix_etape_process_lance .liste-etapes-suivantes .une_etape {
    margin: 0 0 3px;
    width: 104%;
}

#modal_calque_choix_etape_process_lance .liste-etapes-suivantes .une_etape .btn_change_etape_process_lance {
    width: 90%;
}

#modal_calque_choix_etape_process_lance .liste-etapes-suivantes .une_etape .btn-picto {
    /* border-radius: 15px; */
    margin-top: 7px;
    padding: 10px;
    width: 95%;
    color: var(--c-primary);
}

#modal_calque_choix_etape_process_lance .liste-etapes-suivantes .une_etape .color-etape {
    /* border-radius: 15px; */
    margin: 0 5px 0 0;
    padding: 2px 11px;
    /* width: 100%; */
}

#modal_calque_consultation_process_lance .visualisation-pdf {
    border: 1px solid #d3ece5;
    height: 70rem;
    /* height: 305px; */
    /* max-width: 100%; */
    text-align: center;
}

#modal_calque_consultation_process_lance .visualisation-pdf i {
    color: #37a88914;
    font-size: 20em;
    line-height: 2.5em;
}

#actions-consultation-process,
#actions-etape {
    margin-top: 5px;
}

.action-col {
    text-align: center;
}

.action-col:first-child {
    border-right: 1px solid lightgray;
}

.action-col label {
    float: left;
    margin: 5px 0 20px 15px;
}

.etapes-suivantes .form-action-bar .btn {
    border-radius: 15px;
    padding: 11px;
    margin-top: 7px;
    width: 100%;
}

#modal_calque_choix_etape_process_lance .liste-etapes-suivantes {
    padding: 10px;
}

#modal_calque_consultation_process_lance .liste-actions-histo  {
    padding: 0
}

#modal_calque_consultation_process_lance .liste-actions-histo .sHisto {
    color: grey;
    font-family: "Roboto-Regular";
    font-size: 0.9rem;
}

#modal_calque_consultation_process_lance .liste-actions-histo .sHisto::first-letter {
    text-transform: uppercase;
}

.edition-checklist {
    height: 100%;
}

.edition-checklist .section-block {
    height: 100%;
}

.edition-checklist .aucun_resultat {
    padding: 0px 10px 15px;
}

.sChecklist {
    cursor: grab;
    list-style-type: none;
    padding-left: 0;
}

.sChecklist li:nth-child(even) {
    background-color: #f8f8f8;
}

.sChecklist li {
    margin: 0 10px 5px;
    padding: 10px 5px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    display: list-item;
    max-height: 40px;
}

.space-between-right-checkpoint {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    min-width: 150px;
    margin-top: -28px;
}

.sCheckpoint {
    display: inline-block;
}

.toggle-action {
    color: #37a888;
    height: 30px;
    margin-left: 10px;
}

.expand_actions {
    float: left;
}

.vToggle {
    cursor: pointer;
    float: left;
    font-size: 1.1em;
    padding: 4px;
}

#actions-consultation-process,
.actions-etape {
    padding: 0;
    width: 100%;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

#calendar {
    height: 71vh;
}

#renderRange {
    color: var(--c-primary) !important;
    float: right;
    margin: 15px;
}

#renderRange:first-letter {
    text-transform: uppercase;
}

/**
* Signature_pad
**/
.signature_pad{
    background: lightyellow;
    border-style: dashed;
    border-width: 1px;
    border-color: black;
    width: 300px;
    height: 200px;
}

.section-signature{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.btn_action_canvas{
    text-align:center;
}

.szLogoPdfPreview,
.szHeaderPdfPreview,
.szFooterPdfPreview,
.szPidPreview {
    max-width: 90%;
}

.szPidPreview {
    max-height: 274px;
}

#formulaire_edition_salarie .space-between,
#formulaire_edition_entreprise .space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#formulaire_edition_salarie .space-between>.bloc_thumbnail,
#formulaire_edition_entreprise .space-between>.bloc_thumbnail {
    min-width: 50%;
    max-width: 50%;
}

#formulaire_edition_salarie .ma_dropzone,
#formulaire_edition_entreprise .ma_dropzone {
    border: 3px dashed lightgray !important;
    border-radius: 11px;
}

#formulaire_edition_entreprise .card {
    border: 1px #e0e0e0 solid;
    margin: 6px;
    width: 32%;
}

#formulaire_edition_entreprise .card .card-title {
    border-bottom: none;
    padding: 0.5rem 0 0;
}

#formulaire_edition_entreprise .card .card-content {
    padding-left: 0;
    padding-top: 0.7rem;
}

#formulaire_edition_salarie .bloc_action {
    text-align: right;
    margin: 15px 35px 0;
}

#formulaire_edition_entreprise .bloc_action {
    text-align: center;
}

#formulaire_edition_salarie .ma_dropzone,
#formulaire_edition_entreprise .ma_dropzone {
    padding: 3px 20px;
}

#liste_salarie tbody tr td.sPid>.bloc_thumbnail>.icone_placeholder_image,
#formulaire_edition_salarie .bloc_thumbnail>.icone_placeholder_image,
#formulaire_edition_entreprise .bloc_thumbnail>.icone_placeholder_image {
    color: #E3E3E3;
    font-size: 8em;
    margin: 0 10%;
    vertical-align: middle;
}

#liste_salarie tbody tr td.sPid {
    display: none;
}

#liste_salarie tbody tr td.sPid>.bloc_thumbnail>.icone_placeholder_image {
    font-size: 13rem !important;
}

.zone_recherche_document_salarie .nToggleViewGrid {
    margin-right: 10px;
    padding: 0.2rem;
    position: absolute;
    right: 0;
    text-align: right;
    top: 53px;
}

.zone_recherche_document_salarie .nVisibleSalarie {
    margin-right: 200px;
    padding: 0.2rem;
    position: absolute;
    right: 0;
    text-align: right;
    top: 53px;
}

.zone_recherche_document_salarie div {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

#formulaire_edition_salarie .btn_supp,
#formulaire_edition_entreprise .btn_supp {
    color: #787878;
    font-size: small;
    text-decoration: none;
}

#formulaire_edition_salarie .btn_supp i.material-icons,
#formulaire_edition_entreprise .btn_supp i.material-icons {
    vertical-align: bottom;
}

#div_dropzone_pid_preview {
    font-family: "Roboto-Regular";
    color: #858598;
}

#formulaire_edition_salarie .ma_dropzone {
    padding: 3px 20px;
}

#calque_consultation_salarie .bloc_thumbnail>.icone_placeholder_image,
#formulaire_edition_salarie .bloc_thumbnail>.icone_placeholder_image {
    color: #E3E3E3;
    font-size: 8em;
    margin: 0 10%;
    vertical-align: middle;
}

#calque_consultation_salarie .bloc_thumbnail {
    padding: 1em;
    text-align: center;
}

#calque_consultation_salarie .bloc_thumbnail>.icone_placeholder_image {
    font-size: 15em;
}

#formulaire_edition_salarie .btn_supp {
    color: #787878;
    font-size: small;
    text-decoration: none;
}

#formulaire_edition_salarie .btn_supp i.material-icons {
    vertical-align: bottom;
}

.calque.alerte.info .modal{
    background-color: #5bc0de;
}

.calque.alerte.info .modal .modal-content:before {
    content: "\e88e";
}

.eFormEntretienSignature{
    max-height: 500px;
    overflow-y: auto;
}

.module_evenement .ui-selectmenu-button,
.module_process .ui-selectmenu-button,
.module_document .ui-selectmenu-button {
    margin: 4px 1px !important;
    width: auto !important;
}

.module_process label[for="nJoursAvantEvtrappel"],
.module_document label[for="nJoursAvantEvtrappel"] {
    padding-top: 8px;
    display: block;
}

.evt-edit-container .select2-container {
    margin: 4px 0 !important;
}

#zone-liste-documents-salarie {
    padding: 0rem !important;
    margin-top: 10px;
}

.calque_consultation_process {
    height: 99vh !important;
}

.calque_consultation_process .contenu_scroll {
    max-height: 95vh !important;
}

.calque_consultation_process .barre-etat{
    position: absolute;
    width: 99%;
    bottom: -20px;
    background-color: white;
    margin-bottom: 20px;
    height: 75px;
}

 /* .btn_visualiser_document_reception {
    box-shadow: none;
    cursor: pointer;
    margin: 0 10px 0 0;
    float: right;
} */

#formulaire_recherche_evt_salarie .form-field,
#formulaire_recherche_document_salarie .form-field,
#formulaire_recherche_demandesactivation .form-field,
#formulaire_recherche_signaturesdocument .form-field {
    margin: 0 1%;
}

.tui-full-calendar-layout p {
    font-size: 12px;
}

/* #signature_pdf {
    height: 88vh;
} */

#signature-salarie .checkbox {
    margin-top: 10px;
}

td.sUrlSignature a,
td.sUrlSignatureEnfant a {
    font-size: 0.8rem;
}

.sTexteLegalSignatureDocument {
    font-size: smaller;
    font-style: italic;
    padding: 15px 3px;
    text-align: justify;
}

#modal_calque_selection_candidat_campagne .liste_candidat tbody tr td {
    padding: 10px 24px;
}

#modal_calque_selection_candidat_campagne .liste_candidat tbody tr td .btn_picto_font {
    cursor: pointer;
}

#modal_calque_selection_candidat_campagne .liste_candidat_selection tbody tr td {
    padding: 10px 24px;
}

#modal_calque_liste_demandesactivation .liste_demandesactivation tbody tr td,
#modal_calque_liste_signaturesdocument .liste_signaturesdocument tbody tr td {
    padding: 10px 24px;
}

#modal_calque_selection_candidat_campagne .liste_candidat_selection tbody tr td .btn_picto_font {
    cursor: pointer;
}

#liste_convoque tbody tr td {
    padding: 10px 24px;
}

#calque_edition_entretien .align_right {
    float: right;
}

#calque_edition_entretien .form-action-bar .switch {
    display: inline-flex;
}

#calque_edition_entretien .form-action-bar .version-papier,
#calque_edition_entretien .form-action-bar .signe {
    display: inline-block;
    margin: 5px 0 5px 80px;
}

.supercache {
    display: none !important;
}

/* FormRender */
.input-group-label {
	width: 50%;
	display: inline-block;
	text-align: center;
	font-size: 20px !important;
}

.rendered-form .input-group-number-input,.rendered-form  .input-group-text-input {
    width: 50% !important;
    float: right;
    height: 33px !important;
}

.zone-evt-salarie {
    margin-bottom: 10px;
}

.zone-evt-salarie .section-content {
    padding: 0;
}

.liste-salarie-evt tbody tr td {
    padding: 10px 24px;
}

.bottom-responsive {
    margin-bottom: 80px;
}

#formulaire_recherche_document .toggle-action {
    margin: 30px 0;
}

.entreprise-modele-document-container .select2-container {
    margin: 4px 0 !important;
}

#formulaire_edition_modele_document .liste_tags {
    margin: 0;
    padding: 0;
    border-radius: 5px;
}

#formulaire_edition_modele_document .liste_tags h3 {
    font-size: 1.1rem;
    margin: 20px 0 10px !important;
    color: grey;
    font-family: verdana;
    font-size: 12px;
    font-weight: initial;
}

.modal .column-4 label {
    color: grey;
    font-family: verdana;
    font-size: 12px;
    font-weight: initial;
}

#formulaire_edition_modele_document .liste_tags .un_tag:first-child {
    border-radius: 5px 5px 0 0;
    margin-top: 0;
}

#formulaire_edition_modele_document .liste_tags .un_tag {
    cursor: move;
    list-style: none;
    margin: 0 0 -1px 0;
    padding: 10px 40px;
    text-align: left;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #c5c5c5;
}

#formulaire_edition_modele_document .section-content.collapse {
    padding-top: 0;
}

#formulaire_edition_modele_document .section-block .section-title {
    padding-bottom: 0;
}

#formulaire_edition_modele_document .section-block.block-widget {
    margin-top: 23px !important;
}

#sTinyMceModeleDocument .mce-edit-area {
    text-align: center;
}

#sContenuModeleDocument_ifr {
    height: auto;
    min-height: 54vh !important;
    width: 65% !important;
    /* zoom: 2; */
}

#formulaire_edition_modele_document .block-widget {
    position: sticky !important;
    top: 0;
}

.barre-etat>.nToggleViewDocuments{
    margin-right: 50px;
}

.un_champ.nToggleViewDocuments{
    margin-right: 60px;
}

.form-action-bar>.boutons_action_barre{
    width: 50%;
    display: inline-flex;
}

.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_relancer_activation, 
.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_relancer_documents, 
.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_relancer_signature, 
.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_precedent, 
.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_suivant,
.barre-etat>.form-action-bar>.boutons_action_barre>.actions-consultation-process{
    margin-top: 0px;
    padding-bottom: 0px;
    width: 150px;
    padding-top: 0px !important;
}

.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_relancer_activation>a,
.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_relancer_documents>a,
.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_relancer_signature>a,
.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_precedent>a,
.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_suivant>a{
    width: 130px;
}

.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_terminer{
    width: 130px;
    padding-top: 0px !important;
    margin-right: 18px;
}

.barre-etat>.form-action-bar>.boutons_action_barre>.bouton_terminer>a{
    width: 130px;
}

.barre-etat>.form-action-bar>.boutons_action_barre>.btn_visualiser_document_reception{
    width: 180px;
    height: 31px;
    border-top-width: 10px;
    margin-top: 10px;
}

/*
.barre-etat>.form-action-bar>.boutons_action_barre>.dropup>.bouton_suivant{
    width: 130px;
    padding-top: 0px !important;
    margin-left: 13px;
}

.barre-etat>.form-action-bar>.boutons_action_barre>.dropup>.bouton_suivant>a{
    width: 130px;
}

.barre-etat>.form-action-bar>.boutons_action_barre>.dropup>.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
  }
  
.barre-etat>.form-action-bar>.boutons_action_barre>.dropup {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    left: -11px;
  }
  
.boutons_action_barre>.dropup>.dropup-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    bottom: 55px;
    z-index: 1;
    left: 13px;
  }
  
.boutons_action_barre>.dropup>.dropup-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    left: 16px;
  }
  
.dropup-content a:hover {background-color: #ccc}
  
.dropup:hover .dropup-content {
    display: block;
  }
  
.dropup:hover .dropbtn {
    background-color: #2980B9;
  }
*/

/* On centre les calendries des daterangepicker quand on est sur mobile */
@media (max-width: 600px) {
    .daterangepicker{
        position: absolute !important;
        top:  50% !important;
        left: 50% !important;
        transform: translate(-50%,-50%) !important;
    }

    #content-info-process, #content-salarie, #content-documents, #content-etapes{
        overflow: scroll;
    }
    .barre-etat {
        height: 123px !important;
    }

    #switchs-toggle-view {

        float: inherit;
        flex-direction: column;
    
    }

    .barre-etat>.form-action-bar>.boutons_action_barre>.bouton_terminer{
        height: auto !important;
        width: auto !important;
        margin-bottom: 37px;
        margin-left: 0px;
    }

    .barre-etat>.form-action-bar>.boutons_action_barre>.bouton_precedent{
        width: auto !important;
        height: auto !important;
    }

    .barre-etat>.form-action-bar{
        height: 200px;
    }

    .barre-etat>.form-action-bar>.boutons_action_barre>.bouton_suivant{
        height: auto;
    }

    /* .barre-etat>.form-action-bar>.boutons_action_barre>.dropup>.dropup-content{
        bottom: -26px;
    } */
}

.liste-actions-histo .une_action .sHisto {
    border-left: none;
}

#card-informations-salarie .section-title{
    background-color: white !important;
    color: var(--c-primary) !important;
    border-bottom: 1px solid var(--c-primary);
    width: 100%;
}

#card-informations-salarie .section-content> .column-12 > span, .modal .column-12 > ul > li > span {
    /* border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray; */
    clear: both;
    display: block;
    /* font-weight: bold; */
    height: 30px;
    padding: 5px;
    word-break: break-all;
    min-height: 28px;
    color: black;
}

/* Améliorations du style CSS général */
[class*='calque_'] .section-block {
    border-radius: 10px !important;
    border-color: lightgrey;
}

.section-block .section-title {
    border-radius: 15px !important;
    border-bottom: none !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
    font-size: 1.1em !important;
}

.column-12>span,
.column-12>ul>li>span {
    border: 1px solid lightgray;
    border-radius: 0px;
}


.btn-primary,
.btn-secondary {
    background-color: transparent !important;
}

* {
    -webkit-box-shadow: none !important;
}

.btn-primary:hover,
.btn-secondary:hover {
    /* background-color: var(--c-secondary-light); */
    color: rgb(116, 116, 116);
}

.section-block {
    border: none !important;
}

.section-block .section-title {
    border: none !important;
}

.calque div[id*="calque_"] {
    border: 1px gray !important;
}

.contenu-calque {
    border: 1px solid lightgrey;
}

.liste-actions-histo .une_action .sHisto {
    border: none;
}

.section-block {
    border: none !important;
}

.column-12>span,
.column-12>ul>li>span, .consultation-light .valeur {
    border: none !important;
    color: initial;
}

div#contenu_gauche {
    background: #f4f5f7;
}

.sidebar .left-menu a {
    color: black;
}

.info-sidebar {
    margin-top: 20px;
    padding: 0 10px !important;
    position: relative;
    text-align: right;
    vertical-align: middle;
}

.info-sidebar.font-small {
    color: black;
}

.sSidebarRole.info-sidebar.font-small,
.sSidebarVersion.info-sidebar.font-small {
    color: black;
}

.sidebar footer {
    display: none;
}

.user-content {
    padding: 0 6px;
    height: 3.6rem !important;
    margin-bottom: 0px;
}

.container .main-content .menu {
    height: 3.6rem !important;
    /* padding: 27px 16px; */
}

.btn.btn-secondary.bouton.toggle-edition-commentaire i {
    display: inline-flex;
    font-size: 1.2em;
    vertical-align: text-bottom;
}

.sidebar .control-submenu {
    color: #35a788;
}

.sidebar ul.submenu {
    background-color: #deedea;
}

ul.menu li.un_bloc_menu a:hover,
ul.menu li.un_bloc_menu a.active {
    border-left: solid 3px #35a889 !important;
    color: #288069 !important;
}

.sidebar .left-menu a {
    color: #444444;
}

/* Fin Améliorations du style CSS général */

.liste-actions-histo .une_action .sHisto {
    border-left: none;
}

#card-informations-salarie .section-title{
    background-color: white !important;
    color: var(--c-primary) !important;
    border-bottom: 1px solid var(--c-primary);
    width: 100%;
}

#card-informations-salarie .section-content> .column-12 > span, .modal .column-12 > ul > li > span {
    /* border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray; */
    clear: both;
    display: block;
    /* font-weight: bold; */
    height: 30px;
    padding: 5px;
    word-break: break-all;
    min-height: 28px;
    color: black;
}

#card-informations-salarie>.section-block>.section-title {
    border: none !important;
   font-size:  1rem !important;

}

#informations-salarie>.column-6>.card>.section-block>.section-title{
    border: none !important;
    font-size:  1.1em !important;
}

.liste_invites_evt tbody tr td {
    padding: 10px 24px;
}

.creation-evt>.checkbox_jour_entier{
    width: 200px;
}
.creation-evt>.checkbox_jour_entier .switch{
    display:inline-block;
}

.creation-evt>label{

}

#liste_invite>tbody tr:nth-of-type(2n+1) {
    background-color: white !important;
}

#liste_invite>thead, .table tfoot {
    border-top: none;
    border-bottom: none;
}

#liste_invite_selection>tbody tr:nth-of-type(2n+1) {
    background-color: white !important;
}

#liste_invite_selection>thead, .table tfoot {
    border-top: none;
    border-bottom: none;
}

#eFormProcessLance {
    margin-left: 20px;
}

.action-enregistre-questionnaire {
    margin-left: 0px;
}

.aucun-questionnaire {
    color: #757575;
    text-align: center;
    display: block;
}

#calque_consultation_process_lance .contenu_calque {
    padding: 0 !important;
}

/* #switchs-toggle-view {
    margin-top: 8px;
} */

#bloc_filtre ul {
    list-style: none;
}

#bloc_filtre ul>li {
    list-style: none;
    margin: 11px 0;
}
#bloc_filtre ul>li a {
    color: var(--c-primary);
    text-decoration: none;
}

#bloc_filtre ul>li a:hover {
    text-decoration: underline;
}

#bloc_filtre ul>li a.btnSupp .material-icons {
    float: right;
    font-size: 17px;
    margin-bottom: 3px;
    vertical-align: middle;
}

#formulaire_recherche_courante .form-action-bar {
    margin-left: 8px;
}

/* cache le choix de la langue (cf. Agences) */
#form_selecteur_locale {
    display: none;
}

.scroll_horizontal {
    overflow-y: initial;
}

.proposition {
    background-color: #efefef;
    border: 1px solid #e0e0e0;
    color: #444444;
    font-style: italic;
    height: auto;
    padding: 5px 7px;
    text-size-adjust: unset;
}

.table_process_lance {
    overflow: hidden;
}

.check-data-switch {
    display: grid;
    text-align: left;
    margin: 0 20%;
}

.document-checksum {
    /* background: #f2f2f2; */
    /* float: right; */
    /* margin: 2em 9em 0 0; */
    overflow: scroll;
    /* padding: 15px; */
}

.document-checksum i.material-icons {
    color: grey;
    font-size: small;
    line-height: 0.9;
    vertical-align: middle;
}

.sChecksum {
    color: grey;
    font-family: monospace;
    max-width: 22em;
    width: 512px;
}

/* Vue liste / groupe des process lancés */
.liste_process_lance .parent-row {
    background-color: #f4f5f7;
    border-bottom: solid 1px #bdbdbd !important;
    height: 40px;
    text-align: center;
}

.liste_process_lance .parent-row:hover {
    cursor: pointer;
}

.liste_process_lance .parent-row td:hover, .liste_process_lance .parent-row td:hover i {
    color: #288069 !important;
    transition-duration: 0.5s;
}

.etape-parent-row {
    background-color: #f6f6f6;
    border-bottom: solid 1px #bdbdbd !important;
    height: 40px;
    text-align: center;
}

.liste_process_lance .etape-parent-row:hover {
    cursor: pointer;
}

.liste_process_lance .etape-parent-row td:hover, .liste_process_lance .etape-parent-row td:hover i {
    color: #288069 !important;
    transition-duration: 0.5s;
}

#switch-filtre-etape[disabled] + label {
    background-color: #e0e0e0;
}

.etape-parent-row td {
    background-color: #fafafa !important;
    padding-left: 22px !important;
    text-align: left;
}

.liste_process_lance [data-parent] {
    display: none;
}

.liste_process_lance [data-parent].expanded {
    display: table-row;
}

.switch.reactive-salarie {
    display: inline-flex;
    margin-right: 12px;
}

.label-reactive-salarie {
    margin-right: 28px;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 3000;
}

/* Indicateurs menu latéral */
.widget-container {
    padding: 7px 0.5rem;
}

#widget-indicateur {
    padding-bottom: 18px;
    zoom: 0.5;
}

#widget-indicateur .indice {
    font-size: x-large;
}

#widget-indicateur .card {
    background-color: #d9f7ee;
    color: var(--c-primary);
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.5, 1);
}

#widget-indicateur .card:hover {
    background-color: #46D8AE;
    color: #D9F7EE;
    cursor: pointer;
}

#widget-indicateur .card-title {
    border-bottom: none;
    color: #cfe9e0;
    font-size: small;
    margin-top: 30px;
    padding: 8px 10px;
    text-align: left;
}

#widget-indicateur .tooltip .tooltiptext {
    font-size: 24px !important;
}

#contenu_gauche [class*='indicateur-'] {
    border-radius: 15px;
    width: 8.5rem;
}

#contenu_gauche [class*='indicateur-'] .card-content {
    padding: 0.5rem 0 0;
}

#widget-indicateur span.indice {
    float: left;
    font-size: 2em;
    padding: 0.3em 0.6rem;
}

#widget-indicateur span.picto-indice {
    border-radius: 25px;
    float: left;
    margin: 0 0 0 0.5em;
    padding: 0.6em;
}

#widget-indicateur span.picto-indice i {
    font-size: 2.7em;
}

/* On cache la zone de droite des champs  */
input.option-value.option-attr {
    position: absolute;
    visibility: hidden;
}

/* Liens du menu (RHGT) */
#picto-rhlog, #picto-rhgt {
    width: 60px;
}

#picto-rhgt:hover {
    content: url('/institution/img/rhgt.png');
    cursor: pointer;
}

.sidebar > .user-content .lien-rhlog {
    padding-right: 1.25rem;
}

.sidebar > .user-content .lien-rhgt {
    padding-left: 0.5rem;
}

.flex {
    display: flex;
}

.flex-1 {
    flex: 1 1 0%;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.switch.sans-label {
    display: inline-block;
}

#calque_liste_historique {
    display: block;
}

#liste_historique tr, #liste_compteur tr {
    height: 36px !important;
}

/* Couleurs des types d'évènements */
[id*='select2-sCouleurEvttype_'] option {
    padding: 11px !important;
}

[id*='select2-sCouleurEvttype_'] li.select2-results__option {
    padding: 0;
}

[id*='select2-sCouleurEvttype_'] .select2-results__option[aria-selected="true"] {
    color: #000 !important;
}

.tooltip {
    display: inline-block;
    position: relative;
}

.tooltip .tooltiptext {
    background-color: #666;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
    padding: 5px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: fit-content;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

#profile_utilisateur .tooltip .tooltiptext {
    background-color: #46D8AE;
    font-size: 12px;
    margin-left: -40px;
    margin-top: -60px;
}

#profile_utilisateur .tooltip {
    background: #d9f7ee;
    border: 1px solid #edfbf7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 7px;
    min-height: 20px !important;
    height: 25px;
    width: 25px;
}

#switch-log-gt {
    position: absolute;
    bottom: 18px;
    left: 96px;
}

#info_version {
    bottom: 18px;
    left: 60px;
    position: relative;
}

#info_version, #theme_swap a, #switch-log-gt a {
    background-color: #d9f7ee;
    border-radius: 0.375rem;
    color: #46D8AE;
    display: inline-block;
    padding: 2px 3px;
    text-align: center !important;
    vertical-align: middle;
}

#info_version:hover, #theme_swap a:hover, #switch-log-gt a:hover {
    background-color: #46D8AE;
    color: #D9F7EE;
}

#info_version .material-icons, #theme_swap a span, #switch-log-gt a span {
    font-size: 16px !important;
}

#info_version * {
    cursor: pointer;
    font-size: 12px !important;
}

label[for="sLibelleEntreprise"] {
    padding-bottom: 5px;
    display: inline-block;
}

.form-builder {
    padding-right: 2px;
}

.form-builder .pull-left {
    border: 1px solid #cacaca;
    padding: 10px !important;
    width: 75% !important;
}

.form-builder .pull-right {
    width: 25% !important;
}

.switch-right {
    position: absolute;
    right: 0vw;
    text-align: right;
}

.action-bar-espace_salarie .column-12:first-child {
    padding-left: 4rem !important;
}

.action-bar-espace_salarie .column-12:last-child {
    padding: 0 !important;
}

.action-bar-espace_salarie {
    bottom: 0;
    background: #f4f5f7;
    display: none;
    height: 15vh;
    position: absolute;
    width: 100% !important;
}

.action-bar-espace_salarie a {
    color: #828287 !important;
    display: inline-block;
    margin: 0 !important;
    padding: 20px 30px 30px !important;
    width: 100%;
}

.action-bar-espace_salarie a  i {
    color: #828287 !important;
    display: block;
    font-size: 32px;
    width: 100%;
}

.ma_dropzone {
    border: 1px solid #ddd !important;
}

.ma_dropzone .dz-message {
    color: grey;
}

/* Début espace salarié */

.title-vue-salarie {
    font-size: 1em !important;
}

.title-vue-salarie i {
    display: inline-block;
    font-size: 38px;
}

.section-block.vue-salarie .section-content {
    font-family: sans-serif;
    font-size: 2rem;
    font-weight: 900;
    margin: 0 1.2rem;
}

.vue-salarie .salarie-search-sidebar,
.vue-salarie .help-sidebar {
    background-color: #f5f5f5;
    border-radius: 3px;
    border: solid 1px #e4e4e4;
    font-family: "Roboto-Regular";
    padding: 5px 15px;
    transition: all 0.2s;
    margin-top: 15px;
    margin-left: 3px;
    color: #6e6e6e;
    width: 85vw;
}

.vue-salarie .salarie-search-sidebar:hover,
.vue-salarie .help-sidebar:hover {
    cursor: pointer;
    background-color: #e6e6e6;
}

.vue-salarie .salarie-search-sidebar i,
.vue-salarie .help-sidebar i {
    vertical-align: middle;
}

.vue-salarie .salarie-search-sidebar span,
.vue-salarie .help-sidebar span {
    vertical-align: middle;
    display: inline-block;
}

.vue-salarie .open-search-sidebar-libelle {
    margin: 0 !important;
    background: transparent;
    border: none !important;
    display: inline-block;
    position: absolute;
    font-size: 15px;
    bottom: 10px;
 }

.vue-salarie .sidebar {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20rem;
    background-color: var(--c-tertiary);
    left: 0;
    top: 0;
    bottom: 0;
    position: relative;
    z-index: 99;
    display: flex;
    flex-direction: column;
    font-family: "Roboto-Regular";
    height: 100%;
    width: 100%;
}

.dashboard-content {
    background-color: #fff;
    overflow: scroll !important;
}


.onglets{
    padding-top: 10px;
    margin-bottom: 16px;
    background-color: white;
    position: sticky !important;
    top: 0;
    left: 0;
    z-index: 10;
    border-right: 1px solid var(--c-secondary-light);
}
.onglets a{
    color:black;
    background-color: #deedea;
    padding: 8px 10px;
    flex : auto;
    border-radius: 4px;
    text-decoration: none;
}
.onglets a.onglet_actif{
    color: #37a789;
}
label .tooltip .tooltiptext{
    font-size: 12px;
    margin-left: 6px;
    margin-top: 0;
    max-width: 230px;
    width: max-content;
}
label .tooltip{
    position: relative;
    top: -2px;
    margin-left: 6px;
}
label .tooltip .left {
    position: absolute;
    top: -2px;
    margin-right: 6px;
    right: 105%;
}
label .tooltip .material-icons{
    font-size: 18px;
    vertical-align: top;
}

/* Onglets */

.entreprise_onglets .onglet {
    background-color: transparent;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.5, 1);
    color: #444444;
}

.entreprise_onglets .onglet:hover,
.entreprise_onglets .onglet:active {
    background-color: #ade4d5 !important;
    cursor: pointer;
}

.entreprise_onglets .onglet.onglet-actif {
    background-color: #ade4d55c;
    cursor: pointer;
}

.contenu_onglets {
    /* height: 70vh; */
}

.contenu_modal {
    height: 70vh;
}

.no_padding_top {
    padding-top: 0;
}

.h_inherit {
    height: inherit;
}

/* Fin onglets */

/* Fin espace salarié */

.liste_analyse_import_compteur .erreur {
    color: rgb(189, 12, 12);
}
.liste_analyse_import_compteur .succes {
    color: var(--c-primary);
}

/* Jalons */
.centrer{
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
/* Fin jalons */

.value-changed td:not(.succes):not(.erreur) {
    color: orange !important;
}

.erreur-rencontree-import {
    color: red !important;
    display: none;
}

.td-h-30 {
    height: 30px;
}

/* Boutons radio */
/* 
.radio-perso input[type="radio"], .radio-button{
    display: none;
}

.radio-perso input[type="radio"]+label::before, .radio-button,
.radio-perso input[type="radio"]+label::after, .radio-button{
    display: block;
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
}

.radio-perso input[type="radio"]+label::before, .radio-button{
    border: 1px solid #46D8AE;
    background-color: #eee;
}

.radio-perso input[type="radio"]:checked+label::after, .radio-button{
    background-color: #46D8AE;
} */

[class*='calque_'] .column-12 label.radio-label,  
.radio-label {
    position: relative;
    padding-left: 1.3rem;
    color: black;
    padding-top: 0.5rem;
    display: inline-block;
    bottom: 0.2rem;
}

.font-grey {
    color: grey;
    font-size: 0.75rem;
}
/* Fin boutons radio */

.legende-import-compteur {
}
.legende-import-compteur .couleur {
    height: 20px;
    width: 50px;
    border: solid gray 1px;
    display: inline-block;
}
.legende-import-compteur .couleur.orange {
    background-color: orange;
}
.legende-import-compteur .couleur.rouge {
    background-color: red;
}
.legende-import-compteur span {
    color: #0000008a;
    display: inline-block;
    vertical-align: top;
}

#dropzone-boite-reception {
    display: inline-block;
    float: right;
    height: 280px;
    padding: 0;
    min-width: 100%;
    position: relative;
}
#dropzone-boite-reception:hover {
    border: dashed rgb(217, 217, 217) 1px !important;
}
#dropzone-boite-reception .dz-message {
    text-align: center;
    margin: 140px 0;
}
#dropzone-boite-reception .btn-submit-dropzone-boite-reception {
    z-index: 100;
    display: none;
    top: -16px;
    cursor: pointer;
}
#dropzone-boite-reception.dz-started .btn-submit-dropzone-boite-reception {
    display: inline-block;
    z-index: 150;
}
#dropzone-boite-reception .btn-submit-dropzone {
    position: absolute;
    right: 0;
}

.loader-wrapper-salarie {
    opacity: 0.5;
    position: absolute;
    display: block;
    background: #f2f2f2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.liste_salarie-actif thead tr th {
    min-width: 180px;
}

/* Liste checkpoints process */
.checklist-etape {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.checklist-etape .un_checkpoint {
    margin-left: 30px;
}

.ma_dropzone .dz-preview .dz-progress {
    z-index: 150 !important;
}

#calque_upload_reception .form-action-bar>a.disabled {
    pointer-events: none;
}

#calque_upload_reception .form-action-bar > a.disabled span {
    pointer-events: initial;
}

.calque_edition_formulaire_entretien .form-builder .pull-right {
    position: sticky !important;
    top: 0;
}

.info-questionnaire {
    color: var(--c-primary);
    cursor: default;
    display: inline-block;
    font-size: 1.1em !important;
    margin: 5px 0px 5px 0px;
    width: auto;
}

/* background transparent sur les entêtes Menu et Recherche de la zone latérale gauche */
#adherent, .calque .modal .modal-title, 
.container .search-sidebar-menu .research-sidebar-title,
.container .help-sidebar-menu .help-sidebar-title {
    background: transparent;
    color: var(--c-primary);
}

/* background transparent sur l’ensemble des éléments du fil d’Ariane */
.breadcrumb,
.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb a:hover:after,
.breadcrumb a:before,
.breadcrumb a:after,
.breadcrumb h1,
.breadcrumb h1:after,
.breadcrumb h1:before {
    background: transparent;
    border: none;
    color: var(--c-primary);
}

.breadcrumb a:before,
.breadcrumb a:hover,
.breadcrumb a:hover:before {
    border: none;
}

.breadcrumb a:not(:last-child):after {
    /* border-right: solid 2px var(--c-primary);
    border-top: solid 2px var(--c-primary); */
    border: none;
    content: "/";
    transform: none;
    width: 25px;
}

.breadcrumb a:hover:after {
    border: none;
    /* border-bottom: none;
    border-left: none;
    border-right: solid 2px var(--c-primary);
    border-top: solid 2px var(--c-primary); */
}

.breadcrumb a {
    padding: 0 10px 0;
}

.breadcrumb h1 {
    padding: 0 16px 0;
}

/* background transparent sur les barres de titre des calques */
.calque .modal .modal-title {
    border-bottom: none;
}

.calque .modal .modal-title * {
    color: var(--c-primary) !important;
}

/* angles de la fenêtre des calques */
.calque .modal {
    border-radius: 7px;
}

.calque .modal .form-action-bar {
    border-radius: inherit;
}

/* fond blanc sur les listes et le fil d'ariane */
.container .main-content .center-content, .breadcrumb {
    background: white;
}

.modele-toolbar {
    background: #ffffff;
    margin-top: -8px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.utilisateur-modele-document-container .select2-container {
    width: 31.3vw !important;
}

#sContenuMessage {
    font-size: 1em;
    height: 30vh;
}

#formulaire_login .container-pwd,  #form_changer_mot_de_passe .container-pwd {
    position: relative;
}

#formulaire_login .toggle-password, #form_changer_mot_de_passe .toggle-password {
    color: #808080;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    top: 50%;
    z-index: 100;
    transform: translateY(-50%);
    right: 10px;
}

#form_changer_mot_de_passe .toggle-password {
    margin-top: 0;
}

.action-bar-espace_salarie .btn-picto>span {
    margin: auto;
}

.info_action .tooltiptext {
    background-color: #46D8AE;
    font-size: 0.9em !important;
    margin-left: -80px;
    margin-top: -80px;
}

#calque_liste_journal {
    display: block;
}

#liste_journal tr,
#liste_compteur tr {
    height: 36px !important;
}

#modal_calque_liste_historique a.mailjet-unblock {
    color: #0000008a;
    font-size: 0.8rem;
    vertical-align: middle;
}

#modal_calque_liste_historique a.mailjet-unblock:hover {
    color: var(--c-primary);
}

#liste_journal .sCheminCSV {
    cursor: pointer;
    text-decoration: underline;
}

.disabled-link {
    color: rgb(116, 116, 116) !important;
    cursor: default !important;
}

.loader-wrapper {
    background: #f2f2f266;
}

.calque_consultation_tache {
    height: 99vh !important;
}

.calque_consultation_tache .contenu_scroll {
    max-height: 95vh !important;
}

.calque_consultation_tache .barre-etat {
    position: absolute;
    width: 100%;
    bottom: -20px;
    background-color: white;
    margin-bottom: 20px;
    height: 75px;
}

#calque_consultation_tache .visualisation-pdf {
    border: 1px solid #d3ece5;
    height: 70rem;
    /* height: 305px; */
    /* max-width: 100%; */
    text-align: center;
}

#calque_consultation_tache .visualisation-pdf i {
    color: #37a88914;
    font-size: 20em;
    line-height: 2.5em;
}

input[id*="switch"][disabled]+label {
    background-color: grey;
}

a.disabled {
    color: grey;
    pointer-events: none;
}

.jtimeline-event .titre-etape {
    cursor: pointer;
}

.menu-container {
    display: block;
    position: absolute;
    right: 30px;
    top: 65px;
}

.menu-container .menu-switch {
    cursor: pointer;
    margin-right: 0;
}

.menu-container .menu-content {
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 35px 0 0;
    opacity: 0;
    padding: 5px;
    position: absolute;
    right: -6px;
    top: 0;
    transition: opacity 0.2s ease-out, visibility 0s linear 0.5s;
    visibility: hidden;
    width: max-content;
    z-index: 1;
}

.menu-container:hover .menu-content {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s linear, visibility 0s;
}

.menu-container .menu-content .un_champ {
    display: flex;
    flex-direction: column;
    right: unset;
    width: 175px;
}

.menu-container .menu-content .switch {
    margin: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.menu-container .switch-action-name {
    color: #757575;
    float: left;
    font-size: 0.85rem;
    margin-left: 5px;
}

[class*='filtre-'] {
    margin: 0;
    position: relative;
    top: 0;
}

.menu-container .switch input+label {
    float: right;
    margin: 0;
    padding: 0;
    zoom: 70%;
}

.menu-container .bouton_simple, .menu-container hr {
    clear: right;
    display: flex;
    flex-direction: row;
    margin-left: 0 !important;
    width: 175px;
}

.menu-container hr {
    border-top: 1px solid #e0e0e0;
    margin: 5px 0 15px 5px !important;
    position: relative;
    top: 11px;
}

.menu-container .menu-content i.material-icons {
    font-size: 1.5em;
    margin: 0 5px 0 3px;
}

.menu-container .menu-content .btn-primary {
    color: #757575;
    margin: 5px !important;
    padding-bottom: 3px;
    padding-top: 3px;
}

.menu-container .menu-content .btn-primary:hover {
    background-color: #ddd !important;
}

.inactive {
    color: #787878;
    font-style: italic;
}

/* RHLOG-2037 */
.div_table .action-bar .container-pagination {
    float: right !important;
    display: none;
}

.div_table .action-bar:first-child {
    padding: 0;
}

#ariane {
    padding-bottom: 0;
}

.container .main-content .center-content {
    padding-top: 0;
}

#nIdDocTypesUtilisateur[disabled]+label, #nIdEtiquetteUtilisateur[disabled]+label, 
#nIdSalarieProcessLance[disabled]+label, #nIdProcessTypeProcessLance[disabled]+label {
    background-color: #e0e0e0;
}

.menu-container-actions {
    display: block;
    position: relative;
    /* right: 30px;
    top: 65px; */
}

.menu-container-actions .menu-switch {
    cursor: pointer;
    margin-right: 0;
}

.menu-container-actions .menu-content {
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    left: 30px;
    top: 2px;
    transition: opacity 0.2s ease-out, visibility 0s linear 0.5s;
    visibility: hidden;
    width: max-content;
    z-index: 1;
}

.menu-container-actions:hover .menu-content {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s linear, visibility 0s;
}

.menu-container-actions .menu-content i.material-icons {
    color: #757575 !important;
    font-size: 1.5em;
    margin: 0 5px 0 3px;
}

.menu-container-actions span,
.menu-container-actions:hover span {
    margin-right: 0 !important;
}

.material-table thead tr th.centre, td.actions {
    padding: 4px 24px !important;
    max-width: 0 !important;
}

/* Supprimer la grille du calendrier et réduire la police .ui-state-default */
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
    background: none;
    font-size: smaller;
}

.ui-datepicker td {
    border: none !important;
}

#ui-datepicker-div>table>thead>tr>th>span {
    font-size: 12px !important;
}

/* Retirer le fond vert dans la barre du haut  */
.ui-datepicker-header {
    background: none !important;
}

/* stickyad.js */
#mtqnEXkZLMpV {
    background: #D30000;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-family: Roboto-Regular;
    /* font-size: 14px; */
    font-weight: 400;
    padding: 20px 10px;
    text-align: center;
}

.ui-datepicker-next.ui-corner-all,
.ui-datepicker-prev.ui-corner-all,
.ui-state-default.ui-state-active {
    background-color: grey !important;
}

.ui-state-default.ui-state-active {
    color: white;
}

.btn-agrandir {
    color: #adadad;
    float: right;
    margin: 0;
    padding: 0;
}

textarea.scale-1 {
    height: 5.6rem;
    resize: none !important;
}

textarea.scale-2 {
    height: 20.4rem;
    resize: none !important;
}

.liste-actions-histo-sign {
    list-style: none;
    margin: 0;
    padding: 0;
}

.liste-actions-histo-sign .une_action {
    overflow: hidden;
}

.liste-actions-histo-sign .une_action .sHistoSignature {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
}

/* Vue liste / groupe des taches */
.liste_tache .parent-row {
    background-color: #f4f5f7;
    border-bottom: solid 1px #bdbdbd !important;
    height: 40px;
    text-align: center;
}

.liste_tache .parent-row:hover {
    cursor: pointer;
}

.liste_tache .parent-row td:hover, .liste_tache .parent-row td:hover i {
    color: #288069 !important;
    transition-duration: 0.5s;
}

.etape-parent-row {
    background-color: #f6f6f6;
    border-bottom: solid 1px #bdbdbd !important;
    height: 40px;
    text-align: center;
}

.liste_tache .etape-parent-row:hover {
    cursor: pointer;
}

.liste_tache .etape-parent-row td:hover, .liste_tache .etape-parent-row td:hover i {
    color: #288069 !important;
    transition-duration: 0.5s;
}

#switch-filtre-etape[disabled] + label {
    background-color: #e0e0e0;
}

.etape-parent-row td {
    background-color: #fafafa !important;
    padding-left: 22px !important;
    text-align: left;
}

.liste_tache [data-parent] {
    display: none;
}

.liste_tache [data-parent].expanded {
    display: table-row;
}

table.liste_profil thead>tr>th.centre {
    max-width: initial !important;
    width: 200px;
}