body{background-color:#f0f0f7}.main__data{max-width:80%;position:relative;width:100%}.main__hero{padding:40px}.main__title{font-size:30px;font-weight:600;margin-bottom:30px}.main__list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.main__item{background-color:#fff;cursor:pointer;padding:15px;transition:all .3s ease}.main__item:hover{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2)}.main__link{color:#000;text-decoration:none}.main__link:hover{color:#000}.main__item-type{margin-bottom:25px}.main__item-num{font-size:20px;font-weight:700;margin-bottom:0}.main__item-stats{color:red;font-size:12px}.main__item-stats .bx{font-size:20px}.green-stats{color:#24d624}.main__navbar{background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.35);height:100vh;left:0;max-width:20%;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.navbar{background-color:#55e;padding:20px}.navbar__title{color:#fff;font-size:18px;letter-spacing:3px;margin-bottom:0;text-transform:uppercase}.navbar__x-btn{background-color:transparent;border:none;padding:0}.navbar__x-btn .bx{color:#fff;font-size:25px}.navbar__list{list-style:none;margin:0;padding:0}.navbar__item{align-items:center;display:flex;font-weight:600;padding:15px 20px}.navbar__item .bx{font-size:25px;margin-right:10px}.navbar__tdn{color:#000;display:block;text-decoration:none}.navbar__tdn:hover{color:#000}.navbar__active{border-left:5px solid blue;box-shadow:0 3px 8px rgba(0,0,0,.24)}.main__header{background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.35);left:0;padding:20px;position:-webkit-sticky;position:sticky;top:0;width:100%}.header .bx{color:#ccc;font-size:25px}.header .rounded-circle{background-color:#ff0!important;padding:5px!important;-webkit-transform:translate(-90%,-30%)!important;transform:translate(-90%,-30%)!important}.header__info{border-left:1px solid #ccc;margin-left:20px;padding-left:5px}.header__info .bx{font-size:25px;margin-left:10px}.header__name{text-transform:capitalize}.header__img-box{height:29px;margin-left:10px;width:30px}.header__img-box img{border-radius:50%;height:100%;object-fit:cover;width:100%}.student{padding:40px}.student__title{margin-right:20px}.student__search-box{background-color:#fff;box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:10px 30px}.student__search-box .bx{font-size:20px;margin-right:10px}.student__input{border:none;width:100%}.student__input:focus{outline:none}.students{padding:20px 35px}.students__title{color:rgba(0,0,0,.753);font-size:24px;font-weight:500}.students__addbtn{background-color:#3b86ff;border:1px solid #3b86ff;border-radius:8px;color:#fff;font-size:16px;margin-left:15px;padding:8px 15px}.students__form{background-color:#fff;border-radius:8px;padding-left:45px;position:relative;width:500px}.students__input{background:none;border:none;padding:9px 5px;width:100%}.students__input:focus{outline:none}.students__icons{color:rgba(0,0,0,.575);font-size:20px;left:20px;position:absolute;top:30%}.students__count{color:#000;font-size:18px;margin-bottom:10px}.students__tabel{margin-top:24px;width:100%}.students__thead{display:table-header-group;width:100%}.students__tr{background-color:#fff;display:table-row;width:100%}.students__tr:hover .list__td{background-color:#fffbf2}.students__th{background-color:#f5f5fa;display:table-cell;padding:16px}.students__thbtn{align-items:center;background:none;border:none;color:#bdbcca;display:flex;font-size:14px;font-weight:600;line-height:24px;text-transform:uppercase;transition:all .3s linear}.students__thbtn:hover{color:rgba(0,0,0,.87);opacity:.6}.students__thbtn:hover .list__ticon{opacity:.6}.students__ticon{color:rgba(0,0,0,.87);font-size:22px;opacity:0;padding:0 32px 0 10px;transition:all .4s linear}.students__body{display:table-row-group}.students__td{border-bottom:1px solid #e0e0e0;color:rgba(0,0,0,.773);display:table-cell;font-size:14px;font-weight:500;letter-spacing:.01071em;line-height:1.43;padding:5px 16px;transition:all .3s linear}.students__avabox{border-radius:50%;height:35px;margin-right:10px;overflow:hidden;width:35px}.students__ava{object-fit:cover;width:100%}.students__names{color:rgba(0,0,0,.773);font-size:16px}.students__edit,.students__error,.students__xbtn{background:none;border:none;border-radius:4px;color:red;font-size:24px;margin:4px;padding:5px}.students__error{color:#ffce7b}.students__edit{color:#af85ff}.student-edit{background-color:#fff;padding:30px}.student-edit__header{border-bottom:1px solid #f7f7f8;padding-bottom:50px}.student-edit__img-box{margin-right:10px}.student-edit__img-box img{border-radius:50%;height:100%;object-fit:cover;width:100%}.student-edit__name{font-size:20px;font-weight:700}.student-edit__number{color:#b0afbb;font-size:18px}.student-edit__stats{font-size:16px;font-weight:700}.student-edit__stats-num{font-weight:400;margin-left:5px}.student-edit__list{grid-gap:40px;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0 0 30px;padding:30px 0 0}.student-edit__input{border:none;border-bottom:1px solid #e9e9f0;font-size:18px;font-weight:600;margin-bottom:0;padding:10px 0;width:100%}.student-edit__input:focus{outline:none}.student-edit__label{font-size:12px}.student-add{background-color:#fff;margin-top:20px;padding:20px}.student-add__img-box{box-shadow:0 3px 8px rgba(0,0,0,.24);max-height:350px;padding:20px}.student-add__title{font-size:18px;font-weight:600;margin-bottom:20px}.student-add__inner-img-box{align-items:center;background-color:#c6c3c3;display:flex;flex-direction:column;justify-content:center;padding:20px}.student-add__inner-img-box .bx{color:#8a8080;font-size:100px;position:relative}.student-add__borders{align-items:center;display:flex;height:200px;justify-content:center;position:relative;width:200px}.student-add__borders:before{border:3px solid #8a8080;border-radius:50%;height:120px;width:120px}.student-add__borders:after,.student-add__borders:before{background-color:transparent;content:"";display:inline-block;position:absolute}.student-add__borders:after{border:1px solid #8a8080;border-radius:50%;height:160px;width:160px}.student-add__lists{list-style:none;margin:0 0 50px;padding:0 0 0 50px}.student-add__input-box{margin-bottom:10px}.student-add__input{margin-bottom:0;max-width:100%;width:100%}.student-add__list{grid-gap:40px;display:grid;grid-template-columns:repeat(3,1fr);list-style-type:none;margin:0 0 40px;padding:0}.report__img-box img{left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.student__left{margin-left:400px}
/*# sourceMappingURL=main.899239d4.css.map*/