.loadGiffer{
position:fixed;
top:0;
left:0;
width:100%;
display: flex;
align-items: center;
justify-content: center;
background: white;
z-index: 1000;
height: 100vh;
}

.loading-text .dots::after {
content: '';
animation: dots 1.2s steps(4, end) infinite;
}

@keyframes dots {
0%   { content: ''; }
25%  { content: '.'; }
50%  { content: '..'; }
75%  { content: '...'; }
100% { content: ''; }
}



@keyframes rotate180 {
0%   { transform: rotate(0deg); }
50%  { transform: rotate(180deg); }
100% { transform: rotate(0deg); }
}

@keyframes spin {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes growWidth {
to {
width: 100%;
}
}

@keyframes toOpacity {
to {
opacity: 0;
}
}

@keyframes fromHeightVt {
from {
max-height: 0;
min-height: 0;

}
to {
max-height: 70vh;
min-height: 200px;
}
}

@keyframes InvfromHeightVt {
from {
max-height: 70vh;
min-height: 200px;

}
to {
max-height: 0;
min-height: 0;
}
}

*{
font-family: 'Plus Jakarta Sans', Arial, Helvetica, sans-serif;
}

body{
margin:0;
padding:0;
}

main .ent{
background: rgb(30, 96, 170);
display: flex;
align-items: center;
justify-content: space-between;
color:white;
font-size:14px;
height: 60px;
}

main .ent .pst{       
height: 100%;
display: flex;
align-items: center;
}

main .ent .btn{
display: flex;
height: 100%;
}

main .ent .btn .btn-config{
height: 100%;
background: white;
display: flex;
justify-content: center;
align-items: center;
color:black;
padding-left: 10px;
}
main .ent .btn a{
color:inherit;
text-decoration: none;
}

main .ent .btn .a a:hover{
color:rgb(78, 78, 78);
transition-duration: 0.3s;
}
main .ent .btn .a{
height: 100%;
width:50px;
padding:0;
font-size:25px;
background: rgb(255, 128, 0);
color: white;
}
main .ent .btn .btn-config .asst{
display: flex;
align-items: center;
}


main .ent .btn .btn-config .asst i{
font-size: 20px;
}

main .ent .btn .btn-config .asst div{
max-width: 100px;
margin-right: 10px;
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
}
main .ent span img{
height:50px;
background: white;
border-radius: 50%;
width: auto;
margin-left: 15px
}

.body {
background: rgba(228, 228, 228, 0.425);
height: calc(100vh - 110px);
padding:20px;
padding-bottom: 0;
display: flex;
justify-content: space-between;
overflow-y: hidden;
}

.body .tnav{
background: white;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 98%;
min-width:300px;
padding-top: 15px;
padding-right: 5px;
}
.body .tnav nav{
height: 100%;
}
.body .tnav nav .offs {
padding:0;
height: 98%;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgb(190, 190, 190) transparent;
}


.body .tnav nav .offs .mobile-affs{
display: none;
}
.body .tnav nav .offs ul{
padding:0;
margin:0;
}
.body .tnav nav .offs ul li{
list-style:none;
margin-right: 5px;
}
.body .tnav nav .offs ul a{
color:inherit;
text-decoration: none;
}
.body .tnav nav .offs ul .title{
padding-left: 15px;
padding-bottom: 5px;
font-size: 12px;
font-weight: bold;
margin-top: 20px;
color: rgb(255, 128, 0);
padding-top: 5px;
border-left: 2px solid rgb(255, 128, 0);
padding-left: 10px;
margin-left: 15px;
margin-bottom: 10px;
}
.body .tnav nav .offs ul .menu{
padding:10px;
display: flex;
align-items: center;
}
.body .tnav nav .offs ul .menu:hover, .body .tnav nav .offs ul .actif{
background: rgb(235, 235, 235);
transition-duration: 0.3s;
}
.body .tnav nav .offs ul .bottom-actif{
border-bottom: 1px solid rgb(224, 224, 224);
}
.body .tnav nav .offs ul .top-actif{
border-top: 1px solid rgb(224, 224, 224);
}
.body .tnav nav .offs ul .menu i{
font-size: 20px;
margin-right: 10px;
font-weight: bold;
height:30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color:white;
background: rgb(30, 96, 170);
}

.body .tnav nav .offs ul .menu .tap{
background: none;
color:rgb(30, 96, 170);
}
.body .tnav nav .offs ul .menu span{
display: block;
}

.body .tbody{
background: white;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width:100%;
margin-left: 20px;
height: 100%;
padding:10px;
}

.body .tbody .overm{
height: 96%;
overflow-y: auto;
scrollbar-width: thin;
padding-right: 10px;
}

.tbody .search .flex{
padding:15px;
display: flex;
align-items: center;
}
.tbody .search .flex .drop-menu{
display: none;
}
.tbody .search .flex .drop-menu i{
font-size: 38px;
margin-right: 15px;
color:rgb(155, 153, 153);
}

@media screen and (max-width:900px) {

.body{
padding:10px;
}
.tbody .search .flex .drop-menu{
display: block;
cursor: pointer;
}

.body .tnav{
position:fixed;
display: none;
top:0;
left:0;
width:0%;
min-width: auto !important;
border-radius: 0 !important;
background: white;
animation: growWidth 0.5s forwards;
z-index: 90;
}
.body .tnav nav .offs .mobile-affs{
display: flex;
align-items: center;
justify-content: space-between;
padding:10px;
padding-left: 20px;
}

.body .tnav nav .offs .mobile-affs i{
font-size: 30px;
cursor: pointer;
}

.body .tnav nav .offs .mobile-affs img{
height:50px;
}
.body .tnav nav .offs ul{
padding:15px;
}
.body .tbody{
margin-left: 0;
}

}
.tbody .search .flex .form-search{
padding:8px;
border:1px solid rgb(230, 230, 230);
border-radius: 30px;
width:100%;
max-width: 600px;
padding-left: 15px;
}

.tbody .search .flex .form-search form{
display: flex;
width: 100%;
align-items: center;
}

.tbody .search .flex .form-search form i{
font-size:25px;
color: rgb(30, 96, 170);
margin-right: 10px;
}
.tbody .search .flex .form-search form input{
width:100%;
height: 30px;
border:none;
background: none;
color:black;
font-weight: bold;
outline:none;
}

.tbody .search .flex .form-search form div{
width:90%;
}
.tbody .intrd .pagination{
font-size:11px;
margin-bottom: 15px;
display: inline-block;
background: rgba(219, 219, 219, 0.527);
padding:5px;
border-radius:8px;
}
.tbody .intrd{
padding:10px;
}

.tbody .intrd h1, .tbody .intrd h2{
margin:0;
padding:0;
}

.tbody .titrage{
display: flex;
padding:10px;
background: rgb(0, 78, 180);
min-height: 40px;
border-radius: 5px;
color:white;
align-items: center;
margin-top: 15px;
margin-left: 10px;
}

.tbody .titrage i{
font-size: 20px;
margin-right: 15px;
}

.tbody .titrage h4{
margin:0;
padding:0;
}

.pup-cookies{
position:fixed;
bottom:20px;
right:0px;
z-index:80;

}

.pup-cookies .modal {
display: flex;
align-items: center;
width: fit-content;
overflow: hidden;
background: rgb(0, 78, 180);
color:white;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding: 5px;
transition: width 0.4s ease;
padding-left: 10px;
box-shadow: 0 0 10px rgba(128, 128, 128, 0.425);
}

.pup-cookies .modal  .icon{
font-size:25px;
animation: spin 2s linear infinite;
}

.pup-cookies .modal  span{
font-size:14px;
line-height: 13px;
display: block;
}

.pup-cookies .modal  span small{
font-size: 12px;
}

.pup-cookies .modal .text {
max-width: 0;
overflow: hidden;
white-space: nowrap;
opacity: 0;
transition: max-width 0.4s ease, opacity 0.4s ease;
padding-left: 5px;
}

.pup-cookies .modal:hover .text {
max-width: 400px; 
opacity: 1;
}


.connexion-section{
padding-left: 15px;
margin-top: 20px;

}

.connexion-section .form-connexion{
border:1px solid rgba(226, 226, 226, 0.801);
padding:20px;
max-width: 400px;
border-radius: 5px;
margin-left: 10px;
}

.connexion-section .form-connexion .form{
display: flex;
align-items: center;
border:1px solid rgb(207, 207, 207);
border-radius: 5px;
max-width: 400px;
padding:8px;
margin-bottom: 15px;
}

.connexion-section .form-connexion .form .icn{
width: 20px;
margin-right: 10px;
font-size:20px;
}

.connexion-section .form-connexion .form .txt{
width: calc(100% - 30px);
}

.connexion-section .form-connexion .form input{
border:none;
width: 100%;
height: 30px;
background: white;
outline: none;
}

.connexion-section .form-connexion .btn button{
background: rgb(0, 184, 0);
color:white;
height: 40px;
border:none;
border-radius: 30px;
cursor: pointer;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
}

.connexion-section .form-connexion .btn button i{
margin-right: 5px;

}

.connexion-section .form-connexion .alert-connexion{
color:red;
font-weight: bold;
margin-top: 15px;
}

footer{
position:fixed;
bottom:0;
left:0;
width: 100%;
}

footer .tm{
background: white;
padding:5px;
font-size:12px;
box-shadow: 0 0 10px rgba(204, 204, 204, 0.418);
}

footer .in{
background: rgb(0, 78, 180);
padding:2px;

}

.pup-office{
position:fixed;
top:0;
left:0;
width:100%;
height: 100vh;
background: rgba(0, 0, 0, 0.432);
z-index:50;
display: none;
justify-content: center;
align-items: center;
}

.pup-office .container-pup{
background: white;
max-width: 400px;
min-width: 50px;
margin:10px;
width:100%;
min-height: 300px;
border-radius: 15px;
box-shadow: 0 0 20px rgba(146, 146, 146, 0.377);
padding:10px;
position:relative;
}

.pup-office .container-pup .icon-close{
position:absolute;
top:5px;
right:5px;
font-size:25px;
z-index: 60;
cursor: pointer;
}

.pup-office .container-pup .title{
padding:6px;
font-weight: bold;
color:rgb(0, 78, 180);
}

.pup-office .container-pup i{
margin-right: 5px;
}

.pup-office .container-pup table{
margin-top: 15px;
text-align: left;
font-size: 16px;
width: 100%;
}
.pup-office .container-pup table th{
font-style: italic;
max-width: 120px !important;
}
.pup-office .container-pup table th,.pup-office .container-pup table td{
font-weight: normal;
border-bottom: 1px solid rgba(216, 216, 216, 0.767);
padding:5px;                   
min-width: 120px;
}

.pup-office .container-pup table td div{
max-width:180px;
display: block; 
white-space: nowrap;   
overflow: hidden;
text-overflow: ellipsis;
}

.pup-office .container-pup .list-btn{
width:100%;
margin-top: 10px;
}
.pup-office .container-pup .list-btn form{
display: inline-block;
width: 45%;
}
.pup-office .container-pup .list-btn .btn-pup,
.pup-office .container-pup .pup-confirmation .btn-pup-confirmation{
display: inline-block;
width: 45%;
margin:5px;
padding:10px;
color:white;
border:none;
border-radius: 10px;
cursor: pointer;
}

.pup-office .container-pup .list-btn form button{
width: 90% !important;
}

.pup-office .container-pup .list-btn .download,
.pup-office .container-pup .pup-confirmation .none{
background: rgb(1, 151, 1);
}

.pup-office .container-pup .list-btn .download:hover,
.pup-office .container-pup .pup-confirmation .none:hover{
background: rgb(2, 116, 2);
transition-duration: 0.3s;
}

.pup-office .container-pup .list-btn .delete,
.pup-office .container-pup .pup-confirmation .yes{
background: rgb(230, 0, 0);
}

.pup-office .container-pup .list-btn .delete:hover,
.pup-office .container-pup .pup-confirmation .yes:hover{
background: rgb(167, 5, 5);
transition-duration: 0.3s;
}

.pup-office .container-pup .pup-confirmation{
position:fixed;
top:0;
left:0;
background: rgba(0, 0, 0, 0.685);
width: 100%;
height: 100vh;
display: none;
align-items: center;
justify-content: center;
}
.pup-office .container-pup .pup-confirmation .container-confirmation{
background: white;
padding:15px;
box-shadow: 0 0 20px rgba(187, 187, 187, 0.459);
border-radius: 10px;

}
.standard-section{
padding:10px;
padding-left:15px;
}

.standard-section .alert-upload{
color:red;
font-weight: bold;
}
.standard-section .zone-upload {
border: 2px dashed #888;
padding: 10px;
text-align: center;
cursor: pointer;
background: rgb(211, 211, 211);
border-radius: 8px;
transition: background 0.3s;
margin-top: 10px;
}
.standard-section .zone-upload.dragover {
background: #e0ffe0;
border-color: rgb(3, 216, 10);
}

.standard-section .zone-upload .file-box {
border: 1px solid rgb(204, 204, 204);
border-radius: 5px;
padding: 5px;
text-align: left;
background: white;
display: inline-block;
width:100px;
margin:10px;
box-shadow: 0 0 20px rgba(121, 121, 121, 0.137);
}
.standard-section .zone-upload .file-box i {
font-size: 24px;
margin-right: 10px;
color: #444;
}
.standard-section .zone-upload .upload-message {
margin:10px;
}
.standard-section .zone-upload #previewArea {
max-height: 400px;
overflow-y: auto;
scrollbar-width: thin;
} 
.standard-section .zone-upload .file-box .filename-up{
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;

}
.standard-section .zone-upload .progress {
background: #eee;
border-radius: 4px;
height: 8px;
margin-top: 5px;
overflow: hidden;
}
.standard-section .zone-upload .progress-bar {
background: #4caf50;
height: 100%;
width: 0%;
transition: width 0.3s;
}

.info-p-red{
color:red;
padding:10px;
border:1px solid red;
border-radius: 5px;
}

.standard-section .listage-modele{
margin-top: 20px;
}

.standard-section .listage-modele a{
color:inherit;
text-decoration: none;
}
.standard-section .box-listage-file{
display: inline-block;
width:130px;
margin:10px;
border: 1px solid rgba(216, 216, 216, 0.767);
border-radius: 5px;
padding:10px;
cursor: pointer;
}

.standard-section .box-listage-file:hover{
background: rgb(0, 78, 180);
color:white;
transition-duration: 0.2s;
}

.standard-section .main{
position:relative;
}
.standard-section .main:hover{
background: rgba(156, 156, 156, 0.726);
transition-duration: 0.2s;
color:black;
}

.standard-section .main input{
height:20px;
width:20px;
position:absolute;
right:5px;
top:5px;
}

.standard-section .box-listage-file i{
font-size: 35px;
}

.standard-section .main i{
font-size:15px;
}

.standard-section .box-listage-file .txt{
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;   
}

.standard-section .zone-upload .description-zone div{
padding:5px;
background: white;
max-width: 200px;
border-radius: 30px;
font-size:13px;
}
.standard-section .btn-etp{
margin-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}

.standard-section .btn-etp h4{
margin:0;
padding:0;
margin-bottom: 5px;
margin-top: 5px;
}

.standard-section .btn-etp h4 i{
margin-right: 5px;
}

.standard-section .btn-etp span{
font-size:13px;
}

.standard-section .btn-etp form{
display: block;
width: 100%;
}
.standard-section .btn-etp form button,
.standard-section .btn-validation button{
background: rgb(2, 161, 2);
border:2px solid rgb(2, 161, 2);
color:white;
height:45px;
width:100%;
border-radius: 20px;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
cursor: pointer;
}


.standard-section .btn-validation{
margin-top: 15px;
}
.standard-section .btn-etp form button:hover,
.standard-section .btn-validation button:hover{
background: white;
transition-duration: 0.3s;
color:rgb(2, 161, 2);
}


.standard-section .btn-etp a button{
background: red;
border:2px solid red;
color:white;
height:45px;
width:100%;
border-radius: 20px;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
min-width: 200px;
font-size: 16px;
cursor: pointer;
}

.standard-section .btn-etp a button:hover{
background: white;
transition-duration: 0.3s;
color:red;
}

.standard-section .btn-etp form button i{
margin-left: 5px;
}

@media screen and (max-width: 650px) {
.standard-section .btn-etp{
display: block;
}

.standard-section .btn-etp form button{
margin-top: 20px;
}
}

.standard-section .zone-poa{
position: fixed;
bottom:0;
left:0;
width: 100%;
display: flex;
justify-content: center;
z-index:50;

}

.standard-section .zone-poa .container-poa{
background: white;
color:black;
box-shadow: 0 0 20px rgba(77, 77, 77, 0.623);
position:relative;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
width: 80%;
min-width: 240px;
max-width: 400px;
}

.standard-section .zone-poa .container-poa .title .bar-tt{
padding: 10px;
font-weight: bold;
position:relative;
cursor: pointer;
background: rgba(240, 240, 240, 0.644);
border-top-left-radius: 30px;
border-top-right-radius: 30px;

}

.standard-section .zone-poa .container-poa .title .bar-tt i{
position:absolute;
right:0px;
top:-10px;
background: rgb(255, 128, 0);
color:white;
width:30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size:25px;
border-radius: 50%;
}

.standard-section .zone-poa .container-poa #listeFichiers{
max-height: 70vh;

}

.standard-section .zone-poa .container-poa .poa-main{
padding:10px;
max-height: 60vh;
overflow-y: auto;
scrollbar-width: thin;
}
.standard-section .zone-poa .container-poa .poa-main .nb-files{
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp{
display: flex;
margin:5px;
border:1px solid rgba(214, 214, 214, 0.733);
padding:3px;
border-radius: 5px;
align-items: center;
justify-content: space-between;
}

.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp .name{
width: 50%;
margin-right: 10px;
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
}

.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp .size{
width: 30%;
margin-right: 10px;
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
}

.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp .btn{
width: 10%;
margin-right: 10px;

}

.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp .btn a{
color:inherit;
text-decoration: none;
}

.standard-section .zone-poa .container-poa .poa-main .file-poa-rcp .btn a i{
width:30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: red;
color:white;
font-size: 20px;
}


.standard-section .finalisation-commande{
padding:15px;
border:1px solid rgb(190, 190, 190);
display: flex;
}
.standard-section .finalisation-commande .grp{
padding-bottom: 10px;
}

.standard-section .finalisation-commande .form{
display: block;
width: 50%;
}

.standard-section .finalisation-commande .grp label{
display: block;
max-width:600px;
}

.standard-section .finalisation-commande .grp label span{
color:red;
font-weight: bold;
}

.standard-section .finalisation-commande .grp .input{
height:30px;
border: 2px solid rgb(199, 199, 199);
border-radius: 5px;
margin-bottom: 10px;
margin-top: 8px;
width: 95%;
max-width: 600px;
padding:4px;
}


.standard-section .finalisation-commande .grp .input:focus{
border: 2px solid red;
outline: none;
}

.standard-section .finalisation-commande .grp select{
height:40px;
border: 2px solid rgb(199, 199, 199);
border-radius: 5px;
margin-bottom: 10px;
margin-top: 8px;
width: 98%;
max-width: 610px;
padding:4px;
}



.standard-section .finalisation-commande .grp select:focus{
border: 2px solid red;
outline: none;
}


@media screen and (max-width:700px) {

.standard-section .finalisation-commande .grp label{
    max-width: 90%;
}
.standard-section .finalisation-commande .grp .input{
width:90%;
}
.standard-section .finalisation-commande .grp select{
width:calc(90% + 10px);
}



}

.standard-section .finalisation-commande .infos{
min-width: 250px;
padding:15px;
border-radius: 10px;
width: 45%;
max-width:300px;
}

.standard-section .finalisation-commande .infos .ctc{
display:flex;
align-items:center;
border-bottom: 1px solid rgba(214, 214, 214, 0.459);
padding:5px;
font-size:15px;
}

.standard-section .finalisation-commande .infos .ctc div{
padding-right:5px;
font-size: 14px;   
}

.standard-section .finalisation-commande .infos .ctc .td{
white-space: nowrap;    
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;   
}

.standard-section .finalisation-commande .infos .note p{
font-size:14px;
}

@media screen and (max-width:1200px) {

.standard-section {
    padding-left: 15px;
}
.standard-section .finalisation-commande{
display:inline-block;
width: 100%;
margin: 0 !important;
padding:0px !important;
border:none;
}
.standard-section .finalisation-commande .form{
width:auto;
display: block;
}
.standard-section .finalisation-commande .infos{
width:80%;
max-width:auto;
min-width: auto;
display:inline;
padding-left:0;
margin-left:0;
}

.standard-section .finalisation-commande .infos .ctc{
    max-width: 250px;   
}
}

@media screen and (max-width:600px) {


.standard-section .btn-validation button i{
    display: none;
}

}


.standard-section .table-wrapper {

width:100%;
max-width: 100%;
padding-top: 20px;

}

.standard-section .responsive-table {
width: 100%;
border-collapse: collapse;
font-family: Arial, sans-serif;
}

.standard-section .responsive-table th,
.standard-section .responsive-table td {
padding: 8px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid rgb(235, 235, 235);
font-size:14px;

}


.standard-section .responsive-table th  span, .standard-section .responsive-table td  span{
display: none;
}


.standard-section .responsive-table thead tr {
background-color: #f2f2f2;
}

.standard-section .responsive-table td,.standard-section .responsive-table th {
max-width: 150px;

}

.standard-section .responsive-table .th-mobile strong i{
margin-right: 10px;
color:rgb(9, 255, 0);
}

.standard-section .responsive-table td i{
margin-right: 5px;
}
.standard-section .responsive-table a{
color:inherit;
text-decoration: none;
}


.standard-section .responsive-table td .action{
display: flex;
align-items: center;
}
.standard-section .responsive-table td .action a{
color:inherit;
text-decoration: none;
}
.standard-section .responsive-table td .action i{
font-size:20px;
width:30px;
height:30px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.standard-section .responsive-table td .action .bi-hourglass{
font-size: 10px;
color:gray;
}
.standard-section .responsive-table td .action .bi-heart{
color:green;
}

.standard-section .responsive-table td .action .bi-heart:hover,.standard-section .responsive-table td .action .bi-heart-fill{
color:red;
}

.standard-section .responsive-table td .action .bi-eye-fill{
background: rgb(0, 78, 180);
color:white;
border-radius: 50%;
}

.standard-section .responsive-table td .action .bi-eye-fill:hover{
background: rgb(255, 128, 0);
transition-duration: 0.3s;
}
.standard-section .responsive-table .pagination{
display: flex;
align-items: center;
justify-content: left;
}
.standard-section .responsive-table .pagination a{
display: block;
margin-right: 15px;
background: rgb(206, 206, 206);
padding:8px;
border-radius: 5px;
font-size:14px;
}

.standard-section .responsive-table .pagination a:hover{
background: rgb(255, 128, 0);
color:white;
transition-duration: 0.3s;
}

.standard-section .responsive-table .pagination a i,.standard-section .responsive-table .pagination a i:hover{
color:inherit;
}


@media screen and (max-width:1200px) {
.standard-section .responsive-table th,
.standard-section .responsive-table td{
display:block;
white-space:inherit;
overflow: inherit;
text-overflow:inherit;
border-bottom: none;
position:relative;
padding-left: 10px;
font-size:16px;

}

.standard-section .responsive-table thead{
display:none;
}

.standard-section .responsive-table th  span, .standard-section .responsive-table td  span{
display: inherit;
font-weight: bold;
}

.standard-section .responsive-table td,.standard-section .responsive-table th {
max-width: 100%;

}

.standard-section .responsive-table a{
pointer-events: none;
}
.standard-section .responsive-table .tr-bin{
background: rgba(246, 250, 255, 0.377);
border-bottom: 1px solid rgba(206, 206, 206, 0.521);
border-radius: 10px;
}
.standard-section .responsive-table td .action{
justify-content: right;
position:absolute;
bottom:20px;
right:10px;
}

.standard-section .responsive-table td .action i{
font-size:25px;
width:35px;
height:35px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.standard-section .responsive-table .th-mobile{
padding-top:15px;
}
.standard-section .responsive-table td span .bi{
color: rgb(255, 128, 0);
}
.standard-section .responsive-table .action a,
.standard-section .responsive-table .pagination a{
pointer-events: auto;
}

.standard-section .responsive-table .pagination{
display: flex;
align-items: center;
justify-content: left;
position:relative;
left:-10px;
}
}


.standard-section .cm-infos{
padding:20px;
}
.standard-section .position-infos table{
text-align: left;
margin-bottom: 20px;
margin-right: 10px;
font-size: 14px;
width: 100%;
}   

.standard-section .position-infos table tr th,.standard-section .position-infos table tr td{
border-bottom: 1px solid rgba(204, 204, 204, 0.568);
padding:5px;
}

.standard-section .position-infos table tr th,.standard-section .position-infos table tr td div{
max-width: 200px;
}

@media screen and (max-width:700px) {
.standard-section .position-infos table tr th,.standard-section .position-infos table tr td div{
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
max-width: 120px;
}   
}

.standard-section .cm-infos .infos{
margin-top: 0;
padding-top: 0;
font-size: 14px;
}
.standard-section .cm-infos h4{
margin:0;
padding:0;
color:rgb(255, 128, 0);
}

.standard-section .cm-infos h4 i{
margin-right: 3px;
}

.standard-section .cm-infos .alert-commande{
margin-top: 20px;
color:rgb(9, 255, 0);
padding:10px;
border-radius: 10px;
font-style: italic;
}

.standard-section .cm-infos .alert-commande i{
margin-right: 10px;
}

.standard-section .cm-infos blockquote{
padding:0;
padding-left: 10px;
border-left: 2px solid rgb(255, 128, 0);
margin: 0;
margin-top: 10px;
margin-left: 5px;
font-size: 14px;
font-style: italic;
}

.btn-download-file{
background: rgb(89, 0, 92);
color:white;
padding:10px;
min-width:200px;
border-radius: 30px;
border:2px solid rgb(89, 0, 92);
margin-top: 20px;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
cursor: pointer;
}

.btn-download-file:hover{
background: none;
color:rgb(89, 0, 92);
transition-duration: 0.3s;
}

.btn-download-file i, .btn-download-file-photo i{
margin-right: 5px;
}

.btn-download-file-photo{
background: rgb(15, 179, 0);
color:white;
padding:10px;
min-width:200px;
border-radius: 30px;
border:2px solid rgb(15, 179, 0);
margin-top: 5px;
font-size: 15px;
font-weight: bold;
margin-bottom: 20px;
cursor: pointer;
}

.btn-download-file-photo:hover{
background:none;
color:rgb(15, 179, 0);
transition-duration: 0.3s;
}