@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";*,:before,:after{text-decoration:none;list-style:none;margin:0;padding:0;box-sizing:border-box;outline:none;scroll-behavior:smooth}.dynamic-link{text-decoration:none;font-weight:500;line-break:anywhere}body{scroll-behavior:smooth;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"slnt" 0;font-size:15px;background-color:initial}h1,h2,h3,h4,h5{font-weight:700}h1{font-size:4.21rem}h2{font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}body{background-color:#f7f7f7e6;margin:0;padding:0}.alert{padding:15px;border:1px solid transparent;border-radius:4px;font-size:16px;margin-bottom:10px;text-align:center}.alert-success{color:#166434;background-color:#dcfce7;border-color:#d6e9c6}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert{padding:10px;font-weight:400;font-size:14px;border-radius:5px;width:100%}.alert.alert-danger{background-color:#ff00001a;color:red}.header{width:100%;background-color:#fff;padding:12px 20px;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 1px #0003}@media only screen and (max-width: 792px){.header{width:100%}}.header .user{display:flex;align-items:center;background-color:0;gap:10px}.header .logo{width:100px}.header h1{font-size:24px;margin:0;color:#22c55e}.header-home{width:100%;background-color:#fff;padding:12px 20px;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 1px #0003;z-index:10}.header-home .user{cursor:pointer;position:relative}.header-home .user .info{background-color:#dcfce7;color:#166434;padding:8px 16px;font-weight:700;border-radius:50px;display:flex;align-items:center;gap:10px;width:max-content;position:relative;border:1px solid transparent;transition:all .4s ease-in-out}.header-home .user .info.active{border-color:#166434}.header-home .user .info.active .dropDown{transform:scale(1);visibility:visible;opacity:1}.header-home .user .info .dropDown{transition:all .1s ease-in-out;position:absolute;top:150%;transform:scale(.8);visibility:hidden;opacity:0;width:max-content;min-width:200px;right:0;z-index:-1;background-color:#fff;padding:5px;box-shadow:0 0 1px #0003;border-radius:5px;color:#333}.header-home .user .info .dropDown li{padding:10px;gap:12px;display:flex;align-items:center;justify-content:space-between;border-radius:5px;transition:all .3s ease-in-out}.header-home .user .info .dropDown li:hover{background-color:#f7f7f7e6}.header-home .user .info .dropDown li button{background-color:transparent;border:none;font-weight:700;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#333;cursor:pointer}.header-home .user span{font-size:12px}.header-home .user a{font-size:12px;color:#333;display:inline-flex;justify-content:space-between;align-items:center;width:100%;gap:10px}@media only screen and (max-width: 792px){.header-home{width:100%}}.header-home .logo{width:110px}.header-home h1{font-size:24px;margin:0;color:#22c55e}.container{width:100%;padding:1rem}.login{width:100%}.login .container{width:100%;padding:1rem;min-height:100vh;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 792px){.login .container{width:100%}}.login .container .login-form{width:100%;height:100%;padding:1rem;display:flex;justify-content:center;align-items:center;text-align:center}@media only screen and (max-width: 792px){.login .container .login-form{width:100%;padding:0}}.login .container .login-form .card{border-radius:5px;box-shadow:0 0 1px #0003;background-color:#fff;padding:2rem;width:390px;min-height:400px}@media only screen and (max-width: 792px){.login .container .login-form .card{width:100%}}.login .container .login-form .card .logo{max-width:150px;margin-inline:auto;margin-bottom:10px}.login .container .login-form .card .logo img{width:100%}.login .container .login-form h2{font-size:16px;color:#333}.login .container .login-form p{font-size:13px;color:#71717a;margin:10px;font-weight:400}.login .container .login-form form .form-group{text-align:left;margin:20px 0}.login .container .login-form form .form-group label{display:block;font-weight:700;margin-bottom:5px;font-weight:500;font-size:13px}.login .container .login-form form .form-group input{width:100%;padding:8px;border:1px solid #e0e0e0;border-radius:5px;font-size:14px;transition:all 1s ease-in-out}.login .container .login-form form .form-group input:hover{border-color:#22c55e}.login .container .login-form form .form-group span{font-size:12px;color:#333}.login .container .login-form form .login-button{width:max-content;padding:8px 20px;background-color:#fff;color:#333;box-shadow:0 0 2px #ccc;border:none;border-radius:5px;font-size:16px;transition:background-color .3s;cursor:pointer}.login .container .login-form .subtitle,.login .container .login-form .forgot-password{display:block;margin-top:10px;font-size:14px;color:#333;text-decoration:underline;font-size:12px;font-weight:300}.login .container .login-form .subtitle:hover,.login .container .login-form .forgot-password:hover{text-decoration:underline}.login .container .login-form .subtitle{text-decoration:none;font-weight:400}.login .container .login-form .subtitle:hover{text-decoration:none}.home{width:100%}@media only screen and (max-width: 792px){.home{width:100%}}.home .content{width:100%;display:flex;align-items:center;justify-content:center}.home .content .headerStatut{display:flex;align-items:center;gap:10px}.home .content .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}@media only screen and (max-width: 792px){.home .content{width:100%}}.home .content .row{width:95%;display:flex;justify-content:center;gap:5px;margin-inline:auto;border-radius:10px}.home .content .row.active{align-items:flex-start}@media only screen and (max-width: 792px){.home .content .row{width:100%;flex-wrap:wrap;gap:10px}}.home .content .row.colunm{flex-direction:column-reverse;margin-inline:auto;align-items:center}.home .content .row .col{background-color:#fff;border-radius:10px;box-shadow:0 0 1px #0003;transition:all .4s ease-in-out;width:max-content;position:sticky;top:60px}@media only screen and (max-width: 792px){.home .content .row .col{width:100%}}.home .content .row .col .card{min-height:100px;border-radius:10px;padding:1rem 2rem}.home .content .row .col .card .rate{text-align:right;font-size:13px;font-weight:600}@media only screen and (max-width: 792px){.home .content .row .col .card{width:100%;padding:1rem}}.home .content .row .col .card h5{font-size:15px;color:#333;margin:15px 0}@media only screen and (max-width: 792px){.home .content .row .col .card h5{font-size:13px}}.home .content .row .col:first-child{width:35%;border-radius:10px;padding:1rem 2rem;border:1px solid rgb(34,197,94)}@media only screen and (max-width: 792px){.home .content .row .col:first-child{width:100%}}.home .content .row .col:first-child .card{padding:0}.home .content .row .col:first-child input{background-color:#fff}.home .content .row .col:last-child{width:40%}@media only screen and (max-width: 792px){.home .content .row .col:last-child{position:relative;top:0;width:100%}}.home .content .row .col:last-child .card{padding:1rem;width:100%}@media only screen and (max-width: 792px){.home .content .row .col form{width:100%;position:sticky;top:60px}}.home .content .row .col form .form-group{text-align:left;margin:20px 0;width:100%}.home .content .row .col form .form-group label{display:block;font-weight:700;margin-bottom:5px;font-weight:500;font-size:13px}@media only screen and (max-width: 792px){.home .content .row .col form .form-group label{font-size:12px}}.home .content .row .col form .form-group select,.home .content .row .col form .form-group input{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:5px;font-size:12px}.home .content .row .col form .form-group span{font-size:12px;color:#333}.home .content .row .col form .contentchild{width:100%}.home .content .row .col form .contentchild .rowinput{display:flex;gap:10px;width:100%}.home .content .row .col form .login-button{width:100%;padding:10px 30px;background-color:#22c55e;margin-top:10px;color:#fff;box-shadow:0 0 2px #ccc;border:none;border-radius:10px;font-size:16px;transition:background-color .3s;cursor:pointer}.home .content .row .col .row-items{display:flex;width:100%}@media only screen and (max-width: 792px){.home .content .row .col .row-items{flex-direction:column;width:100%}}.home .content .row .col .items{width:100%;padding:10px}@media only screen and (max-width: 792px){.home .content .row .col .items{position:relative;width:100%}}@media only screen and (max-width: 792px){.home .content .row .col .items:first-child{border:none}}.home .content .row .col .items .item{width:100%;display:flex;font-size:14px;color:#333;gap:5px;align-items:flex-start}.home .content .row .col .items .item.rowItem{border-top:1px solid #e0e0e0;padding:1rem 0}.home .content .row .col .items .item.rowItem small{margin-top:0}.home .content .row .col .items .item:nth-child(5) .trait{display:none}.home .content .row .col .items .item.step{display:flex}.home .content .row .col .items .item .element{display:flex;align-items:center;justify-content:space-between;width:100%;gap:5px}.home .content .row .col .items .item .element.element2{flex-direction:column;align-items:flex-start;justify-content:start}.home .content .row .col .items .item .element.element2 .li{display:flex;align-items:center;justify-content:space-between;width:100%}.home .content .row .col .items .item .element span:first-child{display:block}.home .content .row .col .items .item .goupeStep{width:max-content;display:flex;flex-direction:column;align-items:center}.home .content .row .col .items .item .goupeStep .rond{width:25px;height:25px;background-color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.home .content .row .col .items .item .goupeStep .trait{width:2px;min-height:45px;background-color:#22c55e}.home .content .row .col .items .item small{color:#71717a;margin-top:8px}.home .content .row .col .items .item:first-child{border:none!important}.home .content .row .col .items .item .info{padding-left:2px;justify-content:space-between;display:flex;align-items:center;width:100%}.home .content .row .col .items .item.rowItem{display:flex;flex-direction:column;align-items:start}.home .content .row .col .items .item.rowItem img{height:20px}@media only screen and (max-width: 792px){.home .content .row .col .items .item{font-size:12px}}.home .content .row .col .items .item.total{border-top:1px solid #e0e0e0;margin-top:15px;align-items:center;justify-content:space-between;padding:15px 0;text-transform:uppercase;flex-direction:column;gap:10px}.home .content .row .col .items .item.total .element{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#333}.home .content .row .col .items .item span:last-child{font-weight:800;font-size:12px}.formstatus{width:100%}@media only screen and (max-width: 792px){.formstatus{width:100%}}.formstatus .container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.formstatus .container .card{min-height:100px;width:400px;border-radius:10px;box-shadow:0 0 1px #0003;background-color:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.formstatus .container .card .logo{max-width:150px;margin-inline:auto;margin-bottom:10px}.formstatus .container .card .logo img{width:100%}.formstatus .container .card.confirm{display:flex}.formstatus .container .card.confirm p{text-align:center;font-weight:400;color:#71717a;margin:10px 0}.formstatus .container .card.confirm button{width:100%;padding:10px 30px;background-color:#22c55e;margin-top:10px;color:#fff;box-shadow:0 0 2px #ccc;border:none;border-radius:10px;font-size:16px;transition:background-color .3s;cursor:pointer}.formstatus .container .card .ico{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#0080001a;color:green;border-radius:50%}.formstatus .container .card .ico.reject{background-color:#ff00001a;color:red}.formstatus .container .card h5{font-size:15px;color:#333;margin:15px 0}.formstatus .container .card.styck{position:sticky;top:60px;background-color:red}.test{margin-top:1rem;background-color:red;padding:5px;color:#fff;cursor:pointer}.status{width:max-content;padding:5px 10px;border-radius:20px;font-size:12px;display:flex;gap:2px;align-items:center}.status svg{display:flex;align-items:center;justify-content:center}.status.pennding{background-color:#ffa5001a;color:orange!important;box-shadow:0 0 2px orange}.status.approuve,.status.paid{background-color:#28dd701a;color:#047131!important;box-shadow:0 0 2px #28dd70}.status.reject{background-color:#ffd5d5;color:red!important;box-shadow:0 0 2px red}.setting{width:100%}@media only screen and (max-width: 792px){.setting{width:100%}}.setting .container{width:100%;display:flex;gap:1rem;align-items:flex-start;margin-inline:auto}@media only screen and (max-width: 792px){.setting .container{width:100%;flex-direction:column}}.setting .container h2{font-size:12px;font-weight:800;color:#333;margin-bottom:10px}@media only screen and (max-width: 792px){.setting .container form{width:100%;top:60px;position:sticky}}.setting .container form .form-group{text-align:left;margin:20px 0;width:100%}.setting .container form .form-group label{display:block;font-weight:700;margin-bottom:5px;font-weight:500;font-size:13px}@media only screen and (max-width: 792px){.setting .container form .form-group label{font-size:12px}}.setting .container form .form-group select,.setting .container form .form-group input{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:5px;font-size:12px}.setting .container form .form-group span{font-size:12px;color:#333}.setting .container form .contentchild{width:100%}.setting .container form .contentchild .rowinput{display:flex;gap:10px;width:100%}.setting .container form .login-button{width:100%;padding:10px 30px;background-color:#22c55e;margin-top:10px;color:#fff;box-shadow:0 0 2px #ccc;border:none;border-radius:10px;font-size:16px;transition:background-color .3s;cursor:pointer}.setting .container .card{border-radius:10px;box-shadow:0 0 1px #0003;background-color:#fff;padding:2rem;width:380px}.setting .container .card p{font-size:13px;color:#71717a;margin:10px;font-weight:400}@media only screen and (max-width: 792px){.setting .container .card{width:100%}}.setting .container .contentTable{flex-grow:1;border-radius:10px;box-shadow:0 0 1px #0003;background-color:#fff;padding:2rem}@media only screen and (max-width: 792px){.setting .container .contentTable{width:100%;overflow-x:scroll;z-index:1}}.setting .container .contentTable .parentContent{width:100%;display:flex;flex-direction:column}.setting .container .contentTable .parentContent h6{font-size:12px}.setting .container .contentTable .content{width:100%;display:flex;padding:1rem 0}@media only screen and (max-width: 792px){.setting .container .contentTable .content{width:100%;flex-direction:column}}.setting .container .contentTable .content .elementContent{display:flex;gap:10px;border:1px solid #e0e0e0;padding:10px;font-size:13px;width:25%;justify-content:space-between;align-items:center}@media only screen and (max-width: 792px){.setting .container .contentTable .content .elementContent{width:100%}}.setting .container .contentTable .content .elementContent span{font-size:12px}.config{width:100%;display:flex;gap:1rem;align-items:flex-start;justify-content:center}@media only screen and (max-width: 792px){.config{width:100%}}.config .container{width:600px}.config .container h5{font-size:13px;text-transform:uppercase}.config .container .headers{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;width:100%;padding:10px}.config .container .headers button{background-color:#22c55e;border:none;padding:10px;color:#fff;border-radius:6px;font-weight:500;cursor:pointer}@media only screen and (max-width: 792px){.config .container{width:100%;flex-direction:column}}.config .container .contentTable{width:max-content;min-width:100%;border-radius:10px;box-shadow:0 0 1px #0003;background-color:#fff;padding:1rem 2rem}@media only screen and (max-width: 792px){.config .container .contentTable{width:100%!important;min-width:100%;z-index:1}}.config .container .contentTable .parentContent{width:100%;display:flex;flex-direction:column;margin-top:1rem;text-transform:capitalize}@media only screen and (max-width: 792px){.config .container .contentTable .parentContent{width:100%}}.config .container .contentTable .parentContent h6{font-size:12px;color:#333}.config .container .contentTable .content{width:100%;display:flex;flex-direction:column;background-color:#f7f7f7e6;padding:0 5px;margin-top:10px;box-shadow:0 0 1px #0003;border-radius:10px}@media only screen and (max-width: 792px){.config .container .contentTable .content{width:100%;flex-direction:column}}.config .container .contentTable .content .elementContent{gap:10px;border-bottom:1px solid #e0e0e0;padding:12px;font-size:13px;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;text-transform:lowercase;color:#71717a}@media only screen and (max-width: 792px){.config .container .contentTable .content .elementContent{width:100%!important}}.config .container .contentTable .content .elementContent:last-child{border:none}.config .container .contentTable .content .elementContent button{background-color:#22c55e;color:#fff;padding:4px 5px;display:flex;align-items:center;gap:5px;border-radius:5px;border:none;cursor:pointer}.config .container .contentTable .content .elementContent span{font-size:12px}.liste{width:100%}@media only screen and (max-width: 792px){.liste{width:100%}}.liste .container{width:85%;min-width:800px;margin-inline:auto}@media only screen and (max-width: 792px){.liste .container{width:100%;min-width:100%;margin:0;margin-inline:0;padding:10px 5px}}.liste .container h2{font-size:12px;font-weight:800;color:#333;margin-bottom:10px}.liste .container .card{width:100%}@media only screen and (max-width: 792px){.liste .container .card{width:100%!important}}.liste .container .card h5{font-size:17px;margin-bottom:10px}@media only screen and (max-width: 792px){.liste .container .card h5{font-size:13px}}.liste .container .card .headers{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 792px){.liste .container .card .headers{width:100%!important;flex-direction:column-reverse;align-items:start;margin-top:20px}}.liste .container .card .headers .btnexport{width:max-content;padding:8px 15px;background-color:#22c55e;border:none;font-size:13px;border-radius:5px;display:flex;align-items:center;font-weight:500;color:#fff;cursor:pointer}.liste .container .card .headers .boxItem{width:100%;display:flex;align-items:center;margin:15px 0;gap:10px}@media only screen and (max-width: 792px){.liste .container .card .headers .boxItem{width:100%!important;gap:0}}.liste .container .card .headers .boxItem .box{background-color:#fff;box-shadow:0 0 1px #0003;padding:10px;border-radius:10px;display:flex;font-size:13px;gap:2px;align-items:center}@media only screen and (max-width: 792px){.liste .container .card .headers .boxItem .box{width:calc(33.3333333333% - 5px);margin:2px;font-size:10px;font-weight:600;justify-content:space-between}}.liste .container .card .headers .boxItem .box:nth-child(1) .ico{background-color:orange}.liste .container .card .headers .boxItem .box:nth-child(2) .ico{background-color:#047131}.liste .container .card .headers .boxItem .box:nth-child(3) .ico{background-color:red}.liste .container .card .headers .boxItem .box .ico{width:10px;height:10px;border-radius:50%;color:#22c55e;display:grid;place-items:center}.liste .container .card .contentTable{width:100%;border-radius:10px;box-shadow:0 0 1px #0003;background-color:#fff}@media only screen and (max-width: 792px){.liste .container .card .contentTable{width:100%;overflow-x:scroll!important;padding-bottom:10px}}.liste .container .card .contentTable .empty{text-align:center;padding:1rem;width:100%}.liste .container .card .contentTable table{width:100%;border-collapse:collapse;color:#333;font-size:12px}@media only screen and (max-width: 792px){.liste .container .card .contentTable table{width:max-content;font-size:10px}}.liste .container .card .contentTable table thead th{padding:16px 20px;text-align:left;background-color:#f7f7f7e6;text-transform:capitalize;font-size:11px}.liste .container .card .contentTable table tbody tr{cursor:pointer;border-bottom:1px solid #e0e0e0;width:100%}.liste .container .card .contentTable table tbody tr td{padding:15px 20px;font-weight:400}.liste .container .card .contentTable table tbody tr td .btnpayement{width:max-content;border:none;background-color:#22c55e;color:#fff;border-radius:5px;padding:6px 7px;font-size:12px;cursor:pointer}@media only screen and (max-width: 792px){.liste .container .card .contentTable table tbody tr td{width:max-content}}.liste .container .card .contentTable table tbody tr td .ico{width:40px;height:40px;background-color:#dcfce7;color:#166434;border-radius:50%}.liste .container .card .contentTable table tbody tr td.user{display:flex;align-items:center;gap:5px}.liste .container .card .contentTable table tbody tr td.user .info{display:flex;flex-direction:column;gap:3px}.liste .container .card .contentTable table tbody tr td.user .info span:first-child{font-weight:500}.liste .container .card .contentTable table tbody tr td.user .info span:last-child{color:#71717a}.liste .container .card .contentTable table tbody tr td.id{text-transform:uppercase}.liste .container .card .contentTable table tbody tr td .element.element2{width:calc(100% - 1px)}.liste .container .card .contentTable table tbody tr td .element .text-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.liste .container .card .contentTable table tbody tr td .element .btn{padding:10px 15px;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer;border:1px solid #ccc}.liste .container .card .contentTable table tbody tr td .element .route{display:flex;flex-direction:column;row-gap:20px;position:relative}.liste .container .card .contentTable table tbody tr td .element .route .addresse{font-style:normal;font-weight:400;font-size:14px;line-height:17px;color:#000;padding-left:21px;position:relative;width:150px}.liste .container .card .contentTable table tbody tr td .element .route .addresse:before{content:"";display:block;width:10px;height:10px;background:#fff;border:1px solid #b0b0b0;border-radius:50%;position:absolute;left:0;top:2px;z-index:2}.liste .container .card .contentTable table tbody tr td .element .route img{position:absolute;left:5px;top:9px;z-index:1;height:40px}.modal{width:100%;height:100%;position:fixed;background-color:#0000004d;top:0;right:0;bottom:0;left:0;z-index:1060;cursor:-webkit-zoom-out;cursor:-moz-zoom-out;overflow-x:hidden;overflow-y:auto;outline:0;display:none;align-items:center;justify-content:center}@media only screen and (max-width: 792px){.modal{width:100%}}.modal.show{display:flex}@media only screen and (max-width: 792px){.modal .modal-content{width:100%;padding:1rem}}.modal .modal-content .card{width:400px;min-height:100px;padding:1rem;background-color:#fff;border-radius:10px}@media only screen and (max-width: 792px){.modal .modal-content .card{width:100%}}.modal .modal-content .card button{width:100%;background-color:#22c55e;border:none;padding:10px;border-radius:10px;color:#fff;cursor:pointer}@media only screen and (max-width: 792px){.form-email{width:100%}}.form-email .form-group{text-align:left;margin:20px 0;width:100%}.form-email .form-group label{display:block;font-weight:700;margin-bottom:5px;font-weight:500;font-size:13px}@media only screen and (max-width: 792px){.form-email .form-group label{font-size:12px}}.form-email .form-group select,.form-email .form-group input{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:5px;font-size:12px}.form-email .form-group span{font-size:12px;color:#333}.form-email .login-button{width:100%;padding:10px 30px;background-color:#22c55e;margin-top:10px;color:#fff;box-shadow:0 0 2px #ccc;border:none;border-radius:10px;font-size:16px;transition:background-color .3s;cursor:pointer}.groupe-form{width:100%;margin:10px 0}.groupe-form label{display:block;font-weight:700;margin-bottom:5px;font-weight:500;font-size:13px}@media only screen and (max-width: 792px){.groupe-form label{font-size:12px}}.groupe-form input{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:5px;font-size:12px;cursor:pointer}.groupe-form input:hover{border:1px solid rgb(34,197,94)}.my-request{width:100%}.my-request .container{width:85%;min-width:800px;margin-inline:auto;padding:1rem}.my-request .container .card-request{display:flex;align-items:center;width:100%}.my-request .container .card-request .card{width:calc(33.3333333333% - 10px);margin:5px;min-height:10Px;background-color:red}