/*****************************************************************************************************************************/
select:focus{outline: none;}
input{outline: none; border: none;}
th{font-weight: lighter;}
/*****************************************************************************************************************************/
.main-activite{/*
width: 1400px;
display:grid;
grid-template-columns: 1fr 1372px 1fr;
margin-top: 50px;
height: 90%;
margin-top: 80px;*/
height: 100%;}
/*****************************************************************************************************************************/
.commandes{/*
grid-column-start: 2;*/
margin: 0 auto;
width: 1372px;
background-color: #333333;
height: 85%; 
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px;
user-select: none;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.coms{
line-height: 32px;
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 14px;
font-weight: 500;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#com-all{
margin-left: 16px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#com-vd{
margin-right: 16px;}
/*****************************************************************************************************************************/
.mini_button{
width: 33px;
text-align: center;
float: left;
margin-right: 6px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.add_mod_sup{
width: 14px;
margin-top: 9px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#add{
margin-left: 5px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.validmod{
width: 115px; 
background-color: #2faf5a;
text-align: center;
line-height: 30px;
float: left;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.validdel{
width: 115px; 
background-color: #e92f2f;
text-align: center;
line-height: 30px;
float: left;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.mini_button, 
.validmod, 
.validdel{
background-color: #464646; 
border: hidden; 
color: rgb(255, 255, 255);
height: 30px; 
border-radius: 8px; 
border-bottom: solid 1px rgba(15, 15, 15, 0.247);
box-shadow: 0px 1px 0px 1px #242424; 
cursor: pointer;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#validmod, 
#validdel{
margin-left: 6px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.validmod:hover, 
.validdel:hover{
font-weight: bolder; 
font-size: 16px;
transition: font-size 0.1s;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.button:hover, 
#add:hover, 
.add{
background-color: #52a4e4;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.coms:hover,
.maintennt{
background-color: #52a5e4d3;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#modify:hover, 
.modify{
background-color: #2faf5a;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#delete:hover, 
.delete{
background-color: #e92f2f;}
/*****************************************************************************************************************************/
.titr{
padding-top: 23px;
margin-left: 8px;
height: 45px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#form{
float: right; 
padding-top: 23px;
margin-right: 8px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.formulaires{
float: right;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.focused{
color: #303030;}
/*****************************************************************************************************************************/
#selected{
width: 120px; 
padding-left: 3px;
cursor: pointer;}
/*--- dropdown custom -------------------------------------------------------------------------------------------------------*/
.custom-select-wrap{
position: relative;
display: inline-block;
vertical-align: top;}
.custom-select-wrap.hidden{
display: none;}
.custom-select-wrap #selected,
.custom-select-wrap #yearpicker{
position: absolute;
opacity: 0;
pointer-events: none;
width: 120px;
height: 30px;
margin: 0;
padding: 0;
border: 0;}
.custom-select{
position: relative;
width: 120px;
height: 30px;
margin-left: 5px;
margin-right: 5px;
cursor: pointer;}
.custom-select-trigger{
background-color: #464646;
color: white;
height: 30px;
line-height: 30px;
padding-left: 9px;
padding-right: 18px;
border-radius: 8px;
border-bottom: solid 1px rgba(15, 15, 15, 0.247);
box-shadow: 0px 1px 0px 1px #242424;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.custom-select-trigger::after{
content: "";
position: absolute;
right: 7px;
top: 13px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid white;}
.custom-select-options{
list-style: none;
margin: 2px 0 0 0;
padding: 4px 0;
position: absolute;
left: 0;
top: 31px;
width: 120px;
box-sizing: border-box;
background-color: #464646;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
z-index: 1000;
display: none;}
.custom-select.open .custom-select-options{
display: block;}
.custom-select-options li{
color: white;
padding: 5px 9px;
white-space: nowrap;
cursor: pointer;}
.custom-select-options li:hover,
.custom-select-options li.active{
background-color: #5a5a5a;}
#yearpicker-custom,
#yearpicker-custom .custom-select-options{
width: 100px;}
/*****************************************************************************************************************************/
#today, 
#datepicker,
#monthpicker{
width: 220px; 
text-align: center;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#other{
width: 220px; 
text-align: left;
padding-left: 14px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.button,
#datepicker,
#monthpicker,
#other,
#selected,
#yearpicker{
background-color: #464646;
/*background-color: #9c6aa8;*/
padding-top: 1px;
border: hidden; 
color: white;
opacity: 1.0;
height: 30px; 
border-radius: 8px; 
margin-left: 5px; 
margin-right: 5px;
padding-right: 6px; 
border-bottom: solid 1px rgba(15, 15, 15, 0.247);
box-shadow: 0px 1px 0px 1px #242424;
position: relative;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#datepicker,
#monthpicker{
opacity: 0;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#yearpicker{
padding-left: 16px;
width: 80px;
cursor: pointer;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#today{
background-color: #464646;/*
background-color: #fabfff;*/
border: hidden; 
color: white;
opacity: 1.0;
height: 30px; 
padding-top: 3px;
border-radius: 8px; 
margin-left: 5px; 
margin-right: 5px;
padding-right: 6px; 
border-bottom: solid 1px rgba(15, 15, 15, 0.247);
box-shadow: 0px 1px 0px 1px #242424;
position: absolute;
text-align: center;
padding-top: 3px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#today,
#datepicker,
#monthpicker,
#selected{
padding-left: 3px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#today:focus, 
#monthpicker:focus, 
#datepicker:focus, 
#other:focus, 
#selected:focus,
#yearpicker:focus{
outline:none;}
/*****************************************************************************************************************************/
.liste{
height: 1fr;
background-color: #464646;
margin-left: 9px; 
border-radius: 12px; 
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
width: 98%;
margin-top: 2px;
margin-right: 1%;
margin-left: 1%;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#tablo{
width: 100%;
color: rgb(243, 243, 243);
cursor: default;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.tablo{
height: 656px;
overflow: auto;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.blur{
animation: blur 0.5s forwards;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.blur{
width: 100%;
height: auto;
animation: blur 3s forwards;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.tableau,
.lignemenu{
width: 100%;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#intersection-watcher-activite{
width: 100%;
height: 2px;
background-color: #e92f2f;
opacity: 0;}
/*****************************************************************************************************************************/
.uncheck,
.checked{
float: left;
padding-top: 2px;
margin-left: 18px;
cursor: pointer;
width: 18px;}
/*****************************************************************************************************************************/
.number{
float: left;
padding-bottom: 2px; 
margin-left: 18px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.un,
.deux,
.trois,
.quatre,
.cinq{
border-bottom: dotted 2px rgba(0,0,0,0.5);
border-collapse: separate;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#deux, .deux,
#cinq, .cinq{
width: 12%;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#un,
#deux,
#trois,
#quatre{
padding-bottom: 8px; 
padding-top: 6px;
border-right: solid 1px rgba(0,0,0,0.5);
border-bottom: solid 1px rgba(0,0,0,0.5);}
/*---------------------------------------------------------------------------------------------------------------------------*/
#trois,
#quatre, .quatre,
#cinq, .cinq{
text-align: center;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#un{
width: 8%;
text-align: left;}

.un{
width: 8.5%;
text-align: left;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#n{
padding-left: 29px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#un img{
padding-left: 11px;
padding-right: 40px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.n{
padding-left: 20px;
padding-right: 41px;
z-index: 10;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.un{
color: white;
font-weight: bold;
padding-left: 12px;}
/*****************************************************************************************************************************/
.n,
#deux,
.deux{
cursor: pointer;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.deux{
padding-left: 20px;}
/*---------------------------------------------------------------------------------------------------------------------------*/ 
.trois{
padding-right: 5px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#date{
padding-left: 12px;
float: left;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#arrowup,
#arrowdown{
float: right;
width: 12px;
padding-top: 4px;
padding-right: 12px;}
/*****************************************************************************************************************************/
#trois, .trois{
width: 19%;}
/*****************************************************************************************************************************/
#quatre, .quatre{
width: 14%;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.quatre{
padding-left: 4px;}

.quatre{
text-align: center;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.images_ventes, 
.images-ventes{
margin-right: 6px; 
width: 54px;
height: 54px;
min-width: 54px;
min-height: 54px;
cursor: zoom-in;
background-repeat: repeat; 
background-position: center;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
.nbr_darticles{
position: absolute;
float: right;
left: 150px;
top: 34px;
padding: 2px 7px 2px 7px;
font-size: 12px;
color: #c0c0c0;
background-color: #38383825;
opacity: 0.4;
border-radius: 6px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.images-ventes{
display: none;}
/*****************************************************************************************************************************/
#cinq{
padding-bottom: 8px; 
padding-top: 6px; 
border-bottom: solid 1px rgba(0,0,0,0.5);}
/*---------------------------------------------------------------------------------------------------------------------------*/
#cinq:hover{
cursor: pointer;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.onlypc,
.phone{
cursor: pointer;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.net{
color: #52a4e4; 
size: 20px; 
font-weight: bold;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.netnofact, 
.brutnofact{
color: #acacac; 
size: 20px; 
font-weight: bold;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.brut{
color: #b9b9b9; /*#b592f5*/; 
size: 20px; 
font-weight: bold;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.phone{
display: none;}
/*****************************************************************************************************************************/
.lienclient{
text-decoration: none;
color: inherit;
cursor: pointer;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.acheteur:hover,
.lienclient:hover,
.deux:hover{
color: #60baff;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.post_client{
float: right;
padding-right: 4px;
color: inherit;
cursor: pointer;
text-decoration: none;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.post_client a{
text-decoration: none;
color: inherit;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.post_client:hover{
transform: scale(1.3); 
color: #4cb1ff;
font-weight: bold;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.green{
background-color: #20fd6a88; 
color: white;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.red{
background-color: #e92f2f; 
color: white;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.green .net,
.red .net,
.green .post_client:hover,
.green .lienclient:hover,
.red .post_client:hover,
.red .lienclient:hover,
.green .deux:hover,
.red .deux:hover{
color: rgb(0, 53, 122);}
/*---------------------------------------------------------------------------------------------------------------------------*/
.green .brut, .red .brut{
color: rgb(77, 0, 112);}
/* Scrollbar ******************************************************************************************************************
*{ Firefox 
scrollbar-width: auto;
scrollbar-color: #353535 #464646;}

::-webkit-scrollbar{/* Chrome, Edge, and Safari 
width: 16px; 
cursor: pointer;}

*::-webkit-scrollbar-track{
background: #464646;}

*::-webkit-scrollbar-thumb{
background-color: #464646; 
border-radius: 10px; 
border: 3px solid #ffffff;}
*/
/* Scrollbar *****************************************************************************************************************/
*::-webkit-scrollbar {
width: 7px;
height: 7px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
*::-webkit-scrollbar-thumb {
background: #353535;
border-radius: 10px;
border: 0px solid transparent;
background-clip: padding-box;
cursor: default;}
/*---------------------------------------------------------------------------------------------------------------------------*/
*::-webkit-scrollbar-thumb:hover{
border: 0;}
/*---------------------------------------------------------------------------------------------------------------------------*/
*::-webkit-scrollbar-track{
background: transparent;}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@keyframes blur
{

    0%
    {
        opacity: 0.7;
    }

    100%
    {
        opacity: 1.0;
    }

}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/