@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap";:root{--body-background: #d9e5f3;--background-color: #f6f6f9;--card-color: rgba(255, 255, 255, .56);--text-Dark-color: #000;--text-white-color: #fff;--profil-imgCrud-color: rgba(255, 255, 255, .973);--box-shadow: 0 2rem 3rem rgba(132, 139, 200, .18);--td-color: rgb(69, 69, 69);--color-primary: #218CB3;--heart-color: rgba(249, 60, 60, .733);--qrCode-color: rgba(255, 255, 255, .834);--offre-input-backgroundColor: rgba(255, 255, 255, .945)}#dark{--box-shadow: 0 2rem 3rem rgba(0, 0, 0, .4);--text-Dark-color: #fff;--text-white-color: #000;--background-color: #181a1e;--body-background: #181a1e;--card-color: #202528;--color-primary: #9CD4FC;--profil-imgCrud-color: rgba(37, 37, 37, .945);--td-color: rgb(194, 194, 194);--color-primary: #218CB3;--heart-color: red;--qrCode-color: rgba(0, 0, 0, .758);--offre-input-backgroundColor: #202528}*{margin:0;padding:0;outline:0;-webkit-appearance:0;-moz-appearance:0;appearance:0;border:0;text-decoration:none;box-sizing:border-box}body{font-family:Poppins,sans-serif;scroll-behavior:smooth;background-color:transparent;overflow-x:hidden;min-height:100vh!important;background-color:var(--background-color)}body::-webkit-scrollbar{width:0px}body::-webkit-scrollbar-thumb{border-radius:6px;background:linear-gradient(transparent,var(--color-primary))}.avant-responsive{position:fixed;top:0;background-color:#c4dcf4;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;z-index:-100000;display:none;img {width: 250px; mix-blend-mode: multiply; user-select: none;} p {font-size: 12px; letter-spacing: 1px; user-select: none; text-align: center;}}.profil-section,.stagaire-area,.formateur-area,.filiere-area,.group-area,.module-area,.VotreNote-area,.atestation-area{width:100%!important;height:86vh;margin:0 auto;box-shadow:var(--box-shadow);background-color:var(--card-color);padding:20px;transition:.8s;border-radius:20px;scroll-behavior:smooth}.profil-section::-webkit-scrollbar,.stagaire-area::-webkit-scrollbar,.formateur-area::-webkit-scrollbar,.filiere-area::-webkit-scrollbar,.group-area::-webkit-scrollbar,.module-area::-webkit-scrollbar,.VotreNote-area::-webkit-scrollbar,.atestation-area::-webkit-scrollbar{width:3px;height:0}.Crud{border-radius:10px}.Crud input{font-weight:600;max-width:220px}.Crud input,.Crud select{outline:0;border-radius:5px;padding:5px 10px;border:1px solid rgb(205,205,205);background-color:var(--background-color);color:var(--text-Dark-color);transition:.7s}.Crud select,.Crud select option{text-transform:capitalize;cursor:pointer;font-weight:600}.Crud select option{font-weight:500}.Crud input:focus{border-color:var(--color-primary)}.crud-cin,.crud-date{width:80%;margin:0 auto 30px;display:flex;justify-content:flex-start;align-items:center;gap:10px}.crud-prenom-nom,.crud-filier-group,.crud-username-password{width:80%;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:center;gap:10px}.crud-prenom,.crud-nom,.crud-filier,.crud-group,.crud-usernam,.crud-password{display:flex;justify-content:center;align-items:center;gap:10px}.crud-save{width:90%;margin:50px auto 0;display:flex;justify-content:flex-end}.crud-save button{padding:6px 11px;border-radius:5px;font-size:14px;font-weight:500;background-color:var(--color-primary);color:var(--background-color);border:1px solid var(--color-primary);transition:.7s}.crud-save button:hover{background-color:var(--background-colo);color:var(--color-primary)}.Crud form{border:0}.eye{font-size:8px;color:var(--text-Dark-color);opacity:.2;transition:.7s;cursor:pointer;padding:5px!important;border-radius:2px}.eye:hover{transform:scale(1.1);opacity:1;color:#fff;background-color:var(--color-primary)}.save{display:flex;justify-content:flex-end}.arrow a{color:var(--color-primary);font-size:15px;opacity:.5;transition:.6s}.arrow a:hover{opacity:1;transform:scale(1.6)}.actions{width:7%}.inputs-zone select{background-color:var(--background);width:100%;height:50px;font-weight:600!important;font-size:14px;padding:1.5rem 1.35rem calc(.75rem - 2px) 1.35rem;border-radius:10px;border:2px solid transparent;outline:none;box-shadow:var(--box-shadow);transition:.7s}.inputs-zone select option{font-weight:600;font-size:13px;color:var(--text-Dark-color);text-transform:capitalize;padding:8px;background-color:var(--card-color)}.inputs-zone select{-webkit-appearance:none;-moz-appearance:none;cursor:pointer;color:var(--text-Dark-color)}.inputs-zone select:focus~.icon{opacity:1}.inputs-zone select:focus~label{color:var(--color-primary)!important;opacity:1!important}/*! === Styling cv Template === */.cv-cv{margin:0 0 20px;background-color:var(--background-color);padding:10px 10px 50px;border-radius:8px;transition:.6s;display:grid;grid-template-columns:1fr 1fr;gap:2px}.cv-cv .cv-cv-adresse{h3 {color: var(--color-primary); font-size: 16px; text-transform: capitalize; text-align: center; transition: .6s; margin-bottom: 20px;} .cv-cv-section-1-info {width: 100%; margin: 0 auto; padding: 0 20px;} .cv-cv-section-1-info h3 {position: relative; text-align: center; color: var(--color-primary); font-size: 11px; font-weight: bold; opacity: .8; transition: .6s;} .cv-cv-section-1-info p i {color: var(--color-primary); margin-right: 10px; opacity: .5; transition: .6s;} .cv-cv-section-1-info p span {font-size: 12px; letter-spacing: .5px; font-weight: 500; color: var(--text-Dark-color); opacity: .7; transition: .6s;}}.cv-cv .cv-cv-image-nom{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;h2 {font-size: 16px; font-weight: bold; transition: .6s; text-transform: uppercase; color: var(--text-Dark-color);} .cv-cv-img {display: flex; align-items: center; justify-content: center; width: 60%; margin: 0 auto; img {width: 160px; height: 160px; object-fit: cover; border-radius: 50%;}}}.cv-cv .cv-cv-description{h3 {color: var(--color-primary); font-size: 16px; text-transform: capitalize; text-align: center; transition: .6s;} p {font-size: 12px; color: var(--text-Dark-color); opacity: .7; transition: .6s; padding: 20px;}}.cv-cv .cv-competence{border-left:1px solid rgba(111,111,111,.419);h3 {color: var(--color-primary); font-size: 16px; text-transform: capitalize; text-align: center; transition: .6s;} .cv-competence-item {display: flex; flex-direction: column; padding: 0 20px; font-size: 12px; color: var(--text-Dark-color); opacity: .7; transition: .6s;}}.cv-cv .cv-cv-diplome{display:flex;gap:10px;flex-direction:column;h3 {color: var(--color-primary); font-size: 16px; text-transform: capitalize; text-align: center; transition: .6s;} .cv-cv-diplome-item {display: flex; align-items: center; flex-direction: column; flex-wrap: wrap; padding: 0 20px; h5 {color: var(--text-Dark-color); transition: .4s;} .cv-cv-diplome-item-details {width: 100%; display: flex; flex-direction: column; h4,h5,button {color: rgb(141,140,140); font-size: 11px; text-transform: capitalize; span {font-size: 13px; color: var(--text-Dark-color); margin-left: 10px;}} button {background-color: transparent; text-align: left; transition: .4s; width: fit-content; &:hover {opacity: .7;}} .with-atistation {span {transition: .3s;} &:hover {span {color: var(--color-primary);}}}}}}.cv-cv .cv-cv-experience{border-left:1px solid rgba(111,111,111,.419);display:flex;gap:10px;flex-direction:column;h3 {color: var(--color-primary); font-size: 16px; text-transform: capitalize; text-align: center; transition: .6s;} h5 {color: var(--text-Dark-color); transition: .4s;} .cv-cv-diplome-item {display: flex; align-items: center; flex-direction: column; flex-wrap: wrap; padding: 0 20px; .cv-cv-diplome-item-details {width: 100%; display: flex; flex-direction: column; h4,h5,button {color: rgb(141,140,140); font-size: 11px; text-transform: capitalize; span {font-size: 13px; color: var(--text-Dark-color); margin-left: 10px;}} button {background-color: transparent; text-align: left; transition: .4s; width: fit-content; &:hover {opacity: .7;}} .with-atistation {span {transition: .3s;} &:hover {span {color: var(--color-primary);}}}}}}.cv-cv .cv-ligne{background-color:#6f6f6f2a;height:1px;width:70%;margin:20px auto;grid-column:span 2}/*! === Styling Search Template === */.espace-serch{padding:10px;display:flex;justify-content:flex-end}.search-wraper{border-radius:5px}.search-wraper input{outline:0;border:0;padding:5px 10px;border-radius:5px;font-weight:600;transition:.6s;background-color:var(--background-color);color:var(--text-Dark-color);border:1px solid rgb(207,207,207)}.search-wraper input:focus{border-color:var(--color-primary)}.search-wraper input::placeholder{font-size:10px;letter-spacing:.3px}.search-wraper button i{color:var(--color-primary);padding:8px 10px;border-left:1px solid rgb(206,206,206);transition:.6s}.search-wraper input:valid~button{opacity:1}.info-search{display:flex;justify-content:space-between;align-items:center}.info-search .data-info{margin-left:20px}.info-search .data-info h4{font-size:12px;font-weight:700;color:var(--color-primary)}.w-100{grid-column:span 2}.loading{margin:25px 0;border:3px solid var(--color-primary);border-left-color:transparent;width:20px;height:20px;border-radius:50%;animation:spin89345 1s linear infinite}/*! -- styling the Loaders -- */.newtons-cradle{--uib-size: 20px;--uib-speed: 1.2s;--uib-color: white;position:relative;display:flex;align-items:center;justify-content:center;width:var(--uib-size);height:var(--uib-size)}.newtons-cradle__dot{position:relative;display:flex;align-items:center;height:100%;width:25%;transform-origin:center top}.newtons-cradle__dot:after{content:"";display:block;width:100%;height:25%;border-radius:50%;background-color:var(--uib-color)}.newtons-cradle__dot:first-child{animation:swing var(--uib-speed) linear infinite}.newtons-cradle__dot:last-child{animation:swing2 var(--uib-speed) linear infinite}@keyframes swing{0%{transform:rotate(0);animation-timing-function:ease-out}25%{transform:rotate(70deg);animation-timing-function:ease-in}50%{transform:rotate(0);animation-timing-function:linear}}@keyframes swing2{0%{transform:rotate(0);animation-timing-function:linear}50%{transform:rotate(0);animation-timing-function:ease-out}75%{transform:rotate(-70deg);animation-timing-function:ease-in}}@keyframes spin89345{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{font-size:17px;position:relative;display:inline-block;width:1em;height:1em;padding:0 15px;margin-right:10px;margin-bottom:2px}.spinner .spinner-blade{position:absolute;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:transparent;-webkit-transform-origin:center -.2222em;-ms-transform-origin:center -.2222em;transform-origin:center -.2222em;animation:spinner-fade9234 1s infinite linear}.spinner .spinner-blade:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.spinner .spinner-blade:nth-child(2){-webkit-animation-delay:83ms;animation-delay:83ms;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){-webkit-animation-delay:.166s;animation-delay:.166s;-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){-webkit-animation-delay:.249s;animation-delay:.249s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){-webkit-animation-delay:.332s;animation-delay:.332s;-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){-webkit-animation-delay:.415s;animation-delay:.415s;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){-webkit-animation-delay:.498s;animation-delay:.498s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){-webkit-animation-delay:.581s;animation-delay:.581s;-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){-webkit-animation-delay:.664s;animation-delay:.664s;-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){-webkit-animation-delay:.747s;animation-delay:.747s;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){-webkit-animation-delay:.83s;animation-delay:.83s;-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){-webkit-animation-delay:.913s;animation-delay:.913s;-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}@keyframes spinner-fade9234{0%{background-color:#b6c0cf}to{background-color:transparent}}@media (max-width: 1200px){.profil-section,.stagaire-area,.formateur-area,.filiere-area,.group-area,.module-area,.VotreNote-area,.atestation-area,.Activities{border-radius:10px!important;height:86vh!important}}@media (max-width: 1000px){.cv-cv-diplome,.cv-cv-experience{grid-column:span 2}.cv-cv-experience{border-left:0!important}}@media (max-width: 800px){.cv-cv-description,.cv-competence,.cv-cv-adresse,.cv-cv-image-nom{grid-column:span 2;width:90%;margin:0 auto}.cv-competence{border-left:0!important}.cv-cv-image-nom{order:-1;display:none!important}.cv-cv-image-nom .cv-cv-img{img {width: 100px !important; height: 100px !important; object-fit: cover; border-radius: 50%;}}}@media (max-width: 600px){.profil-section,.stagaire-area,.formateur-area,.filiere-area,.group-area,.module-area,.VotreNote-area,.atestation-area,.Activities{border-radius:0!important;box-shadow:0 0!important;scroll-behavior:smooth}.profil-section::-webkit-scrollbar,.stagaire-area::-webkit-scrollbar,.formateur-area::-webkit-scrollbar,.filiere-area::-webkit-scrollbar,.group-area::-webkit-scrollbar,.module-area::-webkit-scrollbar,.VotreNote-area::-webkit-scrollbar,.atestation-area::-webkit-scrollbar,.Activities::-webkit-scrollbar{height:0;width:0}.cv-cv-description,.cv-competence,.cv-cv-adresse,.cv-cv-image-nom{width:100%}}@media (max-width: 500px){.cv-cv{padding:5px 0}}@media (max-width: 400px){.profil-section,.stagaire-area,.formateur-area,.filiere-area,.group-area,.module-area,.VotreNote-area,.atestation-area,.Activities{padding:10px}.cv-cv{h3 {font-size: 14px !important;} p,span {font-size: 10px !important;} button {padding: 1px 2px !important; font-size: 7px !important;}}}@media (max-width: 320px){.avant-responsive{display:flex;opacity:1;z-index:9999}}.login_nav{width:95%;display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:3px 0;-webkit-user-select:none;user-select:none;a {display: flex; align-items: center; gap: 10px; text-decoration: none; color: rgb(75,75,75); h3 {font-size: 15px; font-weight: bold;}}}.login_nav img:nth-child(1){width:60px}.login_nav img:nth-child(2){width:150px;mix-blend-mode:multiply}.go-back-login{width:30%;margin-bottom:10px}.Login-wrapper{margin:20px auto;height:70vh;width:70%;display:flex;justify-content:center;align-items:center;flex-direction:column}.Login-wrapper h2{font-size:19px;font-weight:700;color:var(--color-primary);text-align:center}.Login-wrapper p{font-size:12px;width:300px;font-weight:600;text-align:center;color:#515151}form{position:relative;padding:20px 60px;border-radius:10px}form .login-error{color:red;font-size:10px;text-align:center;padding:8px 0;background-color:#e97e7e55;border-radius:3px}form .form-item{position:relative;margin:10px 0 20px;display:flex;flex-direction:column;label {color: rgba(128,128,128,.849); font-size: 11px; font-weight: 500;} input {border-radius: 5px; outline: 0; border: 1px solid rgb(199,199,199); padding: 7px 15px; font-size: 12px; font-weight: 500; transition: .6s; width: 300px;} span {position: absolute; bottom: -15px; color: red; font-size: 10px;} .form-item-password {position: relative; input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button,input::-ms-reveal,input::-ms-clear {display: none;} .login-pswd-icons {position: absolute; right: -10px; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; button {cursor: pointer; height: 100%; padding: 0 5px; background-color: transparent; border: 0; outline: 0; i {font-size: 12px; color: var(--color-primary); &:hover {transform: scale(1);}}}}}}.Login-wrapper i{opacity:.7;transition:.6s;margin-right:20px}.Login-wrapper i:hover{opacity:1;transform:scale(1.4)}.form-item input:focus,.form-item select:focus{border:1px solid var(--color-primary)}.form-item select{border-radius:5px;outline:0;border:2px solid rgb(199,199,199);padding:4px 10px;font-size:12px;font-weight:700;transition:.6s;cursor:pointer}.links{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;margin-top:5px}form button{text-decoration:none;margin-top:20px;display:flex;justify-content:center;width:100%;padding:5px 0;text-align:center;font-size:13px;font-weight:500;border-radius:5px;background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary);transition:.6s}form button:hover{opacity:.8}footer{position:fixed;bottom:0;width:100%;p {text-align: center; font-size: 10px; font-weight: 600;}}.error{padding:10px;margin-bottom:10px;background-color:#ff000023;color:red;font-size:12px;letter-spacing:1px;font-weight:700;text-align:center;border-radius:4px}.msg-alert{position:absolute;top:0;right:10%;padding:10px 30px;margin-bottom:10px;background-color:#37ff0023;color:green;font-size:10px;letter-spacing:1px;font-weight:700;text-align:center;border-radius:4px}.register-msg-alert{width:400px!important;right:12%!important}.register-code-msg-alert{width:280px!important;right:12%!important}.verification-code .otp-inputs{display:flex;justify-content:center;gap:5px;input {width: 40px !important; font-weight: bold !important; text-align: center; &::placeholder {font-weight: 400;}}}.verification-code .login-message{p {width: 99%; margin: 0 auto; font-size: 9px; text-align: center; padding: 10px 0; font-weight: 600; letter-spacing: .5px;} .login-error {color: red; background-color: rgba(220,72,72,.181);} .login-sucsses {color: green; background-color: rgba(62,234,62,.14);}}@media (max-width: 550px){.Login-wrapper .verification-code{height:70vh;align-items:center;display:flex}}.wrapper{min-height:90vh;width:100%;margin:0 auto;display:flex;background-color:var(--background-color);transition:.6s}.content{width:calc(100% - 200px);padding:0 20px;transition:.6s}/*! ------------------------------------------ */.nav-wrapper{padding:10px 0 0}/*! ---------------------------------------------------- */.body-wrraper{padding:20px 0 0}.body-wrraper .full{background-color:var(--background-color);width:90%;padding:10px 0 0;margin:0 auto;border-radius:20px;box-shadow:0 2rem 3rem #848bc82e}.body-wrraper .full .links{display:flex;justify-content:center;align-items:center;gap:100px}.body-wrraper .full .links a{color:#000;font-size:12px;font-weight:500;text-decoration:none;transition:.8s;opacity:.2}.body-wrraper .full .links a:hover,.body-wrraper .full .links a.active{color:var(--color-primary);transform:scale(1.1);opacity:1}.body-wrraper .full .cont{width:100%;padding:20px 0;display:flex;justify-content:center;align-items:center}@media (max-width: 1200px){.content{width:calc(100% - 80px)}}@media (max-width: 600px){.wrapper{flex-direction:column;padding:0;background-color:#f0f8ff}.content{width:100%;height:calc(86vh - 25px);display:block;padding:0;order:1;border-radius:0;scroll-behavior:smooth}}@media (max-height: 800px){.content{height:fit-content!important;padding-bottom:50px;overflow:hidden}}nav{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 50px 10px;background-color:var(--background-color);transition:.6s;height:10vh}nav .Logo{-webkit-user-select:none;user-select:none;margin:20px 0 10px 35px;width:50px;transition:all .6s}nav .navright{display:flex;justify-content:center;align-items:center;gap:15px}nav .navright .darkmode-icons button{border:0;border-radius:5px;outline:0;display:flex;justify-content:center;align-items:center;background-color:var(--background-color);transition:.8s}nav .navright .darkmode-icons button span{font-size:13px;height:100%;width:100%;padding:4px 6px;border-radius:5px;color:var(--text-Dark-color);transition:.8s}nav .navright .darkmode-icons button span.active{background-color:var(--color-primary);color:#fff;transition:.8s}nav .navright .user-info{text-align:right}nav .navright .user-info h3{font-size:12px;font-weight:700;color:var(--text-Dark-color);text-transform:capitalize;transition:.8s}nav .navright .user-info h4{font-size:10px;color:var(--color-primary);text-transform:capitalize}.navright .Profile{text-decoration:none;display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#1c2fffa0;border-radius:50%;outline:0;border:0}.navright .Profile span{font-size:20px;font-weight:700;color:#fff;text-transform:uppercase}.navright img{width:50px;height:50px;object-fit:cover;border-radius:50%;transition:.3s;cursor:pointer}.nav-midle{display:flex;justify-content:center;align-items:center;gap:25px}.nav-midle a{text-decoration:none;font-size:12px;color:var(--text-Dark-color);font-weight:600;opacity:.6;transition:.6s}.nav-midle a.active{color:var(--color-primary);font-weight:700;transform:scale(1.1);opacity:1}.nav-midle a.active:after{transform-origin:left;transform:scale(1)}.nav-midle a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:3px;background-color:var(--color-primary);border-radius:5px;transform-origin:right;transform:scale(0);transition:transform .8s}.navright i{color:var(--color-primary);font-size:18px;transition:.4s}.navright i:hover{opacity:.6}.popup{position:absolute;right:14%;top:-40%;background-color:#fff;width:max-content;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:10px;box-shadow:1px 0 15px var(--background-color);z-index:99;opacity:0;transition:all .3s ease-in}.popup.active{top:10%;opacity:1}.popup a{display:flex;align-items:center;gap:10px;color:#a8a8a8;width:150px;font-size:16px;font-weight:700;letter-spacing:1px;text-decoration:none;padding:7px 10px;border-radius:6px;border:1px solid rgb(168,168,168);transition:.6s}.popup a.active,.popup a:hover{background-color:var(--color-primary);color:#fff}@media (max-width: 1200px){nav .Logo{margin-left:0}nav .navright .user-info{gap:5px;h3,h4 {font-size: 10px !important;}}nav .navright .Profile{width:45px;height:45px;img {width: 45px; height: 45px;}}}@media (max-width: 1000px){nav{padding:0 30px 10px}}@media (max-width: 600px){nav{padding:0 30px}}@media (max-width: 400px){nav{padding:0 10px}nav .navright .Profile{width:35px;height:35px;img {width: 35px; height: 35px;}}}.sidebare{position:relative;background-color:var(--card-color);width:200px;height:86vh;margin-left:15px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--box-shadow);border-radius:20px;overflow:hidden;transition:.6s;-webkit-user-select:none;user-select:none}.sidebare .sidbar-img{background-color:#1c2fff85;width:25px;height:25px;display:flex;justify-content:center;align-items:center;margin-left:35px;border-radius:50%}.sidebare .sidbar-img img{width:25px;height:25px;border-radius:50%;object-fit:cover}.sidebare .sidbar-img h6{font-size:15px;color:var(--text-white-color);text-transform:uppercase;color:#fff}.sidebare a{background-color:var(--card-color);color:#8f8f8fa7;display:flex;justify-content:flex-start;align-items:center;padding:15px 0;gap:10px;width:100%;text-decoration:none;transition:.6s}.sidebare a:hover{margin-left:20px}.sidebare a.active{background-color:var(--card-color);color:var(--color-primary);transition:.6s}.sidebare a.active .sidbar-img{outline:2px solid var(--color-primary)}.sidebare a.active:hover{margin:0}.sidebare a.active:before{position:absolute;content:"";width:6px;height:18px;margin-left:4px;background-color:var(--color-primary)}.sidebare a:last-child{position:absolute;bottom:10px}.sidebare a span,.sidebare a i{font-size:25px;width:25px;margin-left:35px}.sidebare a span:nth-child(2),.sidebare a i:nth-child(2){margin:0;font-size:13px;font-weight:700}.sidebare a i{font-size:14px;text-align:center}.sidebare a span{width:max-content}@media (max-width: 1200px){.sidebare{width:80px;border-radius:10px;a {flex-direction: column; justify-content: center; align-items: center; padding: 10px 0; &.active::before {display: none;} i {font-size: 11px; margin-left: 0;} span:nth-child(1) {font-size: 15px !important;} span {margin-left: 0; font-size: 8px !important; width: 80%; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .sidbar-img {margin-left: 0; h6 {font-size: 12px;}}}}}@media (max-width: 1000px){.sidebare{width:70px}}@media (max-width: 600px){.sidebare{order:2;flex-direction:row;height:70px;width:100%;margin:0 auto;gap:10px;border-radius:0;background-color:var(--background-color);border-top:1px solid rgba(128,128,128,.621);position:fixed;bottom:0;z-index:2000;overflow-x:scroll;scroll-behavior:smooth;a {background-color: transparent; min-width: 70px; &:hover {margin: 0; opacity: .5;}} a.active {background-color: transparent;} a:last-child {position: initial;}}.sidebare::-webkit-scrollbar{height:0}}.profil-section{position:relative;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:10px;width:100%;padding:20px;transition:.6s;border-radius:20px;overflow:hidden}.profil-section-left{margin-top:10px;display:flex;flex-direction:column;align-items:center}.profil-section-img{background-color:#1c2fffa0;width:200px;height:200px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.7s;overflow:hidden}.profil-section-img span{font-size:80px;font-weight:700;cursor:pointer;transition:.7s;color:#fff;text-transform:uppercase}.profil-section-img img{width:200px;height:200px;object-fit:cover;border-radius:50%;cursor:pointer;transition:.7s}.profil-section-img:hover{opacity:.7!important;filter:grayscale(100%)}.profil-section-img:hover.profil-section-img img,.profil-section-img:hover.profil-section-img span{transform:scale(1.5)}.profil-section-texts{margin-top:10px;text-align:center;display:flex;flex-direction:column;text-transform:capitalize}.profil-section-texts span:nth-child(1){font-weight:700;font-size:17px;color:var(--text-Dark-color)}.profil-section-texts span:nth-child(2){font-size:13px;font-weight:600;color:var(--color-primary)}.profil-popup{position:absolute;top:25%;left:55%;background-color:var(--text-white-color)!important;width:max-content;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:15px;border-radius:10px;transition:all .2s ease-out;z-index:-99;opacity:0;box-shadow:var(--box-shadow)}.profil-popup.active{top:34%;left:58%;opacity:1;z-index:99}.profil-popup a{text-align:center;color:var(--color-primary);width:150px;font-size:12px;font-weight:700;text-decoration:none;padding:7px 10px;border-radius:6px;border:1px solid var(--color-primary);transition:.6s}.profil-popup a:hover{background-color:var(--color-primary);color:var(--text-white-color)}.form-details{position:relative;margin:0 auto;text-align:center;width:800px}form{border:0}.contact-form{display:grid;margin:0 auto;grid-template-columns:repeat(2,1fr);column-gap:2rem;row-gap:1rem;border:0}.contact-form-profile{width:100%!important;display:grid;margin:0 auto;grid-template-columns:repeat(2,1fr);column-gap:2rem;row-gap:1rem;border:0}.inputs-zone{position:relative;margin-bottom:20px}.inputs-zone input{background-color:var(--background);color:var(--text-Dark-color);width:100%;height:50px;font-weight:700;font-size:14px;padding:1.5rem 1.35rem calc(.75rem - 2px) 1.35rem;padding-right:40px;border-radius:10px;border:2px solid transparent;outline:none;box-shadow:var(--box-shadow);transition:.7s}.inputs-zone label{position:absolute;left:calc(1.35rem + 2px);transform:translateY(-50%);pointer-events:none;font-weight:700;color:#b1b0b0d4;transition:.7s;font-size:12px;top:.9rem}.inputs-zone input:focus~label{color:var(--color-primary)}.inputs-zone input:focus~.icon{opacity:1}.inputs-zone .icon{position:absolute;right:calc(1.35rem + 2px);top:50%;transform:translateY(-50%);pointer-events:none;font-size:16px;color:var(--color-primary);transition:.7s;opacity:.3}input[type=date]{width:100%;position:relative;input[type="date"]::-webkit-calendar-picker-indicator {opacity: 1;}}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;position:absolute;right:10px}textarea{position:relative;background-color:var(--background);color:var(--text-Dark-color);box-shadow:var(--box-shadow);font-weight:700;font-size:12px;width:100%;height:100%;padding:2.5rem 1.35rem calc(.75rem - 2px) 1.35rem;padding-left:20px;resize:none;min-height:150px;border:none;outline:none;border-radius:20px;transition:.7s}textarea::placeholder{color:var(--text-Dark-color);font-size:10px;padding:5px 0 0 5px;font-weight:400;letter-spacing:.5px;opacity:.4}.texa label{position:absolute;height:20px;transform:none;top:2px}.texa .icon{position:absolute;top:15px}.inputs-zone textarea:focus~.icon{opacity:1}.inputs-zone textarea:focus~label{color:var(--color-primary)}.focus label{color:var(--color-primary)}.focus .icon{opacity:1}.contact-btns{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;margin-top:1rem;width:100%;grid-column:span 2}.profil-btn{grid-column:span 2;display:flex;justify-content:flex-end;gap:10px;transition:.8s}.profil-btn button{width:80px;padding:8px 15px;border-radius:5px;font-size:11px;font-weight:700;background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary);transition:.4s}.profil-btn button:hover{opacity:.7}.profil-btn-annuler{background-color:#ff0000a1!important;border-color:#ff0000a1!important;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;cursor:none;transition:.4 ease-in-out}.profil-btn-annuler-active{background-color:#ff0000a1!important;border-color:#ff0000a1!important;opacity:1;-webkit-user-select:auto;user-select:auto;pointer-events:initial;cursor:pointer;transition:.4 ease-in-out}.profil-btn .profil-btn-loader{padding:5px 0}.QrCode{width:fit-content;position:absolute;top:15px;right:30px;i {font-size: 20px; cursor: pointer; transition: .6s; color: var(--text-Dark-color); &:active {opacity: .5;}}}.QrCode-popup{background-color:var(--qrCode-color);position:absolute;top:100px;right:-55px;height:50px;width:50px;display:flex;justify-content:center;align-items:center;transition:.1s ease-in;opacity:0;button {height: 100%; width: 100%; cursor: initial; background-color: transparent;} .QrCode-popup-main {position: absolute; border: 3px solid white; border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center;}}.active-Qr{right:0;top:0;width:100%;height:100vh;transition:.1s ease;opacity:1}.active-Qr .QrCode-popup-main{width:300px;height:300px}@media (max-width: 1000px){.profil-section .profil-section-left .profil-section-img{width:150px;height:150px;img {width: 150px; height: 150px;} span {font-size: 60px; font-weight: 700; cursor: pointer; transition: .7s; color: white; text-transform: uppercase;}}.profil-section .profil-section-right .form-details{width:700px}.profil-section .profil-section-right .form-details .inputs-zone{input,select {font-size: 13px;}}.profil-section .profil-section-right .form-details .inputs-zone label{font-size:10px}}@media (max-width: 800px){.profil-section .profil-section-right .form-details{width:90%;padding:0;form {padding: 0; .inputs-zone {input,select {font-size: 12px;}}}}}@media (max-width: 700px){.profil-section .profil-section-right .form-details .inputs-zone{input,select {font-size: 11px;}}.contact-form{padding:20px 0}}@media (max-width: 600px){.profil-section{gap:20px;padding-bottom:40px}.profil-section .profil-section-right .form-details{width:100%;padding:0;form {padding: 0; .contact-form-profile {width: 100%;}} .inputs-zone {input,select {font-size: 11px;}}}.active-Qr .QrCode-popup-main{width:150px;height:150px}}@media (max-width: 500px){.contact-form{gap:0}.contact-form .inputs-zone{grid-column:span 2;input {border-radius: 5px !important;}}}@media (max-width: 400px){.profil-section .profil-section-right .form-details .contact-form-profile{gap:0}.profil-section .profil-section-right .form-details .contact-form-profile .inputs-zone{grid-column:span 2}}@media (max-height: 650px){.profil-section{overflow-y:scroll;padding-top:50px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-loading-wrraper{width:100%;height:100%;display:flex;flex-direction:column;transition:.4s}.profile-loading-wrraper .profile-loading-img{width:200px;height:200px;border-radius:50%;margin:25px auto 0;background-color:#80808076;animation:loadingAnimation 1.5s infinite ease-in-out}.profile-loading-wrraper .profile-loading-form{display:grid;grid-template-columns:1fr 1fr;width:70%;gap:20px;margin:25px auto 0;div {height: 50px; background-color: rgba(128,128,128,.462); animation: loadingAnimation 1.5s infinite ease-in-out; border-radius: 5px; &:last-child,&:nth-child(7) {grid-column: span 2;}}}@media (max-width: 600px){.profile-loading-wrraper .profile-loading-form{width:100%}}@media (max-width: 400px){.profile-loading-wrraper .profile-loading-form{div {grid-column: span 2; &:last-child,&:nth-child(7),&:nth-child(6) {display: none;}}}}@media (max-height: 800px){.profile-loading-wrraper .profile-loading-form{div {grid-column: span 2; &:last-child,&:nth-child(7),&:nth-child(6),&:nth-child(5) {display: none;}}}}.espace-links{display:flex;justify-content:center;align-items:center;gap:10px}.espace-links a{color:var(--text-Dark-color);opacity:.3;transition:.6s;border-radius:3px}.espace-links a i{padding:5px!important;border-radius:2px}.espace-links a:hover{opacity:1}.espace-links a:hover i{color:#fff;background-color:red}.espace-links a:hover .edite{background-color:var(--color-primary)}.espace .espace-table::-webkit-scrollbar{width:3px;height:7px}.espace{width:100%}.espace .espace-table{max-height:525px;overflow:auto;border-radius:5px;margin-bottom:10px;scroll-behavior:smooth}.espace .espace-table table{overflow-x:auto;scroll-behavior:smooth;border-collapse:separate;border-spacing:10px}.espace .espace-table table .table-align-left{text-align:left}.espace .espace-table table thead tr th{text-align:center;color:var(--text-Dark-color);white-space:nowrap;background-color:#80808028;border:0;font-size:12px}.espace .espace-table table tbody td{text-align:center;text-transform:capitalize;font-size:10.5px;letter-spacing:.4px;color:var(--td-color)}.espace .espace-table table tbody .password{text-transform:initial}.table .noData{width:100%!important;display:table-row}.table .noData img{width:200px;mix-blend-mode:multiply}.noData p{font-size:12px;font-weight:500;z-index:120}.ListeStagaire{border:0}.save{padding:0 10px;margin:20px 0 0}.save button{padding:6px 11px;border-radius:5px;font-size:11px;font-weight:600;background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary);transition:.7s}.save button:hover{opacity:.7}table tbody .active-row td{opacity:.5;-webkit-user-select:none;user-select:none}.Active-link{display:flex;justify-content:center;align-items:center;gap:10px}.Active-link i{color:#000;opacity:.5}.Add-wrapper{padding:10px;border-radius:10px;overflow:hidden!important;width:100%}@media (max-width: 930px){.search-wraper input{width:170px;font-size:10px;padding:7px 10px}.search-wraper input::placeholder{font-size:8px}.form-details{width:100%}.form-details .inputs-zone{input,select,option {font-size: 10px;} label {font-size: 9px;}}.table .noData{img {width: 160px; mix-blend-mode: multiply;} p {font-size: 10px;}}}@media (max-height: 650px){.espace{padding-bottom:40px}}.admin-loading-wrraper{width:100%;height:100%;display:flex;flex-direction:column;transition:.4s}.admin-loading-wrraper .admin-loading-top{margin-top:10px;height:30px;display:flex;justify-content:space-between}.admin-loading-wrraper .admin-loading-top div{background-color:#80808076;height:100%;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.admin-loading-wrraper .admin-loading-top div:nth-child(1){width:150px}.admin-loading-wrraper .admin-loading-top div:nth-child(2){width:200px}.admin-loading-wrraper .admin-loading-table{margin:30px 0;background-color:#80808076;height:80%;width:100%;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.admin-loading-wrraper .admin-loading-btn{background-color:#80808076;height:30px;width:100px;margin-left:auto;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}@media (max-width: 500px){.admin-loading-top div:nth-child(1){width:100px!important}.admin-loading-top div:nth-child(2){width:160px!important}}.stagiaiare-cv-adminpage{overflow:scroll;height:100%}.stagiaiare-cv-adminpage .cv-cv{margin-top:10px}.stagiaiare-cv-adminpage::-webkit-scrollbar{width:3px;height:0}@media (max-width: 500px){.stagiaiare-cv-adminpage .cv-cv{padding-bottom:20px}}.entreprise-table{overflow:scroll}.entreprise-table table th{white-space:nowrap}.activity{display:flex;flex-direction:column;gap:5px;width:100%;margin:0 auto;transition:.8s;overflow:scroll;height:100%}.activity::-webkit-scrollbar{width:3px;height:0}.activity span{font-size:16px;font-weight:700;letter-spacing:.3px;color:var(--text-Dark-color)}.activity span span{font-size:18px;text-transform:uppercase;color:var(--color-primary)}.avis-list .noData img{width:200px}.cvs{display:flex;flex-direction:column;gap:5px;width:100%;height:86vh;margin:0 auto;box-shadow:var(--box-shadow);background-color:var(--card-color);padding:20px;transition:.8s;border-radius:20px;overflow:scroll}.cvs::-webkit-scrollbar{width:3px;height:0}.filterSection{display:flex;gap:20px;width:100%}.filterSection .filterLeft{width:10%;text-align:center}.filterSection .filterLeft h3{font-size:13px;letter-spacing:1px;font-weight:700;color:var(--color-primary)}.filterSection .filterRight{display:flex;align-items:center;gap:20px;width:90%}.filterSection .filterRight .inputs-zone{width:250px}.filterSection .filterRight .inputs-zone select{box-shadow:none;background-color:var(--background-color);color:var(--background-color)}.filterSection .filterRight .inputs-zone label{color:#a8a5a5;top:25px;font-size:14px;font-weight:600;opacity:.5}.rateFilter{text-align:center}.secendFilter{display:flex;align-items:center;padding:10px 0;margin-bottom:15px;border-top:1px solid rgba(128,128,128,.241);border-bottom:1px solid rgba(128,128,128,.262)}.secendFilter .secendFilter-Left{width:10%;text-align:center}.secendFilter .secendFilter-Right{display:flex;justify-content:flex-start;gap:20px;width:80%}.secendFilter .secendFilter-Left h3{font-size:15px;letter-spacing:1px;font-weight:700;color:var(--color-primary)}.secendFilter .secendFilter-Right .filtredItem{display:flex;align-items:center;gap:10px;padding-right:5px}.secendFilter .secendFilter-Right button{background-color:var(--background-color);color:#979797;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 20px;border-radius:10px}.secendFilter .secendFilter-Right .filtredItem .x{color:#f75353;opacity:0;font-size:15px;transition:.6s}.secendFilter-Right .filtredItem:hover .x{opacity:1}.secendFilter .secendFilter-Right .filterReset{background-color:var(--card-color)!important;border:1px solid rgb(181,181,181);border-radius:20px;transition:.6s}.secendFilter .secendFilter-Right .filterReset:hover{background-color:var(--background-color)!important;border-color:var(--card-color)}.green{color:var(--color-primary)}.secend-filter-page span{font-size:10px;color:var(--text-Dark-color);transition:.6s}.listecv{display:flex;flex-direction:column;gap:20px;a {text-decoration: none; transition: .4s;}}.listecv .cv{position:relative;border-radius:10px;background-color:var(--background-color);padding:5px 10px;transition:.6s}.favori{position:absolute;background-color:transparent;border:0!important;outline:0!important;right:20px;top:10px}.favori i{opacity:.4;transition:.6s}.favori i:hover{opacity:1;transform:scale(1.3)}.red{color:red;opacity:1!important}.listecv .cv .cvTop{display:flex;align-items:center;gap:20px}.listecv .cv .cvTop .img{display:flex;justify-content:center;align-items:center;min-width:80px;height:80px;border-radius:50%;overflow:hidden;background-color:#1c2fffa0}.listecv .cv .cvTop img{align-self:flex-start;width:80px;height:80px;border-radius:50%;object-fit:cover}.listecv .cv .cvTop .img span{font-size:35px;font-weight:700;color:var(--text-Dark-color);text-transform:uppercase}.listecv .cv .cvTop .infos h3{width:100%;font-size:20px;font-weight:700;text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.listecv .cv .cvTop .infos h3 a{color:var(--color-primary);text-decoration:none;transition:.6s}.listecv .cv .cvTop .infos h3 a:hover{opacity:.5}.listecv .cv .cvTop .infos h4{display:flex;width:100%;color:var(--td-color);font-size:10px;font-weight:700;text-transform:uppercase;word-wrap:break-word}.listecv .cv .cvTop .infos p{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:400;color:#818181}.listecv .cv .rate{display:flex;justify-content:flex-end;gap:2px;margin-right:10px}.listecv .cv .rate span{color:var(--text-Dark-color);font-size:12px}.listecv .cv .rate span:nth-child(1){color:#918f8f}.listecv .noData{padding:40px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.listecv .noData img{width:300px}.listecv .noData p{color:var(--text-Dark-color)}/*! styling the heart  */.top-cv-favori{display:flex;justify-content:flex-end}.top-cv-favori button{background-color:transparent;border:0;outline:0}.heart-container{position:relative;width:17px;height:15px;transition:.3s;border:0!important}.heart-container .checkbox{position:absolute;width:100%;height:100%;opacity:0;z-index:20!important;cursor:pointer}.heart-container .svg-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.heart-container .svg-outline,.heart-container .svg-filled{fill:var(--heart-color);position:absolute;opacity:.3}.heart-container .svg-filled{animation:keyframes-svg-filled 1s;display:none}.heart-container .svg-celebrate{position:absolute;animation:keyframes-svg-celebrate .5s;animation-fill-mode:forwards;display:none;stroke:var(--heart-color);fill:var(--heart-color);stroke-width:2px;opacity:1}.check .svg-container .svg-filled{display:block;opacity:1}.check .svg-container .svg-celebrate{display:block}@keyframes keyframes-svg-filled{0%{transform:scale(0)}25%{transform:scale(1.2)}50%{transform:scale(1);filter:brightness(1.5)}}@keyframes keyframes-svg-celebrate{0%{transform:scale(0)}50%{opacity:1;filter:brightness(1.5)}to{transform:scale(1.4);opacity:0;display:none}}.page-btns{display:flex;justify-content:space-between;margin:20px 0;padding:0 100px}.page-btns button{padding:6px 11px;border-radius:5px;font-size:14px;font-weight:600;background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary);transition:.7s}.page-btns button:hover{background-color:var(--background-colo);color:var(--color-primary)}.disabled-btns{opacity:.3}.disabled-btns:hover{background-color:var(--color-primary)!important;color:#fff!important}@media (max-width: 1200px){.cvs{border-radius:10px}.cvs .filterSection .filterLeft{h3 {font-size: 11px;}}.cvs .filterSection .filterRight{gap:5px}.cvs .filterSection .filterRight .inputs-zone{width:200px;select {option {font-size: 11px;}} label {font-size: 11px;}}.cvs .secendFilter .secendFilter-Left{h3 {font-size: 12px;}}.cvs .secendFilter .secendFilter-Right{display:flex;justify-content:flex-start;gap:20px;button {padding: 8px 10px; border-radius: 5px; font-size: 9px;}}.listecv .noData{img {width: 200px !important;}}.listecv .cv .cvTop .img{min-width:70px;height:70px;img {width: 70px; height: 70px;}}.listecv .cv .cvTop .infos{h3 {font-size: 16px;} h4 {font-size: 9px;} p {font-size: 10px;}}}@media (max-width: 1000px){.cvs .filterSection .filterRight{gap:10px}.cvs .filterSection .filterRight .inputs-zone{width:170px;select {border-radius: 5px; option {font-size: 10px;}}}.cvs .secendFilter .secendFilter-Left{h3 {font-size: 11px;}}.cvs .secendFilter .secendFilter-Right{gap:5px;button {font-size: 9px;}}}@media (max-width: 800px){.cvs .filterSection .filterLeft{h3 {font-size: 9px;}}.cvs .filterSection .filterRight{gap:5px}.cvs .filterSection .filterRight .inputs-zone{width:135px;select {border-radius: 5px; option {font-size: 8px;}} label {font-size: 9px;}}.cvs .secendFilter .secendFilter-Left{h3 {font-size: 10px;}}.cvs .secendFilter .secendFilter-Right{gap:5px;flex-wrap:wrap;button {font-size: 9px;}}}@media (max-width: 700px){.cvs .filterSection .filterLeft{h3 {font-size: 8px;}}.cvs .filterSection .filterRight{display:grid;grid-template-columns:1fr 1fr;place-items:center;row-gap:0px}.cvs .filterSection .filterRight .inputs-zone{width:170px;select {option {font-size: 10px;}} label {font-size: 10px;}}.cvs .secendFilter .secendFilter-Left{h3 {font-size: 9px;}}.cvs .secendFilter .secendFilter-Right{gap:5px;button {font-size: 8px;}}.listecv .cv .rate{margin-right:0;span {font-size: 9px;}}.listecv .noData{img {width: 200px;} p {font-size: 10px;}}}@media (max-width: 600px){.cvs{border-radius:0}}@media (max-width: 500px){.cvs{padding:20px 10px}.cvs .secendFilter .secendFilter-Right{flex-wrap:wrap}}@media (max-width: 400px){.cvs .filterSection .filterRight .inputs-zone{width:150px}}@media (max-width: 370px){.cvs .filterSection .filterRight{grid-template-columns:1fr;gap:0}.cvs .filterSection .filterRight .inputs-zone{width:80%;margin-bottom:5px}}.cvs-loader{height:150px;padding:5px 10px;display:flex;align-items:center;gap:20px}.cvs-loader .cvs-loader-img{background-color:#80808076;animation:loadingAnimation 1.5s infinite ease-in-out;width:80px;height:80px;border-radius:50%}.cvs-loader .cvs-loader-texts{width:90%;display:flex;flex-direction:column;gap:10px}.cvs-loader .cvs-loader-texts div{background-color:#80808076;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.cvs-loader .cvs-loader-texts div:nth-child(1){height:20px;width:200px}.cvs-loader .cvs-loader-texts div:nth-child(2){height:15px;width:150px}.cvs-loader .cvs-loader-texts div:nth-child(3){height:30px}@media (max-width: 800px){.liste-cv-loader .list-cv-loader-first div{width:140px}.liste-cv-loader .list-cv-loader-first div:nth-child(1){width:80px}}@media (max-width: 600px){.liste-cv-loader .cvs-loader-texts{width:80%}}.liste-cv-loader{overflow:hidden}.liste-cv-loader .list-cv-loader-first{display:flex;gap:10px;margin-bottom:20px}.liste-cv-loader .list-cv-loader-first div{width:250px;height:50px;border-radius:5px;background-color:#80808076;animation:loadingAnimation 1.5s infinite ease-in-out}.liste-cv-loader .list-cv-loader-first div:nth-child(1){width:150px}.liste-cv-loader .hr{background-color:#80808076;animation:loadingAnimation 1.5s infinite ease-in-out;height:1px;border:0;outline:0}.liste-cv-loader .list-cv-loader-secend{display:flex;gap:10px}.liste-cv-loader .list-cv-loader-secend div{width:200px;height:45px;border-radius:5px;background-color:#80808076;animation:loadingAnimation 1.5s infinite ease-in-out}.liste-cv-loader .list-cv-loader-secend div:nth-child(1){width:100px}@media (max-width: 1200px){.liste-cv-loader .list-cv-loader-first div{width:170px}.liste-cv-loader .list-cv-loader-first div:nth-child(1){width:110px}}@media (max-width: 1000px){.liste-cv-loader .list-cv-loader-first div{width:170px}.liste-cv-loader .list-cv-loader-first div:nth-child(1){width:100px}}@media (max-width: 800px){.liste-cv-loader .list-cv-loader-first div{width:120px}.liste-cv-loader .list-cv-loader-first div:nth-child(1){width:80px}}@media (max-width: 700px){.liste-cv-loader .list-cv-loader-first div{width:100px}.liste-cv-loader .list-cv-loader-first div:nth-child(1){width:60px}}.Favori{width:90%;height:86vh;margin:0 auto;display:flex;flex-direction:column;gap:5px;width:100%;box-shadow:var(--box-shadow);background-color:var(--card-color);padding:20px;border-radius:20px;transition:.8s;scroll-behavior:smooth;overflow:scroll}.Favori::-webkit-scrollbar{width:3px;height:0}.Favori .list-favori-cv{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:10px}.Favori .list-favori-cv .fvori-cv{position:relative;display:flex;flex-direction:column;border-radius:5px;overflow:hidden;background-color:var(--background-color);transition:.6s}.Favori .list-favori-cv .fvori-cv .favori-delete{position:absolute;right:30px;opacity:0;cursor:none;pointer-events:none;transition:.5s;z-index:1909;button {position: absolute; margin-left: auto; padding: 5px 10px; background-color: red; color: white; transition: .5s; border-radius: 2px; &:hover {opacity: .8;}}}.Favori .list-favori-cv .fvori-cv .cvTop{transition:.6s}.Favori .list-favori-cv .fvori-cv .cvTop .img{display:flex;justify-content:center;align-items:center;height:150px;box-shadow:0;overflow:hidden;background-color:#1c2fffa0;span {font-size: 50px; font-weight: 700; color: white; text-transform: uppercase; transition: .6s;} img {width: 100%; height: 100%; border-radius: 0px; object-fit: cover; box-shadow: 0px 0px 0px; margin: 0; transition: .6s;}}.Favori .list-favori-cv .fvori-cv .cvTop .infos{h3 {font-size: 15px; font-weight: 600; text-align: center; text-transform: capitalize; a {text-decoration: none; transition: .4s;}} p {font-size: 10px; font-weight: 300; color: var(--text-Dark-color); opacity: .7; padding: 0 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}}.Favori .list-favori-cv .fvori-cv .rate{display:flex;justify-content:flex-end;padding:5px;gap:2px;span {font-size: 10px; color: var(--text-Dark-color);}}.Favori .list-favori-cv .fvori-cv:hover .favori-delete{opacity:1;cursor:pointer;pointer-events:initial}.Favori .list-favori-cv .fvori-cv:hover .cvTop{filter:grayscale(100%)!important;img,span {transform: scale(1.2);}}.Favori h1{width:fit-content;font-size:13px;font-weight:700;letter-spacing:.3px;color:var(--color-primary)}.noData{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-column:span 4;margin-top:30px;-webkit-user-select:none;user-select:none;img {width: 250px; mix-blend-mode: multiply;} p {color: var(--text-Dark-color);}}@media (max-width: 800px){.Favori .list-favori-cv{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.Favori{h1 {font-size: 10px;}}}@media (max-width: 700px){.Favori .noData img{width:200px}.Favori .noData p{font-size:10px;color:var(--text-Dark-color)}}@media (max-width: 700px){.Favori .list-favori-cv{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.Favori{border-radius:0;padding-bottom:50px}}@media (max-width: 400px){.Favori{padding-top:10px}.Favori .list-favori-cv{grid-template-columns:1fr}}.FavoriLoader{width:100%;height:100%;overflow:hidden}.FavoriLoader .FavoriLoader-top{margin-top:15px;height:40px;width:200px;background-color:#80808076;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.FavoriLoader .FavoriLoader-main{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:10px;div {height: 250px; background-color: rgba(128,128,128,.462); border-radius: 5px; animation: loadingAnimation 1.5s infinite ease-in-out;}}@media (max-width: 1000px){.FavoriLoader .FavoriLoader-main{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.FavoriLoader .FavoriLoader-main{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.FavoriLoader .FavoriLoader-main{grid-template-columns:1fr 1fr}}@media (max-width: 400px){.FavoriLoader .FavoriLoader-main{grid-template-columns:1fr}}.Activities{width:100%;height:85vh;display:flex;flex-direction:column;gap:5px;margin:0 auto;box-shadow:var(--box-shadow);background-color:var(--card-color);padding:20px;transition:.8s;border-radius:20px;scroll-behavior:smooth;overflow:scroll}.Activities::-webkit-scrollbar{width:3px;height:0}.Activities h1{width:fit-content;font-size:13px;font-weight:700;letter-spacing:.3px;color:var(--color-primary)}.activiti-wrapper{margin-top:30px}.activiti-wrapper .avis-list .avis{transition:.6s;overflow:hidden}.activiti-wrapper .avis-list .avis .avis-option button{background-color:transparent;margin-right:10px;i {font-size: 10px; padding: 0; color: var(--text-Dark-color); padding: 5px 10px;} &:hover {i {opacity: 1; color: red;}}}.activiti-wrapper .avis-list .avis .avis-text a{text-decoration:none;transition:.4s}.activiti-wrapper .avis-list .avis .avis-text a:hover{opacity:.7}.Activities .noData{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:30px}.Activities .noData img{width:250px}.Activities .noData p{color:var(--text-Dark-color)}@media (max-width: 700px){.Activities{padding:20px 0;h1 {font-size: 10px; margin-left: 20px;} .activiti-wrapper {.avis-list {width: 90%; .avis-area-text {p {font-size: 10px;}}}} .noData img {width: 200px;} .noData p {font-size: 10px; color: var(--text-Dark-color);}}}@media (max-width: 600px){.Activities{padding-bottom:40px}}@media (max-width: 400px){.Activities{padding:10px 0}.Activities .activiti-wrapper .avis-list{width:95%}.Activities .activiti-wrapper .avis-list .avis .avis-option button{margin-right:0}}.activity-loader{height:100%;width:100%}.activity-loader .activity-loader-top{margin-top:10px;height:40px;width:200px;background-color:#80808076;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.activity-loader .activity-loader-main{width:85%;margin:40px auto 0;display:flex;flex-direction:column;gap:20px;div {height: 120px; background-color: rgba(128,128,128,.462); border-radius: 5px; animation: loadingAnimation 1.5s infinite ease-in-out;}}@media (max-width: 700px){.activity-loader .activity-loader-top{margin-top:10px;margin-left:20px}}@media (max-width: 400px){.activity-loader .activity-loader-main{width:95%}}.view{position:fixed;top:-0px;left:0;height:100vh;width:100%;padding:20px;border-radius:10px;background-color:var(--profil-imgCrud-color);box-shadow:1px 0 15px var(--box-shadow);z-index:100}.view-top{height:10%;width:90%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.view-top-left{display:flex;justify-content:center;align-items:center;gap:5px;span {color: var(--text-Dark-color); font-size: 15px; font-weight: bold; text-transform: capitalize;} i {color: var(--color-primary); margin-right: 5px; font-size: 16px; transition: .4s; &:hover {opacity: .7;}}}.view-top-left-img{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#1c2fffa0;border-radius:50%;border:0;outline:0;overflow:hidden}.view-top-left-img span{font-size:20px;font-weight:700;color:#fff}.view-top-left img{width:40px;height:40px;border-radius:50%;object-fit:cover}.view-top-right{display:flex;gap:2px;i {padding: 5px 10px; font-size: 13px; opacity: .6; transition: .4s; border-radius: 3px; border: 1px solid rgba(128,128,128,.486); &:hover {opacity: 1; color: white; border-color: transparent;}} .fa-pen {transition: .4s; &:hover {background-color: var(--color-primary);}} .fa-trash {&:hover {background-color: red;}}}.view-img{height:90%;margin-top:20px;display:flex;justify-content:center;align-items:center}.view-img img{width:600px;height:600px;border-radius:10px;object-fit:cover}.view-top-left-img span{font-size:20px}.view-img-error{display:flex;flex-direction:column;align-items:center;gap:20px;opacity:.8}.view-img-error img{width:250px;height:250px;border-radius:2px}.view-img-error span{font-size:12px;letter-spacing:.5px;color:var(--text-Dark-color)}@media (max-width: 800px){.view-top-left{span {font-size: 12px; font-weight: 600;}}.view-img img{width:80%}}@media (max-width: 600px){.view-top{width:100%}.view-img{img {border-radius: 5px; width: 80%; height: 70%;}}}@media (max-width: 500px){.view-img{img {border-radius: 5px; width: 80%; height: 60%;}}}@media (max-width: 400px){.view-img{img {width: 80%; height: 50%;}}}.changeImage{position:fixed;top:0;left:0;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;gap:40px;border-radius:10px;background-color:var(--profil-imgCrud-color);box-shadow:1px 0 15px var(--box-shadow);z-index:100}.changeImage .img-area{width:400px;height:400px;overflow:hidden;border-radius:10px;display:flex;justify-content:center;align-items:center}.changeImage .img-area span{color:#fff;background-color:#1c2fffa0;width:400px;height:400px;display:flex;justify-content:center;align-items:center;font-size:200px;text-transform:uppercase;font-weight:700;-webkit-user-select:none;user-select:none}.changeImage .img-area img{width:400px;height:400px;object-fit:cover;-webkit-user-select:none;user-select:none}.changeImageTop{position:absolute;right:0;top:-30px;display:flex;justify-content:flex-end}.changeImageTop button{background-color:transparent;border:0}.changeImage i{font-size:20px;color:var(--color-primary);opacity:1;transition:.6s}.changeImage i:hover{opacity:.5}.changeImage .choseimage-area{position:relative}.changeImage .choseimage-area form{border:0}.changeImage .choseimage-area form input{color:var(--text-Dark-color)}.changeImageTop{width:20%}.changeImageTop a i{font-size:30px}.top{label {color: var(--color-primary);}}.btn-area button{color:var(--profil-imgCrud-color);background-color:var(--color-primary);padding:5px 10px;width:100%;margin:10px 0;font-size:12px;font-weight:700;border-radius:5px;transition:.6s;border:1px solid transparent}.btn-area button .newtons{margin:25px 0;border:3px solid var(--color-primary);border-left-color:transparent;width:20px;height:20px;border-radius:50%;animation:spin89345 1s linear infinite}.btn-area button:hover{opacity:.6}@media (max-width: 1000px){.img-area{width:300px!important;height:300px!important;span {width: 300px !important; height: 300px !important; font-size: 150px !important;} img {width: 300px !important; height: 300px !important;}}}@media (max-width: 800px){.changeImage{gap:10px}}@media (max-width: 700px){.changeImage .choseimage-area{label,input {font-size: 10px;}}}@media (max-width: 600px){.changeImage{flex-direction:column}.changeImage .img-area{order:2}.changeImage .choseimage-area{label,input {font-size: 10px;}}}@media (max-width: 350px){.changeImageTop{right:20px}}/*! ===============  Styling cv section ============== */.stagiarie-info-entreprise .cv-cv{margin-top:10px}.go-back{width:fit-content;display:flex;align-items:center;gap:10px;margin-left:30px;i {transition: .4s; &:hover {opacity: 1;}} div {display: flex; justify-content: center; align-items: center; gap: 10px; span {color: var(--text-Dark-color); font-size: 16px; font-weight: bold; text-transform: capitalize;}} .img-stagaire {width: 40px; height: 40px; background-color: rgba(28,47,255,.626); border-radius: 50%; overflow: hidden; img {width: 40px; height: 40px; object-fit: cover;} span {color: var(--text-Dark-color);}} h4{color: var(--text-Dark-color); transition: .4s; span{color: var(--color-primary);}}}.install-option{margin-bottom:40px;grid-column:span 2;margin-top:0;display:flex;justify-self:flex-end;padding-right:20px;i {padding: 5px; color: var(--text-Dark-color); cursor: pointer; transition: .4s; &:hover {opacity: .4;}} .spinner {padding: 0; margin: 3px -3px 4px 0;}}.cv-ligne{background-color:#6f6f6f6b;height:1px;width:70%;margin:20px auto;grid-column:span 2}/*! ===============  Styling first section ============== */.avi-header{width:60%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.avi-header h2{font-size:14px;font-weight:600;color:var(--color-primary)}.avi-header .avis-header-info span{font-size:12px;margin:0 2px;font-weight:500;color:#b2b2b2}.avi-header .avis-header-info span:nth-child(3){color:#eaea48}/*! ===============  Styling secend section ============== */.avis-input{position:relative;background-color:var(--background-color);display:flex;align-items:center;justify-content:center;gap:30px;width:fit-content;margin:0 auto 10px;padding:20px 30px;border-radius:10px}.avis-input .avi-input-img{width:50px;height:50px;overflow:hidden;border-radius:50%;background-color:#1c2fffa0;display:flex;justify-content:center;align-items:center;img {width: 50px; height: 50px; overflow: hidden; border-radius: 50%; object-fit: cover;} span {font-size: 20px; font-weight: bold; text-transform: uppercase; color:white;}}.avi-input-select{position:relative;width:600px;background-color:var(--card-color);height:50px;font-weight:600!important;font-size:14px;padding:1.5rem 1.35rem calc(.75rem - 2px) 1.35rem;border-radius:10px;border:2px solid transparent;outline:none;transition:.7s;select {width: 100%; background-color: transparent; cursor: pointer; color: var(--text-Dark-color); option {background-color: var(--background-color);}} label {position: absolute; top: 0; left: 10px; font-size: 10px; color: #b1b0b0d4; transition: .7s;}}.avi-input-select .avis-input-stars{display:flex;gap:1px}.avis-input-stars button{background-color:transparent;border:0;outline:0;transition:.6s;color:gray}.avis-input-stars button:hover{transform:scale(1.3)}.avis-input-button button,.avis-input-button-active button{background-color:transparent;padding:2px 6px;border-radius:3px;transition:.4s}.avis-input-button button i,.avis-input-button-active button i{font-size:12px;color:var(--text-Dark-color);opacity:.3;transition:.4s}.avis-input-button-active button i{opacity:1}/*! ===============  Styling third section ============== */.avis-noData{margin:50px auto 0;display:flex;justify-content:center;align-items:center;flex-direction:column}.avis-noData img{width:220px}.avis-noData p{font-size:11px;font-weight:700;color:var(--text-Dark-color)}.avis-list{position:relative;width:85%;margin:0 auto 10px;display:flex;flex-direction:column;gap:5px;background-color:var(--background-color);border-radius:10px}.avis-list-img{position:absolute;top:-10px;left:30px;background-color:#1c2fffa0;height:40px;width:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;outline:4px solid var(--card-color)}.avis-list-img span{font-size:20px;font-weight:700;text-transform:uppercase;color:#fff}.avis-list-img img{border-radius:50%;width:40px;height:40px;object-fit:cover}.avis-item{display:flex;flex-direction:column;align-items:center;background-color:var(--background-color)}.avis-list-avi{display:flex;padding:20px 30px;gap:20px;background-color:var(--card-color);margin:10px 0;border-radius:5px}.avis-list-avis-text{width:400px;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--text-Dark-color)}.avis-list-avis-stars{display:flex}.avis-list-avis-stars button{background-color:transparent;border:0;outline:0}.avis-list-avis-stars i{font-size:10px}.avis-list-avis-options{display:flex;gap:3px;align-items:center;margin-left:90px}.avis-list-avis-options button{background-color:transparent}.avis-list-avis-options i{font-size:10px;transition:.6s;color:red;opacity:.7;cursor:pointer}.avis-list-avis-options .edite{color:#00f}.avis-list-avis-options i:hover{transform:scale(1.2);opacity:1}.avis-list-button{width:90%;margin-bottom:10px;display:flex;gap:10px;justify-content:flex-end;align-items:center}.avis-list-button button{background-color:var(--color-primary);color:var(--text-white-color);padding:5px 10px;border-radius:5px;transition:.6s;border:1px solid transparent;font-size:10px}.avis-list-button .newtons{margin:0;padding:2px 20px}.avis-list-button .disabled{opacity:.6}.avis-list-button .disabled:hover{background-color:var(--color-primary);color:var(--text-white-color);border-color:var(--color-primary)}:nth-child(1 of.avis-list-button button){background-color:#ff8d8d}:nth-child(1 of.avis-list-button button):hover{opacity:.4}.avis-list-button button:hover{opacity:.6}/*! ===============  Styling fourthd section ============== */.avis-list{width:100%;background-color:transparent;display:flex;flex-direction:column}.avis{position:relative;width:85%;padding:10px;margin:0 auto 10px;display:flex;flex-direction:column;gap:5px;background-color:var(--background-color);border-radius:10px;transition:.6s}.avis .avis-option i{font-size:15px;color:var(--color-primary);padding:0 10px}.pointAcive i{opacity:1!important;transform:scale(1.3)!important}.avis .avis-popup{position:absolute;right:15px;top:10px;display:flex;gap:5px}.avis .avis-popup button{background-color:transparent;padding:0 6px;border-radius:4px;border:1px solid var(--text-Dark-color);opacity:.2;transition:.4s}.avis .avis-popup button i{font-size:9px;color:var(--text-Dark-color);transition:.4s}.avis .avis-popup button:hover{background-color:var(--color-primary);border-color:var(--color-primary);opacity:1}.avis .avis-popup button:hover i{color:#fff}.avis .avis-popup .del:hover{background-color:red;border-color:red}.avis-first{order:-1}.avis-top{display:flex;gap:5px;padding:5px 10px}.avis-top .avi-top-image{background-color:#1c2fffa0;display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:50%;overflow:hidden}.avis-top .avi-top-image img{width:42px;height:42px;object-fit:cover;border-radius:50%}.avis-top .avi-top-image span{font-size:20px;text-transform:uppercase;color:#fff}.avis-top .avis-text{height:fit-content;display:flex;flex-direction:column;justify-content:center;text-transform:lowercase;text-transform:capitalize}.avis-top span{font-size:13px;font-weight:700;color:var(--color-primary)}.avis-top h4{font-size:10px;font-weight:600;color:#777}.avis .avi-time-star{display:flex;align-items:center;gap:10px;padding:0 10px}.avis .avi-time-star .avi-star button{background-color:transparent}.avis .avi-time-star .avi-star button i{font-size:10px;color:var(--text-Dark-color);opacity:.1}.avis .avi-time-star .avi-time span{font-size:10px;color:#359c35;font-weight:600;background-color:#85e78527;padding:1px 5px;border-radius:5px}.avis .avis-area{display:flex;flex-direction:column;gap:5px;overflow:hidden}.avis-area-item{width:fit-content;display:flex;padding:10px 30px;gap:20px;margin:0 0 0 90px;border-radius:5px}.colorize{color:#eaea48!important;opacity:1!important}.avis-area-text{width:400px;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--text-Dark-color)}.avis-option{display:flex;justify-content:flex-end;align-items:center;gap:5px}.avis-option i{font-size:15px;transition:.6s;color:red;opacity:.3;cursor:pointer}.avis-option .edite{color:#00f}.avis-option i:hover{transform:scale(1.2);opacity:1}@media print{body *{visibility:hidden}.cv-template-download,.cv-template-download *{visibility:visible}}@media (max-width: 1100px){.avis-input .avi-input-select{width:500px;font-size:12px}}@media (max-width: 1000px){.go-back{margin-left:10px;span {font-size: 13px !important;}}.cv-cv{overflow:hidden}.avis-input .avi-input-select{width:400px;font-size:12px;select {option {background-color: var(--background-color); font-size: 11px;}}}.avis-list .avis{width:95%}.avis-list .avis-noData{margin:50px auto 0;display:flex;justify-content:center;align-items:center;flex-direction:column}.avis-noData img{width:130px!important}.avis-noData p{font-size:10px;font-weight:500}}@media (max-width: 900px){.avis-input .avi-input-select{width:350px;font-size:12px;border-radius:5px;select {option {background-color: var(--background-color); font-size: 11px;}}}.avis-list-avis-text{font-size:10px}}@media (max-width: 800px){.avis-input .avi-input-select{width:250px;select {option {background-color: var(--background-color); font-size: 11px;}}}.avis-list-avis-text{width:200px}}@media (max-width: 700px){.avis-input .avi-input-select{width:200px;label {font-size: 8px;}}.avis-list-avis-text{width:150px}.avis-area-text{width:300px;font-size:10px}}@media (max-width: 500px){.avis-input .avi-input-img{display:none}.avis-input .avi-input-select{width:220px}.avi-header{width:90%;margin-bottom:10px}}@media (max-width: 450px){.avis-area-item{margin:0}}@media (max-width: 400px){.avis{width:100%!important}.avis-input{flex-direction:column;margin:20px auto;width:95%}.avis-input .avi-input-select{width:100%!important}.avis-list .avis-item{margin:20px 0;padding:10px 0 0}.avis-list .avis-item .avis-list-avi{padding:20px 0}.avis-list .avis-item .avis-list-avi .avis-list-avis-options{margin-left:50px}}@media (max-width:435px){.avis-input .avi-input-select{width:160px}}@media (max-width:370px){.avis-list .avis-item{margin:20px 0;padding:10px 0 0}.avis-list .avis-item .avis-list-avi{padding:20px 0}.avis-list .avis-item .avis-list-avi .avis-list-avis-options{margin-left:50px}}.StagiaireCvLoader{overflow:hidden;height:78vh}.StagiaireCvLoader .StagiaireCvLoader-title{height:35px;width:300px;background-color:#80808076;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.StagiaireCvLoader .StagiaireCvLoader-infos{padding:50px 10px;margin-top:20px;display:grid;grid-template-columns:1fr 1fr}.StagiaireCvLoader .StagiaireCvLoader-infos-address{display:flex;justify-content:center;flex-direction:column;gap:10px;width:70%;margin:0 auto;div {height: 30px; background-color: rgba(128,128,128,.462); border-radius: 5px; animation: loadingAnimation 1.5s infinite ease-in-out; &:nth-child(1) {width: 200px;} &:nth-child(2) {width: 240px;} &:nth-child(3) {width: 300px;}}}.StagiaireCvLoader .StagiaireCvLoader-infos-img{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid rgba(111,111,111,.419);div {&:nth-child(1) {width: 160px; height: 160px; display: flex; align-items: center; justify-content: center; margin: 0 auto; background-color: rgba(128,128,128,.462); border-radius: 50%; animation: loadingAnimation 1.5s infinite ease-in-out;} &:nth-child(2) {margin-top: 10px; height: 30px; width: 200px; background-color: rgba(128,128,128,.462); border-radius: 5px; animation: loadingAnimation 1.5s infinite ease-in-out;}}}.StagiaireCvLoader .StagiaireCvLoader-about{div {&:nth-child(1) {height: 30px; background-color: yellow; width: 40%; margin: 0 auto; background-color: rgba(128,128,128,.462); border-radius: 5px; animation: loadingAnimation 1.5s infinite ease-in-out;} &:nth-child(2) {height: 120px; background-color: yellow; width: 80%; margin: 10px auto 0 auto; background-color: rgba(128,128,128,.462); border-radius: 5px; animation: loadingAnimation 1.5s infinite ease-in-out;}}}.StagiaireCvLoader .StagiaireCvLoader-dip{border-left:1px solid rgba(111,111,111,.419);div {&:nth-child(1) {height: 30px; background-color: yellow; width: 40%; margin: 0 auto; background-color: rgba(128,128,128,.462); border-radius: 5px; animation: loadingAnimation 1.5s infinite ease-in-out;} &:nth-child(2) {height: 120px; background-color: yellow; width: 80%; margin: 10px auto 0 auto; background-color: rgba(128,128,128,.462); border-radius: 5px; animation: loadingAnimation 1.5s infinite ease-in-out;}}}@media (max-width: 900px){.StagiaireCvLoader-title{width:200px!important}.StagiaireCvLoader-infos-address{div {&:nth-child(1) {width: 100px !important;} &:nth-child(2) {width: 140px !important;} &:nth-child(3) {width: 200px !important;}}}}@media (max-width: 700px){.StagiaireCvLoader-about,.StagiaireCvLoader-dip{grid-column:span 2!important;margin-bottom:10px!important;border:0!important}.StagiaireCvLoader-infos-img{display:none!important}}.cv-template-download{position:absolute;top:0;left:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#fff}.cv-template-download .container{max-width:900px;margin:auto;padding:20px;border-radius:5px}.cv-template-download .container .first-section{display:flex;align-items:center;gap:20px}.cv-template-download .container .first-section .first-section-img{overflow:hidden;width:130px;height:110px;display:flex;align-items:center;justify-content:center;img {width: 130px; height: 110px; object-fit: contain;}}.cv-template-download .container .first-section .first-section-contact{h2 {color: var(--color-primary); font-size: 23px; font-weight: bold; text-transform: uppercase;} div {p {font-size: 12px; font-weight: 500;}}}.cv-template-download .container .section{margin-top:20px;h3 {color: var(--color-primary); font-size: 15px; font-weight: 600; margin-bottom: 5px;} hr {margin: 0; height: 1px; background-color: var(--color-primary); border: 0; outline: 0;}}.cv-template-download .container .secend-section{p {margin-top: 7px; font-size: 11px; letter-spacing: .4px;}}.cv-template-download .container .third-section-experiences{margin-top:5px;display:flex;flex-direction:column;gap:10px}.cv-template-download .container .third-section-experiences .experience-item .top{display:flex;justify-content:space-between;align-items:center;span {font-size: 13px; font-weight: 600;}}.cv-template-download .container .third-section-experiences .experience-item .desc{p {font-size: 11px; letter-spacing: .4px; margin-top: 5px;}}.cv-template-download .container .forth-section .competnece-items{margin-top:10px;display:flex;flex-direction:column;gap:4px;span {font-size: 12px;}}.tippy-touch{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{max-width:400px;-webkit-perspective:800px;perspective:800px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{-webkit-transform-origin:0 33%;transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:#000000b3}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-5%);transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:#000000b3}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:#000000b3}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translate(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translate(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translate(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(-10px);transform:translate(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translate(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translate(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translate(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translate(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:#000000b3}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translate(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translate(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(10px);transform:translate(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(10px);transform:translate(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(10px);transform:translate(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translate(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translate(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translate(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:#000000b3}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;box-shadow:0 4px 20px 4px #00143c1a,0 4px 80px -8px #00143c33;background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}/*! ---------- Styling Dashbord Header ---------- */.dashbord{overflow-y:scroll}.dashbord-header{display:flex;justify-content:flex-end;align-items:center}.dashbord-header h2{color:var(--color-primary);font-size:14px;font-weight:600;letter-spacing:.5px}.dashbord-header .dahbord-filters{display:flex;width:400px;overflow-x:auto}.dashbord-header .dahbord-filters::-webkit-scrollbar{height:0}.dashbord-header .dahbord-filters .dahbord-filters-items{display:flex;padding:0 5px;gap:5px}.dashbord-header .dahbord-filters .dahbord-filters-items{border-right:1px solid var(--text-Dark-color)}.dashbord-header .dahbord-filters .dahbord-filters-items:nth-last-child(1){border:0}.dashbord-header .dahbord-filters .dahbord-filters-items button{width:fit-content;text-wrap:nowrap;padding:5px 14px;background-color:#afafaf35;border-radius:5px;font-size:12px;font-weight:600;color:var(--text-Dark-color);transition:.6s}.dashbord-header .dahbord-filters .dahbord-filters-items button:hover{opacity:.9}.dashbord-header .dahbord-filters .dahbord-filters-items button.active{background-color:var(--color-primary);color:#fff}/*! ---------- Styling First Section ---------- */.dashbord-fist-section{display:flex;gap:20px;width:fit-content;margin:10px auto 0}.dashbord-fist-section-item{background-color:var(--background-color);padding:10px 20px;display:flex;flex-direction:column;align-items:center;border-radius:10px;transition:.6s}.dashbord-fist-section-item h4{color:var(--text-Dark-color);font-size:14px;opacity:.7}.dashbord-fist-section-item h2{color:var(--text-Dark-color);font-size:30px;font-weight:600}.dashbord-secend-section{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashbord-secend-section h2{font-size:12px;color:var(--text-Dark-color);color:var(--color-primary);transition:.6s}.dashbord-secend-section h2 a{transition:.6s;color:var(--color-primary)}.dashbord-secend-section h2 a:hover{opacity:.8}.dashbord-secend-section .nodata{display:flex;flex-direction:column;align-items:center;padding:20px 0}.dashbord-secend-section .nodata img{width:150px;mix-blend-mode:multiply!important}.dashbord-secend-section .nodata p{font-size:10px;font-weight:600;color:var(--text-Dark-color);opacity:.5}.dashbord-liste-entreprise{display:flex;flex-direction:column;gap:5px}.entreprise-item{display:flex;justify-content:space-around;align-items:center;background-color:var(--background-color);padding:5px 20px;border-radius:10px;transition:.6s}.entreprise-item-img{width:45px;height:45px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#1c2fffa0}.entreprise-item-img span{color:var(--text-Dark-color);font-size:20px;font-weight:700;text-transform:uppercase}.entreprise-item img{width:45px;height:45px;object-fit:cover}.entreprise-item span:nth-child(2){width:50%;text-align:center;font-size:12px;color:var(--td-color);text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.entreprise-item span:nth-child(3){width:30%;text-align:center;font-size:10px;letter-spacing:.4px;color:var(--td-color)}/*! ---------- Styling Secend Section ---------- */.dashbord-third-section h2{font-size:12px;color:var(--text-Dark-color);color:var(--color-primary);transition:.6s}.list-top-cv{display:flex;flex-direction:column}.list-top-cv-item{display:flex;justify-content:space-around;align-items:center;background-color:var(--background-color);padding:5px 20px;border-radius:10px;transition:.6s;margin-bottom:5px}.list-top-cv-item .cv-item-img{background-color:#1c2fffa0;width:45px;height:45px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.cv-item-img img{width:45px;height:45px;object-fit:cover}.cv-item-img span{font-size:20px;color:var(--text-Dark-color);font-weight:700}.list-top-cv-item span{width:50%;text-align:center;font-size:12px;color:var(--td-color);text-transform:capitalize}.list-top-cv-item .rank-img{width:10%;display:flex;justify-content:center}.list-top-cv-item .rank-img img{width:30px;text-align:center;font-size:10px;letter-spacing:.4px;color:var(--td-color)}.list-top-cv-item-nom{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 800px){.dashbord-header .dahbord-filters .dahbord-filters-items{button {font-size: 10px;}}.dashbord-fist-section{gap:10px}.dashbord-fist-section .dashbord-fist-section-item{padding:10px;border-radius:5px;transition:.6s;h4 {font-size: 10px;} h2 {font-size: 20px;}}.dashbord-secend-section h2,.dashbord-third-section h2{font-size:10px}.dashbord-secend-section .nodata img,.dashbord-third-section .nodata img{width:120px;mix-blend-mode:multiply!important}.entreprise-item,.list-top-cv-item{border-radius:5px}}@media (max-width: 500px){.dashbord{padding-bottom:60px;scroll-behavior:smooth}.dashbord .dashbord-header{margin-bottom:20px}.dashbord-secend-section{grid-template-columns:1fr}}@media (max-width: 400px){.dashbord-header{width:100%;margin:0 auto 20px}}.dashbord-loading-wrraper{width:100%;height:100%;display:flex;flex-direction:column;transition:.4s}.dashbord-loading-wrraper .shbord-loading-top{background-color:#80808076;width:32%;height:32px;border-radius:5px;margin-left:auto;animation:loadingAnimation 1.5s infinite ease-in-out}.dashbord-loading-wrraper .shbord-loading-items-numbers{margin:10px auto 0;width:50%;height:130px;display:flex;justify-content:center;gap:15px}.dashbord-loading-wrraper .shbord-loading-items-numbers .shbord-loading-item{background-color:#80808076;width:250px;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.dashbord-loading-wrraper .shbord-loading-info{width:100%;height:290px;margin-top:30px;display:flex;justify-content:space-between}.dashbord-loading-wrraper .shbord-loading-info div{height:290px;width:49%;background-color:#80808076;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.dashbord-loading-wrraper .shbord-loading-cv{width:100%;margin-top:30px;height:200px;background-color:#80808076;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.shbord-loading-info-item{height:290px;background-color:#80808076;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}@media (max-width: 600px){.dashbord-loading-wrraper .shbord-loading-info{height:200px;flex-direction:column;gap:20px;div {height: 200px; width: 100%;}}}.entrprise-loading-wrraper{width:100%;height:100%;display:flex;flex-direction:column;transition:.4s}.entrprise-loading-wrraper .entreprise-loading-top{height:30px;display:flex}.entrprise-loading-wrraper .entreprise-loading-top div{background-color:#80808076;width:300px;height:100%;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.entrprise-loading-wrraper .entrepris-loading-table{margin-top:30px;display:flex;flex-direction:column;gap:10px;height:570px;width:100%;border-radius:5px;animation:loadingAnimation 1.5s infinite ease-in-out}.entrprise-loading-wrraper .entrepris-loading-table div{width:80%;height:150px;margin:0 auto;border-radius:5px;background-color:#80808076}@keyframes loadingAnimation{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.register-btns button{display:flex;justify-content:center;width:100%;margin:10px 0;padding:5px 10px;background-color:var(--color-primary);color:var(--text-white-color);border-radius:5px;opacity:.8;transition:.3s}.register-btns a{text-decoration:none;color:#fff}.register-btns button:hover{opacity:1}.register-wrraper form{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:600px}.register-wrraper form input{width:auto}.register-wrraper form .form-item{margin:0}.go-back-register{width:80%;margin:0 auto}.Login-wrapper .register-choix{width:80%;margin:0 auto;display:flex;justify-content:center;button {background-color: transparent; padding: 10px 15px; margin: 10px 0; color: var(--color-primary); font-weight: 600; font-size: 11px; border: 0; outline: 0; cursor: pointer; transition: .4s ease-in;} .choix-active {background-color: var(--color-primary); color: white;}}.Login-wrapper .register-wrraper .form-item{position:relative;display:flex;flex-direction:column;label {color: rgba(128,128,128,.849); font-size: 11px; font-weight: 500;} input {border-radius: 5px; outline: 0; border: 1px solid rgb(199,199,199); padding: 7px 15px; font-size: 12px; font-weight: bold; transition: .6s;} input[type="date"]::-webkit-calendar-picker-indicator {opacity: 1;} select {border: 1px solid rgb(199,199,199); padding: 7px 0; option {font-size: 11px; font-weight: 600;}} span {position: absolute; bottom: -11px; color: red; font-size: 9px;} .form-item-password {position: relative; input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button,input::-ms-reveal,input::-ms-clear {display: none;} .login-pswd-icons {position: absolute; right: -10px; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; button {cursor: pointer; height: 100%; padding: 0 5px; background-color: transparent; border: 0; outline: 0; i {font-size: 12px; color: var(--color-primary); &:hover {transform: scale(1);}}}}}}.Login-wrapper .register-wrraper .login-message{p {width: 100%; font-size: 10px; text-align: center; padding: 10px 0; font-weight: bold; letter-spacing: .5px;} .login-error {color: red; background-color: rgba(220,72,72,.181);} .login-sucsses {color: green; background-color: rgba(62,234,62,.14);}}.Login-wrapper .register-wrraper .pswd-cn{display:flex;flex-direction:column;span {font-size: 9px; color: rgb(246,39,39);}}@media (max-width: 650px){.register-wrraper{width:500px;form {width: 500px;}}}@media (max-width: 550px){.register-main{display:flex;flex-direction:column;overflow-y:scroll!important;min-height:100vh}.register-main .Login-wrapper{height:auto}.register-wrraper{width:calc(100vw - 50px);height:fit-content;form {padding: 0; width: calc(100vw - 50px); height: fit-content;}}}@media (max-width: 450px){.register-main{footer {position: initial;}}.register-main .register-wrraper{width:calc(100vw - 20px);form {width: calc(100vw - 20px); display: flex; flex-direction: column;}}}.reset-wrapper{margin:20px auto;height:70vh;width:70%;display:flex;justify-content:center;align-items:center;flex-direction:column}.reset-wrapper .wrraper{width:300px;p {text-align: center; font-size: 11px; font-weight: 500; margin-bottom: 20px;} form {padding: 0; .form-item {width: 100% !important; position: relative; display: flex; flex-direction: column; label {color: rgba(128,128,128,.849); font-size: 11px; font-weight: 500;} input {border-radius: 5px; outline: 0; border: 1px solid rgb(199,199,199); padding: 7px 15px; font-size: 12px; font-weight: bold; transition: .6s; &:focus {border-color: var(--color-primary);}} span {position: absolute; bottom: -11px; color: red; font-size: 9px;}} .login-message {p {width: 100%; font-size: 10px; text-align: center; padding: 7px 0; font-weight: 500; letter-spacing: .5px;} .login-error {color: red; background-color: rgba(220,72,72,.181);} .login-sucsses {color: green; background-color: rgba(62,234,62,.14);}}} .pswd-cn {display: flex; flex-direction: column; span {font-size: 9px; color: rgb(246,39,39);}}}.profile-page{background-color:var(--background-color);display:flex;justify-content:center;align-items:center;height:100vh;-webkit-user-select:none;user-select:none}.profile-page .profile-page-wrraper{background-color:var(--card-color);width:50%;margin:0 auto;border-radius:10px;display:flex;flex-direction:column;gap:150px;overflow:hidden;border:1px solid var(--color-primary)}.profile-page .profile-page-wrraper .img-area{position:relative}.profile-page .profile-page-wrraper .img-area .cover{width:100%;height:250px;object-fit:cover}.profile-page .profile-page-wrraper .img-area .profil-img{margin-left:40px;position:absolute;bottom:-100px;display:flex;align-items:center;gap:10px;img {border-radius: 50%; width: 150px; height: 150px; border: 3px solid white; object-fit: cover;} span {font-size: 13px; font-weight: bold; letter-spacing: .5px; color: var(--color-primary); margin-top: 30px; text-transform: capitalize; span {font-size: 20px;}}}.profile-page .profile-page-wrraper .inputs-area{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:80%;margin:0 auto 20px}@media (max-width: 1000px){.profile-page .profile-page-wrraper{width:70%;gap:50px!important}.profile-page .img-area{width:100%!important}.profile-page .img-area .cover{width:100%!important;height:200px!important}.profile-page .img-area .profil-img{top:0!important;img {width: 150px !important; height: 150px !important;} span {font-size: 20px !important; height: fit-content !important;}}}@media (max-width: 700px){.profile-page-wrraper{padding:40px 0}.profile-page-wrraper .img-area{display:none}.inputs-area{gap:0}.inputs-area .inputs-zone{margin-bottom:0;grid-column:span 2;input,select,textarea,i {font-size: 11px;} label {font-size: 10px;}}}@media (max-width: 500px){.profile-page-wrraper{width:95%!important}}.ProfilePageLoader{width:50%;margin:0 auto;border-radius:5px;display:flex;flex-direction:column;gap:150px;overflow:hidden}.ProfilePageLoader .profilepage-top{position:relative;height:250px}.ProfilePageLoader .profilepage-top .cover{height:250px;width:100%;background-color:#80808076;animation:loadingAnimation 1.5s infinite ease-in-out;opacity:.8}.ProfilePageLoader .profilepage-top .profilepage-img{position:absolute;bottom:-100px;display:flex;align-items:center;gap:10px;div:nth-child(1) {margin-left: 40px; border-radius: 50%; width: 150px; height: 150px; background-color: rgba(128,128,128,.462); animation: loadingAnimation 1.5s infinite ease-in-out;} div:nth-child(2) {margin-top: 30px; width: 180px; height: 30px; border-radius: 5px; background-color: rgba(128,128,128,.462); animation: loadingAnimation 1.5s infinite ease-in-out;}}.ProfilePageLoader .profilepage-main{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:80%;margin:0 auto 20px;div {margin: 0 auto 20px auto; height: 40px; width: 100%; border-radius: 5px; background-color: rgba(128,128,128,.462); animation: loadingAnimation 1.5s infinite ease-in-out;}}.cv-wrraper{overflow-y:scroll;scroll-behavior:smooth;padding-bottom:20px}.cv-page-top{margin-bottom:40px}.cv-page-top .cv-options .spinner{margin-right:-4px}/*! -- Styling Steps Bar -- */.steps-bar{display:flex;align-items:center;width:100%;max-width:500px;justify-content:center;opacity:.7;margin:10px auto}.steps-bar .step{display:flex;flex-direction:column;align-items:center}.steps-bar .step .bullet{width:25px;height:25px;border:3px solid var(--text-Dark-color);color:var(--text-Dark-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;transition:1s;opacity:.4}.steps-bar .step .check{border:3px solid var(--color-primary);color:var(--color-primary);opacity:1}.steps-bar .line{width:50px;height:4px;background-color:var(--text-Dark-color);margin:0 5px;transition:1s;opacity:.4}.steps-bar .active{background-color:var(--color-primary);opacity:1}/*! -- Styling Step One -- */.StepOne-wrraper .StepOne-form-wrraper{width:60%;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;input {font-size: 12px;} textarea {position: relative; background-color: var(--background); color: var(--text-Dark-color); box-shadow: var(--box-shadow); font-weight: bold; font-size: 12px; width: 100%; height: 100%; padding: 2.5rem 1.35rem calc(.75rem - 2px) 1.35rem; padding-left: 20px; resize: none; min-height: 150px; border: none; outline: none; border-radius: 20px; transition: .7s; &::placeholder {color: var(--text-Dark-color); font-size: 10px; padding: 5px 0 0 5px; font-weight: 400; letter-spacing: .5px; opacity: .4;}} .texa label {position: absolute; height: 20px; transform: none; top: 2px;} .texa .icon {position: absolute; top: 15px;} .inputs-zone textarea:focus~.icon {opacity: 1;} .inputs-zone textarea:focus~label {color: var(--color-primary);}}/*! -- Styling Step Two -- */.StepTwo-wrraper .StepTwo-form-wrraper,.StepTwo-wrraper .StepThree-form-wrraper,.StepTwo-wrraper .StepFour-form-wrraper,.StepThree-wrraper .StepTwo-form-wrraper,.StepThree-wrraper .StepThree-form-wrraper,.StepThree-wrraper .StepFour-form-wrraper,.StepFour-wrraper .StepTwo-form-wrraper,.StepFour-wrraper .StepThree-form-wrraper,.StepFour-wrraper .StepFour-form-wrraper{width:60%;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;input,select {font-size: 12px;}}.StepTwo-wrraper .cv-wrraper-table,.StepThree-wrraper .cv-wrraper-table,.StepFour-wrraper .cv-wrraper-table{overflow-x:scroll}.StepTwo-wrraper .cv-wrraper-table::-webkit-scrollbar,.StepThree-wrraper .cv-wrraper-table::-webkit-scrollbar,.StepFour-wrraper .cv-wrraper-table::-webkit-scrollbar{height:4px}.inputs-zone-file{position:relative;background-color:var(--background);color:var(--text-Dark-color);width:100%;height:50px;margin-bottom:20px;font-weight:700;font-size:14px;padding:1.5rem 1.35rem calc(.75rem - 2px) 1.35rem;padding-right:40px;border-radius:10px;border:2px solid transparent;outline:none;box-shadow:var(--box-shadow);transition:.7s;overflow:hidden;input {opacity: 0; width: 150%; cursor: pointer;} label {position: absolute; top: 50%; transform: translateY(-50%); left: 20px; font-size: 11px; color: var(--text-Dark-color); font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 75%;} i {position: absolute; right: calc(1.35rem + 2px); top: 50%; transform: translateY(-50%); font-size: 16px; color: var(--color-primary); transition: .7s; opacity: .3; cursor: pointer;}}/*! -- Styling Steps Buttons -- */.steps-btn{display:flex;justify-content:space-between;width:90%;margin:20px auto;button {padding: 2px 20px; border-radius: 4px; background-color: var(--color-primary); color: white; transition: .6s; &:hover {opacity: .7;}}}.stepOnt-btn{justify-content:flex-end}.cv-btn-add{grid-column:span 2;display:flex;justify-content:flex-end;button {padding: 5px 20px; border-radius: 4px; font-size: 12px; background-color: var(--color-primary); color: white; transition: .6s; &:hover {opacity: .7;}}}.steps-btn-exp{display:flex}.steps-btn-exp .skip{background-color:transparent;color:var(--td-color)}.cv-btn-loader,.creat-cv-btn{font-size:11px;width:100px;display:flex;justify-content:center;align-items:center}.cancle{background-color:#ff0000c2!important;margin-right:10px;font-size:11px}.word-calculator{font-size:9px;position:absolute;bottom:10px;right:10px;opacity:.7;color:var(--text-Dark-color);font-weight:700}.word-calculator .wrords-nbr-invalid{color:red;opacity:1}.word-calculator .wrords-nbr-valid{color:#06b006;opacity:1}/*! -- Styling Steps Table -- */.cv-wrraper-table{margin:30px 0;table {scroll-behavior: smooth; border-collapse: separate; border-spacing: 10px; thead th {text-align: center; color: var(--text-Dark-color); white-space: nowrap; background-color: rgba(128,128,128,.158); border: 0; font-size: 11px; letter-spacing: .3px;} tbody {td {text-align: center; text-transform: capitalize; font-size: 10.5px; letter-spacing: .4px; color: var(--td-color);} .avec {color: rgb(2,189,2);} .sans {color: rgb(235,4,4);} button {background-color: transparent; transition: .3s; i {color: red;} &:hover {opacity: .4;}} .cv-wrraper-table-noData {img {width: 80px; margin: 10px; mix-blend-mode: multiply;} p {font-size: 9px;}}}}}/*! -- Styling Template CV -- */.cv-wrraper{scroll-behavior:smooth}.cv-wrraper .cv-page-top{display:flex;justify-content:space-between}.cv-wrraper .cv-page-top .cv-analytics{display:flex;gap:20px;div {display: flex; align-items: center; gap: 5px; span,i {font-size: 10px; color: var(--text-Dark-color); transition: .6s;}}}.cv-wrraper .cv-page-top .cv-options{display:flex;gap:10px;i {font-size: 10px; padding: 5px 7px; border-radius: 3px; color: var(--text-Dark-color); border: 1px solid rgba(128,128,128,.416); transition: .3s; cursor: pointer; &:hover {color: white; border-color: transparent; background-color: var(--color-primary); &:nth-child(3) {background-color: red;}}}}/*! -- Styling Step 5 icons (check, X) -- */.StepFive-wrraper .fa-circle-check{color:#03c003ad}.StepFive-wrraper .fa-circle-xmark{color:#e206069e}@media (max-width: 1200px){.StepOne-wrraper .StepOne-form-wrraper,.StepOne-wrraper .StepTwo-form-wrraper,.StepOne-wrraper .StepThree-form-wrraper,.StepOne-wrraper .StepFour-form-wrraper,.StepTwo-wrraper .StepOne-form-wrraper,.StepTwo-wrraper .StepTwo-form-wrraper,.StepTwo-wrraper .StepThree-form-wrraper,.StepTwo-wrraper .StepFour-form-wrraper,.StepThree-wrraper .StepOne-form-wrraper,.StepThree-wrraper .StepTwo-form-wrraper,.StepThree-wrraper .StepThree-form-wrraper,.StepThree-wrraper .StepFour-form-wrraper,.StepFour-wrraper .StepOne-form-wrraper,.StepFour-wrraper .StepTwo-form-wrraper,.StepFour-wrraper .StepThree-form-wrraper,.StepFour-wrraper .StepFour-form-wrraper{width:80%}}@media (max-width: 800px){.StepOne-wrraper .StepOne-form-wrraper,.StepOne-wrraper .StepTwo-form-wrraper,.StepOne-wrraper .StepThree-form-wrraper,.StepOne-wrraper .StepFour-form-wrraper,.StepTwo-wrraper .StepOne-form-wrraper,.StepTwo-wrraper .StepTwo-form-wrraper,.StepTwo-wrraper .StepThree-form-wrraper,.StepTwo-wrraper .StepFour-form-wrraper,.StepThree-wrraper .StepOne-form-wrraper,.StepThree-wrraper .StepTwo-form-wrraper,.StepThree-wrraper .StepThree-form-wrraper,.StepThree-wrraper .StepFour-form-wrraper,.StepFour-wrraper .StepOne-form-wrraper,.StepFour-wrraper .StepTwo-form-wrraper,.StepFour-wrraper .StepThree-form-wrraper,.StepFour-wrraper .StepFour-form-wrraper{width:90%}}@media (max-width: 500px){.StepOne-wrraper,.StepTwo-wrraper,.StepThree-wrraper,.StepFour-wrraper{padding-bottom:10px;label {font-size: 9px;} input,select,textarea,.inputs-zone-file {font-size: 10px !important; border-radius: 5px !important;}}.StepOne-wrraper .StepOne-form-wrraper,.StepOne-wrraper .StepTwo-form-wrraper,.StepOne-wrraper .StepThree-form-wrraper,.StepOne-wrraper .StepFour-form-wrraper,.StepTwo-wrraper .StepOne-form-wrraper,.StepTwo-wrraper .StepTwo-form-wrraper,.StepTwo-wrraper .StepThree-form-wrraper,.StepTwo-wrraper .StepFour-form-wrraper,.StepThree-wrraper .StepOne-form-wrraper,.StepThree-wrraper .StepTwo-form-wrraper,.StepThree-wrraper .StepThree-form-wrraper,.StepThree-wrraper .StepFour-form-wrraper,.StepFour-wrraper .StepOne-form-wrraper,.StepFour-wrraper .StepTwo-form-wrraper,.StepFour-wrraper .StepThree-form-wrraper,.StepFour-wrraper .StepFour-form-wrraper{width:100%}.steps-btn{width:100%}}@media (max-width: 400px){.StepOne-wrraper .inputs-zone,.StepOne-wrraper .inputs-zone-file,.StepTwo-wrraper .inputs-zone,.StepTwo-wrraper .inputs-zone-file,.StepThree-wrraper .inputs-zone,.StepThree-wrraper .inputs-zone-file,.StepFour-wrraper .inputs-zone,.StepFour-wrraper .inputs-zone-file{grid-column:span 2;margin-bottom:10px}}.nbr_postulation{a {margin-left: 5px;}}.StagiairePostulers{overflow-y:auto;scroll-behavior:smooth;height:100%;h1 {width: fit-content; font-size: 13px; font-weight: 700; letter-spacing: .3px; color: var(--color-primary);} .listecv {margin-top: 20px; padding: 0 40px; a {transition: .4s;} .noData {img {width: 200px; mix-blend-mode: multiply !important;}}}}.StagiairePostulers::-webkit-scrollbar{width:3px;height:0}.liste-offres-area{overflow-x:auto;scroll-behavior:smooth;height:100%}.liste-offres-area .espace-table .description{height:53px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-width:500px}.liste-offres-area::-webkit-scrollbar{width:3px;height:0}.update-offre .inputs-zone,.add-offre .inputs-zone{input,textarea {font-size: 12px;}}.update-offre .profil-btn,.add-offre .profil-btn{grid-column:span 2;display:flex;justify-content:flex-end;align-items:center;button {padding: 8px; font-size: 10px; margin: 0;}}.update-offre .profil-btn .spinner,.add-offre .profil-btn .spinner{margin-right:30px;margin-top:10px}.offreactivation-btns{button {width: 70px; padding: 2px 0; opacity: .6; transition: .3s ease-in; font-size: 10px; font-weight: 600; border-radius: 3px; color: var(--text-Dark-color); background-color: var(--text-white-color); &:hover {opacity: 1;}} .spinner {display: flex; justify-content: center; margin: 0; width: 70px; padding: 2px 0;} .offre-ative-btn {opacity: 1; background-color: var(--color-primary); color: white; &:hover {opacity: .8;}}}@media (max-width: 1000px){.StagiairePostulers .listecv{padding:0}}/*! -- Styling Liste of offres -- */.liste-offres{margin-top:10px;display:grid;grid-template-columns:repeat(1,1fr);gap:10px;a {text-decoration: none; transition: .4s; &:hover {opacity: .9;}} .offre-item {background-color: var(--background-color); display: flex; flex-direction: column; padding: 5px; border-radius: 5px; transition: .6s; .item-head {display: flex; align-items: center; gap: 10px; padding: 5px; .item-img {border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 60px; width: 60px; background-color: rgba(28,47,255,.626); img {height: 60px; width: 60px; object-fit: cover;} span {height: 60px; width: 60px; color: white; display: flex; justify-content: center; align-items: center; font-size: 30px; font-weight: bold; background-color: rgba(28,47,255,.626);}} .item-infos {max-width: 70%; color: var(--text-Dark-color); .titre {color: var(--color-primary); font-weight: bold; letter-spacing: .4px; font-size: 15px; padding: 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .others {color: var(--text-Dark-color); opacity: .7; font-size: 11px; display: flex; align-items: center; gap: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; span:nth-child(2) {font-size: 10px; color: rgb(53,156,53); font-weight: 600; background-color: rgba(133,231,133,.151); padding: 1px 5px; border-radius: 5px;}}}} .item-body {h3,p {width: 100%; font-size: 12px; color: var(--text-Dark-color); text-transform: capitalize; letter-spacing: .4px; span {opacity: .7; letter-spacing: 0; font-size: 10px;}} p {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}} .item-footer {display: flex; justify-content: flex-end; align-items: center; margin-right: 5px; .item-btns {button {display: flex; justify-content: center; align-items: center; font-size: 10px; background-color: var(--color-primary); color: white; padding: 5px 8px; border-radius: 3px; transition: .4s; &:hover {opacity: .6;}} .retirer {background-color: gray;}}}}}@media (max-width: 700px){.liste-offres .offre-item .item-head .item-img{height:50px;width:50px;img {height: 50px; width: 50px;} span {height: 50px; width: 50px;}}.liste-offres .offre-item .item-head .item-infos .others{font-size:10px}.liste-offres .offre-item .item-body{p {font-size: 11px;}}}@media (max-width: 600px){.listeOffreFostagiare{padding-bottom:20px}}@media (max-width: 400px){.listeOffreFostagiare{padding-bottom:30px}}/*! -- Styling offres details -- */.offres-details .go-back{width:100%;span {display: flex; align-items: center; gap: 10px; width: 100%; span {font-size: 15px; font-weight: 600; letter-spacing: .4px; color: var(--text-Dark-color); text-transform: capitalize; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .item-img {width: 40px; height: 40px; overflow: hidden; border-radius: 50%; background-color: rgba(28,47,255,.626); img {width: 40px; height: 40px; object-fit: cover;} span {border-radius: 50%; color: white; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: bold;}}}}.offres-details .offre-body{margin:40px auto 0;width:80%}.offres-details .offre-body .offre-date{text-align:right;font-size:10px;padding:5px 0;color:var(--color-primary)}.offres-details .offre-body .offre-inputs{display:flex;flex-direction:column;gap:20px}.offres-details .offre-body .offre-inputs .offre-input{position:relative;border-radius:5px;input,textarea {width: 100%; padding: 20px 5px 20px 15px !important; background-color: transparent !important; border: 1px var(--td-color) solid; border-radius: 5px; transition: .4s !important; color: var(--text-Dark-color) !important; box-shadow: 0 0 0 0 !important; font-size: 15px; font-weight: 400;} label {position: absolute; top: -8px; left: 20px; padding: 0 10px; font-size: 12px; color: var(--color-primary); background-color: var(--offre-input-backgroundColor); letter-spacing: .7px; transition: .6s; z-index: 9;} .offre-decsription {background-color: red; word-wrap: break-word; height: fit-content; width: 100px;} textarea {min-height: 300px;}}.offres-details .offre-body .offre-inputs .item-btns{display:flex;justify-content:flex-end;align-items:center;button {display: flex; justify-content: center; align-items: center; font-size: 10px; background-color: var(--color-primary); color: white; padding: 5px 8px; border-radius: 3px; transition: .4s; &:hover {opacity: .6;}} .retirer {background-color: gray;}}@media (max-width: 900px){.offre-body{width:100%!important;margin-top:10px!important}.offre-inputs .offre-input{input,textarea {font-size: 13px !important;} label {font-size: 10px !important; top: -8px !important;}}}@media (max-width: 500px){.listeOffreFostagiare{padding-bottom:20px}}.ListeOffresLoader{height:100%}.ListeOffresLoader .ListeOffresLoader-top{display:flex;justify-content:space-between;div {height: 40px; width: 200px; background-color: rgba(128,128,128,.462); animation: loadingAnimation 1.5s infinite ease-in-out; border-radius: 5px;}}.ListeOffresLoader .ListeOffresLoader-main{margin-top:20px;height:90%;overflow:hidden}.S_Entrepeise-body{margin-top:30px;padding:5px 10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;a {text-decoration: none;} .S_Entrepeise-item {background-color: var(--background-color); padding: 3px; border-radius: 5px; overflow: hidden; display: flex; flex-direction: column; gap: 10px; transition: .6s; .S_Entrepeise-image {width: 100%; height: 150px; overflow: hidden; img {width: 100%; height: 150px; object-fit: cover; transition: .6s;} span {background-color: rgba(28,47,255,.626); width: 100%; height: 150px; display: flex; justify-content: center; align-items: center; color: white; font-size: 60px; font-weight: bold; text-transform: uppercase; transition: .6s; user-select: none;}} h2 {color: var(--color-primary); text-align: center; text-transform: capitalize; font-size: 15px; font-weight: bold; margin: 0; transition: .6s;} .S_Entrepeise-text {display: flex; flex-direction: column; padding: 2px 10px; gap: 2px; span {font-size: 11px; color: var(--text-Dark-color); width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .6s;}} &:hover {.S_Entrepeise-image {img {transform: scale(1.5); filter: grayscale(100%);} span {transform: scale(1.5); filter: grayscale(100%);}}}}}/*! -- responsivity -- */@media (max-width: 1000px){.S_Entrepeise-body{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.S_Entrepeise-body{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.S_Entrepeise-body{grid-template-columns:repeat(2,1fr);width:100%;padding:0}}@media (max-width: 500px){.S_Entrepeise-body{grid-template-columns:1fr}}@media (max-width: 400px){.info-search{padding:0}.info-search .data-info{margin-left:10px}}.home-page{height:100vh;width:100vw;overflow-y:scroll}.home-page::-webkit-scrollbar{width:5px}.home-page::-webkit-scrollbar-thumb{border-radius:6px;background:linear-gradient(transparent,var(--color-primary))}.home-page .home-navbar{padding:10px 0;display:flex;align-items:center;justify-content:space-between;width:95%;margin:0 auto}.home-page .home-navbar .logo{display:flex;align-items:center;gap:10px;img {width: 60px;} h3 {font-size: 15px; font-weight: bold; color: rgb(75,75,75);}}.home-page .home-navbar .home-actions{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--color-primary);a {transition: .6s; background-color: var(--background-color); text-decoration: none; &:hover {opacity: .5;}}}.home-page .home-navbar .home-actions .sign-up{padding:5px 10px;background-color:var(--color-primary);color:#fff;border-radius:5px}.home-page .login-img{position:relative;padding:100px;background-image:url(/build/assets/isfo-4c0b93b1.jpg);background-position:bottom;display:flex;align-items:center;justify-content:center;h3 {color: white; font-size: 50px; z-index: 12; text-align: center;}}.home-page .login-img .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:1}.home-page .espace-serch{padding:30px 20px}.home-page .home-body{padding:0 20px 20px;height:fit-content}.home-page .home-body .noData{padding:100px 0}.home-page .home-body .liste-offres{display:grid;grid-template-columns:1fr 1fr}.home-page .home-body .liste-offres .offre-item{background-color:var(--card-color);transition:.6s;button {background-color: transparent; border: 0; outline: 0;} .item-body {p {text-align: left;}}}.home-page .home-body .liste-offres .offre-item:hover{opacity:.7;background-color:#dadada97}.home-page .home-footer{background-color:#363636;margin-top:40px;padding:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;span {font-size: 15px; color: white; font-weight: bold; text-align: center;} p {color: white; text-align: center;}}@media (max-width: 1200px){.home-page .home-body .liste-offres .offre-item .item-body{p {-webkit-line-clamp: 3;}}}@media (max-width: 900px){.home-page .home-body .liste-offres{grid-template-columns:1fr}}@media (max-width: 500px){.home-page .login-img{height:60px;h3 {color: white; font-size: 40px; z-index: 12; text-align: center;}}}.Home-loader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;img {width: 200px; animation: logo 2s ease-in infinite;} .lds-ellipsis {display: inline-block; position: relative; width: 80px; height: 80px;} .lds-ellipsis div {position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: rgba(0,0,0,.508); animation-timing-function: cubic-bezier(0,1,1,0);} .lds-ellipsis div:nth-child(1) {left: 8px; animation: lds-ellipsis1 .6s infinite;} .lds-ellipsis div:nth-child(2) {left: 8px; animation: lds-ellipsis2 .6s infinite;} .lds-ellipsis div:nth-child(3) {left: 32px; animation: lds-ellipsis2 .6s infinite;} .lds-ellipsis div:nth-child(4) {left: 56px; animation: lds-ellipsis3 .6s infinite;}}@keyframes logo{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}