body,html{scroll-behavior:smooth}#nav,#nav.fixed{padding-bottom:20px!important}#nav.active~main,.btn,a,button,header,main{position:relative}.filter,.help-open,.mob-icon,.nav-open label,a,ul.campus-cont li{cursor:pointer}.m-h-100,.sidebar{min-height:100vh;}:root{--dark-color:29,29,7;--light-color:251,251,251;--clr-1:0,89,163;--clr-2:58,170,53;--clr-1-2:0,48,87}html,select{scrollbar-width:thin}/*! Other Browser */::-webkit-scrollbar{width:8px;height:8px !important;}body,select{scrollbar-width:8px}::-webkit-scrollbar-thumb{border-radius:10px;background-image:linear-gradient(rgba(var(--dark-color),1),rgba(var(--dark-color),1))}html{font:400 18px/1.5 Lato,sans-serif}.small,input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,table,textarea{font-size:16px}body{margin:0;right:0;-webkit-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out;-webkit-overflow-scrolling:touch;font-family:Lato,sans-serif;color:rgba(var(--dark-color),1);background:rgba(var(--light-color),1);overflow-x:hidden}footer,section{overflow-x:hidden;overflow-y:visible}*{box-sizing:border-box}*,:after,:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a{outline:0;text-decoration:none;color:inherit;transition-duration:.8s}.text-white a.active,.text-white a:active,.text-white a:focus,.text-white a:hover,a.active,a:active,a:focus,a:hover{color:rgba(var(--clr-2),1)!important;outline:0!important;text-decoration:none}.fw-700,b,strong{font-weight:700}audio,img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-style:normal;text-transform:capitalize}.f-50{font-size:50px}.f-30{font-size:30px}.clr-1{color:rgba(var(--clr-1),1)}.breadcrumb-item.active,.clr-2,.navdropdown:hover .subhead{color:rgba(var(--clr-2),1)}.clr-w,.new{color:rgba(var(--light-color),1)}.bg-1,.new{background:rgba(var(--clr-1),1)}.bg-1-2,.drp-calendar thead tr:nth-child(2){background:rgba(var(--clr-1-2),1)}.bg-2{background:rgba(var(--clr-2),1)}.bg-w,.dropdown-cont,.nav-open label span{background:rgba(var(--light-color),1)}.bg-b{background:rgba(var(--dark-color),1)}.bg-g{background:linear-gradient(rgba(var(--clr-1),1),rgba(var(--clr-1-2),1))}.bg-1-l{background:rgba(var(--clr-1),.11)}.bg-2-l{background:rgba(var(--clr-2),.11)}.f-80{font-size:80px}.f-45{font-size:45px}.f-35{font-size:35px}.f-24{font-size:24px}.f-20{font-size:20px}.fw-400{font-weight:400}.btn,button{background:rgba(var(--clr-1),1);padding:10px;color:#fff;transition-duration:.8s;border-radius:15px;border:none}button.search{position:absolute;top:0;right:0;background:rgba(var(--dark-color),.2)!important;padding:9px 15px}.btn:active,.btn:focus,.btn:hover,button:active,button:focus,button:hover{transition-duration:.8s;outline:0;background:rgba(var(--clr-2),1)!important}.form-control,.select2-selection,input.form-control,select{background:rgba(var(--dark-color),.2)!important;color:rgba(var(--dark-color),1)!important;border:unset!important;padding:10px 15px!important;box-shadow:unset!important;transition-duration:.8s;height:auto!important;border-radius:15px!important}.filter-cont.active,.user img{height:100%}.select2-container{width:100%!important}.form-control:focus,input:focus{outline:0;background:rgba(var(--light-color),1);color:rgba(var(--clr-1),1);border:1px solid rgba(var(--clr-1),1);box-shadow:none}.form-control::placeholder,input::placeholder{color:rgba(var(--dark-color),1);opacity:1}.form-control:focus::placeholder,input:focus::placeholder{color:rgba(var(--clr-1),1)}.text-white .form-control,.text-white input,.text-white select{color:rgba(var(--light-color),1)!important}.text-white .form-control:focus,.text-white input:focus{background:rgba(var(--clr-3),1);border:1px solid rgba(var(--clr-2),1)}.campus-cont,.dropdown-cont{border-radius:0 0 15px 15px;box-shadow:0 16px 36px rgba(var(--dark-color),.3);position:absolute}.text-white .form-control::placeholder,.text-white input::placeholder{color:rgba(var(--light-color),1);opacity:1}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}label.h{position:absolute;opacity:0;z-index:-999999999}.bg{background-size:cover;background-position:center;background-attachment:fixed}@supports (-moz-appearance:none){SELECT{-moz-appearance:none!important;background:url(data:image/gif; base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==) right center no-repeat!important;background-position:calc(100% - 5px) center!important}}.campus-cont{opacity:0;transition:height .8s ease-in;height:0;overflow:hidden;top:100%;background:rgba(var(--clr-1),1);padding:10px;width:100%;right:0}#nav,.navdropdown,.navdropdown-cont{transition-duration:.8s}.filter,.help,.mob-icon,main{transition:.8s}ul.campus-cont.active{opacity:1;transition:height .8s ease-out;height:auto;max-height:max-content}.mob-icon.active{transform:rotate(180deg)}.dropdown-cont{width:250px;color:rgba(var(--dark-color),1);display:none;z-index:99}.help{position:fixed;top:0}.accordion-item,button.accordion-button{background:0 0!important;color:inherit!important}.dropdown-cont li{padding:10px 15px;cursor:pointer}#nav:hover .accordion-collapse.show,.dropdown:hover .dropdown-cont,.navdropdown:hover .navdropdown-cont{display:block!important}.icon{width:30px}.nav-open label{display:flex;flex-direction:column;width:100%}.nav-open label span{border-radius:10px;height:2px;margin:2px 0;transition:.4s cubic-bezier(.68, -.6, .32, 1.6)}.nav-open span:first-of-type{width:50%}.nav-open span:nth-of-type(2){width:100%}.nav-open span:nth-of-type(3){width:75%}.nav-is-close #nav .accordion-collapse.show,.nav-open input[type=checkbox],.navdropdown-cont{display:none}.nav-open input[type=checkbox]:checked~span:first-of-type{transform-origin:bottom;transform:rotatez(45deg) translate(1px,-1px)}.nav-open input[type=checkbox]:checked~span:nth-of-type(2){transform-origin:top;transform:rotatez(-45deg)}header{top:0;z-index:9999}#nav{width:50px;left:0;z-index:999;padding-top:5em!important;}#nav.fixed{padding-top:20px!important}#nav .module{min-width:150px}#nav .accordion-button::after,#nav .module{opacity:0;pointer-events:none;transition-duration:1s;visibility:hidden}#nav.active .accordion-button::after,#nav.active .module,#nav:hover .accordion-button::after,#nav:hover .module{opacity:1;pointer-events:initial;visibility:visible}.nav-open input[type=checkbox]:checked~span:nth-of-type(3){transform-origin:bottom;width:50%;transform:translate(12px,-1px) rotatez(45deg)}.navdropdown:hover .fa-angle-down{transform:rotate(181deg)}button.accordion-button{border:none;box-shadow:none!important;overflow:hidden;padding:10px 18px!important}.bg-g .accordion-button::after{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(103%);flex-shrink:0}.accordion-item{border:none!important}.accordion-button:hover,.accordion-button:not(.collapsed){background-color:rgba(var(--clr-1-2),1)!important;color:rgba(var(--light-color),1)!important}.accordion-button.active{background:rgba(var(--clr-2),1)!important}main{width:calc(100% - 55px);left:55px;min-height:90vh;padding:1%;}#nav.active~main{width:calc(100% - 310px);left:310px}.logo{text-align:center;display:block}.logo img{max-width:120px;margin:0 auto}.school-logo{width:45px;height:45px;overflow:hidden;border-radius:50%;margin:0 !important;}.br,.filter{border-radius:15px}.school-logo img{width:100%;height:100%;object-fit:scale-down;object-position:center}.help{right:0;z-index:99999;height:100vh;box-shadow:-16px 0 36px rgba(var(--dark-color),.2);overflow-y:scroll;transform:translateX(300%)}.help.active{transform:translateX(0)}div#Helpaccordion{min-height:50vh}button.close{border-radius:50%;padding:10px 15px;width:auto}.help button.close{position:absolute;top:2px;left:0}.filter{width:100%;padding:10px 15px}.filter.active,.filter:hover{background-color:rgba(var(--clr-1),1);color:rgba(var(--light-color),1)}.filter-cont{overflow:hidden;width:100%;height:0;transition:height .3s ease-in-out .1s}.box{box-shadow:0 16px 36px rgba(var(--dark-color),.08)}.modal-header,thead tr{background:rgba(var(--clr-1),1);color:rgba(var(--light-color),1)}table{border-spacing:0 20px!important;border-collapse:separate!important;white-space:nowrap!important}tbody tr:nth-child(odd){background:rgba(var(--clr-2),.11)!important}tbody tr:nth-child(2n){background:rgba(var(--clr-1),.11)!important}td,th{padding:10px 5px!important}.sidebar{position:sticky;top:0}.drp-calendar tbody tr{background-color:rgba(var(--light-color),1)!important}.daterangepicker td.in-range{background-color:rgba(var(--clr-2),.2)!important}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:rgba(var(--clr-1),1)!important}.daterangepicker .calendar-table table{border-spacing:0!important;border-collapse:collapse!important}.modal-header .btn-close{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(237deg) brightness(100%) contrast(102%)}.user{height:25px;width:25px;overflow:hidden;margin:0;border-radius:50%}.user img{width:100%;object-fit:cover}#nav-item-last button.accordion-button{max-height:50px}@media (max-width:1367px){body{font-size:16px}table{font-size:14px}.small{font-size:12px}.f-24{font-size:20px}.f-20{font-size:18px}}@media (max-width:1281px){.school-logo{width:45px;height:45px}body{font-size:14px}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,table,textarea{font-size:12px}.small{font-size:10px}.f-24{font-size:18px}.f-20{font-size:16px}}@media (max-width:1025px){.icon{width:20px}}@media (max-width:913px){.sidebar{position:static;top:0;min-height:auto}body{font-size:14px}.small{font-size:9px}.f-md{position:fixed;bottom:0;padding-top:10px;padding-bottom:10px;background-color:rgba(var(--clr-1),1);box-shadow:0 -16px 36px rgba(var(--dark-color),.05);z-index:999999}header{z-index:99999999}.dropdown-cont{left:0;right:0;width:100vw;position:fixed;bottom:5vh;display:block;height:0;transition-duration:.8s;overflow:hidden}.active .dropdown-cont{height:95vh}.nav-open input[type=checkbox]:checked~span:nth-of-type(3){transform-origin:bottom;width:50%;transform:translate(10px,-3px) rotatez(45deg)}.nav-open input[type=checkbox]:checked~span:first-of-type{transform-origin:bottom;transform:rotatez(45deg) translate(2px,0)}}@media screen and (max-width:576px){header{z-index:auto}#nav{width:80vw;position:fixed;left:0;transition-duration:.8s;z-index:999;transform:translate(-300%);padding-top:20px!important}#nav.active{transform:translate(0)}#nav .accordion-button::after,#nav .module{opacity:1;pointer-events:initial;visibility:visible}#nav.active~main,main{width:100%;position:static;transition:.8s}.f-24{font-size:18px}.f-20{font-size:16px}}@media screen and (max-width:376px){body{font-size:13px}.small{font-size:8px}.f-24{font-size:17px}.f-20{font-size:15px}}@media screen and (max-width:370px){.form-area{top:1%}body{font-size:11px}.f-24{font-size:14px}.f-20{font-size:13px}}.nav-bar .accordion-button,.nav-bar .f-20{font-size:15px!important}.accordion-body button.accordion-button.collapsed {padding: 10px 9px !important;}.accordion-body {padding: 10px;}
.campus-selcected .mob-icon{position: relative;top:6.75px;left:15px;font-size:16px;}.campus-head{font-size:17px;}.campus-selcected{font-size: 15px;}.nav-scroller::-webkit-scrollbar {width: 7px;}.nav-scroller::-webkit-scrollbar-thumb {background-color: rgba(var(--dark-color), 0.7);border-radius: 10px;}.nav-scroller::-webkit-scrollbar-track {background-color: transparent;}.nav-bar .accordion-button::after{width: 20px !important;height:20px !important;background-size: 100%!important;}
.nav-scroller{overflow: hidden;height:100%;display: block;position: fixed;top: 0;left: 0;z-index: 999;overflow-y:scroll}#nav.active{width:300px}#nav:hover{width:300px}.campus-col{padding-left:4%;}.sidebar .bg-2-l{min-height: 100vh;padding:0 10px;}
.document-upload-wrapper .input-group{width:100%}.document-upload-wrapper .upload-btn{cursor:pointer;background:#f8f9fa;border-color:#dee2e6}.document-upload-wrapper .upload-btn:hover{background:#e9ecef}.document-upload-wrapper .file-name{background-color:#fff;cursor:default}.document-upload-wrapper small{font-size:11px}.document-upload-wrapper .error-msg{position:absolute;bottom:-18px}.picture-upload-wrapper{position:relative;}.picture-container{position:relative;cursor:pointer}.student-picture{display:block;width:100%;border:2px solid #dee2e6;border-radius:5px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;border-radius:5px}.upload-overlay .upload-btn{color:#fff;cursor:pointer;padding:8px 12px;border-radius:4px;background:rgba(255,255,255,.2);transition:background .3s}.upload-overlay .upload-btn:hover{background:rgba(255,255,255,.3)}.image-action-btn{position:absolute;padding:5px 8px!important;border-radius:4px!important;opacity:0;transition:opacity .3s}.picture-container:hover .image-action-btn{opacity:1}.submit-btn{top:5px;right:5px}.delete-btn{top:5px;left:5px}.view-img-btn{top:5px;left:37px}.view-img-btn:hover i{color: white;}.view-img-btn:focus i{color: white;}.image-action-btn:hover{transform:scale(1.1)}.document-container{position:relative}.document-placeholder{display:block;width:100%;height:150px;border:2px solid #dee2e6;border-radius:5px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s}.document-placeholder:hover{border-color:#0059a3}.document-placeholder img{width:100%;height:100%;object-fit:contain;padding:20px}.document-placeholder img[src*="placeholder.webp"]{padding:20px;opacity:.6}.document-placeholder img:not([src*="placeholder.webp"]){padding:5px}.document-placeholder .upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.document-placeholder:hover .upload-overlay{opacity:1}.document-placeholder .upload-overlay i{color:#fff;font-size:24px}.document-container .error-msg{position:absolute;bottom:-20px;left:0}.document-action-btn{position:absolute;padding:5px 8px!important;border-radius:4px!important;opacity:0;transition:opacity .3s;top:5px;left:5px;z-index:10}.document-placeholder:hover .document-action-btn{opacity:1}.view-doc-btn{top:5px;left:37px}.delete-doc-btn{top:5px;left:5px}.document-action-btn:hover{transform:scale(1.1)}.view-doc-btn:hover i{color: white;}.view-doc-btn:focus i{color: white;}.document-status-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(var(--clr-2),1);margin-left:8px}.document-status-indicator i{color:#fff;font-size:12px}
.custom-progress-wrapper {background-color: #ffffff;border-radius: 20px;height: 20px;position: relative;overflow: hidden;}.custom-progress-bar {height: 100%;width: 0;background: linear-gradient(90deg, #28a745, #20c997);animation: fillProgress 2s forwards;display: flex;align-items: center;justify-content: center;color: white;font-size: 0.75rem;font-weight: bold;}@keyframes fillProgress {to {width: var(--progress);}}