@keyframes appearFromBottom{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%,-50%)}}#cgv_dasboard{margin:0;padding:0;display:flex;background:#fff;min-height:100vh}@media screen and (max-width:540px){#cgv_dasboard{padding-top:50px;min-height:calc(100vh - 50px)}}#cgv_dasboard h2{font-size:56px;line-height:50px;font-weight:500}#cgv_dasboard h4{font-size:18px;font-weight:300;margin-bottom:40px;margin-top:10px}#cgv_dasboard .wrapper{width:100%;display:flex;max-width:1400px;margin:0 auto;padding:30px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:40px}#cgv_dasboard .top .count{font-size:18px;line-height:14px;font-weight:300;flex:0 0 auto;color:#708090;padding-bottom:10px}#cgv_dasboard .content{width:100%}#cgv_dasboard .content .baseline{font-size:14px;font-weight:medium;color:grey;font-style:italic}#cgv_dasboard .content .toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(3,169,244,.1);padding-bottom:20px;margin-bottom:10px}#cgv_dasboard .content .toolbar .flex{display:flex;gap:10px}#cgv_dasboard .content .toolbar .flex select{color:#61819f}#cgv_dasboard .content .toolbar .flex select,#cgv_dasboard .content .toolbar .search{border:1px solid rgba(3,169,244,.1);background:#fff;padding:6px 16px;border-radius:4px}#cgv_dasboard .content .toolbar .search{display:flex;position:relative;align-items:center}#cgv_dasboard .content .toolbar .search input[type=text]{background:transparent;border:none;outline:none;font-size:14px;font-weight:500;color:#61819f}#cgv_dasboard .content .toolbar .buttons{display:flex;align-items:center;gap:10px}#cgv_dasboard .content .toolbar .buttons .ajouter{background:transparent;border:none;outline:none;color:#03a9f4;font-size:14px;padding:3px 10px;transition:all .3s ease;cursor:pointer}#cgv_dasboard .content .toolbar .buttons .ajouter:hover{color:#0286c2}#cgv_dasboard .content .toolbar .buttons .button{background:#03a9f4;border:1px solid #0398db;padding:5px 10px;border-radius:4px;color:#fff;transition:all .3s ease;cursor:pointer}#cgv_dasboard .content .toolbar .buttons .button:hover{background:#0286c2;transform:translateY(2px)}#cgv_dasboard .content .begin{padding:20px;display:flex;flex-direction:column;font-size:16px;font-weight:300;line-height:26px;background:rgba(3,169,244,.03);max-width:360px;border-radius:30px;padding:30px}#cgv_dasboard .content .begin i,#cgv_dasboard .content .begin svg{margin-bottom:20px;font-size:26px}#cgv_dasboard .content .begin strong{font-weight:500;font-size:18px;color:#03a9f4}#cgv_dasboard .content .zone{transition:all .3s ease;border-radius:20px;position:relative;padding:30px;background:rgba(3,169,244,.03);border-radius:30px;margin-bottom:30px;margin-top:40px;line-height:24px;font-size:16px}#cgv_dasboard .content .zone:hover{box-shadow:0 0 50px rgba(192,205,217,.4)}#cgv_dasboard .content .zone h3{text-align:left;font-weight:500;font-size:20px;text-transform:none;margin-bottom:10px;margin-top:10px;color:#03a9f4}#cgv_dasboard .content .liste_clients{display:flex;flex-direction:column}#cgv_dasboard .content .liste_clients .en-tete{display:flex;flex-wrap:nowrap;align-items:center;padding:8px;font-size:16px;font-weight:500}#cgv_dasboard .content .liste_clients .en-tete .checkbox{flex:0 0 auto;width:25px;display:none;display:flex;align-items:center}#cgv_dasboard .content .liste_clients .en-tete .checkbox input[type=checkbox]{width:16px;height:16px;margin:0}#cgv_dasboard .content .liste_clients .en-tete .nom{flex:1}#cgv_dasboard .content .liste_clients .en-tete .numero{flex:0 0 auto;width:130px}#cgv_dasboard .content .liste_clients .en-tete .statut{flex:0 0 auto;width:100px;text-align:right}#cgv_dasboard .content .liste_clients .en-tete .signataire{flex:0 0 auto;padding:0 10px;width:130px;text-align:right}#cgv_dasboard .content .liste_clients .en-tete .actions{padding-left:10px;flex:0 0 auto;width:180px;display:flex;justify-content:flex-end}#cgv_dasboard .content .liste_clients .case{display:flex;flex-wrap:nowrap;align-items:center;padding:10px}#cgv_dasboard .content .liste_clients .case .checkbox{flex:0 0 auto;display:none;width:25px;display:flex;align-items:center}#cgv_dasboard .content .liste_clients .case .checkbox input[type=checkbox]{width:16px;height:16px;margin:0}#cgv_dasboard .content .liste_clients .case .nom{flex:1;font-size:15px;font-weight:500}#cgv_dasboard .content .liste_clients .case .numero{flex:0 0 auto;width:130px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:300}#cgv_dasboard .content .liste_clients .case .signataire{flex:0 0 auto;padding:0 10px;width:130px;text-align:right;font-size:14px;font-weight:300}#cgv_dasboard .content .liste_clients .case .actions{padding-left:10px;flex:0 0 auto;width:180px;display:flex;align-items:center;gap:6px;justify-content:flex-end}#cgv_dasboard .content .liste_clients .case .actions a,#cgv_dasboard .content .liste_clients .case .actions button{background:rgba(16,124,65,.1);color:#107c41;border:none;outline:none;font-size:12px;padding:3px 6px;border-radius:4px;transition:all .3s ease;cursor:pointer}#cgv_dasboard .content .liste_clients .case .actions a:hover,#cgv_dasboard .content .liste_clients .case .actions button:hover{background:rgba(16,124,65,.2);transform:translateY(2px)}#cgv_dasboard .content .liste_clients .case .statut{flex:0 0 auto;width:100px;font-size:12px;font-weight:500;text-align:right;display:flex;flex-direction:column;align-items:center;justify-content:center}#cgv_dasboard .content .liste_clients .case .statut span.bulle{color:#fff;background:#c0cdd9;padding:3px 6px;border-radius:4px;line-height:1;display:inline-block}#cgv_dasboard .content .liste_clients .case .statut span.bulle.en-cours-de-signature{background:#03a9f4}#cgv_dasboard .content .liste_clients .case .statut span.bulle.signe{background:#107c41}#cgv_dasboard .content .liste_clients .case .statut span.bulle.refuse{background:#ff3e17}#cgv_dasboard .content .liste_clients .case:nth-child(2n){background:#fff}#cgv_dasboard .content .liste_clients .case:hover{background:#fff;box-shadow:0 4px 6px rgba(3,169,244,.05)}#cgv_dasboard .content .liste_clients .no-clients{padding:50px;font-size:16px;text-align:center;font-weight:300;color:#809bb3}#cgv_dasboard .addClient{position:fixed;top:0;right:0;bottom:0;box-shadow:0 0 40px rgba(192,205,217,.3);border-left:2px solid rgba(3,169,244,.1);z-index:8888;width:400px;max-width:90%;transition:all .3s ease;background:linear-gradient(0deg,#fcfdfd,#fff)}#cgv_dasboard .addClient .wrapper{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}#cgv_dasboard .addClient .wrapper .close{position:absolute;right:20px;top:20px;cursor:pointer;color:#c0cdd9;padding:10px;transition:all .3s ease}#cgv_dasboard .addClient .wrapper .close:hover{color:#0288d1;transform:translateY(2px)}#cgv_dasboard .addClient .wrapper form{width:100%}#cgv_dasboard .addClient .wrapper .submit{display:flex;justify-content:flex-end}#cgv_dasboard .addClient .wrapper .submit button{background:#0288d1;color:#fff;padding:7px 10px;border-radius:4px;border:none;outline:none;transition:all .3s ease;font-size:15px;font-weight:500;cursor:pointer}#cgv_dasboard .addClient .wrapper .submit button:hover{background:#02638f;transform:translateY(2px)}#cgv_dasboard .addClient .wrapper .check{margin-bottom:30px;color:#c0cdd9}#cgv_dasboard .addClient .wrapper .check .van-checkbox .van-checkbox__label{color:#809bb3!important;font-size:14px!important}#cgv_dasboard .addClient .wrapper .form-group{display:flex;position:relative;width:100%;flex-direction:column;border:1px solid rgba(3,169,244,.2);background:rgba(3,169,244,.05);border-radius:4px;padding:10px 10px 5px 10px;margin-bottom:20px}#cgv_dasboard .addClient .wrapper .form-group label{color:#0288d1;font-size:11px;font-weight:500;position:absolute;top:0;transform:translateY(-50%);border:1px solid rgba(3,169,244,.2);background:#fff;padding:2px 6px;border-radius:4px}#cgv_dasboard .addClient .wrapper .form-group input,#cgv_dasboard .addClient .wrapper .form-group select{outline:none;border:none;height:35px;font-weight:500;background:transparent}#cgv_dasboard .addClient .wrapper .form-group+small{color:#a0b4c6;font-size:13px;line-height:1.3;display:block;font-style:italic;transform:translateY(-15px);padding-left:10px;margin-bottom:10px}