:root{
    --textcolor:black;
}
*
{
    font-family:"Nunito";
}
body
{
    background-color:#EFEFEF;
    font-size: 0.9rem;
}
body, p, a, a:hover
{
    color:var(--textcolor);
}
.red
{
    color:crimson;
}
.red-important
{
    color:crimson !important;
}
.blue
{
    color:dodgerblue;
}
.green
{
    color:#00C100 !important;
}
.bold
{
    font-weight:bold;
}
.ggg
{
    background: linear-gradient(90deg, rgba(214,211,42,1) 0%, rgba(253,218,45,1) 100%);
}
.sss
{
    background: linear-gradient(90deg, rgba(171,171,171,1) 0%, rgba(235,235,235,1) 100%);
}
.vertTaux{
    color: #00C100 !important;
}
.orangeTaux{
    color:#ff8d55 !important;
}
input.double,.double
{
    -ms-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -o-transform:scale(1.5);
}
.logo1
{
    width:310px;
}
.mybanner, .mybanner a
{
    width:100%;
    color:white;
    background-color:#E9967A;
    padding:10px 0px 10px 50px;
    margin:10px 0px 10px 0px;
}
.mytitle, .mytitle a
{
    width:100%;
    color:#EE7953;
    background-color:#F0F0F0;
    padding:10px 10px 10px 10px;
    margin:0px;
    margin-bottom:10px;
    font-weight:bold;
    cursor:pointer;
}
.mytitlefiscal {
    background-color:#2C3C39;
    color:white;
    border-radius:15px;
    font-weight:bold;
    font-size: 25px;
    padding: 10px;
    width: 100%;
}

.mytitlefiscal a {
    color: #fff;
    text-decoration: none;
}
.mybloc
{
    -background-color:#F7F7F7;
    padding:10px;
    -border:solid 1px silver;
    border-radius:5px;
    margin:0px!important;
}
.mylabel
{
    -padding-left:5px;
    font-weight:bold;
}
.mylabelbis
{
    color:#575858;
}
.mycode
{
    font-family:Consolas, Courier New;
}
.myflag
{
    width:24px;
    height:18px;
    border:solid 1px silver;
}

.mybtn, .mybtn a
{
    border:none;
    padding:5px 15px 5px 15px;
    border-radius:5px;
    text-decoration:none;

}
.mybtn1
{
    border:none;
    padding:5px 15px 5px 15px;
    border-radius:5px;
    text-decoration:none;
    background-color: #f8f9fa;

}
.ico
{
    width:20px;
}
.myico
{
    background-color:transparent;
    border:none;
    padding:0px 4px 0px 4px;
    border-radius:5px;
    box-shadow: none;
}

.mytable
{
    border:none;
    border-collapse:collapse;
    padding:0px;
    margin:auto;
    width:100%;
}
.mytr
{
    padding:2px;
}
.clickzone
{
    cursor:pointer;
}
.myth
{
    margin:2px;
    padding:8px;
    border-radius:10px;
    background-color:#2C3C39;
    color:white;
    text-align:center;
    border:solid 1px white;
}
.myth2
{
    font-weight: bold;
    text-align: left;
    color: #333;
    background-color: #f1f1f1;
    border-bottom: 2px solid #ddd;
    padding: 8px;
}
.mytd
{
    margin:2px;
    padding:10px;
    text-align:center;
}
.mytdleft
{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.mytdright
{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}
.mytd1, .mytd1 a
{
    background-color:#A7ACC8;
}
.mytd2, .mytd2 a
{
    background-color:#D9DCE8;
}
.bad
{
    background-color:#EEE;
}
.mypoper
{
    cursor:pointer;
}
.mypopup
{
    background-color:white;
    color:black;
    border:solid 1px silver;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    position:absolute;
    z-index:2;
    cursor:pointer;
    padding:5px;
    overflow:hidden;
}

.container img
{
    width:65px;
    height:75px;
    margin-top:10px;
    background color : #F0F0F0;
}

#h2Stat
{
    font-weight: bold;
    font-size:25px;
}

#titreKey
{
    color:#EE7953;
    font-weight: bold;
    letter-spacing : 1px;
    font-size:40px;

}

#dateSynthese
{
    font-weight: bold;
    letter-spacing : 1px;
    font-size:15px;
}


hr
{
    border: 1px solid #A3BBB6;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;

}
#statMenu *
{
    color:#A3BBB6;
}
#statText
e{
    border-left: 2px solid #A3BBB6;
}
#mybloc1 h4
{
    font-weight: bold;
    color:#A3BBB6;
}
#statDistri
{
    border-left: 2px solid #A3BBB6;
}

div.p-0:nth-child(2)
{
    font-weight:normal;
}

.mytitle {
    border-radius: 15px;
    background-color: #E9967A !important;
    font-size: 20px;
    left: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}


.mytitleArchive
{
    border-radius: 15px;
    background-color: #E9967A !important;
    font-size:20px;
    left:0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#titlePlacements
{
    width:100%;
    background-color:#EE7953;
    padding-left:35px;
    font-weight:bold;
    font-size:30px;
    text-align:start;
    border-radius:15px;
}

#filtrePlacements_old
{
    min-width : 650px;
    background-color:#ccddda;
    border-radius : 15px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#filtreFiscal
{
    min-width : 650px;
    background-color:#707070;
    border-radius : 15px;
    color:white;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#_filterdatevalofrom2
{
    width:500px;
}

.datepicker
{
    -background-color:rgba(237, 237, 237, 0.88);
    -font-size :15px;
    -border:none;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.form-control:not(#input_login,#input_passwd) {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    font-size: 0.9rem;
}
.input-calculated{
    border-style: solid;
    border-color: #f56f6f;
    box-shadow: 0px 0px 10px #f56f6f !important;
}
#linkMesplacements
{
    min-width : 700px;
    width:100%;
    text-decoration:none;
}

.openbtn
{
    background-color:#2C3C39!important;
    border-radius : 15px;
    height :75px;
    width: 75px;
    position: fixed;
    left:-5px;
    font-size: 20px;
    z-index: 9999;
    position: fixed;
    top: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.openbtn i
{
    font-size: 30px;
}

.logocomplet
{
    padding-left:80px;
    width:300px;
}
.logosoloclosed
{
    margin: 15px 0px 15px 15px;
    height: 80px;
}
.logosoloopened
{
    margin: 25px 0px 30px 35px;
    height: 55px;
}

#list
{
    max-height:255px;
    overflow-y:scroll;
    overflow-x:hidden;
    margin-right:1px;
    background-color: #E2E2E2;
}

#list-reel
{
    max-height:255px;
    overflow-y:scroll;
    overflow-x:hidden;
    margin-right:1px;
    background-color: #b2d9d3;
}

#list-wait
{
    max-height:255px;
    overflow-y:scroll;
    overflow-x:hidden;
    margin-right:1px;
    background-color: #E2E2E2;
}

.navbar li
{
    list-style-type: none;
}

button
{
    -webkit-transition: all 0.2s ease-in-out;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
textarea{
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    resize : none;
}

button:hover
{
    -webkit-transform: scale(105%);
}
#homecriteria b
{
    font-weight: 800;
}
#homecriteria select
{
    border-radius:9px;
    border:solid 1px #b1b1b1;
}
#homecriteria input[type="text"]
{
    border-radius:9px;
    border:solid 1px #b1b1b1;
}

.mytr:hover
{
    -webkit-transform: scale(101%);
}

#boutonpdf
{
    background-color:#2C3C39;
    position:fixed;
    width:250px;
    right:-135px;
    bottom:35px;
    border-radius:15px;
    font-size:30px;
}

#boutonpdf2
{
    background-color:#2C3C39;
    position:fixed;
    width:250px;
    right:-135px;
    bottom:115px;
    border-radius:15px;
    font-size:30px;
}

#boutonpdf, #boutonpdf2 i
{
    padding-left:20px;
}

@media (max-width: 768px)
{
    #boutonpdf, #boutonpdf2
    {
        font-size: 20px;
        width: 200px;
    }
    #boutonpdf, #boutonpdf2 i
    {
        padding-left:10px;
    }
}

@media only screen and (max-width: 768px)
{
    .chart-container {
        display: none;
        visibility: hidden;
    }
}

#boutonpdf, #boutonpdf2 i:hover
{
    cursor: pointer;
}

#statficheprint
{
    background-color:#A3BBB6 ;
    width:90%;
    border-radius:15px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#blocRepartition p
{
    text-align:center;
    font-size:14px;
    font-style:italic;
}

#pinpad
{
    max-width: 250px;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0px 5px 5px -0px rgba(0, 0, 0, 0.3);
    border-radius: 5px ;
    border: 5px ;
    background-color:#ecf0f3 ;
}

input:focus
{
    outline: none;
}

.pinButton
{
    border: none;
    background: none;
    font-size: 1.5em;
    border-radius: 50%;
    height: 60px;
    font-weight: 550;
    width: 45px;
    color: transparent;
    text-shadow: 0 0 0 rgb(102, 101, 101);
}
.clear,
.enter {
    font-size: 1em !important;
}
.pinButton:hover {
    box-shadow: #EE7953 0 0 1px 1px;
}
.pinButton:active {
    background: #EE7953;
    color: #fff;
}
.clear:hover {
    box-shadow: #ff3c41 0 0 1px 1px;
}

.clear:active {
    background: #ff3c41;
    color: #fff;
}
.enter:hover {
    box-shadow: #EE7953 0 0 1px 1px;
}
.enter:active {
    background: #EE7953;
    color: #fff;
}
.wrapper {
    max-width: 300px;
    min-height: 500px;
    margin-right : auto;
    margin-left : auto;
    margin-bottom : 20px;
    padding: 40px 30px 30px 30px;
    background-color: #ecf0f3;
    border-radius: 15px;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
}

.logo {
    width: 100px;
    margin: auto;
}
.logo img {
    max-width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0px 0px 3px #5f5f5f,
    8px 8px 15px #a7aaa7,
    -8px -8px 15px #fff;
}


.wrapper .name {
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 1.3px;
    padding-left: 10px;
    color: #555;
}

.wrapper .form-field input {
    width: 100%;
    display: block;
    border: none;
    outline: none !important;
    background: none;
    font-size: 1.2rem;
    color: #666;
    padding: 10px 15px 10px 10px;
    /* border: 1px solid red; */
}
.wrapper input:focus{
    border: 1px rgba(245, 40, 145, 0);
    box-shadow: 0 0 10px rgba(245, 40, 145, 0);

}

.wrapper .form-field {
    padding-left: 10px;
    margin-bottom: 20px;
    border-radius: 20px;
    box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff;
}

.wrapper .form-field .fas {
    color: #555;
}

.wrapper .btn {
    box-shadow: none;
    width: 100%;
    height: 40px;
    background-color: #EE7953;
    color: #fff;
    border-radius: 25px;
    box-shadow: 3px 3px 3px #b1b1b1,
    -3px -3px 3px #fff;
    letter-spacing: 1.3px;
}
.wrapper a {
    margin-top: 20px;
    text-decoration: none;
    font-size: 1rem;
    color: #555;
}

.wrapper a:hover {
    color: #EE7953;
}

.input-group-append{
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#recurrenceModal .modal-header,#recurrenceModalDistri .modal-header{

    background-color:#A7ACC8;
    color:#fff;
    padding:10px;
    text-align:center;
    font-size:20px;
    font-weight:bold;
}


@media screen and (max-width: 767px) {
    #statDistri {
        border-left: none;
    }
}

@media print
{
    .page-break
    {
        page-break-before: always;
    }
    .no-print
    {
        display:none;
    }
    #activityprint
    {
        padding-left:40px;
    }
    #statficheprint
    {
        background-color:rgba(245, 40, 145, 0);
    }
}

.div-loader-powens{
    margin:auto;
    width: max-content;
    position: relative;
    top: 10vw;
    font-weight: bold;
}
.loader-powens{
    width:100px !important;
    height:100px !important;
}

/************************************************************************************/
/* NEW IDENTITY */
/************************************************************************************/
.montitre a
{
    cursor:pointer;
}

.montitre {
    width:100%;
    padding:10px 10px 10px 70px;
    margin:0px;
    margin-bottom:10px;
    font-weight:800;
    border-radius: 15px;
    font-size: 30px;
    left: 0;
}

#filtrePlacements
{
    min-width : 650px;
    border-radius : 15px;
}

#fiche-placement select
{
    border-radius:9px;
    border:solid 1px #b1b1b1;
}
#fiche-placement input[type="text"],input[type="search"],textarea
{
    border-radius:9px;
    border:solid 1px #b1b1b1;
}

@media screen and (min-width: 650px) {
    #filtrePlacements {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.filtreprincipal{
    font-size: x-large;
}

.btn-action{
    border-radius: 2rem;
    font-weight: bold;
    padding: 10px 20px;
    margin-top: 20px;
}
/* CSS tableau SUIVI */
.myth-plac
{
    margin:2px;
    padding:15px;
    text-align:center;
}
.mytr-plac
{
    padding:2px;
}
.mytr-plac:hover
{
    -webkit-transform: scale(101%);
}
.myth-left-plac
{
    border-radius: 10px 0px 0px 0px;
    margin:2px;
    padding:15px;
    text-align:center;
}
.myth-right-plac
{
    border-radius: 0px 10px 0px 0px;
    margin: 2px;
    padding: 15px;
    text-align: center;
}
.myth-coche-plac
{
    background-color: #EFEFEF;
    margin:2px;
    padding:15px;
    text-align:center;
}
.mytd-plac
{
    margin:2px;
    padding:10px;
    text-align:center;
    border-bottom: solid 1px #EFEFEF;
}
.mytd-coche-plac
{
    background-color: #EFEFEF;
    margin:2px;
    padding:5px 15px;
    text-align:center;
}
.mytt-left-plac
{
    border-radius: 0px 0px 0px 10px;
    margin:2px;
    padding:5px 15px;
    text-align:center;
    border-bottom: solid 1px #EFEFEF;
}
.mytt-right-plac
{
    border-radius: 0px 0px 10px 0px;
    margin: 2px;
    padding: 5px 15px;
    text-align: center;
    border-bottom: solid 1px #EFEFEF;
}

/* CSS tableau GERER */
.myth-gerer
{
    margin:2px;
    padding:15px;
    text-align:center;
}
.mytr-gerer
{
    padding:2px;
}
.mytr-gerer:hover
{
    -webkit-transform: scale(101%);
}
.myth-left-gerer
{
    border-radius: 10px 0px 0px 0px;
    margin:2px;
    padding:15px;
    text-align:center;
}
.myth-right-gerer
{
    border-radius: 0px 10px 0px 0px;
    margin: 2px;
    padding: 15px;
    text-align: center;
}
.myth-coche-gerer
{
    background-color: #EFEFEF;
    margin:2px;
    padding:15px;
    text-align:center;
}
.mytd-gerer
{
    margin:2px;
    padding:10px;
    text-align:center;
    border-bottom: solid 1px #EFEFEF;
}
.mytd-coche-gerer
{
    background-color: #EFEFEF;
    margin:2px;
    padding:5px 15px;
    text-align:center;
}
.mytt-left-gerer
{
    border-radius: 0px 0px 0px 10px;
    margin:2px;
    padding:5px 15px;
    text-align:center;
}
.mytt-right-gerer
{
    border-radius: 0px 0px 10px 0px;
    margin: 2px;
    padding: 5px 15px;
    text-align: center;
}

.div-add-plac{
    position: absolute;
    right: 50px;
    top: 50px;
}

.btn-action-plac{
    border-radius: 2rem;
    font-weight: bold;
    padding: 5px 15px;
    margin-top: 20px;
    border: solid 2px #68CBB7;
    font-size: 0.9rem;
}

.btn-action-danger{
    border-radius: 2rem;
    font-weight: bold;
    padding: 5px 15px;
    margin-top: 20px;
    border: solid 2px #a40b0b;
    font-size: 0.9rem;
}

.btn-archive-danger{
    border-radius: 2rem;
    font-weight: bold;
    padding: 5px 15px;
    border: solid 2px #a40b0b;
    font-size: 0.9rem;
}

.btn-save-plac{
    border-radius: 2rem;
    font-weight: bold;
    padding: 5px 15px;
    border: solid 2px #68CBB7;
    font-size: 0.9rem;
}

.btn-action-fond{
    border-radius: 2rem;
    font-weight: bold;
    padding: 5px 10px;
    border: solid 2px #000000;
    box-shadow: none;
    font-size: 0.9rem;
}

.btn-action-simple{
    border-radius: 2rem;
    font-weight: bold;
    border: none;
    box-shadow: none;
    padding: 0px;
    font-size: 1.2rem;
}

.btn-action-cli{
    border-radius: 2rem;
    font-weight: bold;
    padding: 5px 15px;
    margin-top: 20px;
    border: solid 2px #FF7043;
    font-size: 0.9rem;
}

.btn-action-cli-2{
    border-radius: 2rem;
    font-weight: bold;
    padding: 4px 8px;
    border: solid 2px #FF7043;
    font-size: 0.9rem;
}

.btn-action-small{
    border-radius: 2rem;
    border: solid 1px #68CBB7;
    font-weight: bold;
    padding: 0px 20px;
}

.sync-powens{
    color:#68cbb7;
}

#newplacement b
{
    font-weight: 800;
}
#newplacement select
{
    border-radius:9px;
    border:solid 1px #b1b1b1;
}
#newplacement input[type="text"],input[type="search"]
{
    border-radius:9px;
    border:solid 1px #b1b1b1;
}

#filtresclients b
{
    font-weight: 800;
}
#filtresclients select
{
    border-radius:9px;
    border:solid 1px #b1b1b1;
}
#filtresclients input[type="text"]
{
    border-radius:9px;
    border:solid 1px #b1b1b1;
}

#champssouscripteur b
{
    font-weight: 800;
}
#champssouscripteur select
{
    border-radius:9px;
    border:solid 1px #b1b1b1;
}
#champssouscripteur input[type="text"]
{
    border-radius:9px;
    border:solid 1px #b1b1b1;
}

.menu-placement{
    border-bottom: solid 2px #68CBB7;
    width: max-content;
    font-weight: 800;
}

.btn-menu-placement{
    display: inline-block;
    font-weight: 800;
    font-size: 1.2rem;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 1rem 1rem;
    line-height: 1.5;
    border-radius: 0.25rem 0.25rem 0rem 0rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: none;
}

.section-fond-titre{
    width:100%;
    padding:10px 10px 10px 10px;
    margin:0px;
    margin-bottom:10px;
    font-weight:900;
    border-radius: 15px;
    font-size: 1.2rem;
    left: 0;
}

.section-fond{
    padding:10px 10px 10px 10px;
    margin:0px;
    margin-bottom:10px;
    border-radius: 15px;
    left: 0;
}

.section-fond-tiret{
    font-size: xx-large;
    width: min-content;
    padding: 10px 10px 10px 10px;
    margin: 0px;
    margin-bottom: 10px;
    font-weight: 900;
    border-radius: 15px;
    font-size: 1.2rem;
    left: 0;
}

.section-fond-tiret-invisible{
    font-size: xx-large;
    width: min-content;
    padding: 10px 10px 10px 10px;
    margin: 0px;
    margin-bottom: 10px;
    font-weight: 900;
    border-radius: 15px;
    font-size: 1.2rem;
    left: 0;
}

.tab-valo{
    font-size: 15px;
}

.text-indication{
    font-size: x-small;
    font-style: italic;
}

.text-italic{
    font-style: italic;
}

.link-italic-underlined{
    font-style: italic;
    text-decoration: underline;
}

.vignette-invest{
    border-radius:9px;
}

.vignette-invest input[type="text"]{
    box-shadow: none;
    border: none;
    text-align: left;
}

.line-separate{
    margin-top: 40px;
}

.separation{
    border-bottom: solid 1px #7d7d7d;
    display: flex;
    padding: 20px 0px 0px 0px;
}

.separation-noborder{
    display: flex;
    padding: 20px 0px 0px 0px;
}

.input-invisible{
    box-shadow: none;
    border: none;
    text-align: left;
}

.no-actu{
    font-style: italic;
}

.has-no-actu{
    font-weight: bold !important;
}

.has-actu{
    font-style: italic;
    font-weight: normal !important;
    color: #ADADAD;
}

.has-actu input{
    font-style: italic;
    font-weight: normal !important;
    color: #ADADAD;
}

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

.list-valo{
    font-size: inherit !important;
}

.div-chart{
    background-color: white;
    border-radius: 15px;
    padding: 50px !important;
}

.titre-statut{
    font-size: 1.5rem;
    font-weight: bold;
}