:root {
    --background-1: #f2f2f2;
    --blue1: #2991A2;
    --blue2: #74b7c2;
    --blue-hover: #74b7c226;
    --green1: #00ae41;
    --grey1: #6c757d;
    --grey2: #5c636a;
    --grey3: #eeeeee;
    --grey4: #F9F9F9;
    --grey5: #DBDBDB;
    --red: #DC5D5D;
    --orange: #EA8F00;
}

body {
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: 'Fira Sans','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

b, strong {
    font-weight: 700;
}

a {
    color: #29a5a2;
    text-decoration: inherit;
}

a:hover, a:active, a:focus {
    color: #72afd2;
}


hr {
    border: 0;
    background: none;
    border-top: 1px solid #eeeeee;
    opacity: 1;
}

.dropdown.open .dropdown-menu {
    display: block;
}

.dropdown-menu li i {
    width: 25px;
    padding: 0!important;
}


.modal-header {
    display: flex;
    justify-content: space-between;
}

/*Fin Correctifs pour migration bootstrap 5 */

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #2991A2 !important;
}

.main-header .sidebar-toggle::before {
    content: none !important;
}

.dntCaptcha {
    margin-top: 7px;
}

#DNTCaptchaInputText-error {
    font-weight: bold;
}

#dntCaptchaRefreshButton {
    display: none;
}

.dntCaptcha .form-control {
    border: 1px solid #ccc !important;
    padding-left: 5px !important;
    font-size: 18px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 30px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

    h3 i {
        padding-right: 3px;
    }

a.disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.hide {
    display: none!important;
}

.titrecentree {
    text-align: center;
    text-transform: none;
    font-weight: 300;
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 24px;
}

.titrebox {
    margin: 0px;
    font-weight: 500;
    font-size: 16px !important;
    text-transform: none;
}

.bloctitrecompany {
    margin-bottom: 0px;
    background-color: white;
    margin-top: -15px;
    border-bottom: 1px solid #E0E0E0;
    min-height: 69px;
}

    .bloctitrecompany .btnsubbaraction, .btnsubbaraction {
        border-left: 1px solid #E0E0E0;
        height: 68px;
        padding-top: 13px;
        color: black;
        min-width: 12vw;
        float: left;
    }

    .bloctitrecompany .btnsubbaraction2 {
        float: right;
    }

    .bloctitrecompany .btnsubbaraction.disabled {
        cursor: not-allowed;
        opacity: 0.8;
        background-color: #CCCCCC;
    }

.bloctitrecompany-col1 {
    max-width: calc(100% - 810px);
    width: calc(100% - 810px);
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.bloctitrecompany-col2 {
    min-width: 810px;
    width: 810px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: right;
}

.bloctitrecompanyB .bloctitrecompany-col1 {
    max-width: calc(100% - 600px);
}

.bloctitrecompanyB .bloctitrecompany-col2 {
    min-width: 600px;
}

.bloctitrecompanyB .btnsubbaraction {
    width: 15vw;
}

.blocsubbarmeeting {
    min-height: 100px;
}

    .blocsubbarmeeting .blocmemo {
        background-color: #cff4fc;
        color: #055160;
        font-size: 14px;
        line-height: 19px;
        min-height: 90px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 10px;
        margin-bottom: 12px;
        border-radius: 3px;
        max-height: 90px;
        overflow: auto;
    }

    .blocsubbarmeeting .blocmemoecrit {
        font-size: 12px;
        line-height: 15px;
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

    .blocsubbarmeeting .blocmemo a {
        text-decoration: underline;
    }

    .blocsubbarmeeting .blocmemored {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

.blocmemored a {
    color: #6a1a21 !important;
}

.blocsubbarmeeting .blocmemoaction {
    display: none;
    background-color: white;
    text-align: right;
    height: 28px;
    margin-top: -40px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 3px;
    padding-right: 7px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

        .blocsubbarmeeting .blocmemoaction i {
            margin-left: 3px;
            background: #00ae41;
            padding: 4px;
            color: white;
            cursor: pointer;
        }

.bloctitrecompany .btnsubbaraction .subtextaction {
    color: #7B7B7B;
    font-size: 12px;
    line-height: 14px;
}

.bloctitrecompany .btnsubbaraction .faicon, .btnsubbaraction .faicon {
    color: white;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
}

.titrefilariane, .modal-header .modal-title {
    margin: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
}

.fil-ariane-active {
    background-color: #242424;
    color: #fff;
    padding: 4px 12px;
    border-radius: 2px;
    margin-left: 3px;
}

.soustitrebloc {
    margin: 10px;
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 16px;
}

.title-home {
    padding: 7px 0px 18px 25px;
    font-size: 22px;
    font-weight: 700;
}

.modal-header .modal-title {
    margin: 0px;
    font-weight: 300 !important;
    font-size: 16px;
}

.modal-body {
    padding-left: 30px;
    padding-right: 30px;
}

#modalDHTMLContent1, #modalDHTMLContent2 {
    max-height: 100vh;
    overflow-y: auto;
}

.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.icon-guide-square {
    margin-right: 15px;
    background: #00ae41;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
}

.box {
    position: relative;
    border-radius: 3px;
    background: #fff;
    border: none;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding: 10px;
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.form-control:focus {
    border-color: #3c8dbc;
    box-shadow: none;
}

.content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.content-wrapper {
    -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 230px;
    min-height: calc(100vh - 52px); /* 52px = hauteur du header a peu pres */
}

    .main-header .sidebar-toggle {
        float: left;
        background-color: transparent;
        background-image: none;
        padding: 15px 15px;
        font-family: fontAwesome;
    }

.fa-1-10x {
    font-size: 1.10em !important;
}

.fa-1-25x {
    font-size: 1.25em !important;
}

.fa-1-50x {
    font-size: 1.50em !important;
}

.fa-2x {
    font-size: 2em !important;
}

.bg-lg2 {
    font-size: 18px;
}

.bg-lg3 {
    font-size: 16px;
}

.bg-gray {
    background-color: #eeeeee !important;
    color: black !important;
}

.box-header {
    padding-top: 0px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
}

    .box-header.with-border {
        border-bottom: 1px solid #c4c4c4;
    }

.padding-home {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 0px;
}

.iconMenuEasyQuorum {
    padding-top: 6px !important;
    padding-bottom: 7px !important;
}

    .iconMenuEasyQuorum i {
        font-size: 20px !important;
        padding: 6px 9px 9px 6px;
        border-radius: 50%;
        border: 1px solid white;
        margin-right: 15px;
    }

    .iconMenuEasyQuorum span {
        vertical-align: calc(2px);
    }

.content-wrapper, .right-side {
    background-color: #f2f2f2;
}

.main-header .sidebar-toggle {
    font-size: 24px;
    line-height: 24px;
    padding: 12px 15px;
}

.main-header .togglemenubar {
    color: white;
}

.sidebar a {
    color: white;
}

.sidebar-menu > li > a {
    color: white;
}

.control-sidebar .sidebar-menu > li > a > span:not(.pull-right) {
    display: block !important;
    position: absolute;
    width: 180px;
    left: 50px;
}

.control-sidebar .sidebar-menu > li > a > span {
    top: 0;
    margin-left: -3px;
    padding: 12px 5px 12px 20px;
    background-color: inherit;
}

.actionBtns {
    visibility: collapse;
    text-align: right;
}

    .actionBtns .fa {
        font-size: 16px !important;
        margin-left: 15px;
    }

.actionVisible {
    visibility: visible;
}

.sidebar-mini .main-header .togglemenubar {
    padding: 12px 105px;
}

.sidebar-collapse .main-header .togglemenubar {
    padding: 12px 15px;
}

.main-sidebar .sidebar-menu > li > a {
    padding: 6px 6px;
}

    .main-sidebar .sidebar-menu > li > a > span {
        font-weight: none;
        padding-left: 20px;
        text-transform: uppercase;
    }

.main-sidebar .sidebar-menu li .fa {
    color: white;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    text-align: center;
}

body.dragging:not(.swal2-shown), body.dragging:not(.swal2-shown) * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.alert {
    padding: 10px;
    font-size: 13px;
}

.bg-dark {
    background-color: #242424;
    color: white;
}

.bootstrap-tagsinput .tag {
    padding: 6px;
    text-transform: capitalize;
    background-color: #2fbd65 !important;
}

.ddmmemberinvit li a {
    padding: 0px 20px !important;
}
.dropdownMemberMeeting li a i {
    width: 16px;
}
.dropdownMemberMeeting li.border-top {
    border-top: 1px solid #b5aeae;
}
.dropdownMemberMeeting li.border-bottom {
    border-bottom: 1px solid #b5aeae;
}

ol.listSortableLI {
    margin: 0 0 9px 0;
    min-height: 10px;
    padding-left: 0px;
}

    ol.listSortableLI li.subresostyle {
        display: block;
        margin: 5px;
        padding: 5px;
        border: 1px solid #888888;
        border-radius: 5px;
        color: #242424;
        font-weight: 500;
        min-height: 32px;
    }

        ol.listSortableLI li.subresostyle0 {
            background-color: white;
        }

        ol.listSortableLI li.subresostyle1 {
            background-color: #eeeeee;
        }

        ol.listSortableLI li.subresostyle2 {
            background-color: lightgoldenrodyellow;
        }

        ol .listSortableLI li:hover {
            background: #f4f4f4 !important;
        }

        ol.listSortableLI li ol {
            margin-top: 5px;
        }

            ol.listSortableLI li ol ol {
                margin-top: 5px;
            }

        ol.listSortableLI li.placeholder {
            position: relative;
            margin: 0;
            padding: 0;
            border: none;
        }

            ol.listSortableLI li.placeholder:before {
                position: absolute;
                content: "";
                width: 0;
                height: 0;
                margin-top: -5px;
                left: -5px;
                top: -4px;
                border: 5px solid transparent;
                border-left-color: var(--red);
                border-right: none;
            }



.listMembersTab {
    height: 220px;
    overflow-y: hidden;
}

    .listMembersTab:hover {
        overflow-y: auto;
    }

#tab-questions {
    max-height: 400px;
    overflow-y: auto;
}

.listMembersTab .memberitem {
    padding-top: 7px;
    padding-bottom: 5px;
    text-transform: capitalize;
    min-height: 40px;
}

    .listMembersTab .memberitem .label {
        margin-right: 5px;
    }

.listCompagnies .memberitem:nth-child(2n+1) {
    background: #f2f2f2;
}

.boxbodyMeetingH1 .memberitem:nth-child(2n+1) {
    background: #f2f2f2;
}

.listMembersTab2 .listelemline {
    background: none;
}

    .listMembersTab2 .listelemline:nth-child(odd) {
        background: #f2f2f2;
    }

.docNonEnvoiInvitDiv {
    margin-top: -64px;
    height: 64px;
    width: 100%;
    color: #444444;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 7px;
}

    .dropdown-menu > li > a:hover {
        background-color: #e1e3e9;
    }

.boxIdentityCompany .row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.circleinitname {
    background-color: black;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    display: inline-block;
    line-height: 29px;
    height: 29px;
    width: 29px;
    text-align: center;
}

.circlein-2 {
    padding-left: 5px;
}

.circleinitname-active {
    background-color: #ffffff !important;
    color: #00ae41 !important;
}

.listMembersTab .memberitem .circleinitname {
    margin-right: 10px;
}

.bg-lg {
    font-size: 13px;
}

.divfoldermeeting .iconNumDossierVotes {
    margin-top: -80px;
    margin-bottom: 60px;
    margin-left: -30%;
}

    .divfoldermeeting .iconNumDossierVotes span {
        background-color: #2991A2;
        padding: 3px;
        font-size: 10px;
        color: white;
        border-radius: 50%;
        height: 20px;
        display: inline-block;
        text-align: center;
        min-width: 20px;
    }

.textdocicon {
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-move {
    cursor: move;
}


.disabledTab {
    pointer-events: none;
    opacity: 0.3;
}

.tt-menu {
    max-height: 600px;
    overflow-y: visible;
    overflow-x: hidden;
    cursor: pointer;
    background: white;
    border: #CCC solid 1px !important;
    min-width: 100px;
    padding: 3px;
}

span.twitter-typeahead .tt-suggestion:hover {
    background-color: #34495e !important;
    color: white !important;
}

.tt-suggestion:hover .searchshortnameadv, .tt-suggestion:hover .searchnameadv, .tt-suggestion:hover .searchsubnamediv {
    color: white !important;
}

.page-searchapplicants .tt-suggestion {
    width: 351px;
}

.tt-menu .searchcompanydiv {
    display: table;
    padding: 7px 9px !important;
    width: 100%;
    border-bottom: #e0e0e0 solid 1px;
}

.searchcompanydivhome {
    display: table;
    padding: 15px 9px !important;
    width: 100%;
    border-bottom: #e0e0e0 solid 1px;
}

    .searchcompanydivhome:last-child {
        border-bottom: none;
    }

.searchcompanydivhome-content {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 6px 12px;
}

.tt-menu .searchcompanydivintern {
    color: green;
}

.overflownothidden {
    overflow: initial !important;
}

.empty-message {
    display: table;
    padding: 40px 91px !important;
    width: 100%;
    border-bottom: #e0e0e0 solid 1px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.dropdown-menu > li > a {
    display: block;
    padding: 4px 20px;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    text-transform: none;
}

.dropdown-menu > li, .dropdown-menu > li > a {
    font-size: 0.9rem;
    line-height: 1.3rem;
}

.dropdown-toggle::after {
    display: none !important;
}

.fa-list-btn {
    width: 22px;
    text-align: center;
}

#divGuideButton {
    background: white none repeat scroll 0 0;
    border-radius: 50%;
    color: #00ae41;
    cursor: pointer;
    font-size: 20px;
    height: 35px;
    padding: 4px;
    margin-left: 3px;
    position: fixed;
    left: 5px;
    opacity: 0;
    text-align: center;
    top: 600px;
    width: 35px;
    z-index: 999;
}

.introjs-helperNumberLayer {
    height: 24px;
    line-height: 17px;
    width: 24px;
}

.popover {
    max-width: 100%;
}

.popover-content {
    padding-left: 25px;
}



#panHistoryCollapse .nav > li > a:hover, #panHistoryCollapse .nav > li > a:active, #panHistoryCollapse .nav > li > a:focus {
    background: none;
}

.panHistoryColCollapse {
    padding-left: 4.5%;
}

    .panHistoryColCollapse #panHistoryCollapse {
        display: block;
        min-height: 270px;
    }

    .panHistoryColCollapse #panHistoryVisible {
        display: none;
    }

    .panHistoryColCollapse .nav-tabs-custom {
        width: 55px;
    }

    .panHistoryColVisible #panHistoryCollapse {
        display: none;
    }

    .panHistoryColVisible #panHistoryVisible {
        display: block;
    }



div.alert-meetingshedule a.close {
    color: white;
    text-decoration: none;
    left: 0;
}

.Italic {
    font-style: italic;
}

.dropdown-menu-right2 {
    left: 75%;
    top: 0;
}

.dropdown-menu-left2 {
    left: -160%;
    top: 0;
}

.dropdown-menu-left3 {
    left: -45%;
    top: 0;
}

.divfoldermeeting {
    cursor: pointer;
    margin-bottom: 2px;
}

.divsubdocmeeting {
    background-color: rgba(36, 36, 36, 0.06);
}

.divdocmeeting, .divfoldermeeting {
    padding: 5px;
    font-size: 13px;
}

.divsubdocmeeting .textlabel {
    margin-bottom: 2px;
}

.divdocmeeting .btn {
    color: #29a5a2;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

    .divdocmeeting .btn:hover, .divdocmeeting .btn:active, .divdocmeeting .btn:focus {
        color: #72afd2;
    }

.divdocmeetingV2, .divfoldermeetingV2 {
    border: 1px solid #c4c4c4;
    margin-bottom: 8px;
    min-height: 43px;
    padding: 5px;
    font-size: 13px;
}

    .divdocmeetingV2 .btn, .divfoldermeetingV2 .btn {
        padding: 4px 9px;
    }

    .divdocmeetingV2 > div, .divfoldermeetingV2 > div {
        padding-top: 3px;
        line-height: 24px;
    }

    .divdocmeetingV2 .colmdbtnact, .divfoldermeetingV2 .colmdbtnact {
        padding-top: 2px;
    }

        .divdocmeetingV2 .colmdbtnact .btn, .divfoldermeetingV2 .colmdbtnact .btn {
            float: right;
            width: 42px;
        }

.divsubdocmeetingV2 .textlabel {
    margin-bottom: 2px;
}

.folder .fa-chevron-right, .document .fa-chevron-right {
    display: none;
}

.folder.collapsed .fa-chevron-down, .document.collapsed .fa-chevron-down {
    display: none;
}

.folder.collapsed .fa-chevron-right, .document.collapsed .fa-chevron-right {
    display: inline;
}

.divfoldermeetingV2 .divsubdocmeeting {
    background-color: white;
}

.divfoldermeetingV2 .divdocmeetingV2 {
    margin-top: 5px;
}

.box-report {
    background: #EEEEEE;
    padding: 15px;
    line-height: 30px;
    min-height: 90px;
}

.box-report2 {
    background: #EEEEEE;
    padding: 5px;
    line-height: 20px;
    min-height: 30px;
    margin-bottom: 5px;
}

.box-report3 {
    background: none;
    padding: 5px;
    line-height: 20px;
    min-height: 60px;
}

.box-report .numberSpPlural {
    color: #00ae41;
}

.numberSpPluralBig {
    color: #96D367;
    font-size: 16px;
    font-weight: bold;
}

.box-report .reportPresentsVisio, .box-report .reportPresentsPresentiel {
    padding-left: 30px;
}

.box-report .reportPresentsQuorum {
    margin-top: 10px;
}

.box-report .quorumReportTitle {
    padding-left: 50px;
}

.favisibleonmouse .fa {
    display: none;
    cursor: pointer;
}

.favisibleonmouse:hover .fa {
    display: inline;
}

.slider-selection.tick-slider-selection, .slider-tick.in-selection, .slider-selection {
    background-image: linear-gradient(to bottom,#B5B5B5 0,#BABABA 100%) !important;
}

.slider-handle {
    background-color: #00AE41 !important;
    background-image: linear-gradient(to bottom,#00AA35 0,#00AE41 100%) !important;
}

.slider-tick-label {
    font-size: 11px;
}

#fh5co-sponsorships-header {
    background: #f9f9f9;
    color: #242424;
    padding-top: 150px;
    height: 500px;
}

    #fh5co-sponsorships-header .box {
        background: transparent;
        box-shadow: none;
    }

    #fh5co-sponsorships-header h2.titrecentree {
        line-height: 60px;
        font-size: 42px !important;
        text-align: center;
        color: #FFF !important;
    }

#fh5co-sponsorships {
    background: #f9f9f9;
    color: #242424;
    padding-top: 30px;
}

    #fh5co-sponsorships div.box-body div.form-email {
        padding-right: 30px;
    }

    #fh5co-sponsorships h2.titrecentree {
        line-height: 32px;
        font-size: 30px !important;
        text-align: center;
    }

.boxHistoryAction {
    min-height: 157px;
    max-height: 500px;
    overflow: auto;
}

.blocElementAction {
    padding-top: 10px;
}

#tabContributions .blocElementAction {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.blocElementAction:hover {
    background: #EFEFEF;
}

.blocElementAction .underline-separator {
    padding-bottom: 10px;
    border-bottom: 1px solid #00ae41;
}

.box .boxbodyMeetingH1 {
    height: 275px;
}

.crossedicon {
    background-image: url('/images/crossicon.png');
    background-position-x: -3px;
    background-position-y: -3px;
}

#labNbeNotReadContributions, #question-not-seen-count {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: inline-block;
    padding: 3px;
    color: white;
    background: var(--red);
    text-align: center;
    font-size: 12px;
}

.boxCollapsable .box-header {
    border-bottom: none;
    padding-bottom: 0px;
}

.boxCollapsable .chevrCollapseClose, .boxCollapsable .bodyBoxCollapsable {
    display: none;
}

.boxCollapsable .chevrCollapseOpen {
    display: inline;
}

.boxCollapsable .chevrCollapseClose, .boxCollapsable .chevrCollapseOpen {
    cursor: pointer;
}

.boxCollapsableOpen .chevrCollapseClose {
    display: inline !important;
}

.boxCollapsableOpen .bodyBoxCollapsable {
    display: block !important;
}

.boxCollapsableOpen .chevrCollapseOpen {
    display: none !important;
}

.boxCollapsableOpen .box-header {
    border-bottom: 1px solid #c4c4c4 !important;
    padding-bottom: 7px !important;
}

h5.sv_q_title {
    color: #333 !important;
    font-size: 16px !important;
    text-transform: none !important;
    padding-bottom: 6px;
    padding-top: 6px;
}

.sv_q_text_root {
    border-radius: 4px !important;
    height: 40px !important;
    width: 60%;
}

.sv_prev_btn, .sv_complete_btn, .sv_next_btn {
    background-color: #00ae41 !important;
    border-color: #00ae41 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    padding-bottom: 5px !important;
    padding-top: 2px !important;
}

.sv_main span {
    color: #333 !important;
}

.sv_body {
    padding-top: 0 !important;
    padding-bottom: 40px !important;
    margin-top: -10px;
}

.trackStepMeeting {
    color: #AAAAAA;
    border: 1px solid black;
    border-bottom: none;
    border-collapse: collapse;
    height: 46px;
    line-height: 15px;
    font-weight: bold;
    padding: 14px;
    font-size: 14px;
    cursor: pointer;
}

    .trackStepMeeting:last-child {
        border-bottom: 1px solid black;
    }

    .trackStepMeeting > .fa {
        width: 20px;
    }

.trackStepDoneMeeting {
    color: black;
}

.trackStepInProgressMeeting {
    background-color: black;
    color: white;
}

.trackStepMemoMeeting {
    background-color: white;
    position: absolute;
    right: 16px;
    padding: 8px;
    width: 500px;
    color: black;
    height: 88px;
    top: 170px;
    display: none;
}

.suiviShowIfBeforeMeetingDate, .suiviShowIfAfterMeetingDate {
    display: none;
}

.suiviHideIfBeforeMeetingDate, .suiviHideIfAfterMeetingDate {
    display: block;
}

.bloc-sidebarHTML {
    padding: 20px 50px;
    /*border-top: 1px solid lightgray;*/
    border-bottom: 1px solid lightgray;
}

#sidebarHTML {
    width: 470px;
    position: fixed;
    top: 0;
    right: -470px;
    height: 100vh;
    z-index: 9999;
    background: white;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    /*padding: 10px;*/
}

    #sidebarHTML.active {
        right: 0;
    }

#sidebarDHTMLContent {
    height: 100vh;
}

#dismissSidebarHTML {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: white;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    float: right;
    position: absolute;
    right: 14px;
}

    #dismissSidebarHTML:hover {
        background: #fff !important;
        color: #00ae41 !important;
    }

.overlaySidebarHTML {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9998;
    display: none;
}


.titulaire-home {
    width: 15%;
    border-radius: 5px;
    /*border: 2px solid #333;*/
    padding: 5px;
    margin: 15px;
    cursor: pointer;
    overflow: hidden;
    word-wrap: anywhere;
    font-weight: 700;
    padding-top: 0;
    padding-bottom: 0;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    position: relative;
    align-items: flex-start;
    justify-content: space-between;
    border: 2px solid rgba(186,186,186,0.3);
    box-shadow: 0 4px 40px 0 rgba(0,0,0,0.1);
}

.titulaire-homeflex {
    height: 125px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

    .titulaire-homeflex span {
        color: #111 !important;
    }

.titulaire-home:hover {
    border: 2px solid #00ae41;
    transform: translateY(-5px);
    box-shadow: 0 4px 40px 0 rgba(0,0,0,0.2);
}

.companyName-homeT1 {
    font-size: 170%;
}

.companyName-homeT2 {
    font-size: 150%;
}

.companyName-homeT3 {
    font-size: 130%;
}

.companyName-homeT4 {
    font-size: 115%;
}

.companyName-homeT5 {
    font-size: 100%;
}

.item-clickable {
    color: #000 !important;
}

    .item-clickable:hover {
        color: #00ae41 !important;
    }

.blocidentitybarcompany {
    margin-bottom: 10px;
    background-color: white;
    margin-top: 0px;
    height: 40px;
    border-bottom: 1px solid #E0E0E0;
    line-height: 40px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: inherit;
    display: block;
}

.blocidentitybarcompany2 {
    display: flex !important;
}

.blocidentitybarcompany > .row > div {
    overflow: hidden;
    max-height: 40px;
}

.bloctitrecompany .btn-group {
    display: block;
}

/*/////////// BARRE DE RECHERCHE /////////////*/
#searchbar .twitter-typeahead {
    display: block !important;
}

#searchbar .tt-menu {
    width: 100%;
    cursor: default;
    top: initial !important;
}

#searchbar span.twitter-typeahead .tt-suggestion:hover {
    background-color: #F2F2F2 !important;
    color: initial !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar {
    z-index: 1050;
}

.main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
}

.main-sidebar, .left-side {
    width: 230px;
    min-height: 100%;
    position: absolute;
    padding-top: 0px;
    top: 50px;
    left: 0;
    min-height: initial !important;
    z-index: 1050;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}

.control-sidebar-bg, .control-sidebar {
    top: 0;
    right: -290px;
    width: 290px;
    -webkit-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
}

    .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open + .control-sidebar-bg {
        right: 0;
    }

.control-sidebar-bg {
    position: fixed;
    z-index: 1000;
    bottom: 0;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 50px !important;
        z-index: 840;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        width: 50px !important;
        z-index: 850;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li {
        position: relative;
    }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
            margin-right: 0;
        }

            .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
                border-top-right-radius: 4px;
            }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
            border-bottom-right-radius: 4px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom-right-radius: 4px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            display: block !important;
            position: absolute;
            min-width: 180px;
            left: 50px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
            top: 0;
            margin-left: -3px;
            padding: 12px 5px 12px 20px;
            background-color: inherit;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
            position: relative !important;
            float: right;
            width: auto !important;
            left: 180px !important;
            top: -22px !important;
            z-index: 900;
        }

            .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
                display: none;
            }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            top: 44px;
            margin-left: 0;
        }

        .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
            display: none !important;
            -webkit-transform: translateZ(0);
        }

    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px;
    }

        .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
            display: block;
            margin-left: -15px;
            margin-right: -15px;
            font-size: 18px;
        }

        .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
            display: none;
        }

    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 50px;
    }

    aside.control-sidebar.control-sidebar-dark.control-sidebar-open div ul li a span {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .main-sidebar, .left-side {
        -webkit-transform: translate(-230px,0);
        -ms-transform: translate(-230px,0);
        -o-transform: translate(-230px,0);
        transform: translate(-230px,0);
    }

    .sidebar-open .main-sidebar, .sidebar-open .left-side {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

    .navbar-nav > .user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }

    .content-wrapper, .right-side, .main-footer {
        margin-left: 0;
    }

    .sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
        -webkit-transform: translate(230px,0);
        -ms-transform: translate(230px,0);
        -o-transform: translate(230px,0);
        transform: translate(230px,0);
    }

    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 100px;
    }

    .main-header .navbar-right {
        float: none;
    }

    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px;
    }

    .main-header .navbar-right > li {
        color: inherit;
        border: 0;
    }

    .main-header {
        position: relative;
    }

        .main-header .logo, .main-header .navbar {
            width: 100%;
            float: none;
        }

        .main-header .navbar {
            margin: 0;
            margin-left: 0!important;
        }

        .main-header .navbar-custom-menu {
            float: right;
        }
}

a[data-toggle="control-sidebar"] {
    color: #fff;
}

.sidebar {
    padding-bottom: 10px;
}

.sidebar-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
}

.sidebar-menu li > a {
    position: relative;
}

.sidebar-menu > li > a {
    padding: 12px 5px 12px 15px;
    display: block;
}

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
    white-space: nowrap;
}

.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    color:white;
}

.control-sidebar {
    position: absolute;
    padding-top: 0px;
    top: 50px;
    z-index: 1050;
}

.control-sidebar, .control-sidebar-bg, .wrapper {
    background-color: #242424 !important;
}

/*FIX Error 500 in modal*/
.modal-dialog #sidebarHTML, .modal-dialog .control-sidebar-bg, .modal-dialog .control-sidebar, .modal-dialog .main-header, .modal-dialog .main-sidebar {
    display: none;
}

.modal-dialog .sidebar-mini.sidebar-collapse .content-wrapper {
    margin-left: 0px !important;
}

/*/////////////////////*/
#ul-filtre {
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    min-width: 580px;
    padding-left: 5px;
}



#messagesChatList {
    overflow-y: auto;
    height: 399px;
}

.divNotificationChat {
    font-size: 10px;
}

.divUserChat {
    font-size: 12px;
    font-weight: bold;
}

.divContentMsgChat {
    font-size: 12px;
    word-break: break-all;
}

.spanTimeChat {
    color: black;
}

#listVisioContacts {
    overflow-x: hidden;
    height: auto;
}

.tooltip .tooltip-inner .reasonForAbsence__container {
    display: block;
    width: 100%;
    text-align: left;
}

.tooltip .tooltip-inner .reasonForAbsence {
    margin: 7px 0;
    max-height: 80px;
    overflow: hidden;
    position: relative;
}

    .tooltip .tooltip-inner .reasonForAbsence::after {
        position: absolute;
        bottom: -10px;
        height: 20px;
        width: 100%;
        left: 0;
        content: "";
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,1) 4%, rgba(0,0,0,0) 100%);
    }

/*Utilisation de flex afin d'aligner verticalement des élements (par exemple sur un formulaire horizontal).*/
.vertical-align {
    display: flex;
    align-items: center;
}

ul.no-bullets {
    list-style-type: none;
}

#video-player-modal {
    text-align: center;
}

    #video-player-modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

.video-player-modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 50%;
}

.video-player-modal-body {
    position: relative;
    padding: 0;
}

    .video-player-modal-body .close {
        position: absolute;
        right: -30px;
        top: 0;
        z-index: 999;
        font-size: 2rem;
        font-weight: normal;
        color: #fff;
        opacity: 1;
    }

.rowMaintenance {
    padding: 13px;
    font-size: 13px;
    background: #ddd;
    margin-top: -15px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.body-with-messagenotification .trackStepMemoMeeting {
    top: 204px !important;
}

.body-with-messagenotification .titrefilariane {
    padding-top: 15px !important;
}

.linkGuideCrisp {
    color: #00ae41;
    display: block;
    margin: 40px 0;
    font-size: 16.5px;
}

.infobulle {
    color: #242424;
    padding-left: 5px;
}

    .infobulle:hover {
        color: #00ae41;
    }

.tooltip {
    padding: 5px;
    font-size: 11pt;
}

.tooltip-inner {
    min-width: 330px;
}

.slider .tooltip {
    font-size: 10pt;
}

.slider .tooltip-inner {
    min-width: initial;
}

.littleTooltips .tooltip {
    padding: 3px !important;
    font-size: 10pt !important;
}

.littleTooltips .tooltip-inner {
    min-width: initial !important;
}

td.cut-string {
    white-space: nowrap;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.lastExecAccountScript {
    font-size: 13px;
    padding-left: 15px;
}

.relaunchAccountScript {
    cursor: pointer;
    padding-left: 20px;
}

.dateExecAccountScript {
    font-weight: 900;
}

.stateExecAccountScript {
    font-size: 12px;
    padding-left: 10px;
    margin-left: 10px;
}

/* Modal support*/
.popoverSupport {
    padding: 10px;
    line-height: 2;
}

    .popoverSupport h4 {
        font-size: 20px;
        color: #00AE41;
        padding-bottom: 10px !important
    }

    .popoverSupport h5 {
        font-size: 16px;
        color: #00AE41;
        padding-top: 5px;
    }

    .popoverSupport a {
        color: #00AE41;
    }

        .popoverSupport a:hover {
            text-decoration: underline;
        }

#task-information__instance, #task-information__number {
    transition: 0.2s;
}

.resolutionEditingDisabled .info {
    display: inline-block !important;
    pointer-events: initial !important;
}

.resolutionEditingDisabled li {
    border: unset !important;
}

.resolutionEditingDisabled .resolution {
    border-bottom: 1px solid #c4c4c4 !important;
    padding-bottom: 1rem;
}

.resolutionEditingDisabled ol li ol {
    margin-top: unset !important;
}

.reportCandidateWinnerElect, .reportCandidateWinnerElect span {
    color: green !important;
    font-weight: bold;
    text-decoration: underline green;
}

.reportCandidateLosingElect, .reportCandidateLosingElect span {
    color: black !important;
    font-weight: normal;
}

.collapse-button:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: '\f0d7\00a0\00a0';
    font-size: 2rem;
    color: #2991A2;
    position: relative;
    top: 6px;
}

.collapse-button.collapsed:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f0da\00a0\00a0';
    color: #2991A2;
    position: relative;
    top: 6px;
}

.select2-dropdown {
    z-index: 99999 !important;
}

/*
    Flags lib intl-tel-input
*/
.iti__flag {
    background-image: url("~/lib/intl-tel-input/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("~/lib/intl-tel-input/flags@2x.png");
    }
}

@media screen and (max-width: 58em) {
    .nav-tabs-linetriangle {
        font-size: 0.6em;
    }
}

@media only screen and (max-width: 768px) {
    #divGuideButton, .popover {
        display: none !important;
    }

    .boxtrackingmeeting, .trackStepMemoMeeting, .blocsubbarmeeting {
        display: none !important;
    }
}

@media only screen and (max-width : 1200px) {
    .bloctitrecompany-col2 {
        min-width: 30% !important;
    }

    .bloctitrecompany-col1 {
        max-width: 70% !important;
        overflow: hidden;
        max-height: 66px;
    }

    .bloctitrecompany .btnsubbaraction, .bloctitrecompanyB .btnsubbaraction {
        width: 100%;
    }

    .listMembersTab2 .listelemline:nth-child(odd) {
        background: none;
    }

    .navbar-custom-menu {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1750px) {
    .box .boxbodyMeetingH1 {
        height: 335px;
    }

    .box.boxtrackingmeeting {
        height: 383px !important;
    }

    .trackStepMeeting {
        font-size: 12px !important;
    }

    .col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .colParamCompany {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 1300px) {
    .blocsubbarmeeting .blocmemo {
        font-size: 11px;
        line-height: 13px;
        margin-bottom: 8px;
        min-height: 100px;
        max-height: 100px;
    }

    .trackStepMeeting {
        font-size: 11px !important;
    }

        .trackStepMeeting > .fa {
            width: 12px;
        }

    .col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .colParamCompany {
        padding-left: 0px;
        padding-right: 4px;
    }
}

@media (max-width: 767px) {
    .box .boxbodyMeetingH1 {
        height: 380px;
    }
}

/*Modifs suite migration Bootstrap 5 */

.main-header .navbar {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: margin-left .3s ease-in-out;
    -o-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
    margin-bottom: 0;
    margin-left: 230px;
    border: none;
    min-height: 50px;
    border-radius: 0;
}

.main-header .navbar-nav {
    flex-direction: row;
}

    .main-header .navbar-nav #menu-param > a {
        padding: 15px;
        display: inline-block;
    }

    .main-header .navbar-nav > li > a:hover, .main-header .navbar-nav > li > a:active, .main-header .navbar-nav > li > a:focus {
        color: white;
        background: none;
    }

.main-header #nav-task-informations {
    padding-top: 2px;
}

.nomargin {
    margin: 0;
}

.wrapper {
    overflow-x: initial;
    overflow-y: initial;
    position: relative;
    min-height: 100vh;
}

.table > :not(:first-child) {
    border-top: 1px solid lightgray;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #f4f4f4;
}

.label-drag-document {
    position: absolute;
    height: 50px;
    left: 50%;
    top: calc(50% + 21px);
    transform: translate(-50%, -50%);
}

.drag-document {
    margin-top: 10px;
    border: 2px dashed #ccc;
    max-height: 30vh;
    overflow: hidden;
}

.remove-pointer-events * {
    pointer-events: none;
}

.opacity-65 {
    opacity: 0.65;
}


/**********************
Composant de Pagination
***********************/
.pagination {
    justify-content: center;
    margin-top: 10px;
}

/**********************
Composant d'autocomplete (Bloodhound)
***********************/
.form-group-default__custom {
    background-color: #fff;
    position: relative;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 2px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.form-group-default__custom label {
  padding-top:4px;
}

    .form-group-default__custom .form-control {
        border: none;
        height: 25px;
        min-height: 25px;
        padding: 0;
        margin-top: -4px;
        background: none;
    }

    .form-group-default__custom.required:after {
        color: #f55753;
        content: "*";
        font-size: 20px;
        position: absolute;
        right: 12px;
        top: 6px;
    }


/*
  Hover à utiliser partout
*/
.element-hover :hover {
    background: #f4f4f4 !important;
}

.collapse-button-small:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: '\f0d7\00a0\00a0';
    font-size: 1rem;
    color: black;
    position: relative;
    top: 0px;
    left: 2px;
}

.collapse-button-small.collapsed:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f0da\00a0\00a0';
    color: black;
    position: relative;
    top: 0px;
}


/* SURCHARGE COMPOSANT AUTOCOMPLETE.JS */
.autoComplete_wrapper > input {
    height: inherit!important;
    width: 100%!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 1rem!important;
    color: #111!important;
    outline: none!important;
    border-radius: 0!important;
    background-image: none!important;
    transition: none!important;
}

    .autoComplete_wrapper > input::placeholder {
        color: #111 !important;
    }

    .autoComplete_wrapper > input:hover::placeholder {
        color: #111 !important;
    }

    .autoComplete_wrapper > input:focus::placeholder {
        color: #111 !important;
    }

    .autoComplete_wrapper > input:focus::selection {
        background-color: #00ae4126!important;
    }

    .autoComplete_wrapper > input::selection {
        background-color: #00ae4126 !important;
    }

    .autoComplete_wrapper > input:hover {
        color: #111 !important;
    }


    .autoComplete_wrapper > input:focus {
        color: #111 !important;
        border: none !important;
    }

.autoComplete_wrapper > ul {
    max-height: 200px !important;
    overflow-y: auto !important;
    z-index: 1000 !important;
}


.autoComplete_wrapper > ul > li {
    font-size: 0.8rem !important;
}

    .autoComplete_wrapper > ul > li mark {
        font-weight: bold!important;
        padding: 0!important;
        color: #111!important;
    }

    .autoComplete_wrapper > ul > li:hover {
        background-color: #00ae4126!important;
    }


.autoComplete_wrapper > input.autocomplete-outside-form {
    width: 100% !important;
    font-size: 1rem !important;
    border-radius: 16px !important;
    padding: 0.375rem 0.75rem !important;
    border-color: #00ae41 !important;
}

.autoComplete_wrapper > input.autocomplete-outside-form::placeholder {
    color: #00ae41 !important;
}

.autoComplete_wrapper > input.autocomplete-outside-form:focus {
    border: 1px solid !important;
    border-color: #00ae41 !important;
}

/* ANCIENNEMENT ADMINLTE */
.nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    border-radius: 3px;
}

    .nav-tabs-custom > .nav-tabs > li {
        border-top: 3px solid transparent;
        margin-bottom: -2px;
        margin-right: 5px;
    }

    .nav-tabs-custom > .nav-tabs > li.active > a {
        border-top-color: transparent;
        border-left-color: #f4f4f4;
        border-right-color: #f4f4f4;
    }

    .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
        background-color: #fff;
        color: #444;
    }

.btn-success {
    background-color: #00a65a;
    border-color: #008d4c;
}

.bg-red, .callout.callout-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

/* Start datatable ovverride*/
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after {
    opacity: 0.5 !important;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after {
    opacity: 0.9 !important;
}

/* End datatable ovverride*/


.table-head-color1 tr th {
    background: #2991A2 !important;
    color: #FFF !important;
}

/* Gestion des icônes des dossiers des documents (ouvert/fermé) */
.folder .fa-folder.collapsing, .fa-folder.show {
    display: none !important;
}

.folder .fa-folder.collapse:not(.show) {
    display: inline !important;
}

.border-right-1 {
    border-right: 1px solid!important;
}
.border-left-1 {
    border-left: 1px solid!important;
}
.border-left-2 {
    border-left: 2px solid!important;
}
.border-top-2 {
    border-top: 2px solid !important;
}

.tr-total-border {
    border-top: 2px solid #2991a2a6;
    border-bottom: none !important;
}

.bg-blue1 {
    background-color: var(--blue1) !important;
}

.bg-blue2 {
    background-color: var(--blue2) !important;
}

.bg-grey1 {
    background-color: var(--grey1) !important;
}

.bg-grey2 {
    background-color: var(--grey2) !important;
}

.bg-grey3 {
    background-color: var(--grey3) !important;
}

.bg-grey4 {
    background-color: var(--grey4) !important;
}

.bg-grey5 {
    background-color: var(--grey5) !important;
}

.bg-red {
    background-color: var(--red) !important;
}

.bg-green {
    background-color: var(--green1) !important;
}

.color-green {
    color: var(--green1) !important;
}

.color-red {
    color: var(--red) !important;
}

.color-blue1 {
    color: var(--blue1) !important;
}

.color-blue2 {
    color: var(--blue2) !important;
}

.color-grey1 {
    color: var(--grey1) !important;
}

.color-grey2 {
    color: var(--grey2) !important;
}

.color-grey3 {
    color: var(--grey3) !important;
}

.color-grey4 {
    color: var(--grey4) !important;
}

.color-grey5 {
    color: var(--grey5) !important;
}

.color-orange {
    color: var(--orange) !important;
}

.border-blue1 {
    border-color: var(--blue1) !important;
}

.border-blue2 {
    border-color: var(--blue2) !important;
}

.border-green
{
    border-color: var(--green1) !important;
}

.border-grey1 {
    border-color: var(--grey1) !important;
}

.border-grey2 {
    border-color: var(--grey2) !important;
}

.border-grey3 {
    border-color: var(--grey3) !important;
}

.border-grey4 {
    border-color: var(--grey4) !important;
}

.border-grey5 {
    border-color: var(--grey5) !important;
}
.border-grey {
    border-color: var(--grey3);
}

.cell-bg-white {
    --bs-table-accent-bg: white !important;
}

.border-primary {
    border-color: var(--green1) !important;
}

.border-danger {
    border-color: var(--red) !important;
}

.border-neutral {
    border-color: var(--grey1) !important;
}

.border-left {
    border-left: 1px solid #dee2e6;
}

.border-right {
    border-right: 1px solid #dee2e6;
}

.text-normal {
    text-transform: none;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fs-7 {
    font-size: 0.9rem;
}

.fs-8 {
    font-size: 0.7rem;
}

.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: -o-linear-gradient(top, white, black);
    background: linear-gradient(to bottom, white, black);
}


/* OVERRIDING SELECT2 DEFAULT CSS */
.select2-container {
    width: 100% !important;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1;
}

span.select2-selection.select2-selection--single {
    border: none;
    margin-top: 2.4px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

span.select2-dropdown.select2-dropdown--below {
    border-top: 1px solid #aaa;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

span.select2-selection__arrow::after {
    right: 3.8px;
    transform: rotate(-45deg);
}

span.select2-selection__arrow::before {
    right: 0;
    transform: rotate(45deg);
}

span.select2-selection__arrow::after,
span.select2-selection__arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    height: 6px;
    width: 1.6px;
    background: #111;
}

.select2-selection {
    border: none !important;
}

/****** CUSTOM SCROLLBAR - Utilisé sur reporting et stats  ******/
.eq-scrollbar-container {
    position: sticky;
    bottom: 0;
}

.eq-scrollbar {
    width: 100%;
    height: 15px;
    position: relative;
    border-radius: 10px;
}

    .eq-scrollbar .eq-scrollbar-cursor {
        width: 20px;
        height: 15px;
        position: absolute;
        border-radius: 10px;
        transition: background-color 0.2s ease-out;
    }

.eq-reporting-scrollbar .eq-scrollbar-cursor:hover {
    background-color: var(--blue1) !important;
}

/** TEST */
span.eq-select-arrow::after {
    right: 3.8px;
    transform: rotate(-45deg);
}

span.eq-select-arrow::before {
    right: 0;
    transform: rotate(45deg);
}

span.eq-select-arrow::after,
span.eq-select-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    height: 6px;
    width: 1.6px;
    background: #111;
}

/*** SCROLLBAR BLEU ***/
.scroll-blue {
    max-height: 50rem;
    overflow: hidden;
}

    .scroll-blue:hover {
        overflow: auto;
    }

    /* width */
    .scroll-blue::-webkit-scrollbar {
        width: 15px;
        height: 15px;
    }

    /* Track */
    .scroll-blue::-webkit-scrollbar-track {
        background: var(--grey3);
        border-radius: 10px;
    }

    /* Handle */
    .scroll-blue::-webkit-scrollbar-thumb {
        background: var(--blue2);
        border-radius: 10px;
    }

        /* Handle on hover */
        .scroll-blue::-webkit-scrollbar-thumb:hover {
            background: var(--blue1) !important;
        }

/* HOVER */
.transition-15ms {
    -webkit-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

.hover-bg-blue:hover {
    background-color: var(--blue-hover)!important;
}

.hover-border-blue:hover {
    border-color: var(--blue2) !important;
}

.hover-border-blue2:hover {
    border-color: var(--blue2) !important;
}

.loading-placeholder {
    animation-name: loading-placeholder;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    animation-iteration-count: infinite;

    transition: 0.2s ease-out;
}

.hide-loading {
    opacity: 0;
}

.sentenceChangeNameEQ {
    margin-left: 20px;
    font-style: italic;
    color:white!important;
}

@keyframes loading-placeholder {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.breadcrumb-nav a:hover {
    text-decoration: underline;
}

i.fa.fa-angle-right {
    transition: 0.2s
}
[aria-expanded=true] i.fa.fa-angle-right {
    transform: rotate(90deg);
}

.eq-alert {
    border: 1px solid transparent;
    border-left: 4px solid;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 2px;
}

.eq-alert-danger {
    border-color: var(--red);
}

.eq-alert-warning {
    border-color: var(--orange);
}

.eq-alert-info {
    border-color: var(--blue1);
}

.eq-alert-success {
    border-color: var(--green1);
}

/*
* Ne pas afficher le bouton pour afficher le mdp natif à edge
*/
::-ms-reveal {
    display: none;
}

#components-reconnect-modal {
    position: absolute;
    display: none;
    z-index: 10000;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #0000001f;
}
    #components-reconnect-modal.components-reconnect-show,
    #components-reconnect-modal.components-reconnect-failed,
    #components-reconnect-modal.components-reconnect-rejected,
    #components-reconnect-modal.components-reconnect-show .components-reconnect-show-body,
    #components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-body,
    #components-reconnect-modal.components-reconnect-rejected .components-reconnect-rejected-body {
        display: block;
    }

    #components-reconnect-modal .components-reconnect-modal-body {
        display: none;
        background-color: white;
        padding: 2rem;
        border-radius: 0.5rem;
        text-align: center;
        box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10001;
    }

.components-rejoining-animation {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2) {
            animation-delay: -0.5s;
        }

.components-reconnect-modal-body button {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    .components-reconnect-modal-body button:hover {
        background-color: #3b6ea2;
    }

@keyframes components-rejoining-animation {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}

._pendo-resource-center-module-list-item-title-text {
    margin-bottom: 5px !important;
}

._pendo-resource-center-module-list-item-subtitle-text {
    padding-right: 25px !important;
}

#pendo-resource-center-container:has(iframe),
._pendo-step-container-size:has(iframe) {
    width: 90vw !important;
    height: 85vh !important;
}

.logo-eQ-Legisway {
    display: block;
    background-position: center;
    object-fit: contain;
    background-size: 100%;
    background-repeat: no-repeat;
}

.logo-eQ-Legisway-horizontal-black {
    background-image: url(/images/logo/eQ_Legisway_Meetings_horizontal_black.png);
}

.spin-loader {
    border: 5px solid var(--grey1);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: spin-rotation 1s linear infinite;
}

@keyframes spin-rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.timer-container {
    position: relative;
    overflow: hidden;
    background: #fff;
    --duration: 0s; /* durée par défaut */
    --delay: 0s; /* délai par défaut */
    --animation-name: unset;
}

    .timer-container::before {
        z-index: 0;
        inset: 0;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #00ae4133 !important;
        animation-name: var(--animation-name);
        animation-duration: var(--duration);
        animation-timing-function: linear;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-fill-mode: forwards;
        animation-delay: var(--delay);
        transform-origin: right;
    }

    .timer-container > * {
        position: relative;
        z-index: 1; /* texte au-dessus du fond */
    }

@keyframes timer-container-anim {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}