@media (max-width: 480px){.login .wrapper{position:fixed;width:100%;height:100%;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:row;background-color:#fff;box-shadow:#0000003d 0 3px 8px;overflow:hidden}.login .wrapper .motif,.login .wrapper .container-info{display:none}.login .wrapper .container-login{position:relative;width:100%;max-width:450px;height:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:3}.login .wrapper .container-login h3{font-size:35px;font-weight:700;margin-bottom:20px;letter-spacing:-1px;color:#000}.login .wrapper .container-login .input-box{width:85%;height:45px;padding:0 20px 0 0;margin:5px 0;display:flex;flex-direction:row;background-color:#f3f3f3;border-radius:25px}.login .wrapper .container-login .input-box span{width:50px;display:flex;justify-content:center;align-items:center;color:#969696}.login .wrapper .container-login .input-box input{width:100%;height:45px;font-size:18px;font-weight:400;background:transparent;border:none;outline:none}.login .wrapper .container-login .input-box input::placeholder{color:#969696;font-size:15px;font-weight:400}.login .wrapper .container-login #login-btn{width:85%;height:45px;margin-top:30px;border:none;border-radius:25px;background-color:#16255e;color:#fff;font-size:16px;font-weight:400;transition:.3s background-color;cursor:pointer}.login .wrapper .container-login #login-btn:hover{background-color:#2b4093}.login .wrapper .container-login #about-btn{width:85%;height:45px;border:none;border-radius:25px;background-color:#000;color:#fff;font-size:16px;font-weight:400;transition:.3s background-color;cursor:pointer}.login .wrapper .container-login #about-btn:hover{background-color:#222}.login .wrapper .divider{margin:20px 0;display:flex;align-items:center;width:60%}.login .wrapper .divider hr{flex:1;border:none;border-top:2px solid #e0e0e0;margin:0}.login .wrapper .divider span{margin:0 10px;font-weight:700;color:#bbb;white-space:nowrap}}@media (min-width: 480px) and (max-width: 750px){.login{width:100%;height:100vh;min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login .wrapper{position:relative;width:100%;height:100%;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:row;background-color:#fff;box-shadow:#0000003d 0 3px 8px;overflow:hidden}.login .wrapper .motif,.login .wrapper .container-info{display:none}.login .wrapper .container-login{position:relative;width:100%;max-width:450px;height:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:3}.login .wrapper .container-login h3{font-size:35px;font-weight:700;margin-bottom:20px;letter-spacing:-1px;color:#000}.login .wrapper .container-login .input-box{width:85%;height:45px;padding:0 20px 0 0;margin:5px 0;display:flex;flex-direction:row;background-color:#f3f3f3;border-radius:25px}.login .wrapper .container-login .input-box span{width:50px;display:flex;justify-content:center;align-items:center;color:#969696}.login .wrapper .container-login .input-box input{width:100%;height:45px;font-size:16px;font-weight:400;background:transparent;border:none;outline:none}.login .wrapper .container-login .input-box input::placeholder{color:#969696;font-size:15px;font-weight:400}.login .wrapper .container-login #login-btn{width:85%;height:45px;margin-top:30px;border:none;border-radius:25px;background-color:#16255e;color:#fff;font-size:16px;font-weight:400;transition:.3s background-color;cursor:pointer}.login .wrapper .container-login #login-btn:hover{background-color:#2b4093}.login .wrapper .container-login #about-btn{width:85%;height:45px;border:none;border-radius:25px;background-color:#000;color:#fff;font-size:16px;font-weight:400;transition:.3s background-color;cursor:pointer}.login .wrapper .container-login #about-btn:hover{background-color:#222}.login .wrapper .divider{margin:20px 0;display:flex;align-items:center;width:60%}.login .wrapper .divider hr{flex:1;border:none;border-top:2px solid #e0e0e0;margin:0}.login .wrapper .divider span{margin:0 10px;font-weight:700;color:#bbb;white-space:nowrap}}@media (min-width: 750px){.login{width:100%;height:100vh;min-height:800px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login .wrapper{position:relative;width:90%;max-width:800px;height:500px;border-radius:10px;display:flex;flex-direction:row;background-color:#fff;box-shadow:#0000003d 0 3px 8px;overflow:hidden}.login .wrapper .motif{position:absolute;top:0;left:0;min-width:800px;width:100%;object-fit:contain;z-index:2}.login .wrapper .container-info{position:relative;width:52%;height:100%;padding:50px 25px;background-color:#00004b;display:flex;flex-direction:column;justify-content:center;color:#fff;z-index:1}.login .wrapper .container-info h2{margin-left:15px;font-size:16px;font-weight:300;letter-spacing:1px}.login .wrapper .container-info h1{font-size:40px;font-weight:600;line-height:2.5rem;letter-spacing:1px}.login .wrapper .container-login{position:relative;width:48%;height:100%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:3}.login .wrapper .container-login h3{font-size:30px;font-weight:700;margin-bottom:20px;letter-spacing:-1px;color:#000}.login .wrapper .container-login .input-box{width:75%;height:40px;padding:0 20px 0 0;margin:5px 0;display:flex;flex-direction:row;background-color:#f3f3f3;border-radius:25px}.login .wrapper .container-login .input-box span{width:50px;display:flex;justify-content:center;align-items:center;color:#969696}.login .wrapper .container-login .input-box input{width:100%;height:40px;font-size:15px;font-weight:400;background:transparent;border:none;outline:none}.login .wrapper .container-login .input-box input::placeholder{color:#969696;font-size:15px;font-weight:400}.login .wrapper .container-login #login-btn{width:75%;height:38px;margin-top:30px;border:none;border-radius:25px;background-color:#16255e;color:#fff;font-size:15px;font-weight:400;transition:.3s background-color;cursor:pointer}.login .wrapper .container-login #login-btn:hover{background-color:#2b4093}.login .wrapper .container-login #about-btn{width:75%;height:38px;border:none;border-radius:25px;background-color:#000;color:#fff;font-size:15px;font-weight:400;transition:.3s background-color;cursor:pointer}.login .wrapper .container-login #about-btn:hover{background-color:#222}.login .wrapper .divider{margin:12px 0;display:flex;align-items:center;width:60%}.login .wrapper .divider hr{flex:1;border:none;border-top:2px solid #e0e0e0;margin:0}.login .wrapper .divider span{margin:0 10px;font-weight:700;color:#bbb;white-space:nowrap}}.login .container-loader{width:100%;height:38px;margin-top:30px;display:flex;justify-content:center;align-items:center}.login .loader{border:5px solid #f1f1f1;border-top:5px solid #16255e;border-right:5px solid #16255e;border-radius:50%;width:25px;height:25px;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome h1{font-size:30px;font-weight:200;margin-bottom:5px;color:#16255e}.welcome h2{font-size:30px;font-weight:500;margin-bottom:5px;color:#16255e}.alert{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:320px;height:auto;padding:8px 15px;border-radius:5px;color:#fff;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px;z-index:50}.alert h1{font-size:18px;font-weight:700;margin-bottom:3px}.alert p{font-size:15px;font-weight:300;font-style:italic}.home{width:100%;height:auto;display:flex;flex-direction:column;flex-wrap:wrap;overflow-y:scroll}@media (min-width: 0px) and (max-width: 750px){.home .wrapper-welcome{width:100%;margin-bottom:50px;display:flex;flex-direction:row}.home .wrapper-welcome .container-title{width:100%;display:flex;justify-content:center;flex-direction:column}.home .wrapper-welcome .container-title h1{font-size:25px;font-weight:200}.home .wrapper-welcome .container-title h1 span{font-weight:600}.home .wrapper-welcome .container-title h2{font-size:14px;font-weight:200}.home .wrapper-welcome .container-img{display:none}.home h3{color:#000;font-size:16px;font-weight:500;margin-bottom:15px}.home .container-wrapper{width:100%;max-width:500px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:50px}.home .wrapper-stat{width:100%;height:95px;padding:20px 15px;display:flex;flex-direction:column;justify-content:center;color:#fff;box-shadow:#0000000d 0 0 0 1px;border-radius:5px}.home .wrapper-stat h2{font-size:14px;font-weight:200;line-height:1rem}.home .wrapper-stat h1{font-size:30px;font-weight:900;font-family:Montserrat,sans-serif}.wrapper-stat h1 span{font-size:17px;font-weight:500;margin-left:3px}.wrapper-stat h1 strong{font-weight:500;letter-spacing:-1px}.home .wrapper-management{position:relative;width:100%;height:230px;padding:15px;display:flex;flex-direction:column;background-color:#fff;box-shadow:#0000000d 0 0 0 1px;border-left:5px solid #3e58c0;border-radius:5px;cursor:pointer}.home .wrapper-management h1{font-size:22.5px;font-weight:600;margin-bottom:10px}.home .wrapper-management p{font-size:14px;font-weight:300;line-height:1.3rem;color:#000}.home .wrapper-management .icon{position:absolute;font-size:30px;right:20px;bottom:20px;color:#d4d4d4;transition:.3s color}.home .wrapper-management:hover .icon{color:#3e58c0}}@media (min-width: 750px) and (max-width: 1250px){.home .wrapper-welcome{width:100%;margin-bottom:50px;display:flex;flex-direction:row}.home .wrapper-welcome .container-title{width:100%;display:flex;justify-content:center;flex-direction:column}.home .wrapper-welcome .container-title h1{font-size:28px;font-weight:200}.home .wrapper-welcome .container-title h1 span{font-weight:600}.home .wrapper-welcome .container-title h2{font-size:15px;font-weight:200}.home .wrapper-welcome .container-img{width:80px;height:80px;margin-right:20px;display:flex;justify-content:center;align-items:center}.home .wrapper-welcome .container-img img{width:100%;border-radius:50%;object-fit:contain}.home h3{color:#000;font-size:16px;font-weight:500;margin-bottom:15px}.home .container-wrapper{width:100%;max-width:650px;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:50px}.home .wrapper-stat{width:100%;max-width:315px;height:100px;padding:20px;display:flex;flex-direction:column;justify-content:center;color:#fff;box-shadow:#0000000d 0 0 0 1px;border-radius:5px}.home .wrapper-stat h2{font-size:14px;font-weight:200;line-height:1rem}.home .wrapper-stat h1{font-size:30px;font-weight:900;font-family:Montserrat,sans-serif}.wrapper-stat h1 span{font-size:17px;font-weight:500;margin-left:3px}.wrapper-stat h1 strong{font-weight:500;letter-spacing:-1px}.home .wrapper-management{position:relative;width:100%;height:200px;padding:20px;display:flex;flex-direction:column;background-color:#fff;box-shadow:#0000000d 0 0 0 1px;border-left:5px solid #3e58c0;border-radius:5px;cursor:pointer}.home .wrapper-management h1{font-size:22.5px;font-weight:600;margin-bottom:10px}.home .wrapper-management p{font-size:14px;font-weight:300;line-height:1.3rem;color:#000}.home .wrapper-management .icon{position:absolute;font-size:40px;right:20px;bottom:20px;color:#d4d4d4;transition:.3s color}.home .wrapper-management:hover .icon{color:#3e58c0}}@media (min-width: 1250px) and (max-width: 1450px){.home .wrapper-welcome{width:100%;margin-bottom:50px;display:flex;flex-direction:row}.home .wrapper-welcome .container-title{width:100%;display:flex;justify-content:center;flex-direction:column}.home .wrapper-welcome .container-title h1{font-size:28px;font-weight:200}.home .wrapper-welcome .container-title h1 span{font-weight:600}.home .wrapper-welcome .container-title h2{font-size:15px;font-weight:200}.home .wrapper-welcome .container-img{width:80px;height:80px;margin-right:20px;display:flex;justify-content:center;align-items:center}.home .wrapper-welcome .container-img img{width:100%;border-radius:50%;object-fit:contain}.home h3{color:#000;font-size:16px;font-weight:500;margin-bottom:15px}.home .container-wrapper{display:flex;flex-direction:row;gap:20px;margin-bottom:50px}.home .wrapper-stat{width:100%;min-width:100px;max-width:300px;height:100px;padding:20px;display:flex;flex-direction:column;justify-content:center;color:#fff;box-shadow:#0000000d 0 0 0 1px;border-radius:5px}.home .wrapper-stat h2{font-size:14px;font-weight:200;line-height:1rem}.home .wrapper-stat h1{font-size:30px;font-weight:900;font-family:Montserrat,sans-serif}.wrapper-stat h1 span{font-size:17px;font-weight:500;margin-left:3px}.wrapper-stat h1 strong{font-weight:500;letter-spacing:-1px}.home .wrapper-management{position:relative;width:100%;max-width:360px;min-width:200px;height:250px;padding:20px;display:flex;flex-direction:column;background-color:#fff;box-shadow:#0000000d 0 0 0 1px;border-left:5px solid #3e58c0;border-radius:5px;cursor:pointer}.home .wrapper-management h1{font-size:22.5px;font-weight:600;margin-bottom:10px}.home .wrapper-management p{font-size:14px;font-weight:300;line-height:1.3rem;color:#000}.home .wrapper-management .icon{position:absolute;font-size:40px;right:20px;bottom:20px;color:#d4d4d4;transition:.3s color}.home .wrapper-management:hover .icon{color:#3e58c0}}@media (min-width: 1450px){.home .wrapper-welcome{width:100%;margin-bottom:50px;display:flex;flex-direction:row}.home .wrapper-welcome .container-title{width:100%;display:flex;justify-content:center;flex-direction:column}.home .wrapper-welcome .container-title h1{font-size:28px;font-weight:200}.home .wrapper-welcome .container-title h1 span{font-weight:600}.home .wrapper-welcome .container-title h2{font-size:15px;font-weight:200}.home .wrapper-welcome .container-img{width:80px;height:80px;margin-right:20px;display:flex;justify-content:center;align-items:center}.home .wrapper-welcome .container-img img{width:100%;border-radius:50%;object-fit:contain}.home h3{color:#000;font-size:16px;font-weight:500;margin-bottom:15px}.home .container-wrapper{display:flex;flex-direction:row;gap:20px;margin-bottom:50px}.home .wrapper-stat{width:100%;min-width:100px;max-width:300px;height:130px;padding:20px;display:flex;flex-direction:column;justify-content:center;color:#fff;box-shadow:#0000000d 0 0 0 1px;border-radius:5px}.home .wrapper-stat h2{font-size:14px;font-weight:200;line-height:1rem}.home .wrapper-stat h1{font-size:40px;font-weight:900;font-family:Montserrat,sans-serif}.wrapper-stat h1 span{font-size:17px;font-weight:500;margin-left:3px}.wrapper-stat h1 strong{font-weight:500;letter-spacing:-1px}.home .wrapper-management{position:relative;width:100%;max-width:360px;min-width:200px;height:250px;padding:20px;display:flex;flex-direction:column;background-color:#fff;box-shadow:#0000000d 0 0 0 1px;border-left:5px solid #3e58c0;border-radius:5px;cursor:pointer}.home .wrapper-management h1{font-size:22.5px;font-weight:600;margin-bottom:10px}.home .wrapper-management p{font-size:14px;font-weight:300;line-height:1.3rem;color:#000}.home .wrapper-management .icon{position:absolute;font-size:40px;right:20px;bottom:20px;color:#d4d4d4;transition:.3s color}.home .wrapper-management:hover .icon{color:#3e58c0}}.home .wrapper-stat:nth-child(1){background-color:#3e58c0}.home .wrapper-stat:nth-child(2){background-color:#32479e}.home .wrapper-stat:nth-child(3){background-color:#26357b}.home .wrapper-stat:nth-child(4){background-color:#1b254f}@media (min-width: 0px) and (max-width: 500px){.new-customers{position:fixed;top:0;left:0;width:100%;height:100%}.new-customers .wrapper{width:100%;height:100%;background-color:#fff;overflow:scroll}.new-customers .wrapper .container-title{width:100%;padding:20px;display:flex;justify-content:space-between}.new-customers .wrapper .container-title h1{font-size:20px;font-weight:600}.new-customers .wrapper .container-title .close{font-size:25px;cursor:pointer}.new-customers .wrapper .identity-section,.new-customers .wrapper .identification-section{border-top:1px solid #e4e4e4;width:100%;padding:30px 20px;display:flex;flex-direction:column}.new-customers .wrapper .identity-section h2,.new-customers .wrapper .identification-section h2{font-size:16px;font-weight:400;margin-bottom:10px}.new-customers .wrapper .section{display:flex;flex-direction:column;justify-content:space-between}.new-customers .wrapper .lastname,.new-customers .wrapper .forname,.new-customers .wrapper .street,.new-customers .wrapper .number_street,.new-customers .wrapper .city,.new-customers .wrapper .postal,.new-customers .wrapper .country,.new-customers .wrapper .sex,.new-customers .wrapper .username,.new-customers .wrapper .role,.new-customers .wrapper .mail,.new-customers .wrapper .phone{width:100%;height:45px;padding:0 10px;margin:5px 0;display:flex;flex-direction:row;align-items:center;border:1px solid #cccccc;border-radius:10px;overflow:hidden}.new-customers .wrapper input{width:100%;height:45px;font-size:15px;font-weight:400;color:#222;border:none;outline:none}.new-customers .wrapper input::placeholder{font-size:15px;font-weight:400;color:#9c9c9c}.new-customers .wrapper select{width:100%;height:45px;font-size:15px;font-weight:400;border:none;outline:none;cursor:pointer}.new-customers .wrapper span{width:40px;font-size:20px;color:#9c9c9c}.new-customers .wrapper #read{color:#9c9c9c}.new-customers .wrapper .container-btn{width:100%;padding:20px;border-top:1px solid #e4e4e4;display:flex;justify-content:end}.new-customers .wrapper .container-btn button{width:130px;height:35px;font-size:15px;font-weight:400;background-color:#3e58c0;color:#fff;border:none;outline:none;border-radius:5px;transition:.3s background-color;cursor:pointer}.new-customers .wrapper .container-btn button:hover{background-color:#253ea3}}@media (min-width: 500px) and (max-width: 750px){.new-customers{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000063;overflow-y:auto}.new-customers .wrapper{width:100%;max-width:450px;margin:120px auto;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}.new-customers .wrapper .container-title{width:100%;padding:20px 30px;display:flex;justify-content:space-between}.new-customers .wrapper .container-title h1{font-size:20px;font-weight:600}.new-customers .wrapper .container-title .close{font-size:25px;cursor:pointer}.new-customers .wrapper .identity-section,.new-customers .wrapper .identification-section{border-top:1px solid #e4e4e4;width:100%;padding:30px;display:flex;flex-direction:column}.new-customers .wrapper .identity-section h2,.new-customers .wrapper .identification-section h2{font-size:16px;font-weight:400;margin-bottom:10px}.new-customers .wrapper .section{display:flex;flex-direction:column;justify-content:space-between}.new-customers .wrapper .lastname,.new-customers .wrapper .forname,.new-customers .wrapper .street,.new-customers .wrapper .number_street,.new-customers .wrapper .city,.new-customers .wrapper .postal,.new-customers .wrapper .country,.new-customers .wrapper .sex,.new-customers .wrapper .username,.new-customers .wrapper .role,.new-customers .wrapper .mail,.new-customers .wrapper .phone{width:100%;height:45px;padding:0 10px;margin:5px 0;display:flex;flex-direction:row;align-items:center;border:1px solid #cccccc;border-radius:10px;overflow:hidden}.new-customers .wrapper input{width:100%;height:45px;font-size:15px;font-weight:400;color:#222;border:none;outline:none}.new-customers .wrapper input::placeholder{font-size:15px;font-weight:400;color:#9c9c9c}.new-customers .wrapper select{width:100%;height:45px;font-size:15px;font-weight:400;border:none;outline:none;cursor:pointer}.new-customers .wrapper span{width:40px;font-size:20px;color:#9c9c9c}.new-customers .wrapper #read{color:#9c9c9c}.new-customers .wrapper .container-btn{width:100%;padding:20px 30px;border-top:1px solid #e4e4e4;display:flex;justify-content:end}.new-customers .wrapper .container-btn button{width:130px;height:35px;font-size:15px;font-weight:400;background-color:#3e58c0;color:#fff;border:none;outline:none;border-radius:5px;transition:.3s background-color;cursor:pointer}.new-customers .wrapper .container-btn button:hover{background-color:#253ea3}}@media (min-width: 750px) and (max-width: 1000px){.new-customers{position:fixed;top:0;left:0;width:100%;height:100%;min-height:900px;background-color:#00000063;display:flex;align-items:center;justify-content:center}.new-customers .wrapper{width:100%;max-width:700px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}}@media (min-width: 1000px){.new-customers{position:fixed;top:0;left:260px;width:calc(100% - 260px);height:100%;min-height:900px;background-color:#00000063;display:flex;align-items:center;justify-content:center}.new-customers .wrapper{width:100%;max-width:700px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}}@media (min-width: 750px){.new-customers .wrapper .container-title{width:100%;padding:20px 30px;display:flex;justify-content:space-between}.new-customers .wrapper .container-title h1{font-size:20px;font-weight:600}.new-customers .wrapper .container-title .close{font-size:25px;cursor:pointer}.new-customers .wrapper .identity-section,.new-customers .wrapper .identification-section{border-top:1px solid #e4e4e4;width:100%;padding:30px;display:flex;flex-direction:column}.new-customers .wrapper .identity-section h2,.new-customers .wrapper .identification-section h2{font-size:16px;font-weight:400;margin-bottom:10px}.new-customers .wrapper .section{display:flex;flex-direction:row;justify-content:space-between}.new-customers .wrapper .lastname,.new-customers .wrapper .forname,.new-customers .wrapper .street,.new-customers .wrapper .number_street,.new-customers .wrapper .city,.new-customers .wrapper .postal,.new-customers .wrapper .country,.new-customers .wrapper .sex,.new-customers .wrapper .username,.new-customers .wrapper .role,.new-customers .wrapper .mail,.new-customers .wrapper .phone{width:49%;height:45px;padding:0 10px;margin:5px 0;display:flex;flex-direction:row;align-items:center;border:1px solid #cccccc;border-radius:10px;overflow:hidden}.new-customers .wrapper input{width:100%;height:45px;font-size:15px;font-weight:400;color:#222;border:none;outline:none}.new-customers .wrapper input::placeholder{font-size:15px;font-weight:400;color:#9c9c9c}.new-customers .wrapper select{width:100%;height:45px;font-size:15px;font-weight:400;border:none;outline:none;cursor:pointer}.new-customers .wrapper span{width:40px;font-size:20px;color:#9c9c9c}.new-customers .wrapper #read{color:#9c9c9c}.new-customers .wrapper .container-btn{width:100%;padding:20px 30px;border-top:1px solid #e4e4e4;display:flex;justify-content:end}.new-customers .wrapper .container-btn button{width:130px;height:35px;font-size:15px;font-weight:400;background-color:#3e58c0;color:#fff;border:none;outline:none;border-radius:5px;transition:.3s background-color;cursor:pointer}.new-customers .wrapper .container-btn button:hover{background-color:#253ea3}}.delete-customers{position:fixed;top:0;left:260px;width:calc(100% - 260px);height:100%;background-color:#00000063;display:flex;align-items:center;justify-content:center}.delete-customers .wrapper{width:100%;max-width:360px;padding:15px;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;box-shadow:0 4px 10px #0000001a}.delete-customers .wrapper .container-btn{width:100%;margin-top:30px;display:flex;flex-direction:row;align-items:center;justify-content:end}.delete-customers .wrapper .container-btn button{width:70px;height:35px;margin:0 5px;border-radius:25px;background:#eee;border:none;cursor:pointer}.delete-customers .wrapper .container-btn button:hover{background-color:#3e58c0;color:#fff}@media (min-width: 0px) and (max-width: 500px){.update-customers{position:fixed;top:0;left:0;width:100%;height:100%}.update-customers .wrapper{width:100%;height:100%;background-color:#fff;overflow:scroll}.update-customers .wrapper .container-title{width:100%;padding:20px;display:flex;justify-content:space-between}.update-customers .wrapper .container-title h1{font-size:20px;font-weight:600}.update-customers .wrapper .container-title .close{font-size:25px;cursor:pointer}.update-customers .wrapper .identity-section,.update-customers .wrapper .identification-section{border-top:1px solid #e4e4e4;width:100%;padding:30px 20px;display:flex;flex-direction:column}.update-customers .wrapper .identity-section h2,.update-customers .wrapper .identification-section h2{font-size:16px;font-weight:400;margin-bottom:10px}.update-customers .wrapper .section{display:flex;flex-direction:column;justify-content:space-between}.update-customers .wrapper .lastname,.update-customers .wrapper .forname,.update-customers .wrapper .street,.update-customers .wrapper .number_street,.update-customers .wrapper .city,.update-customers .wrapper .postal,.update-customers .wrapper .country,.update-customers .wrapper .sex,.update-customers .wrapper .username,.update-customers .wrapper .identification,.update-customers .wrapper .mail,.update-customers .wrapper .phone,.update-customers .wrapper .role,.update-customers .wrapper .created{width:100%;height:45px;padding:0 10px;margin:5px 0;display:flex;flex-direction:row;align-items:center;border:1px solid #cccccc;border-radius:10px;overflow:hidden}.update-customers .wrapper input{width:100%;height:45px;font-size:15px;font-weight:400;color:#222;border:none;outline:none}.update-customers .wrapper input::placeholder{font-size:15px;font-weight:400;color:#9c9c9c}.update-customers .wrapper select{width:100%;height:45px;font-size:15px;font-weight:400;border:none;outline:none;cursor:pointer}.update-customers .wrapper span{width:40px;font-size:20px;color:#9c9c9c}.update-customers .wrapper #read{color:#9c9c9c}.update-customers .wrapper .container-btn{width:100%;padding:20px;border-top:1px solid #e4e4e4;display:flex;justify-content:end}.update-customers .wrapper .container-btn button{width:110px;height:35px;font-size:15px;font-weight:400;background-color:#3e58c0;color:#fff;border:none;outline:none;border-radius:5px;transition:.3s background-color;cursor:pointer}.update-customers .wrapper .container-btn button:hover{background-color:#253ea3}}@media (min-width: 500px) and (max-width: 750px){.update-customers{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000063;overflow-y:auto}.update-customers .wrapper{width:100%;max-width:450px;margin:120px auto;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}.update-customers .wrapper .container-title{width:100%;padding:20px 30px;display:flex;justify-content:space-between}.update-customers .wrapper .container-title h1{font-size:20px;font-weight:600}.update-customers .wrapper .container-title .close{font-size:25px;cursor:pointer}.update-customers .wrapper .identity-section,.update-customers .wrapper .identification-section{border-top:1px solid #e4e4e4;width:100%;padding:30px;display:flex;flex-direction:column}.update-customers .wrapper .identity-section h2,.update-customers .wrapper .identification-section h2{font-size:16px;font-weight:400;margin-bottom:10px}.update-customers .wrapper .section{display:flex;flex-direction:column;justify-content:space-between}.update-customers .wrapper .lastname,.update-customers .wrapper .forname,.update-customers .wrapper .street,.update-customers .wrapper .number_street,.update-customers .wrapper .city,.update-customers .wrapper .postal,.update-customers .wrapper .country,.update-customers .wrapper .sex,.update-customers .wrapper .username,.update-customers .wrapper .identification,.update-customers .wrapper .mail,.update-customers .wrapper .phone,.update-customers .wrapper .role,.update-customers .wrapper .created{width:100%;height:45px;padding:0 10px;margin:5px 0;display:flex;flex-direction:row;align-items:center;border:1px solid #cccccc;border-radius:10px;overflow:hidden}.update-customers .wrapper input{width:100%;height:45px;font-size:15px;font-weight:400;color:#222;border:none;outline:none}.update-customers .wrapper input::placeholder{font-size:15px;font-weight:400;color:#9c9c9c}.update-customers .wrapper select{width:100%;height:45px;font-size:15px;font-weight:400;border:none;outline:none;cursor:pointer}.update-customers .wrapper span{width:40px;font-size:20px;color:#9c9c9c}.update-customers .wrapper #read{color:#9c9c9c}.update-customers .wrapper .container-btn{width:100%;padding:20px 30px;border-top:1px solid #e4e4e4;display:flex;justify-content:end}.update-customers .wrapper .container-btn button{width:110px;height:35px;font-size:15px;font-weight:400;background-color:#3e58c0;color:#fff;border:none;outline:none;border-radius:5px;transition:.3s background-color;cursor:pointer}.update-customers .wrapper .container-btn button:hover{background-color:#253ea3}}@media (min-width: 750px) and (max-width: 1000px){.update-customers{position:fixed;top:0;left:0;width:100%;height:100%;min-height:900px;background-color:#00000063;display:flex;align-items:center;justify-content:center}.update-customers .wrapper{width:100%;max-width:700px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}}@media (min-width: 1000px){.update-customers{position:fixed;top:0;left:260px;width:calc(100% - 260px);height:100%;min-height:900px;background-color:#00000063;display:flex;align-items:center;justify-content:center}.update-customers .wrapper{width:100%;max-width:700px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}}@media (min-width: 750px){.update-customers .wrapper .container-title{width:100%;padding:20px 30px;display:flex;justify-content:space-between}.update-customers .wrapper .container-title h1{font-size:20px;font-weight:600}.update-customers .wrapper .container-title .close{font-size:25px;cursor:pointer}.update-customers .wrapper .identity-section,.update-customers .wrapper .identification-section{border-top:1px solid #e4e4e4;width:100%;padding:30px;display:flex;flex-direction:column}.update-customers .wrapper .identity-section h2,.update-customers .wrapper .identification-section h2{font-size:16px;font-weight:400;margin-bottom:10px}.update-customers .wrapper .section{display:flex;flex-direction:row;justify-content:space-between}.update-customers .wrapper .lastname,.update-customers .wrapper .forname,.update-customers .wrapper .street,.update-customers .wrapper .number_street,.update-customers .wrapper .city,.update-customers .wrapper .postal,.update-customers .wrapper .country,.update-customers .wrapper .sex,.update-customers .wrapper .username,.update-customers .wrapper .identification,.update-customers .wrapper .mail,.update-customers .wrapper .phone,.update-customers .wrapper .role,.update-customers .wrapper .created{width:49%;height:45px;padding:0 10px;margin:5px 0;display:flex;flex-direction:row;align-items:center;border:1px solid #cccccc;border-radius:10px;overflow:hidden}.update-customers .wrapper input{width:100%;height:45px;font-size:15px;font-weight:400;color:#222;border:none;outline:none}.update-customers .wrapper input::placeholder{font-size:15px;font-weight:400;color:#9c9c9c}.update-customers .wrapper select{width:100%;height:45px;font-size:15px;font-weight:400;border:none;outline:none;cursor:pointer}.update-customers .wrapper span{width:40px;font-size:20px;color:#9c9c9c}.update-customers .wrapper #read{color:#9c9c9c}.update-customers .wrapper .container-btn{width:100%;padding:20px 30px;border-top:1px solid #e4e4e4;display:flex;justify-content:end}.update-customers .wrapper .container-btn button{width:110px;height:35px;font-size:15px;font-weight:400;background-color:#3e58c0;color:#fff;border:none;outline:none;border-radius:5px;transition:.3s background-color;cursor:pointer}.update-customers .wrapper .container-btn button:hover{background-color:#253ea3}}@media (min-width: 0px) and (max-width: 600px){.customers{width:100%;min-width:310px;height:auto;display:flex;flex-direction:column;overflow-y:scroll}.customers .container-title{height:170px;display:flex;flex-direction:column;border-bottom:1px solid #e4e4e4}.customers .container-title h1{font-size:28px;font-weight:600;margin-bottom:20px;text-align:center}.customers .container-function{display:flex;flex-direction:column}.customers .container-function .research{position:relative;border:1px solid #b6b6b6;border-radius:5px;width:310px;height:45px;display:flex;flex-direction:row;overflow:hidden}.customers .container-function .research input{flex:1;height:45px;padding:10px;font-size:15px;background:transparent;border:none;outline:none}.customers .container-function .research span{width:45px;height:45px;display:flex;justify-content:center;align-items:center;border-left:1px solid #b6b6b6}.customers .container-function .research span .icon{font-size:16px}.customers .container-function button{width:310px;height:45px;margin-top:10px;border:none;background-color:#3e58c0;border-radius:5px;font-size:15px;font-weight:400;color:#fff;outline:none;transition:.3s background-color;cursor:pointer}.customers .container-function button:hover{background-color:#253ea3}.customers .container-box{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;margin-top:20px;max-width:1120px;margin-left:auto;margin-right:auto}.customers .container-box .box{width:310px;height:120px;background-color:#fff;box-shadow:#0000000d 0 0 0 1px;border-left:5px solid #3e58c0;border-radius:5px;display:flex;flex-direction:row;justify-self:start}.customers .container-box .box .container-img{display:none}.customers .container-box .box .container-text{position:relative;width:100%;height:100%;padding:20px}.customers .container-box .box .container-text h2{font-size:16px;font-weight:500}.customers .container-box .box .container-text h3{margin-top:5px;font-family:Montserrat;font-size:13px;font-weight:500;color:#b4b4b4}.customers .container-box .box .container-text h4{position:absolute;bottom:20px;font-family:Montserrat;font-size:13px;font-weight:600}.customers .container-box .box .container-btn{position:absolute;bottom:20px;right:20px;width:45px;display:flex;justify-content:space-between;cursor:pointer}}@media (min-width: 600px) and (max-width: 1120px){.customers{width:100%;min-width:450px;height:auto;display:flex;flex-direction:column;overflow-y:scroll}.customers .container-title{height:110px;display:flex;flex-direction:column;border-bottom:1px solid #e4e4e4}.customers .container-title h1{font-size:26px;font-weight:600;margin-bottom:20px}.customers .container-function{display:flex;flex-direction:row;justify-content:space-between}.customers .container-function .research{position:relative;border:1px solid #b6b6b6;border-radius:5px;width:220px;height:40px;display:flex;flex-direction:row;overflow:hidden}.customers .container-function .research input{flex:1;height:40px;padding:10px;background:transparent;border:none;outline:none}.customers .container-function .research span{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-left:1px solid #b6b6b6}.customers .container-function .research span .icon{font-size:16px}.customers .container-function button{width:160px;margin-left:10px;border:none;background-color:#3e58c0;border-radius:5px;font-size:15px;font-weight:400;color:#fff;outline:none;transition:.3s background-color;cursor:pointer}.customers .container-function button:hover{background-color:#253ea3}.customers .container-box{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;margin-top:20px;max-width:1120px;margin-left:auto;margin-right:auto}.customers .container-box .box{width:450px;height:140px;background-color:#fff;box-shadow:#0000000d 0 0 0 1px;border-left:5px solid #3e58c0;border-radius:5px;display:flex;flex-direction:row;justify-self:start}.customers .container-box .box .container-img{width:30%;height:100%;display:flex;justify-content:center;align-items:center}.customers .container-box .box .container-img img{width:70%;height:70%;object-fit:contain}.customers .container-box .box .container-text{position:relative;width:70%;height:100%;padding:20px 20px 20px 10px}.customers .container-box .box .container-text h2{font-size:16px;font-weight:500}.customers .container-box .box .container-text h3{margin-top:5px;font-family:Montserrat;font-size:13px;font-weight:500;color:#b4b4b4}.customers .container-box .box .container-text h4{position:absolute;bottom:30px;font-family:Montserrat;font-size:13px;font-weight:600}.customers .container-box .box .container-btn{position:absolute;bottom:20px;right:20px;width:45px;display:flex;justify-content:space-between;cursor:pointer}}@media (min-width: 1120px) and (max-width: 1470px){.customers{width:100%;min-width:740px;height:auto;display:flex;flex-direction:column;overflow-y:scroll}.customers .container-title{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e4e4}.customers .container-title h1{font-size:26px;font-weight:600}.customers .container-function{display:flex;flex-direction:row}.customers .container-function .research{position:relative;border:1px solid #b6b6b6;border-radius:5px;width:220px;height:40px;display:flex;flex-direction:row;overflow:hidden}.customers .container-function .research input{flex:1;height:40px;padding:10px;background:transparent;border:none;outline:none}.customers .container-function .research span{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-left:1px solid #b6b6b6}.customers .container-function .research span .icon{font-size:16px}.customers .container-function button{width:140px;margin-left:10px;border:none;background-color:#3e58c0;border-radius:5px;font-size:15px;font-weight:400;color:#fff;outline:none;transition:.3s background-color;cursor:pointer}.customers .container-function button:hover{background-color:#253ea3}.customers .container-box{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;max-width:1120px;margin-left:auto;margin-right:auto}.customers .container-box .box{width:360px;height:140px;background-color:#fff;box-shadow:#0000000d 0 0 0 1px;border-left:5px solid #3e58c0;border-radius:5px;display:flex;flex-direction:row;justify-self:start}.customers .container-box .box .container-img{width:30%;height:100%;display:flex;justify-content:center;align-items:center}.customers .container-box .box .container-img img{width:70%;height:70%;object-fit:contain}.customers .container-box .box .container-text{position:relative;width:70%;height:100%;padding:20px 20px 20px 10px}.customers .container-box .box .container-text h2{font-size:16px;font-weight:500}.customers .container-box .box .container-text h3{margin-top:5px;font-family:Montserrat;font-size:13px;font-weight:500;color:#b4b4b4}.customers .container-box .box .container-text h4{position:absolute;bottom:30px;font-family:Montserrat;font-size:13px;font-weight:600}.customers .container-box .box .container-btn{position:absolute;bottom:20px;right:20px;width:45px;display:flex;justify-content:space-between;cursor:pointer}}@media (min-width: 1470px){.customers{width:100%;min-width:1120px;height:auto;display:flex;flex-direction:column;overflow-y:scroll}.customers .container-title{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e4e4}.customers .container-title h1{font-size:26px;font-weight:600}.customers .container-function{display:flex;flex-direction:row}.customers .container-function .research{position:relative;border:1px solid #b6b6b6;border-radius:5px;width:220px;height:40px;display:flex;flex-direction:row;overflow:hidden}.customers .container-function .research input{flex:1;height:40px;padding:10px;background:transparent;border:none;outline:none}.customers .container-function .research span{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-left:1px solid #b6b6b6}.customers .container-function .research span .icon{font-size:16px}.customers .container-function button{width:140px;margin-left:10px;border:none;background-color:#3e58c0;border-radius:5px;font-size:15px;font-weight:400;color:#fff;outline:none;transition:.3s background-color;cursor:pointer}.customers .container-function button:hover{background-color:#253ea3}.customers .container-box{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;max-width:1120px;margin-left:auto;margin-right:auto}.customers .container-box .box{width:360px;height:140px;background-color:#fff;box-shadow:#0000000d 0 0 0 1px;border-left:5px solid #3e58c0;border-radius:5px;display:flex;flex-direction:row;justify-self:start}.customers .container-box .box .container-img{width:30%;height:100%;display:flex;justify-content:center;align-items:center}.customers .container-box .box .container-img img{width:70%;height:70%;object-fit:contain}.customers .container-box .box .container-text{position:relative;width:70%;height:100%;padding:20px 20px 20px 10px}.customers .container-box .box .container-text h2{font-size:16px;font-weight:500}.customers .container-box .box .container-text h3{margin-top:5px;font-family:Montserrat;font-size:13px;font-weight:500;color:#b4b4b4}.customers .container-box .box .container-text h4{position:absolute;bottom:30px;font-family:Montserrat;font-size:13px;font-weight:600}.customers .container-box .box .container-btn{position:absolute;bottom:20px;right:20px;width:45px;display:flex;justify-content:space-between;cursor:pointer}}.customers .container-box .box .container-btn button{color:#b4b4b4;background:transparent;border:none;transition:.3s color;cursor:pointer}.customers .container-box .box .container-btn button:nth-child(1){font-size:17px}.customers .container-box .box .container-btn button:nth-child(2){font-size:18px}.customers .container-box .box .container-btn button:hover{color:#3e58c0}.customers .message{font-size:16px;font-weight:500;padding-top:20px;padding-left:20px}.container-navbar{display:flex;flex-direction:column}@media (max-width: 1000px){.container-hamburger{position:absolute;height:70px;padding-left:20px;display:flex;align-items:center;background-color:#fff}nav{position:fixed;top:70px;left:0;display:flex;flex-direction:column;width:260px;height:100%;padding-bottom:70px;background-color:#202020;overflow-y:auto;z-index:50}}@media (min-width: 1000px){.container-hamburger{display:none}nav{display:flex;flex-direction:column;width:260px;height:100vh;background-color:#202020;overflow-y:auto;z-index:50}}nav .container-title{width:260px;height:70px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:#202020}nav .container-title h1{font-size:25px;font-weight:600;color:#fff}nav .container-profil{width:100%;height:90px;flex-shrink:0;padding:0 25px;display:flex;flex-direction:row;align-items:center;background-color:#2b2b2b}nav .container-profil img{margin-right:10px;width:45px;border-radius:50%}nav .container-profil h3{font-size:11px;font-weight:400;color:#ffffff6e}nav .container-profil h2{font-size:15px;font-weight:600;color:#fff}nav ul{width:100%;margin-top:10px;margin-bottom:100px;display:flex;flex-direction:column;flex-grow:1}nav ul li{list-style:none}nav ul li a{width:100%;height:50px;padding:0 30px;display:flex;align-items:center;transition:.3s background-color;cursor:pointer}nav ul li a{color:#b4b4b4dc;text-decoration:none}nav ul li a .icon{margin-right:20px;font-size:22px}nav ul li a span{font-size:15px;font-weight:400}nav ul li a.active{background-color:#2b2b2b;color:#fff;border-left:6px solid #3e58c0}nav ul li a.active .icon{color:#3e58c0}nav ul li a:hover{background-color:#2b2b2b;color:#fff;border-left:6px solid #3e58c0}nav ul li a:hover .icon{color:#3e58c0}nav .container-logo{padding:20px 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex-grow:1}nav .container-logo .logo{display:flex;flex-direction:column}nav .container-logo .logo img{width:125px;object-fit:contain}nav .container-logo .logo h4{margin-top:15px;font-size:10px;font-weight:300;color:#fff;text-align:center}@media (max-width: 1000px){header .container{flex:1;display:flex;flex-direction:row;justify-content:end;height:100%;min-height:70px}header .container .container-info{display:none}}@media (min-width: 1000px){header .container{flex:1;display:flex;flex-direction:row;height:100%;min-height:70px}header .container .container-info{width:95%;display:flex;align-items:center;flex-direction:row}}header{width:100%;height:70px;display:flex;flex-direction:row;background-color:#fff;box-shadow:#00000026 1.95px 1.95px 2.6px}header .container .container-info .info{margin-left:40px;display:flex;align-items:center;flex-direction:row;font-size:18px;font-weight:400}header .container .container-info .info span{width:30px;height:30px;border-radius:50%;border:2px solid #2B4093;display:flex;justify-content:center;align-items:center;margin-right:10px}header .container .container-info .info .icon{font-size:16px;color:#2b4093}header .container .container-button{padding:0 10px;display:flex;align-items:center}header .container .container-button button{font-size:25px;color:#000;margin-right:15px;background-color:transparent;border:none;outline:none;transition:.3s color;cursor:pointer}header .container .container-button button:nth-child(2){font-size:26px}header .container .container-button button:hover{color:#3e58c0}*{margin:0;padding:0;box-sizing:border-box;font-family:Sofia Pro}html,body,#root{background-color:#f7f9fd;overflow-x:hidden}.container{display:flex;flex-direction:row;height:100vh}.container .container-panel{display:flex;flex-direction:column;flex:1;height:100vh}@media (max-width: 500px){.container .container-content{padding:100px 20px;margin:0 auto;flex:1;overflow-y:auto}}@media (min-width: 500px){.container .container-content{padding:150px 40px;margin:0 auto;flex:1;overflow-y:auto}}