@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto:wght@100;300;400;500&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;scroll-behavior:smooth;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-o-scroll-behavior:smooth;-ms-scroll-behavior:smooth}:root{--main-hue:219;--main-contrast:45%;--main-brightness:40%;--main-color-:hsl(var(--main-hue),var(--main-contrast),var(--main-brightness));--main-color-hover-:hsl(var(--main-hue),var(--main-contrast),calc(var(--main-brightness) - 8%));--main-color-hover-hover-:hsl(var(--main-hue),var(--main-contrast),calc(var(--main-brightness) - 15%));--secondary-hue:187;--secondary-contrast:80%;--secondary-brightness:35%;--secondary-color-:hsl(var(--secondary-hue),var(--secondary-contrast),var(--secondary-brightness));--secondary-color-hover-:hsl(var(--secondary-hue),var(--secondary-contrast),calc(var(--secondary-brightness) - 6%));--red-:#fc3333;--red-hover-:#c22727;--green-:#4caf50;--green-hover-:#3d8d40;--grey-:#868686;--black-:#1a1a1a;--p-main-:calc(1.5rem + 0.7vmin);--h1-:calc(2rem + 2vw);--h2-:calc(2rem + 0.7vmin);--h3-:calc(1.6rem + 2vw);--font-size-0-:calc(1.3rem + 0.2vw);--font-size-1-:calc(1.4rem + 0.4vw);--font-size-2-:calc(1.6rem + 0.8vw);--font-size-3-:calc(1.7rem + 1.2vw);--padding-button-:calc(0.5rem + 0.5vh) calc(2rem + 1vw);--padding-container-:calc(1rem + 1vh) calc(2rem + 1vw);--icon-size-0-:calc(2.5rem + 0.5vw);--icon-size-1-:calc(3.5rem + 0.5vw);font-size:62.5%}button{background:#385894;background:var(--main-color-);border:none;border-radius:10px;color:#fff;padding:.2rem 1.5rem}button:hover{cursor:pointer}.App{align-items:center;background:var(--accent-color-);display:flex;height:100svh;justify-content:center;width:100%}.App h1{font-size:calc(2rem + 2vw);font-size:var(--h1-);margin-bottom:2vh}.App button:hover{background:hsl(187,80%,29%);background:var(--secondary-color-hover-);cursor:pointer}.App h2{font-size:calc(1.6rem + 2vw);font-size:var(--h3-);font-weight:300}.App form{margin-right:2rem}.page-frame{background:hsl(219,45%,32%);background:var(--main-color-hover-);display:flex;justify-content:flex-end;padding:calc(1rem + 5vw)}.page-frame .page-content{background:#fff;border-radius:20px;min-height:calc(100vh - 2rem - 10vw);padding:calc(1.4rem + 3vw);position:relative}.page-frame .navbar-frame~.page-content{width:calc(100% - 20rem - 5vw)}.page-frame .navbar-frame.closed~.page-content{width:100%}.centered{display:flex;justify-content:center}.error-message{color:#fc3333;color:var(--red-);font-size:calc(1.3rem + .2vw);font-size:var(--font-size-0-)}.btn-supprimer{background:#fc3333;background:var(--red-);transition:all .3s}.btn-supprimer:hover{background:#c22727;background:var(--red-hover-);cursor:pointer}.loading-msg{color:#1a1a1a;color:var(--black-);font-weight:300;text-align:center}.mg-t-1{margin-top:1rem}.flex-center,.flex-center-center{display:flex;justify-content:center}.flex-center-center{align-items:center}.fullscreen{min-height:95vh;width:100%}.w100{width:100%}.flex-left{justify-content:flex-start}.flex,.flex-left{display:flex}.jc-center{justify-content:center}.jc-space-between{justify-content:space-between}.margin-t-1{margin-top:1rem}.col{flex-direction:column}.gap-15{gap:15px}.align-center{align-items:center}.fs-0{font-size:calc(1.3rem + .2vw);font-size:var(--font-size-0-)}.fs-1{font-size:calc(1.4rem + .4vw);font-size:var(--font-size-1-)}.fw-300{font-weight:300}.secondary-color{color:#1290a1;color:var(--secondary-color-)}.main-color{color:#385894;color:var(--main-color-)}.w-100{width:100%}.h-100{height:100%}.h2{color:#385894;color:var(--main-color-);font-size:calc(1.7rem + 1.2vw);font-size:var(--font-size-3-);font-weight:300}@media screen and (max-width:600px){.page-frame .navbar-frame~.page-content{width:100%}.page-frame{min-height:100vh;padding:calc(.5rem + 3vw)}.page-content{display:flex;flex-direction:column;justify-content:space-between;padding-top:6rem!important}.w-100-600px{width:100%}}.dashboard-content{align-items:space-between;display:flex;flex-direction:column;justify-content:space-between;min-height:80vh}.dashboard-content .btn-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly}.dashboard-header h1 span{color:var(--main-color-)}.dashboard-header h1{font-size:var(--h1-);text-align:center}.dashboard-header h2{text-align:center}.dashboard-content button{background:var(--main-color-);border:none;border-radius:20px;color:#fff;font-size:var(--p-main-);margin-top:2vh;padding:.5rem 2rem;transition:all .3s ease}.dashboard-content button:hover{background:var(--main-color-hover-);cursor:pointer}.df{display:flex}.jc{justify-content:center}.ac{align-items:center}.client-list{display:flex;flex-direction:column;flex-grow:1;justify-content:center;width:100%}.client-list ul{max-height:500px;overflow-y:scroll;padding-right:.7rem}.client-list h3{color:var(--main-color-);font-size:var(--h3-);font-weight:300}.client-list ul li{align-items:center;display:flex;flex-direction:column;font-size:calc(1rem + .6vw);font-weight:500;margin:1.5rem 0;text-align:center}.client-list ul li button{background-color:var(--main-color-);margin-left:1rem;margin-top:.4rem;padding:.1rem 1rem}.client-list ul li button:hover{background-color:var(--main-color-hover-)}.dashboard-frame .list-container{display:flex;flex-wrap:wrap;gap:40px;width:100%}.dashboard-frame .list-container .team-list{align-items:center;display:flex;flex-direction:column;flex-grow:1}.dashboard-frame .list-container .team-list ul{width:100%}.dashboard-frame .list-container .team-list h3{color:var(--main-color-);font-size:var(--h3-);font-weight:300;width:100%}.dashboard-frame .list-container .team-list li{align-items:center;background-color:var(--main-color-);border-radius:10px;color:#fff;display:flex;font-size:var(--font-size-1-);font-weight:500;gap:15px;justify-content:space-between;margin:1rem 0;padding:var(--padding-container-)}.dashboard-frame .list-container .team-list li button{margin-top:0}.dashboard-frame .productivityGraph{max-height:400px}.dashboard-frame .graph-container{align-items:center;border-radius:10px;box-shadow:0 0 6px 2px hsla(0,0%,69%,.103);display:flex;flex-direction:column;gap:6px;margin:2rem 0;padding:1.5rem}.dashboard-frame .graph-container h2{color:var(--main-color-);font-size:var(--font-size-2-);font-weight:300}@media screen and (max-width:600px){.dashboard-content .btn-container{justify-content:center;margin:1rem 0}}.text-input{display:flex;flex-direction:column;margin:10px 0}.text-input label{color:#333;font-family:Roboto,sans-serif;font-size:calc(var(--p-main-) - .3rem);margin-left:1rem}.text-input input{border:2px solid #000;border-radius:40px;font-size:var(--p-main-);max-width:350px;padding:.2rem 1rem;width:100%}.open-btn{background-color:var(--main-color-);border-radius:5px;left:20px;padding:.75rem;position:fixed;top:20px;transition:all .3s ease;z-index:101}.open-btn.closed{-webkit-transform:translateY(-100px);transform:translateY(-100px)}.open-btn:hover{background-color:var(--main-color-hover-hover-);cursor:pointer}.open-btn svg{color:#fff;font-size:var(--icon-size-1-);width:1em}.close-btn{align-items:center;align-self:flex-end;display:flex;justify-content:space-between;justify-self:flex-end;transition:all .3s ease;width:100%;z-index:101}.close-btn.closed{-webkit-transform:translateX(-100px);transform:translateX(-100px)}.close-btn svg{color:#fff;font-size:var(--icon-size-1-);padding:.3rem;width:1em}.close-btn .btn-container{height:100%}.close-btn .btn-container,.close-btn .setting-btn button{align-items:center;background-color:var(--main-color-hover-);border-radius:5px;display:flex}.close-btn .setting-btn button{padding:.3rem .5rem;transition:none}.close-btn .setting-btn button:hover{background:var(--main-color-)}.close-btn .setting-btn button svg{font-size:var(--icon-size-0-)}.close-btn .btn-container:hover{background:var(--main-color-);cursor:pointer}.navbar-frame{align-items:center;background-color:var(--main-color-hover-hover-);display:flex;flex-direction:column;gap:20px;height:100%;left:0;padding:var(--padding-container-);position:fixed;top:0;-webkit-transform-origin:left;transform-origin:left;transition:all .3s cubic-bezier(.36,1.95,.47,1.14);width:calc(20rem + 5vw);z-index:100}.navbar-frame .profile-btn{background-color:var(--main-color-hover-);border-radius:4px;display:flex;justify-content:space-between;transition:all .2s ease;width:100%}.navbar-frame .profile-btn:hover{background:var(--main-color-);cursor:pointer}.navbar-frame .btn-supplementaire a,.navbar-frame .profile-btn a{padding:1rem;text-decoration:none;width:100%}.navbar-frame .btn-supplementaire button,.navbar-frame .profile-btn button{align-items:center;background:none;display:flex;justify-content:space-between;padding:0;width:100%}.navbar-frame .btn-supplementaire button:hover,.navbar-frame .profile-btn button:hover{background:none}.navbar-frame .profile-btn button svg{border:2px solid #fff;border-radius:50%;padding:1rem;width:1em}.navbar-frame.closed{-webkit-transform:scaleX(0);transform:scaleX(0)}.navbar-frame .back-home-btn{background:var(--secondary-color-);border:none;border-radius:20px;color:#fff;font-size:var(--font-size-1-);padding:var(--padding-button-)}.navbar-frame .teams-list{align-self:flex-end;margin-top:-2rem;width:90%}.navbar-frame .teams-list a,.navbar-frame .teams-list a:active{text-decoration:none}.navbar-frame .teams-list a:hover .team-navbar{background:var(--main-color-)}.navbar-frame .team-navbar{background-color:var(--main-color-hover-);border-radius:4px;color:#fff;display:flex;font-size:var(--font-size-0-);justify-content:space-between;list-style:none;margin:.5rem 0;padding:1rem 2rem;transition:all .2s ease;width:100%}.dropdown-menu{align-items:center;align-self:flex-end;display:flex;justify-content:center;width:100%}.dropdown-menu svg{background:var(--main-color-hover-);border-radius:5px;color:#fff;font-size:var(--font-size-1-);margin-left:.5rem;padding:8% 1rem;transition:all .2s ease}.dropdown-menu svg:hover{background:var(--main-color-);cursor:pointer}.dropdown-menu .Button.profile-btn{flex-grow:1;width:100%}.empty-space{flex-grow:1}.Button.logout-btn button{background-color:var(--main-color-hover-);font-size:var(--font-size-0-)}.Button.logout-btn button:hover{background-color:var(--main-color-)}.clientForm{align-items:center;display:flex;flex-direction:column}.clientForm .row{display:flex;gap:20px;justify-content:center}.clientForm button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.LoginForm,.SignupForm{align-items:center;display:flex;flex-wrap:wrap-reverse;gap:30px;justify-content:center;position:relative}.TaskCard{background:var(--main-color-);border-radius:20px;display:flex;flex-direction:column;flex-grow:1;min-width:360px;padding:var(--padding-container-);padding-bottom:.5rem;position:relative;text-align:center;transition:all .3s ease}.TaskCard:hover{background:var(--main-color-hover-);cursor:pointer}.TaskCard .TaskCard-content{color:#fff;display:flex;flex-direction:column;flex-grow:1;font-size:var(--font-size-1-);list-style:none;max-width:300px}.TaskCard .assignTo{color:#fff;font-size:var(--font-size-1-);font-weight:500}.TaskCard h2{color:#fff;font-size:var(--h2-)}.TaskCard .client-name{color:#fff;font-size:var(--font-size-1-);text-decoration:underline}.TaskCard .step{color:#fff;font-size:var(--font-size-0-);font-weight:400;margin:.5rem 0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TaskCard ul{align-items:flex-start;color:#fff;display:flex;flex-direction:column;list-style:none}.TaskCard ul li{font-size:var(--font-size-1-)}.popup-frame{background:rgba(0,0,0,.226);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:105}.popup-frame,.popup-frame .popup-content{align-items:center;display:flex;justify-content:center}.popup-frame .popup-content{background:#fff;border-radius:20px;flex-direction:column;max-width:50vw;padding:var(--padding-container-)}.popup-frame .popup-content h2{color:var(--main-color-);font-size:var(--h2-);margin-bottom:3rem;text-align:center}.popup-frame .popup-content .btn-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.popup-frame .popup-content .btn-container button{color:#fff;padding:var(--padding-button-);transition:all .3s ease}.popup-frame .popup-content .btn-container .supprimer{background:var(--red-);border-radius:20px;font-size:var(--font-size-1-);font-weight:500}.popup-frame .popup-content .btn-container .supprimer:hover{background:var(--red-hover-)}.popup-frame .popup-content .btn-container .annuler{background:var(--secondary-color-);border-radius:20px;font-size:var(--font-size-1-);font-weight:500}.popup-frame .popup-content .btn-container .annuler:hover{background:var(--secondary-color-hover-)}.TaskCard-frame{align-items:center;display:flex;flex-direction:column;justify-content:center}.TaskCard-frame .btn-supprimer{background:none;color:var(--red-);transition:all .3s ease}.TaskCard-frame .btn-supprimer:hover{color:var(--red-hover-)}.progress-bar{background-color:#e0e0e0;border-radius:5px;height:10px;margin:1rem 0;width:100%}.progress-bar__completed{background-color:var(--green-);border-radius:5px;height:100%}.progress-pourcentage{color:#fff;font-weight:500;margin-bottom:1.5rem}.task-container{width:100%}.TaskCard-frame .btn-container{align-items:center;display:flex;margin-top:.4rem}.task-status{color:#fff;font-size:var(--font-size-0-)}.task-status .white{color:#fff!important}.task-status.active{color:var(--secondary-color-)}.task-status.in-progress{color:var(--green-)}.TaskCard.finished{-webkit-filter:grayscale(.4) contrast(.4);filter:grayscale(.4) contrast(.4)}.TaskCard.finished h2,.TaskCard.finished p{color:grey}.TaskCard.finished:after{color:#fff;content:"Terminé";font-size:var(--h3-);font-weight:300;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);z-index:2}.h-20px{height:20px;width:70%}#AddTaskForm{display:flex;flex-direction:column;gap:20px;margin:2rem 0}#AddTaskForm .step-task-title{color:var(--main-color-);font-size:var(--h3-);font-weight:300;margin-top:1rem}#AddTaskForm .label{color:#333;font-family:Roboto,sans-serif;font-size:calc(var(--p-main-) - .3rem);margin-left:1rem}#AddTaskForm .css-b62m3t-container{margin:.5rem 0}#AddTaskForm .css-13cymwt-control,#AddTaskForm .css-t3ipsp-control{border:2px solid #000;border-radius:20px}#AddTaskForm .css-1jqq78o-placeholder{color:#333;font-family:Roboto,sans-serif;font-size:calc(var(--p-main-) - .3rem)}#AddTaskForm .css-1nmdiq5-menu{font-size:var(--font-size-0-)}#AddTaskForm .step-container{align-items:center;display:flex;flex-direction:column}#AddTaskForm .btn-container{align-items:center;display:flex;justify-content:space-around;margin-top:1.5rem}#AddTaskForm form .add-step-btn{background:var(--main-color-);border-radius:5px;color:#fff;font-size:var(--font-size-0-);margin-left:auto;margin-right:auto;padding:.2rem 1rem;transition:all .3s ease}#AddTaskForm form .add-step-btn:hover{background:var(--main-color-hover-)}#AddTaskForm .btn-container .cancel-add-task-btn button{background:var(--main-color-);border-radius:10px;color:#fff;padding:.4rem 2rem}#AddTaskForm .btn-container .cancel-add-task-btn button:hover{background:var(--main-color-hover-)}#AddTaskForm .btn-container .send-task-btn button{background:var(--secondary-color-);border-radius:10px;color:#fff;padding:.4rem 2rem}#AddTaskForm .btn-container .send-task-btn button:hover{background:var(--secondary-color-hover-)}.Button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Button button{background-color:var(--secondary-color-);border-radius:20px;color:#fff;font-size:var(--font-size-1-);padding:.3rem 3rem;transition:all .3s ease}.Button button:hover{background-color:var(--secondary-color-hover-);cursor:pointer}.back-btn{left:20px;position:absolute;top:20px}.CreateTeamForm,.CreateTeamForm form{align-items:center;display:flex;flex-direction:column}.CreateTeamForm form .btn-container{display:flex;gap:15px}.PopupConfirm{background:rgba(0,0,0,.226);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:105}.PopupConfirm,.PopupConfirm .popup-content{align-items:center;display:flex;justify-content:center}.PopupConfirm .popup-content{background:#fff;border-radius:20px;flex-direction:column;max-width:50vw;padding:var(--padding-container-)}.PopupConfirm .popup-content h2{color:var(--main-color-);font-size:var(--h2-);margin-bottom:3rem;text-align:center}.PopupConfirm .popup-content .btn-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.PopupConfirm .popup-content .btn-container button{color:#fff;padding:var(--padding-button-);transition:all .3s ease}.PopupConfirm .popup-content .btn-container .supprimer{background:var(--red-);border-radius:20px;font-size:var(--font-size-1-);font-weight:500}.PopupConfirm .popup-content .btn-container .supprimer:hover{background:var(--red-hover-)}.PopupConfirm .popup-content .btn-container .annuler{background:var(--secondary-color-);border-radius:20px;font-size:var(--font-size-1-);font-weight:500}.PopupConfirm .popup-content .btn-container .annuler:hover{background:var(--secondary-color-hover-)}.ClientCard{align-items:center;background:var(--main-color-);border-radius:10px;color:#fff;display:flex;gap:10px;justify-content:space-between;padding:var(--padding-container-);position:relative;width:100%}.ClientCard .content{max-width:350px;width:100%}.ClientCard .ClientCard-btn a{background:var(--red-);border-radius:3px;margin-left:1rem;margin-top:0;padding:.2rem 2rem;transition:all .2s ease}.ClientCard .ClientCard-btn a:hover{background:var(--red-hover-)}.ClientCard .ClientCard-btn button{background:none;font-size:var(--font-size-0-);margin:0;padding:0}.ClientCard .ClientCard-btn button:hover{background:none}.ClientCard .btn-container{align-items:center;align-self:flex-start;display:flex;flex-direction:column-reverse;height:100%;justify-content:space-between}.ClientCard .btn-container a{display:block}.ClientCard .save-change-btn{background:var(--green-);border-radius:10px;color:#fff;font-size:var(--font-size-0-);transition:all .2s ease}.ClientCard .save-change-btn:hover{background:var(--green-hover-)}.ClientCard form label{color:#fff;font-weight:300}.ClientCard .cancel-change-btn{background:var(--main-color-hover-);border-radius:10px;color:#fff;font-size:var(--font-size-0-);transition:all .2s ease}.ClientCard .cancel-change-btn:hover{background:var(--main-color-hover-hover-)}.ClientCard .custom-field-container{display:flex;gap:10px}.ClientCard .customs-fields-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-evenly}.ClientCard a{display:block}.ClientCard .textBox{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;overflow:hidden;overflow-wrap:break-word;text-align:center;width:100%}.ClientCard .textBox a{color:#fff;display:block;font-size:var(--font-size-0-);overflow-wrap:break-word;width:100%}.ClientCard .client-name{color:#fff;font-size:calc(1.5rem + .8vw);text-align:center}.WeeklyGoals{display:flex;flex-direction:column}.WeeklyGoals h2{color:var(--main-color-);font-size:var(--h1-);font-weight:300}.weekly-task-input{border:none;border-bottom:1px solid var(--secondary-color-);font-size:var(--font-size-1-);height:100%;margin:.5rem 0 .5rem 1rem;padding:.2rem 1rem;width:100%}.WeeklyGoals .objective{border:none;display:flex;font-size:var(--font-size-1-);width:100%}.checkbox-container{align-items:center;display:flex}.WeeklyGoals .objective .checkbox{display:none}.WeeklyGoals .objective .checkbox+label{border:2px solid #ccc;border-radius:50%;cursor:pointer;height:30px;min-height:30px;min-width:30px;position:relative;width:30px}.WeeklyGoals .objective .checkbox:checked+label:before{background-color:var(--main-color-);border-radius:50%;content:"";display:block;height:21px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:21px}.WeeklyGoals .objective p{border-bottom:2px solid var(--secondary-color-);margin:.5rem 0 .5rem 1rem;padding:.2rem 1rem;width:100%}.WeeklyGoals .objective p.completed{color:var(--grey-);text-decoration:line-through}.WeeklyGoals .objective p:hover{cursor:text}.WeeklyGoals .btn-supprimer{background:var(--red-);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.2rem 1rem;transition:all .3s ease}.WeeklyGoals .btn-supprimer:hover{background:var(--red-hover-)}.WeeklyGoals .btn-container{display:flex;justify-content:center;margin-top:2rem}.WeeklyGoals .btn-container button,.msg-copy{font-size:var(--font-size-0-)}.msg-copy{background:#f1f1f1;-webkit-clip-path:polygon(15% 25%,15% 0,100% 0,100% 100%,15% 100%,15% 65%,0 45%);clip-path:polygon(15% 25%,15% 0,100% 0,100% 100%,15% 100%,15% 65%,0 45%);color:var(--main-color-);padding:.2rem 1rem .2rem 2.3rem;position:absolute;right:-120%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}.table{width:100%}.btn-delete-client{background:var(--red-);margin-left:1rem}.btn-delete-client:hover{background:var(--red-hover-)}.btn-edit-client{background:var(--main-color-)}.btn-edit-client:hover{background:var(--main-color-hover-)}.custom-field-container .control{align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font-family:arial;font-size:17px;padding-top:0;position:relative}.custom-field-container .control input{opacity:0;position:absolute;z-index:-1}.custom-field-container .control_indicator{background:#e6e6e6;border:3px solid #fff;border-radius:20px;height:30px;position:relative;width:30px}.custom-field-container .control input:focus~.control_indicator,.custom-field-container .control:hover input~.control_indicator{background:#ccc}.custom-field-container .control input:checked~.control_indicator{background:var(--green-)}.custom-field-container .control input:checked~.control_indicator.blue{background:var(--secondary-color-)}.custom-field-container .control input:checked:focus~.control_indicator,.custom-field-container .custom-field-container .control:hover input:not([disabled]):checked~.control_indicator{background:var(--green-hover-)}.custom-field-container .control input:checked:focus~.control_indicator.blue,.custom-field-container .control:hover input:not([disabled]):checked~.control_indicator.blue{background:var(--secondary-color-hover-)}.custom-field-container .control input:disabled~.control_indicator{background:#e6e6e6;opacity:.6;pointer-events:none}.custom-field-container .control_indicator:after{box-sizing:initial;content:"";display:none;position:absolute}.custom-field-container .control input:checked~.control_indicator:after{display:block}.custom-field-container .control-checkbox .control_indicator:after{border:solid #fff;border-width:0 2px 2px 0;height:15px;left:9px;top:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}.custom-field-container .control-checkbox .control_indicator.blue:after{opacity:0}.custom-field-container .control-checkbox input:disabled~.control_indicator:after{border-color:#7b7b7b}.custom-field-container .control-checkbox .control_indicator:before{background:var(--green-);border-radius:3rem;content:"";display:block;height:4.5rem;left:50%;opacity:.6;position:absolute;top:50%;-webkit-transform:scale(0) translate(-50%,-50%);transform:scale(0) translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center;width:4.5rem;z-index:99999}.custom-field-container .control-checkbox .control_indicator.blue:before{background:var(--secondary-color-)}@-webkit-keyframes circle-animation{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes circle-animation{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.control-checkbox input:checked+.control_indicator:before{background:var(--green-);border-radius:3rem;content:"";display:block;height:4.5rem;left:50%;opacity:.6;position:absolute;top:50%;-webkit-transform:scale(0) translate(-50%,-50%);transform:scale(0) translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center;width:4.5rem;z-index:99999}.control-checkbox.input-animation:checked+.control_indicator:before{-webkit-animation:circle-animation .25s linear;animation:circle-animation .25s linear}.action-btn-container{align-items:center;display:flex;justify-content:center}.dropdown-client-container{display:flex;flex-direction:column;gap:10px;padding:1rem}.dropdown-client-container h3{font-size:var(--font-size-1-);margin-bottom:.5rem}.dropdown-client-container b{font-size:var(--font-size-0-);font-weight:500;margin-right:1rem}.dropdown-client-container p{font-size:var(--font-size-0-);font-weight:300}.dropdown-client-container .info-1{display:flex;gap:30px}.test{background-color:var(--main-color-);display:flex;padding:1rem 2rem}.calendar-container .react-calendar{border-radius:10px;width:100%}.calendar-container{display:flex}.calendar-container .selected-date-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:calc(1rem + 1vh) 0 calc(1rem + 1vh) calc(1rem + 1vw);width:550px}.calendar-container .selected-date-container h2{color:var(--main-color-);font-size:var(--font-size-2-);font-weight:300;text-align:center;text-transform:capitalize}.calendar-container .selected-date-container .event-container{align-items:center;border-radius:5px;box-shadow:3px 2px 5px 2px hsla(0,0%,54%,.137);display:flex;justify-content:space-between;margin:1rem 0;padding:1.5rem}.calendar-container .selected-date-container .event-container .delete-event{align-items:center;display:flex;justify-content:center}.calendar-container .selected-date-container .event-container .delete-event button{background:none;color:var(--red-);padding:0 .5rem}.calendar-container .selected-date-container .event-container .delete-event button svg{width:1em}.calendar-container .selected-date-container .event-container .delete-event button:hover{background:#f0f0f0}.calendar-container .selected-date-container .add-event-btn button{color:#fff}.calendar-container .selected-date-container .no-event-container{align-items:center;display:flex;height:100%;justify-content:center}.calendar-container .selected-date-container .no-event-container h2{color:#9e9e9e;font-size:var(--font-size-1-)}.calendar-container .selected-date-container .event-list-container{max-height:400px;overflow-x:visible;overflow-y:scroll;width:100%}.calendar-container .react-calendar__tile--active{background:#e6e6e6!important}.calendar-container .react-calendar__tile--now{background:var(--main-color-)!important;color:#fff}.calendar-container button{color:var(--black-);font-size:var(--font-size-1-)}.calendar-container .react-calendar__month-view__days__day--neighboringMonth{color:#b3b3b3}.calendar-container .react-calendar__navigation__arrow{font-size:var(--h2-)}.calendar-container .react-calendar__navigation__label{font-size:var(--font-size-2-);text-transform:capitalize}.calendar-container .event,.calendar-container .react-calendar__month-view__weekdays__weekday{font-size:var(--font-size-0-)}.calendar-container .event{color:var(--black-)}.calendar-container .react-calendar__month-view__days{height:400px}.react-calendar__navigation{border-bottom:3px solid var(--main-color-)}.react-calendar__navigation__arrow,.react-calendar__navigation__label{align-items:center;display:flex;justify-content:center}.calendar-container .event-markers{height:30px;margin-top:.5rem;width:100%}.calendar-container .event-marker{color:var(--secondary-color-);display:inline-flex;font-size:calc(2rem + 1vw);height:5px;line-height:5px;margin-top:.3rem}.futurs-events{padding:calc(1rem + 1vh) 0}.futurs-events h2{color:var(--main-color-);font-size:var(--font-size-2-);font-weight:300;margin-bottom:1rem}.futurs-events .futur-event{border:1px solid #dadada;border-radius:6px;display:flex;flex-wrap:wrap;padding:.5rem}.futurs-events .futur-event .event-name{color:var(--black-);font-size:var(--font-size-0-);font-weight:300}.futurs-events .futur-event .event-date{color:var(--secondary-color-);font-size:var(--font-size-0-);font-weight:300;text-transform:capitalize}.futurs-events .next-event-container{display:flex;flex-wrap:wrap;gap:15px}.add-event-form .new-event-date{width:100%}@media screen and (max-width:600px){.TaskCard .step{max-width:50vw}.TaskCard-frame{position:relative;width:100%}.TaskCard{max-width:100%;min-width:100%;width:100%}.TaskCard .TaskCard-content{max-width:none}.TaskCard ul{align-items:center}.profile-content .card{position:relative;width:100%}.ClientCard{align-items:center;flex-direction:column;justify-content:center;min-width:100%;padding:1rem calc(.3rem + 2vw);width:100%}.ClientCard .btn-container{align-self:center;flex-direction:row;gap:50px}.open-btn{left:auto;right:20px}.calendar-container .react-calendar__month-view__days{height:300px}.futurs-events .futur-event{align-items:center;flex-direction:column;width:100%}}@media screen and (max-width:1100px){.calendar-container{flex-direction:column}.calendar-container .selected-date-container{width:100%}.futurs-events h2{text-align:center}.futurs-events .next-event-container{justify-content:center}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.loginPage{display:flex;flex-wrap:wrap}.loginPage button{background:var(--secondary-color-);border:none;border-radius:20px;color:#fff;font-size:var(--p-main-);padding:.3rem 2rem;transition:all .3s ease}.home-frame{background:var(--accent-color-);min-height:100svh}.home-content,.home-frame{display:flex;flex-direction:column}.home-content{align-items:center;flex-grow:1;justify-content:center}.home-content button{background:var(--secondary-color-);border:none;border-radius:20px;color:#fff;font-size:var(--p-main-);margin-top:2vh;padding:.5rem 2rem;transition:all .3s ease}.home-content button:hover{background:var(--secondary-color-hover-);cursor:pointer}.home-header{display:flex;justify-content:center;padding:var(--p-main-)}.home-header h1{font-size:var(--h1-)}#TasksPage .TasksPage-frame{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--padding-container-)}#TasksPage .TasksPage-frame h1{font-size:var(--h1-)}#TasksPage .add-task-btn button{background:var(--main-color-);border-radius:20px;color:#fff;font-size:var(--font-size-1-);margin:1rem 0;padding:var(--padding-button-)}#TasksPage .add-task-btn button:hover{background:var(--main-color-hover-)}.tache-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;min-height:50vh;position:relative;width:100%}#TaskDetails .TaskDetails-content{justify-content:space-between}#TaskDetails .TaskDetails-content,#TaskDetails .TaskDetails-content .heading-taskDetail{align-items:center;display:flex;flex-direction:column}#TaskDetails .TaskDetails-content .heading-taskDetail .assignTo{font-size:var(--font-size-0-)}#TaskDetails .TaskDetails-content h1{font-size:var(--h1-)}#TaskDetails .TaskDetails-content h2{color:var(--main-color-);font-size:var(--font-size-3-)}#TaskDetails .TaskDetails-content ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:2rem 0;width:100%}#TaskDetails .TaskDetails-content ul li{font-size:var(--font-size-1-);margin:1rem 0}#TaskDetails .TaskDetails-content ul li.completed{color:#868686}#TaskDetails .TaskDetails-content ul li .dragable-icon{margin-right:1rem}#TaskDetails .TaskDetails-content ul li .dragable-icon:hover{cursor:grab}#TaskDetails .btn-container{align-items:center;display:flex;gap:20px}#TaskDetails .task-details__checkbox{height:20px;margin-right:5px;min-height:30px;min-width:30px;width:20px}#TaskDetails .task-details__checkbox:hover{cursor:pointer}#TaskDetails .textarea-edit{width:80%}#TaskDetails .edit-input{background:var(--main-color-);border:none;border-radius:4px;color:#fff;font-size:var(--font-size-1-);outline:2px solid var(--main-color-hover-);padding:0 .5rem;resize:vertical;width:100%}#TaskDetails .confirm-delete-step{display:inline;font-size:14px;margin-left:1rem}#TaskDetails .edit-btn-container{align-items:center;display:flex;margin-left:1rem}#TaskDetails .task-step{align-items:center;border-radius:5px;box-shadow:3px 2px 5px 2px hsla(0,0%,63%,.103);display:flex;justify-content:space-between;padding:1.5rem}#TaskDetails .step-value{flex-grow:1;margin:0 1rem}#TaskDetails .edit-btn-container .btn-edit-step{background:none;color:#000;font-size:calc(var(--font-size-1-) + 1rem);padding:0}#TaskDetails .btn-confirmer-etape{background:none;color:var(--green-);padding:0}#TaskDetails .btn-confirmer-etape svg{font-size:var(--font-size-2-);margin-left:1rem}#TaskDetails .btn-supprimer-etape{background:none;color:var(--red-);margin-left:1rem;padding:0}#TaskDetails .btn-supprimer-etape svg{color:var(--red-);font-size:calc(var(--font-size-1-) + 1rem)}#TaskDetails .edit-save-btn-container{display:inline;justify-content:center;margin-top:1rem}#TaskDetails .edit-save-btn-container button{border-radius:20px;color:#fff;font-size:var(--font-size-1-);margin-left:.2rem;padding:.2rem 2rem}#TaskDetails .edit-save-btn-container button:first-child{background:var(--main-color-)}#TaskDetails .edit-save-btn-container button:last-child{background:var(--red-)}#TaskDetails .add-step-btn{background:var(--main-color-);border-radius:20px;color:#fff;font-size:var(--font-size-1-);margin-bottom:1rem;padding:.2rem 2rem}#TaskDetails .add-step-btn:hover{background:var(--main-color-hover-)}#TaskDetails .show-step-btn{background:var(--secondary-color-);border-radius:5px;color:#fff;font-size:var(--font-size-0-);margin-bottom:1rem;padding:.2rem 2rem}@media screen and (max-width:600px){#TaskDetails .btn-container svg{font-size:var(--h1-)}#TaskDetails .btn-container{flex-direction:column}#TaskDetails .TaskDetails-content{padding:5rem calc(.4rem + 1vw) 2rem!important}#TaskDetails .task-step{padding:1rem}#TaskDetails .btn-supprimer-etape{margin-left:0}#TaskDetails .edit-btn-container{align-items:center;flex-direction:column;justify-content:space-between}}#TeamsPage{background:var(--main-color-hover-);display:flex;justify-content:flex-end}.navbar-frame~.TeamsPage-frame{width:calc(100% - 20rem - 5vw)}.navbar-frame.closed~.TeamsPage-frame{width:100%}#TeamsPage .TeamsPage-frame{background:#fff;border-radius:20px}#TeamsPage .TeamsPage-frame,#TeamsPage .TeamsPage-frame .add-team-container{align-items:center;display:flex;flex-direction:column;justify-content:center}#TeamsPage .TeamsPage-frame .add-team-container{padding:var(--padding-container-)}#TeamsPage .TeamsPage-frame .add-team-container .btn-container{display:flex;gap:15px;justify-content:space-between}#TeamsPage .TeamsPage-frame h1{color:var(--main-color-);font-size:var(--h1-);margin-bottom:2rem}#TeamsPage .TeamsPage-frame .team-list{width:100%}#TeamsPage .TeamsPage-frame .team-list h3{color:var(--main-color-);font-size:var(--h3-);margin-bottom:1.5rem}#TeamsPage .TeamsPage-frame .team-list ul{display:flex;flex-direction:column;gap:20px;list-style:none}#TeamsPage .TeamsPage-frame .team-list ul li{align-items:center;background-color:var(--main-color-);border-radius:10px;color:#fff;display:flex;font-size:var(--font-size-2-);gap:20px;justify-content:space-between;padding:1rem 2rem;position:relative}#TeamsPage .teamCard{display:flex}#TeamsPage .TeamsPage-frame .team-list ul li .teamCode{display:block;font-family:Roboto,sans-serif;font-size:var(--font-size-1-);font-weight:300;position:relative}#TeamsPage .TeamsPage-frame .team-list ul li .teamCode:hover:after{-webkit-animation:fadeOut .3s linear 1s forwards;animation:fadeOut .3s linear 1s forwards;background-color:red;background:#f1f1f1;-webkit-clip-path:polygon(0 0,100% 0,100% 75%,55% 75%,50% 100%,45% 75%,0 75%);clip-path:polygon(0 0,100% 0,100% 75%,55% 75%,50% 100%,45% 75%,0 75%);color:var(--main-color-);content:"Copier";display:flex;font-size:var(--font-size-0-);left:50%;padding:.2rem 1rem 1rem;position:absolute;top:-120%;-webkit-transform:translateX(-25%);transform:translateX(-25%)}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}#TeamsPage .TeamsPage-frame .team-list ul li .see-team-btn{padding:.1rem 1rem}#TeamsPage .TeamsPage-frame .team-list .btn-container{display:flex;gap:25px}#TeamsPage .TeamsPage-frame .team-list .btn-container .leave-team-btn{background-color:var(--red-);border-radius:5px}#TeamsPage .TeamsPage-frame .team-list .btn-container .leave-team-btn button{background:none;display:flex;font-size:var(--font-size-0-);justify-content:center;padding:0 1rem}#TeamsPage .TeamsPage-frame .team-list .btn-container .leave-team-btn a{align-items:center;display:flex;height:100%;padding:0;text-decoration:none}#TeamsPage .TeamsPage-frame .team-list .btn-container .leave-team-btn button:hover{background:none}#TeamsPage .TeamsPage-frame .team-list .btn-container .leave-team-btn:hover{background-color:var(--red-hover-)}@media screen and (max-width:850px){#TeamsPage .teamCard{flex-direction:column}}@media screen and (max-width:600px){#TeamsPage .TeamsPage-frame .add-team-container .btn-container{align-items:center;flex-direction:column;justify-content:center}#TeamsPage .TeamsPage-frame .add-team-container .btn-container button{padding:calc(.2rem + .5vh) calc(.8rem + 1vw)}}.TeamDashboard-content{align-items:center;display:flex;flex-direction:column;gap:30px;min-height:90vh;padding:var(--padding-container-)}.TeamDashboard-content .btn-container{display:flex;gap:20px}.TeamDashboard-content .list-container{display:flex;flex-wrap:wrap-reverse;gap:50px;justify-content:space-between;width:100%}.TeamDashboard-content .list-container .client-list ul{max-height:500px;overflow-y:scroll}.TeamDashboard-content .list-container .WeeklyGoals{flex-grow:1}.TeamDashboard-content .productivityGraph{max-height:400px}.TeamDashboard-content .graph-container{align-items:center;border-radius:10px;box-shadow:0 0 6px 2px hsla(0,0%,69%,.103);display:flex;flex-direction:column;gap:6px;margin:2rem 0;padding:1.5rem;width:100%}.TeamDashboard-content .graph-container h2{color:var(--main-color-);font-size:var(--font-size-2-);font-weight:300}.ClientsPage .page-content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.ClientsPage h1{color:#000;font-size:var(--h1-);margin-bottom:2rem}.ClientsPage h2{color:var(--main-color-);font-size:var(--h3-);font-weight:300}.ClientsPage .page-content .client-list{gap:10px;width:100%}.ClientsPage .add-client-btn{background:var(--main-color-);border-radius:20px;color:#fff;font-size:var(--font-size-1-);padding:.2rem 2rem}.ClientsPage .btn-custom-field{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;margin:1rem 0;width:100%}.ClientsPage .btn-custom-field .Button a{display:block;height:100%}.ClientsPage .btn-custom-field .Button button{padding:calc(.2rem + .5vh) calc(.5rem + 3vw)}.ClientsPage .dropdown-container{display:flex;gap:20px;justify-content:center}.ClientsPage .select-all-btn button{background:var(--main-color-)}.ClientsPage .select-all-btn button:hover{background:var(--main-color-hover-)}.ClientsPage .ul-client{padding-right:.7rem}.profile-content{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px}.profile-content h1{align-self:flex-start;font-size:var(--h1-)}.profile-content .all-tasks-title{color:var(--main-color-);font-size:var(--h3-);font-weight:300;line-height:.6}.profile-content .task-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.profile-content .profile-desc{font-size:var(--font-size-0-);margin-bottom:1rem;text-align:center}.profile-content .calendar{margin-bottom:calc(2rem + 3vh)}.profile-content .calendar .h2{color:var(--main-color-);font-size:var(--font-size-3-);font-weight:300;margin-bottom:2rem}@media screen and (max-width:900px){.profile-content h1{align-self:center;text-align:center}}.Settings .page-content{display:flex;flex-direction:column;gap:20px;justify-content:space-between}.Settings h1{color:var(--main-color-);font-size:var(--h1-);margin-bottom:calc(1rem + 2vh)}.Settings .setting-tab-title{color:var(--main-color-foncer-)}.Settings .h3,.Settings .setting-tab-title{font-size:var(--font-size-2-);font-weight:500}.Settings .color-container{flex-wrap:wrap;gap:30px}.Settings label{display:flex;flex-direction:column;font-size:var(--font-size-0-)}.Settings .setting-list{display:flex;flex-direction:column;gap:20px}.Settings .setting-list li{display:flex;flex-direction:column;margin:1rem 0}.Settings .btn-actions{align-self:flex-end;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.Settings .save-btn button{background-color:var(--main-color-)}.Settings .save-btn button:hover{background-color:var(--main-color-hover-)}.Settings .indicator{text-align:center;width:40px}.Settings input[type=range]{-webkit-appearance:none;appearance:none;background:var(--main-color-);border-radius:5px;flex-grow:1;height:10px}.Settings .secondary-color input[type=range]{background:var(--secondary-color-)!important}.Settings input[type=range]:hover{cursor:pointer}.Settings input[type=range]::-moz-range-track,.Settings input[type=range]::-webkit-slider-runnable-track{background:var(--main-color-);border-radius:5px;height:10px}.Settings .secondary-color input[type=range]::-moz-range-track,.Settings .secondary-color input[type=range]::-webkit-slider-runnable-track{background:var(--secondary-color-)!important}.Settings input[type=range]::-moz-range-thumb,.Settings input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid var(--main-color-);border-radius:50%;height:20px;width:20px}.Settings .save-btn-container{position:relative}.Settings .save-msg{color:var(--green-);font-size:var(--font-size-2-);position:absolute;right:50%;top:-140%;-webkit-transform:translateX(50%);transform:translateX(50%)}@media screen and (max-width:900px){.Settings .color-container{flex-direction:column;width:100%}.Settings .color-container label{width:100%}}
/*# sourceMappingURL=main.59783c9c.css.map*/