@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--grey: #AEAEAE;--darkgrey: #747474;--blue: #0C397C;--lightblue: #6B80CD;--cloud: #BFD0FF;--cyan: #6DC8F8;--neutral: #4B4B4B;--red: #FF443F;--green: #009894;--navbarHeight: 100px;--navbarSmHeight: 80px}@media only screen and (max-width: 1366px){:root{--navbarHeight: 90px}}.sws-toggle{--toggle-bg-on: #75C573;--toggle-bg-off: #EEEEEE;--toggle-border-on: #75C573;--toggle-border-off: #EEEEEE;--toggle-ring-color: transparent}*{box-sizing:border-box}.menu-left-footer i{color:#da2222}.menu-left-footer a{color:var(--white);text-decoration:underline;font-weight:700}.menu-left-footer{margin-top:clamp(20px,2.083vw,40px);background-color:var(--black);padding:.781vw 0;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:clamp(6px,.521vw,10px)}.support-container .text{color:var(--blue);font-weight:700;font-size:var(--fs12)}.menu-left>.support-container{margin:auto auto 0;display:flex;flex-direction:column;gap:clamp(8px,6.25vw,12px)}.menu-left>a{transition:all .5s ease}.menu-left>a:hover{color:var(--blue)}.menu-left>.menu-close{position:absolute;top:20px;left:20px;font-size:25px}.link-active-bold{font-weight:700;color:var(--blue)!important}.link-active{font-weight:700}.menu-left .link-dropdown-container .item-container .link{color:#747474;font-size:clamp(10px,.729vw,14px);transition:all .5s ease}.menu-left .link-dropdown-container .item-container .link:hover{color:var(--blue)}.menu-left .link-dropdown-container .item-container{display:flex;flex-direction:column;width:max-content;margin-left:auto;gap:13px;padding-right:.781vw}.menu-left .link-dropdown-container>.title>i{font-size:clamp(16px,1.042vw,20px)}.menu-left .link-dropdown-container>.title{color:var(--darkgrey);font-size:clamp(12px,.833vw,16px);font-weight:700;letter-spacing:3.2px;text-transform:uppercase;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transition:all .5s ease;background-color:var(--white);z-index:2}.menu-left .link-dropdown-container>.title:hover{cursor:pointer;color:var(--blue)}.menu-left .link-dropdown-container{width:100%;display:flex;flex-direction:column;gap:20px;overflow:hidden}.menu-left .align-left{text-align:left}.menu-left .category{color:var(--darkgrey);font-size:clamp(12px,.833vw,16px);font-weight:700;letter-spacing:3.2px;text-transform:uppercase;transition:all .5s ease;width:100%}.menu-left .category:hover{color:var(--blue)}.menu-left>.link-container hr{width:100%;height:0px;stroke-width:1px;stroke:#bfd0ff}.menu-left>.link-container{display:flex;flex-direction:column;gap:1.042vw;align-items:flex-end;padding:1.042vw;box-sizing:border-box;width:max-content;margin-left:auto;margin-right:auto}.menu-left>.logo>img{width:100%;height:auto;object-fit:cover}.menu-left>.logo{width:100%;padding:1.563vw;box-sizing:border-box}.menu-left{display:flex;flex-direction:column;height:100%;background-color:var(--white);box-sizing:border-box;position:relative;outline:0;overflow:hidden;z-index:99;width:auto;width:15.625vw}.menu-left:focus{border:none}@media only screen and (max-width: 900px){.menu-left>.sub-menu{color:var(--grey);font-size:12px;margin:0 0 15px 60px}.menu-left>.menu{color:var(--grey);font-size:14px;margin:0 0 20px 30px}.menu-left>.category{color:var(--grey);font-size:18px;font-weight:700;letter-spacing:3.2px;margin:0 0 30px 30px}.menu-left>.link-container{margin-left:0;gap:10px;padding-left:10%;padding-right:10%}.menu-left .logo{padding-left:10%;padding-right:10%}.menu-left{position:fixed;width:250px;z-index:2;padding-top:50px}}.notif-info-container .info-container{box-sizing:border-box;padding:0 10px}.notif-info-container{position:absolute;top:100%;transform:translate(-50%);background-color:#fff;color:#000;width:max-content;border:1px solid var(--blue);border-radius:5px;font-size:clamp(8px,.625vw,12px);z-index:3;max-width:300px;padding:10px 0}.notif-actif:after{content:" ";width:8px;height:8px;background-color:red;position:absolute;top:0;right:0;border-radius:50px}.notif-bell{font-size:clamp(16px,1.042vw,20px);color:var(--blue);position:relative}.notif-bell:hover{cursor:pointer}.notif-container{position:relative}.menu-top>.date{margin-right:auto;color:#aeaeae;font-size:var(--fs16)}.menu-top>.edit-btn{border:none;color:var(--white);font-size:clamp(10px,.729vw,14px);background-color:var(--blue);color:#fff;font-family:Poppins;display:flex;align-items:center;justify-content:center;gap:1.042vw;padding:.313vw .781vw;border-radius:5px;margin-right:3.646vw;transition:all .7s ease}.menu-top>.edit-btn:hover{cursor:pointer}.menu-top>.user-logo{width:2.083vw;height:2.083vw;min-width:30px;min-height:30px;display:flex;font-size:clamp(14px,.938vw,18px);align-items:center;justify-content:center;color:var(--white);background-color:var(--blue);border-radius:50px}.login-container>.role{font-size:clamp(10px,.729vw,14px);color:var(--grey)}.login-container>.name{font-size:clamp(14px,.938vw,18px);color:var(--grey);font-weight:700;margin-right:2.083vw}.menu-top>.login-container{display:flex;flex-direction:column;background-color:transparent;align-items:flex-start}.menu-top>.logout{text-decoration:underline;color:var(--cyan);font-size:clamp(10px,.625vw,12px)}.menu-top>.logout:hover{cursor:pointer}.menu-top{background-color:var(--white);display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap;padding:0 5.208vw;height:var(--navbarHeight);gap:1.042vw;box-sizing:border-box}@media only screen and (max-width: 900px){.menu-top>.date{display:none}.menu-top>.menu-bars{font-size:20px;margin-right:auto}.menu-top>.user-logo{min-width:20px;min-height:20px;font-size:12px}.menu-top>.edit-btn{padding:5px 10px}.menu-top{min-height:var(--navbarSmHeight);gap:10px}}.main-container.p-form .preview-container{grid-area:2 / 2 / 4 / 3;border:1px solid #F5F4F7;border-radius:20px;padding:2.083vw;overflow-y:auto}.main-container.p-form .preview-container::-webkit-scrollbar{display:none}.main-container.p-form .action-right-container .tag-error{background-color:#da2222!important}.main-container.p-form .action-right-container .tag-success{background-color:#2acc7e!important}.main-container.p-form .action-right-container .tag{background-color:#6b80cd;color:var(--white);font-size:var(--fs12);padding:2px 6px;border-radius:2px}.main-container.p-form .action-right-container{display:flex;align-items:flex-end;gap:1.354vw;grid-area:1 / 2 / 2 / 3}.main-container.p-form .action-left-container{display:flex;align-items:center;justify-content:space-between;grid-area:3 / 1 / 4 / 2}.main-container.p-form .form-container div textarea{border:1px solid #F5F4F7;outline:0;font-family:Poppins,sans-serif;font-size:var(--fs14);padding:.677vw .677vw .677vw 1.042vw;color:var(--black);resize:none;height:7.813vw;min-height:100px;border-radius:2px}.main-container.p-form .form-container div input[type=text]{border:1px solid #F5F4F7;outline:0;font-family:Poppins,sans-serif;font-size:var(--fs14);padding:.677vw .677vw .677vw 1.042vw;color:var(--black);border-radius:2px}input::placeholder,textarea::placeholder{color:#aeaeae}.main-container.p-form .form-container div label span{color:#ff342a;margin-left:7px}.main-container.p-form .form-container div label{font-size:var(--fs14);color:#aeaeae;text-transform:uppercase;font-weight:700}.main-container.p-form .form-container div{display:flex;flex-direction:column;gap:clamp(7px,.625vw,12px);flex:1 1 100%}.main-container.p-form .form-container{display:flex;flex-wrap:wrap;gap:2.083vw;grid-area:2 / 1 / 3 / 2;align-content:flex-start;overflow-y:auto;padding:0 0 1.042vw}.main-container.p-form .form-container::-webkit-scrollbar{display:none}.main-container.p-form .nav-container .nav-item.active{background-color:var(--blue);color:var(--white)}.main-container.p-form .nav-container .nav-item{font-weight:700;font-size:var(--fs12);color:var(--blue);width:max-content;padding:3px .521vw;border-radius:5px;text-transform:uppercase}.main-container.p-form .nav-container .nav-item:hover{cursor:pointer}.main-container.p-form .nav-container{grid-area:1 / 1 / 2 / 2;border:1px solid #F5F4F7;border-radius:10px;padding:.365vw 2.344vw;width:max-content;height:max-content;margin-top:auto;margin-bottom:auto;display:flex;align-items:center;justify-content:space-between}.main-container.p-form{background-color:var(--white);border-radius:20px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto 1fr auto;padding:1.042vw 4.688vw 1.042vw 5.208vw;column-gap:7.813vw}.panel-container .main-container{grid-area:2 / 1 / 3 / 4;height:100%;width:100%;display:grid;overflow-y:hidden;gap:1.563vw}.panel-container .action-container{grid-area:1 / 3 / 2 / 4;display:flex;flex-direction:row;width:100%;height:auto;justify-content:flex-end;flex-wrap:wrap;align-items:flex-end}.title-container h1{font-family:Poppins,sans-serif;font-size:var(--fs30);font-weight:700;color:var(--white);margin-bottom:.521vw}.panel-container .title-container .breadcrumb{color:var(--white);font-size:var(--fs14);display:flex;align-items:center;gap:5px}.panel-container .title-container .breadcrumb a{color:var(--white)}.panel-container .title-container{grid-area:1 / 1 / 2 / 2;background-color:var(--blue);padding:.781vw 2.188vw;border-radius:10px;width:100%;height:100%}.panel-container{display:grid;overflow-y:auto;height:100%;background-color:#f5f4f7;padding:1.667vw 4.688vw 1.042vw;margin-right:4.167vw;grid-template-columns:500px repeat(2,1fr);grid-template-rows:118px 1fr;row-gap:25px;column-gap:20px}@media only screen and (max-width: 900px){.panel-container{margin-right:0;grid-template-columns:auto}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:#aeaeae;border-radius:8px}::-webkit-scrollbar-thumb{background-color:var(--blue);border-radius:10px}:root{--fs8: clamp(6px,.417vw,8px);--fs10: clamp(8px,.521vw,10px);--fs12: clamp(8px,.625vw,12px);--fs14: clamp(10px,.729vw,14px);--fs16: clamp(12px,.833vw,16px);--fs18:clamp(14px,.938vw,18px);--fs20: clamp(16px,1.042vw,20px);--fs24: clamp(18px,1.25vw,24px);--fs28: clamp(16px,1.458vw,28px);--fs30: clamp(18px,1.563vw,30px);--fs32: clamp(18px,1.667vw,32px);--fs40: clamp(18px,2.083vw,40px);--fs50: clamp(18px,2.604vw,50px);--fs60: clamp(20px,3.125vw,60px);--fs96: clamp(24px,5vw, 96px);--fs100: clamp(24px,5.208vw,100px) }:root{--white: #FFFFFF;--black: #000000;--blue: #0C397C;--lightblue: #7296E8;--green:#2ACC7E;--red: #FF443F}.s-btn{background-color:#6b80cd;display:flex;flex-direction:row;align-items:center;color:var(--white);font-family:Poppins,sans-serif;border:none;border-radius:5px;font-size:var(--fs12);font-weight:700;gap:.8vw;padding:.365vw 1.042vw}.s-btn i{font-size:var(--fs16)}.p-btn{background-color:var(--blue);display:flex;flex-direction:row;align-items:center;color:var(--white);font-family:Poppins,sans-serif;border:none;border-radius:5px;font-size:var(--fs12);font-weight:700;gap:.8vw;padding:.365vw 1.042vw}.p-btn i{font-size:var(--fs16)}button:disabled{background-color:#aeaeae;pointer-events:none}@media only screen and (max-width: 900px){.s-btn,.p-btn{gap:10px;padding:5px 10px}}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from,.slide-leave-to{transform:translate(-100%);opacity:0}html,body{margin:0;background-color:var(--white);color:#000;font-family:Poppins,sans-serif;box-sizing:border-box;height:100%}#app{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}p{margin:0}a{text-decoration:none;color:var(--black)}h1{margin:0;font-size:5.9vw}button{background-color:var(--white);outline:0;border:1px solid var(--black);font-family:Poppins,sans-serif;border-radius:4px;width:max-content;height:max-content}button:hover{cursor:pointer}button:disabled{color:gray;border-color:gray}button:disabled:hover{cursor:default}textarea:focus,input:focus{outline:none}