@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*,:before,:after{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:#000}ul{list-style:none}input[type=reset],input[type=submit],input[type=button],button{border:none;outline:none;cursor:pointer}html{scroll-behavior:smooth}img{width:100%;height:100%}html{font-family:Ubuntu,sans-serif}.btn2,.btn{text-align:center;background-color:#00021e;color:#dee2df;padding:8px 16px;border-radius:2rem;transition:color .3s,background-color .3s;border:1px solid transparent}.btn2 a,.btn a{color:#fff}.btn2:hover,.btn:hover{background:#cac8c8;background:inherit;border:1px solid rgb(0,2,30);color:#000}.btn2:hover a,.btn:hover a{color:#000}.btn{background-color:inherit;color:#00021e;border:1px solid rgb(0,2,30)}.btn a{color:#fff}.btn:hover{background:rgb(0,2,30);letter-spacing:2;color:#fff}.btn:hover a{color:#fff}@media screen and (max-width: 992px){.home-header{position:sticky;top:0;left:0;width:100%}}.home-header .menu-btn{display:none}@media screen and (max-width: 992px){.home-header .menu-btn{display:block}.home-header h2{display:none}}.home-header .listAccueil{display:flex;flex-direction:row;justify-content:center;align-items:center}@media screen and (max-width: 992px){.home-header .listAccueil{position:absolute;top:100%;left:0;background:white;box-shadow:1px 2px 1px gray;display:flex;flex-direction:column;justify-content:center;align-items:center;display:inline-block;display:none;width:70%;height:100vh;transition:all .5s ease}}.home-header .listAccueil li{margin:1rem}@media screen and (max-width: 767px){.home-header .listAccueil li{padding:.5rem;border-radius:5px;border-bottom:1px solid rgb(235,233,233)}.home-header .listAccueil li:hover{background:rgb(235,233,233)}}.home-header .listAccueil li a{color:#fff}@media screen and (max-width: 767px){.home-header .listAccueil li a{color:#010101}}.listAccueil.mobile-menu{display:inline-block}.home{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;color:#131327;padding:4rem 10%}@media screen and (max-width: 767px){.home{flex-direction:column-reverse}}.home .block-text{width:60%;font-size:1.5rem}@media screen and (max-width: 767px){.home .block-text{width:100%;text-align:center}}.home .block-text .button{margin-top:5%}.home .block-image{width:40%}@media screen and (max-width: 767px){.home .block-image{width:100%}}.boxTitle{display:flex;justify-content:space-between}.boxContent .boxAffiche{background:#bcd9e7;padding:10px;margin:20px 0;border-radius:10px}.boxContent .boxAffiche .btnSection{display:flex;justify-content:flex-end}.boxContent .boxAffiche .btnSection button{margin:0 1rem}.form{width:100%}.form input,.form textarea{width:70%;border:none;background:inherit;border:1.5px solid #84bce7;border:1.5px solid #bcd9e7;padding:1rem;outline:none;margin:1.5rem 0;border-radius:10px}.form textarea{width:100%}.form .btnContain{display:flex}.form .btnContain .btn2{padding:5px 15px;font-size:5px}.communicarion_save_boxContainer{background:#cde9ff;background:red}.communicarion_save_boxContainer .communication_box{border:1px solid #0075df}.btnContainer{display:flex;justify-content:end}.btnContainer .btn2{margin:1rem}.btn_option a{text-decoration:underline;background:inherit;color:initial}.dash_boxTitle{display:flex;flex-direction:column}.dash_boxContainer{padding-top:2%;display:flex;flex-wrap:wrap;gap:2rem}.dash_boxContainer .dash_box{background:#cde9ff;background:#bcd9e7;min-height:20vh}.matriculeContainer{display:flex}.matriculeContainer .matricule{margin:0 1.5rem}.matriculeContainer .matricule input{border:none;background:inherit;border:1.5px solid #84bce7;padding:.5rem;outline:none;border-radius:1rem}.schoolfees-validation-btn{align-self:flex-end}.coursesBoxContainer h2{text-align:center;color:#444;border:1px solid #cde9ff}.coursesBoxContainer h4{color:#333}.coursesBoxContainer h3{text-align:center}.coursesBoxContainer .validate{display:flex;justify-content:flex-end}.optionsContainer{display:flex;flex-wrap:wrap}@media screen and (max-width: 992px){.optionsContainer{flex-direction:row-reverse}}@media screen and (max-width: 767px){.optionsContainer{flex-direction:row}}.optionsContainer .option_item{margin:.5em}.optionsContainer .option_item .select-menu{outline:none;border:none;box-shadow:1px 0 5px #0003;border-radius:6px}.create_student{border:1px dashed rgb(107,193,219);display:grid;grid-template-columns:repeat(2,1fr);width:100%}.create_student .left_side,.create_student .right_side{border:1px dashed rgb(107,193,219);padding:1rem}.create_student .left_side input,.create_student .right_side input{width:100%;border:none;background:inherit;border:1.5px solid #84bce7;border:1.5px solid #bcd9e7;padding:.5rem;outline:none;border-radius:1rem}.boxContent .box{padding:10px;margin:20px 0;position:relative;background:#bcd9e7;border-radius:10px}.boxContent .box .btn2{position:absolute;right:5%;bottom:5%;padding:.3rem 1rem}.boxContent .box .btn2 a{color:#fff}.courses_table,.box_payment{width:100%}.progress-circle-bar{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;width:100%;border-radius:10px;box-shadow:0 0 3px #0075df}@keyframes progress{0%{stroke-dasharray:0 100}}.progress-circle-bar div{display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:space-between;width:100%}.progress-circle-bar .circle-svg{display:block;max-height:60px;margin:auto}.progress-circle-bar .circle-svg text{text-align:center;color:#000;font-size:8px}.progress-circle-bar .circle-svg path.percent{stroke:#0075df;fill:none;stroke-width:2.5;stroke-linecap:round;animation:progress 1s ease-out forwards}.progress-circle-bar .circle-svg path.around{stroke:#c4c4c4;fill:none;stroke-width:2.5}.communique_stats{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;width:100%}.communique_stats .item{background:#bcd9e7;padding:.5rem;border-radius:10px}.communique_stats .item button{width:100%}.marketSheet_statistics h3{text-align:center;margin-top:5%}.marketSheet_statistics .bloc_container_stats{background:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:5rem;padding:1rem;margin-top:2rem}.marketSheet_statistics .bloc_container_stats .boxItem{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.marketSheet_statistics .bloc_container_stats .boxItem .item{border-radius:50%;width:80px;height:80px;border:1px solid #bcd9e7;display:flex;flex-direction:row;justify-content:center;align-items:center}.all_container_profil{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:3rem;background:#fff;padding:2rem;width:80%;margin:5% auto}@media screen and (max-width: 767px){.all_container_profil{display:block;width:100%}}.all_container_profil .profilImage{width:7rem;min-height:7rem;align-self:start;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:1rem;border:1px solid #94bfe9;border-radius:50%}.all_container_profil .profilImage img{width:100%;height:100%}.all_container_profil .profilContent{text-align:justify}.all_container_profil .profilContent h3{padding-bottom:1.5rem;font-weight:800;color:#94bfe9;font-size:2.2rem}.all_container_profil .profilContent p{color:#94bfe9;line-height:30px}.all_container_profil .profilContent p span{font-weight:700;color:#131327}.all_statistics_container{margin-top:3rem;text-align:center}.schoolfees_statistics{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}.schoolfees_statistics .shoolFees_boxItem{text-align:left;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:2rem;background:#ffffff;padding:1.5rem;margin-top:2rem;border-radius:1rem;box-shadow:1px 5px 10px #0000000d}.schoolfees_statistics .shoolFees_boxItem .item{display:flex;flex-direction:row;justify-content:center;align-items:center;background:#ffffff;border-radius:50%;width:70px;height:70px;border:1px solid rgb(88,182,219)}.boxContent .return_btn_communique{display:flex;justify-content:flex-end}.container-all{position:relative;top:0;left:0}.container{display:grid;grid-template-columns:20% 80%;color:#0a0a0a;position:relative;top:0;left:0}@media screen and (max-width: 992px){.container{display:grid;grid-template-columns:15% 80%}}@media screen and (max-width: 767px){.container{display:block}}.container .aside{border-right:1px solid rgba(117,128,141,.212);border-right:1px solid rgba(212,226,239,.6352941176);display:flex;flex-direction:column;justify-content:space-between;padding:16px 0;min-height:90vh;overflow-y:hidden}@media screen and (max-width: 767px){.container .aside{display:none;width:70%;height:100vh;background:#8b6868;position:absolute;background:white;box-shadow:1px 2px 1px gray;z-index:1000000000000}}.container .aside li,.container .aside .logOutBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;border-bottom:1px solid rgb(235,233,233)}.container .aside li a,.container .aside .logOutBtn a{height:90%;width:90%;padding:1rem;border-left:2px transparent;color:#0a0a0a}.container .aside li a span,.container .aside .logOutBtn a span{margin-left:1rem}@media screen and (max-width: 992px){.container .aside li a span,.container .aside .logOutBtn a span{display:none}}@media screen and (max-width: 767px){.container .aside li a span,.container .aside .logOutBtn a span{display:inline-block}}.container .aside li a:hover,.container .aside .logOutBtn a:hover{background:#cde9ff;background:#94bfe9;color:#f5f5f5;border-left:2px solid #1a2533;border-left:2px solid #131327;border-radius:.5rem}.container .aside.mobile-menu2{display:inline-block}.container .main{width:100%;height:90vh;background:rgba(205,233,255,.3019607843);background:rgba(148,191,233,.13);padding:20px 10px;overflow-y:auto}.container .main .boxTitle{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.container .article{padding:2rem 5%;background:#f5f5f5;border-left:1px solid rgba(212,226,239,.6352941176);overflow-y:hidden;height:90vh}@media screen and (max-width: 1024px){.container .article{display:block}}@media screen and (max-width: 992px){.container .article{display:none}}@media screen and (max-width: 767px){.container .article{display:none}}.helpContainer{padding-top:20px}.helpContainer .helpBox{background:#fff;padding:1rem;margin:1rem 0;border-radius:15px;box-shadow:5px 10px 15px #0000000d}.helpContainer .helpBox h4{color:#2698ff;color:#0075df}.helpContainer .helpBox p{padding:.5rem}.boxContent{padding:2%}.boxContent .box{background:#fff;background:#bcd9e7;padding:1rem;margin:1rem 0;border-radius:15px;box-shadow:5px 10px 15px #0000000d}.boxContent .box .btnContainer{display:flex}.boxContent .box .btnContainer .btn2{margin:1rem}table:not(.marksheet-table,.marksheet-subtable){border-collapse:collapse}table:not(.marksheet-table,.marksheet-subtable) thead tr{text-align:left}table:not(.marksheet-table,.marksheet-subtable) thead tr th{padding:0 4px;color:#0075df;background-color:#0077ff18}table:not(.marksheet-table,.marksheet-subtable) thead tr th:nth-child(1){border-top-left-radius:4px}table:not(.marksheet-table,.marksheet-subtable) thead tr th:nth-last-child(1){border-top-right-radius:4px}table:not(.marksheet-table,.marksheet-subtable) tbody tr:nth-child(even){background:rgba(0,119,255,.094)}table:not(.marksheet-table,.marksheet-subtable) tbody tr td{border:1px solid rgba(0,0,0,.09);padding:.2rem .3rem}table:not(.marksheet-table,.marksheet-subtable) tbody tr td input{width:100%;border:none;outline:none;background:transparent}table:not(.marksheet-table,.marksheet-subtable) tbody tr td .btn_option{display:flex;justify-content:space-evenly}.container-all-login{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100vh;width:100%;padding:2rem;background:rgba(205,206,206,.7529411765)}.container-all-login .login-container{width:50%;display:grid;grid-template-columns:50% 50%}@media screen and (max-width: 767px){.container-all-login .login-container{display:flex;flex-direction:column;width:100%}}@media screen and (max-width: 992px){.container-all-login .login-container{display:flex;justify-content:center;width:100%}}@media screen and (max-width: 1024px){.container-all-login .login-container{display:flex;justify-content:center;width:100%}}.container-all-login .login-container .left{background-color:#2698ff;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-top-left-radius:10px;border-bottom-left-radius:10px}@media screen and (max-width: 767px){.container-all-login .login-container .left{width:100%;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0}}.container-all-login .login-container .left h3{font-size:1.1rem;line-height:20px;padding-bottom:1.5rem;color:#f8f6f6ce;display:grid}.container-all-login .login-container .left p{font-size:.5rem;color:#f8f6f6ce}.container-all-login .login-container .right{background:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top-right-radius:10px;border-bottom-right-radius:10px}@media screen and (max-width: 767px){.container-all-login .login-container .right{width:100%;border-top-right-radius:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px}}.container-all-login .login-container .right input{border:none;background:inherit;background:rgba(205,206,206,.7529411765);padding:1rem;outline:none;margin:.7rem 0;border-radius:1rem}.container-all-login .login-container .right .login-btn{margin:.7rem 0;width:70%}.container-all-login .login-container .right .login-btn button{width:100%}@media only print{header,#aside,article{visibility:hidden}header{display:none}#marksheet{visibility:visible;width:210mm;height:297mm;background-color:#fff;position:absolute;top:0;left:0;margin:0;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact}@page{margin:3mm}}.edit-form{max-width:400px;display:flex;flex-direction:column;gap:12px}.edit-form .input-container{display:flex;flex-direction:column}.edit-form .input-container input,.edit-form .input-container select{border-radius:8px}.edit-form .input-container small{color:red;margin-left:4px}