@import url("../styles/opera/notifications.css");

:root {
    --hauteur: 18em;
    --imgLogin: url("../images/login/Mire-2.jpg");
    --main_color: #1989b6;
    --purpleDelib: #bb88d1;
    --bg-gradient: linear-gradient(45deg, var(--primary-bg-color), var(--main_color));
    --background-login-color: var(--bg-gradient); /* #e1f5ff;*/
    --primary-bg-color: #F2F2F2;
    --border_login: #159fd7;
    --background-login: #a0e3f7;
    --login-text-color: #363636;
    --btn-cnx-text-color: white;
    --test: #6691CC;
    --labelWidth: 0px;
    --valueMaxWidth: unset;
    --backdrop: #000f18b3;
    --fontFamily: Open_Sans, Verdana, Helvetica, Arial, sans-serif;
    --main-background-color: rgb(247, 248, 252);
    --header-seance-color: white;
    --header-document-color: rgb(196 224 235);
    --header-etape-color: rgb(226, 226, 226);
    --calendar-deb-seance-color: rgba(121, 210, 230);
    --calendar-fin-seance-color: rgba(255, 105, 97);
    --calendar-date-seance-color: rgba(171 214 150);
    --calendar-date-com-seance-color: rgba(252, 227, 169);
    --calendar-deb-seance-bg-color: rgb(228, 246, 250);
    --calendar-fin-seance-bg-color: rgb(255, 225, 223);
    --calendar-date-seance-bg-color: rgb(238, 247, 234);;
    --calendar-date-com-seance-bg-color: rgb(255, 250, 238);
    --widthGrayBackGround: 0px;
}

.dateAddReport {
    color: var(--main_color);
    font-weight: bold;
}

.bg-img1 {
    background-image: url("../images/login/1.jpg");
}

.bg-img2 {
    background-image: url("../images/login/2.jpg");
}

.bg-img3 {
    background-image: url("../images/login/3.jpg");
}

.bg-img4 {
    background-image: url("../images/login/4.jpg");
}

.bg-img5 {
    background-image: url("../images/login/5.jpg");
}

.bg-img6 {
    background-image: url("../images/login/6.jpg");
}

.bg-img7 {
    background-image: url("../images/login/7.jpg");
}

.bg-img8 {
    background-image: url("../images/login/8.jpg");
}

.bg-img9 {
    background-image: url("../images/login/9.jpg");
}

BODY {
    margin: 0;
    padding: 0;
    font-family: var(--fontFamily);
    background-color: #f6f8fb;
    height: 100%;
    font-size: 12px;
}

.textDimensionCalculation {
    position: absolute;
    visibility: hidden;
    height: auto;
    width: auto;
    white-space: nowrap;
}

iframe {
    padding: 0;
    margin: 0;
    background-color: #efeff2;
}

div, a, img, span, table, input {
    outline: none;
}

form {
    margin: 0;
    padding: 0;
}

input {
    border: 1px solid #595959;
    font: normal 100% Arial;
}

input[disabled="disabled"], input[readonly="readonly"] { /*IE*/
    background-color: #F5F5F5;
    background-image: none !important;
}

input[type="radio"], input[type="checkbox"]:not(.form-check-input), .checkbox {
    border: 0 none;
    background-color: transparent;
}

input[type="text"], input[type="password"] {
    padding-top: 2px;
}

input[type="text"], input[type="password"], textarea {
    border-radius: 2px;
    border-color: #656565;
    padding-left: 2px;
    transition: 0.2s box-shadow ease-in-out, 0.2s border-color ease-in-out;
}

select {
    /*color: #000;*/
    /*color: rgba(0, 0, 0, 0);*/
    /*text-shadow: 0 0 0 #000;*/
    outline: none;
    transition: 0.2s ease-in-out;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, input[type="radio"]:focus, input[type="checkbox"]:focus:not(.form-check-input) {
    outline: none;
    border-color: #02E4E6;
    box-shadow: 0 0 7px #0082a8;
}

.btn {
    border-radius: 3px;
}

.btn, .btnOver {
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    /*color: white;*/
    background-color: #666666;
    padding: 5px 8px 3px 8px;
    margin-left: 10px;
    font-size: 115%;
    font-weight: bold;
    cursor: pointer;
    border: none;
    outline: none;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.btnCnx {
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    color: var(--btn-cnx-text-color);
    padding: 5px 8px 3px 8px;
    margin-top: 20px;
    font-size: 115%;
    font-weight: bold;
    cursor: pointer;
    border-color: var(--main_color);
    outline: none;
    height: 30px;
    font-size: 16px;
    border-radius: 4px;
    background: linear-gradient(to left, var(--main_color) 50%, var(--btn-cnx-text-color) 50%) right;
    background-size: 200% 100%;
    transition: .5s ease-out;
}

.btnCnx:hover, .btnCnx:focus {
    background-position: left;
    border-color: var(--main_color);
    color: var(--main_color);
}

.btnOver {
    color: #333333;
    background-color: var(--main_color);
}

a.error {
    text-decoration: none;
    color: #900;
    cursor: pointer;
    font-weight: bold;
    transition: color 0.2s ease-in-out;
}

a:hover.error {
    color: #d71818;;
}

a {
    text-decoration: none;
    color: #444;
    cursor: pointer;
    font-weight: bold;
    transition: color 0.2s ease-in-out;
}

a img {
    vertical-align: middle;
    border: 0;
    transition: all 250ms ease-in-out;
}

a:hover {
    color: #000000;
}

a.ejsmenu {
    font-family: var(--fontFamily);
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

div.ejsmenu {
    font-family: var(--fontFamily);
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

/** Nouvelles fiches */

.ficheContainer, .ficheContainerSplitted {
    width: 100%;
    border: 0;
    background-color: #fff;
    padding: 0;
}

.ficheContainer {
    box-shadow: 1px 1px 12px #555;
}

.ficheDoubleLabel {
    width: 200px;
}

.ficheContainerContentMulti {
    width: 100%;
    padding: 20px 10px 5px 10px;
}

.ficheContainerContentMulti .ficheGauche {
    width: 50%;
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    clear: left;
}

.ficheContainerContentMulti .ficheDroite {
    width: 47%;
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
}

.ficheContainerContentMulti .ficheDouble {
    width: 98%;
    float: left;
    clear: left;
    padding-top: 7px;
    padding-bottom: 7px;
}

.ficheContainerContentMulti .ficheGaucheLabel, .ficheContainerContentMulti .ficheDroiteLabel, .ficheContainerContentMulti .ficheDoubleLabel {
    float: left;
    padding-left: 25px;
    font-weight: 600;
}

.ficheContainerContentMulti .ficheGaucheValue, .ficheContainerContentMulti .ficheDroiteValue {
    width: 55%;
    float: right;
    white-space: nowrap;
    vertical-align: top;
}

.ficheContainerContentMulti .ficheDoubleValue {
    width: 77%;
    float: right;
    vertical-align: top;
}

.ficheContainerContentMulti .ficheGaucheValue input, .ficheContainerContentMulti .ficheDroiteValue input,
.ficheContainerContentMulti .ficheGaucheValue select, .ficheContainerContentMulti .ficheDroiteValue select {
    max-width: 99%;
}

.ficheDroite span {
    white-space: nowrap;
}

.ficheDouble td, .ficheGauche td, .ficheDroite td {
    padding-right: 5px;
}

.ficheDoubleValue a img, .ficheGaucheValue a img, .ficheDroiteValue a img {
    /*vertical-align: top;*/
}

.formFiche {
    padding-top: 10px;
}

.leftSide .formFiche, .leftSideTableSansPanelsConsult .formFiche {
    /** Présence panel droit */
    width: 100%;
}

.leftSide .formFiche .ficheGaucheLabel, .leftSide .formFiche .ficheDroiteLabel, .leftSide .formFiche .ficheDoubleLabel {
    width: 25%;
}

.leftSide .formFiche .ficheGaucheValue, .leftSide .formFiche .ficheDroiteValue, .leftSide .formFiche .ficheDoubleValue {
    width: 70%;
}

#mainTable {
    padding-right: 0;
    margin-bottom: 12px;
}

#mainTable td {
    vertical-align: top;
}

.label {
    height: 20px;
    width: 20%;
}

/** Barres de titres avec ou sans onglet */
.ficheTitre {
    height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11pt;
    color: #fff;
    text-align: left;
    width: 1525px;
    margin: 30px 0 0;
}

.titreCorbeilleSeance {
    margin: 0;
    width: 350px;
    float: left;
    height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding-top: 6px;
    background-color: #656565;
    white-space: nowrap;
}

a.lienseance {
    font-size: 11px;
    color: black;
    text-decoration: none;
    float: left;
    font-weight: normal;
}

.ficheTitre .titreCorbeilleSeance span {
    background: url("../images/opera/point-titre.png") no-repeat 10px center;
    padding: 0 15px 0 25px;
}

.tabledelib {
    border-collapse: separate !important;
    border-spacing: 0;
    outline: 1px solid black;
}

.FTFilter,
.detailReport,
.tableFolderList,
.otherChoise select,
.customSelect,
div.widgetSelect,
#delegatedUsrId {
    font-family: var(--fontFamily);
    font-size: 12px;
    color: #857575;
}


.tabledelib td, .tabledelib th, .tableAccueil td, .tableAccueil th, .tableFtResult td.ftSearchResult, #resultConflictTable td {
    border-bottom: 0 none;
    padding: 5px;
    font-family: var(--fontFamily);
    font-size: 13px;
}

.groupSeance {
    background-color: var(--header-seance-color);
    color: black;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}

.tableAccueil th {
    color: white;
    padding-left: 4px !important;
}

.tableAccueil td {
    border-top: #00b1e65e solid 1px;
}

.tableAccueil tr:nth-of-type(1) td,
.tableFtResult tr:nth-of-type(1) td {
    border-top: none;
}

.tableAccueil {
    border-bottom: none !important;
}

div.dataTables_processing {
    margin-top: 20px !important;
}


#eluDestinataireTable_wrapper.dataTables_wrapper {
    padding: 0 !important;
}

.dataTables_wrapper, .dt-container {
    padding: 0 10px !important;
}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_length select,
.dt-container .dt-info,
.dt-container .dt-paging .paginate_button,
.dt-container .dt-length,
.dt-container .dt-length select {
    color: var(--main_color) !important;
    height: 23px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dt-container .dt-paging .dt-paging-button.current {
    color: white !important;
}

#actionContainer .dataTables_wrapper .dataTables_paginate,
#actionContainer .dt-container .dt-paging {
    display: flex;
    justify-content: center;
    align-items: center;
}

#actionContainer .dataTables_wrapper .dataTables_paginate .paginate_button,
#actionContainer .dt-container .dt-paging .dt-paging-button {
    color: var(--main_color) !important;
    font-weight: 500;
    transition: background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .08s ease;
    margin: 0;
    height: 100%;
}

#actionContainer .dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.disabled):hover,
#actionContainer .dt-container .dt-paging .dt-paging-button:not(.current):not(.disabled):hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #2563eb !important;
}

#actionContainer .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#actionContainer .dt-container .dt-paging .dt-paging-button.current {
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
    box-shadow: 0 6px 12px rgba(37, 99, 235, .20);
    transform: none;
    cursor: default;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#actionContainer .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
#actionContainer .dt-container .dt-paging .dt-paging-button.current:hover {
    background: #2563eb !important;
    color: #ffffff !important;
}

#actionContainer .dataTables_wrapper .dataTables_paginate .paginate_button:focus-visible,
#actionContainer .dt-container .dt-paging .dt-paging-button:focus-visible {
    color: #ffffff !important;
}

#actionContainer .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#actionContainer .dt-container .dt-paging .dt-paging-button.disabled {
    opacity: .45 !important;
    color: #1f2937 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

#actionContainer .dataTables_wrapper .dataTables_paginate .ellipsis,
#actionContainer .dt-container .dt-paging .dt-ellipsis {
    border: 0 !important;
    background: transparent !important;
    color: #6b7280 !important;
    padding: 8px 4px !important;
    box-shadow: none !important;
}

#actionContainer .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
#actionContainer .dataTables_wrapper .dataTables_paginate .paginate_button.next,
#actionContainer .dt-container .dt-paging .dt-paging-button.previous,
#actionContainer .dt-container .dt-paging .dt-paging-button.next {
    display: flex;
    align-items: center;
}

.tabledelib td {
    background-color: white;
}

.tabledelib tr.separeSeance {
    font-weight: bold;
    color: var(--main_color);
    font-size: 12px;
    text-decoration: none;
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
}

.tabledelib thead {
    font-weight: bold;
    color: black;
}

.tabledelib tr.separeSeance a {
    text-decoration: none;
    color: #FFFFFF;
}

.tabledelib tr.separeSousSeance {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
}

.tableNoBorder {
    border: none;
    outline: none;
}

#classificationTable {
    border: none !important;
    min-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

#classificationTable td, th {
    border-left: none;
    border-right: none;
}

#classificationTable .titreSepareSeance {
    padding: 0;
}

.separeSousSeance {
    height: 8px;
    color: #FFFFFF;
    background-color: #E3E3E3;
    font-weight: bold;
    font-size: 12px;
}

.separeSeance .titreSepareSeance .commission {
    color: white;
    font-size: 13px;
    margin-left: 5px;
    margin-top: 2px;
    display: inline-block;
}

#classificationTable img {
    float: left;
}

.formFooter TD {
    background-color: #FFFFFF;
    color: black;
    font-size: 12px;
    font-weight: bold;
    font-family: var(--fontFamily);
}

#mainDivLogin {
    position: absolute;
    top: 0;
    height: 100%;
    right: 2%;
    width: 33%;
    max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/** Login */
#divLogin {
    border: 1px solid var(--main_color);
    border-radius: 10px;
    backdrop-filter: blur(30px);
    padding: 75px 50px;
    width: 100%;
}

@supports not (backdrop-filter: blur(15px)) {
    #divLogin {
        background: linear-gradient(to top right, var(--primary-bg-color), var(--main_color));
    }
}

.loginNormalBkgd {
    background: url("../images/opera/delib.auth.png") right center no-repeat;
}

.bodyLogin {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    display: flex;
    justify-content: flex-end;
}

#login {
    background-color: transparent;
    padding: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    /* margin-top: 90px;*/
    border-spacing: 0 10px;
}

#login tr {
    margin: 0;
    padding: 0;
}

#login td {
    margin: 0;
    padding-top: 0;
    border: 0;
    font-family: var(--fontFamily);
    color: #5d5656;
}

.loginBold {
    font-weight: bold;
    height: 25px;
}

.loginLabel {
    text-align: right;
    vertical-align: middle;
}

.loginLabel span {
    padding-right: 10px;
}

.loginLabelBlock {
    display: block;
    width: 267px;
    height: 15px;
    font-size: 1rem;
    color: var(--login-text-color);
}

.loginTitle {
    white-space: nowrap;
    text-align: right;
    height: 50px;
}

div.loginHaut {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

iframe.loginHaut {
    width: 100%;
    height: 100%;
    position: absolute;
}

.buttonsLine {
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    white-space: nowrap;
}

.buttonsLine div {
    display: inline;
}

.txt10pxbold {
    font-family: var(--fontFamily);
    font-weight: bold;
    color: #000;
    text-align: left;
}

.txtwhite10px {
    font-family: var(--fontFamily);
    color: #FFF;
}

.cellUserPrinc label {
    cursor: pointer;
    white-space: nowrap;
}

.bandeauLogin {
    height: 25px;
}

.topBarBkgd, .adminTopBarBkgd {
    background-color: #fff;
}

.bandeauTopBar {
    display: inline-flex;
    align-items: center;
    padding-left: 10px;
    width: 100%;
}

.logoTopBar {
    height: 60px;
    width: 95px;
    background: url("../images/7.0/delib_logo_and_text.svg") no-repeat;
}

.adminTopBarBkgd .bandeauTopBar {
    padding-right: 150px !important;
    width: 100%;
}

.changerModeAffichage {
    width: 390px;
}

.delegBlockPos {
    vertical-align: top;
}

.delegBlock {
    float: right;
    text-align: right;
}

.menuCol {
    white-space: nowrap;
    padding-right: 15px;
}

.menuColNormal {
}

.menuColDisabled {
    color: gray;
    font-style: italic;
}

.menuColNoSep div {
    padding-left: 7px;
}

.menuCol div {
    background: url("../images/opera/menu.sep.png") no-repeat left;
    padding-left: 7px;
    margin-left: 7px;
}

.menuColHome {
    width: 128px;
    padding-left: 2px;
    vertical-align: middle;
}

.menuHomeLabel {
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 0;
    color: #0099cc;
}

.menuColSeance, .menuColRech, .menuColAvancement, .menuColDocuments, .menuColTeletransmission, .menuColParapheur {
    height: 20px;
    width: 66px;
}

.menuColDecon {
    width: 100px;
    text-align: left;
    background: url("../images/opera/deconnexion.png") no-repeat center right;
    padding-right: 20px;
}


.divMenuGeneral {
    position: absolute;
    width: 100%;
    height: 39px;
}

.divMenuGeneral table {
    padding-right: 10px;
}

div.error:not(.adel-notification) {
    background: #ffcccc no-repeat 5px 4px;
    color: #900;
    border-top: 1px solid #c00;
    border-bottom: 1px solid #c00;
    padding: 0.20em 1em 0.20em 1em;
    font-weight: bold;
    min-height: 1.7em;
    height: 1.7em;
    margin: 0 1em 0.5em 1em;
}

div.error p {
    margin: 0;
    padding-top: 2px;
}

.transpaScreen50 {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #E2E9EF;
    z-index: 199;
}

#mainTable.formRech {
    position: absolute;
    padding-bottom: 15px;
}

#mainTable.formRech .ficheContainerContent {
    padding-bottom: 22px;
}

a.linkValue {
    color: #000;
    text-decoration: none;
}

a.linkValue:hover {
    font-weight: bold;
}


div.lienuser, a.lienuser, label.widgetSelect {
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}

.textAreaComment.blur {
    color: #999;
    font-style: italic;
}


.legalContentLink {
    display: block;
    font-style: italic;
    white-space: nowrap;
    vertical-align: bottom;
    color: var(--main_color);
    font-size: 90%;
}

.releaseNotesLink {
    font-style: italic;
    color: gray;
    font-size: 90%;
}

.legalContentLink:hover, .releaseNotesLink:hover {
    color: #006280;
}

.legalContentLink span {
    padding-left: 30px;
    font-size: 80%;
}

.legalContentLinkDiv {
    margin-right: 7px;
    margin-left: auto;
    margin-top: 7px;
    display: none;
}

.noteVersion {
    padding-top: 5px;
}

.puceLigneBlocs {
    background: url("../images/opera/fleches.png") no-repeat 1px 6px;
}

.puceLigneBlocs a, .puceLigneBlocs span {
    margin-left: 15px;
    color: black;
    text-decoration: none;
    vertical-align: top;
    font-weight: normal;
}

.spanLigneBlocs {
    color: black;
    font: 9pt Verdana;
}

.inputChercherAcceuil {
    height: 15px;
    vertical-align: top;
}

.postitAcceuil {
    background: url("../images/opera/delib.postit.full.png") no-repeat 0 -12px;
    background-size: 1050px 480px;
    height: 450px;
    padding-left: 17px;
    width: 100%;
}

.seanceLignePostit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url("../images/opera/fleches_blanches.png") no-repeat 10px;
}

.seanceLignePostit a, .seanceLignePostit span {
    margin-left: 20px;
    color: black;
    text-decoration: none;
    font-weight: normal;
}

.seanceLignePostit a:hover {
    font: 9pt Verdana;
    color: white;
}

.seanceligneImpaire {
    background-color: rgba(0, 177, 230, 0.3);
}

.puceLigneBlocs a:hover {
    color: var(--main_color);
}

.datePostit {
    margin-top: 60px;
    padding-left: 35px;
}

.tachePostit {
    background-color: #0082a8;
    color: white;
    margin-top: 20px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-transform: uppercase;
}

.tachePostitLabel {
    padding-left: 10px;
}

/*.blocShadow {*/
/*box-shadow: 1px 1px 12px #555;*/
/*-moz-box-shadow: 1px 1px 12px #555;*/
/*-webkit-box-shadow: 1px 1px 12px #555;*/
/*}*/

.blocShadow {
    box-shadow: 1px 1px 6px -4px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 1px 1px 6px -4px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 1px 1px 6px -4px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    transition: box-shadow .3s ease-in-out;
}

.blocShadow:hover {
    box-shadow: 0px 5px 10px -4px #555;
    -moz-box-shadow: 0px 5px 10px -4px #555;
    -webkit-box-shadow: 0px 5px 10px -4px #555;
}

.afficherSeancesLink {
    color: black;
    text-align: center;
    font-style: italic;
    margin-top: 15px;
}

.afficherSeancesLink a {
    color: black;
}

.afficherSeancesLink a:hover {
    font: 9pt Verdana;
    font-weight: bold;
    color: #f2f2f2 !important;
}

.tableSeancePostit {
    margin-top: 15px;
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0;
}

.logicielVersion {
    font-size: 12px;
    padding-top: 5px;
}

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

.grayBackground {
    background-color: #d7d8d9;
}

/* Statisques */

.mainPanelStatistic {
    left: 30px;
    position: absolute;
    top: 20px;
    width: 50%;
}

.tableStatTitle {
    border-spacing: 0;
    height: 27px;
}

/*.titrePanel {*/
/*    background: #666666 url("../images/opera/point-titre.png") no-repeat scroll 10px center;*/
/*    color: white;*/
/*    font: bold 12pt Verdana;*/
/*    height: 20px !important;*/
/*    max-width: 800px;*/
/*    min-width: 400px;*/
/*    overflow: hidden;*/
/*    padding-left: 22px;*/
/*    text-overflow: ellipsis;*/
/*    text-transform: uppercase;*/
/*    vertical-align: middle;*/
/*    white-space: nowrap;*/
/*}*/

.titrePanel {
    background: var(--main_color);

    /*background-color: #C0C0C0;*/

    /*background: #666666 url("../images/opera/point-titre.png") no-repeat scroll 10px center;*/
    /*color: white;*/
    font: bold 12pt Verdana;
    height: 20px !important;
    max-width: 800px;
    min-width: 400px;
    overflow: hidden;
    padding-left: 22px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    color: white;
    padding-right: 15px;
}

.bgBlueChip {
    background: url("../images/opera/point-titre.png") no-repeat scroll 0px center;
}

.bgAliceBlue {
    background: aliceblue;
}

.borderRadius5 {
    border-radius: 5px;
}

.blueBullet {
    background: #666666 url("../images/opera/point-titre.png") no-repeat scroll 10px center;
}

.ongletTitreCoin {
    background: url("../images/opera/onglet_titre_coin.png") no-repeat;
    width: 30px;
}

.ongletTitreCoinSeance {
    background: url("../images/opera/onglet_titre_coin.png") no-repeat, url("../images/opera/box_shadow_top.png") repeat;
    width: 40px;
    float: left;
    height: 30px;
}

.subPanel {
    background-color: white;
    display: inline-block;
    width: 100%;
    min-height: 350px;
}

.subPanelNoWidth {
    background-color: white;
    display: inline-block;
    min-height: 350px;
}

.divInline {
    clear: left;
    padding: 5px;
    display: inline-block;
}

.verticalAlign {
    vertical-align: middle;
}

.verticalAlignTop {
    vertical-align: top;
}

.subContainer {
    clear: left;
    margin-left: 25px;
    margin-top: 15px;
}

.subTableStat {
    width: 80%;
}

.subTableStat td, .subTableStat th {
    padding: 5px;
}

.textBold {
    font-weight: bold;
}

.textBoldItalic {
    font-weight: bold;
    font-style: italic;
}

.uppercase {
    text-transform: uppercase;
}

.italic {
    font-style: italic;
}

.text {
    font-family: var(--fontFamily);
    font-size: 9pt;
}

.divInline .ui-datepicker-trigger {
    padding-left: 2px;
    vertical-align: middle;
}

.subTableTitle {
    margin-left: 25px;
    font-size: 10pt;
}

.radioSelectStat {
    float: left;
}

.linkHtmlGeneration {
    width: 200px;
}

.linkPdfGeneration {
    width: 200px;
    margin-left: 5px;
}

.statImgGeneration {
    margin-right: 5px;
}

.buttonBottomRight {
    float: right;
}

.buttonBottomRight .btn {
    color: white;
}

.buttonBottomRight .btnExit {
    width: 100px;
}

.buttonBottomRight .btnExit:hover {
    color: var(--main_color) !important;
}

.buttonBottomRightTiers {
    width: 1000px;
    margin-top: 30px;
}

.buttonBottomRightTiers > input {
    float: right;
}

.divMenuGeneral a {
    text-decoration: none;
    /*    color: #efeff2;*/
    transition: all 0.2s ease-in-out;
}

.divMenuGeneral a:hover {
    font-weight: bold;
    color: var(--main_color) !important;
}

.menuColHome a:hover {
    font-weight: bold;
    color: #efeff2 !important;
}

.labelVersionValue {
    padding-left: 5px;
}

/* Frames */
.fullFrame {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: none
}

.fullBody {
    margin: 0;
    padding: 0;
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
}

#framesContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

iframe {
    border: none;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.fullContainer {
    height: 100%;
    position: absolute;
    width: 100%;
}

.bandeauContainer {
    position: absolute;
    top: 0;
    width: 100%;
}

.accueilContainer {
    bottom: 0;
    color: white;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}

.paramsPanel {
    left: 30px;
    position: absolute;
    top: 20px;
    width: 95%;
}

.tableUserParms {
    border-collapse: separate !important;
    border-spacing: 0;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-left: 10px;
}

.tableUserParms td {
    padding: .5em .5em .5em 10px;
}

.tableUserParms td > input {
    border-color: #999999;
    width: 80%;
}

.divUserInfos {
    border-collapse: separate !important;
    border-spacing: 0;
    height: 350px;
    overflow-y: auto;
    border: none;
}

.divScroll-y {
    height: 300px;
    overflow-y: auto;
}

.divDelegatRemove {
    border: none;
    border-collapse: separate !important;
    border-spacing: 0;
    height: 200px;
    margin-top: 10px;
}

.tableDelegMove {
    width: 100%;
}

.divScrollRemoveDeleg {
    height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tableUserInfos {
    width: 95%;
    margin: 30px;
    border: none;
}

.divOverflow {
    overflow-y: auto;
}

.overflowAuto {
    overflow: auto;
}

.overflowHiden {
    overflow: hidden;
}

.overflowYHiden {
    overflow-y: hidden !important;
}

.tableUserNotif {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    border-collapse: separate !important;
    border-spacing: 0;
    height: 80%;
}

.tableUserNotif td {
    padding: .5em;
    display: inline-block;
    vertical-align: middle;
}

.infoResultIncidence {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

#modifPasswordTab, #infoUserTab, #orgaRapNormauxTab, #orgaRapUrgentTab, #orgaAutreRapTab, #delegTab, #notifTab {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    margin-left: 15px;
    margin-bottom: 15px;
}

#orgaRapNormauxTab table, #orgaRapUrgentTab table, #orgaAutreRapTab table,
#notifTab table {
    margin: 20px;
}

#orgaRapNormauxTab td, #orgaRapUrgentTab td, #orgaAutreRapTab td {
    padding-bottom: 02px;
    width: 40%;
}

#delegTab td {
    padding-bottom: 2px;
}

#delegTab select {
    width: 100%;
}

.orgaSaveChoice {
    padding-left: 50px;
}

.vAlignMid {
    vertical-align: middle;
}

.btnCon:hover {
    color: #efeff2;
}

/* Frames Seance */

.actionContainer {
    position: absolute;
    width: 60px;
    height: 100%;
    background: rgb(246, 248, 251);
}

.corbeilleSeanceContainer {
    bottom: 0;
    left: 75px;
    position: absolute;
    right: 0;
    top: 0;
}

.rightPanelContainer {
    bottom: 0;
    left: 75px;
    position: absolute;
    right: 0;
    top: 0;
}

#tableSeancePanel {
    margin-bottom: 50px;
    width: 100%;
}

.tableTitle {
    margin-left: 10px;
    font-size: 10pt;
}

.seancesPanel {
    margin-left: 20px;
    width: 51%;
}

#endTitreCorbeille {
    background: url("../images/opera/box_shadow_corner_tr.png") no-repeat 555px 0, url("../images/opera/box_shadow_top.png") repeat 555px 0;
    float: left;
    height: 30px;
    width: 570px;
}

.tdIconSeance {
    background-color: var(--main_color);
}

.titreSepareSeance {
    border-right: none !important;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.tabledelib tr.hoverBlue:hover td,
.tableNoBorder tr.hoverBlue:hover td {
    background-color: var(--main_color);
}

#tableUserRight tr.hoverBlue:hover td {
    background-color: var(--main_color);
}

.tabledelib tr.separeSeance:hover td {
    background-color: #666666;
}

.radioSeance {
    display: none;
}

input.radioSeance[type=radio]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

input.radioSeance[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -1px;
    padding-left: 20px;
    background: url('../images/opera/checks.png') no-repeat 0 0;
    line-height: 24px;
}

input.radioSeance[type=radio]:disabled:not(old) + label {
    background: url('../images/opera/checks_disabled.png') no-repeat 0 0;
}

input.radioSeance[type=radio]:not(old):checked + label {
    background-position: 0 -48px;
}

input.radioStyle[type=radio]:not(old) {
    width: 22px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

input.radioStyle[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    background: url('../images/opera/checks.png') no-repeat 0 0;
    line-height: 24px;
}

input.radioStyle[type=radio]:disabled:not(old) + label {
    background: url('../images/opera/checks_disabled.png') no-repeat 0 0;
}

input.radioStyle[type=radio]:not(old):checked + label {
    background-position: 0 -48px;
}

.actionBtnSeanceAccueil {
    background-color: white;
    border: 1px solid black;
    border-collapse: separate !important;
    border-spacing: 0;
    margin-left: 10px;
    margin-top: 65px;
    width: 50px;
}

.actionBtnSeance {
    background-color: white;
    border: 1px solid black;
    border-collapse: separate !important;
    border-spacing: 0;
    margin-left: 10px;
    margin-top: 65px;
    width: 50px;
    position: fixed;
}

.seanceMenu {
    background-color: white;
    border: 1px solid black;
    border-collapse: separate !important;
    border-spacing: 0;
    min-height: 50px;
    min-width: 50px;
    display: flex;
    flex-direction: row;
    width: fit-content;
}

/** Panels seance */
.seanceFicheWrapper {
    display: flex;
    flex-direction: column;
}


.ficheSeanceIndex {
    display: flex;
    align-items: center;
    padding: 10px;
}

.ficheSeanceLabel {
    min-width: 170px;
    font-weight: 600;
}

.seanceFieldset {
    display: grid;
    grid-template-columns: 1fr;
}

.freeFieldset .ficheSeanceLabel {
    max-width: 170px;
}

.commissionCalendar {
    display: flex;
    flex-direction: column;
}

.ficheSeance {
    padding: 10px;
    background: white;
    display: inline-block;
    flex: 1;
    margin-right: 10px;
}

.seanceMenu a:hover {
    box-shadow: 1px 1px 12px #555;
}

.seanceMenu a {
    cursor: pointer;
    display: flex;
    height: 50px;
    width: 50px;
}

/*.seanceMenu img {
    margin: auto;
}*/

.actionBtn {
    border: 1px solid black;
    border-collapse: separate !important;
    border-spacing: 0;
    background-color: white;
    margin-left: 10px;
    margin-top: 65px;
    width: 50px;
    position: fixed;
}

.documentActionBtn {
    margin-left: 10px;
    margin-top: 20px;
    width: 50px;
    position: fixed;
}

.documentActionBtn .groupActions {
    /*border: 1px solid black;*/
    border-collapse: separate !important;
    border-spacing: 0;
}

.documentActionBtn .groupActions img {
    width: 30px;
    height: 30px;
}

.actionBtn td:hover, .documentActionBtn button:hover {
    box-shadow: 1px 1px 12px #555;
}

.actionBtn a {
    cursor: pointer;
}

.actionBtn td {
    height: 46px;
    text-align: center;
}

.actionBtnODJ {
    position: relative;
    margin-left: 0;
    margin-top: 0;
    border: none !important;
}

#actionBtnContainer {
    height: 1000px;
    border: 1px black solid;
    width: 50px;
    position: fixed;
    margin-left: 8px;
    margin-top: 65px;
}

.delibTooltip {
    box-shadow: 0 0 5px #999999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #efeff2;
    color: black;
    z-index: 100;
}

.titreBandeauContainer {
    width: 100%;
    background-color: var(--main_color);
    height: 30px;
    display: flex;
}

.titreBandeau {
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    margin: auto;
    font-size: 11pt;
}

.btnPurple,
.btnPurple:hover,
.btnGray,
.btnGray:hover,
.btnblueV7,
.btnblueV7:hover {
    color: white !important;
    border: none;
    border-radius: 0;
    font-size: 80%;
}

.inputGray,
.btnGray,
.btnGray:hover,
.btnGray.show,
:not(.btn-check) + .btnGray:active,
.btnGray:first-child:active {
    color: #e2e2e2 !important;
    background-color: #808080;
}


.inputPurple,
.btnPurple,
.btnPurple:hover,
.btnPurple.show,
:not(.btn-check) + .btnPurple:active {
    background-color: var(--purpleDelib);
}

.inputBlue,
.btnblueV7,
.btnblueV7:hover,
.btnblueV7.show,
:not(.btn-check) + .btnblueV7:active {
    background-color: var(--main_color);
}

/*ne focntionne pas encore sous firefox*/
.inputBlue:has(> label input:disabled),
.inputGray:has(> label input:disabled),
.inputPurple:has(> label input:disabled) {
    color: #e2e2e2 !important;
    background-color: #b3b3b1;
    cursor: not-allowed;
    pointer-events: unset;
}

.btnblueV7:disabled,
.btnPurple:disabled,
.btnGray:disabled,
:not(.btn-check) + .btnblueV7:active:disabled,
:not(.btn-check) + .btnPurple:active:disabled,
:not(.btn-check) + .btnGray:active:disabled {
    pointer-events: unset;
    cursor: not-allowed !important;
    color: #e2e2e2 !important;
    background-color: #b3b3b1;

}

.btnblueV7:disabled label,
.btnGray:disabled label,
.btnPurple:disabled label {
    cursor: not-allowed !important;
}

.dropdown-toggle-split::after {
    font-size: 16px;
}

.dropdown-menu {
    inset: 0 0 auto !important;
}

.dropdown-item {
    width: auto;
}

.btnblueImp {
    background-color: var(--main_color) !important;
    color: white !important;
}

.btnblue {
    background-color: var(--main_color);
    color: white;
    border: none;
}

.btnblue:hover {
    border: none;
    color: #333333 !important;
    transition: color 0.3s ease-in-out;
}

.btnblue:disabled {
    color: white !important;
}

.btnred {
    background-color: #e2001a;
    color: white;
    border: none;
}

.btnred:hover {
    color: black !important;
}

.btngreylight {
    border: none;
    background-color: #9E9595;
    color: white;
}

.btngreylight:hover {
    color: #333333 !important;
    transition: color 0.3s ease-in-out;
}

.critRecherchePersonne {
    margin-top: 20px;
    margin-left: 15px;
    margin-bottom: 5px;
}

.critRecherchePersonne input {
    width: 300px;
    font-size: 9pt;
}

.createTiersTable {
    margin-top: 20px;
    margin-left: 15px;
    margin-bottom: 5px;
    padding-bottom: 50px;
}

.createTiersTable input {
    width: 200px;
    font-size: 9pt;
}

.labelTD {
    font-size: 9pt;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    width: 110px;
}

.bottomPanel {
    background-color: white;
    margin-top: 50px;
    padding-top: 25px;
    padding-bottom: 60px;
}

.bottomPanelAffectation {
    background-color: white;
    margin-top: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.titreResultContainer {
    background-color: #666666;
    height: 30px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.titreResult {
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    margin-left: 30px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 11pt;
}

.topPanel {
    margin-bottom: 60px;
    width: 650px;
}

.btnOverBlue:hover {
    color: var(--main_color) !important;
    transition: .2s ease-in-out;
}

.trBorder {
    border: 1px solid black;
}

/*Fiche Seance*/
.ficheSeancePanel {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.mainPanel {
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 20px;
}

.mainPanelWithTitle {
    margin-left: 80px;
    margin-top: 30px;
    position: absolute;
}

.administrationPanelWithTitle {
    width: 1200px;
    margin-left: 20px;
    margin-top: 20px;
}

.errorPanelWithTitle {
    width: 950px;
    margin-left: 20px;
    margin-top: 20px;
}

.errorPanelWithTitle .titrePanel {
    color: #ff7373;
}

.mainPanelWithTitleCopyField {
    margin-left: 20px;
    margin-top: 20px;
}

.divPanel {
    margin-bottom: 50px;
    min-width: 945px;
}

.mainPanelWithTitleCopyField .divPanel {
    width: 740px;
    margin-bottom: 35px;
}

.odjTableRowDrag td {
    background-color: var(--main_color);
    font-weight: bolder;
    color: white;
}

.odjTableRowDrag td input {
    background-color: var(--main_color);
    font-weight: bolder;
    color: white;
}

.odjTableRowDrag td a {
    font-weight: bolder;
    color: white;
}

.floatRight {
    float: right;
}

.tableResult {
    margin-left: 50px;
    width: 600px;
}

.greenButton {
    background-color: #00BB00;
}

.simpleDialog {
    font-weight: bold;
    margin: 10px;
}

.lienClassification {
    color: black;
    float: left;
    font-size: 11px;
    text-decoration: none;
    width: 100%;
}

.buttonBottomCenter {
    margin-bottom: 50px;
    margin-top: 20px;
    text-align: center;
}

.buttonBCAdmin {
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}

.linkTitreClassif {
    width: 100%;
}

#classificationTable .separeSeance {
    cursor: pointer;
}

.buttonBottomCenter .btn {
    color: white;
    border: medium none;
    width: auto;
}

.buttonBottomCenter .btnOverBlue:hover {
    color: var(--main_color);
}

.tableCompteur {
    background-color: white;
    border: medium none;
    margin: 10px;
    width: 75%;
}

.tableCompteurContainer {
    background-color: white;
    margin-top: 20px;
    padding: 10px 10px 60px;
}

.noResult {
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
}

.tableCompteur td, th {
    border: none !important;
}

.tableCompteur tr {
    border: none !important;
}

.titreCompteur {
    color: var(--main_color);
    font: bold 10pt Verdana;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
    vertical-align: middle;
}

#subStatDiv {
    width: 800px;
}

#tablePresent {
    max-width: 1200px;
    width: 100%;
}

.administrationEntry {
    display: flex;
    align-items: center;
    padding: 5px;
}

.actionNb {
    font-weight: bold;
    margin-right: 5px;
    color: var(--main_color);
}

.borderBottom {
    border-bottom: 1px solid black;
}

#presentPageContainer {
    background-color: #efeff2;
    padding: 20px;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.backgroundWhite {
    background-color: white;
}

#presentTableTitle {
    color: white;
    background-color: #656565;
}

#presentTableTitle a {
    color: white;
    cursor: pointer;
}

#presentTableTitle a:hover {
    color: var(--main_color);
}

.tabledelib td {
    border-top: #efeff2 solid 1px;
}

#resultatValidationMainPanel {
    width: calc(100% - 100px);
}

.tabledelib tbody > tr.hoverBlue:first-of-type > td {
    border-top: none;
}

.tabledelib tbody > tr.hoverBlue:first-child > td {
    border-top: none;
}

.tabledelib tr span a {
    color: black;
    font-family: var(--fontFamily);
    font-size: 11px;
}

#tablePresentConsult {
    margin-left: 20px;
    margin-top: 20px;
    width: 800px;
    border-collapse: separate !important;
    border-spacing: 0;
    border: none;
}

#tablePresentConsult tr {
    height: 35px;
}

#tablePresentConsult tr, #tablePresentConsult td, #tablePresentConsult th {
    border: none !important;
}

#secretVote {
    text-align: center;
    margin: 15px;
}

input.checkboxStyle[type=checkbox]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

input.checkboxStyle[type=checkbox]:not(old) + label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    background: url('../images/opera/checks.png') no-repeat 0 0;
    line-height: 24px;
}

input.checkboxStyle[type=checkbox]:disabled:not(old) + label {
    background: url('../images/opera/checks_disabled.png') no-repeat 0 0;
}

input.checkboxStyle[type=checkbox]:not(old):checked + label {
    background-position: 0 -24px;
}

#tableSortable input.checkboxStyle[type=checkbox]:not(old) + label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    background: url('../images/opera/checks.png') no-repeat 0 0;
    line-height: 20px;
}

#tableSortable input.checkboxStyle[type=checkbox]:not(old):checked + label {
    background-position: 0 -24px;
}

input.checkboxNoMarginL[type="checkbox"]:not(old) + label {
    margin-left: 0;
}

#tableSortable input.checkboxNoMarginL[type="checkbox"]:not(old) + label {
    margin-left: 0;
}

.smallInput {
    width: 30px;
}

#tableVote {
    width: 950px;
}

.inlineDiv label, .inlineDivNoDisplay label {
    float: left;
    font-weight: bold;
    text-align: left;
    width: 170px;
}

#champsVote {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#champsVote .inlineDiv label {
    width: 170px !important;
}

#champsVote > input select {
    margin-left: 5px;
    float: left;
}

#champsVote > img {
    margin-left: 1px;
    float: left;
}

.inlineDiv {
    display: inline-flex;
    padding: 3px;
}

.inlineDivNoDispaly {
    padding: 3px;
}

.labelInput {
    width: 380px;
}

.labelInputSeance {
    width: 500px;
}

.labelInputSeance > span {
    margin-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.centerDiv {
    text-align: center;
}

#voteTable {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.bottomVoteDiv {
    background-color: #efeff2;
    padding: 15px;
    max-width: 950px;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
}

.bottomConsultVoteDiv {
    background-color: #efeff2;
    padding: 15px;
    width: 950px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.buttonVotePanel {
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: right;
    max-width: 1230px;
    width: 100%;
}

.buttonVoteConsultPanel {
    padding-bottom: 30px;
    float: none;
    text-align: right;
    width: 820px;
}

.presentPersonLink {
    margin-left: 2px;
    cursor: pointer;
}

.presentPersonLinkCombo {
    padding-left: 20px;
    margin-left: 3px;
    cursor: pointer;
}

.nomSuppInput {
    margin-left: 5px;
    padding: 3px !important;
    vertical-align: middle;
    width: 171px;
}

.procSuppSelect {
    width: 65px;
    float: left;
}

#tablePresent tr {
    height: 40px;
}

.actionEditSeance {
    position: fixed;
}

.selectDelegate {
    color: darkblue !important;
    cursor: pointer;
}

#suppProcTable {
    width: 400px;
}

#consultSeanceActions {
    height: 50px;
    position: fixed;
}

#searchActions {
    height: 50px;
    position: fixed;
}

.smallToolbarActions {
    height: 50px;
    position: fixed;
}

.ui-datepicker .ui-datepicker-header, .ui-state-active, .ui-widget-content .ui-state-active {
    background: var(--main_color);
    border: 1px solid var(--main_color);
    color: #000000;
    font-size: 11px;
}

.ui-state-default {
    background: #FFFFFF;
}

.scroll-pane {
    width: 100%;
    height: 300px;
    overflow: auto;
    display: inline-block;
}

.vertical-only {
    height: auto;
    max-height: 400px;
}

.jspDrag {
    background: #00B1E5;
    border-radius: 10px;
}

.jspTrack {
    background: #EEEEEE;
}

.jspArrowUp {
    background-image: url("../images/opera/icon-arrow-up.png") !important;
    background-position: center;
    background-size: 25px 25px;
}

.jspArrowUp.jspDisabled {
    background-image: url("../images/opera/icon-arrow-up-disabled.png") !important;
    background-position: center;
    background-size: 25px 25px;
}

.jspArrowDown {
    background-image: url("../images/opera/icon-arrow-down.png") !important;
    background-position: center;
    background-size: 25px 25px;
}

.jspArrowDown.jspDisabled {
    background-image: url("../images/opera/icon-arrow-down-disabled.png") !important;
    background-position: center;
    background-size: 25px 25px;
}

.fieldsetConsultSeance {
    border: 1px solid #efeff2;
    margin-bottom: 10px;
    background-color: #efeff2;
    border-radius: 5px;
    font-size: 12px;
}

.fieldsetConsultSeance > legend {
    color: #0082a8;
    font-variant: small-caps;
    font-weight: bold;
}

#commissionLink {
    color: black;
    cursor: pointer;
}

#commissionLink:hover {
    color: var(--main_color);
    cursor: pointer;
}

.autoMarginH {
    margin-left: auto;
    margin-right: auto;
}

.divCalendar {
    width: 900px;
    margin-top: 10px;
}

.titleDGrey {
    color: white;
    background-color: #666666;
}

.loginTopDiv {
    width: 100%;
    background: black;
    position: absolute;
    top: 0;
}

.loginOrgaContainer {
    width: 100%;
    position: absolute;
    top: 86px;
}

.loginOrgaSubContainer {
    margin-top: 20px;
    margin-left: 20px;
}

.loginOrgaQuestion {
    margin-top: 15px;
    margin-left: 15px;
    clear: left;
}

.loginOrgaSelect {
    width: 600px;
    margin-top: 10px;
    margin-left: 15px;
    clear: left;
}

.loginOrgaCheckboxPanel {
    clear: left;
    margin-left: 8px;
    padding-top: 5px;
    padding-bottom: 40px;
}

.loginOrgaExplaination {
    font-style: italic;
    float: left;
    margin-left: 8px;
}

.loginOrgaBBR {
    width: 800px;
    float: none;
    text-align: right;
}

.folder-open {
    background-image: url("../images/opera/picto_acces_dossier.png");
}

.changeUserBtns {
    float: none;
    text-align: right;
    width: 950px;
}

.ui-datepicker-trigger {
    cursor: pointer;
    margin-left: 2px;
    height: 20px;
}

.tr_date img,
.action-img img,
.tab-content img,
.otherChoise img,
.delibAction img,
.reportGrid img {
    height: 20px;
}

.tab-content legend {
    font-weight: bold;
    padding: 2px 10px;
}

.fieldsetChangeUser {
    margin: 15px;
    border-radius: 8px;
}

.fieldsetUserOptions {
    margin: 15px;
    border-radius: 8px;
}

.tableTitleBB {
    font-weight: bold;
    border-bottom: 1px solid black;
    font-size: 10pt;
}

#addDelegate {
    width: 500px;
}


.baseNotif {
    border-radius: 4px;
    display: block;
    margin-left: 25%;
    opacity: 1;
    padding: 1em;
    padding-left: 50px !important;
    top: 10px !important;
    width: 500px;
    cursor: pointer;
    background: no-repeat 15px center;
}

.warnNotif {
    background-color: #fff2e5 !important;
    border: 1px solid #FF8600;
    color: #FF8600;
    top: 10px !important;
    background-image: url("../images/opera/icone_alerte_warn.png");
}

.successNotif {
    background-color: #dff0d8 !important;
    border: 1px solid #3c763d;
    color: #3c763d;
    top: 10px !important;
    background-image: url("../images/opera/icone_alerte_green.png");
}

.errorNotif {
    background-color: #f2dede !important;
    border: 1px solid #a94442;
    color: #a94442;
    top: 10px !important;
    background-image: url("../images/opera/icone_alerte_red.png");
}

.corbeilleSeanceBody {
    overflow-x: hidden;
}

.bodymenu {
    overflow: hidden;
    background-color: var(--main-background-color);
    height: 25px !important;
}

.corbeilleContainer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 75px;
    top: 0;
}

.labelVersion {
    color: black;
    font-weight: bold;
}

.titreParamsCorbReport {
    border: medium none;
    border-collapse: separate !important;
    border-spacing: 0;
    width: 500px;
}

.bigCorbWith {
    min-width: 1150px;
}

.width1150 {
    width: 1150px;
}

#corbeilleRapport {
    min-width: 1250px;
}

#ficheRapport {
    width: 100%;
    min-width: 1250px;
    overflow: hidden;
}

#affectationReportDiv, #copyReportResultDiv {
    min-width: 900px;
    width: auto;
}

.sortTableHeader th {
    position: relative;
    font-size: 10pt;
}

.sortTableHeader th > img {
    position: absolute;
    right: 5px;
    top: 35%;
}

.sortTableHeader th > div:first-letter {
    text-transform: capitalize;
}

.sortTableHeader th:first-letter {
    text-transform: capitalize;
}

.tableTitleBB.sortTableHeader {
    background-color: #efeff2;
}

.tabledelibFooter {
    border-top: 1px solid black;
    text-align: center;
}

.tableCorbReport {
    margin: 10px 10px 10px 10px;
    width: calc(100% - 20px);
}

#tableSortable td:not(.textAlignL) {
    text-align: center;
}

#listeparlot {
    margin: 15px;
}

.mainFrame {
    position: absolute;
    margin-top: 5px !important;
}

#menu-header {
    height: 25px !important;
}

.menuFrame {
    height: 25px !important;
    position: absolute;
    z-index: 10;
}

#menuContainer, #mainFrameContainer {
    position: absolute;
    width: 100%;
}

#menuContainer {
    height: 25px;
    top: 65px
}

#mainFrameContainer {
    bottom: 0;
    top: 90px

}

.reportContainer {
    bottom: 0;
    left: 75px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.actionBtn td {
    height: 46px;
    text-align: center;
    max-height: 46px;
    max-width: 46px;
}

#actionsReportContainerId {
    position: fixed;
}

.ongletRapports tr td > a {
    text-decoration: none;
    color: white;
}

#tableActionReport {
    margin: 0;
    position: absolute;
    top: 65px;
    left: 10px;
}

.reportNavImg {
    margin-left: 5px;
}

.reportNavImgSmallLeft {
    margin-top: 5px;
    margin-left: 10px;
}

.reportNavImgSmallRight {
    margin-top: 5px;
    margin-right: 10px;
}

.lastCommentLink {
    color: white;
    cursor: pointer;
}

.lastCommentLink img {
    margin-left: 5px;
    cursor: pointer;
}

.lastCommentDiv {
    font-size: 13px;
}

.reportInlineDiv label {
    float: left;
    font-weight: bold;
    text-align: left;
    width: 250px;
    margin-right: 10px;
}

.reportInlineDiv {
    display: inline-flex;
    padding: 3px;
    float: left;
    clear: left;
}

.labelInputSeance {
    min-width: 450px;
    max-width: 950px;
}

.thumnNailTitle,
.labelInputSeance > span {
    margin-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fieldsetReport {
    margin-left: 18px;
    margin-right: 18px;
}

.delibTextArea {
    border: 1px solid #595959;
    border-radius: 3px;
    min-height: 50px;
    /*min-width: 400px;*/
    max-width: 800px;
    /*margin-left: 3px;*/
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.smallTextArea {
    border: 1px solid black;
    border-radius: 3px;
    min-height: 50px;
    min-width: 200px;
    max-width: 400px;
    margin-left: 3px;
}

.marginL0 {
    margin-left: 0;
}

.marginL-30 {
    margin-left: -30px;
}

.marginL0Imp {
    margin-left: 0 !important;
}

.commentValidationTable {
    margin-right: 5px;
}

.multivaluedReportField {
    float: right;
}

.divImgDelib {
    margin-left: 5px;
}

.reportDelibSelect {
    font: normal xx-small Verdana;
    float: left;
    width: 100px;
    margin-right: 3px;
}

.assemblyFilterN {
    margin-left: 5px;
}

.flechePuce {
    background: url("../images/opera/fleches.png") no-repeat 0 6px;
}

.shorcutReportDoc {
    margin-bottom: 12px;
    margin-left: 10px;
    margin-top: 15px;
}

.fieldsetCommission {
    margin: 15px;
}

.fieldsetCommission legend {
    font-weight: bold;
}

.tableCommission {
    width: 100%;
    outline: none;
}

.tableCommission td {
    border: none !important;
}

.addCommssionDiv {
    display: flex;
    margin: 10px;
}

.addCommssionDiv > a {
    margin-left: 5px;
}

.addCommssionDiv > select {
    max-width: 500px;
}

.avisValue {
    font-style: italic;
}

#IncidenceRootContainer {
    margin: 15px;
}

#incidenceTypeId {
    margin-left: 5px;
}

#btnAddIncidence {
    margin-left: 4px;
    cursor: pointer;
    vertical-align: middle;
}

.tableIncidence td, .tableIncidence th {
    text-align: center;
}

.tableResultIncidence {
    padding-left: 0px;
}

th {
    text-align: center;
}

.formuleImg {
    vertical-align: bottom;
}

.marginBotTopTen {
    margin-top: 10px;
    margin-bottom: 10px;
}

.marginBotTen {
    margin-bottom: 10px;
}

.typeIncidenceAdvice {
    font-style: italic;
}

#addIncidence {
    margin-top: 30px;
}

.marginTen {
    margin: 10px;
}

.fieldsetEditReport {
    margin: 15px;
}

.jfilestyle label {
    float: left;
}

.marginL5 {
    margin-left: 5px;
}

.marginH15 {
    margin-left: 15px;
    margin-right: 15px;
}

.marginH20 {
    margin-left: 20px;
    margin-right: 20px;
}

.marginV15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.marginV20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.marginV10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.textItalic {
    font-style: italic;
}

.divInlineReport {
    display: flex;
    align-items: center;
}

.divInlineReport a {
    vertical-align: middle;
}

.textAreaComment {
    resize: vertical;
    overflow: hidden;
    width: 100%;
    height: 48px;
}

.colAComment {
    width: 15%;
}

.colBComment {
    width: 15%;
}

.colCComment {
    width: 15%;
}

.colDComment {
    width: 20%;
}

.colFComment {
    width: 29%;
}

.colGComment {
    width: 03%;
    padding-left: 15px !important;
}

.colHComment {
    width: 03%;
    padding-left: 10px !important;
}

.colEComment {
    width: 35%;
}

.editReportBtns {
    /*text-align: right;*/
    margin-bottom: 50px;
    padding-bottom: 10px;
    max-width: 1450px;
}

#mainDiv {
}

.delibReportItem {
    margin-left: 10px;
    margin-top: 10px;
}

#reportItemDiv {
}

.delibMultiFiles {
    margin-left: 5px;
    margin-bottom: 3px;
}

.clearFloatLeft {
    clear: left;
    float: left;
}

.floatLeft {
    float: left;
}

.firstLetterUpper::first-letter {
    text-transform: uppercase;
}

.divInlineReport.delibMultiFiles.clearFloatLeft {
    height: 28px;
}

.selectMultiCorp {
    width: 200px;
    vertical-align: bottom;
}

.verticalAlignBottom {
    vertical-align: bottom;
}

.tableAvisCom {
    margin-top: 10px;
    width: 100%;
}

.tableAvisCom td {
    text-align: center;
}

.marginTopTen {
    margin-top: 10px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop7 {
    margin-top: 7px;
}

.marginTop013Pc {
    margin-top: 1.3%;
}

.displayNone {
    display: none;
}

.nopdf {
    display: flex;
    align-items: center;
    color: white;
    font-weight: bold;
    font-size: xxx-large;
    width: 100%;
    position: relative;
    background: rgb(51, 71, 91);
    height: 100%;
    opacity: 0.8;
    flex-direction: column;
}

div.thumbnail {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
    position: relative;
    background: rgb(51, 71, 91);
    height: 100%;
    opacity: 0.8;
    color: white;
    overflow-y: auto;
}

div.thumbnail img {
    margin: 10px;
}

.displayBlock {
    display: block;
}

.displayFlexI {
    display: flex !important;
}

.displayFlex {
    display: flex;
}

.displayGrid {
    display: grid;
}

.displayInlineGrid {
    display: inline-grid;
}

.visibilityHidden {
    visibility: hidden;
}

.visibilityVisible {
    visibility: visible;
}

.textAlignC {
    text-align: center;
}

.marginLRAuto {
    margin-left: auto;
    margin-right: auto;
}

.marginLAuto {
    margin-left: auto;
}

#validationTable {
    width: 100%;
}

.recapIncidenceTR {
    text-align: center;
    border-bottom: 1px dotted black;
    border-top: 1px dotted black;
}

.consultReportItemDiv {
    margin-top: 5px;
}

.acceuilMainTable {
    margin-top: 10px;
}

.legalModalContent {
    font-weight: bold;
}

.bgWhite {
    background-color: white;
}

.btnsWithBackground {
    background-color: #efeff2;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 10px;
    text-align: right;
}

.btnsWithBackgroundWhite {
    background-color: white;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 10px;
    text-align: right;
}

.attachImg {
    margin-left: 3px;
    vertical-align: middle !important;
}

.seanceTitre {
    width: 600px;
}

#mainFicheSeanceDiv .delibTextArea {
    margin-left: 0;
    max-width: 690px;
}

.divCalendarLink {
    clear: none !important;
    float: none !important;
    text-align: center !important;
}

.divCalendarLink label {
    float: none !important;
}

.textOverEllipsis {
    text-overflow: ellipsis;
}

.labelInputSeance div {
    overflow: auto;
}

.labelInputChampsLibre label {
    width: 200px;
}

.labelInputChampsLibre div {
    overflow: auto;
    float: left;
}

.width70 {
    width: 70px !important;
}

.fieldsetFreeField .ficheDoubleValue {
    margin-left: 250px;
    float: none;
    width: auto;
}

.fieldsetFreeField .ficheDoubleValue:first-child {
    margin-left: 20px;
}

.reportInlineDiv .delibTextArea {
    margin-left: 0;
}

.resultAffectationTitle {
    font-weight: bold;
}

.resultMsg_ok {
    color: #00BB00;
}

.resultMsg_ko {
    color: #E2001A;
}

.resultMsg_warn {
    color: #FF8600;
}

.resultMsg_unknown {
    color: #E2001A;
}

#resultList > li {
    margin-bottom: 8px;
    list-style-type: square;
}

.width1000 {
    width: 1000px;
}

.width100 {
    width: 100px;
}

.width66 {
    width: 66px;
}

.width40 {
    width: 40px;
}

.width30 {
    width: 30px !important;
}

.width20 {
    width: 20px;
}

.maxHeight150-Imp {
    max-height: 150px !important;
}


.maxHeigh20 {
    max-height: 20px;
}

#iframeEditionWebstart.iframeWebstart, #iframeKeepSession {
    width: 0;
    height: 0;
    visibility: hidden;
}

#iframeEditionWebstart.iframeApplet {
    width: 100%;
    height: 20%;
}

.widthAuto {
    width: auto
}

.widthAutoImp {
    width: auto !important;
}

.fieldsetCopyReport {
    border: 1px solid #000000;
    border-radius: 8px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 600px;
}

.noBorder {
    border: none;
    outline: none;
}

.noTopBorderTd td {
    border-top: none;
}

.pclTitle {
    text-align: center;
    padding-top: 15px;
}

.btn:hover {
    color: var(--main_color);
}

.btnBlueOverBlack.btn:hover {
    background-color: #333333;
}

.table-header-danger thead {
    background: red !important;
}

#headerCommentTable, #headerSecretCommentTable, #headerTiersTable {
    border-bottom: none !important;
    width: calc(100% - 30px);
    height: 40px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.noElement {
    margin: 10px;
    font-size: 12px;
    font-style: italic;
}

.textAreaCommentModal {
    width: 640px;
    height: 200px;
}

.gritter-close {
    left: auto;
    right: 3px;
}

.marginR15 {
    margin-right: 15px;
}

.marginR4 {
    margin-right: 4px;
}

.linkReport {
    cursor: pointer;
}

.hoverWhiteStroke:hover {
    /*color: white;*/
    /*-webkit-text-stroke: 0.5px white;*/
    /*cursor: pointer;*/
    /*text-shadow: 2px 2px 5px #2E2E2E;*/
    text-decoration: underline;
}

.hoverWhiteTrans:hover {
    transition: opacity 0.2s, transform 0.2s;
    color: #ffcc66;
    /*text-shadow:3px 3px #000;*/
    /*transition: color .2s;*/
    /*-webkit-transform: scale(1.1);*/
}

/*.tabledelib tr.hoverBlue:hover .hoverWhiteStroke {*/
/*color: white;*/
/*-webkit-text-stroke: 0.2px white;*/
/*cursor: pointer;*/
/*text-shadow: 1px 1px 2px #2E2E2E;*/
/*color: white;*/
/*-webkit-text-stroke: 0.5px white;*/
/*cursor: pointer;*/
/*text-shadow: 2px 2px 5px #2E2E2E;*/
/*transition: .2s ease-in-out;*/
/*}*/

.tabledelib tr.hoverBlue:hover .hoverWhiteStroke {
    color: white;
    cursor: pointer;
    text-shadow: 1px 1px 2px black;
    transition: .2s ease-in-out;
}

.tableMenu {
    border-collapse: separate !important;
    border-spacing: 0;
}

.menuDigitechLogo {
    width: 235px;
    vertical-align: top;
}

#imageAccueil {
    margin-bottom: 4px;
}

.marginB15 {
    margin-bottom: 15px;
}

.marginB100 {
    margin-bottom: 100px;
}

.subPanelValidation {
    width: auto;
    background-color: white;
    min-height: 350px;
    display: inline-block;
    min-width: 1200px;
}

.height45 {
    height: 45px;
}

.validationCommentTextArea {
    border: 1px solid black;
    border-radius: 3px;
    margin-left: 3px;
    max-width: 800px;
    min-height: 200px;
    min-width: 500px;
}

.margin20 {
    margin: 20px;
}

.margin10 {
    margin: 10px;
}

.margin5 {
    margin: 5px;
}

.showTypeReport {
    overflow: auto;
    border: thin solid black;
    position: absolute;
    background-color: white;
    top: 65px;
    left: 10px;
    font-size: 10px;
    padding: 15px;
}

.hrGreyLight {
    width: 95%;
    height: 1px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 1px solid #C8C8C8 !important;
}

.showTypeReportLink:hover {
    box-shadow: 1px 1px 12px #555;
}

.padding5 {
    padding: 5px;
}

.padding30 {
    padding: 30px;
}

.paddingV5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.margin15 {
    margin: 15px;
}

.height16 {
    height: 16px;
}

.height20 {
    height: 20px;
}

.height20Imp {
    height: 20px !important;
}

.height22 {
    height: 22px;
}

.height30 {
    height: 30px;
}

.height10 {
    height: 10px;
}

.height5 {
    height: 5px;
}

.minHeight30 {
    Min-height: 30px;
}

.height35 {
    height: 35px;
}

.cursorPointer {
    cursor: pointer;
}

.marginTiers {
    margin-top: 20px;
    margin-left: 25px;
}

.minWidth120 {
    min-width: 120px;
}

.minWidth1100 {
    min-width: 1100px;
}

.padding0 {
    padding: 0 !important;
}

.textRed {
    color: #dc3545 !important;;
}

.tdLinkFolderList,
.tdLink {
    cursor: pointer;
}

.maxWidth150 {
    max-width: 150px;
}

.maxWidth5pc {
    max-width: 10%;
}

.maxWidth200 {
    max-width: 200px;
}

.maxWidth40 {
    max-width: 40px;
}

.maxWidth30Imp {
    max-width: 30px !important;
}

.maxWidth300 {
    max-width: 300px;
}

.maxWidth200Imp {
    max-width: 200px !important;
}

.maxWidth400 {
    max-width: 400px;
}

.fieldsetAppendicesSigned {
    margin-left: 18px;
    margin-bottom: 10px;
    border: 1px solid black
}

.width100pc, .width100Pc {
    width: 100%;
}

.width100pcI {
    width: 100% !important;
}

.width95Pc {
    width: 95%;
}

.width99Pc {
    width: 99%;
}

.width90Pc {
    width: 90%;
}

.width85pc {
    width: 85%;
}

.width70Pc {
    width: 70%;
}

.width50Pc {
    width: 50%;
}

.width5Pc {
    width: 5%;
}

.width60pc {
    width: 60%;;
}

.width40Pc {
    width: 40%;
}

.width64PcImp {
    width: 64% !important;
}

.width45Pc {
    width: 45%;
}

.width35Pc {
    width: 35%;
}

.width30Pc {
    width: 30%;
}

.width25Pc {
    width: 25%;
}

.width20pc {
    width: 20%;
}

.width20pcImp {
    width: 20% !important;
}

.width15Pc {
    width: 15%;
}

.width3pc {
    width: 3% !important;
}

.width6pc {
    width: 6%;
}

.width9pc {
    width: 9%;
}

.width12pc {
    width: 12%;
}

.width15pc {
    width: 15%;
}

.width18pc {
    width: 18%;
}

.width21pc {
    width: 21%;
}

.width24pc {
    width: 24%;
}

.width27pc {
    width: 27%;
}

.width30pc {
    width: 30%;
}

.width15 {
    width: 15px;
}

.width16 {
    width: 16px;
}

.lineHeight40 {
    line-height: 40px;
}

.lineHeight30 {
    line-height: 30px;
}

.borderCollapse {
    border-collapse: separate !important;
    border-spacing: 0;
}

#selectALId option:hover {
    background-color: var(--main_color);
}

.marginL3pcl {
    margin-left: 3%;
    font-variant: small-caps;
}

.marginL6pcl {
    margin-left: 6%;
}

.marginL9pcl {
    margin-left: 9%;
}

.marginL12pcl {
    margin-left: 12%;
}

.marginL15pcl {
    margin-left: 15%;
}

.marginL18pcl {
    margin-left: 18%;
}

.marginL21pcl {
    margin-left: 21%;
}

.marginL24pcl {
    margin-left: 24%;
}

.marginL27pcl {
    margin-left: 27%;
}

.marginL30pcl {
    margin-left: 30%;
}

#selectALId {
    min-width: 150px;
}

.corbReportCombo {
    width: 100px;
    font: normal xx-small Verdana;
}

.capitalize {
    text-transform: capitalize;
}

.textGreen {
    color: #00BB00;
}

.textBlue {
    color: var(--main_color);
}

.marginL20 {
    margin-left: 20px;
}

.marginL40 {
    margin-left: 25px;
}

.marginB50 {
    margin-bottom: 50px;
}

.marginB3 {
    margin-bottom: 3px;
}

.marginB6 {
    margin-bottom: 6px;
}

.labelLong {
    width: 180px !important;
}

.labelInputLong {
    width: 430px;
}

.labelInputShort {
    width: 250px;
}

.labelShort {
    width: 150px !important;
}

.paddingB50 {
    padding-bottom: 50px;
}

.width300 {
    width: 300px;
}

.width315 {
    width: 315px;
}

.width150 {
    width: 150px;
}

.voteSelect {
    width: 120px;
}

.textDecorationNone {
    text-decoration: none;
}

.marginL10 {
    margin-left: 10px;
}

.marginL10Imp {
    margin-left: 10px !important;
}

.marginR10 {
    margin-right: 10px;
}

.marginR5 {
    margin-right: 5px;
}

.marginR55 {
    margin-right: 55px;
}

.marginR01 {
    margin-right: 01px;
}

.wideTextarea {
    width: 670px;
}

.width630 {
    width: 630px;
}

.width800 {
    width: 800px;
}

.width850 {
    width: 820px;
}

.width480 {
    width: 800px;
}

.maxWidth480 {
    max-width: 480px;
}

#divAddAppendix, #divAddSecretAppendix {
    width: 99%;
    height: 30px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginTop35 {
    margin-top: 35px;
}

.marginTop40 {
    margin-top: 40px;
}

.marginTop75 {
    margin-top: 75px;
}

.marginTop140 {
    margin-top: 140px;
}

.tableCptResult {
    margin: 20px auto;
    text-align: center;
    width: 400px;
}

.classifWelcomeDiv {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 280px;
}

.marginVAuto {
    margin-left: auto;
    margin-right: auto;
}

.selectOrgaTable {
    width: 80%;
    max-width: 1000px;
}

#waitingImgWebstart {
    margin-left: 45px;
    margin-right: auto;
    margin-top: 20px;
    width: 400px;
}

.editModalPanel {
    width: 500px;
    height: 150px;
    border: none;
    background-color: var(--main_color);
    position: fixed;
    left: 30%;
    top: 30%;
    z-index: 200;
    box-shadow: 1px 1px 12px #555;
}

.editModalPanelTitle {
    text-align: left;
    font-size: 12px;
    margin-left: 20px;
    height: 20px;
    width: 100%;
}

#personTable {
    width: 100%;
}

#eluDestinataireTable {
    width: 100%;
}

.width200 {
    width: 200px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTopAuto {
    margin-top: auto;
}

.clearFloatRight {
    clear: right;
    float: right;
}

.marginTop15 {
    margin-top: 15px;
}

.marginL260 {
    margin-left: 260px;
}

.minWidth200 {
    min-width: 250px;
}

.minWidth250 {
    min-width: 250px;
}

.fixedTableLayout {
    table-layout: fixed;
}

.minWidth400 {
    min-width: 400px;
}

.maxWidth650 {
    max-width: 650px;
}

.maxWidth700 {
    max-width: 700px;
}

.divDelibItem {
    border-radius: 5px;
    margin: 10px;
    padding: 3px;
}

.minWidth150 {
    min-width: 150px;
}

.minWidth180 {
    min-width: 180px;
}

.required:after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}

.width245 {
    width: 245px;
}

.pclImg {
    box-sizing: content-box;
}

.pclLink {
    margin-right: 5px;
}

input.select:checked {
    background-color: #00B1E5;
}

.selectStyle {
    padding: 3px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: darkblue;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.minWidth1000 {
    min-width: 1000px;
}

.width1100 {
    width: 1100px;
}

.minWidth60 {
    min-width: 60px;
}

.marginB30 {
    margin-bottom: 30px;
}

.paddingB20 {
    padding-bottom: 20px;
}

.paddingB30 {
    padding-bottom: 30px;
}

.textAlignR {
    text-align: right;
}

.width78pcImp {
    width: 78% !important;;
}

.width80pc {
    width: 80%;
}

.width80pcImp {
    width: 80% !important;
}

.fontSize13 {
    font-size: 13px;
}

#rapTitleCopy {
    width: 500px;
    max-width: 500px;
}

.width500 {
    width: 500px;
}

.width700 {
    width: 700px;
}

.marginTop0 {
    margin-top: 0;
}

.copySelectionSelect {
    width: 150px;
    vertical-align: top;
}

.labelCopySelection {
    min-width: fit-content;
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marginL-6 {
    margin-left: -6px;
}

.marginL-60 {
    margin-left: -60px;
}

.marginL-10 {
    margin-left: -10px;
}

.width350 {
    width: 350px;
}

.minWidth350 {
    max-width: 350px;
}

#progressbar .ui-progressbar-value {
    background-color: var(--main_color);
}

#progressbarGen .ui-progressbar-value {
    background-color: #B22222;
    border: none;
}

#progressbarSummary .ui-progressbar-value {
    background-color: var(--main_color);
    border: none;
}

#progressLabel {
    position: absolute;
    right: 50px;
    top: 33px;
    font-weight: bold;
}

.waitingDialog #progressbar .ui-widget-header {
    background-image: none;
    margin: 0 !important;
}

.marginL7 {
    margin-left: 7px;
}

.ui-progressbar-value {
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
}

.height46 {
    height: 46px;
}

.textAlignCenter {
    text-align: center;
}

.width600 {
    width: 600px;
}

.documentCommentTA {
    border: 1px solid black;
    border-radius: 3px;
    min-width: 750px;
    max-width: 750px;
    height: 35px;
}

.width290 {
    width: 290px;
}

.divBreadcrumb {
    height: 30px;
}

ul.breadcrumb {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    color: #666666;
    position: unset;
}

ul.breadcrumb li {
    display: inline;
}

ul.breadcrumb li + li:before {
    padding: 5px;
    content: ">";
    font-weight: bold;
    color: #00B1E5;
}

ul.breadcrumb li a {
    text-decoration: none;
    color: #666666;
}

ul.breadcrumb li a:hover {
    color: #00B1E5;
    text-decoration: underline;
}

ul.breadcrumb li:last-child {
    font-style: italic;
}

.marginL12 {
    margin-left: 12px;
}

.width400 {
    width: 400px;
}

.borderWhiteSmoke {
    border: 1px solid whitesmoke;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

fieldset {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px black solid;
}

.underline {
    text-decoration: underline;
}

.docComFS {
    padding: 15px;
    border: 1px solid black;
}

.checkboxComAll {
    float: right;
    margin-right: 55px;
}

.checkboxRecueil {
    display: flex;
    justify-content: end;
    background: lightgrey !important;
}

.checkboxRecueil label {
    margin-right: 30px;
}

.marginR2Pc {
    margin-right: 2%;
}

.marginr4Pc {
    margin-right: 4%;
}

.width70Pc {
    width: 70%;
}

.marginL35 {
    margin-left: 35px;
}

.flex {
    display: flex;
    align-items: center;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexNoWrap {
    flex-wrap: nowrap;
}

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

.flexAlignItemCenter {
    align-items: center;
}

.flexJustifyStart {
    display: flex;
    justify-content: flex-start;
}

.flexSpaceBetween {
    display: flex;
    align-content: center;
    align-items: center;
}

.flexAlignStart {
    align-items: flex-start;
}

.flexAlignEnd {
    align-items: flex-end;
}

#tooltipDelib {
    height: 100%;
    width: 100%;
    background: transparent;
}

.floatRight {
    float: right;
}

.comReviewBreak td {
    text-align: start;
    background: rgb(144, 160, 175) !important;
    color: white !important;
}

.arrow-table-separator-light {
    display: inline-block;
    margin-right: 5px;
    transition: transform 0.3s ease;
    color: white;
}

.arrow-table-separator {
    display: inline-block;
    margin-right: 5px;
    transition: transform 0.3s ease;
    color: #1989b6;
}

.arrow-table.closed .arrow-table-separator,
.arrow-table.closed .arrow-table-separator-light {
    transform: rotate(-90deg);
}

#recueilPartielTable .commissionTR {
    background: #1989b6 !important;;
}

#recueilPartielTable .commissionTR td {
    background: #1989b6 !important;;
    color: white !important;
}

.odjTableBreak,
.separeSeance,
.modelSeparator {
    background: lightgrey !important;
    /*background-color: #999999;*/
    width: 100%;
    color: white;
    text-transform: uppercase;
    vertical-align: middle;
}

.odjTableBreak td,
.separeSeance td,
.modelSeparator td {
    color: #1989b6 !important;
    text-align: left;
    font-weight: bold;
}

.textAlignL {
    text-align: left;
}

.forceBgWhite {
    background-color: white !important;
}

.checkboxNoMarginL {
    display: none;
}

.marginBImp5 {
    margin-bottom: 5px !important;
}

.marginB5 {
    margin-bottom: 5px;
}

.paddingL10 {
    padding-left: 10px;
}

.paddingL15 {
    padding-left: 15px;
}

.paddingLImp35 {
    padding-left: 35px !important;
}

.paddingL30 {
    padding-left: 30px;
}

.marginL38 {
    margin-left: 38px;
}

.paddingL45 {
    padding-left: 45px;
}

.paddingL60 {
    padding-left: 60px;
}

.marginL60 {
    margin-left: 60px;
}

.marginL200 {
    margin-left: 200px;
}

.paddingL75 {
    padding-left: 75px;
}

.paddingL20 {
    padding-left: 10px;
}

.fontWeightNormal {
    font-weight: normal;
}

.clearLeft {
    clear: left;
}

.border1BS {
    border: 1px #595959 solid !important;
}

.maxWidth1050 {
    max-width: 1050px;
}

.marginL-15 {
    margin-left: -15px;
}

.marginL-20 {
    margin-left: -20px;
}

.marginL-2 {
    margin-left: -2px;
}

.resultFollowNum_ko {
    font-weight: bold;
    color: #dc3545;
}

.fontSize12 {
    font-size: 12px;
}

.fontSize10 {
    font-size: 10px;
}

.fontSize8 {
    font-size: 8px;
}

.colorGray {
    color: #aeaeae;
}

.marginL3 {
    margin-left: 3px;
}

.marginL4Imp {
    margin-left: 4px !important;
}

.filterReceuilFS {
    width: auto;
    padding: 15px;
    border: 1px solid black;
    margin-left: 15px;
    height: 68px;
}

.filterReceuilFS label {
    display: inline-block;
    width: 110px;
}

.filterTypeGenFS {
    width: 170px;
    padding: 15px;
    border: 1px solid black;
    margin-left: 15px;
    height: 68px;
}

.marginL15 {
    margin-left: 15px;
}

.width05pc {
    width: 05%;
}

.width10pc {
    width: 10%;
}

.width440 {
    width: 440px;
}

.width460 {
    width: 460px;
}

.borderBlack {
    border: 1px solid black;
}

.padding15 {
    padding: 15px;
}

.padding10 {
    padding: 10px;
}

.textRedBold {
    font-weight: bold;
    color: #dc3545;
}

.blink {
    animation: blinkAnimation 03s infinite;
}

@keyframes blinkAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.padding3 {
    padding: 3px;
}

.padding3Imp {
    padding: 3px !important;
}

.minWidth1050 {
    min-width: 1050px;
}

.colorBlack {
    color: black
}

.marginR05 {
    margin-right: 05px;
}

.marginR30 {
    margin-right: 30px;
}

.marginT30 {
    margin-top: 30px;
}

.marginR40 {
    margin-right: 40px;
}

.marginR41 {
    margin-right: 41px;
}

.widthTableGen {
    width: calc(100% - 40px);
}

#corbeilleDocument {
    margin-right: 20px;
}

.tableCorbSeance {
    margin-top: 20px;
    margin-bottom: 20px;
    width: calc(100% - 40px);
}

.width100Pc-40 {
    width: calc(100% - 40px);
}

.width100Pc-25 {
    width: calc(100% - 25px);
}

.width100Pc-50 {
    width: calc(100% - 55px);
}

.width100Pc-30 {
    width: calc(100% - 30px);
}

.width100Pc-25Imp {
    width: calc(100% - 25px) !important;
}

.width100Pc-5 {
    width: calc(100% - 5px);
}

.widthMaxContent {
    width: max-content;
}

.widthMinContent {
    width: min-content !important;
}

.widthInherit {
    width: inherit;
}

.minWidth100pc-5 {
    min-width: calc(100% - 5px);
}

.minWidth100pc-15 {
    min-width: calc(100% - 15px);
}

.width100Pc-20 {
    width: calc(100% - 20px);
}

.marginB20 {
    margin-bottom: 20px;
}

.marginTop-3 {
    margin-top: -3px;
}

.marginTop-10 {
    margin-top: -10px;
}

.marginTop-15 {
    margin-top: -15px;
}

.marginTop-20 {
    margin-top: -20px;
}

.stopScroll {
    overflow: hidden;
    height: 100%
}

.marginTop-40 {
    margin-top: -40px;
}

.marginTop-15-Imp {
    margin-top: -15px !important;
}

#divAddcomment {
}

.width1250 {
    width: 1250px;
}

.width1350 {
    width: 1350px;
}

.marginL-8 {
    margin-left: -8px;
}

.lineH25 {
    line-height: 25px;
}

.width950 {
    width: 950px;
}

.nano > .nano-pane {
    background: none;
}

.nano > .nano-pane > .nano-slider {
    background: var(--main_color);
    opacity: 0.7;
}

.paddingLR14 {
    padding: 0 14px;
}

.paddingL5 {
    padding-left: 5px;
}

.paddingTop6 {
    padding-top: 6px;
}

.paddingTop3 {
    padding-top: 3px;
}

.paddingT20 {
    padding-top: 20px;
}

.paddingT10 {
    padding-top: 10px;
}

.tableConvocCom {
    margin-top: 20px;
    margin-bottom: 20px;
    width: calc(100%);
}

.minWidth35 {
    min-width: 35px;
}

.minWidth142 {
    min-width: 142px;
}

.minWidth122 {
    min-width: 122px;
}

.minWidth40 {
    min-width: 40px;
}

.annexSecretCombo {
    width: 100px;
    font: normal xx-small Verdana;
}

.marginL2 {
    margin-left: 2px;
}

.marginTop-1 {
    margin-top: -1px;
}

.marginL30 {
    margin-left: 30px;
}

.tdAlignC td, .alignC {
    text-align: center;
}

.height40 {
    height: 40px;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.imgflexColumn {
    display: flex;
    flex-direction: column;
    height: 38px;
    justify-content: center;
}

.marginL18 {
    margin-left: 18px;
}

.hoverBlue img:hover {
    background-color: white;
    border-radius: 35%;
    padding: 4px;
    margin: -4px;
}

.imgHoverStyle {
    background-color: white;
    transition: 0.2s;
    border-radius: 35%;
    padding: 4px;
    margin: -4px;
}

.dsl-panel-item {
    background-color: var(--main_color);
}

.dsl-panel-item:hover {
    background-color: rgb(0, 177, 230, 0.5);
}

.dualSelectAdministratif {
    width: 90%;
    height: 207px;
    margin: 10px;
}

.dualListContainer {
    width: calc(100% - 40px);
    background-color: #efeff2;
    display: flex;
    justify-content: space-around;
    padding: 20px;
    border-radius: 8px;
}

.minWidth600 {
    min-width: 600px;
}

.minWidth950 {
    min-width: 950px;
}

.maxWidth1200 {
    max-width: 1200px;
}

.maxWidth1500 {
    max-width: 1500px;
}

.floatSelectedTableCount {
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
    font-style: italic;
}

.colorBlueDelib {
    color: var(--main_color);
    font-weight: bold;
}

.minWidth1250 {
    min-width: 1250px;
}

.minWidth920 {
    min-width: 920px;
}

.width1Pc {
    width: 1%;
}

.labelCalendarCommission {
    width: auto;
    cursor: pointer;
    margin-right: 5px;
}

.divSeanceCalendarCom {
    margin-left: 345px;
    width: 300px;
}

.width60 {
    width: 60px;
}

.width170 {
    width: 170px;
}

.flexSortTh {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.flexSortTh > img {
    margin-top: 2px;
}

.width330 {
    width: 330px;
}

.minWidth330 {
    min-width: 330px;
}

.floatNone {
    float: none;
}

.colorWhite {
    color: white;
}

.hoverWhite:hover {
    color: white;
}

.hoverWhiteBold:hover {
    color: white;
    font-weight: bold;
}

.lienClassification:hover {
    color: white;
}

#commission a:hover, .hoverBlue td:hover #commission a {
    color: white;
}

.test {
    color: white;
    border: 2px solid black;
}

.height18 {
    height: 18px;
}

.convocFooter, .avFooter {
    background-color: var(--main_color);
    text-align: center;
    padding: 10px;
}

.posRel {
    position: relative;
}

.posRelI {
    position: relative !important;
}

.visibilityHidden {
    visibility: hidden;
}

.visibilityVisible {
    visibility: visible;
}

.paddingR20 {
    padding-right: 20px;
}

.ButtonDropDownTopMenu {
    padding-right: 10px;
    height: 20px
}

.paddingR3 {
    padding-right: 3px;
}

.paddingR6 {
    padding-right: 6px;
}

.height50 {
    height: 50px;
}

.width80 {
    width: 80px;
}

.width85 {
    width: 85px;
}

.width90 {
    width: 90px;
}

.borderWidth0 {
    border-width: 0;
}

.delibComboSelect {
    width: 75px;
    font: normal xx-small Verdana;
}

.minWidth50 {
    min-width: 50px;
}

.marginL80 {
    margin-left: 80px;
}

.marginL8Imp {
    margin-left: 8px !important;
}

.mainPanelSearch {
    margin-left: 80px;
    margin-top: 20px;
    position: absolute;
    margin-right: 20px;
    width: calc(100% - 100px);
}

.width45 {
    width: 45px;
}

.height28 {
    height: 28px;
}

.tabledelibFooter td {
    border-top: 1px black solid !important;
}

.tabledelib .tableTitleBB th, .tabledelib .tableTitleBB td {
    border-bottom: 1px black solid !important;
    background-color: #efeff2;
}

#presentTableTitle td {
    border-top: none !important;
    text-align: center;
    background-color: #656565 !important;
}

.marginB10 {
    margin-bottom: 10px;
}

#toggleAllTd {
    border: none !important;
    background-color: white;
}

.textDisableGrey {
    color: #aeaeae;
    cursor: not-allowed;
}

.textDisableGrey:hover {
    color: #aeaeae !important;
}

.tabledelib .tableTitle th, .tabledelib .tableTitle td {
    background-color: #efeff2;
}

#tiersTable th {
    border: none !important;
}

.fieldsetChangeUser .tableTitleBB td {
    background: #efeff2;
}

.height150 {
    height: 150px;
}

.height100Pc {
    height: 100%;
}

.height90Pc {
    height: 90%;
}

.height90vh {
    height: 90vh
}

.height88vh {
    height: 88vh
}

.height95Pc {
    height: 95%;
}

.height94Pc {
    height: 94.5%;
}

.width450 {
    width: 450px;
}

.width37 {
    width: 37px;
}

.width50 {
    width: 50px;
}

.width10 {
    width: 10px;
}

.tableDeleg {
    border-collapse: separate !important;
    border-spacing: 0;
    width: 100%;
}

.tableDeleg tr.hoverBlue:hover td {
    background-color: var(--main_color);
}

.tableDeleg .hoverBlue button:hover img {
    background-color: white;
    transition: 0.2s;
    border-radius: 35%;
    padding: 4px;
    margin: -4px;
}

.commissionTR td {
    background-color: #efeff2;
}

#recueilPartielTable td {
    border: none !important;
    /*border-bottom: 1px #efeff2 solid !important;*/
}

.bgGrey {
    background-color: #efeff2;
}

.bgGreyImp {
    background-color: #efeff2 !important;
}

.bgGreenImp {
    background: green !important;
}

.colorGreenImp {
    color: green !important;
}

.bgBlueLightImp {
    background-color: #a8d8f8 !important;
}

tr:hover td.bgBlueLightImp {
    color: white !important;
    background-color: var(--main_color) !important;
}

.bgGreyImp:hover {
    color: black;
}

#orgaTable td.bgGrey {
    background-color: #efeff2;
}

.itemBold {
    font-weight: bold;
}

.bgWhiteImp th {
    background-color: white !important;
}

.bgWhiteImp {
    background-color: white !important;
}

#orgaTable tr.hoverBlue:hover td.bgGrey {
    background-color: var(--main_color);
}

.tabledelib tr.separeSeance td {
    background-color: #C0C0C0;
    font-weight: bold;
    font-size: 12px;
    color: var(--main_color);
    height: 12px;
    text-decoration: none;
    border-top: none;
    border-bottom: none;
}

.fsCommission {
    width: calc(100% - 60px);
    margin: 20px;
}

.flexCritContainer {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 10px;
}

.flexCritContainer {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 5px 10px 20px 20px;
}

.flexCritBloc {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.flexCritRow {
    display: flex;
    align-items: center;
    margin-top: 10px;
    height: 26px
}

.flexCritRow.odd {
    /*background-color: #dde3e9  !important;*/
}

.flexCritRow label {
    width: 250px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}

.flexCritRow input:not(.datepicker) {
    width: 250px;
}

.selectSearch {
    width: 300px;
    height: 20px;
    font-size: 12px;
}

.marginL25 {
    margin-left: 25px;
}

.tabledelib tr.separeCommAv td {
    background-color: #999999;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    height: 12px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: left !important;
    border-top: none;
}

.marginT2 {
    margin-top: 2px;
}

.marginV5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.marginH5 {
    margin-left: 5px;
    margin-right: 5px;
}

.marginH10 {
    margin-left: 10px;
    margin-right: 10px;
}

.marginL50 {
    margin-left: 50px;
}

.marginL50pc {
    margin-left: 50%;
}

.marginH18 {
    margin-left: 18px;
    margin-right: 18px;
}

#searchOtherInput {
    width: 145px !important;
    margin-left: 4px;
}

.marginR20 {
    margin-right: 20px;
}

#topPanelCopyReport {
    width: 1000px;
    border-radius: 5px;
    padding: 15px;
}

.copyReportTable {
    margin-top: 30px;
    margin-bottom: 30px;
    width: calc(100% - 100px);
}

.marginR50 {
    margin-right: 50px;
}

.flexCheckbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

#copyReportTable td {
    text-align: center;
}

.marginL-30 {
    margin-left: -30px;
}

.marginL-65 {
    margin-left: -65px;
}

.minWidth100 {
    min-width: 100px;
}

.minWidth60 {
    min-width: 60px;
}

.minWidth160 {
    min-width: 160px;
}

.marginB35 {
    margin-bottom: 35px;
}

.width130 {
    width: 130px;
}

.width100Pc-100 {
    width: calc(100% - 100px);
}

.width100Pc-200 {
    width: calc(100% - 200px);
}

.width100Pc-140 {
    width: calc(100% - 140px);
}

.itemSuccess > td {
    color: #3c763d;
    font-weight: bold;
}

li.itemSuccess {
    color: #3c763d;
    font-weight: bold;
}

.itemError > td {
    color: #ac2925;
    font-weight: bold;
}

.itemInfo > td {
    color: var(--main_color);
    font-weight: bold;
}

.itemWarn > td {
    color: #FF8600;
    font-weight: bold;
}

.cacheResultList {
    list-style-type: disc;
    margin-left: -20px;
    margin-bottom: 8px;
    font-weight: bold;
}

.cacheResultList li {
    padding-bottom: 5px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTopImp15 {
    padding-top: 15px !important;
}

.itemSuccess:hover > td, .itemError:hover > td, .itemWarn:hover > td, .itemInfo:hover > td {
    color: white;
}

.nowrap {
    white-space: nowrap;
}

.bottomPanelArchive {
    margin-top: 20px;
    margin-bottom: 20px;
}

.selectReportArchiveTable {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
}

#topPanelArchiveSeance {
    padding: 10px 20px 20px;
}

#topPanelArchiveSeance .flexCritRow label {
    width: 300px;
}

.borderTopNone {
    border-top: none !important;
}

.progressLabelAC {
    right: 430px !important;
}

.redBoldLine {
    color: #E2001A;
    font-weight: bold;
}

.blueLine {
    color: var(--main_color);
}

.boldLine {
    font-weight: bold;
}

.blackLine {
    color: black;
}

.redLine {
    color: #E2001A;
    border: none;
}

.orangeLine {
    color: #FF8600;
}

.greenLine {
    color: #00BB00;
}

.bgLineGray td {
    background-color: #EFEFEF;
}

.alignJustify {
    text-align: justify;
    text-justify: inter-word;
}

.borderBotBlack td {
    border-bottom: solid 1px #000000;
}

.borderBotGray td {
    border-bottom: solid 1px #DCDCDC;
    line-height: 5px;
}

.administrationEntry div.flex label {
    margin-right: 5px;
    font-weight: bold;
}

.width320 {
    width: 320px;
}

.floatTableCount {
    float: inherit;
    margin-left: 20px;
    margin-bottom: 10px;
    font-style: italic;
}

.marginB-15 {
    margin-bottom: -15px;
}

.marginB-20 {
    margin-bottom: -20px;
}

.marginR38 {
    margin-right: 38px;
}

.bgImage {
    background-image: url("../images/opera/status_warn.png");
    background-position: center;
    background-repeat: no-repeat;
}

.styleBold {
    font-weight: bold;
}

.styleSuccess {
    color: #00BB00;
    margin-right: 5px;
}

.styleError {
    color: #E2001A !important;
    margin-right: 5px;
}

.styleDiag {
    color: var(--main_color) !important;
    margin-right: 5px;
}

.styleWarning {
    color: #FF8600 !important;
    margin-right: 5px;
}

.styleDiag:hover {
    color: whitesmoke !important;
}

.styleSuccess:hover {
    color: whitesmoke !important;
}

.styleWarning:hover {
    color: whitesmoke !important;
}

.styleError:hover {
    color: whitesmoke !important;
}

.hoverBlack:hover {
    color: #666666 !important;
}

.styleFixedOdj:hover {
    background: url('../images/opera/icon_interdit_drop.png') no-repeat;
    background-position: left;
    background-color: whitesmoke !important;
    vertical-align: middle;
}

.verticalAlign-20 {
    vertical-align: -20%;
}

.verticalAlign-10 {
    vertical-align: -10%;
}

.verticalAlign-3 {
    vertical-align: -3px
}

.styleBgGrayDark {
    color: white;
    background-color: #666666 !important;
}

.styleBgGrayMiddle {
    color: #000b14;
    background-color: #D7D8D9 !important;
    text-transform: uppercase;
}

.styleBgGrayLight {
    color: #141414;
    background-color: #EFEFF2 !important;
}

.itemImgError {
    background-image: url("../images/opera/status_ko.png");
    background-position: center;
    background-repeat: no-repeat;
}

.itemImgSuccess {
    background-image: url("../images/opera/status_ok.png");
    background-position: center;
    background-repeat: no-repeat;
}

.itemImgDiag {
    background-image: url("../images/7.0/generate.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.itemImgWarning {
    background-image: url("../images/opera/status_warn.png");
    background-position: center;
    background-repeat: no-repeat;
}

.fixMarginProgressBar {
    margin-top: -1px;
    margin-left: -1px;
}

.borderRadius8 {
    border-radius: 8px;
}

#fieldsetFF {
    border: none;
}

#freeFieldContainer {
    border: none;
}

.displayFFSearch {
    border: 1px #595959 solid;
    transition: all .2s ease-in-out;
}

.displayFFSearch:hover {
    color: var(--main_color);
    border-color: var(--main_color);
}

.waitingSeance td {
    background-color: #e3e3e8;
}

.validationEntry {
    padding-left: 5px;
}

.validationLink:hover {
    text-decoration: underline;
    color: var(--main_color);
    cursor: pointer;
    transition: .2s ease-in-out;
}

.paddingB15 {
    padding-bottom: 15px;
}

.paddingB10 {
    padding-bottom: 10px;
}

.tableTitleBB th::first-letter {
    text-transform: capitalize;
}

.paddingB8 {
    padding-bottom: 8px;
}

.marginT-5 {
    margin-top: -5px;
}

.marginT5 {
    margin-top: 5px;
}

.minHeight400 {
    min-height: 400px;
}

.minHeight500 {
    min-height: 500px;
}

a .errorDivContainer {
    color: #dc3545 !important;
}

.textOrange {
    color: #ED7600;
}

.hoverUnderline:hover {
    text-decoration: underline;
}

.digiMenuLogo {
    height: 17px;
    width: 65px;
}

#progressbarMessages .ui-progressbar-value {
    background-color: #FFA500;
}

#progressLabelMess {
    position: absolute;
    left: 20%;
    top: 98px;
    font-weight: bold;
}

.progressBarNoBorder {
    border: none !important;
}

.padding20 {
    padding: 20px;
}

.ERROR {
    color: #E2001A;
}

.SUCCESS, .INFO {
    color: #00BB00;
}

#divARPrefContainer label {
    min-width: 225px;
    font-weight: bold;
}

#divARPrefContainer .flex {
    padding-bottom: 5px;
}

.height26 {
    height: 26px;
}

.height25Imp {
    height: 25px !important;
}

.height20Imp {
    height: 20px !important;
}

.width160Imp {
    width: 160px !important;
}

.width160 {
    width: 160px;
}

.width41Pc {
    width: 41%;
}

.marginR5Pc {
    margin-right: 5%;
}

.width190 {
    width: 190px;
}

.height200 {
    height: 200px;
}

.height200Imp {
    height: 200px !important;
}

.width25 {
    width: 25px;
}

.width25Imp {
    width: 25px !important;
}

.tooltipDelib {
    height: 100%;
    width: 100%;
    background: transparent;
}

#messagestResultDiv {
    padding: 5px 10px 5px 5px;
}

.verticalAlignSub {
    vertical-align: sub;
}

.minWidth300 {
    min-width: 300px;
}

.jfilestyle {
    margin: 0;
}

.breadcrumbUL {
    display: flex;
}

.breadcrumbUL li {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 500px;
}

.breadcrumbUL li:nth-child(2) {
    flex-shrink: 0;
}

.breadcrumbUL li:nth-child(1) {
    flex-shrink: 0;
}

.breadcrumbLast {
    font-style: italic;
}

.annexGroupContainer {
    margin: 5px 5px 0px 5px;
}

.minWidth500 {
    min-width: 500px;
}

.userReminder {
    float: right;
    color: white;
    font-weight: bold;
    width: 130px;
    overflow: hidden;
    height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 20px;
}

.userReminder:hover {
    color: var(--main_color);
}

.userReminderName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    width: 120px;
}

.inputCookContainer {
    margin: 5px 0 0 0;
}

.inputCookEn {
    border: 0;
    margin-left: 0
}

.nbResultTable {
    float: right;
    margin-right: 20px;
    margin-bottom: 10px;
}

.imgCenterTd {
    margin-left: -7px;
    margin-right: auto;
    padding: 0;
}

.wrapWordBreak {
    overflow-wrap: break-word;
}

.multi-select-container {
    display: block;
    position: inherit;
    height: 23px;
    /*min-width: 200px;*/
}


.multi-select-menu {
    position: absolute;
    margin-top: 4px;
    padding: 0.4em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
    margin-left: 2.4%;
    background-color: whitesmoke;
    /*width: 22% !important;*/
    /*margin-left: 5%;*/
    /*margin-right: 50%;*/
}

.multi-select-menu input {
    margin-right: 0.3em;
    vertical-align: 0.1em;
}

.multi-select-button {
    display: inline-block;
    font-size: 0.875em;
    padding: 0.2em 0.6em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    width: 100%;
}

.multi-select-button:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0.4em 0 0.4em;
    border-color: #999 transparent transparent transparent;
    margin-left: 0.4em;
    vertical-align: 0.1em;
}


.multi-select-container--open .multi-select-menu {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 200px !important;
    margin-left: auto;
    position: fixed;
    z-index: 9;
}

.multi-select-container--open .multi-select-menu-action {
    width: auto !important;
    max-width: 500px;
}

.multi-select-container--open .multi-select-button:after {
    border-width: 0 0.4em 0.4em 0.4em;
    border-color: transparent transparent #999 transparent;

}

.multi-select-menuitems {
    display: inline-grid;
    /*width: 500px;*/
}

.multi-select-menuitem {
    display: list-item;
    list-style-type: none;
    margin-right: 10px;
}

span.multiselect-native-select {
    position: relative
}

span.multiselect-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px -1px -1px -3px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    left: 50%;
    top: 30px
}

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.multiselect-container .input-group {
    margin: 5px
}

.multiselect-container .multiselect-reset .input-group {
    width: 93%
}

.multiselect-container > li {
    padding: 0
}

.multiselect-container > li > a.multiselect-all label {
    font-weight: 700
}

.multiselect-container > li.multiselect-group label {
    margin: 0;
    padding: 3px 20px;
    height: 100%;
    font-weight: 700
}

.multiselect-container > li.multiselect-group-clickable label {
    cursor: pointer
}

.multiselect-container > li > a {
    padding: 0
}

.multiselect-container > li > a > label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 40px
}

.multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
    margin: 0
}

.multiselect-container > li > a > label > input[type=checkbox] {
    margin-bottom: 5px
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.butCancel {
    background-image: url("../images/7.0/delete.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    border: none;
    background-color: inherit;
    margin-left: 2px;
    margin-right: 1px;
}

.truncateText {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 300px;
    /*min-width: 20%;*/
}

.marginTop4 {
    margin-top: 4px;
}

.marginTop2 {
    margin-top: 2px;
}

.marginTopInit {
    margin-top: initial;
}

.minHeight25 {
    min-height: 25px;
}

.displayInline {
    display: inline-flex;
}

.convoc-progress-bar {
    padding: 5px 5px;
    border-radius: 5px;
    background-color: #fff;
    /*box-shadow: 0 1px 2px 0 #0003;*/
    display: flex;
    min-width: 300px;
}

.convoc-progress-bar progress {
    background-color: #f3f3f3;
    border: 0;
    width: 100%;
    height: 18px;
    border-radius: 9px;
}

.convoc-progress-bar progress::-moz-progress-bar {
    background: #cdeb8e;
    background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdeb8e), color-stop(100%, #a5c956));
    background: -webkit-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
    background: -o-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
    background: -ms-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
    background: linear-gradient(to bottom, #cdeb8e 0%, #a5c956 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdeb8e', endColorstr='#a5c956', GradientType=0);
    border-radius: 9px;
}


hr.separatorStyle {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.min-width-1024 {
    min-width: 1024px;
}

.flex-align-center {
    align-items: center;
}

.linkBlue {
    color: blue !important;
}

.popover-info > .popover-title {
    color: white;
    background-color: #54a4db9c;
    border-bottom: 1px solid #bee5eb;
}

.popover-x-body .modal-backdrop {
    opacity: 1;
    z-index: 1;
    background: transparent;
    display: none;
}

.popTitle h3 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1;
    color: #777;
    font-family: inherit;
    font-weight: 500;
}

.btnFieldInfo {
    display: inline-block;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border: 1px solid transparent;
    border-radius: 100%;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    width: 15px;
    height: 17px;
}

.btnFieldInfo.focus,
.btnFieldInfo:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btnFieldInfo:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.popClose {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.popClose:focus,
.popClose:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

.padding9-14 {
    padding: 9px 14px
}

.popTitle {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}


.optionSearch {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    padding: 5px 2px;
}

.popoverFieldInfoSuggset {
    position: absolute;
    font-family: var(--fontFamily);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    border-bottom: none;
    background-color: #fff;
    display: none;
    height: auto;
}

.popoverFieldInfoSA {
    position: absolute;
    font-family: var(--fontFamily);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom: none;
    background-color: #fff;
    display: none;
}

.popoverFieldInfo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    padding: 1px;
    font-family: var(--fontFamily);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto
}

.showColumns .popoverFieldInfo {
    top: unset;
    left: unset;
    margin-top: 2px;
    border-color: var(--main_color);
    border-width: 2px;
    padding-top: 5px;
}

.popoverFieldInfo.right {
    margin-left: 10px
}

.popoverFieldInfo > .popArrow,
.popoverFieldInfo > .popArrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popoverFieldInfo > .popArrow {
    border-width: 11px
}

.popoverFieldInfo > .popArrow:after {
    content: "";
    border-width: 10px
}

.popoverFieldInfo.right > .popArrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popoverFieldInfo.right > .popArrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.labelGrayStyle {
    font-size: 16px;
    font-family: var(--fontFamily);
    font-weight: 700;
    color: #444;
    line-height: 1.2;
    padding: .6em 1.4em .5em .8em;
    /*width: 100%;*/
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
linear-gradient(to bottom, #ffffff 0 %, #e5e5e5 100 %);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

.labelGrayStyle:hover {
    border-color: #888;
}

.labelGrayStyle:focus {
    border-color: #dc3545;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

.selectStyle2 {
    display: block;
    font-weight: 700;
    color: #444;
    line-height: 1.2;
    padding: .2em 1.4em .2em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

.selectStyle2::-ms-expand {
    display: none;
}

.selectStyle2:hover {
    border-color: #888;
}

.selectStyle2:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

.selectStyle2 option {
    font-weight: normal;
}

.openOrgaBtn img {
    padding: 6px !important;
    margin: -2px !important;
}

.textFontStyle {
    font-family: var(--fontFamily);
    height: 100%;
    font-size: 12px;
}

.filterSearch {
    background-image: url('../images/opera/searchicon.png');
    background-position: 05px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 15px 40px;
    border: 1px solid #888;
    margin-bottom: 12px;
}

.valIncidenceError {
    color: #dc3545;
    font-weight: bold;
}

.recapIncidenceLineSomme {
    white-space: nowrap;
}

.recapIncidenceLineTotal {
    font-weight: bolder;
    background: #21ac7d !important;
}

.addRecapLine {
    border: 0px;
    background: #f8f8f8;
}

.highlight {
    background-color: #fff2ac;
    background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
    color: black;
}

.fieldError {
    color: #dc3545;
}

hr.separatorLine {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.hideComm {
    display: none !important;;
}

.ui-autocomplete {
    max-height: 250px;
    min-height: 30px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 85%;
}

.column {
    font-weight: 600;
    float: left;
    width: 50%;
    padding: 10px;
}

.column label {
    display: block;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.row {
    display: flex;
}

.grid {
    display: grid;
    grid-template-columns: 40% 1fr;
}

.grid > div {
    margin: 2px;
    padding: 5px;
}

.scroll thead {
    display: block;
}


.scroll tbody {
    display: block;
    max-height: var(--hauteur);
    overflow-y: auto;
}

.scroll td, .scroll th {
    text-align: center;
    width: 150px;
}

.scroll label {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px !important;
    display: block;
    white-space: nowrap;
}

.scroll label:hover {
    white-space: normal;
}

.scroll input {
    opacity: 1 !important;
    display: block;
}

.width18Important {
    width: 18px !important;
}

.borderLightGray {
    border-color: #D3D3D3;
}

@keyframes wave {
    0% {
        clip-path: ellipse(58% 81% at 92% 57%);
    }
    50% {
        clip-path: ellipse(58% 150% at 92% 57%);
    }
    100% {
        clip-path: ellipse(58% 81% at 92% 57%);
    }
}

.form-control {
    background: #bae8ff;
    border: 0;
    width: 300px;
    max-width: 300px;
    height: 33px;
    margin-left: -2px;
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.form-control:-moz-placeholder {
    color: #476e86;
    font-style: italic;
    font-weight: bold;
    font-size: 1rem;
    opacity: 0.8
}

.form-control::-moz-placeholder {
    color: #476e86;;
    font-style: italic;
    font-weight: bold;
    font-size: 1rem;
    opacity: 0.8
}

.form-control:-ms-input-placeholder {
    color: #476e86;;
    font-style: italic;
    font-weight: bold;
    font-size: 1rem;
    opacity: 0.8
}

.form-control::-ms-input-placeholder {
    color: #476e86;;
    font-style: italic;
    font-weight: bold;
    font-size: 1rem;
    opacity: 0.8
}

.form-control::placeholder {
    color: #476e86;;
    font-style: italic;
    font-weight: bold;
    font-size: 1rem;
    opacity: 0.8
}

.btnLogin {
    background: var(--main_color);
    color: white;
    height: 3em;
    width: 4em;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--main_color);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.loginVersion {
    right: 20px;
    color: white;
    position: absolute;
    bottom: 10px;
    font-style: italic;
    backdrop-filter: blur(30px);
    font-weight: normal;
}

.loginDigitech {
    background: url(../images/7.0/digitech_logo_and_text.svg) no-repeat;
    position: absolute;
    left: 10px;
    height: 42px;
    width: 135px;
    bottom: 10px;
    backdrop-filter: blur(5px);
}

.avatarImg {
    transform: rotateZ(-11deg);
    transition: transform .2s ease-out;
    max-width: 100%;
    border: 3px solid black;
    border-radius: 30%;
    margin-bottom: 10px;
    height: unset !important;
}

.avatarImg:hover {
    transform: rotateZ(0);
}

div.avatarHeader {
    display: none;
    line-height: 40px;
    margin-bottom: 15px;
}

label.avatarHeader {
    color: #000000;
    border-left: 6px solid;
    border-left-color: #39c0ed;
    border-radius: 5px;
    background-color: #d1ecf1;
    font-size: 1.3em;
    font-style: italic;
    /*    margin-right: auto !important;
        margin-left: auto !important;*/
    padding-inline: 20px;
}

.dropDivAvatar {
    margin-top: 20px;
    display: none;
}

#dzAvatarClick {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-crop-container,
.img-crop-preview {
    background-color: #F2F2F2;
    text-align: center;
    width: 100%;
}

.img-crop-container {
    min-height: 200px;
    max-height: 200px;
    min-width: 700px;
    max-width: 700px;
}

.divAvatar {
    height: 65px;
    padding-left: 10px;
    display: inline-flex;
    align-items: center;
}

.avatar {
    height: 43px;
    width: 43px;
    border: 3px solid aliceblue;
    border-radius: 30%;
    overflow: hidden;
    object-fit: cover;
}

.avatarMainUser {
    height: 20px;
    width: 20px;
    border: 2px solid #00b1e5;
    margin-top: -40px;
    margin-left: 20px;
}

.BtnTabAccueil {
    height: 20px;
    width: 20px;
}


.BtnTabAccueilFirstRow {
    height: 20px;
}

.BtnTopBar {
    height: 30px;
}

.BtnWidget {
    height: 2.6vw;
}

.BtnTopBar:hover {
    filter: drop-shadow(0 0 2px #00B1E5) drop-shadow(0 0 5px #00B1E5);
}

.filter-blue {
    filter: invert(34%) sepia(96%) saturate(1352%) hue-rotate(182deg) brightness(99%) contrast(101%);
}

.BtnTopBarSearch {
    height: 20px;
}


.headerRight {
    display: inline-flex;
    margin-right: 18px;
    /*    margin-left: 10px;*/
}

.W100p {
    width: 100%;
}

.inputSearchGoogle {
    border: solid 2px var(--main_color);
    height: 23px !important;;
    margin-right: -70px;
    border-radius: .25rem !important;
    background-color: white;
    font-size: larger;
    font-weight: bold;
}

.height30Imp {
    height: 30px !important;
}

.left_inner .grayDiv:before {
    top: 40px;
    width: var(--widthGrayBackGround);
}

.grayDiv:before {
    z-index: 40;
    content: "";
    cursor: default;
    background-color: var(--backdrop);;
    position: absolute;
    inset: 0;
}

.focusSummarize {
    z-index: 41;
    position: relative;
}

.filterSeanceTop .multi-select-button::after {
    border-color: var(--main_color) transparent transparent;
}

.filterSeanceTop .multi-select-container--open .multi-select-button::after {
    border-color: transparent transparent var(--main_color);
}

.filterSeanceTop .multi-select-button p,
.inputSearchGoogle::placeholder {
    color: var(--main_color);
    font-style: italic;
    font-weight: bold;
    opacity: 0.3;
}

.inputLogin::placeholder {
    color: #585657;
    font-style: italic;
    font-weight: bold;
}

.inactiveOpt,
.inactiveOpt:hover {
    background-color: transparent !important;
    color: black !important;
    border: 1px solid
}

#dropDownMenuSuggestion .optionSearch a:not(.inactiveOpt) {
    border: 1px solid transparent;
}

.inputLogin {
    background-color: rgb(232, 240, 254) !important;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 2px !important;
    width: 100%;
    border: 1px solid var(--main_color) !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}


.inputLogin:focus {
    transition-duration: 0.3s !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: .0px !important;
    box-shadow: -3px 0 #1788b5, 3px 0 #1788b5 !important;
}

.BtnOptionSearch {
    height: 36px;
    width: 36px;
    background-color: #1788b5;
}

.BtnLockGrid {
    height: 20px;
    margin-top: 0px;
    width: 20px;
    padding: 0px;
    color: #1788b5;
    background: transparent;
    transition: all 0.5s ease-in-out;
}

.BtnLockGrid:hover {
    transform: scale(1.5);
    color: #1788b5;
}

.menuUser2 {
    top: 120px;
    width: min-content;
    left: unset;
}

.menuUser {
    top: 65px;
    width: auto;
    min-width: 20%;
    left: unset;
    margin-right: 10px;
    max-width: 30%;
}

.menuSA {
    top: 65px;
    width: auto;
    min-width: 20%;
    margin-right: 10px;
    max-width: 30%;
}

.menuUserReport {
    width: 100%;
}

.menuUsersuggestBox {
    top: 50px;
    width: 20%;
    left: 187px;
}

.menuUserSABox {
    position: absolute !important;
    top: 50px;
    width: 20%;
    left: 187px;
}

.dropdown-divider {
    height: 0;
    margin-inline: 10px;
    margin-top: 5px;
    overflow: hidden;
    border-top: 1px solid #666666;
}


.stopAnimation {
    position: absolute;
    bottom: 10px;
    left: 5px;
    font-style: italic;
    margin-left: 10px;
}

.no-animation {
    animation: none !important;
}

.logoProductLogin {
    height: 200px;
    width: 320px;
    background: url(../images/7.0/delib_logo_and_text.svg) no-repeat;
}

.logoCompagnyLogin {
    height: 30px;
    margin-bottom: 20px;
    left: 50%;
    position: relative;
    transform: translate(-50%, 0);
}

.logoAirsSuiteLogin {
    height: 32px;
    margin-bottom: 7px;
    margin-right: 7px;
    margin-left: auto;
}

/*.loginError {
    font-size: 1.125em;
    line-height: 1.6;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    border-radius: 0.25rem;
    opacity: 1;
    padding: 1em;
    width: max-content;
    cursor: pointer;
    display: none;
    position: absolute;
    top: 50%;
    !* left: -284px; *!
    right: 101%;
}*/
.loginError {
    font-size: 1.125em;
    line-height: 1.6;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    border-radius: 0.25rem;
    opacity: 1;
    padding: 1em;
    width: -webkit-fill-available;
    width: -moz-available;
    cursor: pointer;
    display: none;
    position: absolute;
    top: 1%;
    left: 0;
    z-index: 10;
}

.grid-stack.moveable {
    /*background-color: var(--theme-main-color);*/
    border: 3px dashed var(--background-login);
    border-radius: 5px;
}

.grid-stack.moveable .grid-stack-item-content {
    cursor: move;
}

.dataTables_info {
    font-family: var(--fontFamily);
    font-size: 11px;
    margin-left: 10px;
}


.autodocStyle {
    position: relative;
    float: right;
    color: gray;
    font-style: italic;
    font-size: 12px;
    color: #aeaeae;
}

.paginate_button {
    padding: 0 !important;
}

#actionContainer .paginate_button .previous {
    margin-right: 5px !important;
}

#actionContainer .paginate_button .next {
    margin-left: 5px !important;
}

.dateLimite {
    color: #f30c7e !important;
    text-align: center;
}

td.dateLastValid {
    color: #f30c7e !important;
}

table.tableFolderList.dataTable td.dataTables_empty {
    /* font-weight: bolder;*/
    font-size: 15px;
    padding-top: 20px !important;
    /*font-style: italic;*/
}


.reportDetailInlineDiv table {
    margin-left: 10px;
}

.reportDetailInlineDiv label {
    font-weight: bold;
    width: max-content;
    margin-left: 10px;
    margin-right: 10px
}

.reportDetailInlineDiv {
    display: inline-flex;
}

.validReport #folderTable_wrapper {
    padding-right: 0 !important;
    height: 100%;
}

.validReport #folderTable_wrapper .dataTables_scrollBody {
    height: 95%;
    max-height: unset !important;
}

/**** viewer**/
.folderListGrid,
.fullTextGrid,
.reportGrid {
    display: grid;
    grid-template-columns: 0.2fr 1fr;
    /*grid-template-rows: 1fr 4fr;*/
    /*grid-gap: 3px;*/
    position: relative;
    min-height: 350px;
    background: rgb(247, 248, 252);
}

.reportGrid fieldset {
    padding: 10px;
}

.reportGrid .left_inner {
    overflow-y: auto;
    overflow-x: hidden;
}

.reportGrid .ui-resizable-e {
    right: 0px;
    top: 16px;
}

.filterInner,
.left_inner,
.left_inner2 {
    /*background-color: #fedcd2;*/
    padding: 0;
    height: 100%;
    min-height: 100%;
    min-width: 400px;
    text-align: center;
}

.reportGrid .ui-resizable-se {
    top: 0px;
    right: -1px;
    cursor: auto;
}

.reportGrid .ui-icon-gripsmall-diagonal-se {
    background-position: -80px -190px;
}

.btn-close:focus {
    outline: 0;
    box-shadow: unset;
    opacity: unset;
}

.displayBlockImp {
    display: block !important;
}

.container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    text-align: left;
    vertical-align: middle;
    align-items: center;
    padding: 1em;
}

.container > div {
    padding-right: 20px;
    /*flex:200px;*/
}

.uploadFileContainer {
    display: block;
}


.reportColumn {
    float: left;
    width: 100%;
    padding: 3px;
    /*max-width: 250px;*/
}

.reportRow div:first-child {
    max-width: 35%;
}


.container textarea, .container select, .container input,
.reportColumn textarea, .reportColumn select, .reportColumn input {
    min-width: 100px;
    background: #ebebeb;
    outline: 0;
    border: 1px solid #dde0dd;
    border-radius: 5px;
}

#presentPageTable .inputVoteStyle :hover {
    background: #dc3545;
}

.input-custom:hover {
    background: whitesmoke;
}

.inputVoteStyle.small, .input-custom.small {
    width: auto !important;
    height: auto !important;
}

#presentPageTable .ui-state-active,
#presentPageTable .ui-widget-content .ui-state-active,
#presentPageTable .ui-widget-header .ui-state-active,
#presentPageTable .ui-button:active, .ui-button:active,
#presentPageTable .ui-button.ui-state-active:hover {
    background: transparent;
    border: none;
}

.reportColumn .custom-combobox {
    display: block;
}

.reportColumn label {
    display: block;
    font-weight: 600;

}

.reportRow:after {
    content: "";
    display: table;
    clear: both;
}

.reportRow {
    display: flex;
    text-align: left;
}

/* Clear floats after the columns */
.reportRow:after {
    content: "";
    display: table;
    clear: both;
}

.reportRow {
    display: flex;
    text-align: left;
}


.file-upload {
    width: 20px;
    height: 20px;
    display: flex;
    padding-left: 10px;
}

.file-upload-btn {
    background: transparent;
    background-image: url("../images/7.0/upload-icon.svg");
    background-repeat: no-repeat;
    margin: 0;
    color: #fff;
    border: none;
    width: 100%;
    height: 100%;
    width: 15px;
    min-height: 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}


.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.textareaStyle {
    background: #ebebeb;
    border: 0;
    outline: 0;
    border-radius: 5px;
    padding: 5px;
    min-width: 350px !important;
    /*height: auto !important;*/
    /*font-size: 16px;*/
}

/*style progress loading*/

.loadingContainer {
    margin: 80px auto;
    /*padding: 25px 10px 20px 50px;*/
    width: 240px;
    height: 100%;
    text-align: center;
    border: 4px ridge rgb(129, 206, 206);
    border-radius: 50px;
    box-shadow: 0px 0px 3px 2px black;

}

.sphere {
    height: 2em;
    width: 2em;
    border-radius: 50%;
    float: left;
    /*margin-right: 31px;*/
    z-index: 20 !Important;
    position: relative;
    -webkit-transform: scale(.3);
    z-index: -1;
    background: -webkit-radial-gradient(10% 10%, ellipse cover, rgb(130, 215, 234) 0%, rgb(21, 102, 136) 50%, rgb(56, 190, 203) 100%); /* Chrome10+, Safari5.1+ */
    background: -moz-radial-gradient(10% 10%, ellipse cover, rgba(130, 215, 234) 0%, rgba(21, 102, 136) 50%, rgba(56, 190, 203) 100%); /* FF3.6+ */
    background: -o-radial-gradient(10% 10%, ellipse cover, rgba(130, 215, 234) 0%, rgba(21, 102, 136) 50%, rgba(56, 190, 203) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(10% 10%, ellipse cover, rgba(130, 215, 234) 0%, rgba(21, 102, 136) 50%, rgba(56, 190, 203) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(130, 215, 234) 0%, rgba(21, 102, 136) 50%, rgba(56, 190, 203) 100%); /* W3C */
}

.shadow {
    position: relative;
    top: -6.9em;
    width: 2em;
    left: 54px;
    height: 0.5em;
    box-shadow: 0px 0px 25px -.5px rgba(255, 255, 255, 1);
    border-radius: 50%;
    float: left;
    margin-right: 31px;
    -webkit-transform: scale(.3);
    opacity: 0;
}

.sphere:before { /*sourced from hop.ie/blog/balls*/
    content: "";
    position: absolute;
    top: 1%;
    left: 5%;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: -webkit-radial-gradient(50% 20%, circle, #ffffff, rgba(255, 255, 255, 0) 58%);
    z-index: 2;
}

.clear {
    clear: both;
}

#ComAvis, #ComInfos, #ComPrincipale {
    max-width: 1350px; /* same size with main panel*/
}

.avancement, .commentaire, .validation {
    box-shadow: 3px 3px 5px #ddd8d8;
    border: 1px solid #ddd8d8 !important;
    margin-top: 10px;
    margin-right: 10px;
}

th.commentaire {
    box-shadow: unset;
    border: unset !important;
    margin-top: unset;
    margin-right: unset;
}

.avancement span, .commentaire span, .validation span, #validationModal label {
    color: var(--main_color);
    font-weight: bold;
}

/*------scroll bar---------------------*/

/* Let's get this party started */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/*::-webkit-scrollbar:hover {*/
/*  width: 20px;*/
/*  height: 20px;*/
/*}*/
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #adb5bd;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(128, 128, 128, 0.4);
}

/** firefox support ? */
@supports (/*noinspection CssUnknownProperty*/scrollbar-width: thin) {
    * {
        /*noinspection CssUnknownProperty*/
        scrollbar-width: thin;
    }
}

/*------scroll bar---------------------*/


#suggest .ui-menu-item-wrapper.hoverSuggest {
    background-color: var(--main_color);
    opacity: 0.5;
    color: white;
    font-weight: bold
}


.shorcutReportDoc img {
    height: 20px;
}


.reportTabs {
    /*background: #B9B9B9;*/
    display: flex;
    height: 30px;
    align-items: center;
    font: bold 11pt Verdana;

}

.shadowRLInset {
    box-shadow: 12px 1px 10px -4px rgb(148, 148, 148) inset, -12px 1px 10px -4px rgb(148, 148, 148) inset !important;
    -webkit-box-shadow: 12px 1px 10px -4px rgb(148, 148, 148) inset, -12px 1px 10px -4px rgb(148, 148, 148) inset !important;
    -moz-box-shadow: 12px 1px 10px -4px rgb(148, 148, 148) inset, -12px 1px 10px -4px rgb(148, 148, 148) inset !important;
}

.shadowLeftInset {
    box-shadow: 12px 1px 10px -4px rgb(148, 148, 148) inset !important;
    -webkit-box-shadow: 12px 1px 10px -4px rgb(148, 148, 148) inset !important;
    -moz-box-shadow: 12px 1px 10px -4px rgb(148, 148, 148) inset !important;
}

.shadowRightInset {

    box-shadow: -12px 1px 10px -4px rgb(148, 148, 148) inset !important;
    -webkit-box-shadow: -12px 1px 10px -4px rgb(148, 148, 148) inset !important;
    -moz-box-shadow: -12px 1px 10px -4px rgb(148, 148, 148) inset !important;
}

.tabs {
    padding: 0 10px 0 10px;
    align-items: center;
    /*margin-right: 20px;*/
    /*padding: 1em;*/
    /*background: #fff;*/
    /*box-shadow: 20px 0px 13px -6px #B0B0B0;*/
    line-height: 30px;
    z-index: 2;
    display: block;
    white-space: nowrap;
    color: #fdfdfe;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabs a {
    color: #fdfdfe;

}

.shadowInsetLeft a {
    color: whitesmoke;
}

.displayInlineTab {
    display: inline-table;
}


.v-h-img20 img {
    width: 20px !important;
    height: 20px !important;
}


.ftSearchResult {
    width: 80%;
    margin-left: 3%;
}

.ftSearchResult .highlightFT {
    background-color: rgba(0, 123, 255, 0.65);
    background-image: unset;
    font-size: 105%;
    padding: 0.25em;
    text-align: center;
    font-weight: 700;
}

.ftSearchResult .highlightFT1 {
    background-color: rgba(253, 255, 55, 0.65);
    color: black;
}

.ftSearchResult .highlightFT2 {
    background-color: rgba(23, 162, 184, 0.65);
}

.ftSearchResult .highlightFT3 {
    background-color: rgba(220, 53, 69, 0.65);
}

.ftSearchResult .highlightFT4 {
    background-color: rgba(144, 238, 144, 0.65);
}

.ftSearchResult .highlightFT5 {
    background-color: rgba(255, 160, 122, 0.65);
}


.reportNav img {
    width: 35px;
    padding-left: 5px;
}

.reportNav img:hover {
    background: #E0E0E0;
}

#annexeTable img, #closeBtn img {
    width: 20px;
    background: transparent !important;
}

.pop_menu .item a {
    color: green;
}

.backMsgAccueil {
    margin-top: 0;
    margin-left: -26px;
    height: 22px;
}

.fakeSelect {
    margin-left: 5px;
    margin-top: 5px;
}

.mainPanelWithTitle img,
.administrationPanelWithTitle img,
.mainPanelStatistic img,
.tableCorbReport img,
.subPanelValidation img,
#classificationTable img,
#odjTable img, #corbeilleDocument img, #ficheRapport fieldset img,
#ficheSeance fieldset img, #presentPageContainer img, .mainPanelSearch img {
    width: 20px;
}

#tableCommentaire tbody img,
#tableAvancement tbody img {
    width: 20px;
    height: 20px;
}

.rcrumbs {
    margin-top: -12px;
    margin-bottom: -15px;
}

.actionBtn img, .actionReportSize img, .seanceMenu img, #cacheStateTable img {
    width: 25px;
    height: 25px;
}

.container a {
    padding-left: 10px;
}

.dz-message.needsclick img {

    width: auto !important;
}

.image-upload-wrap input {
    max-width: 1px;
    min-width: 1px;
}

.dropzoneMsg {
    color: gray;
    font-style: italic;
}

.divInlineReport a {
    padding-left: 10px;
}

.appendixActions div {
    padding-left: 10px;
}


#loadingWrap {
    margin: 0 auto;
    width: 100%;
    min-width: 50%;
    position: relative;
    background: #33475B;
    opacity: 0.8;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    display: flex;
}


.viewerLoader {
    background: aliceblue;
    margin: 50vh auto;
    position: relative;
}

.viewerLoader {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.viewerLoader div {
    animation: viewerLoader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
    margin-left: 45%;
    margin-top: 10%;
}

.viewerLoader div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
}

.viewerLoader div:nth-child(1) {
    animation-delay: -0.036s;
}

.viewerLoader div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.viewerLoader div:nth-child(2) {
    animation-delay: -0.072s;
}

.viewerLoader div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.viewerLoader div:nth-child(3) {
    animation-delay: -0.108s;
}

.viewerLoader div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.viewerLoader div:nth-child(4) {
    animation-delay: -0.144s;
}

.viewerLoader div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.viewerLoader div:nth-child(5) {
    animation-delay: -0.18s;
}

.viewerLoader div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.viewerLoader div:nth-child(6) {
    animation-delay: -0.216s;
}

.viewerLoader div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.viewerLoader div:nth-child(7) {
    animation-delay: -0.252s;
}

.viewerLoader div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.viewerLoader div:nth-child(8) {
    animation-delay: -0.288s;
}

.viewerLoader div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes viewerLoader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.reportGrid .ui-resizable-e,
.fullTextGrid .ui-resizable-e,
.folderListGrid .ui-resizable-e {
    flex: 0 0 auto;
    width: 8px;
    background: url('../images/7.0/vsizegrip.png') center center no-repeat #d5e7ed;
}


.groupEtape {
    background-color: var(--header-etape-color);
    color: black;
    display: flex;
}

.headerTableFolderProgress {
    background-color: var(--header-etape-color) !important;
    color: black;
}


#seanceTaskDetail_wrapper .dataTables_scrollBody {
    border: none;
}


.seanceTableList .colorSelectLine {
    background-color: var(--main_color) !important;
    opacity: 70%;
    color: white;
}

.seanceTableList {
    background-color: white;
}

.seanceTableList .topNew {
    background-color: #f6f8fb;
}

.cardFolder .reportInfo {
    display: flex;
    justify-content: left;
    align-items: top;
    margin-bottom: 3px;
}

.cardFolder p.reportInfoValue {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.cardFolder .report_titre {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 600px;
    margin-bottom: 5px;
    font-weight: bold;
}

.tableFtResult .cardFolder .report_titre {
    max-width: 300px;
}

.cardFolder:hover .report_titre {
    white-space: unset;
    text-overflow: unset;
    overflow: unset;
    max-width: unset;
}

.dateCreate {
    background-image: url("../images/7.0/calendar.svg");
    background-repeat: no-repeat;
    padding-left: 18px;
    height: 20px;
}

.colorSelectLine .dateCreate {
    background-image: url("../images/7.0/calendarWhite.svg");
}

.cardFolder .cardSeparator {
    width: 50px;
    height: 4px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: var(--main_color);
    transition: width 0.5s ease;
    clear: both;
}

.colorSelectLine .cardFolder .cardSeparator {
    background-color: white;
}

.cardFolder:hover .cardSeparator {
    width: 150px;
}

.topNew .dataTables_paginate,
.topNew .dt-paging {
    margin: 0px 5px 0 5px;
    display: flex;
    padding-top: 0;
}

.topNew .dataTables_paginate span,
.topNew .dt-paging span {
    display: flex;
}


.topNew .dataTables_info,
.topNew .dt-info {
    margin-left: 0;
    padding: 0;
    width: max-content;
    display: flex;
    align-items: center;
}


.topNew .paginate_button,
.topNew .dt-paging-button {
    height: 22px !important;
}

.topNew .dataTables_paginate .paginate_button,
.topNew .dataTables_paginate .ellipsis,
.topNew .dt-paging .dt-paging-button,
.topNew .dt-paging .ellipsis {

    border-left: 1px solid var(--main_color) !important;
    border-top: 1px solid var(--main_color) !important;
    border-bottom: 1px solid var(--main_color) !important;
    border-right: none !important;
    background: #ffff;
    height: 22px;
    padding: 0;
}

.topNew span .ellipsis {
    height: 20px;
    display: inline-block;

}

.topNew .dataTables_paginate .previous,
.topNew .dt-paging .previous {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.topNew .dataTables_paginate .next,
.topNew .dt-paging .next {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    border-right: 1px solid var(--main_color) !important;
}

.topNew .dataTables_paginate .current,
.topNew .dt-paging .current {
    background: var(--main_color) !important;
}

.topNew .dataTables_paginate .disabled,
.topNew .dt-paging .disabled {
    display: none !important;
}

.top .leftPart,
.top .rigthPart {
    display: flex;
    align-items: center;
}

.top .leftPart input {
    height: unset;
}

.top a {
    border-radius: 3px !important;
    padding: 8px;
    display: flex;
    align-items: center;
}

#tabs .ui-widget.ui-widget-content {
    border: none;
}

#reportTabs .ui-tabs, #reportTabs .ui-tabs-panel, #reportTabs ul.ui-tabs-nav {
    padding: initial;
}

#reportTabs.ui-widget-content, #reportTabs ul.ui-widget-header {
    border: none;
    background: none;
}

/*#reportTabs li.ui-state-active.ui-tabs-active {*/
/*    background: #00b1e5;*/
/*    color: white;*/
/*    font: bold 12pt Verdana;*/
/*!*height: 20px !important;*!*/
/*    max-width: 700px;*/
/*    min-width: 300px;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    text-transform: uppercase;*/
/*    vertical-align: middle;*/
/*    white-space: nowrap;*/
/*    padding-right: 10px;*/
/*    padding-left: 10px;*/
/*}*/
/*.ui-state-hover {*/
/*    background: #dc3545;*/
/*}*/
/*#reportTabs li.ui-state-default:hover{*/
/*    background: none;*/
/*}*/
/*!*#reportTabs li.ui-state-active.ui-state-hover {*!*/
/*!*    background: none;*!*/
/*!*}*!*/
.ui-tabs .ui-tabs-nav li {
    margin: initial;
}

.ui-tabs-anchor, .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    /*height: 20px !important;*/
    padding: initial;
}

/*#reportTabs li.ui-state-default {*/
/*    font: bold 10pt Verdana;*/
/*    background-color: #C0C0C0;*/
/*    max-width: 700px;*/
/*    min-width: 300px;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    text-transform: uppercase;*/
/*    vertical-align: middle;*/
/*    white-space: nowrap;*/
/*    padding-right: 10px;*/
/*    padding-left: 10px;*/

/*}*/
/*#reportTabs li.ui-state-default:hover {*/
/*    background: #E0E0E0;*/
/*}*/


/*#reportTabs li.ui-state-default a {*/
/*    transition: color 0.2s ease-in-out;*/
/*}*/
/*.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl,*/
/*.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,*/
/*.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,*/
/*.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,*/
/*.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,*/
/*.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{*/
/*    border: none;*/
/*}*/

/*.ui-tabs-tab{*/
/*    border: none !important;*/
/*}*/


#reportTabs {
    background: transparent;
    border: none;
}

#reportTabs .ui-widget-header {
    background: transparent;
    border: none;
    /*-moz-border-radius: 0px;*/
    /*-webkit-border-radius: 0px;*/
    /*border-radius: 0px;*/
}

#reportTabs .ui-tabs-panel {
    display: none;
    background: transparent;
    /*border-width: 0px;*/
    background: none;
}

#reportTabs .ui-tabs-nav .ui-state-default {
    border: none;
    font: bold 10pt Verdana;
    background-color: #C0C0C0;
    color: black;
    max-width: 700px;
    min-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 10px;

}

#reportTabs .ui-tabs-nav .ui-state-active {
    background: #00b1e5;
    border: none;
    color: white;
    font: bold 12pt Verdana;
    max-width: 700px;
    min-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 10px;
}

#reportTabs .ui-tabs-nav .ui-state-default a {
    color: white;
}

#reportTabs .ui-tabs-nav .ui-state-default:hover {
    background: #E0E0E0;
}

#reportTabs .ui-tabs-nav .ui-state-active:hover {
    background: #00b1e5;
}

#reportTabs .ui-tabs-nav .ui-state-active a {
    color: white;
}

.toggle-switch {
    display: inline-block;
    background: #ccc;
    border-radius: 16px;
    width: 35px;
    height: 20px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
}

.toggle-switch:before, .toggle-switch:after {
    content: "";
}

.toggle-switch:before {
    display: block;
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
    width: 14px;
    height: 14px;
    position: absolute;
    top: 3px;
    left: 4px;
    transition: left 0.25s;
}

.toggle:hover .toggle-switch:before {
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}

.toggle-checkbox:checked + .toggle-switch {
    background: #56c080;
}

.toggle-checkbox:checked + .toggle-switch:before {
    left: 18px;
}

.toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.toggle-label {
    /*margin-left: 5px;*/
    position: relative;
    top: 2px;
    margin-right: 20px;
}

#chart-container {
    height: 500px;
}

.conflictContent {
    /*padding: 10px;*/
    min-width: 900px;
    min-height: auto !important;
    display: grid;
    font-family: var(--fontFamily);
    font-size: 12px;
}

#eldResultList td {
    font-family: var(--fontFamily);
    font-size: 10px;
}

#eldResultList th {
    font-family: var(--fontFamily);
    font-size: 12px;
}

.selectdiv {
    position: relative;
    /*display: flex;*/
    /*float: right;*/
    /*min-width: 250px;*/
}

.selectdiv label {
    float: right;
}

/* IE11 hide native button (thanks Matt!) */
.selectdiv select::-ms-expand {
    display: none;
}

.selectdiv:after {
    content: '<>';
    font: 15px "Consolas", monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 1px;
    /*Adjust for position however you want*/

    top: 1px;

    border-bottom: 1px solid #999;
    /*left line */

    position: absolute;
    pointer-events: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    font-size: 15px;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
    width: 100%;
    min-width: 250px;
}

.tableAutoSize {
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.breadcrumbSeance ul {
    padding-top: 11px !important;
}

.textEllipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.textEllipsis th, .textEllipsis td {
    text-align: left;
    padding: 0;
}

#eldResultList {
    border-collapse: collapse;
}

#eldResultList thead tr {
    border-bottom: 1px solid #00b1e5;
    margin-bottom: 20px;
}

#eldResultList th, #eldResultList td {
    padding: 4px 8px;
}

.borderL2S {
    border-left: 3px solid black;
}

#store {
    font-size: small;
    overflow-y: scroll;
}

.fs-small {
    font-size: small !important;
}

#store li {
    cursor: pointer;

}

#store li:hover {
    cursor: pointer;

}

#store a {
    font-weight: normal;
}

#store a:hover {
    color: var(--main_color);
    font-weight: bold;
}

#store ul {
    display: contents;
    list-style: none;
    width: max-content;

}

.FTFilter {
    text-align: left;
    padding-top: 10px;
    padding-right: 5px;
    width: 280px;
}

.FTFilter select {
    border: 1px solid #aaa;
    border-radius: 3px;
}

.FTFilter input[type=submit] {
    margin-right: 10px;
    float: right;
}

.FTFilterLabel {
    font-weight: 600;
    white-space: nowrap;
}

.filterSeanceTop .multi-select-menuitems label,
.FTFilter .multi-select-menuitems label {
    display: flex;
    align-items: center;
}

.FTFilter .multi-select-menuitems {
    width: 100%;
}


.FTFilter .multi-select-menu {
    width: 95% !important;
    margin-top: 20px;
}

.filterRepport .multi-select-menu {
    width: 280px !important;
}

.FilterValid {
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
}

.assemblyType {
    font-weight: bold;
}

.assembly {
    margin-left: 20px;
}

#presentPageForm tr.group,
#presentPageForm tr.group:hover {
    background-color: #dc3545 !important;
}

.presenceBtn > input + label {
    background: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-width: 1px 1px 0 1px;
}

.presenceBtn > input:last-of-type + label {
    border-bottom-width: 1px;
}

.presenceBtn > input:checked + label {
    background: lightblue;
}

.presenceBtn {
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
}

#presentPageTable .ui-button .ui-icon,
#presentPageTable .ui-icon,
#presentPageTable .ui-widget-content .ui-icon {
    background-image: none;
}

.presenceBtn > input[type='radio'] {
    display: none;
}

.presenceBtn > input[disabled] + label {
    opacity: 0.50;
}

.presenceBtn > input[disabled] + label:hover {
    cursor: not-allowed;
}

.presenceBtn > input + label {
    display: flex;
    margin-bottom: 0;
    padding: 5px 10px;
    cursor: pointer;
    align-items: center;
}

.presenceBtn input:first-of-type + label {
    border-radius: 4px 4px 0 0;
}

.presenceBtn input:last-of-type + label {
    border-radius: 0 0 4px 4px;
}

.presenceBtn input:first-of-type + label {
    border-radius: 4px 0 0 4px;
}

.presenceBtn input:last-of-type + label {
    border-radius: 0 4px 4px 0;
}

.presenceBtn > input:checked + label {
    transition: background 300ms linear;
}

.presenceBtn > input + label {
    display: inline-block;
    float: left;
    border-width: 1px 0 1px 1px;
}

.presenceBtn > input:last-of-type + label {
    border-right-width: 1px;
}

.presenceBtn > input + label:before {
    display: none;
}

.scrollableTable {
    overflow-y: scroll;
    /*height: 25em;*/
    resize: vertical;
    max-height: 500px;
}

.containerVoteInfos {
    display: grid;
}

#presentPageTable .custom-combobox {
    display: block;
    width: 90% !important;
}

.comboVoteStyle, .select-custom {
    background: url("../images/7.0/arrow_down_simple.svg") no-repeat right 0.2em center / 1.4em, linear-gradient(to left, rgba(255, 255, 255, 0.3) 3em, rgba(255, 255, 255, 0.2) 3em);
}

.comboVoteStyle, .inputVoteStyle, .input-custom, .select-custom {
    appearance: none;
    border: 0;
    outline: 0;
    font: inherit;
    width: 80%;
    border-radius: 0.25em;
    box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-align: center;
    margin: auto;
}

.comboVoteStyle, .inputVoteStyle {
    height: 30px;
}

.custom-combobox-input {
    appearance: none;
    border: 0;
    outline: 0;
    font: inherit;
    width: 100%;
    height: 25px;
    border-radius: 0.25em;
    box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-align: center;
}

.comboVoteStyle select option, .select-custom select option {
    color: inherit;
}

.comboVoteStyle select:focus, .select-custom select:focus {
    outline: none;
}

.comboVoteStyle select::-ms-expand, .select-custom select::-ms-expand {
    display: none;
}

.comboVoteStyle input, .inputVoteStyle input, .custom-combobox-input input, .input-custom input, .select-custom input {
    width: 100%;
    height: 30px
}

.custom-combobox-input, .input-custom {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.3) 3em, rgba(255, 255, 255, 0.2) 3em);
}

.spanVoteStyle {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 110%;
    font-weight: 600;
    text-decoration: none;
    color: Black;
}

.counterVote {
    position: relative;
}

.counterVote input[type=number] {
    -moz-appearance: textfield;
}

.counterVote input {
    width: 45px;
    height: 42px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #eee;
}

.counterVote-nav {
    float: left;
    position: relative;
    height: 42px;
}

.counterVote-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: var(--fontFamily);
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.counterVote-button.counterVote-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee;
}

.counterVote-button.counterVote-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
}

.custom-table-responsive {
    /*margin: 10px 10px 0 10px;*/
    background-color: #efefef;
    /*padding: 20px;*/
    border-radius: 4px;
}

.custom-table {
    min-width: 900px;
}

.custom-table thead tr, .custom-table thead th {
    border-top: none;
    border-bottom: none !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1rem;
}

.custom-table tbody th, .custom-table tbody td {
    color: #777;
    font-weight: 400;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 300;
}

.custom-table tbody th small, .custom-table tbody td small {
    color: #b3b3b3;
    font-weight: 300;
}

.custom-table tbody tr:not(.spacer) {
    border-radius: 7px;
    overflow: hidden;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.custom-table tbody tr:not(.spacer):hover {
    -webkit-box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.1);
}

.custom-table tbody tr th, .custom-table tbody tr td {
    background: #fff;
    border: none;
}

.custom-table tbody tr th:first-child, .custom-table tbody tr td:first-child {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.custom-table tbody tr th:last-child, .custom-table tbody tr td:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.custom-table tbody tr.spacer td {
    padding: 0 !important;
    height: 10px;
    border-radius: 0 !important;
    background: transparent !important;
}

.custom-table tbody tr.active {
    opacity: .4;
}

.custom-table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.custom-table th,
.custom-table td {
    padding: 0.75rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.custom-table .odd td, .custom-table .even td {
    padding: 8px 2em 8px 2em;
}

/*.custom-table .odd td:hover, .custom-table .even td:hover {*/
/*    background: #dc3545;*/
/*}*/

.custom-table .odd:hover td, .custom-table .even:hover td {
    background: floralwhite;
}

.custom-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.custom-table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

.ppAvatar {
    height: 30px;
    width: 30px;
    border: 3px solid aliceblue;
    border-radius: 30%;
    overflow: hidden;
    object-fit: cover;
    margin: 0;
}

.spacer {
    padding: 0 !important;
    height: 10px;
    border-radius: 0 !important;
    background: white !important;
}

/*.group        {position:relative;}*/
/*.group  input         {font-size:11px;display:block;border:none;border-bottom:1px solid #757575;}*/
/*.group input:focus     { outline:none; }*/
/* LABEL ======================================= */
/*.group label          {color:#999;font-size:18px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:10px;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}*/
/*.group input:focus ~ label, .group input:valid ~ label    {top:-20px;font-size:14px;color:#5264AE;}*/
/* BOTTOM BARS ================================= */
.bar {
    position: relative;
    display: block
}

.bar:before, .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #5264AE;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.bar:before {
    left: 50%;
}

.bar:after {
    right: 50%;
}

.group input:focus ~ .bar:before, input:focus ~ .bar:after {
    width: 50%;
}

.fieldSetBorderNone label {
    color: #999;
    font-weight: normal;
}

/*ok*/
.fieldSetVoteCustom {
    font-family: var(--fontFamily);
    border-radius: 10px;
    background: #fff;
    border: none;
    border-radius: 2px;
    padding: 1rem;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.displayFlexColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fieldSetVoteCustom .customLegend, .fieldSetVoteCustom button {
    background: #584B4F;
    color: #FEFEFE;
}

.fieldSetVoteCustom .customLegend {
    border-radius: 10px;
    padding: 0.5rem;
}

.fieldSetVoteCustom input {
    border: none;
    border-bottom: 1px solid #584B4F;
}

.fieldSetVoteCustom button {
    margin-top: 0.5rem;
    border: none;
    padding: 0.5rem;
    border-radius: 10px;
}

.fieldSetVoteCustom button:hover {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.fieldSetBorderNone {
    border: none;
    outline: none;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}

.voteGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

.itemVoteGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

#presentPageTable .ui-icon, #presentPageTable .ui-widget-content .ui-icon {
    background: url("../images/7.0/arrow.svg") no-repeat;
}

.grid30-70pc {
    display: grid;
    grid-template-columns: 20% 80%;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
}

.dialogCustomTitle .ui-dialog-title {
    text-align: center;
}

#presentPageModal .ui-dialog .ui-dialog-content {
    overflow: hidden;
}

.rowTableSeparator {
    background: #f4f6f6 !important;
    text-transform: uppercase;
}

.fontWeightBolderImp {
    font-weight: bolder !important;
}

.heigth81Pc {
    height: 81%;
}

.columnVote {
    text-align: center;
}

.bgGainsboro {
    background: gainsboro;
}

.calendar .day {
    border: 0px !important;
}

.calendar table {
    margin-top: -1px !important;
}

.calendar .event-container .close {
    display: none !important;
}

.calendar .event-container {
    overflow-y: auto;
}

.calendar .filler,
.calendar .event-container {
    background-color: transparent !important;
}

/*.reportGridContainer img {*/
/*    height: 30px;*/
/*}*/

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

.reportFolderContainer {
    right: 0;
    overflow: hidden;
    height: 100vh;
    bottom: 0;
}

input[type="checkbox"].checkboxStep:focus,
input[type="checkbox"].checkboxAction:focus,
input[type="checkbox"].checkboxReport:focus {
    border-color: unset;
    box-shadow: unset;

}

.centered {
    position: fixed !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rotate180 {
    rotate: 180deg;
}


.d-row-container {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    background-color: var(--veryLightGray);
}

.d-box p {
    color: var(--grayishBlue);
}

.d-box {
    border-radius: 5px;
    box-shadow: 0px 30px 40px -20px var(--grayishBlue);
    padding: 30px;
    margin: 20px;
}


.cyan {
    border-top: 3px solid var(--cyan);
}

.red {
    border-top: 3px solid var(--red);
}

.blue {
    border-top: 3px solid var(--blue);
}

.orange {
    border-top: 3px solid var(--orange);
}

.d-box-title {
    color: var(--varyDarkBlue);
    font-weight: var(--weight3);
}

.wrapperBtn {
    display: inline-flex;
    list-style: none;
    margin-top: inherit;
    margin-bottom: inherit;
}

.wrapperBtn .icon {
    position: relative;
    background: #ffffff;
    border-radius: 50%;
    padding: 15px;
    margin: 10px;
    width: 40px;
    height: 40px;
    /*font-size: 18px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapperBtn .tooltip {
    position: absolute;
    top: 0;
    font-size: 14px;
    width: max-content;
    background: #ffffff;
    color: #ffffff;
    padding: 5px 8px;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapperBtn .tooltip::before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background: #ffffff;
    bottom: -3px;
    left: 50%;
    transform: translate(-50%) rotate(45deg);
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapperBtn .icon:hover .tooltip {
    top: -45px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    width: max-content;
}

.wrapperBtn .icon:hover span,
.wrapperBtn .icon:hover .tooltip {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}

.wrapperBtn .bg-blue:hover,
.wrapperBtn .bg-blue:hover .tooltip,
.wrapperBtn .bg-blue:hover .tooltip::before {
    background: #1877F2;
    color: #ffffff;
}

.wrapperBtn .bg-light-blue:hover,
.wrapperBtn .bg-light-blue:hover .tooltip,
.wrapperBtn .bg-light-blue:hover .tooltip::before {
    background: #1DA1F2;
    color: #ffffff;
    fill: green;
}

.wrapperBtn .bg-pink:hover,
.wrapperBtn .bg-pink:hover .tooltip,
.wrapperBtn .bg-pink:hover .tooltip::before {
    background: #E4405F;
    color: #ffffff;
    fill: green;
}

.wrapperBtn .bg-black2:hover,
.wrapperBtn .bg-black2:hover .tooltip,
.wrapperBtn .bg-black2:hover .tooltip::before {
    background: #333333;
    color: #ffffff;
    fill: green;
}

.wrapperBtn .bg-red:hover,
.wrapperBtn .bg-red:hover .tooltip,
.wrapperBtn .bg-red:hover .tooltip::before {
    background: #dc3545
    color: #ffffff;
    fill: green;
}

.infosReportRightValidation {
    padding: 0;
}

.otherChoise {
    margin-left: 10px;
    margin-top: 10px;
    display: flow;
}

.otherChoise select {
    min-width: 200px;
}


.validLabel {
    margin-left: 10px;
    margin-top: 10px;
    color: var(--main_color);
}

.selectOrgaLabel {
    color: var(--main_color);
}


/*Add you custon style here*/

.widgetContent.load {
    width: 600px;
    height: 36px;
    left: 50%;
    top: 40%;
    margin-left: -300px;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.widgetContent.load div {
    position: absolute;
    width: 20px;
    height: 36px;
    opacity: 0;
    font-family: var(--fontFamily);
    animation: move 2s linear infinite;
    -o-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -webkit-animation: move 2s linear infinite;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.widgetContent.load div:nth-child(2) {
    animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}

.widgetContent.load div:nth-child(3) {
    animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

.widgetContent.load div:nth-child(4) {
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

.widgetContent.load div:nth-child(5) {
    animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}

@keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }
    35% {
        left: 41%;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    65% {
        left: 59%;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        left: 100%;
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0;
    }
}

.addReportDlg {
    background-color: transparent;
}

.addReportDlg .ui-widget-header {
    border-radius: 10px 10px 0 0;
}

.addReportDlg.normal .ui-widget-header {
    background-color: #1788b5 !important;
}

.addReportDlg.urgent .ui-widget-header {
    background-color: #dc3545 !important;
}

.addReportDlg .ui-dialog-content {
    background-color: white;
    border-radius: 0 0 10px 10px;
    padding: 0 35px 35px 35px;
    max-height: 500px !important;
}

.addReportDlg .ui-dialog-buttonpane {
    display: none;
}

.addReportDlg .assemblyType {
    padding: 35px 0 10px 0;
    color: var(--main_color);
    font-weight: bold;
    text-transform: uppercase;
}

.addReportDlg .assembly {
    display: flex;
    justify-content: space-between;
    min-width: 550px;
    padding: 5px 0 5px 20px;
    margin: 0;
    cursor: pointer;
    color: #808080;
    font-weight: normal;
}

.addReportDlg .assembly:hover {
    font-weight: bold;
}

.addReportDlg .ui-widget-content a {
    color: inherit;
    font-weight: inherit;
}

.addReportDlg #addReportBtn {
    margin-left: 25px;
    width: 50%;
    color: #808080;
}

.addReportDlg .noOrga {
    font-weight: bold;
    color: #db7093;
    padding-top: 20px;
}


.f-smaller {
    font-size: smaller;
}

#modalViewerFS {
    height: 100vh;
}

.z-index-hight {
    z-index: 9999999;
}

.z-index-low {
    z-index: 0;
}

.size15 {
    width: 15px;
    height: 15px;
}

.spinner-tab-size {
    width: 20px !important;
    height: 16px !important;;
    margin-right: 2px;
}

.loadSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 37px 0 0 -25px;
    width: 50px;
    height: 50px;
}

.loadSpinner:after {
    content: "";
    background-image: url(https://assets.nflxext.com/en_us/pages/wiplayer/site-spinner.png);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    position: absolute;
    margin: -6px;
    width: inherit;
    height: inherit;
    animation: loadSpinner-spin 1.1s linear infinite, 1 !important;
    -webkit-animation: loadSpinner-spin 1.1s linear infinite, 1 !important;
}

@keyframes loadSpinner-spin {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loadSpinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

#backdropLoading {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background-color: rgb(0, 0, 0, 0.2);
}

#backdropLoading .loading {
    margin-left: 20%;
    margin-top: 10%;
}

#auto-generate-spinner {
    width: 15px;
    height: 15px;
    color: green;
}

form {
    width: inherit;
}

.col-form-label {
    font-weight: bold;
}

.tab-content .tab-pane.show {
    display: block;
}

.noScroll {
    overflow: hidden;
}

.reportTextarea {
    resize: vertical;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-height: 100px;
}

.reportTextareaFreeField {
    resize: vertical;
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-height: 100px;
}

.reportSummaryTextarea {
    resize: vertical;
    width: 100% !important;
    max-width: 100% !important;
    text-align: justify;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-height: 100px;
}


#reportHeader {
    background-color: var(--main_color);
    height: auto;
    text-align: center;
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 4;
}

.bg-antiquewhite {
    background: antiquewhite;
}

.btn-secondary {
    --bs-btn-bg: #dc3545 !important;
}

#reportNav {
    background-color: var(--main-background-color);
    grid-row-start: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 3;
    height: 40px;

}

#sidebarNav {
    background-color: var(--main-background-color);
    grid-row-start: 2;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-column-end: 4;
    height: 40px;
}

.custom-bg-body {
    background-color: #F6f8fb;
}

.custom-bg-navbar {
    background: #c6c6c6
}

#reportPanel {
    background-color: #F7F8FC;
    grid-row-start: 3;
    grid-column-start: 1;
    grid-row-end: 4;
    grid-column-end: 4;
    height: 94vh;
    overflow: hidden;
}

#reportPanel .col {
    height: 94vh;

}

.container input {
    width: 100%;
    max-width: 100%;
}

#nav-tabContent .tab-pane {
    /*padding: 30px;*/
    padding: 5px;
    /*margin-left: 11px;*/
    /*margin-right: 3px;*/
}

.infosReportRightValidation #reportSidebar {
    width: 100% !important;
}

.infosReportRightValidation .borderLLightGray {
    border-left: none
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.no-gutters {
    margin-top: -8px;
}

.row textarea {
    margin-bottom: 10px;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: blue;
    left: 20px;
}

.btn-close {
    height: auto;
}


#reportComment {
    height: 20vh;
}

option.disabled {
    color: darkgray;
}

.disabled {
    background: transparent !important;
    border: none !important;
    pointer-events: none !important;
    opacity: 0.5;
}

.disabledWithoutOpacity {
    background: transparent !important;
    border: none !important;
    pointer-events: none !important;
}

.top-50 {
    top: 45px !important;
}

.top-50pc {
    top: 50% !important;
}

.h-auto {
    height: auto;
}

.smallText {
    font-size: x-small;
}

.icon-active {
    background: lightgrey !important;
}

.bg-light-gray {
    background: #90a0af;
    color: white;
}

.bg-light-blue {
    background: #aabcd6;
    color: white;
}

.marginTop-25 {
    margin-top: -25px;
}


.btn {
    text-transform: none !important;
    font-size: small !important;
    border-radius: 3px;
}

.custom-text-red {
    color: #d54a30 !important;
}

.bg-btn {
    background: transparent;

}

.bg-btn:hover {
    background: lightgrey !important;
}

.dropzone {
    background: white;
    height: 100px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: 2px solid var(--main_color) !important;
    cursor: pointer;
    /*opacity: 50%;*/
}

.dropzone.dz-drag-hover {
    border: 2px solid lightblue !important;
}

.dropzone img {
    padding: 10px !important;
    width: 60px !important;
}

#annexeTable thead tr,
#secretAnnexeTable thead tr,
#appendicesSignedTable thead tr,
#mainCommissionTable thead tr,
#avisCommissionTable thead tr,
#infosCommissionTable thead tr,
.customHeaderBorder thead tr {
    border-bottom: 1px solid var(--main_color);
    color: var(--main_color);
}

.dropzone .dz-message img {
    height: 60px !important;
}

.dropzone .dz-message.tabDetail img {
    height: 40px !important;
}

.border-center {
    width: 100%;
    position: relative;
}

.border-center:before {
    content: '';
    position: absolute;
    bottom: 50%;
    border-bottom: 2px var(--main_color) solid;
    width: 100%;
    z-index: 0;
}

.border-center-small {
    width: 100%;
    position: relative;
}

.border-center-small:before {
    content: '';
    position: absolute;
    bottom: 50%;
    border-bottom: 1px var(--main_color) solid;
    width: 100%;
    z-index: 0;
}

.h-25px {
    height: 25px;
}

.bg-warn-imp {
    background-color: #dc3545 !important;
}

.dz-preview .dz-file-preview {
    display: none !important;
}

.customBorder {
    border: 2px solid var(--main_color) !important;
    opacity: 50%;
}

.customBorderBottom {
    border-bottom: 2px solid var(--main_color);
    /*opacity: 45%;*/
}

.customBorderBottomSmall {
    border-bottom: 1px solid var(--main_color);
    /*opacity: 45%;*/

}

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


.col-form-label {
    font-weight: unset !important;
}

.grid-item.label2::after {
    content: ":";
}

.dotsAtEnd::after {
    content: '\00a0:';
}

.dropbtn {
    /*background: url("../images/7.0/header_other_actions_disable.svg");*/
    color: white;
    padding: 14px;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

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

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: lightgrey;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: var(--main_color) !important;
    color: white !important;
    border: none;
    cursor: auto;
}

.nav-tabs .nav-item.show .nav-link-sidebar, .nav-tabs .nav-link-sidebar.active {
    background: #B3B3B1 !important;
    color: white !important;
    border: none;
    cursor: auto;
}

.nav-link {
    color: #808080;
    /*display: inherit !important;*/
}

.nav-tabs, .nav-tabs .nav-link {
    margin: 0;
    border: none;
}

.btn-action :hover {
    background: white;
}

.fields-body {
    background: #F6f8fb;
}

.form-control {
    max-width: none !important;
    width: 100% !important;
}

.card:hover, .card:hover .card--hover a {
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.25);
}

.card {
    border-radius: 10px;
    border: 2px solid #c3c6ce;
    position: relative;
    transition: 0.5s ease;
}

#presentPageModal .custom-combobox, #selectDelegDiv .custom-combobox {
    position: relative;
}

#presentPageModal .custom-combobox .custom-combobox-toggle,
#selectDelegDiv .custom-combobox .custom-combobox-toggle {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../images/7.0/arrow_down_simple.svg") no-repeat right 1.2em center / 1.4em, transparent;
    width: 40px !important;
    border: none;
}

.card:hover {
    border-color: #008bf8;
}

.card:hover {
    opacity: 1;
}


.card:hover .card--hover a {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    opacity: 1;
}

.h92vh {
    height: 92vh;
}

.h-85vh {
    height: 85vh;
}

#appendixNav, #commentsNav {
    background: transparent;
}

.dropdown-content {
    background: #E2E2E2;
}

#appendixPanel .tab-content, #appendixPanel#nav-tabContent .tab-pane, #nav-normal {
    margin-left: 1px;
    margin-right: 2px;
    padding: 1px;
}

#infosCommissionTable tbody td, #avisCommissionTable tbody td, #mainCommissionTable tbody td, #annexeTable tbody td, #secretAnnexeTable tbody td, #appendicesSignedTable tbody td {
    padding: 1px 1px;
    vertical-align: middle;
}

#ComAvis {
    height: 20px;
}

#annexeTable > :not(caption) > * > *, #secretAnnexeTable > :not(caption) > * > *, #appendicesSignedTable > :not(caption) > * > * {
    padding: 1px 1px;
    vertical-align: middle;
}

[gs-id^="sub_"] .grid-stack-item-content {
    border: 1px solid #0b5ed7;
}

.h-18-custom {
    height: 18px;
}

.h-0-custom {
    height: 0px;
}

.h-25-custom {
    height: 25px;
}

.bg-lime {
    background: #00FF00;
}

.listStyleTypeNone {
    list-style-type: none;
}

.conflictListGrid {
    display: grid;
    /*grid-template-columns: repeat(5, 1fr);*/
    grid-template-columns: repeat(5, 15% 30% 30% 20% 5%);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.conflictsPanelGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 85vh;
}

.nav-img img {
    height: 30px;
}

.docDetail img {
    height: 25px !important;
    border-radius: 8px !important;
}

.nav-document img:hover {
    background: whitesmoke;
    /*border-radius: 10px !important;*/
}

.nav-document img {
    height: 33px;
    background: transparent !important;
    border-radius: 10px !important;
}

#seanceTable .nav-document img {
    height: 33px;
    background: white !important;
}

.report_icon_active {
    /*-webkit-box-shadow: 0px 0px 8px 5px rgba(110,109,109,0.7);*/
    /*box-shadow: 0px 0px 8px 5px rgba(110,109,109,0.7);*/
    border: 2px solid darkgray;
    border-radius: 10px;
    background: white !important;
    height: 35px !important;
}

.viewer-file.report_icon_active {
    height: unset !important;
}

.treeview .badge.report_icon_active {
    border: 1px solid lightgrey !important;
    border-radius: 5px !important;
    height: unset !important;
}

.treeview img.report_icon_active {
    border: 1px solid lightgrey !important;
    border-radius: 5px !important;
    height: 25px !important;
}

.appendix_icon_active {
    border: 1px solid darkgray;
    border-radius: 10px;
    background: white !important;
}

.smallIconDoc {
    height: 20px !important;
    width: 20px !important;
    border-radius: 5px !important;
}


.model-gallery img {
    height: auto;
}

.colorOrange {
    color: #E7912E;
}

.colorBlue {
    color: #20B9E7;
}

.widgetSelect .multi-select-menu {
    width: auto !important;
}

.multi-select-container.customSelect {
    margin-right: 4px;
    width: 80%;
}

.customSelect .multi-select-button {
    padding-right: 0;
    padding-left: 0;
}

.customSelect .multi-select-button p {
    margin-left: 5px
}

.customSelect .multi-select-menu {
    z-index: 1;
    width: auto !important;
    margin-right: 25px;
    margin-top: 20px;
}

button.bg-light {
    background-color: lightgrey !important;
    border: none;
    /*border: 1px solid #dddbda;*/
}

button.bg-light:hover {
    background-color: lightskyblue !important;
}

.btnLight {
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding: 0 16px;
    background-color: #fff;
    border-radius: 0.25rem;
    border: 1px solid #dddbda;
    color: #0070d2;
    font-size: 13px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}

.btnLight:hover {
    background-color: #f4f6f9;
}

.bg-light-gray {
    background: lightgrey !important;
}

.menu-arrow-active {
    position: relative;
    border: 3px solid transparent;
    width: 100px;
    display: inline-block;
}

.menu-arrow-active:after {
    margin-top: -7px;
    width: 15px;
    height: 40px;
    background-image: url("../images/7.0/arrow-up-simple.svg");
    background-repeat: no-repeat;
}

.menu-arrow-active:after {
    content: " ";
    position: absolute;
    width: 100%;
}

.menu-col-separator {
    /*border-left: 2px solid lightgrey;*/
    /*height: 15px;*/

    box-sizing: border-box;
    position: relative;
    display: block;
    transform: rotate(25deg) scale(var(--ggs, 1));
    width: 2px;
    height: 14px;
    background: lightgrey;
    border-radius: 3px
}

.tab-active-icon {
    height: 8px;
    margin-top: -3px;
    margin-bottom: -4px;
    display: flex;
}


.tableFolderList .seance {
    background-color: var(--header-seance-color);
    /*    font-weight: bold;*/
    margin-top: 2px;
}

.tableFolderList .etape {
    background-color: var(--header-etape-color);
    padding-left: 10px;
}

.tableFolderList .line {
    color: black;
    display: flex;
    padding-right: 5px;
    padding: 5px 0px;
    cursor: pointer;
}

.line.seance .seanceLabel,
.line.seance .seanceNb {
    font-size: 16px
}

.line.etape .seanceLabel,
.line.etape .seanceNb {
    font-size: 13px
}

.tableFolderList .seanceLabel {
    text-align: left;
    padding-left: 5px;
    padding-right: 15px;
}

#presentPageTable .dtrg-group th a,
#seance_table .dtrg-group th a {
    filter: invert(39%) sepia(99%) saturate(529%) hue-rotate(155deg) brightness(92%) contrast(86%);
}

#presentPageTable a.expanded,
.tableFolderList a.expanded {
    background-image: url('../images/7.0/treeitem-expanded.svg');
    width: 20px;
    background-repeat: no-repeat;
}

#presentPageTable a.collapsed,
.tableFolderList a.collapsed {
    background-image: url('../images/7.0/treeitem-collapsed.svg');
    width: 20px;
    background-repeat: no-repeat;
}

.tableFolderList .dataTables_wrapper,
.tableFolderList .dt-container {
    padding: unset !important;
}

.tableFolderList thead tr {
    background-color: var(--header-document-color)
}

table.tableFolderList.dataTable thead > tr > th.sorting:before,
table.tableFolderList.dataTable thead > tr > th.sorting:after {
    font-size: 1.9em;
    opacity: 0.5;
    /*    right: unset;
        left: 0;*/
}

/*
table.dataTable thead th {
    padding-left: 20px;
}*/

table.tableFolderList.dataTable thead > tr > th.sorting_asc:before,
table.tableFolderList.dataTable thead > tr > th.sorting_desc:after,
table.tableFolderList.dataTable thead > tr > td.sorting_asc:before,
table.tableFolderList.dataTable thead > tr > td.sorting_desc:after {
    opacity: unset;
}


.overflow-y {
    overflow-y: scroll;
    overflow-x: hidden;
}

.no-focus-label {
    pointer-events: none;
    display: block;
}

#seanceTable .line:hover {
    background-color: #e4e8ee !important;
}

#seanceTable {
    height: 100%;
}

#seanceTaskDetail tr.curSelect {
    background-color: #e8F0Fe !important;
}

.w-10-20 {
    max-width: 60px;
    width: 40px;
}

.bs-small {
    width: 40px !important;
    min-width: 50px;
!important;
}

td.cellDetail {
    vertical-align: text-top;
}

td.cellDetailList {
    vertical-align: text-top;
    /*    display: flex;
        flex-direction: column;
        align-items: flex-start;*/
}

td.cellDetail p,
td.cellDetailList p {
    margin-top: unset;
    margin-bottom: unset;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.unselectElem {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

th.dateAvis div,
th.dateValidite div,
th.champLibre div,
th.dateSeanceTarget div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

th.champLibre div.simple {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.tdtStatus {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: pre-wrap;
    min-width: 6em;
}

.tdtWarning {
    color: orangered;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: pre-wrap;
}

.hasVote {
    color: var(--main_color);
}

.hasNewVote {
    color: var(--purpleDelib);
}

.avisComDiv {
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.no-outline {
    outline: none;
}

.groupSeance .labelTr {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.groupEtape .labelTr {
    font-size: 13px;
}

.groupEtape .labelNb,
.groupSeance .labelNb {
    display: flex;
    align-items: center;
}

select.actionList,
.avisComDiv select,
.avisComDiv input {
    border: 1px solid #b3d7f7 !important;
    border-radius: 5px;
    background-color: white;
}

.select-editable {
    position: relative;
    background-color: white;
    width: 120px;
    height: 18px;
    border-radius: 5px;
    border: 1px solid rgb(179, 215, 247) !important;
}

.select-editable select {
    position: absolute;
    top: 0px;
    left: 0px;
    border: none !important;
    width: 120px;
    margin: 0;
}

.select-editable input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    border: none !important;;
}


.select-editable select:focus, .select-editable input:focus {
    outline: none;
}

.cursor-move {
    cursor: move;
}


/*table {*/
/*     width: 100%;*/
/*     border-collapse: collapse;*/
/*     table-layout: auto;*/
/* }*/
/*th, td {*/
/*    padding: 5px;*/
/*}*/

.adminGrid {
    display: grid;
    grid-template-columns: max-content auto;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    align-items: center;
}

.adminGridSimple {
    display: grid;
    grid-template-columns: max-content auto;
    grid-column-gap: 10px;
}

.grid3Columns {
    display: grid;
    grid-template-columns: auto auto auto;
    /*grid-template-rows: repeat(4, 1fr);*/
    grid-column-gap: 5px;
    /*grid-row-gap: 15px;*/
    /*grid-row-gap: 5px;*/
    align-items: center;
}

.grid2Columns {
    display: grid;
    grid-template-columns: auto auto;
    /*grid-template-rows: repeat(4, 1fr);*/
    grid-column-gap: 5px;
    /*grid-row-gap: 15px;*/
    /*grid-row-gap: 5px;*/
    align-items: center;
}

.gridRowGap_10 {
    grid-row-gap: 10px;
}

.text-divider {
    --text-divider-gap: 2px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1em;
    margin: 5px 0 2px 0;
}

.text-divider::before, .text-divider::after {
    content: '';
    height: 1px;
    background-color: silver;
    flex-grow: 1;
}

.text-divider::before {
    margin-right: var(--text-divider-gap);
}

.text-divider::after {
    margin-left: var(--text-divider-gap);
}

#resFtTable_wrapper .topNew,
#folderTable_wrapper .topNew {
    width: 47vw;
    display: flex;
    padding-bottom: 5px;
    padding-top: 7px;
    justify-content: center;

}

.filterSeanceTop .multi-select-button {
    border: 2px solid var(--main_color);
}

.filterSeanceTop .multi-select-menu {
    margin-top: 20px;
}

.filterSeanceTop {
    text-align: left;
    padding-right: 5px;
    width: 280px;
}

#resFtTable_wrapper {
    padding-right: 0 !important;
    height: 100%;
}

#resFtTable_wrapper .topNew {
    padding-top: 5px;
}

#resFtTable_wrapper .topNew,
.validReport .topNew,
.validReport .top {
    background-color: var(--main-background-color);
}

.validReport .top {
    height: 39px;
}

.topNew .rightPart {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#MainSeanceTable .topNew .leftPart {
    align-items: center;
}

#MainSeanceTable .topNew .leftPart {
    align-items: center;
}

.topNew .leftPart {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

}

.topNew .leftPart a {
    border-radius: 3px;
    padding: 8px;
    display: flex;
    align-items: center;
    /*    padding-bottom: 3px;
        padding-top: 3px;
        height: unset;*/
}

.topNew .midlePart {
    width: 100%;
    margin: 0 5px;
    align-items: center;
    display: flex;
}

.topNew .midlePart input {
    width: 100%;
    height: 22px;
    margin-right: unset;
    padding: 0 2px;
}

.topNew .dataTables_paginate .paging_simple_numbers,
.topNew .dt-paging .paging_full_numbers {
    display: flex;
}

.convocWrapper {
    margin: auto;
}

.funcModelWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background: #E2E2E2;
    border: none !important;
}

.tab-func-model {
    margin: 0 !important;
    letter-spacing: 3px;
    border: none !important;
    padding: 10px;
    background-color: #E2E2E2;
    color: #232c3d;
    font-size: 18px;
    cursor: pointer;
}

.tab-func-model:hover {
    background-color: lightgrey;
/ / #d5e3ff;
}

.tab-func-model.active {
    cursor: not-allowed;
    color: inherit;
    background-color: var(--main_color) !important;
}

.convoc-content {
    display: none;
}

.convoc-content.active {
    display: block;
    height: inherit;
}


.containerChck input {
    display: none;
}

.containerChck {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Create a custom checkbox */
.checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 1.3em;
    width: 1.3em;
    background-color: #2196F300;
    border-radius: 0.25em;
    transition: all 0.25s;
}

/* When the checkbox is checked, add a blue background */
.containerChck input:checked ~ .checkmark {
    background-color: var(--main_color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    transform: rotate(0deg);
    border: 0.1em solid black;
    left: 0;
    top: 0;
    width: 1.05em;
    height: 1.05em;
    border-radius: 0.25em;
    transition: all 0.25s, border-width 0.1s;
}

#validEditTaskReport .checkmark:after {
    border-color: white;
}

/* Show the checkmark when checked */
.containerChck input:checked ~ .checkmark:after {
    left: 0.45em;
    top: 0.25em;
    width: 0.25em;
    height: 0.5em;
    border-color: #fff0 white white #fff0;
    border-width: 0 0.15em 0.15em 0;
    border-radius: 0em;
    transform: rotate(45deg);
}

.containerChck input:disabled ~ .checkmark {
    background-color: #ccc;
}

.containerChck input:disabled ~ .checkmark:after {
    left: 0.45em;
    top: 0.25em;
    width: 0.25em;
    height: 0.5em;
    border-color: #fff0 #fff0 #fff0 #fff0 !important;
    border-width: 0 0.15em 0.15em 0;
    border-radius: 0em;

}

.templateImg {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.toggle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: auto;
}

.toggle input {
    display: none;
}

.toggle .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: #ccc;
    transition: all 0.4s ease-in-out;
}

.toggle .slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
}

.toggle input:checked + .slider {
    background-color: #dc3545;
}

.toggle input:checked + .slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
}

.toggle .labels {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: var(--fontFamily);
    transition: all 0.4s ease-in-out;
}

.toggle .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 5px;
    color: #4d4d4d;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
}

.toggle .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
}

.toggle input:checked ~ .labels::after {
    opacity: 0;
}

.toggle input:checked ~ .labels::before {
    opacity: 1;
}

.btRapp {
    width: 100%;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: var(--main-background-color);
}

#btnDocAcces {
    margin-right: 20px;
}


.bg-color-main {
    background-color: var(--main-background-color);
}

body.seanceView #seanceFicheForm {
    padding-top: 0;
}

body.seanceView .seanceMenu {
    border: none;
    min-height: unset;
    min-width: unset;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 32px;
    top: 0;
    position: fixed;
    z-index: 9999;
    background-color: #f6f8fb;
}

body.seanceView .seanceMenu a {
    box-shadow: none;
    height: unset;
    width: unset;
    margin-left: 10px;
}

body.seanceView .ficheSeancePanel {
    margin-top: 0;
    top: 73px;
    position: relative;
    padding-left: 10px;
}

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

.sepTypeAssembly {
    border-top: #00b1e65e double 4px !important;
}

.justify-content-end {
    justify-content: end;
}

.align-items-center {
    align-items: center
}

.delibModelGrid {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    row-gap: 3px;
}

.flex-1 {
    flex: 1;
}

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

.min-h-100 {
    min-height: 100px;
}

.h-initial {
    height: initial;
}

#delib_title .btn:not(.dropdown-toggle), #delib_title .btnOver {
    padding: 2px 4px 2px 4px !important;
    display: flex;
    justify-content: center;
}


.containerComment {
    display: flex;
}

.fs-9px {
    font-size: 9px
}

#commentFormContainer {
    height: 100vh;
}

.reportGridContainer *, .reportGridContainer::after, .reportGridContainer::before {
    /*box-sizing: content-box !important;*/
}

.sbCommentContainer {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 93vh;
}

.sbValidation {
    display: flex;
    flex-direction: column;
    width: 96%;
}

.sbCommentView {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: auto;
}

.sbCommentAdd {
    display: flex;
    flex-direction: column;
    height: 150px;
    /*width: 98%;*/
}

.sbValidation,
.sbCommentView,
.sbCommentAdd {
    box-sizing: border-box !important;
}

.sbCommentContainer *, .sbCommentContainer::after, .sbCommentContainer::before {
    box-sizing: content-box !important;
}

.search-tier-grid-container {
    display: grid;
    grid-template-columns: 10% 90%;
    justify-items: flex-start;
    align-items: center;
}

.search-tier-item-wide {
    grid-column: span 2;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.borderLRLightGray {
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
}

.borderLLightGray {
    border-left: 1px solid lightgrey;
}

.borderRLightGray {
    border-right: 1px solid lightgrey;
}

.reportInfoLabel {
    font-family: var(--fontFamily);
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    display: flex !important;
    justify-content: space-between;
    padding-right: 4px;
    margin-bottom: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.reportInfoValue {
    max-width: var(--valueMaxWidth)
}

td.ftSearchResult label {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.position-fixed {
    position: fixed !important;
}

.t-translate-30 {
    transform: translate(30px, 0px) !important;
}

.inset-inherit {
    inset: inherit !important;
}

.float-label {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.dropdown-menu span {
    color: var(--main_color) !important;
    font-size: 15px !important;
}

.dropdown-item img {
    /*width: 20px;*/
    /*height: 20px;*/
}

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

.dropdown-menu {
    background-color: #F7F8FC;
}

.model-gallery-items {
    /*display: grid;*/
    /*grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));*/
    grid-gap: 15px;
    padding: 5px;
    /*border:2px solid #04abaa !important;*/
    background: white;
    /*height: 100px;*/
    display: flex;
    overflow-x: hidden;
    /*overflow-x: scroll;*/
    scroll-snap-type: x mandatory;
    flex: 1;
}

.model-thumbnail-container {
    position: relative;
    cursor: pointer;
    border: 1px solid lightblue !important;
    width: 105px;
    /*min-height: 120px;*/

    flex: 0 0 auto;

    /*height: 150px;*/
    scroll-snap-align: start;
    /*background: #ccc;*/
    /*margin-right: 10px;*/
}

.model-thumbnail {
    width: 100%;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.model-thumbnail:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /*width: 100%;*/
    /*height: 100%;*/
}

.model-thumbnail-title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    width: 100%;
    padding: 5px;
    font-size: 1em;
    text-align: center;
    font-weight: 300;
    box-sizing: border-box;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.model-tooltip-image {
    width: 400px;
    height: 600px;
    border-radius: 10px;
    border: 1px solid lightgrey;
}

.custom-tooltip .tooltip-inner {
    max-width: inherit !important;
    height: inherit !important;;
    padding: 0;
    border-radius: 10px;
    background: transparent;
}

.blurred {
    position: relative;
    z-index: 0;
    filter: blur(4px);
}

.separator-center {
    display: flex;
    position: absolute;
    max-width: 32%;
    width: 100%;
    margin-top: -8px;
    align-items: center;
    text-align: center;
    color: var(--main_color);
    z-index: 999;
    background: #F7F8FC;
}

.separator-center .separator-center-line {
    flex-grow: 1;
    height: 1px;
    background: var(--main_color);
}

.separator-center .separator-center-line {
    padding: 0 20px;
    /*background: #fff;*/
}

.label-upload {
    display: block;
    width: 60vw;
    max-width: 300px;
    margin: 0 auto;
    background-color: slateblue;
    border-radius: 2px;
    font-size: 1em;
    line-height: 2.5em;
    text-align: center;
}

.label-upload:hover {
    background-color: cornflowerblue;
}

.label-upload:active {
    background-color: mediumaquamarine;
}

.input-upload {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.avatarHome {
    height: 20px;
    width: 20px;
    border-radius: 30%;
    overflow: hidden;
    object-fit: cover;
}

.boardTitleContent {
    color: white;
    font: bold 11pt Verdana;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.boardTitleContent span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 10px;
    width: 100%;
}

.colorTitleSeance {
    background-color: var(--main_color);
}

.imagetteAccueil {
    border: 1px solid #ddd8d8 !important;
    height: 150px;
    width: 100px;
    background-color: white;
}

.backdrop-style::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: inherit;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
    margin-left: -5px;
}

.btnPurpleHover:hover {
    color: white !important;
    background: var(--purpleDelib) !important;
}

.btnDangerHover:hover {
    color: white !important;
    background: #dc3545 !important;
}

.btnGrayHover:hover {
    color: white !important;
    background: lightgrey !important;
}

.btnDisabledHover:hover {
    background: transparent !important;
    cursor: not-allowed;
}

.btnDanger {
    color: white !important;
    background: #dc3545 !important;
}

.btnInfo {
    color: rgb(64, 64, 64) !important;
    background: rgb(173, 216, 230) !important;
}

.btnOther {
    color: white !important;
    background: grey !important;
}

.animated-button {
    color: #fff;
    cursor: pointer;
    display: block;
    position: relative;
    border: 2px solid #F7CA18;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

.animated-button:hover {
    color: #000 !important;
    background-color: transparent;
}

.animated-button:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}

.animated-button:before {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000 !important;
    background: #F7CA18;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    0s;
}


[id^=upload-text-upload] {
    color: white;
    background-color: var(--main_color);
    padding: 0 2em 0 2em;
}

[id^=upload-text-upload]:hover, [id^=upload-text-cancel]:hover {
    background: var(--purpleDelib) !important;
    /*background: greenyellow !important;*/
    cursor: pointer;
}

[id^=upload-text-cancel] {
    color: white;
    background-color: #dc3545;
    padding: 0 2em 0 2em;
}

.model-thumbnail-container img {
    height: 100% !important;
    min-height: 145px !important;
}


.delib-scrollbar {
    background: #F5F5F5;
}

.delib-blue-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    /*border-radius: 10px;*/
}

.delib-blue-scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.delib-blue-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #1989b6;
    opacity: 0.5;
}

.gallery-wrapper {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    position: relative;
}

.scroll-button {
    background: #eee;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.gallery {
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    flex: 1;
}

.bg-multiDelib {
    background: #E2E2E2;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}


.marginLR-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.dcustom-border {
    border: solid 1px var(--main_color);
}

.custom-btn {
    background-color: #FFFFFF;
    border: 1px solid rgb(209, 213, 219) !important;;
    box-sizing: border-box;
    color: #111827;
    font-family: "Inter var", ui-sans-serif, system-ui, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*font-size: .875rem;*/
    /*font-weight: 600;*/
    line-height: 1.25rem;
    padding: .1rem 1rem;
    text-align: center;
    text-decoration: none #D1D5DB solid;
    text-decoration-thickness: auto;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    transition: background-color 0.2s ease;
    /*transition: background-position 1s;*/
    background-position: 100% 0;
}

.custom-btn:hover {
    background-position: 0 0;
    color: white;
    background: lightgrey;
}

.custom-btn:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.custom-btn:focus-visible {
    box-shadow: none;
}

/*.missing-item:focus {*/
.missing-item {
    box-shadow: 0 0 5px 2px #dc3545 !important;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
}

.text {
    color: white;
}

.archLex img {
    height: 30px
}

@-webkit-keyframes cascade {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-250%);
        transform: translateY(-250%);
    }
    30%,
    60% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(250%);
        transform: translateY(250%);
    }
}

@keyframes cascade {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-250%);
        transform: translateY(-250%);
    }
    30%,
    60% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(250%);
        transform: translateY(250%);
    }
}

.ui-widget-overlay {
    background-color: var(--backdrop);
    opacity: unset;
}

.cascade {
    height: 20px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 20px);
    grid-gap: 5px;
}

.cascade div {
    background: var(--main_color)
}

.cascade div:nth-child(1) {
    -webkit-animation: cascade 1.5s 0.15s ease infinite backwards;
    animation: cascade 1.5s 0.15s ease infinite backwards;
}

.cascade div:nth-child(2) {
    -webkit-animation: cascade 1.5s 0.3s ease infinite backwards;
    animation: cascade 1.5s 0.3s ease infinite backwards;
}

.cascade div:nth-child(3) {
    -webkit-animation: cascade 1.5s 0.45s ease infinite backwards;
    animation: cascade 1.5s 0.45s ease infinite backwards;
}

.cascade div:nth-child(4) {
    -webkit-animation: cascade 1.5s 0.6s ease infinite backwards;
    animation: cascade 1.5s 0.6s ease infinite backwards;
}

.cascade div:nth-child(5) {
    -webkit-animation: cascade 1.5s 0.75s ease infinite backwards;
    animation: cascade 1.5s 0.75s ease infinite backwards;
}


.modal-fullscreen .modal-header {
    background: #E2E2E2;
}

.w-max-content {
    width: max-content !important;
}

.mw-fit-content {
    max-width: fit-content;
}

#viewerError {
    background: #33475B;
    opacity: 0.8;
    height: 100%;
    color: white;
    font-size: large;
    padding: 50px;
}

.history-timeline, .conflict-SB {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    overflow: auto;
}

.history-timeline-item {
    padding: 10px;
    position: relative;
    width: 80%;
    z-index: 999;
    background: white;
    margin-top: 20px;
    border-radius: 5px;
}

.history-timeline-container {
    position: relative;
    top: -10px;
}

.conflict-SB-container {
    position: relative;
}

.history-timeline-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    background-color: #E6E6E6;
    height: 100%;
}

.history-timeline-item.right {
    left: 9%;
    background: #E6E6E6;
    width: 90%
}

.history-timeline-item.left {
    left: 0;
    background: #CE7B2C;
    width: 90%;
    color: white;
}


.history-timeline-item-date {
    width: 100%;
    text-align: right;
}

.history-timeline-fullwidth {
    width: 100% !important;
    left: 0 !important;
}

.history-timeline-item span {
    width: 13px;
    display: inline-flex;
}

.history-timeline-item .large-span {
    width: 39px !important;
    display: inline-flex;
}

#reportHistoryBtn {
    display: none;
}

.switch-button-small {
    height: max-content;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.switch-button-small:hover {
    background-color: #f0f0f0;
}

.switch-button {
    padding: 10px 20px;
    border: 1px solid lightgrey;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.switch-button:hover {
    background-color: #f0f0f0;
}

.switch-button.active {
    background-color: #1989b6;
    color: white;
}

.selectLineStyle {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.2s ease-in-out;
}

.selectLineStyle:hover {
    background-color: #f5f5f5;
    text-decoration: underline;
}

.fs-medium {
    font-size: medium;
}

.custom-table-hover tbody tr:hover {
    background-color: whitesmoke;
}

.icon-top-right {
    position: absolute;
    top: -8px;
    right: 0;
    font-size: 20px;
    background: transparent;
    height: 0;
}

.history-progression {
    background-color: #f7f9fc;
    border-left: 5px solid #dc3545;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.history-reaffect {
    /*color:#2D9CDB!important;*/
    background-color: #f7f9fc;
    border-left: 5px solid #2D9CDB;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.grid-report-short {
    display: grid;
    grid-template-columns: 50px auto max-content;
    width: 100%;
}

.sub-report-short {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    padding: 5px;
}

.hw-28 {
    height: 28px !important;
    width: 28px !important;
}


#dropReportBody, [id^=dropDelibSipmleCorps], [id^=dropDelibMultiCorps] {
    background-color: whitesmoke !important;
    border: 2px solid #ff7171 !important;
    color: #721c1c !important;
    box-shadow: 0 4px 8px rgba(255, 113, 113, 0.2) !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#dropReportBody:hover, #dropDelibMultiCorps:hover, #dropDelibSipmleCorps:hover {
    box-shadow: 0 6px 12px rgba(255, 113, 113, 0.3) !important;
}

#dropReportBody, #dropDelibMultiCorps, #dropDelibSipmleCorps {
    transition: all 0.3s ease !important;
}

.no-folder {
    height: 50%;
    background-image: url("../images/7.0/logo_arcade_disable.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 5%;

}

.popover {
    width: 600px;
    max-width: 100%;
}

#reportForm .popover {
    width: max-content !important;
    min-width: 150px !important;
}

.custom-popover {
    width: auto !important;
    max-width: 100% !important;
}

.custom-popover .popover-body {
    max-height: 250px;
    overflow-y: auto;
}

.custom-popover .history-date {
    color: #007bff;
    font-weight: bold;
}

.custom-popover .history-username {
    color: #6c757d;
    font-style: italic;
}

.history-labelname {
    font-weight: bold;
    margin-bottom: 5px;
}

.text-through {
    text-decoration: line-through;
    margin-bottom: 3px;
}

.popover-body {
    max-height: 90vh;
    overflow: auto;
}

.hidden {
    display: none;
}


.loadingModalEllipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.loadingModalEllipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--main_color);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loadingModalEllipsis div:nth-child(1) {
    left: 8px;
    animation: wait1 0.6s infinite;
}

.loadingModalEllipsis div:nth-child(2) {
    left: 8px;
    animation: wait2 0.6s infinite;
}

.loadingModalEllipsis div:nth-child(3) {
    left: 32px;
    animation: wait2 0.6s infinite;
}

.loadingModalEllipsis div:nth-child(4) {
    left: 56px;
    animation: wait3 0.6s infinite;
}

@keyframes wait1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes wait3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes wait2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

.textClickable {
    cursor: pointer;
    /*color: #007BFF;*/
    font-weight: bold;
    /*text-decoration: underline;*/
    transition: color 0.3s ease;
}

.cursor-pointer-cus:not(th) {
    cursor: pointer;
    transition: color 0.3s ease;
    font-weight: 100;
}

.cursor-pointer-cus:not(th):hover {
    font-weight: 400 !important;
}

.cursor-pointer-cus:not(th).active {
    color: var(--main_color) !important;
}

/*tr:hover .textClickable {*/
/*    color: white;*/
/*}*/

.textClickable:active {
    color: white;
}

div[id^="searchModal_"] span.ui-icon {
    background-image: none !important;
}

div[id^="searchModal_"] .ui-state-hover .ui-icon :hover {
    background: none;
}

#conflictResult img {
    width: 30px !important;
    height: 30px !important;
}

.conflict-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #f8f8f8;
    max-height: 80vh;
    overflow: hidden;
}

.conflict-table-content {
    overflow-y: auto;
    flex: 1;
}

.conflict-table-header, .conflict-table-row {
    display: grid;
    grid-template-columns: 50px 2fr 1fr 1fr auto;
}

.conflict-table-header.no-first-col, .conflict-table-row.no-first-col {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 0.5fr;
}

.conflict-cell {
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conflict-separator {
    width: 100%;
    padding: 10px;
    background-color: #e0e0e0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
    margin-top: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.conflict-actions {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
}

.conflict-table-header {
    background-color: #e0e0e0;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--main_color);
    color: var(--main_color);
}

.conflict-user-info {
    justify-content: space-between;
}

.conflict-user-row {
    padding: 5px 10px;
    background-color: #f7f7f7;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.conflict-user-name {
    font-size: 1.2em;
    color: #333;
}

.conflict-user-details {
    list-style-type: none;
    padding-left: 20px;
    margin: 0;
    display: none;
}

.conflict-user-details div {
    font-size: 16px;
    color: #666;
    margin-bottom: 4px;
    position: relative;
    padding-left: 10px;
}

.conflict-user-details:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #007BFF;
}

.conflict-user-details div:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    height: 16px;
    width: 2px;
    background: #007BFF;
}

.conflict-user-details div:after {
    content: '';
    position: absolute;
    left: -20px;
    top: 8px;
    width: 20px;
    height: 2px;
    background: #007BFF;
}

.treeview, .treeview ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.treeview ul {
    margin-left: 1em;
    position: relative;
}

.treeview ul ul {
    margin-left: .5em;
}

.treeview ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #369;
}

.treeview li {
    margin: 0;
    padding: 0 0 0 1em;
    /*line-height: 2em;*/
    color: #369;
    /*font-weight: 700;*/
    position: relative;
}

.treeview ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    left: 0;
}

.treeview ul li:last-child:before {
    background: #fff;
    height: auto;
    top: 1em;
    bottom: 0;
    background: var(--main-background-color);
}

#conflictFormContainer .badge img {
    height: 25px !important;
}

.conflict-treeview .branch {
    display: block;
    align-items: center;
    margin-left: 2em;
}

.treeview li a {
    text-decoration: none;
    color: #369;
}

.treeview li button, .treeview li button:active, .treeview li button:focus {
    text-decoration: none;
    color: #369;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    outline: 0;
}

.treeview .item-inactive {
    font-style: italic;
    color: red;
    text-decoration: line-through;
}

.indicator {
    margin: 0;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: cover;
}

.treeview-parent {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #369;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.arrow-item-icon {
    background-image: url('../images/7.0/arrow_down_simple.svg');
    transform: rotate(-90deg);
    transition: transform 0.3s ease;
    color: #1989b6;
}

.expand-items {
    display: inline-block;
    margin-right: 5px;
}

.arrow-item-icon.opened {
    transform: rotate(0deg);
}

.multiline-ellipsis-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
}

.multiline-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 3; !* start showing ellipsis when 3rd line is reached *!*/
    white-space: pre-wrap; /* let the text wrap preserving spaces */
}

.icon-img-sa-list {
    width: max-content !important;
    margin-right: 20px;
}

.icon-img-sa-list img {
    display: flex;
    align-items: center;
    justify-content: center;
    /*margin-right: 10px;*/
    width: 30px !important;
    height: 30px !important;
}

#dropDownMenuSA a.disabled {
    pointer-events: none;
    color: #aaa;
    cursor: not-allowed;
}

.icon-img-sa-list.disabled {
    filter: grayscale(100%);
    opacity: 0.6;
}


#dropDownMenuSA {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#dropDownMenuSA a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    margin-bottom: 5px;
    transition: color 0.2s;
}

#dropDownMenuSA a:hover {
    color: #007BFF;
    background: lightgrey;
}


#dropDownMenuSA hr {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mainLabelColor {
    font-weight: bold;
    color: var(--main_color);
}

.comboVoteStyle[disabled], .select-custom[disabled] {
    background: none;
}

.custom-default-indicator::-webkit-calendar-picker-indicator {
    opacity: 0;
}

#seance_table_wrapper .dataTables_scrollHead thead {
    height: 40px;
}

.filter-bubble {
    display: inline-block;
    padding: 2px 5px;
    margin-left: 5px;
    background-color: #e1e1e1;
    border-radius: 15px;
    font-size: xx-small;
    color: #333;
    font-family: Arial, sans-serif;
}

.filter-bubble span {
    margin-right: 10px;
}

.filter-bubble .close-button {
    cursor: pointer;
    border: none;
    background: transparent;
    color: #333;
}

.filter-bubble .close-button:hover {
    color: #f00;
}

.filterHighlight td {
    background-color: var(--main_color) !important;
    color: white !important;
    transition: background-color 0.5s;
}

#convocationTable td.align-center,
#convocationTable thead th.align-center,
#documentConvocTable td.align-center,
#documentConvocTable thead th.align-center,
#resultConvocationTable td.align-center,
#resultConvocationTable thead th.align-center {
    vertical-align: middle;
    text-align: center;
}

#documentConvocTable thead tr,
#resultConvocationTable thead tr {
    background-color: #e0e0e0;
    font-weight: 600;
    font-size: 12px;
    border-bottom: 1px solid #1989b6;
    color: #1989b6;
}

.documentFilter .card-header,
#administrationContentPanel .card-header,
#mainStatDiv .card-header {
    background: #1989b6;
    color: white;
    font-size: initial;
    text-align: center;
}

#resultEConvocBoard #convocationTable_wrapper,
#resultConvocationTable_wrapper,
#documentConvocTable_wrapper,
#commentTable_wrapper,
#secretCommentTable_wrapper {
    padding: 0 !important;
    width: 100%;
}

/*#resultEConvocBoard .form-check-input {*/
/*    width: 40px;*/
/*    height: 15px;*/
/*}*/

#resultEConvocBoard tbody {
    background: white;
}

.documentFilter .card:hover, .card:hover .card--hover a,
#administrationContentPanel .card:hover,
#mainStatDiv .card:hover {
    box-shadow: none;
}

.documentFilter .card:hover,
#administrationContentPanel .card:hover,
#mainStatDiv .card:hover {
    border-color: #1989b6;
}

.documentFilter .card {
    border: 1px solid #1989b6;
    max-width: 600px;
}

#administrationContentPanel .card {
    border: 1px solid #1989b6;
    /*max-width: 600px;*/
}

#econvocation-form .offcanvas-header {
    padding: 5px 10px 5px 10px;
    background: #1989b6 !important;
}

#econvocation-form #viewerConvoc .offcanvas-header h5 {
    color: white !important;
}

.custom-bg-header {
    padding: 5px 10px 5px 10px;
    background: #1989b6 !important;
    color: white !important;
}

#econvocation-form .btn-outline-primary {
    background: transparent;
    color: #1989b6;
}

#econvocation-form .btn-check:checked + .btn-outline-primary {
    background-color: #dc3545;
    color: white;
}

#documentConvocTable th, #documentConvocTable td {
    table-layout: fixed;
}

#econvocation-form .btn, .btnOver {
    margin-left: 0px;
}

#econvocation-form .custom-btn {
    padding: 0;
    width: 100%;
}

/*#econvocation-form .form-check-input {*/
/*    vertical-align: middle;*/
/*    margin-top: inherit;*/
/*}*/

/*#econvocation-form .form-check-input:checked {*/
/*    background-color: #dc3545;*/
/*    color: white;*/
/*}
*/

#econvocation-form .form-switch .form-check-input {
    margin-left: 0;
}

#econvocation-form .stepIcon img {
    width: 50px;
    height: 50px;
}

#econvocation-form #pills-tab .nav-link:not(.disabled):not(.step-complete),
#econvocation-form #pills-tab .nav-link.active:not(.step-complete) {
    border: 4px solid #1989b6;
    background: white !important;
}

#econvocation-form #pills-tab .nav-item .disabled {
    border: none !important;
}

#econvocation-form #pills-tab .active {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

}

#econvocation-form #pills-tab .step-complete {
    background: #57b87b !important;
    /*border: none !important;*/
}

#econvocation-form .step-complete .stepIcon img {
    filter: brightness(0) invert(1);
}


.step-connector {
    position: relative;
    background-color: lightgray;
    width: 99%;
    height: 5px;
    /*overflow: hidden;*/
}

.step-connector::after {
    content: '';
    position: absolute;
    right: -4px;
    top: 50%;
    border-width: 15px 0 15px 15px;
    border-style: solid;
    border-color: transparent transparent transparent lightgrey;
    transform: translateY(-50%);
}

.step-connector::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: #57b87b;
    transition: width 4s linear;
}

.step-connector.step-active::before {
    width: 100%;
}

.step-connector.step-complete::after {
    border-color: transparent transparent transparent #57b87b;
}


#econvocation-form .stepGrid {
    display: grid;
    grid-template-columns: 220px 1fr 220px;
    margin-left: 18%;
    margin-right: 22%;
}

#scrollDiv .seance:not(:first-child) {
    margin-top: 10px
}

#folderTable tr.dtrg-group:not(:first-child) td *

/
{
    border-top: 10px solid white !important
;
}

tbody .withIcon30 img {
    width: 30px !important;
    height: 30px !important;
}

#viewerConvoc .offcanvas-body {
    overflow: unset;
}

#convocModal {
    background: white;
    overflow: hidden;
    position: relative;
}

.editor-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ck-editor__top {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
}

.ck-editor__editable_inline {
    flex-grow: 1;
    overflow-y: auto;
    height: inherit;
}

.ck-editor {
    height: inherit !important;
}

.h-75vh {
    height: 75vh;
}

.groupActions,
.groupActions a,
.documentFilter .card,
#administrationContentPanel .card,
#mainStatDiv .card {
    border-radius: 5px !important;
}

.documentFilter .card-header:first-child,
#administrationContentPanel .card-header:first-child,
#mainStatDiv .card-header:first-child {
    border-radius: unset !important;
}

#econvocation-form .card-header:first-child,
.documentFilter .card,
#administrationContentPanel .card,
#mainStatDiv .card {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

#econvocation-form #convocationTable,
#econvocation-form #documentConvocTable,
#econvocation-form #resultConvocationTable {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 5px;
    overflow: hidden;
}


.exportNotification-history-icon,
.exportNotification-close-btn {
    border: none;
    background-color: transparent;
    color: white;
    cursor: pointer;
    font-size: 20px;
}

.exportNotification-history-icon img,
.exportNotification-close-btn img {
    filter: brightness(0) invert(1);
    width: 20px;
}

.exportNotification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background-color: #1989b6;
    color: white;
    border-bottom: 1px solid #d1d1d1;
}

.exportNotification-title {
    font-weight: bold;
}


.exportNotification {
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}

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

.notification-error {
    background-color: #ffebeb;
}

.notification-complete {
    background-color: #eaffea;
}

.exportNotificationOld {
    display: none;
}

.exportNotification-container {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 700px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    z-index: 1050;
    max-height: 400px;
}

.exportMessages-container {
    max-height: 150px;
    overflow-y: auto;
}

#searchCriteria .custom-combobox .custom-combobox-toggle {
    margin-left: unset;
}

#convocationTable_filter,
#convocationComTable_filter,
#documentConvocTable_filter,
#resultConvocationTable_filter,
#parapheurBoardTable_filter,
#teletransmissionBoardTable_filter,
#documentTable_filter,
#vecdynTable_filter,
#commentTable_filter,
#secretCommentTable_filter,
#eluDestinataireTable_filter {
    float: left !important;
    text-align: left !important;
    width: 400px;
    margin-bottom: 5px;
}

#convocationTable_filter input[type="search"],
#convocationComTable_filter input[type="search"],
#documentConvocTable_filter input[type="search"],
#resultConvocationTable_filter input[type="search"],
#parapheurBoardTable_filter input[type="search"],
#teletransmissionBoardTable_filter input[type="search"],
#documentTable_filter input[type="search"],
#vecdynTable_filter input[type="search"],
#commentTable_filter input[type="search"],
#secretCommentTable_filter input[type="search"],
#eluDestinataireTable_filter input[type="search"],
#convocationTable_wrapper input[type="search"],
#documentConvocTable_wrapper input[type="search"],
#resultConvocationTable_wrapper input[type="search"],
#parapheurBoardTable_wrapper input[type="search"],
#teletransmissionBoardTable_wrapper input[type="search"],
#documentTable_wrapper input[type="search"],
#vecdynTable_wrapper input[type="search"],
#commentTable_wrapper input[type="search"],
#secretCommentTable_wrapper input[type="search"],
#eluDestinataireTable_wrapper input[type="search"] {
    width: 400px !important;
    margin-left: 0;
}

#parapheurBoardTable_wrapper,
#teletransmissionBoardTable_wrapper,
#documentTable_wrapper,
#vecdynTable_wrapper,
#convocationTable_wrapper {
    padding: 2px !important;
}

#econvocation-form .table thead .sorting::after,
#econvocation-form .table thead .sorting_asc::after,
#econvocation-form .table thead .sorting_desc::after,
#econvocation-form .table thead .sorting::before,
#econvocation-form .table thead .sorting_asc::before,
#econvocation-form .table thead .sorting_desc::before {
    font-size: 30px;
    width: 30px;
    background-size: 30px 30px;
    display: flex;
    align-items: center;
    height: 40%;
}

#econvocation-form .table thead tr {
    background: #1989b6;
    color: white;
}

#econvocation-form .table thead tr img {
    filter: brightness(0) invert(1);
}

.delib-table thead tr.h-small th {
    /*height: 10px !important;*/
    padding: 3px;
}

.delib-table {
    border-collapse: separate;
    border-spacing: 0;
    /*border-radius: 5px;*/
    overflow: hidden;
    width: 100%;
    vertical-align: middle;
}


.delib-table th:first-child {
    border-top-left-radius: 5px;
}

.delib-table th:last-child {
    border-top-right-radius: 5px;
}

.delib-table tbody:last-child tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.delib-table tbody:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}


.delib-table img {
    width: 30px;
    height: 30px;
}

.delib-table thead {
    background: #1989b6;
}

.delib-table thead tr th {
    color: white !important;
    text-align: center;
    border-collapse: collapse;
}

.delib-table .dataTables_wrapper,
.delib-table .dt-container {
    padding: 0;
}

.delib-table td {
    /*white-space: nowrap;*/
}

#addConvocAppendix {
    min-width: 500px;
}

.margin-0 {
    margin: 0;
}

nav#menu-header {
    border-top: 1px solid rgba(25, 137, 182, 0.5);
    border-bottom: 1px solid rgba(25, 137, 182, 0.5);
}

#reportAccessDocumentFS {
    display: flex;
    justify-content: right;
}

td.sendStatus {
    max-width: 300px;
}

#favoritReportSwitch img, #rgdpReportSwitch img {
    width: 25px !important;
    height: 25px !important;
}

.model-separator-row {
    background: var(--main_color) !important;
    color: white !important;
    border: none;
}

.modal-confirm {
    color: #636363;
    width: 400px;
}

.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}

.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}

.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px;
}

.modal-confirm .modal-body {
    color: #999;
}

.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
}

.modal-confirm .modal-footer a {
    color: #999;
}

.modal-confirm .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
}

.modal-confirm .icon-box i {
    color: #f15e5e;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}

.modal-confirm .btn {
    color: #fff;
    border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    min-width: 120px;
    border: none;
    min-height: 40px;
    border-radius: 3px;
    margin: 0 5px;
    outline: none !important;
}

.modal-confirm .btn-info {
    background: #c1c1c1;
}

.modal-confirm .btn-info:hover, .modal-confirm .btn-info:focus {
    background: #a8a8a8;
}

.modal-confirm .btn-danger {
    background: #f15e5e;
}

.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
    background: #ee3535;
}

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

.paddingReportImg img {
    padding: 3px;
    height: 30px;
}

.paddingImg9 img {
    padding: 9px;
}

.dz-file-preview {
    display: none !important;
}

div[id^="dropCommissionFile_"] .dropzone.dz-started .dz-message {
    display: block !important;
}

div[aria-describedby^="searchModal_"] .ui-dialog-titlebar {
    display: flex !important;
}

.icon-search-light {
    width: 25px;
    height: 25px;
    filter: brightness(0) invert(1);
}

#searchCriteria .custom-combobox {
    display: flex !important;
}

#searchCriteria .custom-combobox .custom-combobox-toggle {
    right: 0 !important;
}

.icon-odj-seance {
    padding: 0px 8px 0px 8px !important;
}

.odj-tooltip .tooltip-inner {
    background-color: #fff !important;
    width: max-content !important;
    min-width: 300px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.odj-tooltip.tooltip {
    font-size: 14px;
}

.odj-tooltip .tooltip-arrow::before {
    /*border-bottom-color: #fff !important;*/
    border-left-color: #fff !important;
}

.odj-tooltip .tooltip-title {
    color: var(--main_color);
    margin-bottom: 8px;
    font-weight: bold;
}

.odj-tooltip.tooltip .btn {
    background-color: var(--main_color);
    color: #fff;
    border-radius: 4px;
    margin-bottom: 6px;
}

.odj-tooltip.tooltip .btn:hover {
    border-color: #186a3b;
}

.toggle-password {
    margin-top: 12px;
}

.toggle-password:before {
    margin-left: -50px !important;
    color: var(--main_color);
}

.toggle-password.fa-fw {
    width: auto !important;
}

.divider-vertical {
    border-left: 1px solid lightgrey;
}

.resultValidationModal .ui-dialog-buttonset {
    float: unset !important;
    display: flex;
}

.resultValidationModal .ui-dialog-buttonset button.lastRigtht {
    margin-right: 10px !important;
}

.resultValidationModal .ui-dialog-buttonset button.firstRigtht {
    margin-left: auto !important;
}

.icon-copy {
    background: url("../images/7.0/copy.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: brightness(0) invert(1);
    min-width: 25px;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"], .tooltip {
    z-index: 1080 !important;
}

.icon-spin {
    height: 100%;
    width: 100%;
    -webkit-animation: icon-spin 1s infinite linear;
    animation: icon-spin 1s infinite linear;
}

@keyframes icon-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

::-ms-reveal {
    display: none;
}

#MainSeanceTable table.dataTable tr.dtrg-group th:first-child {
    border-top: none !important;
}

#MainSeanceTable table.dataTable td:last-child {
    border-bottom: none !important;
}


#MainSeanceTable table.dataTable tr.dtrg-group th {
    background-color: rgb(247, 248, 252) !important;
    border-top: 0.032rem solid #A0A0A0 !important;
    border-bottom: 0.032rem solid #A0A0A0 !important;
    border-opacity: 0.5 !important;;
    /*background-clip: padding-box;*/
}

#MainSeanceTable table.dataTable td {
    border: none;
}

.ck-powered-by {
    display: none !important;
}

.stat-active {
    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
}

div.dropdown-menu.transform-dropdown-center {
    transform: translate3d(-86%, 5px, 10px) !important;
}

div.dropdown-menu.transform-dropdown-center2 {
    transform: translate3d(-86%, 35px, 10px) !important;
}

div.dropdown-menu.addReport {
    transform: translate3d(-100%, 35px, 10px) !important;
}

.reportTitle-container {
    position: relative;
    display: inline-block;
}

#reportTitle {
    width: 100%;
    height: 100px;
    box-sizing: border-box;
}

#titleCharCounter {
    position: absolute;
    bottom: 1px;
    right: 15px;
    background-color: white;
    font-size: xx-small;
    --bs-text-opacity: 1;
    color: #6c757d
}

.breadCrumbsText {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: pre-wrap !important;
    -webkit-line-clamp: 1;
    max-width: 600px !important;
    text-align: left;
    min-width: auto;
}

.mainReportGrid {
    display: grid;
    grid-template-columns: minmax(150px, 30%) minmax(100px, 100%) minmax(200px, 25%);
    /*grid-template-columns: 30% max-content 25%;*/
}

@media (max-width: 1000px) {
    .sidebarView {
        /*display: none;*/
    }

    .mainReportGrid {
        /*grid-template-columns: 30% auto;*/
    }
}

#nav-tabContent .tab-pane #nav-info-form {
    /*padding: 30px;*/
    padding: 5px;
    margin-left: 0;
    margin-right: 0;
}

.nav-tab-container {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
}

.nav-tab-header {
    display: none;
}

.nav-link.active {
    display: block;
}

.nav-links-container {
    height: 40px !important;
    display: inline-flex;
    justify-content: center;
    align-content: center;
}

.nav-links-container button {
    width: 100%;
    height: 100%;
    padding: 0;
}

.full-width {
    grid-column: 1 / -1 !important;
}

.full-width-two {
    grid-column: span 2 !important;
}

.full-width-action2 {
    grid-template-columns: 30% auto !important;
}

.report-grid-action {
    grid-template-columns: 30% auto;
}

.report-grid {
    grid-template-columns: minmax(150px, 30%) minmax(100px, 100%) minmax(200px, 25%);
}

@media (max-width: 1250px) {
    .nav-tab-header {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }

    .nav-tab-container:hover .nav-links-container {
        display: ruby;
        position: absolute;
        width: 100%;
        background: white;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    .nav-tab-container:hover button {
        background: white;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .nav-links-container {
        display: none;
    }

    /*#reportContentGrid {*/
    /*    grid-column: span 2 !important;*/
    /*}*/
    /*#reportViewerGrid {*/
    /*    display: none;*/
    /*}*/
}


#conflictTable th, #conflictTable td {
    font-size: small !important;
}

#conflictTable .dtrg-group {
    width: 100%;
    padding: 10px;
    background-color: #e0e0e0;
    font-weight: bold;
    text-align: center;
    /*margin-bottom: 0;*/
    /*margin-top: 5px;*/
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#conflictTable .dtrg-group th {
    /*border-bottom: 1px solid gray !important;*/
}

#conflictTable_wrapper {
    padding: 0px !important;
}

#conflictTable.delib-table th:last-child {
    border-top-right-radius: unset !important;
    border-top-left-radius: unset !important;
}

.modal-header.customSize button {
    line-height: 1.25rem;
    border: 1px solid rgb(209, 213, 219);
    box-sizing: border-box;
    padding: .1rem 1rem;
    text-align: center;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.modal-header.customSize {
    background: #f6f8fb !important;
}

#conflictChartContent textarea {
    height: 80vh !important;
}

.editReportGrid {
    display: grid;
    grid-template-columns: max-content auto auto;
    align-items: center;
    justify-content: start;
}

.grid-report-row-full {
    grid-column: 1 / span 3;
}

.reportLinkTab {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

.tab-modified::after {
    content: '\270E';
    font-size: 15px;
    color: red;
}

.tab-modified {
    color: #333;
    font-weight: bold;
    font-style: italic;

}

.select-container select.selectAnnType {
    min-width: unset !important;
    width: 11vw !important;
}

.select-container select {
    width: 100%;
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    /*appearance: none;*/
}

.appendixActions {
    display: flex
}

@media (max-width: 1250px) {
    .appendixActions {
        display: block;
    }
}

.field-grid-container {
    display: grid;
    grid-template-columns: 30% auto max-content;
    gap: 5px;
    align-items: start;
}

.field-label-item {
    grid-column: 1;
}

.field-content-item {
    grid-column: 2;
}

.field-action-item {
    grid-column: 3;
}

.field-label-item, .field-content-item, .field-action-item {
    display: flex;
    align-items: start;
}

.field-action-item button {
    padding: .1rem !important;
    margin-left: 0 !important;
    margin-right: 5px;
}

.field-action-item button:last-child {
    margin-right: 0;
}

.report-header-grid-container {
    display: grid;
    grid-template-columns: minmax(30px, 60px) max-content auto max-content;
    grid-template-rows: repeat(2, auto);
    gap: 5px;
    grid-template-areas:
    "report-header-logo report-header-inst-label report-header-inst-val report-header-actions"
    "report-header-logo report-header-service-label report-header-service-val report-header-actions";
}

.report-header-item {
    display: flex;
    align-items: center;
}

.report-header-logo {
    grid-area: report-header-logo;
}

.report-header-inst-label {
    grid-area: report-header-inst-label;
}

.report-header-inst-val {
    grid-area: report-header-inst-val;
}

.report-header-actions {
    grid-area: report-header-actions;
}

.report-header-service-label {
    grid-area: report-header-service-label;
}

.report-header-service-val {
    grid-area: report-header-service-val;
}

.dt-container .dt-paging-button.first,
.dt-container .dt-paging-button.last {
    display: none !important;
}

div.dt-container .dt-paging .dt-paging-button {
    padding: 0 !important;
}

#documentTable .dt-column-order,
#documentTable_wrapper .dt-column-order {
    display: none;
}

#documentTable_wrapper .dt-scroll-body {
    /*width: fit-content;*/
}

#dropDownMenuSuggestion #suggest .ui-menu {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, .2);
}

.alignItemRight {
    margin-left: auto;
    margin-right: 5px;
}

.alignItemRight img {
    padding: 5px;
}

.searchItem {
    text-align: center;
    padding: 5px !important;
    margin-left: 10px !important;
}

div.dropdown-menu {
    transform: translate3d(0, 43px, 0px) !important;
    inset: unset !important;
    max-width: 300px;
    overflow-x: hidden;
}

#reportAccessDocumentFS div.dropdown-menu,
#btnDocAcces.btnDocAccesFS div.dropdown-menu {
    transform: translate3d(-200px, 43px, 0px) !important;
}


div.dropdown-menu a {
    display: flex;
    align-items: center;
}

div.dropdown-menu span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ml-n-36 {
    margin-left: -36px !important;
}


.locked .checkbox-wrapper {
    pointer-events: none;
}

.checkbox-wrapper {
    position: relative;
}

.checkbox-wrapper input[type="checkbox"] {
    position: relative;
    z-index: 1;
}

.checkbox-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    display: none;
}

.locked .checkbox-wrapper::before {
    display: block;
}

.opacity-50 {
    opacity: .9;
}

#convocForm .dataTables_wrapper {
    padding: 0 !important;
}

.eluListFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.default-viewer-icon {
    content: "";
    background-image: url("../images/7.0/logo_arcade_disable.svg");
    background-repeat: no-repeat;
    background-size: 90% 80%;
    background-position: center center;
    background-color: #33475B;
    opacity: 0.8;
}

#conflictGrid {
    display: grid;
    height: 100vh;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    /*gap: 10px;*/
}

.conflict-grid-item {
    background-color: #f1f1f1;
    text-align: center;
    overflow: auto;
}

#viewerConflictSection {
    overflow: hidden;
}

#conflictGrid .table-container {
    grid-row: 1 / span 2;
    border-right: 1px solid lightblue;
}

#conflictGrid table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 15px;
    table-layout: auto;
}

#conflictGrid table thead, .conflict-action-container {
    height: 40px !important;

}

.documentContainer.dropdown-menu {
    right: 0 !important;
    top: 0 !important;
}

.documentContainer.dropdown-menu {
    max-width: max-content;
}

#conflict-documents .btn-group.dropend {
    display: contents;
}

.documentRef.dropdown-item img {
    width: 20px !important;
    height: 20px !important;
}

.conflict-action-container {
    display: flex;
    justify-content: space-between;
    background: #1989b6;
}

.conflict-action-column {
    display: flex;
    align-items: center;
    gap: 10px;
}

.conflict-header-actions {
    justify-content: flex-start;
}

.conflict-header-documents {
    justify-content: center;
}

.conflict-header-close {
    justify-content: flex-end;
}

#conflict-documents button:not(.documentContainer > button) {
    border-radius: 8px;
}

.documentRef.active, .dropend-document.active {
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset !important;
}

.conflict-action, #conflict-documents button {
    padding: 5px;
    border: none;
    background-color: #ffffff;
    color: #1989b6;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.conflict-action:hover:not(.conflict-action-active), #conflict-documents button:hover {
    background-color: #f0f0f0 !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.conflict-action-active {
    background: var(--purpleDelib);
    color: white;
}

#noConflictLabel {
    height: 100vh;
    margin-top: 5%;
}

tr.selectAppendix input[type='text'] {
    font-weight: 900;
    font-size: 10px;
    min-width: unset !important;
}

.onDragClass {
    border: 2px dashed var(--border_login);
}

#conflictTable tr.disabled-row {
    background: lightgrey;
}

#conflictTable tr.disabled-row td {
    color: red;
    opacity: 0.5;
}

#conflictTable.dataTable tbody th, #conflictTable.dataTable tbody td {
    padding: unset;
}

#conflictTable.dataTable thead th, #conflictTable.dataTable tbody td {
    padding: 5px;
}

#conflictTable.dataTable tbody tr.dtrg-group.dtrg-start.dtrg-level-0 th {
    padding: 5px;
}

.item-hidden {
    visibility: hidden;
    pointer-events: none !important;
}

.item-visible {
    visibility: visible;
}

.child-table td, .dt-hasChild.shown td {
    padding: 0;
}

.child-table:has(> table) {
    padding: 0;
}

.justifyContentCenter {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.selectedModel {
    border: 2px solid green;
    border-radius: 2px;
}

.model-thumbnail-container {
    position: relative;
    overflow: hidden;
}

.model-thumbnail-container.selected::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 5;
}

.model-thumbnail-container.selected::after {
    content: '\2713';
    position: absolute;
    top: 30%;
    right: 40%;
    font-size: 24px;
    color: white;
    font-weight: bold;
    z-index: 10;
}

.no-select {
    user-select: none;
}

.custom-checkbox .form-check-input {
    width: 1.5em;
    height: 1.5em;
    border: 2px solid #6c757d;
    border-radius: 0.35em;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}

.custom-checkbox .form-check-input:checked {
    background-color: #1989b6;
    border-color: #1989b6;
}

.custom-checkbox .form-check-input:checked::after {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1em;
    font-weight: 900;
}

.custom-checkbox .form-check-input:hover:not(:checked) {
    border-color: #198754;
    transform: scale(1.05);
    box-shadow: 0 0 4px rgba(25, 135, 84, 0.25);
}

.custom-checkbox .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.custom-checkbox .form-check-label {
    margin-left: 0.75rem;
    cursor: pointer;
    transition: color 0.3s ease;
    vertical-align: middle;
}

.custom-checkbox:not(.no-hover):hover .form-check-label {
    color: #1989b6;
}

.custom-checkbox .form-check-input:disabled {
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.btn-simple {
    padding: 0.8rem 1.8rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #ffffff;
    color: #2d3748;
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.btn-simple:hover {
    border-color: #cbd5e0;
    background: #f8fafc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.btn-simple:active {
    background: #f1f5f9;
}

.btn-simple:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(66, 153, 225, 0.3);
}

.btn-simple:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background: #f8fafc;
}

.small.text-uppercase {
    letter-spacing: 0.05em;
    font-size: 0.75rem;
    color: #6c757d !important;
}

.grid-container-auto {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.simple-grid-container {
    display: grid;
    grid-template-columns: auto 1fr;
}

.simple-grid-row {
    display: contents;
}

/*.simple-grid-row > * {*/
/*    padding: 5px;*/
/*}*/

.simple-grid-label {
    grid-column: 1;
    overflow: auto;
    text-overflow: ellipsis;
}

.simple-grid-value {
    grid-column: 2;
    background: white;
    margin-left: 5px;
}

.simple-grid-separator {
    grid-column: 1 / -1;
    border-bottom: 1px solid #eee;
    color: #1989b6;
    border-bottom: 1px solid #eee;
}

@media (max-width: 768px) {
    .simple-grid-container {
        grid-template-columns: 1fr;
    }

    .simple-grid-label, .simple-grid-value {
        grid-column: auto;
    }

    .simple-grid-label {
        border-bottom: none;
        padding-bottom: 4px;
    }

    .simple-grid-value {
        padding-top: 4px;
    }
}

.checkbox-grid {
    display: grid;
    gap: 1rem;
}

.checkbox-grid-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    /*gap: 1rem;*/
}

.checkbox-wrapper {
    display: flex;
    justify-content: flex-end;
    padding-right: 0.5rem;
}

.customDataList {
    background-color: black;
    border-radius: 5px;
    padding: 5px;
    display: block;
    overflow: auto;
    max-width: 430px;
    max-height: 200px;
}

.customDataList option {
    background-color: black;
    color: white;
    margin-bottom: 1px;
    cursor: pointer;
}

.customDataList option:hover, .customDataList option.active {
    background-color: grey !important;
}

tr.NewNumSuiviClass td.numSuiviClass {
    color: palevioletred;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}

#modalInfo_closeBtn:disabled {
    background-color: gainsboro !important;
    color: white !important
}

.table-layout-fixed {
    table-layout: fixed;
}

.filterModelInput {
    border-radius: 5px !important;
    background-color: white !important;;
    border: 1px solid rgb(179, 215, 247) !important;
    font-family: var(--fontFamily);
    font-size: 12px;
    color: #857575;
}

.position-relative {
    position: relative;
}

.clear-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
    color: #aaa;
    user-select: none;
    z-index: 10;
}

#reportContentGrid textarea:not([readonly]):not(:disabled),
#reportContentGrid input[type="text"]:not(.disabledWithoutOpacity):not(:disabled):not(.filterModelInput),
#reportContentGrid input[type="date"]:not([readonly]):not(:disabled),
#reportContentGrid input[list="userList"]:not([readonly]):not(:disabled),
#reportContentGrid select:not([readonly]):not(:disabled) {
    border-radius: 5px !important;
    background-color: white !important;
    border: 1px solid rgb(179, 215, 247) !important;
    font-family: var(--fontFamily), serif;
    font-size: 12px;
    color: #857575;
    transition: box-shadow 0.3s ease;
}

#reportContentGrid textarea:hover,
#reportContentGrid input[type="text"]:hover,
#reportContentGrid input[type="date"]:hover,
#reportContentGrid input[list="userList"]:hover,
#reportContentGrid select:hover {
    outline: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

#reportContentGrid textarea:focus,
#reportContentGrid input[type="text"]:focus,
#reportContentGrid input[type="date"]:focus,
#reportContentGrid input[list="userList"]:focus,
#reportContentGrid select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
}

[id^="upload-file-corps"] {
    margin-left: 5px;
}

[id^="upload-text-upload"] {
    border-radius: 4px;
}

.read-only-status {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px 10px 16px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 8px 24px rgba(38, 50, 119, 0.12);
    font-family: 'Segoe UI', system-ui;
    font-size: 0.95rem;
    color: #2A2F45;
    overflow: hidden;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.status-glow {
    position: absolute;
    width: 150%;
    height: 150%;
    background: radial-gradient(circle at 50% 0%, rgba(92, 124, 250, 0.12) 0%, transparent 60%);
    pointer-events: none;
}

#documentConvocTable_filter {
    display: inline-flex;
    align-items: center;
}

#editorModeButtons {
    display: none !important;
}