body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff}body{overflow-x:hidden}.page-history{background-color:#fff;box-shadow:0 0 12px #000;color:#000;display:flex;flex-direction:row;padding:10px}@media (max-width:768){.page-history{display:flex;flex-direction:column}}.history-text{margin-top:-20px;padding:10px;text-align:justify;word-spacing:5px}.plus{background:#396;border:none;border-radius:10px;box-shadow:0 0 3px rgba(0,0,0,.712);color:#fff;cursor:pointer;font-weight:700;padding:10px}.plus,.plus:hover{transition:.5s ease-in-out}.plus:hover{background-color:#1e90ff;transform:scale(1.1)}.classs{background:url(/static/media/pic_21.de38cc3166600fea02a6.jpeg);background-position:50%;background-size:cover;padding:10px}.form{background-color:#2727276c;border-radius:8px;box-shadow:0 4px 10px #ffffff80;margin:10px 20px 20px;padding:30px;right:0;width:300px}.form h1{color:#f1f1f1;font-size:24px;margin-bottom:20px;text-align:center}.form input[type=email],.form input[type=text],.form textarea{background-color:#444;border:1px solid #bdbdbd;border-radius:5px;box-sizing:border-box;color:#ddd;font-size:15px;margin:10px 0;padding:12px;resize:vertical;width:100%}.form input::placeholder,.form textarea::placeholder{color:#fff}.form button{background-color:#1e90ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:12px;transition:background-color .3s ease;width:100%}.form button:hover{background-color:#1c86e3}.form input[type=email]:focus,.form input[type=text]:focus,.form textarea:focus{border-color:#1e90ff;box-shadow:0 0 5px #1e90ff80;outline:none}footer{bottom:0;box-shadow:0 0 3px #2c2c2c;color:#000;padding:10px;position:relative;text-align:center;width:100%}.container{box-sizing:0 0 5px #00000080;margin-bottom:10px;width:85%}.container p{text-align:justify}#check{display:none}.content-text{display:none;transition:.5 linear}.App label{color:#5350ff;cursor:pointer;display:inline-block;font-family:Courier New,Courier,monospace;font-weight:600;text-decoration:underline;text-underline-offset:5px}.App label:hover{transform:translateY(5px)}#check:checked~.content-text{display:block;transition:1s}#check:checked~.App label{visibility:hidden}#check:checked~.App label:after{content:"Moins";display:block;transition:.5s;visibility:visible}.Super{background:#000;color:#fff;font-family:monospace;font-size:larger;height:100vh;overflow:hidden;text-align:center;width:100%}.Super h1{margin-top:20px}.Super p{margin-bottom:20px}.link-container{margin:1px}.Super a,.link-container{display:inline-block;position:relative}.Super a{background-color:#d8d8d8;border-radius:5px;color:#000;font-weight:700;margin:3px 1px;padding:5px;text-align:center;text-decoration:none;width:120px;z-index:2}.Super a:hover{border:1px solid #fff;box-shadow:0 0 3px #fff;color:#141414;transform:scale(1.2)}.hover-image{height:auto;left:50%;opacity:0;position:fixed;top:40%;transition:opacity .3s ease,transform .3s ease;visibility:hidden;width:150px;z-index:1}.link-container:hover .hover-image{display:block;opacity:1;transform:translateX(-50%) translateY(10px);visibility:inherit}#log-txt{color:#fff;margin-left:75px;padding:10px;position:fixed;top:18px;z-index:1}.top-nav2 .navbar{border-bottom:1px solid #000;box-shadow:0 0 15px #000}.navbar{background:#06f;box-shadow:0 0 7px #000;height:10vh;left:0;position:fixed;top:0;transition:.5s ease-out;width:100%;z-index:100;z-index:0}.navbar ul{justify-content:end;list-style-type:none;text-align:right;transform:translateX(0);transition:transform 1s ease-in-out;transition:2s ease-out}.navbar li:hover{box-shadow:0 0 5px #0000005d;transition:.3s ease-in-out}.navbar li{display:inline-block;margin:0 20px;padding:10px;transition:.3s ease-in-out}.navbar a,.top-nav2 .navbar a{color:#fff;transition:.5s ease-out}.navbar a{text-decoration:none}.navbar.scrolled{background:#0066ff2d;border:none;box-shadow:0 10px 10px #0000;transition:.5s ease-out;width:0}.navbar.scrolled ul{display:none}.navbar.scrolled ul li a{color:#0057b300;transition:.5s ease-out}.loader{animation:spin 2s linear infinite;border:12px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:35px;margin-left:10px;width:35px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Upload{display:flex;margin:0 auto;text-align:center}.App{background-color:#f0f8ff;font-family:Arial,sans-serif;margin:0;min-height:90vh;padding:0}.section{margin:20px 0}.section-header{align-items:center;background:#06f;border:1px solid #ddd;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:color .3s ease;width:260px}.section-header:hover{background-color:#1e90ff}.section-header:hover span{color:#000}.section-header span{color:#fff;flex:1 1;font-family:Courier New,Courier,monospace;font-weight:700;text-align:left}.section-header:hover:after{color:#007bff}.section-header:after{content:"";font-size:20px;transition:color .3s ease}.counters{display:flex;flex-wrap:wrap;justify-content:start;margin-left:-10px;padding:10px 0}.counter-wrapper{align-items:center;display:flex;flex-direction:column;margin:0 15px;width:fit-content}.counter{border:1px solid rgba(0,0,0,.479);border-radius:8px;box-shadow:0 4px 10px #222;height:300px;overflow:hidden;position:relative;width:250px}.counter:hover{transform:scale(1.05)}.counter-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.below-title{color:#000;font-size:1.2em;font-weight:700;margin:5px 0 20px}.below-title,.overlay{transition:opacity .3s ease}.overlay{align-items:center;background-color:#00000080;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;width:100%}.counter:hover .counter-image{transform:scale(1.1)}.counter:hover .overlay{opacity:1}.counter-wrapper:hover .below-title{opacity:0}.title{color:#fff;font-size:1.2em;font-weight:700}.class_section{margin:100px 60px;width:68%}.section-content{opacity:0;overflow:hidden;transform:translateY(-20px);transition:opacity .6s ease,transform .3s ease}.section-content.expanded{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .3s ease}.body-content{display:flex}.booklist{border-radius:8px;box-shadow:0 4px 10px #222;font-family:Courier New,Courier,monospace;height:fit-content;margin:70px 0 0;overflow-x:hidden;overflow-y:scroll;padding:20px;width:20%}.booklist h3{padding:5px;width:285px}.booklist h3:hover{border-radius:5px;box-shadow:0 4px 5px #22222280;cursor:pointer;transform:scale(1.1);transition:.2s ease-in-out}a{color:#000;text-decoration:none}.tabs{justify-content:start}.tab{background:#06f;border-radius:6px 6px 0 0;color:#fff;margin-right:5px;padding:10px 20px;transition:background .3s ease}.tab.active{background:#1e90ff;font-weight:700}.tab:hover{background-color:#1a73e8}.gbody,.gcontainer{overflow-x:hidden}.gcontainer{border:1px solid #000;margin:0;min-height:100vh;width:99%}.gslider .carousel-container{width:1000px}.gslider{margin:80px 0 0 20px;padding:0;width:fit-content;z-index:-1}.slider img{height:400px}.gimages{display:inline-block;margin:0 20px 20px;overflow-x:hidden;padding:10px;width:100%}.gimages img{border-radius:8px;height:300px;margin:10px;width:230px}.gimages img:hover{box-shadow:0 0 5px 3px rgba(0,0,0,.856);transform:scale(1.1);transition:.3s ease-in-out}#xmv{transform:translateY(15px)}#ymv{transform:translateY(-15px)}#xmv:hover,#ymv:hover{transform:translateX(5px)}.page{margin-top:60px}.form-container{border-radius:8px;box-shadow:0 0 3px #000;margin:100px auto;padding:20px;text-align:center;width:300px}.plogin form{display:flex;flex-direction:column}.inbox{margin-bottom:10px}.forgot{cursor:pointer;font-size:10px;margin-bottom:5px;text-align:right}.form-button{align-items:end;background-color:#06f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:15px;margin:0 auto;padding:5px;width:150px}.form-button:hover{box-shadow:0 3px 0 rgba(0,0,0,.137);transform:scale(1.05)}.plogin .form-logo{margin-bottom:-20px;width:180px}.card-form label{background-color:#fff;border:1px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;font-size:16px;font-weight:700;padding:3px 8px;text-decoration:none;transition:all .3s ease}.tabs{display:flex;justify-content:center;margin-bottom:20px}.tab{background-color:#fff;border:1px solid #007bff;color:#007bff;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;padding:12px 24px;transition:all .3s ease}.tab.active,.tab:hover{background-color:#007bff;color:#fff}.tab.active{box-shadow:0 4px 6px #0000001a}.tab-content{background-color:#f9f9f9;border:2px solid #007bff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}.m-tab{border:1px solid #007bff;color:#007bff}.m-tab.active{background-color:#007bff}.card-box{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 10px}.card{animation:fadeIn .5s forwards;border-radius:12px;font-family:Arial,sans-serif;font-size:14px;margin:10px;max-height:400px;max-width:500px;overflow:hidden;position:relative;z-index:0}.heading{align-items:center;background-color:#026eb7;color:#fff;display:flex;padding:10px}.logo{height:auto;margin-right:10px;width:120px}.university-info h2{margin:-15px 0 0}.details p{font-size:14px}.footer{width:100%}.form-logo{margin-bottom:20px;width:150px}.view-button button{background-color:#06f;border:none;color:#fff}.view-button button:hover{background-color:#007b9f}.stu-button{border:1px solid #3a3a3a46;border-radius:5px}.download-button{border:1px solid #008cba}.qr-container{margin-top:-120px}.uploaDoc{margin:0 50%}.DPHU #log-txt{color:#000;margin-left:75px;padding:10px;position:fixed;top:18px;z-index:1}.DPHU .navbarDPHU{background:#d6ba3a;box-shadow:0 0 7px #000;height:10vh;left:0;position:fixed;top:0;transition:.5s ease-out;width:100%;z-index:100;z-index:0}.navbarDPHU ul{justify-content:end;list-style-type:none;text-align:right;transform:translateX(0);transition:transform 1s ease-in-out;transition:2s ease-out}.navbarDPHU li:hover{box-shadow:0 0 5px #0000005d;transition:.3s ease-in-out}.navbarDPHU li{display:inline-block;margin:0 20px;padding:10px;transition:1s ease-in-out}.navbarDPHU a{color:#000;text-decoration:none;transition:1s ease-out}.navbarDPHU.scrolled{background:#0000;box-shadow:0 10px 10px #0000;transition:1s ease-out;visibility:hidden;width:0}.navbarDPHU.scrolled ul li a{color:#0057b300;transition:.5s ease-out}.DPHU .tab-page{background:#d4d4d4;overflow-x:hidden}.DPHU .tabs{display:flex;justify-content:center;margin-bottom:20px}.DPHU .tab{background-color:#d6ba3a;border:1px solid #000;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;padding:12px 24px;transition:all .3s ease}.DPHU .tab:hover{color:#fff;transform:scale(1.05);transition:all .5s ease}.DPHU .tab.active{background-color:#000;border:1px solid #d6ba3a;box-shadow:0 4px 6px #0000001a;color:#d6ba3a}.DPHU .tab-content{background-color:#f9f9f9;border:2px solid #000;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}.DPHU .content{animation:fadeIn .5s ease-in-out;color:#333;font-size:20px}.DPHU .m-tab{background-color:#000;border:1px solid #d6ba3a;color:#007bff;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;padding:5px 10px;transition:all .3s ease}.DPHU .m-tab.active{background-color:#d6ba3a;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:20px}.DPHU .m-tab-content{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;width:fit-content}.DPHU .card-form{margin:0 100px;text-align:center;transition:all .5s ease}.DPHU .cinput{margin-bottom:10px}.DPHU .rot{animation:rotate .6s infinite}.DPHU .card{animation:fadeIn .5s forwards;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;font-family:Arial,sans-serif;font-size:14px;margin:0 auto 20px;max-height:400px;max-width:550px;opacity:1;overflow:hidden;position:relative;transform:translateY(-20px);z-index:0}.DPHU .form-logo{width:150px}.DPHU .heading{background-color:#026eb7;color:#fff;display:flex;justify-content:normal;margin:0}.DPHU .university-info{margin:0}.DPHU .university-info h2{font-size:17px;margin:0}.DPHU .view-button button{background-color:#d6ba3a;border:none;color:#000}.DPHU .view-button button:hover{background-color:#000;color:#ddd;transition:.5s ease}.KISA #log-txt{color:#000;margin-left:75px;padding:10px;position:fixed;top:18px;z-index:1}.KISA .navbarKISA{background:#157649;box-shadow:0 0 7px #000;height:10vh;left:0;position:fixed;top:0;transition:.5s ease-out;width:100%;z-index:100;z-index:0}.navbarKISA ul{justify-content:end;list-style-type:none;text-align:right;transform:translateX(0);transition:transform 1s ease-in-out;transition:2s ease-out}.navbarKISA li:hover{box-shadow:0 0 5px #0000005d;transition:.3s ease-in-out}.navbarKISA li{display:inline-block;margin:0 20px;padding:10px;transition:1s ease-in-out}.navbarKISA a{color:#fff;text-decoration:none;transition:1s ease-out}.navbarKISA.scrolled{background:#0000;box-shadow:0 10px 10px #0000;transition:1s ease-out;visibility:hidden;width:0}.navbarKISA.scrolled ul li a{color:#0057b300;transition:.5s ease-out}.KISA .tab-page{background:#d4d4d4;overflow-x:hidden}.KISA .tabs{display:flex;justify-content:center;margin-bottom:20px}.KISA .tab{background-color:#157649;border:1px solid #000;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;padding:12px 24px;transition:all .3s ease}.KISA .tab:hover{color:#fff;transform:scale(1.05);transition:all .5s ease}.KISA .tab.active{background-color:#fbc537;border:1px solid #157649;box-shadow:0 4px 6px #0000001a;color:#000}.KISA .tab-content{background-color:#f9f9f9;border:2px solid #fbc537;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}.KISA .content{animation:fadeIn .5s ease-in-out;color:#333;font-size:20px}.KISA .card-form{margin:0 100px;text-align:center;transition:all .5s ease}.KISA .cinput{margin-bottom:10px}.KISA .rot{animation:rotate .6s infinite}.KISA .card{animation:fadeIn .5s forwards;border-radius:10px;box-shadow:0 4px 8px #0003;font-family:Arial,sans-serif;font-size:14px;margin:0 auto 20px;max-height:400px;max-width:500px;opacity:1;overflow:hidden;position:relative;transform:translateY(-20px);z-index:0}.KISA .logo{width:100px}.KISA .form-logo{width:150px}.KISA .heading{background-color:#026eb7;color:#fff;display:flex;justify-content:normal;margin:0}.KISA .university-info{margin:0}.KISA .university-info h2{font-size:17px;margin:0}.KISA .view-button button{background-color:#157649;border:none;color:#000}.KISA .view-button button:hover{background-color:#000;color:#ddd;transition:.5s ease}.GOMA #log-txt{color:#000;margin-left:55px;padding:10px;position:fixed;text-transform:uppercase;top:18px;z-index:1}.GOMA .navbarGOMA{background:#f8ccb1;box-shadow:0 0 7px #000;height:10vh;left:0;position:fixed;top:0;transition:.5s ease-out;width:100%;z-index:100;z-index:0}.navbarGOMA ul{justify-content:end;list-style-type:none;text-align:right;transform:translateX(0);transition:transform 1s ease-in-out;transition:2s ease-out}.navbarGOMA li:hover{box-shadow:0 0 5px #0000005d;transition:.3s ease-in-out}.navbarGOMA li{display:inline-block;margin:0 20px;padding:10px;transition:1s ease-in-out}.navbarGOMA a{color:#000;text-decoration:none;transition:1s ease-out}.navbarGOMA.scrolled{background:#0000;box-shadow:0 10px 10px #0000;transition:1s ease-out;visibility:hidden;width:0}.navbarGOMA.scrolled ul li a{color:#0057b300;transition:.5s ease-out}.GOMA .tab-page{background:#d4d4d4;overflow-x:hidden}.GOMA .tabs{display:flex;justify-content:center;margin-bottom:20px}.GOMA .tab{background-color:#f8ccb1;border:1px solid #000;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;padding:12px 24px;transition:all .3s ease}.GOMA .tab:hover{color:#100135;transform:scale(1.05);transition:all .5s ease}.GOMA .tab.active{background-color:#000;border:1px solid #f8ccb1;box-shadow:0 4px 6px #0000001a;color:#f8ccb1}.GOMA .tab-content{background-color:#f9f9f9;border:2px solid #000;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}.GOMA .content{animation:fadeIn .5s ease-in-out;color:#333;font-size:20px}.GOMA .m-tab{background-color:#000;border:1px solid #f8ccb1;color:#007bff;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;padding:5px 10px;transition:all .3s ease}.GOMA .m-tab.active{background-color:#f8ccb1;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:20px}.GOMA .m-tab-content{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;width:fit-content}.GOMA .card-form{margin:0 100px;text-align:center;transition:all .5s ease}.GOMA .cinput{margin-bottom:10px}.GOMA .rot{animation:rotate .6s infinite}.GOMA .card{animation:fadeIn .5s forwards;border-radius:10px;box-shadow:0 4px 8px #0003;font-family:Arial,sans-serif;font-size:14px;margin:0 auto 20px;max-height:400px;max-width:550px;opacity:1;overflow:hidden;position:relative;transform:translateY(-20px);z-index:0}.GOMA .form-logo{width:150px}.GOMA .heading{background-color:#026eb7;color:#fff;display:flex;justify-content:normal;margin:0}.GOMA .logo{width:100px}.GOMA .university-info{margin:-20px 0 0}.GOMA .university-info h2{font-size:17px;margin:0}.student-section{background-color:#fff;border-radius:0 0 10px 10px;padding:15px;text-align:center;z-index:100}.student-section h3{background-color:#026eb7;border:2px solid #fff;border-radius:5px;color:#fff;margin:-25px auto 15px;padding:5px 20px;text-align:center;width:fit-content}.student-info{align-items:center;display:flex;justify-content:left;margin-top:-20px}.photo-container{border:5px solid #fff;border-radius:5px;margin-right:15px;position:relative}.photo{border:2px solid #1c5da2;border-radius:5px;height:150px;margin-bottom:-4px;margin-top:0;position:relative;width:120px}.details p{margin:5px 0;text-align:left}.footer{background-color:#026eb7;border-radius:0 0 10px 10px;color:#fff;font-size:12px;margin-top:-28px;padding:8px;text-align:center}.card-data{display:flex;flex-direction:column;text-align:center;transition:.5s ease;width:200px}.view-button{align-items:top;display:flex;justify-content:center;margin:0 20px}.GOMA .view-button button{background-color:#f8ccb1;border:none;color:#000}.GOMA .view-button button:hover{background-color:#000;color:#ddd;transition:.5s ease}.UNIKAL #log-txt{color:#000;margin-left:75px;padding:10px;position:fixed;text-transform:uppercase;top:18px;z-index:1}.UNIKAL .navbarUNIKAL{background:#88aee5;box-shadow:0 0 7px #000;height:10vh;left:0;position:fixed;top:0;transition:.5s ease-out;width:100%;z-index:100;z-index:0}.navbarUNIKAL ul{justify-content:end;list-style-type:none;text-align:right;text-transform:uppercase;transform:translateX(0);transition:transform 1s ease-in-out;transition:2s ease-out}.navbarUNIKAL li:hover{box-shadow:0 0 5px #0000005d;transition:.3s ease-in-out}.navbarUNIKAL li{display:inline-block;margin:0 20px;padding:10px;transition:1s ease-in-out}.navbarUNIKAL a{color:#fff;text-decoration:none;transition:1s ease-out}.navbarUNIKAL.scrolled{background:#0000;box-shadow:0 10px 10px #0000;transition:1s ease-out;visibility:hidden;width:0}.navbarUNIKAL.scrolled ul li a{color:#0057b300;transition:.5s ease-out}.KAL .tab-page{background:#d4d4d4;overflow-x:hidden}.KAL .tabs{display:flex;justify-content:center;margin-bottom:20px}.KAL .tab{background-color:#88aee5;border:1px solid #000;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;padding:12px 24px;transition:all .3s ease}.KAL .tab:hover{color:#fff;transform:scale(1.05);transition:all .5s ease}.KAL .tab.active{background-color:#f1c100;border:1px solid #157649;box-shadow:0 4px 6px #0000001a;color:#000}.KAL .tab-content{background-color:#f9f9f9;border:2px solid #f1c100;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}.KAL .content{animation:fadeIn .5s ease-in-out;color:#333;font-size:20px}.KAL .card-form{margin:0 100px;text-align:center;transition:all .5s ease}.KAL .cinput{margin-bottom:10px}.KAL .rot{animation:rotate .6s infinite}.UNIKAL .card{animation:fadeIn .5s forwards;border-radius:10px;box-shadow:0 4px 8px #0003;font-family:Arial,sans-serif;font-size:14px;margin:0 auto 20px;max-height:400px;opacity:1;overflow:hidden;position:relative;transform:translateY(-20px);width:500px;z-index:0}.UNIKAL .heading{background-color:#026eb7;color:#fff;display:flex}.UNIKAL .logo{height:auto;margin:0;width:120px}.UNIKAL .university-info{margin:-20px 0 0;text-align:left;width:100%}.UNIKAL .university-info h2{margin-bottom:5px}.UNIKAL .student-section{background-color:#fff;border-radius:0 0 10px 10px;padding:15px;text-align:center;z-index:100}.UNIKAL .student-section h3{background-color:#026eb7;border:2px solid #fff;border-radius:5px;color:#fff;margin:-25px auto 15px;padding:5px 20px;text-align:center;width:fit-content}.UNIKAL .student-info{align-items:center;display:flex;justify-content:left;margin-top:-20px}.UNIKAL .photo-container{border:5px solid #fff;border-radius:5px;margin-right:15px;position:relative}.UNIKAL .photo{border:2px solid #1c5da2;border-radius:5px;height:125px;margin-bottom:-4px;position:relative;width:100px}.UNIKAL .details p{margin:5px 0;text-align:left}.UNIKAL .footer{background-color:#026eb7;border-radius:0 0 10px 10px;color:#fff;font-size:12px;margin-top:-28px;padding:8px;text-align:center}.UNIKAL .card-data{display:flex;flex-direction:column;text-align:center;transition:.5s ease;width:200px}.UNIKAL .UNIKAL .view-button{align-items:top;display:flex;justify-content:center;margin:0 20px}.UNIKAL .UNIKAL .view-button button{background-color:#88aee5;border:none;color:#000}.UNIKAL .UNIKAL .view-button button:hover{background-color:#000;color:#ddd;transition:.5s ease}.MUKEDI .logo-text{border:1px solid #fff;color:#fff;display:flex;flex-direction:row;width:1000px}.MUKEDI #log-txt{color:#fff;margin-left:50px;padding:10px;position:fixed;text-transform:uppercase;top:18px;z-index:1}.MUKEDI .navbarMUKEDI{background:#3d4a6d;box-shadow:0 0 7px #000;height:10vh;left:0;position:fixed;top:0;transition:.5s ease-out;width:100%;z-index:100;z-index:0}.navbarMUKEDI ul{justify-content:end;list-style-type:none;text-align:right;text-transform:uppercase;transform:translateX(0);transition:transform 1s ease-in-out;transition:2s ease-out}.navbarMUKEDI li:hover{box-shadow:0 0 5px #0000005d;transition:.3s ease-in-out}.navbarMUKEDI li{display:inline-block;margin:0 20px;padding:10px;transition:1s ease-in-out}.navbarMUKEDI a{color:#fff;text-decoration:none;transition:1s ease-out}.navbarMUKEDI.scrolled{background:#0000;box-shadow:0 10px 10px #0000;transition:1s ease-out;visibility:hidden;width:0}.logo-text.scrolled{transition:.5s ease-out}.navbarMUKEDI.scrolled ul li a{color:#0057b300;transition:.5s ease-out}.MUKEDI .tab-page{background:#d4d4d4;overflow-x:hidden}.MUKEDI .tabs{display:flex;justify-content:center;margin-bottom:20px}.MUKEDI .tab{background-color:#3d4a6d;border:1px solid #db4144;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;padding:12px 24px;transition:all .3s ease}.MUKEDI .tab:hover{color:#fff;transform:scale(1.05);transition:all .5s ease}.MUKEDI .tab.active{background-color:#db4144;border:1px solid #3d4a6d;box-shadow:0 4px 6px #0000001a;color:#000}.MUKEDI .tab-content{background-color:#f9f9f9;border:2px solid #db4144;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}.MUKEDI .content{animation:fadeIn .5s ease-in-out;color:#333;font-size:20px}.MUKEDI .card-form{margin:0 100px;text-align:center;transition:all .5s ease}.MUKEDI .cinput{margin-bottom:10px}.MUKEDI .rot{animation:rotate .6s infinite}@media (max-width:480px){.tab{font-size:14px;padding:10px 16px}.content{font-size:18px}}.MUKEDI .card{animation:fadeIn .5s forwards;border-radius:10px;box-shadow:0 4px 8px #0003;font-family:Arial,sans-serif;font-size:14px;margin:0 auto 20px;max-height:380px;min-width:500px;opacity:1;overflow:hidden;position:relative;transform:translateY(-20px);z-index:0}.MUKEDI .heading{background-color:#026eb7;color:#fff;display:flex}.MUKEDI .heading .logo{height:80px;margin-bottom:-10px;width:80px}.MUKEDI .university-info{margin:5px 0 0 5px;text-align:left;width:100%}.MUKEDI .university-info h2{margin-bottom:5px}.MUKEDI .student-section{background-color:#fff;border-radius:0 0 10px 10px;margin-top:0;padding:15px;text-align:center;z-index:100}.MUKEDI .student-section h3{background-color:#026eb7;border:2px solid #fff;border-radius:5px;color:#fff;margin:-25px auto 15px;padding:5px 20px;text-align:center;width:fit-content}.MUKEDI .student-info{align-items:center;display:flex;justify-content:left;margin-top:-20px}.MUKEDI .photo-container{border:5px solid #fff;border-radius:5px;margin-right:15px;position:relative}.MUKEDI .photo{border:2px solid #1c5da2;border-radius:5px;height:125px;margin-bottom:-4px;position:relative;width:100px}.MUKEDI .details p{margin:5px 0;text-align:left}.MUKEDI .footer{background-color:#026eb7;border-radius:0 0 10px 10px;color:#fff;font-size:12px;margin-top:-28px;padding:8px;text-align:center}.MUKEDI .card-data{display:flex;flex-direction:column;text-align:center;transition:.5s ease;width:200px}.MUKEDI .view-button{align-items:top;display:flex;justify-content:center;margin:0 20px}.MUKEDI .view-button button{background-color:#3d4a6d;border:none;color:#000}.MUKEDI .view-button button:hover{background-color:#000;color:#ddd;transition:.5s ease}.title-cards{margin-right:30px}.cards-container{display:flex;flex-direction:column;height:320px;overflow-y:auto;padding:0 6px;scroll-behavior:smooth;transition:.5s ease}.stu-button{background-color:#fff;border:1px solid #00000073;border-radius:3px;cursor:pointer;font-size:15px;padding:3px 0 0 8px;text-align:left;width:350px}.stu-button:hover{background-color:#ddd}.crud-button{background-color:#fff0;border:1px solid #0000;border-radius:5px;color:#000;cursor:pointer;margin:0 0 0 5px}.card-item{align-items:center;display:inline-flex;flex-direction:row;justify-content:left;margin:5px 0}.download-button{border:1px solid #000;border-radius:5px;cursor:pointer;font-weight:700;padding:5px}.crud button{margin-right:10px}.download-button:hover{background-color:#008cba;color:#f5f5f5}.UNIM #log-txt{color:#fff;margin-left:65px;padding:10px;position:fixed;text-transform:uppercase;top:18px;z-index:1}.UNIM .navbarUNIM{background:#1cc1e1;box-shadow:0 0 7px #000;height:10vh;left:0;position:fixed;top:0;transition:.5s ease-out;width:100%;z-index:100;z-index:0}.navbarUNIM ul{justify-content:end;list-style-type:none;text-align:right;text-transform:uppercase;transform:translateX(0);transition:transform 1s ease-in-out;transition:2s ease-out}.navbarUNIM li:hover{box-shadow:0 0 5px #0000005d;transition:.3s ease-in-out}.navbarUNIM li{display:inline-block;margin:0 20px;padding:10px;transition:1s ease-in-out}.navbarUNIM a{color:#fff;text-decoration:none;transition:1s ease-out}.navbarUNIM.scrolled{background:#0000;box-shadow:0 10px 10px #0000;visibility:hidden;width:0}.logo-text.scrolled,.navbarUNIM.scrolled{transition:.8s ease-out}.navbarUNIM.scrolled ul li a{color:#0057b300;transition:.5s ease-out}.content{display:inline-block}.app-title p{font-size:1.1vw}.carousel-container{border-radius:8px;overflow:hidden;position:relative;width:50vw}.carousel-inner{display:flex;transition:transform .5s ease-in-out;width:100%}.carousel-slide{height:auto;min-width:100%}.carousel-slide img{height:auto;width:100%}.carousel-button{background-color:#0000;border:none;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.712);cursor:pointer;padding:5px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button.left{left:10px}.carousel-button.right{right:10px}.carousel-button:hover{background-color:#f8f8f8cc}.carousel-dots{bottom:-51px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.carousel-dot{background-color:#fff;border-radius:50%;cursor:pointer;height:5px;margin-top:-70px;transition:background-color .3s ease;width:5px}.carousel-dot.active{background-color:#fbff21;transform:scale(2);transition:.5s ease-in-out}.UNIM .tab-page{overflow-x:hidden}.UNIM .tab-container{font-family:Arial,sans-serif;margin:20px auto;max-width:fit-content}.UNIM .tabs{display:flex;justify-content:center;margin-bottom:20px}.UNIM .tab{background-color:#1cc1e1;border:1px solid #1cc1e1;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;padding:12px 24px;transition:all .3s ease}.UNIM .tab:hover{background-color:#fff;color:#000}.UNIM .tab.active{background-color:#000;box-shadow:0 4px 6px #0000001a;color:#ff0}.UNIM .tab-content{background-color:#f9f9f9;border:2px solid #1cc1e1;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}.content{animation:fadeIn .5s ease-in-out;color:#333;font-size:20px}.m-tab{background-color:#fff;border:1px solid #1cc1e1;color:#1cc1e1;cursor:pointer;display:none;font-size:16px;font-weight:700;margin:0 5px;padding:5px 10px;transition:all .3s ease}.m-tab.active{background-color:#1cc1e1;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:20px}.m-tab-content{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;width:fit-content}.card-form{margin:0 100px;text-align:center;transition:all .5s ease}.cinput{margin-bottom:10px}.rot{animation:rotate .6s infinite}@media (max-width:480px){.UNIM .tab{font-size:14px;padding:10px 16px}.content{font-size:18px}}.UNIM .card{animation:fadeIn .5s forwards;border-radius:10px;box-shadow:0 4px 8px #0003;font-family:Arial,sans-serif;font-size:14px;margin:0 auto 20px;max-height:400px;opacity:1;overflow:hidden;position:relative;transform:translateY(-20px);width:500px;z-index:0}.UNIM .heading{background-color:#026eb7;color:#fff;display:flex}.UNIM .logo{height:auto;width:120px}.UNIM .university-info{margin:-20px 0 0;text-align:left;width:100%}.UNIM .university-info h2{margin-bottom:5px}.UNIM .student-section{background-color:#fff;border-radius:0 0 10px 10px;padding:15px;text-align:center;z-index:100}.UNIM .student-section h3{background-color:#026eb7;border:2px solid #fff;border-radius:5px;color:#fff;margin:-25px auto 15px;padding:5px 20px;text-align:center;width:fit-content}.UNIM .student-info{align-items:center;display:flex;justify-content:left;margin-top:-20px}.UNIM .photo-container{border:5px solid #fff;border-radius:5px;margin:0 0 6px;position:relative}.UNIM .photo{border:2px solid #1c5da2;border-radius:5px;height:130px;margin-bottom:-4px;margin-top:0;position:relative;width:105px}.UNIM .details p{margin:5px 0;text-align:left}.UNIM .footer{background-color:#026eb7;border-radius:0 0 10px 10px;color:#fff;font-size:12px;margin-top:-28px;padding:8px;text-align:center}.UNIM .card-data{display:flex;flex-direction:column;text-align:center;transition:.5s ease;width:200px}.UNIM .form-logo{margin-bottom:20px;width:150px}.UNIM .view-button{display:flex;justify-content:center;margin:0 20px}.UNIM .view-button button{background-color:#1cc1e1;border:none;color:#fff}.UNIM .view-button button:hover{background-color:#007b9f}.UNIM .title-cards{margin-right:30px}.UNIM .cards-container{display:flex;flex-direction:column;transition:.5s ease}.UNIM .stu-button{background-color:#fff;border:1px solid #3a3a3a46;border-radius:5px;cursor:pointer;font-size:15px;padding:3px 0 0 8px;text-align:left;width:350px}.UNIM .stu-button:hover{background-color:#ddd}.UNIM .crud-button{background-color:#fff0;border:1px solid #0000;border-radius:5px;color:#000;cursor:pointer;margin:0 0 0 5px}.UNIM .card-item{align-items:center;display:inline-flex;flex-direction:row;justify-content:left;margin:5px 0}.UNIM .download-button{border:1px solid #008cba;border-radius:5px;cursor:pointer;font-weight:700;padding:5px}.UNIM .crud button{margin-right:10px}.UNIM .download-button:hover{background-color:#008cba;color:#f5f5f5}.form-blt{border-radius:"10px";margin:"0 auto";overflow-x:hidden;padding:"20px";text-align:center;width:"100%"}.form-blt input{margin-bottom:10px;width:250px}.recu input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin:5px 4px;padding:5px;width:250px}.recu button{border:1px solid #007bff;border-radius:4px;cursor:pointer;font-family:Courier New,Courier,monospace;font-weight:700;min-width:fit-content;padding:5px;text-transform:uppercase;width:200px}.recu button:hover{background-color:#06f;color:#fff}.delete-btn,.downbtn{align-items:center;margin:-10px 0 0 10px!important;padding:2px 10px!important;text-transform:none!important;width:fit-content!important}.delete-btn:hover{background-color:red!important;border:1px solid #000!important;color:#fff!important}.fbtn{text-align:center}.recu-body{background-color:#fff;border:1px solid #000;box-shadow:0 0 7px rgba(0,0,0,.788);margin:10px 0;padding:10px;width:650px}.frecu{align-items:center;margin-top:-20px;text-align:left;width:250px}.frecu img{margin:-15px 0;width:130px}.frecu span,p{display:block;font-size:13px;margin-top:10px}.school-pic{align-items:flex-end;display:flex;justify-content:space-between}.stu-pic{height:160px;transform:translateY(-20px);width:150px}.stup strong{font-family:monospace}.receipt-list{display:flex;flex-direction:column-reverse;margin-top:20px}.receipt-item{margin-bottom:10px}.receipt-toggle{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.receipt-toggle:hover{background-color:#0056b3}.qr-container{margin-top:-65px;text-align:right}.qr-code{height:120px;width:120px}.stup{font-size:14px}.ISTAM #log-txt{color:#000;margin-left:75px;padding:10px;position:fixed;top:18px;z-index:1}.navbarS{background:#c8810f;box-shadow:0 0 7px #000;height:10vh;left:0;position:fixed;top:0;width:100%;z-index:100;z-index:0}.navbarS,.navbarS a{transition:.5s ease-out}.navbarS a{color:#000;text-decoration:none}.ISTAM .card-box{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 10px}.ISTAM .card{animation:fadeIn .5s forwards;border-radius:12px;font-family:Arial,sans-serif;font-size:14px;margin:10px;min-height:400px;min-width:450px;overflow:hidden;position:relative;z-index:0}.ISTAM .heading{align-items:center;background-color:#c8810c;color:#fdfdfd;display:flex;font-family:Courier New,Courier,monospace;font-size:11px;padding:10px}.ISTAM .logo{height:auto;margin-right:10px;width:120px}.ISTAM .university-info h2{margin:5px 0 0}.ISTAM .student-section{background-color:#fff;border-radius:0 0 10px 10px;padding:15px;text-align:center;z-index:100}.ISTAM .student-section h3{background-color:#c8810c;border:2px solid #fff;border-radius:5px;color:#fff;margin:-25px auto 15px;padding:5px 20px;text-align:center;width:fit-content}.ISTAM .student-info{align-items:center;display:flex;justify-content:left;margin-top:-20px}.ISTAM .photo-container{border:8px solid #fff;border-radius:5px;margin:0 5px 5px;position:relative}.ISTAM .photo{border:2px solid #1c5da2;border-radius:5px;height:130px;margin-bottom:-4px;position:relative;width:100px}.ISTAM .details p{font-size:14px;margin:5px 15px 0;text-align:left}.ISTAM .footer{background-color:#c8810c;border-radius:0 0 10px 10px;color:#fff;font-family:Courier New,Courier,monospace;font-size:12px;margin-top:-28px;min-width:480px;padding:10px;text-align:center;width:96%}.ISTAM .card-data{display:flex;flex-direction:column;text-align:center;transition:.5s ease;width:200px}.ISTAM .form-logo{margin-bottom:20px;width:150px}.ISTAM .view-button{display:flex;justify-content:center;margin:0 20px}.ISTAM .view-button button{background-color:#c8810c;border:1px solid #000000fd;color:#000}.ISTAM .view-button button:hover{background-color:#aa6c09}.ISTAM .title-cards{margin-right:30px}.ISTAM .cards-container{display:flex;flex-direction:column;transition:.5s ease}.ISTAM .stu-button{background-color:#fff;border:1px solid #3a3a3a46;border-radius:5px;cursor:pointer;font-size:15px;padding:3px 0 0 8px;text-align:left;width:350px}.ISTAM .stu-button:hover{background-color:#ddd}.ISTAM .crud-button{background-color:#fff0;border:1px solid #0000;border-radius:5px;color:#000;cursor:pointer;margin:0 0 0 5px}.ISTAM .card-item{align-items:center;display:inline-flex;flex-direction:row;justify-content:left;margin:5px 0}.ISTAM .download-button{border:1px solid #008cba;border-radius:5px;cursor:pointer;font-weight:700;padding:5px}.ISTAM .crud button{margin-right:10px}.ISTAM .download-button:hover{background-color:#008cba;color:#f5f5f5}.ISTAM recu input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin:5px 4px;padding:5px;width:250px}.ISTAM .recu button{border:1px solid #007bff;border-radius:4px;cursor:pointer;font-family:Courier New,Courier,monospace;font-weight:700;min-width:fit-content;padding:5px;text-transform:uppercase;width:200px}.ISTAM .recu button:hover{background-color:#06f;color:#fff}.ISTAM .downbtn,.delete-btn{align-items:center;margin:-10px 0 0 10px!important;padding:2px 10px!important;text-transform:none!important;width:fit-content!important}.ISTAM .delete-btn:hover{background-color:red!important;border:1px solid #000!important;color:#fff!important}.ISTAM .fbtn{text-align:center}.ISTAM .recu-body{background-color:#fff;border:1px solid #000;box-shadow:0 0 7px rgba(0,0,0,.788);margin:10px 0;padding:10px;width:650px}.ISTAM .frecu{align-items:center;margin-top:-20px;text-align:left;width:850px}.ISTAM .frecu img{margin:-15px 0;width:130px}.ISTAM frecu span,p{display:block;font-size:13px;margin-top:10px}.ISTAM school-pic{align-items:flex-end;display:flex;justify-content:space-between}.ISTAM stu-pic{height:160px;transform:translateY(-20px);width:150px}.ISTAM .stup strong{font-family:monospace}.ISTAM .receipt-list{margin-top:20px}.ISTAM .receipt-item{margin-bottom:10px}.ISTAM .receipt-toggle{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.ISTAM .receipt-toggle:hover{background-color:#0056b3}.ISTAM .qr-container{margin-top:-120px;text-align:right}.ISTAM .qr-code{height:120px;width:120px}.ISTAM .stup{font-size:14px}.App{overflow-x:hidden;overflow-y:scroll}.logo-text{border:1px solid #000;display:flex;flex-direction:row;width:1000px}.top-nav2 #log-txt{color:#fff}.UND #log-txt{color:#fff;margin-left:75px;padding:10px;position:fixed;top:18px;z-index:1}#log-txt:hover{box-shadow:0 0 5px #0000005d;transition:.3s ease-in-out}.top-nav2 .navbarS{border-bottom:1px solid #000;box-shadow:0 0 15px #000}.UND .navbarS{background:blue;box-shadow:0 0 7px #000;height:10vh;left:0;position:fixed;top:0;transition:.5s ease-out;width:100%;z-index:100;z-index:0}.navbarS ul{justify-content:end;list-style-type:none;text-align:right;transform:translateX(0);transition:transform 1s ease-in-out;transition:2s ease-out}.navbarS li:hover{box-shadow:0 0 5px #0000005d;transition:.3s ease-in-out}.navbarS li{display:inline-block;margin:0 20px;padding:10px;transition:.3s ease-in-out}.UND .navbarS a,.top-nav2 .navbarS a{color:#fff;transition:.5s ease-out}.UND .navbarS a{text-decoration:none}.navbarS.scrolled{background:#0066ff2d;border:none;box-shadow:0 10px 10px #0000;transition:.5s ease-out;width:0}.navbarS.scrolled ul{display:none}.logo-text.scrolled{display:none;visibility:hidden}.logo{transition:transform .5s ease,opacity .5s ease}.hide-logo,.hide-tex{opacity:0;transform:scale(0);transition:.5s ease-out}.navbarS.scrolled ul li a{color:#0057b300;transition:.5s ease-out}.tab-page{overflow-x:hidden}.tab-container{font-family:Arial,sans-serif;margin:20px auto;max-width:fit-content}.ISTAM .tabs{display:flex;justify-content:center;margin-bottom:20px}.ISTAM .tab{background-color:#fff;border:1px solid #000;color:#001a6a;cursor:pointer;font-size:16px;font-weight:700;margin:0 5px;padding:12px 24px;transition:all .3s ease}.ISTAM .tab:hover{background-color:#001a6a;color:#fff}.ISTAM .tab.active{background-color:#095fff;box-shadow:0 4px 6px #0000001a;color:#fff}.ISTAM .tab-content{background-color:#f9f9f9;border:2px solid #001a6a;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}.ISTAM .content{animation:fadeIn .5s ease-in-out;color:#333;font-size:20px}.ISTAM .m-tab{background-color:#fff;border:1px solid #001a6a;color:#001a6a;cursor:pointer;display:none;font-size:16px;font-weight:700;margin:0 5px;padding:5px 10px;transition:all .3s ease}.ISTAM .m-tab.active{background-color:#001a6a;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:20px}.ISTAM .m-tab-content{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;width:fit-content}.ISTAM .card-form{margin:0 100px;text-align:center;transition:all .5s ease}.ISTAM .cinput{margin-bottom:10px}.ISTAM .rot{animation:rotate .6s infinite}@keyframes rotate{to{transform:rotate(90deg)}50%{transform:rotate(45deg)}0%{transform:rotate(0deg)}}@media (max-width:480px){.ISTAM .tab{font-size:14px;padding:10px 16px}.ISTAM .content{font-size:18px}}.stu-card{display:flex}.UND .card-box{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 10px}.UND .card{animation:fadeIn .5s forwards;border-radius:12px;font-family:Arial,sans-serif;font-size:14px;margin:10px;min-height:400px;min-width:450px;overflow:hidden;position:relative;z-index:0}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.UND .heading{align-items:center;background-color:#008cba;color:#fdfdfd;display:flex;font-family:Courier New,Courier,monospace;font-size:11px;padding:10px}.UND .logo{height:auto;margin-right:10px;width:120px}.UND .university-info h2{margin:5px 0 0}.UND .student-section{background-color:#fff;border-radius:0 0 10px 10px;padding:15px;text-align:center;z-index:100}.UND .student-section h3{background-color:#008cba;border:2px solid #fff;border-radius:5px;color:#fff;margin:-25px auto 15px;padding:5px 20px;text-align:center;width:fit-content}.UND .student-info{align-items:center;display:flex;justify-content:left;margin-top:-20px}.UND .photo-container{border:8px solid #fff;border-radius:5px;margin:0 5px 5px;position:relative}.UND .photo{border:2px solid #1c5da2;border-radius:5px;height:130px;margin-bottom:-4px;position:relative;width:100px}.UND .details p{font-size:14px;margin:5px 15px 0;text-align:left}.UND .footer{background-color:#008cba;border-radius:0 0 10px 10px;color:#fff;font-family:Courier New,Courier,monospace;font-size:12px;margin-top:-28px;min-width:480px;padding:10px;text-align:center;width:96%}.UND .card-data{display:flex;flex-direction:column;text-align:center;transition:.5s ease;width:200px}.UND .form-logo{margin-bottom:20px;width:150px}.UND .view-button{display:flex;justify-content:center;margin:0 20px}.UND .view-button button{background-color:#f9e105;border:1px solid #000000fd;color:#000}.UND .view-button button:hover{background-color:#cab603}.UND .title-cards{margin-right:30px}.UND .cards-container{display:flex;flex-direction:column;transition:.5s ease}.UND .stu-button{background-color:#fff;border:1px solid #3a3a3a46;border-radius:5px;cursor:pointer;font-size:15px;padding:3px 0 0 8px;text-align:left;width:350px}.UND .stu-button:hover{background-color:#ddd}.UND .crud-button{background-color:#fff0;border:1px solid #0000;border-radius:5px;color:#000;cursor:pointer;margin:0 0 0 5px}#del:hover{background-color:#ff2911;color:#fff}.UND .card-item{align-items:center;display:inline-flex;flex-direction:row;justify-content:left;margin:5px 0}.UND .download-button{border:1px solid #008cba;border-radius:5px;cursor:pointer;font-weight:700;padding:5px}.UND .crud button{margin-right:10px}.UND .download-button:hover{background-color:#008cba;color:#f5f5f5}.transcript-wrapper{border-radius:10px;overflow-x:hidden;padding:20px;text-align:center;width:100%}.trans-form input{margin-bottom:10px;width:500px}.transcript-preview table{border-collapse:collapse;width:100%}.transcript-preview td,.transcript-preview th{border:1px solid #000;padding:8px;text-align:left}.transcript-preview th{background-color:#f4f4f4}.transcript-preview td{text-align:center}.name-tag{align-items:center;cursor:pointer;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin:0 0 10px;padding:7px;text-transform:capitalize;width:280px}.name-space{display:flex;width:fit-content}.trans-form .download-button{margin-right:10px;width:150px}.trans-form input{margin-right:5px}.name-space .crud-btn{margin-left:10px;padding:7px}#crd-delete:hover{background:red;border:none;border-radius:5px;color:#f0f8ff;font-weight:700;padding:7px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:5px;overflow-y:auto}p{font-size:15px}.close-modal-btn{background-color:#0000;border:none;border-radius:50%;color:#000;cursor:pointer;padding:1px;position:fixed;right:20px;top:5px}.close-modal-btn:hover{color:#fff;transform:scale(1.2)}.recu{margin:0 100px}.page-image{text-align:center}.page-image img{width:200px}.UND .recu input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin:5px 4px;padding:5px;width:250px}#f-img{padding:0}.UND .recu button{border:1px solid #007bff;border-radius:4px;cursor:pointer;font-family:Courier New,Courier,monospace;font-weight:700;min-width:fit-content;padding:5px;text-transform:uppercase;width:200px}.UND .recu button:hover{background-color:#06f;color:#fff}.UND .downbtn,.delete-btn{align-items:center;margin:-10px 0 0 10px!important;padding:2px 10px!important;text-transform:none!important;width:fit-content!important}.UND .delete-btn:hover{background-color:red!important;border:1px solid #000!important;color:#fff!important}.UND .fbtn{text-align:center}.UND .recu-body{background-color:#fff;border:1px solid #000;box-shadow:0 0 7px rgba(0,0,0,.788);margin:10px 0;padding:10px;width:650px}.UND .frecu{align-items:center;margin-top:-20px;text-align:left;width:850px}.UND .frecu img{margin:-15px 0;width:130px}.UND .frecu span,p{display:block;font-size:13px;margin-top:10px}.UND .school-pic{align-items:flex-end;display:flex;justify-content:space-between}.UND .stu-pic{height:160px;transform:translateY(-20px);width:150px}.UND .stup strong{font-family:monospace}.UND .receipt-list{margin-top:20px}.UND .receipt-item{margin-bottom:10px}.UND .receipt-toggle{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.UND .receipt-toggle:hover{background-color:#0056b3}.UND .qr-container{margin-top:-120px;text-align:right}.UND .qr-code{height:120px;width:120px}.UND .stup{font-size:14px}.search-page{margin:0 20px}.search-page .srch-txt,.search-page img{text-align:center}.search-page .search-in{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:20px 0}.search-page .search-in input{border:1px solid #026eb7;border-radius:5px;font-size:18px;margin-right:5px;padding:10px;width:500px}.search-page .search-btn{background-color:#06f;border:1px solid #026eb7;border-radius:5px;color:#fff;cursor:pointer;height:44px;margin:0 2px;width:50px}.search-page .search-btn:hover{background-color:#026eb7}.srch-button{border:1px solid #007bff;border-radius:4px;cursor:pointer;font-family:Courier New,Courier,monospace;font-weight:700;min-width:fit-content;padding:5px;text-transform:uppercase;width:200px}.search-results{margin:0 30px;width:700px}.search-results ul{list-style-type:none;margin:0 -25px;padding:0;text-align:left}.search-results ul li{margin:10px 0}.uploaDoc{margin:0 100px;text-align:center;width:100%}.upinput,.uplo-form{border:1px solid #0000005d;border-radius:5px;margin:10px;padding:10px}.uplo-form{box-shadow:0 0 7px #0000005d;display:flex;flex-direction:column}.uplabel{border:1px solid #0000005d;border-radius:5px;font-family:Courier New,Courier,monospace;font-size:13px;margin:10px;padding:10px}.student_srch{flex:1 1}.xp{display:flex;flex-direction:column;height:100vh}.search-page #out{display:none}.choose-box .search-page #out{display:block}.choose-box .search-page #in{display:none}.xp footer{margin:auto;padding:10px 0;width:100%!important}.choose-box,.xp footer{border:1px solid #0000005d}.choose-box{border-radius:5px;box-shadow:0 0 7px #0000005d;font-family:Courier New,Courier,monospace;margin:100px auto;width:600px}.student_srch .choose-box{width:90%}.option .choose-box{text-align:center}.student_srch .choose-box{margin:80px auto}#tab5{display:none}.choose-btn{background:#008cff;border:1px solid #0000005d;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;font-weight:bolder;padding:10px;width:250px}.choose-btn a{color:#fff;text-decoration:none}.choose-box button:last-child{margin-bottom:30px}#last-btn{margin-top:-35px}.choose-btn:hover{background:#06f;transition:.3s ease-in-out}hr{height:1px;margin:-10px 100px 20px}.choose-box .srch-txt img{display:none}.student_srch .search-page .search-btn{margin-top:30px}
/*# sourceMappingURL=main.148030fe.css.map*/