/* Minification failed. Returning unminified contents.
(14,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(15,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
 */

/*Modification mis � jour jquery/bs5*/
/* Cacher la navigation de la pagination*/
/* Cacher le premier et dernier �l�ment de pagination */
.page-item:first-child {
    display: none;
}

.page-item:last-child {
    display: none;
}
/* Appliquer le style de bordure gauche au 2�me �l�ment (nouveau premier visible) */
.page-item:nth-child(2) .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}


html,
body {
    height: 100%;
    font: 14px 'Roboto';
    align-items: stretch;
}

    body > .main-container {
        display: flex;
        flex-flow: column;
    }

    body.ramq-body-message {
        background: #f2f2f2;
    }

.ramqMenuOuvert {
    background-color: #F2F2F2;
    padding-top: 9px;
}

#ramq-menu.ferme {
    width: 100px;
}

    #ramq-menu.ferme .nav-link {
        width: 50px;
        margin: 0 auto;
    }

#ramq-menu #ramq-menu-inter-bascule {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

#ramq-menu.ferme #ramq-menu-inter-bascule .ramq-icone-bascule {
    margin-left: -36px !important;
    content: url("../Content/Images/arrow-right.svg");
}

#ramq-menu.ferme .cachable {
    display: none;
}

#menu-utilisateur {
    color: white;
    position: relative;
}

    #menu-utilisateur > button {
        background: unset;
        color: unset;
        border: unset;
    }

    #menu-utilisateur > ul {
        position: absolute;
        left: unset !important;
        right: 0;
    }

.ramqMenu {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding-top: 12px;
}

.ramqGroupeChamps {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 16px 24px;
    gap: 16px;
    border: 1px solid #C4C7CE;
    border-radius: 4px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.ramqNomDossierSante {
    font-family: 'Roboto';
    font-style: normal;
    font-size: 20px;
    font-weight: 400;
    line-height: 23.44px;
    color: #FFFFFF;
    margin-left: 1rem;
}

.ramqTitre {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
    color: #223654;
}

.ramqSousTitre {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 17px;
    line-height: 23px;
    color: #223654;
}

.ramqSousTitreLabel {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 17px;
    line-height: 23px;
    color: #223654;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.ramqSousTitreOption {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-size: 15px;
    line-height: 23px;
    color: #223654;
}

.ramqLabelEntete {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #223654;
}

.ramqValeurEntete {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 16px;
    color: #223654;
    padding-left: 12px;
    border: 1px solid LightGray;
    border-radius: 0.25rem;
    width: 300px;
}

.ramqEnteteGauche {
    width: 315px;
}

.ramqLabel {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #223654;
}

.ramqLabelRequis {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12.8px;
    line-height: 15px;
    color: #6E7787;
}

.ramqLabelEstompe {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #6E7787;
}

.ramqFormField {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #495057;
    width: 300px;
}

.ramqFormFieldWidth {
    max-width: 300px;
    width: 100%;
}

.ramqFormFieldCourriel {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #495057;
    width: 600px;
}

select.ramqFormField {
    width: auto;
    min-width: 300px;
}

@media (max-width: 1610px) {
    .ramqFormFieldCol {
        width: 100%;
    }
}

.ramqFormFieldLecture {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #223654;
}

.ramqFormFieldLectureEstompe {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #6E7787;
}

.ramqFormFieldLectureSaillant {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #223654;
}

.ramqFormFieldLecturePetit {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    color: #223654;
}

.ramqFormFieldTitre {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #223654;
}

.ramqFormFieldLectureCoordonnees {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #223654;
    display: inline!important;
}

.ramqFormFieldLectureCourriel {
    text-decoration-line: underline;
}

.ramqFormDateField {
    width: 150px;
}

.ramqChampListe {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #223654;
}

.ramqElementMenu {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #223654;
    white-space: nowrap;
}

.ramqChampTitreColonne {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #223654;
}

.champ-extensible {
    min-width: 300px !important;
    width: fit-content !important;
}

.ramqIconeDrapeau {
    padding-top: 4px;
    padding-bottom: 4px;
}

.ramqIconeMenu {
    font-size: 20px;
}


.ramqIconeGIA {
    padding: 12px;
}

.ramqIconeAvis {
    padding: 1px 7px 5px 1px;
    width:33px;
    height:33px;
}

.ramqIconeFermer {
    padding-bottom: 28px;
    padding-left: 4px;
}

.ramqGrpRecherche {
    width: 550px;
}

.ramqInptRecherche {
    width: 75px !important;
}

.ramqFldRecherche {
    height: 30px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #223654;
}

.ramqBtnRecherche {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;
    width: 35px;
    height: 32px;
    background: #095797;
    border: 1px solid rgba(34, 54, 84, 0.5);
    border-radius: 0px 4px 4px 0px;
}

    .ramqBtnRecherche:hover, .ramqBtnRecherche:active {
        background-color: #095797 !important;
    }


.ramqBtnFiltre {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #223654;
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 16px;
    gap: 4px;
    height: 32px;
    border: 2px solid #223654;
    border-radius: 4px;
}
    .ramqBtnFiltre:hover, .ramqBtnFiltre:active {
        border: 2px solid #223654 !important;
    }

    .ramqBtnFiltre.filtreOn {
        background-color: #223654;
        color: white !important;
    }

.ramqBtnFiltreTexte {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #223654;
}

    .ramqBtnFiltreTexte.filtreOn {
        color: white !important;
        text-decoration: underline;
    }

.ramqBtnModalContact {
    box-sizing: border-box;
    border: 2px solid #223654;
    border-radius: 16px;
    flex: none;
    order: 1;
    flex-grow: 0;
    /*Text*/
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #223654;
}

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

.ramq-message {
    position: absolute;
    background: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
}

    .ramq-message h1 {
        font-size: 20px;
    }

.ramq-table-estompe {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 8px;
    background: #FFFFFF;
    border: 1px solid #DCE6EF;
    box-shadow: 0px 36px 41px -50px rgba(9, 87, 151, 0.25);
    border-radius: 4px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
}

.table {
    border-color: rgba(220, 230, 239, 0.5);
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #223654;
    padding: 20px;
}
table.dataTable > tbody > tr > td {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

    .table > :not(caption) > * > * {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
    }



.table-striped {
    border-color: rgba(220, 230, 239, 0.5);
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #223654
}

    .table-striped > tbody > tr:nth-of-type(odd) {
        color: #223654
    }

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: rgba(220, 230, 239, 0.5);
}

.table > thead {
    border-top-width: 1px;
    background: rgba(220, 230, 239, 0.5);
    border-color: rgba(220, 230, 239, 0.5);
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #223654;
}

.nav-link {
    color: #223654;
}

    .nav-link:hover,
    .nav-link:focus {
        color: #223654;
    }

.navbar-color {
    background-color: #095797;
}

    .navbar-color .navbar-brand,
    .navbar-color .navbar-text,
    .navbar-color .nav-link {
        color: white;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase;
    }

.nav-pills .nav-link.active {
    color: #fff;
    background-color: #095797;
    font-weight: 400 !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #095797;
    border-color: #095797;
    border-radius: 4px;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
    width: 106px;
    height: 39px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
}

.input-group .input-group-append .btn-primary {
    border-radius: 0 4px 4px 0;
    padding: 12px 16px;
    width: 35px;
    height: 31px;
}

.btn-primary:disabled {
    color: #6E7787;
    background-color: #E6E7E8;
    border-color: #E6E7E8;
}

.btn-mini,
.btn-mini:hover,
.btn-mini:focus,
.btn-mini:active {
    color: #223654;
    background-color: #fff;
    box-sizing: border-box;
    border: 2px solid #223654;
    border-radius: 16px;
    height: 31px;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
}

.btn-mini-estompe,
.btn-mini-estompe:hover,
.btn-mini-estompe:focus,
.btn-mini-estompe:disabled,
.btn-mini-estompe:active {
    color: #6E7787;
    background-color: #fff;
    box-sizing: border-box;
    border: 2px solid #6E7787;
    border-radius: 64px;
    height: 31px;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 12px 4px 8px;
    gap: 8px;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12.8px;
    line-height: 23px;
}

.dropdown-menu > li > a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    display: block;
    margin: 0;
    padding: 0;
}

.utilisateur-dropdown-content {
    box-sizing: border-box;
    width: 163px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #DCE6EF;
    box-shadow: 0px 0px 16px -9px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

    .utilisateur-dropdown-content > div {
        height: 100%;
    }

        .utilisateur-dropdown-content > div > div {
            height: 100%;
        }

@font-face {
    font-family: 'GIA-SecurSante-Menu';
    src: url('../Content/Fonts/GIA-SecurSante-Menu.eot?ningv1');
    src: url('../Content/Fonts/GIA-SecurSante-Menu.eot?ningv1#iefix') format('embedded-opentype'), url('../Content/Fonts/GIA-SecurSante-Menu.ttf?ningv1') format('truetype'), url('../Content/Fonts/GIA-SecurSante-Menu.woff?ningv1') format('woff'), url('../Content/Fonts/GIA-SecurSante-Menu.svg?ningv1#GIA-SecurSante-Menu') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'GIA-SecurSante-Menu' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Intervenant-Historique:before {
    content: "\e900";
}

.icon-Intervenant-Autorise:before {
    content: "\e901";
}

.icon-Intervenant-Ajout:before {
    content: "\e902";
}

#autoriser-intervenant .non-prof-seulement {
    display: none;
}

#autoriser-intervenant.non-prof .non-prof-seulement {
    display: inherit;
}

#autoriser-intervenant.non-prof .prof-seulement {
    display: none;
}

#formulaire-modele-erreur > div {
    border: 2px solid #CC0000;
    font-size: 14px;
    color: #223654;
    margin-top: 0.5rem;
}

#formulaire-modele-erreur ul {
    list-style-type: "\2014";
}

    #formulaire-modele-erreur ul li {
        padding-left: 1em;
        text-decoration: underline;
        color: #CC0000;
    }

.erreur-validation {
    color: #CC0000;
    font-size: 14px;
    font-weight: bold;
}


    .erreur-validation p::before {
        content: url("../Content/Images/danger.svg");
        vertical-align: middle;
        margin-right: 10px;
    }

.invalide {
    border-left: 2px solid #CC0000;
}

    .invalide .form-control,
    .invalide .form-select,
    .invalide .form-check-input {
        background-color: #fae5e5 !important;
    }

.invalideSansTexte .form-control,
.invalideSansTexte .form-select {
    background-color: #fae5e5 !important;
}

.invalideLabel label {
    padding: 0.5rem;
    background-color: #fae5e5 !important;
}

.desactive {
    background-color: #e9ecef;
}

.form-check-input:disabled, .form-check-input[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

#formulaire-erreur-generique {
    display: inline-flex;
    margin-top: 0.5rem;
    width: 100%;
}

[class^="formulaire-erreur-generique-"] .formulaire-erreur-icone {
    width: 50px;
    height: 100%;
    margin: 7px;
    flex: none;
}

    [class^="formulaire-erreur-generique-"] .formulaire-erreur-icone::before {
        margin: 0 auto;
        width: 24px;
        height: 24px;
        display: block;
    }

[class^="formulaire-erreur-generique-"] .formulaire-erreur-description {
    padding: 10px;
}

    [class^="formulaire-erreur-generique-"] .formulaire-erreur-description > p:last-of-type {
        margin-bottom: 0;
    }

.formulaire-erreur-generique-avertissement {
    border: 2px solid #fd7e14;
    border-left: 5px solid #fd7e14;
    font-size: 14px;
    color: #223654;
}

    .formulaire-erreur-generique-avertissement .formulaire-erreur-icone::before {
        content: url("../Content/Images/avertissement.svg");
    }

.formulaire-erreur-generique-succes {
    border: 2px #00852c solid;
    border-left: 4px #00852c solid;
    font-size: 14px;
    color: #223654;
}

    .formulaire-erreur-generique-succes .formulaire-erreur-icone::before {
        content: url("../Content/Images/CheckMark.svg");
    }

.formulaire-erreur-generique-severe {
    border: 2px solid #CC0000;
    border-left: 5px solid #CC0000;
    font-size: 14px;
    color: #223654;
}


    .formulaire-erreur-generique-severe .formulaire-erreur-icone::before {
        content: url("../Content/Images/danger.svg");
    }

.dispensation-select {
    height: 38px;
}

.select-deux-lignes {
    user-select: none;
    position: relative;
    font-size: 14px;
}

    .select-deux-lignes .ligne-1 {
        font-weight: 800;
    }

    .select-deux-lignes .ligne-2 {
        font-weight: 400;
    }

    .select-deux-lignes .ligne-1, .ligne-2 {
        display: block;
        line-height: 1em;
    }

    .select-deux-lignes .smaller {
        font-size: .9em;
    }

.choix {
    display: none;
    position: absolute;
    left: -1px;
    z-index: 990000;
    top: 38px !important;
}

    .choix ul {
        list-style-type: none;
        padding: 0;
        border: 1px solid #0dcaf0;
        padding: 0 !important;
        border: 1px solid InactiveCaptionText;
        max-height: 400px;
        overflow-y: scroll;
    }

        .choix ul li {
            background: white;
        }

            .choix ul li.selectionne {
                background: highlight;
                color: HighlightText;
            }

                .choix ul li.selectionne .text-muted {
                    color: highlightText !important;
                }


@media (min-width: 576px) {
}

@media (max-width: 768px) {
    #ramq-menu.ferme {
        width: 100%;
    }

        #ramq-menu.ferme nav .nav-link {
            width: auto;
            margin: 0;
        }

        #ramq-menu.ferme nav .cachable {
            display: inline-block;
        }
}

@media (min-width: 1155px) {

    .ramqMenuOuvert {
        width: 300px;
    }

    .ramqMenuContainer {
        height: 100%;
    }

    .nav-pills .nav-link.active {
        width: 256px;
    }
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}

.info-bulle {
    position: relative;
    display: inline-block;
}

    .info-bulle .info-bulle-texte {
        visibility: hidden;
        background-color: #223654;
        padding: 16px;
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
    }

.info-bulle {
    padding-top: 8px;
}

.info-bulle-texte {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12.8px;
    line-height: 18px;
    color: #FFFFFF;
    text-align: left;
}

.info-bulle .info-bulle-texte::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #223654 transparent transparent transparent;
}

.info-bulle:hover .info-bulle-texte {
    visibility: visible;
}


.info-bulle-lieu-dspensation .info-bulle-texte-lieu-dspensation {
    width: 214px;
    margin-left: -107px;
}

.info-bulle-lieu-dspensation-entete .info-bulle-texte-lieu-dspensation-entete {
    width: 338px;
    margin-left: -164px;
}

.info-bulle-authentification-possible .info-bulle-texte-authentification-possible {
    width: 260px;
    margin-left: -130px;
    padding: 16px 16px;
}

.info-bulle-action .info-bulle-action-contenu {
    width: 190px;
    height: 130px;
    top: 20px;
    margin-left: -185px;
}

.image-wrap {
    cursor: pointer;
}

.info-bulle-texte.info-bulle-action-contenu {
    background-color: white;
    color: black;
    text-align: center;
    border: 1px solid #E6E7E8;
    box-shadow: 0px 4px 24px -7px rgba(9, 87, 151, 0.25);
    border-radius: 4px;
    cursor: default;
}

.info-bulle-action {
    border-radius: 220px;
    height: 32px;
    width: 32px;
}

    .info-bulle-action.active {
        background-color: #B9CDE0;
    }
    .info-bulle-action:focus {
        outline: 2px solid #223654 !important;
    }
    .info-bulle-action .info-bulle-texte {
        visibility: visible;
        display: none;
    }

    .info-bulle-action img {
        position: relative;
        left: 7px;
    }

    .info-bulle-action .info-bulle-texte::after {
        visibility: hidden;
    }

.action-div {
    height: 65px;
}

.info-bulle-action-contenu div:first-child {
    border-bottom: 1px solid #E6E7E8;
}

.action-div button {
    height: 35px;
    margin-top: 12px;
    border-radius: 64px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12.8px;
}

.ramqBtnRetirerAcces {
    border: 2px solid #CC0000;
    border-radius: 64px;
    color: #CC0000;
}

    .ramqBtnRetirerAcces:hover {
        color: #CC0000;
    }

    .ramqBtnRetirerAcces img {
        position: relative;
        left: -3px;
    }

.ramqBtnInspect {
    color: #223654;
}

    .ramqBtnInspect img {
        margin-right: 8px;
        margin-bottom: 4px;
    }

.ramqBtnReinitialiser, .ramqBtnReinitialiser:hover {
    border-radius: 57px;
    font-weight: 500;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    width: auto;
    font-size: 13px;
    transition: all 0.3s ease;
}

#modalChargement .modal-dialog #loader {
    width: 70px;
    height: 100px;
    margin: 0 auto;
}

#modalChargement .modal-dialog #text-liste {
    color: white;
    font-size: 14px;
    width: 100%;
    display: block;
    text-align: center;
}

    #loader .page-loader {
        visibility: visible;
        border: 8px solid #e6e7e8;
        border-radius: 50%;
        border-top: 8px solid #ED6B41;
        width: 70px;
        height: 70px;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

        #loader .page-loader span {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0,0,0,0);
            white-space: nowrap;
            border: 0;
        }

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

th.sorting img.order {
    display: none;
}

th.sorting_asc img.order {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

th.sorting_desc img.order {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

th.sorting::after,
th.sorting_asc::after,
th.sorting_desc::after {
    opacity: 0 !important;
    content: "" !important;
}

.pagination {
    display: inline-flex;
}

.paginate_button {
    text-decoration: none;
    line-height: 1.42857143;
    padding: 6px 12px;
}

    .paginate_button a {
        color: #223654;
    }
    .paginate_button a:focus {
        outline: 2px solid #223654 !important;
    }
    .paginate_button.previous a,
    .paginate_button.next a {
        text-decoration: none !important;
    }

    .paginate_button.active {
        background-color: #F8FAFC;
    }

        .paginate_button.active a {
            text-decoration: none !important;
            font-weight: bold;
            cursor: default;
        }

    .paginate_button.disabled a {
        color: #6E7787;
        text-decoration: none !important;
        cursor: default;
    }

div.dataTables_wrapper div:last-child {
    padding: 0px 8px 0 8px;
}

table.dataTable tr.even {
    background-color: rgba(241, 245, 249, 0.5);
}

table.dataTable tr td {
    border-top: 1px solid #DCE6EF;
}
table.dataTable thead tr th:focus,
table.dataTable thead tr th:focus-visible,
table.dataTable thead tr th:focus-within {
    outline: 2px solid #223654 !important;
}

#liste-intervenants-autorises table.dataTable {
    border-collapse: collapse !important;
}

table.dataTable tbody td {
    border-right-width: 0px !important;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 420px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    /*background-color: #DCE6EF;*/
    color: #223654;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header .modal-title {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
    justify-content: flex-start;
    background-color: inherit;
}

.modal-header button,
.modal-header button:hover,
.modal-header button:active,
.modal-header button:visited {
    border: 0px !important;
    background-color: inherit;
}

.modal-footer {
    justify-content: flex-start;
}

    .modal-footer button,
    .modal-footer button:hover,
    .modal-footer button:active,
    .modal-footer button:visited {
        border-radius: 57px !important;
        padding: 8px 16px !important;
        font-weight: 500 !important;
        display: block !important;
        width: auto !important;
    }


.fade {
    transition: opacity .15s linear
}

.filtre.modal-body {
    flex: 0 1 auto;
    padding: 15px 0px 0px 0px !important;
}

    .filtre.modal-body.flex {
        flex: 1 1 auto;
        padding: 0px 0px 0px 0px !important;
    }

.modal .accordion-body {
    padding: 0px;
}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
    color: inherit !important;
    background-color: inherit !important;
}

.modal .line {
    min-height: 43px;
    padding-left: 1.25rem;
}

.modal .lineContainer {
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
}

.modal .even {
}

.modal .odd {
    background-color: #F8FAFC;
}

.modal label {
    padding-left: 5px;
}

.toggleAll {
    padding-top: 10px;
    padding-left: 20px;
}

#myModalContact .modal-content {
    color: #223654;
}

#myModalContact .contentAlignement {
    border-bottom: 1px solid #DCE6EF;
}

    #myModalContact .contentAlignement .modalSection {
        padding: 15px 24px 16px;
    }

#myModalContact h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 0px;
}

#myModalContact #contact_UPN {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
}

.cache {
    display: none;
}

.imageAuthentificationContainer {
    padding-top: 8px;
}

.contentAlignement .container {
    padding-left: 0px;
    padding-right: 0px;
}

#myModalContact .petitTitre {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}

#myModalContact #voletAffichage span {
    padding-left: 10px;
}


#myModalContact #voletAffichage td {
    padding-bottom: 10px;
}

    #myModalContact #voletAffichage td:first-child {
        text-align: center;
    }

#myModalContact input {
    width: 100%;
    height: 36px;
    margin-bottom: 15px;
    padding-left: 30px;
    background-position-y: center !important;
    background-position-x: 10px !important;
}

#myModalContact #contact_Modification_Courriel {
    background: url(../Content/Images/Enveloppe.svg) no-repeat;
}

#myModalContact #contact_Modification_Cellulaire {
    background: url(../Content/Images/Mobile.svg) no-repeat;
}

#myModalContact #contact_Modification_Telephone {
    background: url(../Content/Images/Telephone.svg) no-repeat;
}

#myModalContact .exemple {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12.8px;
    line-height: 16px;
    color: #6E7787;
    margin-top: 5px;
    margin-bottom: 3px;
}

#myModalAcces .modal-header {
    padding: 0px;
    justify-content: right;
    border-bottom: 0px;
}

#myModalAcces .modal-footer {
    justify-content: center;
    border-top: 0px;
}

#myModalAcces .close {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
    color: #223654;
    padding-left: 10px;
    padding-right: 9px;
}

    #myModalAcces .close:hover,
    #myModalAcces .close:active,
    #myModalAcces .close:visited {
        background-color: #cc0000;
        color: #fff;
    }

#myModalAcces .modal-footer {
    gap: 15px;
    padding-bottom: 40px;
}

    #myModalAcces .modal-footer .btn {
        width: 160px !important;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        flex-grow: 0;
        flex: none;
        border-radius: 16px;
    }

.ramqBtnAnnuler {
    box-sizing: border-box;
    border: 2px solid #223654;
    order: 1;
    /*Text*/
    color: #223654;
    background-color: #fff;
}

.ramqBtnRetirerAccesAction {
    box-sizing: border-box;
    border: 2px solid #095797;
    order: 2;
    /*Text*/
    color: #fff;
    background-color: #095797;
}

#myModalAcces .modal-footer .btn:hover,
#myModalAcces .modal-footer .btn:active,
#myModalAcces .modal-footer .btn:visited {
    border-color: #223654;
    background-color: #223654;
    color: #fff;
    text-decoration: underline;
}

.JustifyCenter {
    display: flex;
    justify-content: center;
}

#myModalAcces .premier {
    gap: 15px;
    padding-bottom: 30px;
}

#myModalAcces .deuxieme {
    padding-bottom: 15px;
    color: #223564;
}

#myModalAcces .dernier {
    padding-bottom: 15px;
    color: #223564;
}

#myModalAcces .bolder {
    font-weight: 600;
}

#myModalAcces .normal {
    font-weight: 400;
}
#myModalContact button:focus {
    outline: 2px solid #223654 !important;
}
#myModalAcces button:focus {
    outline: 2px solid #223654 !important;
}
#myModalFiltre button:focus {
    outline: 2px solid #223654 !important;
}

.TextCenter {
    text-align: center;
}

.messageUtilisateurContainer {
    display: none;
    color: #223654;
}

.messageUtilisateurContainerLine {
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 10;
}

    .messageUtilisateurContainerLine.messageSucces {
        border: 2px #00852c solid;
        border-left: 4px #00852c solid;
    }

    .messageUtilisateurContainerLine.messageFaillure {
        border: 2px red solid;
        border-left: 4px red solid;
    }

    .messageUtilisateurContainerLine span {
        padding-left: 15px;
        position: relative;
        top: 2px;
    }

.connexionPiloteBoite {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 92px;
    gap: 32px;
    position: absolute;
    width: 415px;
    height: 342px;
    background: #FFFFFF;
    border: 1px solid #E6E7E8;
    box-shadow: 0px 11px 48px -32px rgba(9, 87, 151, 0.35);
    border-radius: 4px;
}

.connexionPiloteIconeGIA {
    width: 54.93px;
    height: 54px;
}

.connexionPiloteTitre {
    width: 168.07px;
    height: 39px;
}

.connexionPiloteTitrePolice {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #223654;
}

.connexionPilotePoliceExemple {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12.8px;
    line-height: 16px;
    color: #6E7787;
}

.connexionPiloteBouton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    gap: 8px;
    width: 171px;
    height: 40px;
    background: #095797;
    border-radius: 32px;
    flex: none;
    order: 2;
    flex-grow: 0;
}

.connexionPiloteBoutonTexte {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    white-space: nowrap;
}

.connexionPiloteFormField {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #495057;
    margin-left: 10px;
    width: 221px;
    height: 40px;
}

.modalDialogue {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 70px;
    width: 100%;
    height: 950px;
    overflow: auto;
    background-color: #F8FAFC;
}

.modalDialogueContenuConnexionPilote {
    position: absolute;
    float: left;
    left: calc(50vw - 207px);
    top: calc(50vh - 241px);
    background-color: #FFFFFF;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

#exporterDonnees {
    border: 0;
    background-color: inherit;
}

.float-left {
    float: left;
}

.invalide input#IntervenantsAutorises_Criteres_Rechercher {
    margin-left: 9px;
}

.flex-auto {
    flex: auto;
}

.orLine {
    max-width: 320px;
}

#tableIntervenant{
    width:100% !important;
}
.container-liste-connexion {
    position: relative;
    margin: 0 auto;
    width: 210px;
}

    .container-liste-connexion ul {
        list-style: none;
        padding-left: 25px !important;
    }

        .container-liste-connexion ul:before {
            content: " ";
            width: 5px;
            height: 135px;
            background-color: #E6E7E8;
            position: absolute;
            z-index: 0;
            left: -8px;
            top: 40px;
            margin-top: -5px;
        }

        .container-liste-connexion ul li {
            margin-top: 25px;
            display: flex;
        }

            .container-liste-connexion ul li:before {
                position: absolute;
                content: " ";
                width: 28px;
                height: 28px;
                background-color: #E6E7E8;
                border-radius: 14px;
                left: -20px;
            }

            .container-liste-connexion ul li:after {
                position: absolute;
                content: " ";
                width: 15px;
                height: 15px;
                left: -14px;
            }

            .container-liste-connexion ul li:first-child:after {
                background: url(../Content/Images/Cle.svg) no-repeat;
                margin-top: 6px;
            }

            .container-liste-connexion ul li:nth-child(2):after {
                background: url(../Content/Images/Identite-Inv.svg) no-repeat;
                margin-top: 8px;
            }

            .container-liste-connexion ul li:last-child:after {
                background: url(../Content/Images/MotDePasse.svg) no-repeat;
                margin-top: 9px;
            }