#root{max-width:100%;margin:0 auto;text-align:center}.select{background-color:#fff;border:2px solid var(--colorAccent);border-radius:100px;z-index:999;font-size:.9rem}.value-and-icon{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;margin:-10px auto;padding:0 .5em}.value-and-icon span{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.value-and-icon .select-icon{width:16px}.options{width:100%;height:0;animation:showDown .5s forwards;text-align:left;background-color:#fff;box-shadow:1px 1px 10px #ddd;overflow:hidden}.option{width:100%;height:50px;line-height:50px;border-bottom:1px solid #ddd;padding:0 1em;position:relative}::-webkit-scrollbar{width:5px;background-color:#000}::-webkit-scrollbar-track{background-color:#ddd}::-webkit-scrollbar-thumb{background-color:#888}::-webkit-scrollbar-thumb:hover{background-color:#555}@keyframes showDown{to{height:auto;max-height:auto}}@media (max-width:768px){.select{font-size:.9rem}}.searching-section{width:100%;min-width:390px;height:auto;box-shadow:0 1px 15px #e1e1e1;padding:.5em 2em;border-radius:10px;color:#111;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;background-color:#fff;margin:1em auto}.input-with-icon{max-width:380px;width:90%;height:45px;display:flex;flex-flow:row nowrap;align-items:center;position:relative}.searching-section input{position:absolute;width:100%;height:45px;padding:1em 3.5em 1em 1em;border:0;outline:0;font-size:1rem;font-weight:700;background-color:#f2f2f2;border-radius:10px;left:0}.searching-section .search-icon{position:absolute;right:20px}.searching-section input::placeholder{color:#999;font-weight:400}.selections{width:100%;max-width:360px;height:auto;display:flex;justify-content:space-between}.select{padding:.5rem}.searching-img{width:100%;margin:0 auto;padding:2rem}@media (max-width:1023px){.searching-section{max-width:450px;padding:1rem 1.5em;height:180px;flex-flow:column nowrap;justify-content:space-around;align-items:center;margin:1em auto 0}.searching-img img{width:300px;height:300px}}@media (max-width:768px){.searching-section{max-width:390px;padding:1rem 1.5em;height:180px;flex-flow:row wrap;justify-content:space-around;align-items:center;margin:1em auto 0}.input-with-icon{width:100%;justify-content:space-around}.searching-section input{max-width:100%}.searching-img img{width:300px;height:300px}}.result{max-width:1280px;display:flex;flex-flow:row nowrap;justify-content:space-evenly;margin:0 auto}.basic-info{width:98%;max-width:450px;height:auto;max-height:280px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin:0 auto;padding:1em 0;background-color:#fff;border-radius:10px;box-shadow:0 0 5px #e1e1e1}.basic-info img{border-radius:100px;border:2px solid var(--colorAccent);margin:1em auto;display:inline-block}.name-and-info{width:100%;height:100px;display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:center;padding:.5em;font-size:1rem}.name-and-info .student-name{width:100%;font-size:1.1rem;font-weight:900}.id-and-class{width:100%;max-width:300px;display:flex;flex-flow:row nowrap;justify-content:space-around}.icon-and-text{width:33%;display:flex;justify-content:center;align-items:center;font-size:1.1rem;padding:.2em}.subjects-and-marks{width:98%;max-width:450px;height:auto;padding:2em 1em 1em;margin:0 auto;box-shadow:0 0 5px #e1e1e1;border-radius:10px;background-color:#fff}.subjects-and-marks .subjects-header{width:100%;height:50px;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center}.subjects-header div{width:47%;height:40px;line-height:40px;border-radius:10px;font-size:1rem}.subjects-header div.active{background-color:var(--secondaryColor);font-weight:900}.subjects-header div.active:before{content:"\2022  \a0\a0"}.subjects-and-marks .tab{margin:15px auto;width:100%;display:flex;flex-flow:row wrap;justify-content:space-around}.overall{width:98%;height:110px;margin-bottom:15px;padding:1em;display:flex;flex-flow:row nowrap;justify-content:space-around;box-shadow:0 0 5px #e1e1e1;border-radius:10px}.overall div{width:48%;font-weight:800}.overall div span{font-size:.9rem;color:#444}.overall-score{border-right:1px solid var(--colorAccent)}.overall-score,.overall-grade{display:flex;flex-flow:column nowrap;justify-content:space-evenly;color:var(--primaryColor)}.subject{width:47%;height:120px;padding:1em;display:flex;flex-flow:column nowrap;justify-content:space-evenly;align-items:flex-start;border-radius:10px;margin:.5em auto;box-shadow:0 0 5px #e1e1e1}.subject .subject-name{font-size:.9rem;font-weight:700;text-transform:uppercase;display:flex;flex-flow:row nowrap;align-items:center;color:#888}.subject .subject-score{font-size:1.6rem;font-weight:900}.subject progress{width:100%;height:6px;margin:0 auto}.d-subject{width:47%;height:180px;padding:.1em 1.3em;display:flex;flex-flow:column nowrap;justify-content:space-evenly;align-items:flex-start;border-radius:10px;box-shadow:0 0 5px #e1e1e1;margin:.5em auto}.d-subject-name{height:30px;display:flex;flex-flow:row nowrap;align-items:center;color:#333}.d-subject-name div{height:auto;display:flex;flex-flow:column wrap;align-items:flex-start;justify-content:center}.d-subject-name .name{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#333}.d-subject-name .status{font-size:.8rem;color:var(--primaryColor)}.progress-and-score{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center}.progress-and-score .score{font-weight:900;font-size:1.2rem;margin:0}.circular-progress{width:60px;height:60px;border-radius:100px;position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--primaryColor)}.circular-progress:before{content:"";width:85%;height:85%;border-radius:100px;position:absolute;background-color:#fff}.progress-value{position:relative;font-size:1rem;font-weight:900}@media (max-width:1023px){.main{display:flex;flex-flow:column nowrap;align-items:center}.basic-info{max-width:450px}.subjects-and-marks{max-width:450px;margin:10px auto}.name-and-info .student-name{font-size:1.1rem}}@media (max-width:768px){.basic-info{max-width:390px}.name-and-info{font-size:1rem}.subjects-and-marks{max-width:390px;margin:10px auto}.name-and-info .student-name{font-size:1.1rem}.progress-and-score .score{margin:0}}.custom-progress{width:100%;max-width:390px;height:4px;position:relative;border-radius:100px}.custom-progress-track{height:4px;max-width:100%;border-radius:100px}footer{width:100%;max-height:100px;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;padding:1em;margin:1em auto}footer div{width:100%;padding:.2rem;font-size:.9rem;color:#888}header{width:90%;max-width:1280px;height:auto;margin:0 auto;padding:0 1rem}nav{width:100%;height:56px;padding:3em 0;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}nav .navbar-text{color:var(--primaryColor);font-size:1.2rem;font-weight:500}.navbar-text span{font-weight:900;font-size:1.5rem}nav .navbar-icon{color:var(--primaryColor)}@media (max-width:1023px){header{width:100%}nav{padding:2.5em 1em;border-bottom:1px solid #e1e1e1;background-image:linear-gradient(to right,#f4f4f4,#ffffff,#f4f4f4);justify-content:center}nav .navbar-text{font-size:1.3rem}.navbar-text span{font-weight:900;font-size:1.3rem}}@media (max-width:768px){header{width:100%}nav{padding:2.5em 1em;border-bottom:1px solid #e1e1e1;background-image:linear-gradient(to right,#f7f7f7,#ffffff,#f7f7f7);justify-content:center}nav .navbar-text{font-size:1.3rem}.navbar-text span{font-weight:900;font-size:1.3rem}}.verifying-section{background-color:#fff;width:100%;max-width:390px;margin:2em auto;padding:2em;border-radius:10px;box-shadow:0 0 5px #e1e1e1;color:#666}.verifying-section input{width:100%;height:40px;padding:1em;border:0;outline:0;background-color:#f2f2f2;border-radius:10px;font-weight:700;margin:2em auto 1em;font-size:1rem}.verifying-section input::placeholder{color:#999;font-weight:400}.verifying-section span{color:red;font-size:.9rem}.verifying-section button{width:100%;height:40px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin:1em auto;border:0;outline:0;border-radius:10px;font-weight:500;position:relative;color:#fff}@font-face{font-family:Mukta;src:url(/assets/Mukta-Regular.87c47303.ttf)}:root{--primaryColor: #388E3C;--secondaryColor: #E8F5E9;--colorAccent: #A5D6A7}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;user-select:none;font-family:Mukta,sans-serif}img{pointer-events:none}a{color:var(--primaryColor)}body{background-color:#f7f7f7}.main{width:100%;max-width:1280px;margin:0 auto;padding:.5em}.loading{color:var(--primaryColor);animation:loading 1s infinite}.ripple:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff5;transform:scaleX(0)}.ripple:active:before{animation:ripple .15s cubic-bezier(.23,1,.32,1)}@keyframes loading{to{transform:rotate(360deg)}}@keyframes ripple{to{transform:scaleX(1)}}@media (max-width: 768px){main{width:100%;padding:0}}