<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(543,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-surface-discrete-selected'
(3216,16): run-time error CSS1036: Expected expression, found '@colorDefault'
(3217,23): run-time error CSS1036: Expected expression, found '@colorDefault'
(6049,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-surface'
(6337,1): run-time error CSS1019: Unexpected token, found '@'
(7648,22): run-time error CSS1039: Token not allowed after unary operator: '-main-accent-color'
 */
.card-cert-info {
    margin: 0;
    width: 100%;
    background: #E8E8E8;
}

.bg-card-cert {
    opacity: 0.08;
    position: absolute;
}

.compte-card-facture .card-compte-emetteur {
    height: 100px;
    margin-bottom: 10px;
    background: #F0F0F0;
    padding: 4px 10px;
    width: 280px;
    border-left: 0px solid #f0f0f0;
    box-shadow: 1px 2px 4px rgba(199, 199, 199, 0.59);
    -webkit-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    -moz-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    -ms-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    -o-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    border-radius: 10px;
}

    .compte-card-facture .card-compte-emetteur .wrapper-bg-card-compte {
        display: none;
    }

.compte-card-facture .card-compte-benef {
    height: 100px;
    margin-bottom: 10px;
    background: #F0F0F0;
    padding: 4px 10px;
    width: 280px;
    box-shadow: 1px 2px 4px rgba(199, 199, 199, 0.59);
    -webkit-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    -moz-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    -ms-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    -o-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    border-radius: 10px;
}

    .compte-card-facture .card-compte-benef .wrapper-bg-card-compte {
        display: none;
    }

.card-compte-emetteur {
    height: 100px;
    margin-bottom: 10px;
    border-left: 7px solid #0072c6;
    background: #F0F0F0;
    padding: 4px 10px;
    width: 290px;
    box-shadow: 1px 2px 4px rgba(199, 199, 199, 0.59);
    -webkit-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    -moz-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    -ms-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    -o-transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
    transition: all cubic-bezier(.62,.28,.23,.99) 0.9s;
}

.wrapper-bg-card-compte {
    position: absolute;
    width: 296px;
    height: 100px;
    overflow: hidden;
    z-index: 1;
}

img.bg-card-compte {
    position: absolute;
    right: 13px;
    opacity: 0.04;
    top: 13px;
    transform: scale(1.7);
}

.table-compte-info {
    width: 100%;
    position: relative;
    z-index: 2;
}

.wrapper-details-ecr:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent lightyellow transparent;
    top: -18px;
    left: 290px;
}

.wrapper-details-ecr {
    position: relative;
    background: lightyellow;
    width: 500px;
    /*box-shadow: 2px 2px 3px #DCDCDC; border: 1px solid #EAEAEA;*/
    left: -100px;
    z-index: 2;
    border: 1px solid rgb(236, 236, 236);
    opacity: 0;
    transform: translateY(-35px);
}

.details-liste-ecritures-prev {
    position: relative;
    width: 100%;
    max-height: 150px;
    overflow: auto;
    padding: 0;
}

    .details-liste-ecritures-prev table {
        width: 100%;
    }

        .details-liste-ecritures-prev table td {
            padding: 0 5px;
        }

.wrapper-details-ecr .close-infos {
    width: 16px;
    position: absolute;
    right: -13px;
    top: -13px;
    background: white;
    border-radius: 50px;
    border: 1px solid lightgrey;
    padding: 1px;
}

.tooltip-solde {
    position: relative;
    top: -5px;
    font-size: 9px;
    font-style: italic;
}

#btnChangeMessagePopupContainer {
    margin: 0px auto;
    width: 160px;
    text-align: center;
}

    #btnChangeMessagePopupContainer button {
        padding: 4px 10px;
        font-weight: normal;
    }

        #btnChangeMessagePopupContainer button:hover {
            font-weight: bolder;
        }

    #btnChangeMessagePopupContainer span {
        display: inline-block;
        min-width: 40px;
    }

#popupMessageContent #spanDateCreationMessage {
    color: rgb(181, 181, 181);
    padding-top: 10px;
}

.title-popupmessage {
    font-weight: 600;
}

.info-new-sddauto {
    padding: 0 15px;
    max-height: 600px;
    overflow: auto;
}

.detail-new-sddautodest {
    background: #f0f0f0;
    padding: 5px;
    margin: 10px;
    font-size: smaller;
    width: 275px;
}

    .detail-new-sddautodest .compte-emetteur-sddautodest {
        height: 32px;
        margin: 0 5px;
    }

    .detail-new-sddautodest .bg-sddautodest {
        position: absolute;
        right: 0;
        opacity: 0.08;
        height: 64px;
    }

.detail-new-sddauto {
    background: #f0f0f0;
    padding: 5px;
    margin: 10px;
    font-size: smaller;
    width: 275px;
}

    .detail-new-sddauto .compte-emetteur-sddauto {
        height: 32px;
        margin: 0 5px;
    }

    .detail-new-sddauto .bg-sddauto {
        position: absolute;
        right: 0;
        opacity: 0.08;
        height: 64px;
    }

#container-popup-user-settings div.inline {
    margin: 15px 0;
    line-height: 24px;
}

    #container-popup-user-settings div.inline b {
        color: rgb(147, 147, 147);
        font-size: 14px;
        font-weight: 300;
    }

    #container-popup-user-settings div.inline .edit-line {
        opacity: 0;
        margin: 0 10px;
        cursor: pointer;
    }

    #container-popup-user-settings div.inline:hover .edit-line {
        opacity: 0.48;
    }

    #container-popup-user-settings div.inline .edit-line:hover {
        opacity: 0.68;
    }

.edit-sem-actions img {
    width: 24px;
    margin: 0 3px;
    cursor: pointer;
    opacity: 0.5;
}

    .edit-sem-actions img:hover {
        opacity: 0.7;
    }

.table-edition-associations tr.asso:hover {
    background: #eaeaea;
}

.error-edit-auth-user {
    display: none;
    color: red;
    font-size: 12px;
    position: relative;
}

.background-popup-user {
    position: absolute;
    opacity: 0.3;
    top: 50px;
    right: 15px;
    transform: scale(3);
    transform-origin: 72% 17%;
    z-index: -1;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-6px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(6px);
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-6px);
    }

    20%, 40%, 60%, 80% {
        -moz-transform: translateX(6px);
    }
}

@-ms-keyframes shake {
    0%, 100% {
        -ms-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -ms-transform: translateX(-6px);
    }

    20%, 40%, 60%, 80% {
        -ms-transform: translateX(6px);
    }
}

@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-6px);
    }

    20%, 40%, 60%, 80% {
        -o-transform: translateX(6px);
    }
}

input.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -ms-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: .8s;
    -ms-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: 1s;
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-6px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(6px);
    }
}

#container-popup-user-settings .my-input {
    margin: 0 20px;
}

.folder {
    /* This will enable the 3D effect. Decrease this value
        * to make the perspective more pronounced: */
    -webkit-perspective: 130px;
    -moz-perspective: 130px;
    perspective: 130px;
    position: relative;
    top: 50%;
    z-index: 0;
    width: 32px;
    height: 24px;
    margin: -7px 0 0 16px;
}

    .folder div {
        width: 30px;
        height: 24px;
        background-color: gray;
        /* Enabling 3d space for the transforms */
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        /* Enabling a smooth animated transition */
        -webkit-transition: 0.35s;
        -moz-transition: 0.35s;
        transition: 0.35s;
        /* Disable text seleltion on the folder */
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -15px;
    }

    .folder .front {
        -moz-transform: rotateX(-30deg);
        -webkit-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
        -moz-transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        background: gray;
        box-shadow: 0px 0px 0px rgba(255, 255, 255, 1), 0 3px rgba(255, 255, 255, 1) inset;
        z-index: 2;
        width: 32px;
    }

    .folder .back {
        background: gray;
        top: -1px;
    }

        /* The top part */
        .folder .back:before {
            content: '';
            width: 12px;
            height: 3px;
            background-color: gray;
            position: absolute;
            top: -3px;
            left: 0px;
        }

        /* The shadow */
        .folder .back:after {
            content: '';
            width: 100%;
            height: 4px;
            position: absolute;
            bottom: 5px;
            left: 0px;
        }

    .folder:hover .front {
        -moz-transform: rotateX(-60deg);
        -webkit-transform: rotateX(-60deg);
        transform: rotateX(-60deg);
    }

/* WIDGET */
.img-credit-debit {
    width: 24px;
    opacity: 0.82;
}





.details-ecritureJ::after {
    border-color: transparent transparent #DDF7FF transparent;
}

.details-ecritureJ {
    background: #DDF7FF;
}

.show-details-enAttente {
    opacity: 1;
    transform: translateY(0);
}


#sortable1 {
    padding-top: 40px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
    grid-auto-rows: auto;
    grid-auto-flow: row dense;
}
.fichiersatraiter {
    padding: 0px 16px;
    margin: 0px 10px 25px;
    position: relative;
    left: 0px;
    top: 0px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
    height: fit-content;
    min-width: 500px;
    max-width: 500px;
    grid-column: span 2;
}
.infobanque {
    padding: 0px 16px;
    margin: 0px 10px 25px;
    grid-row: span 3;
    grid-column: span 2;
    min-width: 500px;
    max-width: 500px;
}

.settings-a-venir {
    z-index: 3;
    background: rgb(183,183,183);
    padding: 5px 10px;
    width: 265px;
    font-size: 12px;
    box-shadow: -2px 2px 5px gray;
    position: absolute;
    right: -10px;
    opacity: 0;
    transform: translateY(0px);
    top: 50px;
}

.img-details-enAttente {
    position: absolute;
    margin: -12px 0 3px;
    display: none;
    opacity: 0;
}

tr.compte-list:hover .img-details-enAttente {
    display: inline;
    opacity: 1;
}

.img-credit-debit {
    width: 24px;
    opacity: 0.82;
}

.details-enAttente {
    position: absolute;
    width: 510px;
    background: white;
    padding: 16px;
    opacity: 0;
    transform: translateY(-30px);
    margin: 7px 0 25px;
    right: 120px;
    z-index: 2;
    border: 1px solid var(--color-primary-surface-discrete-selected);
    box-shadow: -1px 2px 3px rgb(210, 210, 210);
    transition-duration: 0.27s;
    overflow-y: auto;
    border-radius: 8px;
}

.details-enAttente-Montant {
    text-align: right;
    padding-right: 20px;
    cursor: pointer;
    min-width: 120px;
}


.details-ecritureJ::after {
    border-color: transparent transparent #DDF7FF transparent;
}

.details-ecritureJ {
    background: #DDF7FF;
}

.show-details-enAttente {
    opacity: 1;
    transform: translateY(0);
}

.soldes-et-prev {
    background: #ffffff;
    width: 90% !important;
    padding: 0px 16px;
    margin: 0px 10px 25px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
    max-width: 1200px;
    padding-bottom: 12px;
    min-height: 600px;
    grid-column: span 3;
}

.pictoWidget
{
    position: unset;
    width: 24px;
    height: 24px;
}
/* END WIDGET */
.box-add-compte-emetteur input[type="text"].dxeEditArea_MetropolisBlueBP {
    font-size: 12px;
}

.legend-text {
    position: absolute;
    background: #505050;
    color: white;
    z-index: 0;
    opacity: 0;
    margin-top: -60px;
    padding: 5px 7px;
    width: 180px;
    bottom: 0px;
}

    .legend-text:after {
        content: '';
        position: absolute;
        left: 30px;
        width: 0;
        height: 0;
        border-color: #505050 transparent transparent transparent;
        border-style: solid;
        border-width: 11px;
    }

.form-add-categorie {
    position: absolute;
    opacity: 0;
    margin-top: -70px;
    display: none;
    border: 1px solid #f0f0f0;
    background: #f1f1f1;
    box-shadow: 0 0 5px gray;
    z-index: 2;
    width: 266px;
    margin-left: -133px;
    left: 50%;
}

#Form_Categorie .my-button {
    font-size: 11px;
    margin-left: 10px;
    padding: 3px 10px;
}

.help-legend-tag {
    width: 24px;
    position: relative;
    z-index: 1;
}

.recherche-input {
    height: 50px;
    display: inline-block;
    position: relative;
    float: left;
}

.centered-div {
    display: table !important;
    margin: 0 auto;
}

.recherche-input input {
    width: 300px !important;
    border: 1px solid #e9e9e9;
}


.bouton-champ {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: auto;
    cursor: pointer;
}

.bouton-champ-effacer-dsp2 {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: auto;
    cursor: pointer;
    top: 7px;
    right: 32px;
    background: Url("/Content/Images/Close-24.png");
}

span#rechercher.bouton-champ {
    top: 7px;
    right: 53px;
    background: Url("/Content/Images/Search-24-grey.png");
}




span#effacer.bouton-champ {
    top: 7px;
    right: 53px;
    background: Url("/Content/Images/Close-24.png");
    opacity: 0.56;
}

#rechercher-bic.bouton-champ {
    top: -16px;
    right: 60px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border: none;
    background-color: transparent !important;
}

    #rechercher-bic.bouton-champ:hover {
        background-color: white;
    }

    #rechercher-bic.bouton-champ:active {
        border: none;
    }

#code-pays {
    top: 5px;
    float: right;
    border: 1px solid #e9e9e9;
    position: relative;
    width: auto;
    height: 28px;
}

.jsgrid-grid-body {
    border-top: none;
}


/* Popup Annulation de virement DSP2 */
.an.content {
    display: flex;
    flex-direction: column;
}

.an.div-img-annulation {
    /* padding: 15px; */
}

.an.img-annulation {
    animation: fadeIn 0.5s ease-in both;
    position: absolute;
}

.an.img-progression {
    opacity: 0;
    position: relative;
    left: 13px;
    top: 7px;
}

.an.img-error {
    opacity: 0;
    position: absolute;
    left: 38.2px;
    top: 54.5px;
    width: 69px;
}

.an.img-error.displayed {
    animation: fadeIn 0.5s ease-in both;
}


.an.img-ok {
    opacity: 0;
    position: absolute;
    left: 38.5px;
    top: 54.5px;
    width: 69px;
}

.an.img-ok.displayed {
    animation: fadeIn 0.5s ease-in both;
}

.an.img-progression.displayed {
    animation: fadeIn 0.5s ease-in both;
}


.an.an-bottom-buttons {

position: absolute;

bottom: 0;

right: 10px;
}

.an.an-top {

display: flex;

justify-content: space-around;

align-items: flex-start;
}

.an.an-texte-description {

width: 330px;

padding-left: 20px;

word-break: break-word;

max-width: 330px;

font-size: 13px;

font-family: 'Ubuntu';

display: flex;

flex-direction: column;

margin-bottom: 50px;
}

.an.an-progression-titre {

font-size: 16px;

font-weight: 600;
}

.an.an-progression-texte {

margin-top: 10px;
}

.an-error {/* margin-bottom:70px; */color: #d52c2c;}

.an.an-cancel-sent {display: flex;flex-direction: column;padding: 20px;}

.an.an-cancel-sent-text {

}

.an.an-button-confirm-cancel {padding: 20px;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: flex-start;justify-content: center;align-items: flex-start;}
.ui-sortable-helper {
    border: 2px solid #a8a8a8;
    -webkit-transition: border 0.3s, -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: border 0.3s, -moz-transform 0.3s, opacity 0.3s;
    -ms-transition: border 0.3s, -ms-transform 0.3s, opacity 0.3s;
    -o-transition: border 0.3s, -o-transform 0.3s, opacity 0.3s;
    transition: border 0.3s, transform 0.3s, opacity 0.3s;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.85;
    cursor: move;
}

.circle:hover {
    opacity: 0.7;
    cursor: pointer;
}

#nbJoursAVenir {
    margin: auto;
}

    #nbJoursAVenir td {
        padding: 0 2px 0 5px;
    }

h3.title-tri {
    padding: 5px;
    background: lightgray;
    font-weight: 900;
}

.page-container {
    position: relative;
    width: 900px;
    margin: 0 auto;
}

.legende {
    text-align: center;
    color: gray;
    margin-top: 0;
}

.arrow-header {
    position: absolute;
    right: 10px;
    width: 20px;
    opacity: 0.7;
}

.opened {
    transform: rotate(-90deg);
}

.table-operations-en-cours .etat-avancement {
    position: relative;
    width: 200px;
    /*border: 1px solid rgb(206, 206, 206);*/
    height: 20px;
    text-align: center;
    color: white;
    background: rgb(206, 206, 206);
}

.table-operations-en-cours .etat {
    position: absolute;
    background: #16A085;
    height: 20px;
    width: 37px;
    top: 0;
    left: 0;
    z-index: 0;
}

.table-operations-en-cours .text-avancement {
    position: relative;
    z-index: 1;
    line-height: 21px;
    font-weight: 800;
}

.table-operations-en-cours {
    width: 100%;
}

    .table-operations-en-cours td {
        padding: 1px 2px;
    }


.pisperr-popup {
    display: flex;
    flex-direction: column;
    margin: 10px 0px 10px 0;
    align-items: center;
    align-content: center;
    /* width: 80%; */
    /* padding: 0 40px 0 40px; */
}

.pisperr-popup-error {
}

.pisperr-popup-titre {

font-size: 19px;

font-weight: bold;

text-decoration: underline;

margin-bottom: 15px;
}

.pisperr-table {

display: flex;

flex-direction: column;

align-items: flex-start;

/* align-content: center; */

width: 554px;

position: relative;

left: -17px;
}

.pisperr-row-key {

/* color: #0072C6; */

flex: 1;
}

.pisperr-row-value {

font-weight: 600;

flex: 2;
}

.pisperr-row-key-error {

flex: 1;
}

.pisperr-row-value-error {

flex: 2;

color: #d90000;
}

.pisperr-row-value-small {

width: 500px;

font-size: 10px;

word-wrap: break-word;
}

.pisperr-row-title {

font-size: 20px;

text-align: center;

margin: 20px auto;

text-transform: uppercase;

color: #0072C6;

font-weight: 600;
}

.pisperr-panneau {
    display: flex;
    align-items: flex-start;
    /* text-align: center; */
    width: 100%;
    /* margin: 20px; */
    padding: 20px;
    flex-direction: column;
    box-shadow: 0px 7px 8px 6px rgba(0,0,0,0.2);
    /* text-align: center; */
    margin: 10px auto;
}

.pisperr-row {

width: 100%;

display: flex;

flex-direction: row;

flex-wrap: wrap;

border-bottom: 1px solid #eee;

margin-bottom: 4.8px;
}
.box-messages
{
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    transform: translateX(400px);
    min-height: 100%;
    min-height: 100vh;
    bottom: 0;
    box-shadow: 0px 0px 3px gray;
    padding: 0px;
    background: #F1F1F1;
    color: black;
    font-size: 13px;
    z-index: 6;
    overflow-y: auto;
    overflow-x: hidden;
}

    .box-messages hr
    {
        border:none;
        height:1px;
        background-color:#D7D7D7;
        text-align:center;
        margin: 0 auto;
    }

    .box-messages h2
    {
        margin:0px;
        padding:16px 0px 16px 10px;
    }
    .box-messages h3
    {
        margin:0px;
        padding:10px 0px;
    }

    .box-messages .mex-box
    {
        padding: 0 15px;
        opacity: 0.8;
    }

    .box-messages .mex-img
    {
        width: 40px;
    }

    .box-messages .mex-box:hover
    {
        opacity: 1;
        background-color:#fafafa;
        cursor:pointer;
    }

    .box-messages .content
    {
        /*width: 370px;*/
        line-height: 20px;
    }

    .box-messages .mex-footer
    {
        text-align: right;
        color: rgb(181, 181, 181);
    }

.show-messages
{
    opacity: 1;
    transform: translateX(0px);
}

.close-box
{
    width: 20px;
    opacity: 0.3;
    padding: 3px;
    margin-top: 7px;
    margin-right: 7px;
}
    .close-box:hover
    {
        cursor: pointer;
        opacity: 0.5;
    }

#popupMessageContent iframe
{
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 395px;
}

#popupMessageContent a
{
    text-decoration: underline;
}
#popupMessageContent a:link
{
    color:#0095dd;
}
#popupMessageContent a:hover
{
    color:#30a7fc;
}
.wrapper-btn-add-param
{
    position: absolute;
    right: 12px;
    margin-top: -37px;
    background: white;
}

.submenu-add-param-ope
{
    opacity: 0;
    transform: translateY(-30px);
    border: 1px solid #c0c0c0;
    margin-top: 8px;
}

.item-add-param-ope
{
    padding: 2px 5px;
    position: relative;
    z-index: 1;
}

    .item-add-param-ope:hover
    {
        cursor: pointer;
        background: gray;
        color: white;
    }

.wrapper-isActif
{
    position: absolute;
    right: 10px;
}

.add-param-ope
{
    padding: 2px;
}

    .add-param-ope img
    {
        margin: 0 5px;
        width: 18px;
    }

.table-params-ope
{
    width: 100%;
}

    .table-params-ope input
    {
        height: 14px;
        width: 90%;
    }

    .table-params-ope tr
    {
        line-height: 24px;
    }

.delete-param-ope
{
    margin: 0 5px;
}

 .custom-hour .dxMonthGridWithWeekNumbers
        {
            display: none;
        }


.error-ope-jour{
    position:relative;
    top:-21px;
}
#GridViewComptes_col1,
.id-socs-cell {
    display: none;
}

.no-top {
    top: 0px !important;
}

#searchCompte {
    padding: 2px 3px;
    height: 20px;
    line-height: 20px !important;
    position: relative;
    top: 2px;
}

.search-panel {
    margin: 0 15px;
    position: relative;
    top: -10px;
    border: 1px solid lightgray;
}

    .search-panel:hover {
        border: 1px solid #0072c6;
    }

.compte-devise {
    position: relative;
    float: right;
    right: 122px;
    top: -40px;
}

.header2 {
    color: gray;
    left: 100px;
}

.detail-banque {
    position: relative;
    left: 120px;
    margin-bottom: 20px;
}

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

.info-portefeuille, .info-virement, .info-virintemetteur, .info-mt101emetteur {
    position: absolute;
    left: 195px;
}
.info-virement{
    padding-top:4px;
}
.info-virintemetteur {
    padding-top:3px;
}
.info-mt101emetteur {
    padding-top:2px;
}

.info-sdd, .info-sdb {
    position: absolute;
    left: 195px;
    padding-top: 4px;
}

.info-releve {
    position: absolute;
    margin-top: 4px;
    margin-left: 170px;
}

.info-int, .info-mt101 {
    position: relative;
    left: 30px;
    top: -5px;
    width: 415px;
}

.info-bic_CompteRFT {
    position: absolute;
    left: 195px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: gray;
}

.info-bic_CompteRFT {
    left: 155px;
}

    .info-bic img, .info-bic_CompteRFT img {
        width: 16px;
        margin: 5px 7px 3px 3px;
    }

.info-smr table td, .info-releve table td {
    font-size: 11px;
}

.loaderForm {
    position: relative;
    margin: 2px 10px;
}

.dxtc-content {
    /*height: 250px;*/
    overflow-y: auto !important;
}

.insert-new-bic {
    cursor: pointer;
}

    .insert-new-bic:hover {
        text-decoration: underline;
    }

/*GET INFO COMPTE */
.table-detail-compte td {
    padding: 3px 6px;
}

.info-compl {
    margin-left: 20px;
}

.title-info-compl {
    margin-bottom: 2px;
    cursor: pointer;
    padding: 1px;
}

    .title-info-compl:hover {
        background: #e6e6e6;
        background: linear-gradient( to right, #e6e6e6, rgba(0,0,0,0));
    }

        .title-info-compl:hover img {
            opacity: 0.5;
        }

.sct {
    cursor: default !important;
}

.title-info-compl img {
    width: 16px;
}

/* ONGLETS */
.info-smr, .info-smr2 {
    position: relative;
    top: 0px;
    left: 25px;
    margin-bottom: 15px;
}

.listage-ope th {
    padding: 8px 5px;
}

.etat-ope {
    text-align: center;
}

.table-add-server td {
    padding: 2px 0px;
    font-size: 12px;
}

.add-serveur {
    /*position: relative;
    top: 10px;
    float: right;
    margin-right: 100px;
    font-size: 14px;*/
}

#HostId_EC, #NomNewServeur_EC, #Url_EC {
    padding-left: 10px;
}

.info-add-new-groupe {
    position: absolute;
    left: 160px;
    bottom: 13px;
    font-weight: 800;
}

.loaders-parametrage-ebics {
    text-align: right;
}

.suppression-compte-info-echeanciers {
    position: relative;
    max-height: 130px;
    overflow: auto;
}

.dxgvTitlePanel_MetropolisBlueBP {
    text-align: left;
}

/* CSS FORM COMPTE*/
.dxeRadioButtonList_MetropolisBlueBP td.dxe {
    padding: 0 10px;
}

.dxeRadioButtonList_MetropolisBlueBP td {
    padding: 0px;
}

.dxtcLite_MetropolisBlueBP.dxtc-top &gt; .dxtc-content {
    background: #F1F1F1;
}

.dxeBase_MetropolisBlueBP, .dxeEditArea_MetropolisBlueBP {
    /*font-size: 13px !important;*/
}

/* GROUPES DE COMPTES*/

.container-infogrp {
    width: 300px;
    height: 350px;    
    background: #f1f1f1;
    margin: 0 10px;
    position:relative;
    margin-top:20px;
}

.background-grp {
    position: absolute;
    opacity: 0.05;
    z-index: 0;
}
.comptesdispo, .box-comptesgroupe{
    overflow: auto;
    height: 350px;
    width:300px;
}

.entete-container-infogrp{
    width: 100%;
    font-weight: 700;
    text-align: center;
    position:absolute;
    margin-top: -25px;
}

.comptesdispo .odd, .box-comptesgroupe .odd {
    background: #e8e8e8;
}

.comptesdispo {
    width: 100%;
}

.comptesgroupe {
    width: 98%;
    height: 98%;
}

.box-comptesgroupe {
    position:relative;
    width: 100%;
    height: 100%;
}

.draggingCompte {
    border: 2px solid #0072c6;
}

.linecompte {
    font-size: smaller;
    line-height: 14px;
    padding: 2px 4px;
    cursor:pointer;
}

.linecompte:hover{
    opacity:0.85;
}

.containter-popup-groupecomptes {
    width: 780px;
    margin-bottom: 10px;
}

.selectcompte {
    background: #0072c6 !important;
    color: white;
}

.rename-grp, .delete-grp {
    transform: scale(0);
}

.footer-groupe-comptes {
    margin-right: 13px;
    margin-top: 10px;
}

.message-grp {
    opacity: 0;
    transform: translateX(-40px);
}

.nom-ebics-profil {
    text-align: left !important;
}

.ul-serveurs {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .ul-serveurs li {
        background: #f0f0f0;
        padding: 3px 5px;
    }

        .ul-serveurs li:nth-child(2n+1) {
            background: #e4e4e4;
        }

        .ul-serveurs li:hover {
            padding-left: 10px;
            cursor: pointer;
            border-left: 6px solid #0072c6;
        }

.serveur-info {
    position: relative;
    min-width: 600px;
    background: #F1F1F1;
    padding: 0;
    margin: 20px;
    border: 2px solid #F1F1F1;
    width: 92%;
    max-width: 930px;
    box-shadow: -2px 2px 5px rgba(131, 131, 131, 0.25);
}

.select-serveur {
    border: 3px solid #0072c6;
    /*background: #DDF1FF;*/
}

.titre-serveur {
    padding: 10px;
    line-height: 20px;
    margin: 0;
    width: 100%;
    cursor: pointer;
    font-size: 19px;
    font-weight: 100;
}

.header-serveur img,
.show-liste {
    opacity: 0.4;
    margin: 0 0px 0 10px;
}

    .show-liste:hover,
    .add-profil-dsp2:hover img,
    .add-profil-ebics:hover img {
        cursor: pointer;
        opacity: 1;
    }

.icon {
    height: 45px;
    float: left;
    margin-right: 15px;
}

.header-serveur {
    position: absolute;
    right: 60px;
    top: 25px;
}

.checkbox-serveur {
    float: right;
    margin: 5px 20px;
}

.show-animation {
    -webkit-transform: scale(0.98);
}

.images-utils-ebics-profil {
    text-align: right;
}

    .images-utils-ebics-profil img {
        cursor: pointer;
        opacity: 0.6;
    }

        .images-utils-ebics-profil img:hover {
            opacity: 0.9;
        }

.liste-profil-serveur-ebics th, .liste-profil-serveur-ebics td {
    width: 100px;
    text-align: left;
}

.liste-profil-serveur-ebics tr:hover {
    background: #c0c0c0;
}

.operation-profil {
    cursor: pointer;
    opacity: 0.7;
}

    .operation-profil:hover {
        opacity: 1;
    }

.col-operations-grid {
    text-align: center;
}

.add-profil-ebics {
    color: #0072c6;
    cursor: pointer;
}

.add-profil-dsp2 {
    color: #0072c6;
    cursor: pointer;
}

.details-all-serveurs {
    position: absolute;
    right: 15px;
    top: 155px;
}

/* FORM */
.cb-crea-auto {
    font-size: 13px !important;
    font-weight: 900;
    margin-bottom: 10px;
}

/* CLOUDSIGNATURE */
.cb-cert-cloud {
    font-size: 13px !important;
    font-weight: 900;
    margin-bottom: 10px;
}


.info-cert {
    font-size: 12px;
    background: #f0f0f0;
    padding: 5px;
    width: 262px;
    min-height: 50px;
}

/*.info-cert:before
    {
        content: '';
        position: absolute;
        left: 165px;
        width: 0;
        height: 0;
        border-color: transparent #f0f0f0 transparent transparent;
        border-style: solid;
        border-width: 15px;
    }*/

.detail-info-cert {
    background: #0072c6;
    color: white;
}

.input-pass-cert {
    border: none;
    width: 195px;
    padding: 3px 4px;
    margin: 0;
}

.icon-item img {
    width: 20px;
    height: 20px;
}

.infoCertificatSignature {
    margin: 4px 0px;
}

.refresh-cert {
    cursor: pointer;
    opacity: 0.7;
    margin: 0 5px;
}

    .refresh-cert:hover {
        opacity: 1;
    }

.btn-submit {
    margin: 10px 0;
}

.error-cert-sign, .error-cert-encr, .error-cert-auth {
    padding: 0 5px;
    color: red;
    font-size: 11px;
}

    .error-cert-sign img, .error-cert-encr img, .error-cert-auth img {
        margin-right: 4px;
    }

td.custom {
    padding: 3px;
}

.tester-connexion {
    position: absolute;
    right: 45px;
    top: 187px;
    padding: 3px 6px;
    color: white;
    margin-top: 10px;
    font-size: 12px;
    width: 120px;
}
/* DIAGNOSTIC */
.diagnostic-info-serveur,
.diagnostic-info-client,
.container-diagnostic table {
    font-size: 12px;
    padding: 2px 3px;
}

    .diagnostic-info-serveur h4,
    .diagnostic-info-client h4 {
        margin-bottom: 5px;
        font-size: 13px;
    }

    .container-diagnostic table td {
        padding: 2px 3px;
    }

.bntLancer, .bntLancerRenewCert {
    height: 28px;
}

.table-operations {
    margin-top: 10px;
    border: 1px solid #0072c6;
    width: 475px;
}

    .table-operations th {
        background: #0072c6;
        color: white;
        height: 24px;
        font-weight: 100;
    }

.tester-compatibilite {
    padding: 3px 6px;
    color: white;
    margin-top: 10px;
    font-size: 12px;
}

.edit-file-format img, .reset-file-format img {
    opacity: 0;
    transform: scale(0);
    height: 22px;
}

#table-files-format td {
    padding: 2px 3px;
}

#table-files-format tr.row-file-format {
    line-height: 22px;
}

#table-files-format tr:hover .edit-file-format img, #table-files-format tr:hover .reset-file-format img {
    opacity: 0.5;
    transform: scale(1);
}

.edit-file-format img:hover, .reset-file-format img:hover {
    opacity: 0.8 !important;
    cursor: pointer;
}

#table-files-format tr.row-file-format:nth-child(2n+1) {
    background: #EFEFEF;
}

/*.reset-file-format span {
    display: none;
}

.ff-edited .reset-file-format span {
    display: initial;
}*/

#info-modifications-ff {
    margin-top: 0px;
    border-top: 1px solid #e0e0e0;
    padding-top: 5px;
}

/* DIGNOSTIC */

.etat-hpb div, .etat-ini div, .etat-hia div {
    position: relative;
    width: 6px;
    height: 20px;
}

    .etat-hpb div.red, .etat-ini div.red, .etat-hia div.red {
        background: #b22;
    }

    .etat-hpb div.green, .etat-ini div.green, .etat-hia div.green {
        background: #1b752d;
    }

.result-lancement-diagn {
    position: absolute;
    padding: 10px 0px;
    left: -50px;
    opacity: 0;
}

.show-result-lancement-diagn {
    left: 20px;
    opacity: 1;
}

.dd-logo-banque {
    height: 60px;
    margin-bottom: 10px;
    margin-right: 15px;
}

#validation-hpb {
    text-align: justify;
    width: 460px;
}

.hash-certif {
    padding: 4px 10px;
    border: 1px solid #c0c0c0;
    position: relative;
    width: 170px;
    margin: 10px;
}

.real-hash {
    color: gray;
    font-family: monospace;
}

.header-hash {
    text-align: center;
    margin: 4px 0;
}

.edit2-serveur {
    margin: 0 20px;
    opacity: 0.55;
    position: absolute;
}

    .edit2-serveur:hover {
        opacity: 0.9;
    }

    .edit2-serveur span {
        margin-left: -2px;
        font-size: 10px;
        color: gray;
        -webkit-transition: all cubic-bezier(.32,0,.5,1.5) 0.2s;
        -moz-transition: all cubic-bezier(.32,0,.5,1.5) 0.2s;
        -ms-transition: all cubic-bezier(.32,0,.5,1.5) 0.2s;
        -o-transition: all cubic-bezier(.32,0,.5,1.5) 0.2s;
        transition: all cubic-bezier(.32,0,.5,1.5) 0.2s;
    }

    .edit2-serveur:hover span {
        margin-left: 5px;
    }
/**********************************/

.info-error-lancements {
    margin-top: 10px;
    margin-left: -100px;
    border-left: 5px solid red;
    padding-left: 5px;
    opacity: 0;
    background: lightyellow;
    animation-duration: 0.7s;
}

.ok-update-ff {
    position: relative;
    opacity: 0;
    transform: scale(0);
    margin: 0 5px;
    transition-duration: 0.51s;
}

p.division {
    background: #f0f0f0;
    cursor: pointer;
    box-shadow: 0px 2px 3px lightgray;
    padding: 3px 3px;
    clear: both;
}

#wrapper-parametrage-ebics .my-button {
    padding: 2px 0px;
    line-height: normal;
    cursor: pointer;
    margin: 0;
    width: 80px;
    font-size: 11px;
}

    #wrapper-parametrage-ebics .my-button:hover {
        box-shadow: 0 0 4px lightgray;
        opacity: 0.95;
    }

.cert-materiel-trouve-details {
    position: absolute;
    background: white;
    transform: translateY(50px);
    background: #292929;
    opacity: 0;
    color: white;
    text-align: left;
    padding: 3px 7px;
    transition: opacity .3s ease-out, transform .3s ease-out;
    min-width: 250px;
    z-index: 2;
}

    .cert-materiel-trouve-details:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border: 7px solid;
        top: -12px;
        left: 10px;
        border-color: transparent transparent #292929 transparent;
    }

.rowsign {
    position: relative;
    display: block;
    width: 5px;
    background: orange;
    height: 22px;
    margin-bottom: 1px;
}

.icone-banque-ebics {
    height: 64px;
}

.listage-serveur .dxeBase_MetropolisBlueBP,
.listage-serveur .dxucControl_MetropolisBlueBP,
.listage-serveur .dxucEditArea_MetropolisBlueBP,
.listage-serveur input[type="text"].dxucEditArea_MetropolisBlueBP {
    font-size: 12px !important;
}

.listage-serveur .dxgvHeader_MetropolisBlueBP {
    background: transparent !important;
}

.listage-serveur .dxgvTable_MetropolisBlueBP {
    background-color: #F1F1F1;
}

.listage-serveur .dxgvControl_MetropolisBlueBP,
.listage-serveur .dxgvDisabled_MetropolisBlueBP {
    width: 100% !important;
}

.listage-serveur .dxgvControl_MetropolisBlueBP,
.listage-serveur .dxgvDisabled_MetropolisBlueBP {
    font-size: 11px !important;
}

#ListeCertificats {
    height: 25px !important;
    width: 270px !important;
}

input[name='ListeCertificats'] {
    font-size: 12px !important;
}


.box-connexion-dsp2-info:hover {
    background: #d8d8d8;
    cursor: pointer;
}

    .box-connexion-dsp2-info:hover .edit-connexion,
    .box-connexion-dsp2-info:hover .delete-connexion {
        opacity: 0.4;
    }


    .box-connexion-dsp2-info:hover img.logo-card-small {
        opacity: 1;
    }


    .box-connexion-dsp2-info:hover .edit-connexion:hover,
    .box-connexion-dsp2-info:hover .delete-connexion:hover {
        cursor: pointer;
        opacity: 1;
    }



.delete-connexion,
.edit-connexion {
    position: absolute;
    right: 3px;
    top: 3px;
    opacity: 0;
    z-index: 3;
}


.edit-connexion {
    right: 35px;
    top: 8px;
}

.detection-cert {
    color: blue; 
    text-decoration: underline; 
    cursor: pointer; 
}

.detection-cert:hover {
    color: darkblue;
    text-decoration: underline;
}


.grid-form {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 15px 16px;
    align-items: center;
    padding: 20px;
    row-gap: 5px;
}

    .grid-form input[type="text"],
    .grid-form .combo-constructeurs,
    .grid-form select {
        width: 270px;
        box-sizing: border-box;
        height: 30px;
    }

.form-row {
    display: contents; /* chaque label/div remplit la grille */
}

.label-csc {
    display: flex;
    gap: 5px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: relative;
    top: 1px;
    margin-bottom: 0px !important;
}

.combo-constructeurs-wrapper {
    position: relative;
    width: 270px;
}

.combo-constructeurs {
    width: 100%;
    height: 25px;
    border: 1px solid #ccc;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
}

.options-constructeurs {
    list-style: none;
    margin: 0;
    padding: 5px;
    border: 1px solid #ccc;
    position: absolute;
    background-color: white;
    z-index: 10;
    width: 100%;
}

    .options-constructeurs li {
        padding: 5px;
        cursor: pointer;
    }

        .options-constructeurs li:hover {
            background-color: #f0f0f0;
        }

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

.tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #f9f9f9;
    color: #000;
    text-align: left;
    border: 1px solid #ccc;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* position au-dessus */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

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

/* Responsive pour mobile */
@media (max-width: 600px) {
    .grid-form {
        grid-template-columns: 1fr;
    }
}

.loaderForm-text-popup {
    margin-left: 10px;
    text-align: center;
}

.loaderForm-popup {
    
}

.loadFormProfil-popup {
    bottom: 5px;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}


.code-confirmation-hcs {
    color: blue;
    font-size: 18px;
    font-weight: bold;
}

.code-avancement-hcs {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    width: 110px;
    margin: 0 auto;
} 
td#GridViewProfils_tcTitle {
    padding-top: 15px !important;
}

#GridViewProfils_col1 {
    display: none;
}

.stepper {
    margin: 0px 10px;
    color: grey;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    opacity: 0.5;
}

    .stepper:hover {
        color: #0072c6;
        opacity: 1;
    }

.current-step {
    color: #0072c6;
    opacity: 1;
    font-weight: 400;
}

.info-reset-mdp input {
    background: white;
    padding: 1px 5px;
    width: 150px;
    border: 1px solid #D0D0D0;
    margin-top: 5px;
}

.step {
    position: relative;
    background: white;
    padding-top: 10px;
    padding-left: 10px;
}

.step2 {
    left: 40px;
    background: white;
    height: 340px;
    opacity: 0;
    width: 635px;
}

.type-cert, .type-sem {
    position: relative;
    opacity: 0;
    top: -10px;
    left: -40px;
    width: 565px;
    min-height: 135px;
}

/*.show-box-plafond {    
    opacity: 1;
    right: 30px;
}

.box-plafonds:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent #c0c0c0 transparent transparent;
    top: 30px;
    left: -20px;
}

.box-plafonds:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent white transparent transparent;
    top: 30px;
    left: -18px;
}

.box-valideur:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent #c0c0c0 transparent transparent;
    top: 10px;
    left: -20px;
}

.box-valideur:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent white transparent transparent;
    top: 10px;
    left: -18px;
}*/

.box-plafonds table td {
    padding: 2px 1px;
    font-size: 13px;
}

.td-plafond-simple, .td-plafond-double {
    position: absolute;
    top: 0px;
    opacity: 0;
}

.td-plafond-simple {
    right: 177px;
}

.td-plafond-double {
    right: 9px;
}

.show-plafond {
    top: 30px;
    opacity: 1;
}

.temp-info {
    font-size: 12px;
    margin-top: 5px;
}

.table-details-cert {
    position: relative;
    left: -6px;
    opacity: 1;
    top: -10px;
    width: 600px;
    font-size: 13px;
}

.show-table-details-cert {
    top: 10px;
    opacity: 1;
}

.td-date-expiration.error img {
    margin: 0 5px;
    position: relative;
    top: -1px;
}

.etat-profil img {
    width: 20px;
}


.box-plafonds, .box-valideur {
    position: absolute;
    height: 60px;
    bottom: 0px;
    right: 55px;
    opacity: 0;
    border: 1px solid #c0c0c0;
    padding: 2px 2px;
    top: 189px;
    width: 339px;
    background: white;
}

.sw_role, .sw_module, .sw_action, .sw_disabled {
    position: relative;
    width: 50px;
    transform: scale(0.8);
    margin-right: 5px;
}

    .sw_disabled .circle {
        background-color: gray !important;
    }

.box-sign {
    position: relative;
    /* height: 60px; */
    /* bottom: 0px; */
    /* right: 55px; */
    opacity: 0;
    top: -30px;
    border: 1px solid #c0c0c0;
    padding: 2px 2px;
    float: left;
    width: 47%;
    background: white;
    z-index: 1;
}

.box-valid {
    position: relative;
    /* height: 60px; */
    /* bottom: 0px; */
    /* right: 55px; */
    opacity: 0;
    top: -30px;
    border: 1px solid #c0c0c0;
    padding: 10px;
    float: right;
    width: 47%;
    background: white;
    z-index: 1;
}

.show-box-sign, .show-box-valid {
    top: 5px !important;
    opacity: 1 !important;
}

.box-valid table td {
    padding: 1px 3px;
}

.box-valid:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent #c0c0c0 transparent;
    top: -20px;
    left: 45px;
}

.box-valid:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent white transparent;
    top: -18px;
    left: 45px;
}

.box-sign:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent #c0c0c0 transparent;
    top: -20px;
    right: 140px;
}

.box-sign:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent white transparent;
    top: -18px;
    right: 140px;
}

#GridViewProfils tr.dxgvDataRow_MetropolisBlueBP .img-appairage {
    opacity: 0;
    margin: 0;
    position: relative;
    top: 2px;
    cursor: pointer;
    color: #0072c6;
}

#GridViewProfils tr.dxgvSelectedRow_MetropolisBlueBP .img-appairage {
    color: white;
    cursor: pointer;
}

    #GridViewProfils tr.dxgvSelectedRow_MetropolisBlueBP .img-appairage img {
        border: 1px solid white;
        border-radius: 20px;
    }

#GridViewProfils tr.dxgvDataRow_MetropolisBlueBP:hover .img-appairage {
    /*display: block !important;*/
    opacity: 1;
}

#GridViewProfils .img-appairage:hover {
    text-decoration: underline;
}

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

.card-mode-auth {
    position: relative;
    width: 250px;
    height: 150px;
    background: #F0F0F0;
    box-shadow: 0px 0px 3px #d1d1d1;
    overflow: hidden;
    margin: 0 20px 10px 20px;
}

.no-pos {
   position:initial !important;
}

.card-add-mode {
    width: 257px;
}

.card-mode-auth .img-type {
    position: absolute;
    width: 128px;
    left: 50%;
    margin-left: -64px;
    opacity: 0.5;
    top: 25px;
}

.card-mode-auth .info-auth-sem {
    position: absolute;
    opacity: 0;
    top: 200px;
    padding: 0 5%;
    width: 90%;
    height: 100%;
    padding-top: 32px;
}

.card-mode-auth.invalid {
    border-left: 7px solid #e74c3c;
}

.card-mode-auth.valid {
    border-left: 7px solid #159f84;
}

.card-mode-auth.alert {
    border-left: 7px solid orange;
}

.card-mode-auth:hover .img-type {
    opacity: 0;
    top: 130px;
}

.card-mode-auth:hover .info-auth-sem {
    opacity: 1;
    top: 0px;
}

.card-step0:hover {
    cursor: pointer;
    background: #b9b9b9;
}

.card-step {
    position: absolute;
    width: 100%;
    height: 100%;
}
/*.card-fadein {
    opacity: 1 !important;
    transform: translateX(0px);
}
.card-fadeout {
    opacity: 0 !important;
    transform: translateX(-100px);
}*/

.info-auth-sem p {
    margin: 3px 0px;
}

.info-ajout-auth {
    font-size: 13px;
    opacity: 0;
    transform: translateY(-50px);
    position: absolute;
    bottom: 8px;
    width: 480px;
    padding: 0 85px;
}

    .info-ajout-auth.showed {
        opacity: 1;
        transform: translateY(0px);
    }

    .info-ajout-auth img {
        margin: 0 5px;
    }

#info-service-signataire, #info-service-valideur {
    width: 565px;
    font-size: 11px;
    display: none;
    margin: 10px 0;
}

/* DETAILS PROFIL */

.title-info-profil {
    cursor: pointer;
    margin: 10px 0 5px 0;
    font-weight: 600;
    font-size: 14px;
    background: rgba(228, 228, 228, 0.6);
    line-height: 24px;
}

    .title-info-profil:hover {
        background: rgba(228, 228, 228, 1);
    }

    .title-info-profil img {
        width: 16px;
        cursor: pointer;
    }

.box-editor {
    margin: 0px 5px;
    min-height: 24px;
}

.text-editor {
    cursor: pointer;
}

img.edit-profil, img.edit-commentaire {
    width: 18px;
    opacity: 0.4;
}

.text-editor:hover img.edit-profil, img.edit-commentaire {
    opacity: 0.6;
}

.sw_role, .sw_module, .sw_disabled {
    transform: scale(0.8);
    margin: 0 2px;
    position: relative;
    width: 65px;
}

.sw_disabled {
    color: grey;
}


.table-roles td, .table-modules td {
    padding-top: 5px;
}

#btnEditModelFromDetails {
    position: relative;
    width: 90px;
    height: 24px;
    line-height: 24px;
    color: white;
    background: #159f84;
    text-align: center;
    margin: -2px 15px;
}

#boxEditModelFromDetails {
    margin: 30px 10px;
}

.type-auth {
    float: left;
    margin: 10px 2px;
}

.info-auth {
    margin: 5px 0;
}

    .info-auth.valid {
        border-left: 7px solid #159f84;
    }

    .info-auth.invalid {
        border-left: 7px solid #e74c3c;
    }

    .info-auth.alert, .info-auth.unknown {
        border-left: 7px solid orange;
    }

/* END DETAILS PROFIL */

/* POPUP AJOUT UTILISATEURS CYBER */

#adduserscyber-div {
    width: 100%;
    padding-top: 13px;
}

.adduserscyber-table {
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

    .adduserscyber-table tr:nth-child(even) {
        background-color: #ebebeb;
    }

.adduserscyber-thead-th {
    padding: 10px 0px;
}

.adduserscyber-thead {
    border-bottom: 2px solid #ddd; /* Ajout du bord inférieur */
}

.adduserscyber-thead-tr {
    padding: 25px; /* Ajustez cette valeur pour espacer les lignes */
}

.adduserscyber-tbody {
    padding: 10px;
}

.adduserscyber-tbody-tr {
    padding: 10px 0px;
}

    .adduserscyber-tbody-tr.existing-user {
    }



    .adduserscyber-tbody-tr:hover {
        background-color: #bbbbbb !important; /* Couleur de surbrillance */
        cursor: pointer; /* Optionnel : changer le curseur pour indiquer que l'élément est cliquable */
    }

/* POPUP AJOUT UTILISATEURS CENET */

#adduserscenet-div {
    width: 100%;
    padding-top: 13px;
}

.adduserscenet-table {
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

    .adduserscenet-table tr:nth-child(even) {
        background-color: #ebebeb;
    }

.adduserscenet-thead-th {
    padding: 10px 0px;
}

.adduserscenet-thead {
    border-bottom: 2px solid #ddd; /* Ajout du bord inférieur */
}

.adduserscenet-thead-tr {
    padding: 25px;
}

.adduserscenet-tbody {
    padding: 10px;
}

.adduserscenet-tbody-tr {
    padding: 10px 0px;
}

.adduserscenet-tbody-td {
    padding: 10px;
}

.adduserscenet-tbody-tr:hover {
    background-color: #bbbbbb !important; /* Couleur de surbrillance */
    cursor: pointer; /* Optionnel : changer le curseur pour indiquer que l'élément est cliquable */
}

/* POPUP AJOUT UTILISATEURS CYBER */

/* POPUP AJOUT UTILISATEURS CENET */

#adduserscyber-div {
    width: 100%;
    padding-top: 13px;
}

.adduserscyber-table {
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

    .adduserscyber-table tr:nth-child(even) {
        background-color: #ebebeb;
    }

.adduserscyber-thead-th {
    padding: 10px 0px;
}

.adduserscyber-thead {
    border-bottom: 2px solid #ddd; /* Ajout du bord inférieur */
}

.adduserscyber-thead-tr {
    padding: 25px;
}

.adduserscyber-tbody {
    padding: 10px;
}

.adduserscyber-tbody-tr {
    padding: 10px 0px;
}

.adduserscyber-tbody-td {
    padding: 10px;
}

    .adduserscyber-tbody-td.nom {
        padding: 10px;
        text-align: left;
    }

    .adduserscyber-tbody-td.email {
        padding: 10px;
        text-align: left;
    }

.adduserscyber-tbody-tr:hover {
    background-color: #bbbbbb !important; /* Couleur de surbrillance */
    cursor: pointer; /* Optionnel : changer le curseur pour indiquer que l'élément est cliquable */
}

.addusers-popup-div {

display: flex;
}

.addusers-popup-btn-fermer {

position: absolute;

right: 10px;

bottom: 11px;
}

.addusers-popup-img {
    margin-right: 15px;
}
.addusers-popup-title {font-weight: bold;margin-bottom: 10px;}
.addusers-popup-content {margin-bottom: 10px;margin-right: 15px;}
.addusers-popup-title-and-content {margin-bottom: 30px;}   
.addusers-popup-img-img {

width: 64px;
}

#adduserscyber-div-table-identifiant {
    display: flex;
    flex-direction: row-reverse;
    color: #919599;
    padding-right: 18px;
}

#adduserscenet-div-table-identifiant {
    display: flex;
    flex-direction: row-reverse;
    color: #919599;
    padding-right: 18px;
}




/* POPUP DROITS ET HABILITATIONS */
#container-popupPrevisuDroits {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#da-content-droits-et-habilitations {
}

.da {
}

    .da .titre {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-right: 0px;
    }

    .da .titre-image {
        /* width: 24px; */
    }

    .da .titre-texte {
        text-align: center;
        position: relative;
        /* left: -18px; */

        font-weight: 600;
    }

    .da .divider {
    }

    .da .table-user {
        border-spacing: 5px 0px;
        border-collapse: separate;
    }

        .da .table-user &gt; tr {
        }

            .da .table-user &gt; tr &gt; td {
            }

    .da .content-user {
        display: flex;
        padding-left: 20px;
    }

    .da .nom-user {
    }

    .da .email-user {
    }

    .da .user-deja-cree {
    }

    .da .content-droits {
        padding: 20px;
    }

    .da .droit-user {
    }

    .da .content-comptes {
        /* padding: 20px; */
        padding-left: 20px;
        padding-right: 15px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .da .autorisations-compte {
        margin-bottom: 10px;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
    }

    .da.td-titre {
        font-weight: 600;
    }

    .da.left-panel {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        width: 150px;
        border-right: 1px solid #ccc;
    }

    .da.vl {
        border-left: 1px solid #e7e7e7;
        height: 120px;
        position: absolute;
        left: 140px;
        margin-left: -3px;
        /* top: 0; */
    }

    .da.td-valeur {
    }

    .da.card {
        /* Add shadows to create the "card" effect */

        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        margin: 20px;
        padding: 20px;
        width: 650px;
        display: flex;
        position: relative;
        left: 25px;
    }

    .da .content-comptes-label-societe {
        font-weight: 600;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }

    .da .content-comptes-label-compte {
    }

    .da .content-comptes.iban-compte {
    }

    .da img {
    }

    .da ul {
        list-style: none; /* Remove default bullets */
        position: relative;
        left: -34px;
    }

.content-comptes-li {
    display: flex;
}

.content-comptes-img {
}

.da.img-arrow {
}

.content-comptes-info-compte {
}

.da.table-comptes {
}

.da.table-comptes-tr {
    border-bottom: 1px solid #eee;
}

.da.table-comptes-td-nom-compte {
    padding-right: 10px;
}

.da.table-comptes-td-numero-compte {
}

.da.left-panel.top-icon {
    align-items: flex-start;
    margin-left: 10px;
    padding-right: 30px;
    margin-right: -10px;
}

.da.da-intitule {
    display: flex;
    align-content: center;
    width: 80%;
    box-sizing: border-box;
    margin: 10px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    margin: 0 auto;
}

.da.da-no-compte {
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 20px;
    background: #A5A5A5;
    color: #F5F5F5;
    justify-content: center;
}


#adduserscyber-div-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 120px;
}

#adduserscenet-div-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 120px;
}




.combo-infras {
    border: 1px solid lightgray;
    padding: 5px;
    text-align: center;
    margin: auto;
    position: relative;
    color: black;
    width: 82%;
}

    .combo-infras .img-arrow {
        position: absolute;
        right: 10px;
        opacity: 0.35;
        margin-top: 2px;
    }

    .combo-infras:hover .img-arrow {
        opacity: 0.5;
    }

    .combo-infras:hover {
        color: @colorDefault;
        border-color: @colorDefault;
        cursor: pointer;
    }



/*====================================*/
/* POPUP ADD UTILISATEURS WEB BANKING */
/*====================================*/

#pauwb-master-container {
    height: 500px;
}

#pauwb-content-presentation {
    display:flex;
}

#pauwb-content-presentation-img {

width: 200px;

padding: 5px;
}

    #pauwb-content-presentation-text {

    }

    #pauwb-footer-next {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 20px;
        margin-bottom: 10px;
    }

#pauwb-cancel {margin-right: 20px;}

#pauwb-next {margin-right: 10px;}

#pauwb-container {
    overflow-y: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.box-logo-soc {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.image-soc {
    position: relative;
    height: 50px;
    max-width: 150px;
}

.societe-info {
    margin-top: 35px;
}

.box-societe-info:hover {
    background: #d8d8d8;
    cursor: pointer;
}

.soc-hover {
    background: #BDC3C7 !important;
}

.box-societe-info:hover .edit-soc,
.box-societe-info:hover .add-soccompte,
.box-societe-info:hover .delete-soc {
    opacity: 0.4;
}

    .box-societe-info:hover .edit-soc:hover,
    .box-societe-info:hover .add-soccompte:hover,
    .box-societe-info:hover .delete-soc:hover {
        cursor: pointer;
        opacity: 1;
    }

.delete-soc, 
.add-soccompte, 
.edit-soc {
    position: absolute;
    right: 3px;
    top: 3px;
    opacity: 0;
    z-index: 3;
}

.message-delete-soc small {
    display: block;
    text-align: left;
    font-style: italic;
}

.edit-soc {
    right: 35px;
    top: 8px;
}

.add-soccompte {
    right: 70px;
    top: 8px;
}

.societe-info p {
    font-size: 11px;
}

.societe-info h2 {
    margin-top: 40px;
}

.change-affichage-societes {
    margin: 10px 20px;
}

.types-affichage {
    position: absolute;
    background-color: gainsboro;
    right: 15px;
    margin-top: -20px;
    box-shadow: -2px 2px 4px #929292;
    opacity: 0;
    z-index: 5;
}

    .types-affichage:after {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        top: -20px;
        right: 10px;
        border: 10px solid;
        border-color: transparent transparent gainsboro transparent;
    }

    .types-affichage p {
        padding: 5px 10px;
        font-size: smaller;
    }

        .types-affichage p:hover {
            cursor: pointer;
            background-color: rgb(207, 207, 207);
        }

.show-types-affichage {
    margin-top: 0px !important;
    opacity: 1 !important;
}

#GridViewServices {
    width: 98%;
    margin-bottom: 30px;
}

    #GridViewServices th {
        text-align: left;
        padding: 1px 3px;
        line-height: 25px;
        background-color: white;
        border-top: 1px solid rgb(190,190,190);
        border-bottom: 1px solid rgb(190,190,190);
    }

    #GridViewServices td {
        padding: 1px 4px;
    }

#GridViewProfilsParapheur .circle {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.td-plafond img {
    opacity: 0;
    margin: 0 5px;
    cursor: pointer;
    width: 22px;
}

.td-societe img {
    opacity: 0.5;
    margin: 0 0 0 3px;
    cursor: pointer;
}

#GridViewProfilsParapheur .td-plafond:hover img {
    opacity: 0.5;
}

.td-plafond img:hover, .td-societe img:hover {
    opacity: 0.75 !important;
}

.no-plafond {
    width: 24px;
    margin-left: -7px !important;
}

.plafond {
    position: relative;
}

.margin5 {
    margin: 0 5px;
}

.actions {
    opacity: 0;
}

#GridViewServices_DXMainTable tr:hover .actions {
    opacity: 0.6;
}

._selected {
    background: #159f84;
    width: 6px;
    height: 27px;
    margin: 1px 0;
}

#btnEditProfils {
    position: relative;
    height: 24px;
    line-height: 24px;
    width: 80px;
    background: #159f84;
    color: white;
    margin: 5px 19px;
    text-align: center;
}

#textEditProfils {
    position: relative;
    height: 24px;
    line-height: 26px;
    font-size: smaller;
    margin: 2px 0;
}

input.plafond-sign-couple {
    height: 20px;
    padding: 0 3px;
    font-size: 11px;
    border: 1px solid lightgray;
    text-align: right;
}

    input.plafond-sign-couple:focus {
        border: 1px solid #0072c6;
    }

/* POPUP SERVICE */
td.form-add-service {
    padding: 4px;
    font-size: 12px;
}

.dxeEditArea_MetropolisBlueBP, input[type="text"].dxeEditArea_MetropolisBlueBP, input[type="password"].dxeEditArea_MetropolisBlueBP {
    font-size: 12px;
}

.panier-signataires, .profils-dispo, .profils-dispo2, .panier-signataires2 {
    position: relative;
    width: 170px;
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 5px 10px;
    background: #f1f1f1;
    padding: 0;
    font-size: 11px;
}

    .panier-signataires .item, .profils-dispo .item, .profils-dispo2 .item, .panier-signataires2 .item {
        padding: 2px 0px;
        cursor: pointer;
        line-height: 22px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .panier-signataires .item:hover, .profils-dispo .item:hover, .profils-dispo2 .item:hover, .panier-signataires2 .item:hover {
            background: lightgray;
            color: black;
        }

.options-plafond-profil {
    opacity: 0;
    position: absolute;
    z-index: 2;
    right: 2px;
}

.options-plafond-college, .options-plafond-couple {
    opacity: 0;
}

.panier-signataires .item:hover .options-plafond-profil, .profils-college tr:hover .options-plafond-college, .profils-couple tr:hover .options-plafond-couple, .panier-signataires2 .item:hover .options-plafond-profil {
    opacity: 1;
}

.options-plafond-profil img, .options-plafond-college img, .options-plafond-couple img {
    opacity: 0.5;
    width: 20px;
    margin: 0 0px;
}

    .options-plafond-profil img:hover, .options-plafond-college img:hover, .options-plafond-couple img:hover {
        opacity: 0.75;
        cursor: pointer;
    }

.selected {
    background: #AEAEAE !important;
    color: white !important;
}

img.icon-user {
    width: 16px;
    margin-right: 3px;
    margin-left: 3px;
    margin-top: -4px;
    opacity: 0.7;
}

.input-plafond-profil input::-ms-clear {
    display: none;
}

.input-plafond-profil {
    padding: 0px 1px;
    font-size: 12px;
    vertical-align: middle;
    position: absolute;
    right: 2px;
    z-index: 3;
    text-align: right;
    height: 22px;
    border: 1px solid white;
    width: 130px;
}

    .input-plafond-profil:focus {
        border: 1px solid #0072c6;
    }

.buttons-service img {
    height: 24px;
    position: relative;
    top: 20px;
    left: 35px;
    opacity: 0.5;
}

    .buttons-service img:hover {
        opacity: 0.75;
        cursor: pointer;
    }

.plafond-signataire, .plafond-validation {
    position: absolute;
    width: 130px;
    height: 22px;
    right: 2px;
    z-index: 3;
}

.container-services .dxeRadioButtonList_MetropolisBlueBP, .container-services .dxeCheckBoxList_MetropolisBlueBP {
    border: none;
}

.container-services .dxeRadioButtonList_MetropolisBlueBP {
    margin: 0 auto;
}

.container-services .dxgvControl_MetropolisBlueBP {
    font-size: 11px !important;
}

.profils-college, .profils-couple {
    position: relative;
    /*overflow-x: auto;
        max-height: 185px;*/
    width: 90%;
    background: #f1f1f1;
    margin: 0 auto;
    padding: 3px 0;
    margin-bottom: 7px;
    font-size: 11px;
}

    .profils-college td, .profils-couple td, .profils-couple th {
        padding: 1px 5px;
    }

.group-color {
    position: relative;
    width: 7px;
    height: 18px;
    background: transparent;
    color: white;
    padding: 0 3px;
    font-size: 12px;
}

.container-services {
    padding: 4px 6px;
    margin-bottom: 10px;
}

.profils-couple .dxeListBox_MetropolisBlueBP {
    border-top: 1px solid lightgray !important;
}
/* END POPUP */

.detail-service {
    position: relative;
    margin-top: -25px;
    margin: 0 auto;
    width: 100%;
    /*min-width : 680px;*/
}

    .detail-service .left {
        position: relative;
        width: 40%;
        margin: 0px 4%;
        min-width: 270px;
        max-width: 400px;
    }

    .detail-service .liste-profils {
        position: relative;
        width: 100%;
        min-height: 80px;
        background: #f1f1f1;
        padding: 5px 10px;
        margin-bottom: 25px;
    }

.display-panel-parapheur {
    color: gray;
    font-size: 11px;
    padding-left: 20px;
}

    .display-panel-parapheur:hover {
        text-decoration: underline;
    }

    .display-panel-parapheur img {
        opacity: 0.5;
        margin: 0 4px;
        width: 16px;
    }

.disable-parapheur {
    position: absolute;
    width: 100%;
    opacity: 0.1;
    background: white;
    height: 100%;
    z-index: 3;
    top: 54px;
    margin-top:205px;
}

.disable-sem {
    position: absolute;
    width: 100%;
    opacity: 0.1;
    background: white;
    height: 100%;
    z-index: 3;
    top: 54px;
    margin-top:220px;
}
#valideurs-possibles, #valideurs-selectionnes
{
    position: relative;
    width: 170px;
    height: 100px;
    background: #f1f1f1;
    overflow-x: auto;
}

.buttons-service-sem
{
    opacity: 0.5;
    margin: 20px 0 0 40px;
}

    .buttons-service-sem img
    {
        height: 24px;
    }

#valideurs-possibles .item, #valideurs-selectionnes .item
{
    padding: 2px 0px;
    cursor: pointer;
    line-height: 22px;
}

    #valideurs-possibles .item:hover, #valideurs-selectionnes .item:hover
    {
        background: lightgray;
        color: black;
    }

.panier-valideurs .item:hover .options-plafond-profil {
    opacity: 1;
}

.detail-service
{
    position: relative;
    margin-top: -25px;
    margin: 0 auto;
    width: 100%;
    /*min-width : 680px;*/
}

    .detail-service .left
    {
        position: relative;
        width: 40%;
        margin: 0px 4%;
        min-width: 270px;
        max-width: 400px;
    }

.display-panel-sem
{
    color: gray;
    font-size: 11px;
    padding-left: 20px;
}

    .display-panel-sem:hover
    {
        text-decoration: underline;
    }

    .display-panel-sem img
    {
        opacity: 0.5;
        margin: 0 4px;
        width: 16px;
    }

#GridViewProfilsSem .circle
{
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.td-actions-profils-sem img.add-association
{
    display: none;
    opacity: 0;
}

img.add-association:hover
{
    cursor: pointer;
    opacity: 0.8;
}

#GridViewProfilsSem_DXMainTable tr:hover img.add-association
{
    opacity: 0.5;
    display: block;
}

.details-association table
{
    width: 100%;
}

.details-association .title
{
    /*background: #F5F5F5;*/
}

.info-details-signataires tr
{
    line-height: 24px;
}

.info-details-signataires td
{
    padding: 0 !important;
}

.info-details-signataires img
{
    width: 20px;
    opacity: 0.6;
}

.details-association
{
    position: absolute;
    width: 400px;
    border: 1px solid rgb(190, 190, 190);
    background: lightyellow;
    z-index: 2;
    padding: 0 10px 4px;
    opacity: 0;
    display: none;
    transform: scale(0.3);
    transform-origin: 80px 0;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 20px;
}

    .details-association:after
    {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border: 10px solid;
        border-color: transparent transparent lightyellow transparent;
        top: -18px;
        left: 80px;
    }

    .details-association:before
    {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border: 10px solid;
        border-color: transparent transparent #c0c0c0 transparent;
        top: -20px;
        left: 80px;
    }

#GridViewValidations_DXMainTable tr:hover .actions
{
    opacity: 0.6;
}

._nom
{
    font-style: italic;
}

.optionssem_ok
{
    opacity: 0;
    position: relative;
    left: -50px;
}

    .optionssem_ok img
    {
        margin-top: -5px;
    }
.limite-vir-pays {
    height: 14px;
    font-size: 12px;
    width: 115px;
}

.box-param-generale {
    padding: 0 15px;
}

    .box-param-generale h3 {
        background: #F0F0F0;
        padding: 2px 10px;
    }

        .box-param-generale h3 img {
            margin-right: 7px;
            margin-top: -3px;
        }

    .box-param-generale table td {
        /*padding: 2px;*/
    }

.box-cbPays {
    max-height: 300px;
    overflow-y: auto;
}

    .box-cbPays table, .box-cbUser table {
        width: 100%;
    }

        .box-cbPays table tr.line-pays:nth-child(2n+1), .box-cbUser table tr:nth-child(2n+1) {
            background: rgba(240, 240, 240, 0.55);
        }

        .box-cbPays table tr.line-pays:hover {
            background: #DADADA;
            cursor: pointer;
        }

#search-params {
    font-size: 12px;
    padding: 2px 0px 3px 23px;
    width: 250px;
    height: 24px;
}

#img-search-params {
    position: absolute;
    margin: 1px;
}

._plaf {
    padding: 0 5px;
    font-size: smaller;
}

.my-button.gestion-pays {
    position: relative;
    margin: 125px 0;
}

.wrapper-pays-dispo, .wrapper-pays-et-plafonds {
    position: relative;
    width: 40%;
    background: #ECECEC;
    height: 480px;
    overflow: auto;
    margin: 5px 0;
    padding-right: 5px;
}

.template-email-example {
    font-style: italic;
    padding-left: 25px;
    border-left: 6px solid lightgray;
}

.editing-template-alert-email {
    margin: 15px 0;
    width: 500px;
    background: #ececec;    
}

.wrapper-modele-mail{
    margin: 15px 0;    
}

.wrapper-modele-mail:hover{
    background: #fbfbfb;
}

.edit-template-alert-btn {
    opacity:0;
    top:-20px;
    position:relative;
    margin:0 10px;
}
.wrapper-modele-mail:hover .template-email-example{
    border-left: 6px solid #0072c6;
}
.wrapper-modele-mail:hover .edit-template-alert-btn {
    opacity: 1;
    top:0;
}
.table-pays-dispo, .table-pays-et-plafonds {
    width: 100%;
}

.wrapper-pays-dispo .table-pays-dispo tr:hover {
    background: #DEDEDE;
    cursor: pointer;
}

    .wrapper-pays-dispo .table-pays-dispo tr:hover .colorBP {
        color: white;
    }

.wrapper-commands-pays {
    position: relative;
    width: 10%;
}

.tr-pays, .tr-plafond-pays {
    line-height: 22px;
}

.delete-plafond {
    padding-left: 6px;
}

.prev-plafond-pays td {
    padding: 1px 6px 1px 0;
}

.td-flag-pays {
    width: 25px;
    padding-left: 5px;
}

.ajouter-pays-autorise {
    display: none;
}

.tr-pays:hover .ajouter-pays-autorise {
    display: block;
}

.legend-critical-ope {
    position: absolute;
    display: none;
    background: #292929;
    color: white;
    font-size: smaller;
    padding: 3px 7px;
    margin-left: 70px;
    margin-top: 8px;
    border-radius: 2px;
}

    .legend-critical-ope:before {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border: 8px solid;
        border-color: transparent transparent #292929 transparent;
        top: -14px;
        right: 28px;
    }

    .legend-critical-ope ul {
        margin: 3px 0;
        padding: 0;
        list-style-type: none;
    }

.disabled label {
    color: #ababab;
    font-style: italic;
}

.liste-appairages-ts .appairage-ts {
    background: #f0f0f0;
    font-size: smaller;
    padding: 5px 7px;
    float: left;
    margin: 0 10px 10px 0;
}

.appairage-ts .icon-pc {
    height: 48px;
    opacity: 1;
}


.combo-disabled {
    pointer-events: none;
    opacity: 0.5;
}
.logo-etat-demand {
    opacity: 0.75;
    height: 24px;
    position: relative;
    left: 10px;
}

/*.dxgvDataRow_MetropolisBlueBP:hover .logo-etat-demand {
    opacity: 0.85;
    height: 24px;
}*/

.info-demande-deja-creee {
    opacity: 0;
    transform: scale(0.75);
    margin-bottom: 10px;
}

.my-progressbar {
    position: relative;
    width: 100px;
    height: 12px;
    background: #e4e4e4;
}

    .my-progressbar .avancement {
        position: absolute;
        height: 100%;
        width: 0%;
    }

#box-import-demandes {
    width: 500px;    
}

    #box-import-demandes table {
        width: 100%;
        font-size: smaller;
        margin: 15px 0;
    }

        #box-import-demandes table td {
            padding: 2px 5px;
        }

        #box-import-demandes table tr:nth-child(2n) {
            background: #f1f1f1;
        }

        #box-import-demandes table tr:hover .btn-delete-demande-import {
            transform: scale(1);
            opacity: 0.65;
        }

.btn-delete-demande-import {
    opacity: 0.45;
    transform: scale(0.8);
}

    .btn-delete-demande-import:hover {
        opacity: 0.8 !important;
        cursor: pointer;
    }

.width127 {
    width:127px;
}

.container-popupDeleteSctBeneficiaires {
    font-size: 14px;
    padding: 5px 0;
    min-width: 320px;
    margin-bottom: 12px;
    /*max-height: 450px;
    overflow: auto;*/
}

    .container-popupDeleteSctBeneficiaires small{
        font-size:13px;
    }

    .table-detail-benef {
        width: 100%;
        border-collapse: collapse;
    }

    .table-detail-benef tr:nth-child(odd) {
        background-color: #f9f9f9;
    }
    .table-detail-benef tr {
        height: 40px;
        vertical-align: middle;
    }
    .table-detail-benef td {
        padding-left: 16px;
    }

.table-detail-benef-groupe {
    margin-left: 10px;
}

    .table-detail-benef-groupe td {
        padding: 2px 3px;
        vertical-align: top;
    }

.liste-benefs-activer {
    /*margin-bottom: 15px;*/
    max-height: 300px;
    overflow-y: auto;
    width: 550px;
}


.liste-benefs-supprimer {
    /*margin-bottom: 15px;*/
    max-height: 300px;
    overflow-y: auto;
    width: 400px;
}

.table-vir1 .tr-line {
    line-height: 35px;
}

.label1 {
    padding: 8px 5px 8px 0;
}

.options-groupe {
    display: none;
    position: relative;
    transform: translateY(-40px);
    opacity: 0;
    transition: all 0.3s ease;
}

#mini-form-add-group {
    position: relative;
    opacity: 0;
    display: none;
    transform: translateX(-40px);
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.card-compte-benef, .card-compte-dest, .card-compte-client {
    background: #F0F0F0;
    border-left: 7px solid #159f84;
    height: 100px;
    margin-bottom: 10px;
    padding: 4px 10px;
    width: 290px;
    box-shadow: 1px 2px 4px rgba(199, 199, 199, 0.59);
}

.card-compte-benef, .card-compte-dest {
    border-left-color: #0072c6;
}

.details-vir {
    opacity: 0;
    display: none;
    transform: translateY(-40px);
    transition: all 0.3s ease;
}

.fichier-editing {
    font-size: smaller;
}

.box-nom-compte {
    margin-top: 4px;
    line-height: 24px;
    overflow: hidden;
    height: 24px;
    margin-bottom: 2px;
}




.alert-non-active {
    position: absolute;
    margin: 3px;
    z-index: 5;
}
/**************/

#GridViewBeneficiaires ._selected {
    height: 22px !important;
    margin: 0 !important;
}

#GridViewBeneficiaires .img-auto-scale {
    width: 18px;
    opacity: 0.8;
}

.edit-grp-from-formbenef img {
    transform: scale(0.9);
    opacity: 0.5;
}

.edit-grp-from-formbenef:hover img {
    transform: scale(1) translateX(10px);
}

@media only screen and (min-width : 1360px) and (max-width : 4500px) {

    #GridViewBeneficiaires ._selected {
        height: 24px !important;
    }

    #GridViewBeneficiaires .img-auto-scale {
        width: 24px !important;
    }
}

.card-copier-vers {
    padding: 15px;
    background: #f0f0f0;
    position: relative;
    margin: 10px 0;
    font-weight: 800;
}

    .card-copier-vers:hover img {
        transform: scale(1.2);
        transform-origin: bottom right;
    }

    .card-copier-vers:hover {
        background: #b5b5b5;
        cursor: pointer;
        padding-left: 25px;
    }

    .card-copier-vers img {
        opacity: 0.08;
        position: absolute;
        bottom: 5px;
        right: 5px;
    }

.copier-vers2 {
    opacity: 0;
    position: relative;
    transform: translateX(-25px);
}

    .copier-vers2.display {
        opacity: 1;
        transform: translateX(0px);
    }

.item-module {
    font-weight: 800;
    background: #f0f0f0;
    padding: 4px 3px;
    margin: 4px 0;
}

    .item-module:hover {
        background: #b5b5b5;
        padding-left: 15px;
        cursor: pointer;
    }

    .item-module.selected-module {
        background: #0072c6;
        color: white;
        padding-left: 15px;
    }

.form-addgroup {
    position: relative;
    opacity: 0;
    transform: translateX(40px);
}

    .form-addgroup.display {
        position: relative;
        opacity: 1;
        transform: translateX(0px);
    }

.form-addgroup, .mainform-addbeneftogroup {
    position: relative;
    width: 450px;
}

.showform-newgroup {
    position: relative;
    padding: 5px 12px;
    cursor: pointer;
    display: block;
}

    .showform-newgroup img {
        height: 18px;
        margin-right: 5px;
    }


.container-form-benef {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}
.box-recherche-avancee {
    transform-origin: top;
    margin: 10px 0px 10px 0;
    padding: 10px 0px 10px 0px;
    background: #f3f3f3;
    position: relative;
    z-index: 5;
}

.action-echeance {
    opacity: 0.051;
    transform: scale(0.7);
    transition: all 0.3s ease-in-out;
}

#GridViewEcheancesVir_DXMainTable tr:hover .action-echeance,
#GridViewImpayes_DXMainTable tr:hover .action-echeance {
    opacity: 0.5;
    transform: scale(1);
}

.action-echeance:hover {
    opacity: 0.8 !important;
    cursor: pointer;
}

.box-actions-echeance {
    position: relative;
    text-align: right;
    width: 100px;
}

#GridViewEcheancesVir .img-statut-echeance {
    height: 22px;
    opacity: 0.3;
    vertical-align: unset !important;
}

#GridViewEcheancesVir .box-statut-echeance {
    position: absolute;
    height: 26px;
    margin-top: -12px;
}

#GridViewEcheancesVir .icon-garbage{
    opacity:0.3;
    height: 20px;
}

#GridViewDestinataires_DXMainTable tr:hover .goto-mandats {
    opacity: 0.6;
    width: 24px;
}

.table-echeance-to-update {
    width: 100%;
}

    .table-echeance-to-update tr.tr-header {
        font-weight: 600;
        font-size: smaller;
    }

    .table-echeance-to-update .img-delete-modif {
        opacity: 0;
        transform: translateX(25px);
    }

    .table-echeance-to-update tr.tr-echeance-to-update:hover {
        background: #f0f0f0;
    }

    .tr-echeance-selected{
        background: #f5f5f5;
    }

    .table-echeance-to-update tr:hover .img-delete-modif {
        opacity: 0.7;
        transform: translateX(-5px);
    }

    .table-echeance-to-update input.montant-echeance-to-update {
        height: 16px;
        width: 100px;
        transition-delay: 0.6s;
    }

.liste-echeances-max {
    margin: 10px 0;
    position: relative;
    overflow: auto;
    max-height: 439px;
    padding-right: 10px;
}

.groupe-benef:hover {
    cursor: pointer;
    background: #D3D3D3;
}

#cbGroupes {
    font-family: Ubuntu;
}

.box-selector-groupe {
    margin-top: 60px;
    position: absolute;
    left: 0px;
    z-index: 3;
}

.box-selector-groupe img.logo-grp
{
    margin: 0 6px 0 0;
    opacity: .7;
}

.col-montant {
    min-width: 80px;
}

input.update-grid {
    border: 1px solid gray;
    padding: 1px 3px;
    font-size: inherit;
    position: absolute;
    margin-top: -2px;
    z-index: 3;
}

.col-montant input {
    text-align: right;
}

.img-edit-grid {
    opacity: 0;
    margin: 0 0 0 6px;
}

#GridViewComptesDuGroupe_DXMainTable tr:hover .img-edit-grid {
    opacity: 0.45;
}
#GridViewComptesDuGroupeSDD_DXMainTable tr:hover .img-edit-grid {
    opacity: 0.45;
}

.img-edit-grid:hover {
    opacity: 0.7 !important;
    cursor: pointer;
}

#GridViewComptesDuGroupe ._selected {
    height: 24px;
    margin: 1px 0;
}

.info-grp-benef
{
    position: absolute;
    margin-top: -12px !important;
    font-size: 11px;
}

.logo-benef-grp
{
    margin: 0 0 0 5px;
}

/* Groupe ComptesSCT du groupe */
.groupe-benef:hover {
    cursor: pointer;
    background: #D3D3D3;
}

.edit-sct-groupe, .delete-sct-groupe, .add-benef-sct-groupe {
    opacity: 0;
}

.groupe-benef:hover .edit-sct-groupe, .groupe-benef:hover .delete-sct-groupe, .groupe-benef:hover .add-benef-sct-groupe {
    cursor: pointer;
    opacity: 0.5;
}

.edit-sct-groupe:hover, .delete-sct-groupe:hover, .add-benef-sct-groupe:hover {
    opacity: 0.8 !important;
}

.nomGroupe {
    max-height: 45px;
    overflow: hidden;
}
/*****************************************/
.table-new-groupe-benef .mainline {
    line-height: 40px;
}

.tr-form-remise {
    line-height: 42px;
}

.table-donnees-communes {
    width: 100%;
    margin: 20px 0 5px;
}

.dxgvSearchPanel_MetropolisBlueBP .dxeButtonEdit_MetropolisBlueBP {
    height: 26px;
}

.btn-group {
    padding: 3px 8px;
}

    .btn-group img { 
        margin-right: 8px;
    }

.box-grid {
    /*height: 230px;
        overflow: hidden;*/
}

    .box-grid .dxgvHeader_MetropolisBlueBP {
        background-color: rgba(128, 128, 128, 0.2);
    }

#nbBenefToAdd, #nbBenefSelected, #nbDestToAdd, #nbDestSelected {
    color: gray;
    font-style: italic;
}


@media only screen and (min-height : 0px) and (max-height : 675px) {
    #GridViewBeneficiairesToAdd .dxgvDataRow_MetropolisBlueBP td.dxgv,
    #GridViewBeneficiairesToAdd .dxgvSelectedRow_MetropolisBlueBP td.dxgv,
    #GridViewBeneficiairesToAdd .dxgvFocusedRow_MetropolisBlueBP td.dxgv,
    #GridViewBeneficiairesDispo .dxgvDataRow_MetropolisBlueBP td.dxgv,
    #GridViewBeneficiairesDispo .dxgvSelectedRow_MetropolisBlueBP td.dxgv,
    #GridViewBeneficiairesDispo .dxgvFocusedRow_MetropolisBlueBP td.dxgv {
        padding: 0 !important;
    }

    #GridViewBeneficiairesDispo .dxgv,
    #GridViewBeneficiairesToAdd .dxgv {
        font-size: 11px !important;
    }

    #GridViewBeneficiairesDispo .dxgvCSD,
    #GridViewBeneficiairesToAdd .dxgvCSD {
        height: 91px !important;
        width: 810px !important;
    }

    #GridViewBeneficiairesDispo .dxgvHeader_MetropolisBlueBP,
    #GridViewBeneficiairesToAdd .dxgvHeader_MetropolisBlueBP {
        padding: 2px 3px !important;
    }

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

    .delete-benef-ingroup {
        margin: 10px 140px 10px 10px !important;
        padding: 4px 8px !important;
        font-size: 11px !important;
    }

    .add-benef-ingroup {
        margin: 10px 10px 10px 140px !important;
        padding: 4px 8px !important;
        font-size: 11px !important;
    }

    .container-popupGroupeSdd .btn-group img {
        width: 16px !important;
        margin-right: 7px !important;
    }
}

#Form_PopupAjouterVirementInternational #Montant_I, #Form_PopupVirementIntEnAttente #Montant_I
    {
        text-align: right;
    }

    .options-avancees-int
    {
        position: relative;
        height: 420px;
        width: 765px;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.7s;
        -ms-transition-duration: 0.7s;
        -o-transition-duration: 0.7s;
        transition-duration: 0.5s;
    }

    .tooltip-motif
    {
        position: absolute;
        display: none;
        opacity: 0;
        color: white;
        background: #383838;
        width: 550px;
        vertical-align: top;
        z-index: 2;
        margin-top: -30px;
    }

        .tooltip-motif:after
        {
            content: "";
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border: 11px solid;
            border-color: transparent transparent #383838 transparent;
            top: -20px;
            left: 25px;
        }

        .tooltip-motif table td
        {
            vertical-align: top;
            padding: 1px 2px;
        }


.container-form-benef {
    position: relative;
/*    overflow-y: auto;
    overflow-x: hidden;*/
/*    need overflow: visible; pour que les menu déroulant puissent sortir de la popup plutot*/
    overflow: visible;
}
.options-mandat {
    display: none;
    position: relative;
    transform: translateY(-40px);
    opacity: 0;
    transition: all 0.3s ease;
}

#mini-form-add-mandat {
    opacity: 0;
    display: none;
    transform: translateX(-50px) scale(0.9);
    transition: all 0.23s ease;
    padding: 0px 10px;
    position: absolute;
    z-index: 3;
    border: 1px solid #ccc;
    background: #f1f1f1;
    left: 155px;
    min-width: 455px;
    top: -18px;
}

    #mini-form-add-mandat:before {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border: 12px solid;
        border-color: transparent #ccc transparent transparent;
        top: 7px;
        left: -24px;
    }

    #mini-form-add-mandat:after {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border: 12px solid;
        border-color: transparent #f1f1f1 transparent transparent;
        top: 7px;
        left: -23px;
    }

.details-sdd {
    opacity: 0;
    display: none;
    transform: translateY(-40px);
    transition: all 0.3s ease;
}

.rum-non-editable, .rum-non-creable {
    display: none;
    transform: scale(0);
    opacity: 0;
    height: 22px;
}

.rum-non-editable {
    height: 16px;
}

.nb-mandats {
    transform: scale(0);
    opacity: 0;
}

.show-nb-mandats {
    transform: scale(1);
    opacity: 1;
}

#box-liste-mandats {
    margin-top: -10px;
}

.max-container-mandats {
    max-height: 106px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
}

.table-mandats {
    margin-bottom: 10px;
    min-width: 300px;
    max-width: 500px;
}

    .table-mandats tr {
        line-height: 24px;
    }

        .table-mandats tr:nth-child(2n+1) {
            background: #ebebeb;
        }

    .table-mandats td {
        padding: 0 8px;
    }

    .table-mandats img.actions-mandat {
        width: 20px;
        opacity: 0.4;
        position: relative;
        top: -2px;
        left: -1px;
        transition: all 0.2s ease-in-out;
        transform: scale(0.85);
    }

        .table-mandats img.actions-mandat:hover {
            opacity: 0.7;
            cursor: pointer;
            transform: scale(1);
        }

#box-liste-mandats {
    display: none;
    padding-left: 155px;
}

.container-form-dest {
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
}

#PopupDestinataireSdd_PWC-1 {
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.table-detail-dest {
    margin: 0;
}

.table-detail-dest-groupe {
    margin-left: 10px;
}

    .table-detail-dest-groupe td {
        padding: 2px 3px;
        vertical-align: top;
    }

.table-detail-dest td {
    padding: 2px 3px;
    padding-right: 8px;
    vertical-align: top;
}

.table-details-mandats-compte {
    font-size: smaller;
    width: 90%;
    margin-left: 5%;
}

    .table-details-mandats-compte tr {
        line-height: 20px;
    }

    .table-details-mandats-compte td {
        padding: 0 2px 0 0;
    }

.new-one {
    opacity: 0;
    transform: scale(0);
    position: absolute;
    margin: 5px 5px;
    font-weight: 900;
    color: white;
    background: #0072c6;
    border-radius: 50px;
    height: 19px;
    width: 19px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    font-size: 12px;
    right: 0;
    transition: all cubic-bezier(.32,0,.5,1.9) 0.37s;
}

/* Groupe ComptesSCT du groupe */
.groupe-dest:hover {
    cursor: pointer;
    background: #D3D3D3;
}

.edit-sdd-groupe, .delete-sdd-groupe, .add-dest-sdd-groupe {
    opacity: 0;
}

.groupe-dest:hover .edit-sdd-groupe, .groupe-dest:hover .delete-sdd-groupe, .groupe-dest:hover .add-dest-sdd-groupe {
    cursor: pointer;
    opacity: 0.5;
}

.edit-sdd-groupe:hover, .delete-sdd-groupe:hover, .add-dest-sdd-groupe:hover {
    opacity: 0.8 !important;
}

.groupe-dest .nomGroupe {
    max-height: 65px;
    overflow: hidden;
    margin-bottom: 5px;
}

.recherche-mandats:hover small {
    color: black;
}

.table-histo-mandats {
    width: 100%;
}

    .table-histo-mandats td {
        padding: 2px 3px;
    }

.box-cbDebiteurs table {
    width: 100%;
}

    .box-cbDebiteurs table tr {
        line-height: 24px;
    }

        .box-cbDebiteurs table tr:nth-child(2n+1) {
            background: #f1f1f1;
        }

.line-debiteur {
    line-height: 24px;
    cursor: pointer;
}

    .line-debiteur:hover {
        background: #c1c1c1 !important;
    }

.box-cbDebiteurs input.rum-debiteur {
    font-size: 11px;
    padding: 4px;
    border: 1px solid lightgray;
    line-height: 12px;
}

    .box-cbDebiteurs input.rum-debiteur:focus {
        border-color: #0072c6;
    }

.hd-etape {
    padding: 2px 10px;
}

/*.hd-etape:hover{
        padding: 2px 10px;
        border-bottom: 2px solid #c1c1c1;
        cursor:pointer;
    }*/

.etape-encours {
    border-bottom: 2px solid #0072c6 !important;
    color: #0072c6;
    padding: 2px 13px !important;
}

#GridViewDebiteursEcheancier_DXMainTable, #GridViewDebiteursEcheancier_DXPagerBottom {
    font-size: 11px;
}

input.rum-debiteur, input.signature-debiteur {
    padding: 2px 3px;
    border: 1px solid lightgray;
    line-height: 14px;
    font-size: 11px;
    width: 240px;
}

input.signature-debiteur {
    width: 100px;
}

.etape-echeancier {
    transition: all cubic-bezier(.32,0,.5,1.2) 0.4s;
    opacity: 0;
    position: relative;
    left: -40px;
}

.etape-echeancier-encours {
    opacity: 1;
    left: 0px;
}

input.rum-debiteur:focus, input.signature-debiteur:focus {
    border-color: #0072c6;
}

.save-rum-debiteur {
    opacity: 0;
    height: 14px;
    margin-left: 6px;
}

.select-rum-debiteur {
    opacity: 0;
    height: 18px;
    margin-left: 6px;
}

.detail-debiteur {
    opacity: 0.1;
    transform:scale(0.8);
    display:block;
}

#GridViewDebiteursEcheancier_DXMainTable tr:hover .detail-debiteur {
    opacity: 1;
    transform:scale(1);
}
.indicateur-nbdebiteurs {
    margin-top: 0;
    position: relative;
    z-index: 1;
    display: inline;
    padding: 3px 25px 3px 5px;
}

#GridViewDebiteursEcheancier_DXMainTable tr:hover .save-rum-debiteur,
#GridViewDebiteursEcheancier_DXMainTable tr:hover .select-rum-debiteur {
    opacity: 1;
}

.wrapper-details-debiteur {
    position: relative;
    width: 500px;
    font-size: smaller;
}

    .wrapper-details-debiteur h3 {
        background: #eaeaea;
        padding: 1px 5px;
    }

    .wrapper-details-debiteur .card-mandat-debiteur {
        background: #f1f1f1;
        padding: 5px 5px;
        margin: 10px 10px 10px 0;
        position: relative;
    }

    .wrapper-details-debiteur .fixe-img-mandat {
        position: absolute;
        opacity: 0.05;
        height: 32px;
        right: 0px;
        bottom: 3px;
    }

.table-selection-rums-debiteurs {
    width: 100%;
}

    .table-selection-rums-debiteurs tr:nth-child(2n) {
        background: #f1f1f1;
    }

    .table-selection-rums-debiteurs tr .icon-action {
        opacity: 0.5;
        margin: 0 2px;
    }

    .table-selection-rums-debiteurs tr:hover .icon-action {
        opacity: 0.5;
    }

    .table-selection-rums-debiteurs tr .icon-action:hover {
        opacity: 0.78;
        cursor: pointer;
    }

.goto-mandats {
    position: absolute;
    left: 10px;
    margin-top: 3px;
    opacity: 0.1;
    width: 18px;
    transition: all 0.2s ease-in-out;
}

    .goto-mandats:hover {
        cursor: pointer;
        opacity: 0.75 !important;
    }

.temp-montant-grille {
    position: relative;
    width: 311px;
    text-align: right;
}


@media only screen and (min-height : 0px) and (max-height : 675px) {
    #GridViewDestinatairesToAdd .dxgvDataRow_MetropolisBlueBP td.dxgv,
    #GridViewDestinatairesToAdd .dxgvSelectedRow_MetropolisBlueBP td.dxgv,
    #GridViewDestinatairesToAdd .dxgvFocusedRow_MetropolisBlueBP td.dxgv,
    #GridViewDestinatairesDispo .dxgvDataRow_MetropolisBlueBP td.dxgv,
    #GridViewDestinatairesDispo .dxgvSelectedRow_MetropolisBlueBP td.dxgv,
    #GridViewDestinatairesDispo .dxgvFocusedRow_MetropolisBlueBP td.dxgv {
        padding: 0 !important;
    }

    #GridViewDestinatairesDispo .dxgv,
    #GridViewDestinatairesToAdd .dxgv {
        font-size: 11px !important;
    }

    #GridViewDestinatairesDispo .dxgvCSD,
    #GridViewDestinatairesToAdd .dxgvCSD {
        height: 91px !important;
        width: 810px !important;
    }

    #GridViewDestinatairesDispo .dxgvHeader_MetropolisBlueBP,
    #GridViewDestinatairesToAdd .dxgvHeader_MetropolisBlueBP {
        padding: 2px 3px !important;
    }

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

    .delete-dest-ingroup {
        margin: 10px 140px 10px 10px !important;
        padding: 4px 8px !important;
        font-size: 11px !important;
    }

    .add-dest-ingroup {
        margin: 10px 10px 10px 140px !important;
        padding: 4px 8px !important;
        font-size: 11px !important;
    }

    .container-popupGroupeSdd .btn-group img {
        width: 16px !important;
        margin-right: 7px !important;
    }
}

.container-popupDestinataireSDD{
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}
.box-recherche-avancee {
    transform-origin: top;
    margin: 10px 0px 10px 0;
    padding: 10px 0px 10px 0px;
    background: #f3f3f3;
    position: relative;
    z-index: 5;
}

.action-echeance {
    opacity: 0.051;
    transform: scale(0.7);
    transition: all 0.3s ease-in-out;
}

#GridViewEcheances_DXMainTable tr:hover .action-echeance,
#GridViewImpayes_DXMainTable tr:hover .action-echeance {
    opacity: 0.5;
    transform: scale(1);
}

.action-echeance:hover {
    opacity: 0.8 !important;
    cursor: pointer;
}

.box-actions-echeance {
    position: relative;
    text-align: right;
    width: 100px;
}

#GridViewEcheances .img-statut-echeance {
    height: 22px;
    opacity: 0.3;
    vertical-align: unset !important;
}

#GridViewEcheances .box-statut-echeance {
    position: absolute;
    height: 26px;
    margin-top: -12px;
}

#GridViewEcheances .icon-garbage{
    opacity:0.3;
    height: 20px;
}

#GridViewDestinataires_DXMainTable tr:hover .goto-mandats {
    opacity: 0.6;
    width: 24px;
}

.table-echeance-to-update {
    width: 100%;
}

    .table-echeance-to-update tr.tr-header {
        font-weight: 600;
        font-size: smaller;
    }

    .table-echeance-to-update .img-delete-modif {
        opacity: 0;
        transform: translateX(25px);
    }

    .table-echeance-to-update tr.tr-echeance-to-update:hover {
        background: #f0f0f0;
    }

    .tr-echeance-selected{
        background: #f5f5f5;
    }

    .table-echeance-to-update tr:hover .img-delete-modif {
        opacity: 0.7;
        transform: translateX(-5px);
    }

    .table-echeance-to-update input.montant-echeance-to-update {
        height: 16px;
        width: 100px;
        transition-delay: 0.6s;
    }

.liste-echeances-max {
    margin: 10px 0;
    position: relative;
    overflow: auto;
    max-height: 439px;
    padding-right: 10px;
}


/*.actions-mandat-echeancier {
    position: absolute;
    right: 0;
    top: 18px;
    opacity: 0;
    transform: scale(0);
    transition: all 0.2s ease-in-out;
}*/

.actions-grille-echeancier {
    position: relative;
    right: 0;
    top: 0px;
    opacity: 0.2;
    transform: scale(0.7);
    transition: all 0.2s ease-in-out;
}


    .actions-grille-echeancier img {
        opacity: 0.5;
        height: 26px;
    }


        .actions-grille-echeancier img:hover {
            opacity: 0.8;
            cursor: pointer;
        }

#GridViewEcheanciers_DXMainTable tr:hover .actions-grille-echeancier {
    opacity: 1;
    transform: scale(1);
}

#GridViewVirementsPermanents_DXMainTable tr:hover .actions-grille-echeancier {
    opacity: 1;
    transform: scale(1);
}

.box-details-echeancier .pavet-details {
    background: #d8d8d8;
    padding: 3px;
    margin: 4px 0;
}

.box-details-echeancier table tr {
    line-height: 22px;
}

.creer-echeancier-from-details {
    padding: 3px 8px;
    position: relative;
}

.etape3 .div-tarifs-echeancier {
    width: 297px;
    background: #ecf9ff;
    padding: 2px 10px;
    margin-top: 6px;
    position: relative;
    max-height: 90px;
    overflow: auto;
}

    .etape3 .div-tarifs-echeancier table {
        width: 100%;
    }

.montant-echeance {
    font-size: smaller;
}

.input-montant-echeance, .input-date-echeance {
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    border: 1px solid #ccc;
    background: white;
    z-index: 2;
    width: 70px;
    position: relative;
    padding: 1px;
}

    .input-montant-echeance:focus, .input-data-echeance:focus {
        border-color: #0072c6;
    }

#GridViewTarifsEcheancier_DXMainTable tr:hover .icon-action-tarif {
    opacity: 0.5;
    transform: scale(1);
}

.icon-action-tarif:hover {
    opacity: 0.8 !important;
    cursor: pointer;
}

.tarif-etape {
    position: relative;
    left: -50px;
    opacity: 0;
}

.tarif-etape-encours {
    left: 0px;
    opacity: 1;
}

.box-tarif {
    position: relative;
    background: #f1f1f1;
    padding: 5px 10px;
}

.summary.summary-echeancier table td {
    padding: 2px 3px;
}

.content-summary {
    padding: 3px 10px;
    max-height: 320px;
    overflow-y: auto;
}

.toggle-summary {
    margin: 4px 10px;
}

.legend-summary-echeances {
    position: absolute;
    background: #f1f1f1;
    border: 1px solid #ccc;
    z-index: 2;
    padding: 10px 20px;
    margin-top: -30px;
    opacity: 0;
    right: 0;
    transition: all 0.4s ease-in-out;
}

.legend-line {
    margin: 5px;
}

    .legend-line table td {
        padding: 2px 4px;
    }

.example-echeance {
    position: relative;
    padding: 2px;
    width: 55px;
    font-size: smaller;
}

    .example-echeance div {
        line-height: 20px;
    }

.summary p {
    background: #f1f1f1;
    margin: 5px 0;
}

.annee-echeances {
    width: 100%;
    margin-bottom: 10px;
    line-height: 20px;
}

.annee-echeances-M {
    margin-top: 20px;
}

.annee-echeances td {
    width: 50px;
    border: 1px solid #ccc;
    position: relative;
    font-size: smaller;
    height: 100%;
    min-height: 100%;
}

td .content-td-echeance {
    border: 2px solid #fff;
    position: relative;
    z-index: 0;
    height: 100%;
    min-height: 100%;
    padding: 0 4px;
}

    td .content-td-echeance.echeance-impayee-representee {
        border-color: orange !important;
    }

.annee-echeances td:hover .content-td-echeance {
    border: 2px solid #0072c6;
}

td .index-td-echeance {
    font-size: 30px;
    position: absolute;
    left: 2px;
    opacity: 0.038;
    top: 6px;
    letter-spacing: -5px;
}

.annee-echeances td:hover .index-td-echeance {
    opacity: 0.15;
    font-size: 12px;
    top: 0;
    right: 56px;
    transition: all 0.3s ease-in-out;
    transition-delay: 0.2s;
    letter-spacing: -2px;
}

.annee-echeances td.td-echeance-M:hover .index-td-echeance {
    display: none;
}

.text-nb-modif-echeances {
    padding: 5px 15px;
}

.wrapper-confirm-action-echeance {
    position: absolute;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    background: lightyellow;
    width: 120px;
    z-index: 3;
    margin-top: -20px;
    font-size: 11px;
    opacity: 0;
}

    .wrapper-confirm-action-echeance .yesBtn,
    .wrapper-confirm-action-echeance .noBtn {
        font-size: 10px;
        padding: 2px 10px;
        display: initial !important;
        width: 45px;
    }

.containter-liste-echeances {
    width: 750px;
    max-height: 430px;
    margin: 5px 25px;
    padding-right: 85px;
    padding-bottom: 50px;
    overflow: auto;
}

.footer-table-details-echeances {
    padding: 0 10px;
    position: absolute;
    bottom: 5px;
    right: 20px;
    background: white;
}

.edit-echeance,
.edit-date-echeance,
.representer-echeance,
.delete-echeance,
.block-echeance,
.unblock-echeance {
    opacity: 0.045;
    width: 24px;
    position: absolute;
    transform: scale(0.7);
    transition: all 0.2s ease-in-out;
    margin: 4px 0;
    right: 0px;
    transition-delay: 0.06s;
}

.edit-echeance,
.representer-echeance {
    right: 16px;
    transition-delay: 0.14s;
    width: 16px;
    top: -24px;
}

.edit-date-echeance {
    right: 32px;
    transition-delay: 0.24s;
    width: 16px;
    top: -24px;
}

.block-echeance,
.delete-echeance,
.unblock-echeance {
    width: 18px;
    top: -25px;
    right: 0;
}

.partial-date {
    height: 10px;
    font-size: 11px;
    width: 15px;
    border: 1px solid lightgray;
    line-height: 12px;
    padding: 3px 2px;
}

.annee-echeances td:hover .edit-echeance,
.annee-echeances td:hover .edit-date-echeance,
.annee-echeances td:hover .representer-echeance,
.annee-echeances td:hover .block-echeance,
.annee-echeances td:hover .unblock-echeance,
.annee-echeances td:hover .delete-echeance {
    opacity: 0.4;
    transform: scale(1);
}

.edit-echeance:hover,
.edit-date-echeance:hover,
.representer-echeance:hover,
.block-echeance:hover,
.unblock-echeance:hover,
.delete-echeance:hover {
    opacity: 0.8 !important;
    transition-duration: 0.1s;
    transition-delay: 0s;
    cursor: pointer;
}

.icon-action-tarif {
    opacity: 0.2;
    transform: scale(0.75);
    height: 24px;
    transition: all 0.2s ease-in-out;
}

.icon-echeance-monthly-blocked {
    position: absolute;
    width: 24px;
    opacity: 0.2;
    z-index: 0;
    right: 1px;
    bottom: 3px;
}

/*.echeance-monthly-blocked {
    background-color: rgba(231, 76, 60, 0.2) !important;
}*/

.echeance-blocked,
.echeance-monthly-blocked {
    border-color: gray !important;
    background: lightgray;
}

.echeance-passee {
    border-color: #eaeaea !important;
    background: #eaeaea;
}

.echeance-impayee {
    border-color: rgb(231, 76, 60) !important;
    background: rgba(231, 76, 60, 0.2) !important;
}

.echeance-updated {
    border-color: #1aa187 !important;
    background: rgba(26,161,135,0.2);
}



.echeance-impayee-representee {
    border-color: orange !important;
    background: rgba(255,165,0,0.2);
}

.echeance-encours {
    background-color: lightyellow !important;
    border: 2px solid lightyellow !important;
}

.wrapper-legende-echeances-etats {
    padding: 3px 10px;
    background: #f1f1f1;
    transition: all 0.3s;
    transition-timing-function: ease-in-out;
    transform: scaleY(0.3);
    opacity: 0;
    display: none;
    transform-origin: top;
    position: relative;
    margin-bottom: 20px;
}

.header-legende-echeances-etats {
    background: #f1f1f1;
    text-align: right;
    line-height: 30px;
}

.icon-show-legende {
    margin: 0 10px;
}

.header-legende-echeances-etats:hover .icon-show-legende {
    margin: 0 20px;
}

.btn-legende-etats-echeances {
    cursor: pointer;
}

.info-text-legende-etats {
    font-size: smaller;
    position: relative;
    top: 7px;
}

    .info-text-legende-etats img {
        height: 16px;
        opacity: 0.7;
    }

table.legende-echeances-etats {
    width: 100%;
    position: relative;
    top: 15px;
}

    table.legende-echeances-etats td {
        padding: 0px 6px;
        width: 50px;
        font-size: smaller;
        font-weight: 600;
        text-align: center;
        vertical-align: bottom;
    }

#debiteur-echeancier-modif .header {
    margin-bottom: 7px;
}

#debiteur-echeancier-modif .info {
    position: relative;
    padding: 5px 10px;
    background: #f0f0f0;
    width: 50%;
    margin: auto;
}

    #debiteur-echeancier-modif .info .background-img-mandat {
        opacity: 0.1;
        position: absolute;
        height: 86px;
        right: 0;
    }

    #debiteur-echeancier-modif .info table td {
        padding: 2px 3px;
    }

#header-info-echeancier {
    margin: 0px 25px 10px;
    background: #f1f1f1;
    width: 750px;
}

    #header-info-echeancier table td {
        padding: 3px 7px;
    }

#result-import-echeanciers {
    position: relative;
    width: 850px;
}

    #result-import-echeanciers.maxheight-import {
        max-height: 398px;
        overflow: auto;
        margin-bottom: 10px;
    }

.table-echeanciers-importes {
    margin: 10px 0;
    width: 100%;
    font-size: smaller;
}

    .table-echeanciers-importes tr.line-hd td, .table-echeanciers-importes tr.line-ech td {
        padding: 2px 3px 2px 0px;
    }

    .table-echeanciers-importes tr.line-ech:nth-child(2n+1) {
        background: #f0f0f0;
    }

    .table-echeanciers-importes .border-error, .table-echeanciers-importes .border-warning, .table-echeanciers-importes .border-valid {
        height: 32px;
        display: block;
    }

    .table-echeanciers-importes .box-info-compte.box-info-compte-tarif {
        right: 195px;
    }

        .table-echeanciers-importes .box-info-compte.box-info-compte-tarif:before {
            border-color: transparent transparent transparent lightgray;
            right: -23px;
            left: initial;
        }

        .table-echeanciers-importes .box-info-compte.box-info-compte-tarif:after {
            border-color: transparent transparent transparent lightyellow;
            right: -23px;
            left: initial;
        }

.legend-import-ech {
    position: absolute;
    background: lightyellow;
    padding: 5px;
    right: 0;
    border: 1px solid lightgray;
    z-index: 2;
    margin-top: 25px;
    font-size: smaller;
    opacity: 0;
    transform: scale(0.9) translateY(-20px);
    margin-right: 5px;
}

    .legend-import-ech td {
        padding: 2px;
    }

.table-echeanciers-importes .box-info-compte, .table-echeanciers-importes .box-info-soccompte {
    position: absolute;
    background: lightyellow;
    border: 1px solid lightgray;
    padding: 4px 7px;
    width: 430px;
    margin-top: -35px;
    transform: scale(0.9);
    opacity: 0;
    z-index: 2;
}

    .table-echeanciers-importes .box-info-compte:after, .table-echeanciers-importes .box-info-soccompte:after {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border: 13px solid;
        border-color: transparent lightyellow transparent transparent;
        top: 5px;
        left: -23px;
    }

    .table-echeanciers-importes .box-info-compte:before, .table-echeanciers-importes .box-info-soccompte:before {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border: 12px solid;
        border-color: transparent lightgray transparent transparent;
        top: 6px;
        left: -23px;
    }

    .table-echeanciers-importes .box-info-compte input[type='radio'] {
        vertical-align: middle;
        margin: 0 4px;
        /*display: none;*/
    }

    .table-echeanciers-importes .box-info-compte .entry-input-dest {
        line-height: 30px;
        border-left: 6px solid lightgray;
        padding-left: 3px;
        margin-bottom: 2px;
    }

        .table-echeanciers-importes .box-info-compte .entry-input-dest.select {
            border-left: 6px solid #0072c6;
            padding-left: 6px;
        }

img.close-box-info {
    height: 16px;
}

img.delete-import-echeancier {
    transform: scale(0.8);
    opacity: 0.5;
}

tr.line-ech:hover img.delete-import-echeancier {
    transform: scale(1);
    opacity: 0.75;
}

img.delete-import-echeancier:hover {
    cursor: pointer;
    opacity: 1;
}

.box-info-compte input.montant-tarif {
    height: 14px;
    width: 100px;
    margin: 0 5px 0 10px;
}

#loader-import-echeanciers {
    background: rgba(146, 146, 146, 0.34);
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 3;
}

    #loader-import-echeanciers div.cent {
        position: relative;
        top: 50%;
        margin-top: -15px;
    }

        #loader-import-echeanciers div.cent b {
            background: white;
            position: relative;
            padding: 15px;
        }

.recap-compteLogo img {
    position: absolute;
    height: 25px;
    margin: 5px;
    margin-top: -5px;
}

.gotopage-importecheancier {
    padding: 0 7px;
}

    .gotopage-importecheancier:hover {
        text-decoration: underline;
    }

.page-selected {
    font-size: 15px;
}

.box-eva-montant {
    background: #f0f0f0;
    padding: 10px;
    margin: 0 10px;
    width: 160px;
}

    .box-eva-montant .my-input, .box-eva-montant select {
        height: 14px;
        margin: 5px 0;
        margin-right: 5px;
        width: 90px;
        text-align: right;
    }

.montant_represente {
    height: 14px;
    width: 110px;
}

.date_represente {
    height: 14px;
    width: 90px;
}

.table-impayes-repres {
    width: 100%;
    margin-top: 10px;
}

    .table-impayes-repres td {
        padding: 2px;
    }

     .table-impayes-repres tr:nth-child(2n) {
        background: #fbfbfb;
    }

.box-impayes-repres {
    position: relative;
    max-height: 200px;
    overflow-y: auto;
    padding-right: 5px;
}

.autres-details-societe {
    position: relative;
    /*top: 10px;*/
    /*z-index: 5;*/
}

.autres-details-smd {
    position: absolute;
    right: 12px;
    top: 30px;
}

.autres-details-sans-smd {
    position: absolute;
    right: 12px;
    top: 90px;
}

.content-infos-smd {
    width: 280px;
    border-collapse: separate;
    border-spacing: 0px 5px;
    height: auto;
    border: 1px solid var(--color-primary-surface);
    border-radius: 4px;
}

.smd_verif_button {
    position: relative;
    left: 105px;
    width: 60px;
    display: block;
    font-size: 12px;
    text-align: center;
    color: white;
    height: 20px;
    background-color: white;
}


.box-autres-details-societe {
    background: #f0f0f0;
    padding: 7px 13px;
    width: 248px;
    line-height: 24px;
    border: 10px solid white;
    transition-delay: 0.2s;
    transform-origin: top right;
    max-height: 230px;
    overflow-x: hidden;
    overflow-y: auto;
}

.autres-details-societe .show-other-infos {
    padding-right: 15px;
}

.autres-details-societe .other-infos {
    transform-origin: top;
    transform: scaleY(0.3);
    opacity: 0;
}

    .autres-details-societe .other-infos.displayed {
        transform: scaleY(1);
        opacity: 1;
    }

.autres-details-societe:hover .box-autres-details-societe, .autres-details-societe.hover .box-autres-details-societe {
    opacity: 1;
    transform: translateY(0px) scale(1);
}

.selection-societe-ellisphere .img-soc-ellisphere {
    opacity: 0.6;
    margin-top: -3px;
    padding-right: 3px;
    height: 20px;
}

.selection-societe-ellisphere:hover .img-soc-ellisphere {
    padding-right: 10px;
}

.selection-societe-ellisphere:hover {
    background: #e0e0e0;
    cursor: pointer;
}

.details-societe-selected {
    padding: 10px;
    background: #f0f0f0;
}

.societe-selected-tmp {
    border-left: 5px solid #0072c6;
    padding-left: 5px;
}

    .societe-selected-tmp .img-soc-ellisphere {
        padding-right: 10px;
    }

.tr-ecriture-prev {
    font-weight: 700;
}

.tr-ecriture-a-j {
    color:#0072c6;
    font-weight: bold;
}

#Form_PopupEcriture input#Montant_I {
    text-align: right;
}

#GridViewEcritures_DXSearchPanel {
    border-bottom: none;
    top: -6px;
}

.info-ecritures-rec {
    position: absolute;
    right: 50px;
    bottom: 65px;
    background: lightyellow;
    padding: 7px;
}

.buttonNoRapproStyle {
    margin-left: 50px;
}

.buttonYesRapproStyle {
    margin-left: 55px;
}

.buttonYesVirEqui {
    margin-left: 190px;
}

.buttonCancelVirEqui {
    margin-left: 30px;
}

.PopupColumnCustom {
    overflow: hidden !important;
}

.PopupColumnCustom td {
    text-align: left !important;
}
.dxeRadioButtonList_MetropolisBlueBP, .dxeCheckBoxList_MetropolisBlueBP {
    border: none !important;
}

    .dxeRadioButtonList_MetropolisBlueBP td.dxe, .dxeCheckBoxList_MetropolisBlueBP td.dxe {
        padding: 0 !important;
    }

.dxgvDetailCell_MetropolisBlueBP {
    padding: 0 !important;
    background-color: #F5F5F5 !important;
}

.details-ecr-compl {
    width: 100%;
    color: rgb(76, 76, 76);
}

    .details-ecr-compl tr:nth-child(2n+1) {
        background-color: white !important;
    }

    .details-ecr-compl tr {
        line-height: 24px;
    }

        .details-ecr-compl tr:hover {
            background-color: lightgray !important;
        }

.filtre-compte-ecritures {
    position: relative;
    z-index: 2;
    width: 620px;
    margin-left: -60px;
    display: inline-flex;
    gap: 8px;
}

.dxgvDetailCell_MetropolisBlueBP {
    padding: 25px 0 0 0 !important;
}

.headerDetailsExtrait {
    /*position: absolute;
    width: 96%;
    margin-top: -17px;*/
    padding-top: 10px;
    background: white;
}

.title-detailsextrait {
    font-size: 110%;
    display: block;
    padding: 0 0 2px 0;
}

.box-params-recherche {
    /*background: #E8E8E8;*/
    padding: 5px 0px 15px 0px;
    margin-top: 0px;
    margin-right: 15px;
}

    .box-params-recherche small {
        display: block;
        padding: 5px 0;
    }

.col-param {
    margin: 0 0 0 15px;
}

.info-compte-extraits {
    color: gray;
    font-size: 75%;
}

.logo-banque-extraits {
    margin: 0;
    position: relative;
    top: 5px;
    left: 5px;
    height: 46px;
}

.box-details-fichier-integre {
    position: relative;
    max-height: 400px;
    overflow: auto;
    /*margin-bottom: 7px;*/
}

.details-fichier-integre {
    width: 100%;
}

    .details-fichier-integre td {
        padding: 2px 4px;
    }

    .details-fichier-integre tr {
        line-height: 22px;
        background: #E2F3FF;
    }

        .details-fichier-integre tr:hover {
            background: rgb(200,232,255);
        }

.dxgvDetailCell_MetropolisBlueBP {
    padding: 0 !important;
}

#GridViewFichiersRetour .infoFichierIntegrer:hover {
    text-decoration: underline;
}

.info-ecriture-fichier-integrer {
    color: white;
    padding: 4px 7px;
}

    .info-ecriture-fichier-integrer img {
        margin: -3px 4px 0 0;
    }

.analyse-loader {
    position: absolute;
    top: 30px;
    font-size: smaller;
    right: 10px;
}

table.details-sdd-imp {
    width: 100%;
    margin-bottom: 10px;
}

    table.details-sdd-imp tr {
        line-height: 26px;
        background: #E2F3FF;
    }

    table.details-sdd-imp td {
        padding: 0 6px;
    }

    table.details-sdd-imp tr:hover {
        background: rgb(200,232,255);
    }

#btnFermerFichiers {
    position: absolute;
    right: 3px;
    bottom: 8px;
    z-index: 13000;
}

@@media only screen and (min-width : 600px) and (max-width : 1500px) {
    table.tableauTreso {
        width: 100%;
        font-size: smaller;
    }
}

.box-tableauTreso {
    margin-top: 10px;
    margin-right: 15px;
}

.box-factureclients {
    margin-top: 10px;
    margin-right: 15px;
}

table.tableauTreso {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    white-space:nowrap;
}

    table.tableauTreso .colorGreen {
        padding-right: 5px;
    }

    table.tableauTreso td.col-solde, th.col-solde {
        text-align: right;
    }

    table.tableauTreso td.descr-types-soldes {
        color: gray;
        width: 25px;
        /*line-height: 35px;*/
    }

    table.tableauTreso td, th {
        padding: 10px 5px;
    }
        table.tableauTreso td.columntreso-soc div {
            /* les trois ci-dessus */
            max-width:300px;
            text-overflow:ellipsis;
            overflow:hidden;
        }

    table.tableauTreso .col-solde {
        min-width: 80px;
    }

    table.tableauTreso tr:nth-child(2n+1) {
        background-color: #F5F5F5;
    }

    table.tableauTreso tr.tr-header {
        border-top: 1px solid lightgray;
        border-bottom: 1px solid lightgray;
        background-color: white;
    }

        table.tableauTreso tr.tr-header td {
            padding: 4px 5px;
        }

    table.tableauTreso .tr-consolidation {
        font-style: italic;
        border-top: 1px solid lightgray;
        background-color: rgba(255, 239, 109, 0.5) !important;
    }

    table.tableauTreso .info-solde-valeur-prev {
        margin: 3px 0;
    }

    table.tableauTreso .info-solde-valeur {
        margin: 3px 0;
    }

.dxeRadioButtonList_MetropolisBlueBP {
    border: none !important;
}

    .dxeRadioButtonList_MetropolisBlueBP td.dxe {
        padding: 3px 0 !important;
    }
    #divFilterTypeSolde td.dxe {
        padding: 0px !important;
    }

.filtrage-per-compte .cell-showcbcompte {
    text-align: right;
    padding-left: 3px;
}

.liste-compte-emetteur-to-edit, .table-personnes-inconnues {
    width: 100%;
    margin-bottom: 10px;
}

    .liste-compte-emetteur-to-edit td {
        /*padding: 0 5px;*/
    }

    .liste-compte-emetteur-to-edit .my-input {
        height: 15px;
        line-height: 15px;
    }

    .table-personnes-inconnues tr {
        line-height: 26px;
    }

        .table-personnes-inconnues tr:nth-child(2n+1) {
            background: #f0f0f0;
        }

.add-personnes-inconnues {
    width: 120px;
    margin-right: 15px;
}

.table-operations-retour {
    width: 100%;
    margin: 15px 0px;
}

    .table-operations-retour tr {
        line-height: 24px;
    }

        .table-operations-retour tr:nth-child(2n) {
            background: #f0f0f0;
        }

        .table-operations-retour tr:hover {
            background: #c0c0c0;
            cursor: pointer;
        }

/* CONTENT DETAILS */ 

.content-info .gray {
    padding: 3px 6px 3px 0;
    color: #808080;
}



.content-info .box-infos {
    /*padding-left: 20px; */ /*A décommenter si répercutions */ 
}

.content-info .add-compte-fromfile {
    margin-top: -65px;
    position: absolute;
    right: 20px;
}

.content-info .details-remise {
    width: 98%;
}

    .content-info .details-remise td {
        padding: 3px 2px 3px 0;
    }

.content-info .small-icon {
    width: 16px;
    position: relative;
    top: -2px;
    left: -2px;
}

.selectServeurAvantSigner {
    font-size: 11px;
    line-height: 22px;
    height: 22px;
}
/*******************/

#GridViewBoiteEnvoi_col1 {
    display: none;
}

.btnOk {
    position: relative;
    float: right;
    margin-top: 7px;
    background: #0072c6;
    color: white;
    border: none;
    cursor: pointer;
    margin: 5px 10px;
}

    .btnOk:hover {
        opacity: 0.8;
    }

.dz-a:hover {
    text-decoration: underline;
    cursor: pointer !important;
}

.dz-info-suppl {
    width: 105%;
}

    .dz-info-suppl tr {
        line-height: 20px;
    }

.dz-popup {
    background: rgb(229, 229, 229);
    z-index: 500;
    position: absolute;
    width: 100%;
    top: 0px;
    height: 70px;
}

.dz-box-img {
    border: 2px solid white;
    border-radius: 47px;
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 3px;
}

    .dz-box-img img {
        position: relative;
        top: -3px;
        left: -2px;
    }

.box-add-compte-emetteur {
    position: absolute;
    top: 30px;
    left: 5px;
    border: 1px solid #c0c0c0;
    width: 210px;
    background: white;
    color: black;
    font-size: 12px;
    padding: 10px 20px 0px 15px;
    opacity: 0;
    z-index: 501;
    box-shadow: 1px 2px 4px #848484;
}

.tick-top:after {
    /*
        content: "";
        position: absolute;
        display: block;
        top: -18px;
        left: 35px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 0 20px 30px;
        border-color: transparent transparent #FFFFFF transparent;
            */
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 13px solid;
    border-color: transparent transparent white transparent;
    top: -23px;
    left: 25px;
}

.tick-top:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 12px solid;
    border-color: transparent transparent #c0c0c0 transparent;
    top: -24px;
    left: 26px;
}

.showBox {
    opacity: 1;
    top: 60px;
}

.btn-add-compte-emetteur {
    margin: 5px 17px 0 0;
    width: 75px;
    font-size: 11px;
    cursor: pointer;
}



.info-tmp {
    position: absolute;
    padding: 4px 0;
    margin-top: 7px;
    font-size: 12px;
    max-width: 475px;
    max-height: 30px;
    overflow: hidden;
}

.btnPopup {
    margin: 0 10px;
    float: right;
}

.hasAttachment {
    opacity: 0.8 !important;
}

.images-utils-boite-envoi {
    padding: 0 !important;
}

    .images-utils-boite-envoi img {
        cursor: pointer;
        opacity: 0;
    }

        .images-utils-boite-envoi img:hover {
            opacity: 0.8 !important;
        }

.volet-panel:hover small {
    color: black !important;
}

.volet-panel-legende:hover small {
    color: black !important;
}

.columns-grid:hover small {
    color: black !important;
}

.box-table-resultats {
    position: relative;
    width: 100%;
    /*max-height: 380px;
        overflow-y: auto;*/
}

.add-scroll {
    max-height: 380px !important;
    overflow-y: auto !important;
}

.content-compte-remise table td {
    padding: 3px 6px;
}

.img-logo-banque-boite {
    height: 24px;
    /*max-width: 48px;*/
}

.img-logo-help-boite {
    height: 15px;
}

span.validation-wait {
    display: block;
    width: 72px;
}

.content-validation-flux, .content-refus-flux {
    margin: 7px 155px 7px 0;
    float: right;
    padding-top: 10px;
    color: gray;
}

.listeFichierAValider, .listeFichierARefuser, .listeFichierASigner {
    width: 100%;
    font-size: 12px;
}

    .listeFichierAValider tr, .listeFichierARefuser tr, .listeFichierASigner tr {
        line-height: 30px;
    }

    .listeFichierAValider .file-selected, .listeFichierARefuser .file-selected, .listeFichierASigner .file-selected {
        background: #0072c6;
        width: 6px;
        height: 28px;
    }

.content-signature-flux {
    margin-bottom: 10px;
}

.test-cert {
    color: white;
    background: #0072c6;
    padding: 4px 7px;
    font-size: 12px;
    position: absolute;
    top: 55px;
    right: 15px;
}

.info-test-signature {
    position: absolute;
    left: 150px;
    font-weight: 900;
    top: 90px;
    opacity: 0;
}

.show-info-test-signature {
    opacity: 1;
    left: 275px;
}

.hide-info-test-signature {
    opacity: 0 !important;
    left: 400px !important;
}

.info-nb-fichier {
    float: right;
    right: 145px;
    position: relative;
    color: gray;
}

.tmp-fichier-ajoute {
    position: absolute;
    margin-top: 5px;
    transform: translateX(-40px);
    opacity: 0;
    transition: all cubic-bezier(.32,0,.5,1.5) 0.4s;
    color: gray;
}

.show-tmp-fichier-ajoute {
    opacity: 1;
    transform: translateX(0px);
}

.error-file-boite {
    border-left: 6px solid rgb(231, 76, 60);
}

.info-file-boite {
    margin-top: 5px;
    padding-left: 6px;
    line-height: 22px;
    font-weight: 900;
}

.warning-file-boite {
    border-left: 6px solid orange;
}

.recap-certSign {
    background-color: rgba(224, 224, 224, 0.27);
    padding: 4px 11px 4px 30px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 5px rgba(158, 158, 158, 0.51);
    margin-left: 10px;
    margin-top: 5px;
}

.wrapper-error-certs-sign {
    position: relative;
    max-height: 180px;
    overflow: auto;
    width: 310px;
    padding-right: 15px;
}

.recap-certSign .img-cert {
    float: left;
    margin-left: -28px;
}

.info-insert-cert {
    display: block;
    position: absolute;
    bottom: 5px;
    line-height: 21px;
}

.info-comptesdd {
    position: absolute;
    opacity: 0;
    top: -30px;
    border: 1px solid lightgray;
    padding: 5px 10px;
    background-color: white;
    width: 90px;
    left: 0px;
}

.box-select-serveur {
    opacity: 0;
    position: relative;
    left: -30px;
}

.result-select-serveur {
    position: absolute;
    opacity: 0;
    margin-top: -2px;
    margin-left: -30px;
}

.wrapper-traitement-fichiers .table-traitement-fichiers tr:hover .update-file-format img {
    transform: scale(1);
    opacity: 0.6;
}

.wrapper-traitement-fichiers .update-file-format img {
    opacity: 0.4;
    transform: scale(0.85);
    transition: all 0.2s ease-in-out;
}

.wrapper-traitement-fichiers .update-file-format:hover img {
    cursor: pointer;
    opacity: 0.8 !important;
}

@media only screen and (max-width: 4500px) and (min-width: 1360px) {
    .img-logo-banque-boite {
        height: 32px;
    }

    .info-signature.signe-partial, .info-signature.signe-ok {
        width: 24px !important;
    }
}

.dxgvTitlePanel_MetropolisBlueBP, .dxgvTable_MetropolisBlueBP caption {
    padding: 15px 3px 15px;
    text-align: left;
    color: black;
    border-bottom: 1px Solid #c0c0c0;
}

.dxgvDataRow_MetropolisBlueBP:hover .images-utils-boite-envoi img,
.dxgvSelectedRow_MetropolisBlueBP:hover .images-utils-boite-envoi img {
    opacity: 0.5;
}

#btnEnregistrerFichiers {
    position: absolute;
    bottom: 7px;
    right: 2px;
    z-index: 13000;
}

.tr-add-compte img, .tr-add-person img {
    opacity: .5;
}

.maj-gridviewboite:hover .animate-bounce {
    transform: rotateZ(45deg);
}

td.listage {
    padding: 4px;
    max-width: 225px;
    overflow: hidden;
    line-height: 26px;
}

.info-error {
    color: red;
}

.nb-fichiers-valides {
    position: relative;
    height: 25px;
    line-height: 25px;
    padding: 0 7px;
    color: gray;
}

.btn:hover {
    color: white;
    background: #0072c6 !important;
    cursor: pointer;
}

.lancer-operation, .correction-fichier {
    line-height: 24px;
}

.info-compte-modifie {
    opacity: 0;
    transform: translateX(-70px);
}

.etat-avancement {
    position: relative;
    width: 200px;
    /*border: 1px solid rgb(206, 206, 206);*/
    height: 20px;
    text-align: center;
    color: white;
    background: rgb(206, 206, 206);
}

.etat-avancement-hcs-global {
    position: relative;
    width: 300px;
    height: 20px;
    text-align: center;
    color: white;
    background: rgb(206, 206, 206);
}

.code-confirmation-hcs {
}

.code-avancement-hcs {

}

.etat {
    position: absolute;
    background: #16A085;
    height: 20px;
    width: 37px;
    top: 0;
    left: 0;
    z-index: 0;
}

.text-avancement {
    position: relative;
    z-index: 1;
    line-height: 21px;
    font-weight: 800;
}

td.listage {
    padding: 4px 7px;
    max-width: 225px;
    overflow: hidden;
}

.info-error {
    color: red;
}

.table-fichiers {
    width: 100%;
}

.listage .info-etat {
    max-height: 24px;
}

.info-add {
    margin: 6px 0 6px 1px;
    position: absolute;
    top: -6px;
    background: #0072c6;
    left: -1px;
    width: 115px;
    height: 104px;
    padding: 8px 5px;
    color: white;
    opacity: 0;
    font-style: italic;
    font-size: 12px;
}

.analyse-loader {
    color: white;
    position: absolute;
    top: 30px;
    font-size: smaller;
    right: 10px;
}

.btnAddPJ, .btnDeletePJ {
    margin-right: 15px;
}

.dxucErrorCell_MetropolisBlueBP {
    font-size: 12px;
}

.detail-fichier td {
    padding: 1px 2px;
}

.preview {
    max-height: 64px;
    max-width: 150px;
}

.info-validation-pj {
    position: relative;
    width: 420px;
    display: none;
}

.table-benef {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 45px;
}

    .table-benef tr {
        background-color: #DEDEDE; /*#f7f7f7;*/
        line-height: 26px;
    }

        .table-benef tr:nth-child(2n+1) {
            background-color: #ECECEC;
        }

/*.table-benef td
            {
                border-bottom: 1px solid #f7f7f7;
            }*/

/*.table-benef .foreign
            {
                background: #FFC3C3;
            }*/

.statusbar-benef {
    position: absolute;
    bottom: 0px;
    background: rgb(241, 241, 241);
    width: 100%;
    height: 45px;
    overflow: hidden;
    z-index: 999;
    text-align: center;
    line-height: 24px;
    left: 0px;
}

#inner-ajout-benef .my-button {
    background: #0072C6;
    padding: 1px 8px;
    margin: 10px 20px;
    width: 105px;
}

#inner-ajout-benef .flag {
    position: relative;
}

.send-email-signataire {
    height: 20px;
    transform: scale(0.9) translateX(5px);
    opacity: 0.6;
}

    .send-email-signataire:hover {
        transform: scale(1) translateX(0px);
        opacity: 1;
        cursor: pointer;
    }

.edit-sala{
    height: 20px;
    transform: scale(0.9) translateX(5px);
    opacity: 0.6;
}

    .edit-sala:hover {
        transform: scale(1) translateX(0px);
        opacity: 1;
        cursor: pointer;
    }


.verification-code {
    color: #192465;
    font-size: 18px;
    font-weight: bold;
}

.div-code-confirmation {
    width: 140px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 10px auto;
    border: 1px solid #ccc;
    padding: 10px;    
}
.close-details-remise, .close-details-extrait
{
    position: absolute;
    right: 45px;
    margin: 5px;
}

    .close-details-remise img, .close-details-extrait img
    {
        width: 16px;
        margin: 0 5px;
    }

.tableDetailsRemise
{
    font-size: 11px;
}

.dxgvSelectedRow_MetropolisBlueBP .actions-menu
{
    color: white !important;
}

.dxgvDataRowHover_MetropolisBlueBP .actions-menu
{
    color: #0072c6 !important;
}

#contextMenuGrid
{
    background: #FFFFFF;
    padding: 0;
    margin-top: -30px;
    position: absolute;
    width: 210px;
    font-size: 95%;
    border: 1px solid #B5B5B5;
    box-shadow: -1px 1px 4px #D0D0D0;
    color: #313131;
    opacity: 0;
    z-index:2;
}

.item-contextmenu
{
    padding: 3px 7px;
    cursor: pointer;
}

    .item-contextmenu:hover
    {
        background-color: #F1F1F1;
        /*text-decoration: underline;*/
    }

@media only screen and (min-width : 1360px) and (max-width : 4500px)
{
    .tableDetailsRemise
    {
        font-size: 12px;
    }
}

.headerDetailRowContent
{
    margin: 7px;
    margin-bottom: 10px;
}

.hasAttachment {
    opacity: 0.8 !important;
}

.images-utils-historique {
    padding: 0 !important;
}

.images-utils-historique img {
    cursor: pointer;
    opacity: 0;
}



.comptes-couple {
    /*overflow-x: auto;*/
/*    max-height: 185px;*/
    width: 90%;
    background: #f1f1f1;
    margin: 0 auto;
    padding: 3px 0;
    margin-bottom: 7px;
    font-size: 11px;
    opacity: 1;
    padding: 1px 5px;
    border-top: 1px solid lightgray !important;
}

.comptes-couple-existing {
    width: 90%;
    margin: 0 auto;
    padding: 3px 0;
    margin-bottom: 7px;
    font-size: 11px;
    opacity: 1;
    padding: 1px 5px;
    border-top: 1px solid lightgray !important;
}

.container-association-comptes {
    border: none;
    margin: 0 0;
    font-size: 11px;
    padding: 4px 6px;
    margin-bottom: 10px;
}

.delete-button-row-ecriture-comptable:hover {
        background: white;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.preview-facture-container {
    all: unset;
}

.fixed-label {
    font-weight: bold;
    color: black;
}

.facture-hr {
    color: #e0e0e0;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
}

.preview-facture-container {
    font-family: Ubuntu;
    font-size: 12px;
    height: 100%;
    width: 100%;
}

.table-article {
    font-size: 12px;
    text-align: center;
}

.table-total {
    font-size: 12px;
    white-space: nowrap;
    text-align: left;
}

.preview-facture-table {
    font-size: 12px;
    border-spacing: 2px;
    border-collapse: separate;
}

    .preview-facture-table td {
        padding: 1px 1px 1px 1px;
    }

    .preview-facture-table th {
        padding: 0px;
    }

.td-description {
    padding-right: 10px;
}

.button-add-article {
    width: 130px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    background: var(--main-accent-color);
    color: white;
    border-radius: 5px;
}

    .button-add-article:hover {
        opacity: 0.7;
    }

</pre></body></html>